@wix/patterns 1.296.0 → 1.300.0

package/src/hooks/useBulkActionMobileGroups.ts

@@ -0,0 +1,42 @@
+import {
+  ActionSubitem,
+  ActionSubItemPrivate,
+} from '../components/ActionControl';
+
+export interface UseBulkActionMobileGroupsParams {
+  primaryActionItems: ActionSubitem[];
+  secondaryActionItems: ActionSubitem[][];
+  moreActionsLabel: string;
+}
+
+/**
+ * Hook to build mobile action groups for the bulk action toolbar.
+ * Combines primary and secondary bulk actions into grouped sections for mobile view.
+ */
+export function useBulkActionMobileGroups({
+  primaryActionItems,
+  secondaryActionItems,
+  moreActionsLabel,
+}: UseBulkActionMobileGroupsParams): ActionSubItemPrivate['subItems'] {
+  const primaryGroup = primaryActionItems.flatMap((actionItem) => {
+    if (!actionItem.subItems) {
+      return [actionItem];
+    }
+
+    return [{ sectionTitle: actionItem.label! }, ...actionItem.subItems.flat()];
+  });
+
+  const secondaryFlat = [
+    { sectionTitle: moreActionsLabel },
+    ...secondaryActionItems.flat(),
+  ];
+
+  const groups: ActionSubItemPrivate['subItems'] = [];
+  if (primaryGroup.length > 0) {
+    groups.push(primaryGroup);
+  }
+  if (secondaryFlat.length > 0) {
+    groups.push(secondaryFlat);
+  }
+  return groups;
+}

package/src/hooks/useItemsSelectionFilter/useItemsSelectionFilter.ts

@@ -80,7 +80,11 @@ function buildRequest(params: {
 
 // When we publish items-selection-code, we need to use this code from there and no to duplicate it here
 const useQueryItems = () => {
-  const { httpClient } = useWixPatternsContainer();
+  const {
+    httpClient,
+    errorHandler: { withErrorHandler },
+    translate: t,
+  } = useWixPatternsContainer();
 
   const fetchItems: FetchItemsFn = async ({ providerKey, query }) => {
     const request: QueryItemsRequest = buildRequest({
@@ -88,7 +92,25 @@ const useQueryItems = () => {
       providerKey,
     });
 
-    const res = await httpClient.request(queryItems(request));
+    const res = await withErrorHandler(
+      () => httpClient.request(queryItems(request)),
+      {
+        PROVIDER_NOT_FOUND: () => ({
+          message: t('cairo.provider-not-found.error'),
+          action: {
+            text: t('cairo.error.contactSupport.cta'),
+            onClick: () => {},
+          },
+        }),
+        QUERY_PROVIDER_ITEMS_FAILED: () => ({
+          message: t('cairo.provider-not-found.error'),
+          action: {
+            text: t('cairo.error.contactSupport.cta'),
+            onClick: () => {},
+          },
+        }),
+      },
+    );
 
     const { items, pagingMetadata } = res.data;
     return {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader2836470783";
+var _namespace_ = "CollectionPageHeader151189278";
 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":"CollectionPageHeader2836470783__root"};
+export var classes = {"root":"CollectionPageHeader151189278__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_ = "FormPageHeader1513050848";
+var _namespace_ = "FormPageHeader137924600";
 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":"FormPageHeader1513050848__root"};
+export var classes = {"root":"FormPageHeader137924600__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/NestedTableState/NestedTableState.ts

@@ -302,14 +302,14 @@ export class NestedTableState<
     };
   }
 
-  refreshAll() {
+  refreshAll({ invalidate = true }: { invalidate?: boolean } = {}) {
     const initTask = this.isFlatMode
       ? this.flat.initTask
       : this.nested.initTask;
     initTask.reset();
     initTask.runOnce(async () => {
       const fetchAll = this._attemptFetchAllAndPopulateCache();
-      fetchAll.init({ invalidate: true });
+      fetchAll.init({ invalidate });
       await fetchAll.initTask.status.promise;
 
       await (this.isFlatMode
@@ -326,7 +326,9 @@ export class NestedTableState<
   _addFilterListeners() {
     return Object.values(this.query.filtersEntries).map(([_, filter]) => {
       return addEventListener(filter.events, 'refresh', () => {
-        this.refreshAll();
+        this.refreshAll({
+          invalidate: false,
+        });
       });
     });
   }

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1393187604__root.CardContainer1393187604--mobile{border-radius:0}.Collapse2836442632__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2836442632__exit{height:0}.CollectionPage3106655869__root.CollectionPage3106655869--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3106655869__root.CollectionPage3106655869--panel{overflow:hidden;position:relative}.CollectionTable1545825600__root td{vertical-align:middle}.CollectionTable1545825600__root.CollectionTable1545825600--mobile td:first-child{padding-left:18px}.CollectionTable1545825600__root.CollectionTable1545825600--mobile td:last-child{padding-right:18px}.CollectionToolbar1030837190__left{min-width:0}.CollectionToolbar1030837190__root.CollectionToolbar1030837190--views .CollectionToolbar1030837190__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1030837190__left.CollectionToolbar1030837190--expandable{flex:auto}.CollectionToolbar1030837190__root .CollectionToolbar1030837190__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1030837190__root.CollectionToolbar1030837190--views .CollectionToolbar1030837190__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1030837190__root .CollectionToolbar1030837190__right.CollectionToolbar1030837190__fullWidth{margin-inline-start:0!important}.CollectionToolbar1030837190__root.CollectionToolbar1030837190--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter662362649__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter662362649__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly854460757__root.AutoCompleteReadonly854460757--disableEditing{cursor:pointer}.AutoCompleteReadonly854460757__root.AutoCompleteReadonly854460757--disableEditing input{cursor:pointer}.ViewsDropdown3647177959__root{width:200px}.DragHandle2176931867__root{display:flex;align-items:center}.DragHandle2176931867__root:not(.DragHandle2176931867--disabled){cursor:grab;color:#a8caff}.DragHandle2176931867__root.DragHandle2176931867--disabled{color:#acafc4}.DragHandle2176931867__root:focus-visible:not(.DragHandle2176931867--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2176931867__root.DragHandle2176931867--disabled{pointer-events:none}.DragHandle2176931867__root.DragHandle2176931867--dragging:not(.DragHandle2176931867--disabled){cursor:grabbing}.EntityPagePlain2066693229__root.EntityPagePlain2066693229--mobile{--wds-page-header-padding-horizontal:0}.Fade1216184679__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1216184679__root.Fade1216184679--exit{opacity:0}.Heading1882191569__root{visibility:visible}.Heading1882191569__root.Heading1882191569--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3088080369__root.InputOverflow3088080369--selected:not(.InputOverflow3088080369--focused) input::placeholder{color:#000624}@keyframes LoadingRow2859302015__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%}}.LoadingRow2859302015__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:LoadingRow2859302015__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2086308881__root{opacity:1}.MaxHeightText2086308881__root.MaxHeightText2086308881--height24{line-height:24px}.MaxLines1657183845__root{overflow:hidden}.MaxLines1657183845__root.MaxLines1657183845--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2457777167__root{min-width:0}.NestedTablePlaceholderStatesRow1484585522__root td{padding:0!important;width:100%}.NestedTableRow2682455552__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2682455552__root:hover{background-color:#e7f0ff!important}.NestedTableRow2682455552__root.NestedTableRow2682455552--expandable{cursor:pointer}.NestedTableRow2682455552__placeholder td{padding:0!important;width:100%}.NestedTableRow2682455552__root:hover td:first-of-type::before,.NestedTableRow2682455552__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2399557028__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)}.NestedTableDragAndDropRow1551175518__root.NestedTableDragAndDropRow1551175518--draggingInto td{background-color:#e7f0ff!important}.PickerContent2352047205__root{display:flex}.PickerContentAdditionalStep3449039505__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3449039505__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem124590333__root{box-sizing:border-box}.ScrollableContent2585371448__root.ScrollableContent2585371448--overflowY{overflow-y:auto}.ScrollableContent2585371448__root.ScrollableContent2585371448--overflowX{overflow-x:auto}.ScrollableContent2585371448__root.ScrollableContent2585371448--smooth{scroll-behavior:smooth}.SkeletonCard1063942384__headerLoading{display:block!important}.SlidingModal1276144807__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1276144807__root.SlidingModal1276144807--overlay{transition:transform 0s ease 0s}.SlidingModal1276144807__root.SlidingModal1276144807---appendTo-6-parent{position:absolute}.SlidingModal1276144807__root:not(.SlidingModal1276144807--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1731899455__root .TabsFilter1731899455__title{color:inherit!important}.ManageTagsModal2089978259__root{display:flex}.ToolbarItem675329814__root{min-width:0}.ToolbarItemBox444073492__root{min-width:0}.ToolbarItemBox444073492__root.ToolbarItemBox444073492--removeStartPadding{margin-left:-24px}.ToolbarItemBox444073492__root.ToolbarItemBox444073492--expandable{flex:1 0}.common3532792477__column{display:flex;flex-direction:column}.common3532792477__fullHeight{height:100%;min-height:0}.CollectionPageHeader2836470783__root.CollectionPageHeader2836470783--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2836470783__root.CollectionPageHeader2836470783--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1513050848__root.FormPageHeader1513050848--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1513050848__root.FormPageHeader1513050848--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer96728732__root.CardContainer96728732--mobile{border-radius:0}.Collapse2752988996__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2752988996__exit{height:0}.CollectionPage275142463__root.CollectionPage275142463--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage275142463__root.CollectionPage275142463--panel{overflow:hidden;position:relative}.CollectionTable645875702__root td{vertical-align:middle}.CollectionTable645875702__root.CollectionTable645875702--mobile td:first-child{padding-left:18px}.CollectionTable645875702__root.CollectionTable645875702--mobile td:last-child{padding-right:18px}.CollectionToolbar3486302085__left{min-width:0}.CollectionToolbar3486302085__root.CollectionToolbar3486302085--views .CollectionToolbar3486302085__left{flex-shrink:1;flex-grow:0}.CollectionToolbar3486302085__left.CollectionToolbar3486302085--expandable{flex:auto}.CollectionToolbar3486302085__root .CollectionToolbar3486302085__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3486302085__root.CollectionToolbar3486302085--views .CollectionToolbar3486302085__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3486302085__root .CollectionToolbar3486302085__right.CollectionToolbar3486302085__fullWidth{margin-inline-start:0!important}.CollectionToolbar3486302085__root.CollectionToolbar3486302085--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3061739824__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3061739824__searchMobile{justify-content:flex-end;position:absolute;left:18px;right:18px}.SearchOrCustomFilter3061739824__searchMobile.SearchOrCustomFilter3061739824--expandable{left:unset}.SearchOrCustomFilter3061739824__searchMobile.SearchOrCustomFilter3061739824--expandable.SearchOrCustomFilter3061739824--expanded{left:18px}.AutoCompleteReadonly1904272586__root.AutoCompleteReadonly1904272586--disableEditing{cursor:pointer}.AutoCompleteReadonly1904272586__root.AutoCompleteReadonly1904272586--disableEditing input{cursor:pointer}.ViewsDropdown1265254409__root{width:200px}.DragHandle1096016990__root{display:flex;align-items:center}.DragHandle1096016990__root:not(.DragHandle1096016990--disabled){cursor:grab;color:#a8caff}.DragHandle1096016990__root.DragHandle1096016990--disabled{color:#acafc4}.DragHandle1096016990__root:focus-visible:not(.DragHandle1096016990--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1096016990__root.DragHandle1096016990--disabled{pointer-events:none}.DragHandle1096016990__root.DragHandle1096016990--dragging:not(.DragHandle1096016990--disabled){cursor:grabbing}.EntityPagePlain1062936786__root.EntityPagePlain1062936786--mobile{--wds-page-header-padding-horizontal:0}.Fade964856991__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade964856991__root.Fade964856991--exit{opacity:0}.Heading399993216__root{visibility:visible}.Heading399993216__root.Heading399993216--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2161395937__root.InputOverflow2161395937--selected:not(.InputOverflow2161395937--focused) input::placeholder{color:#000624}@keyframes LoadingRow187712777__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%}}.LoadingRow187712777__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:LoadingRow187712777__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText676620238__root{opacity:1}.MaxHeightText676620238__root.MaxHeightText676620238--height24{line-height:24px}.MaxLines1573183086__root{overflow:hidden}.MaxLines1573183086__root.MaxLines1573183086--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3157796139__root{min-width:0}.NestedTablePlaceholderStatesRow2811655784__root td{padding:0!important;width:100%}.NestedTableRow93200331__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow93200331__root:hover{background-color:#e7f0ff!important}.NestedTableRow93200331__root.NestedTableRow93200331--expandable{cursor:pointer}.NestedTableRow93200331__placeholder td{padding:0!important;width:100%}.NestedTableRow93200331__root:hover td:first-of-type::before,.NestedTableRow93200331__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1498887663__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)}.NestedTableDragAndDropRow2564206690__root.NestedTableDragAndDropRow2564206690--draggingInto td{background-color:#e7f0ff!important}.PickerContent2909552611__root{display:flex}.PickerContentAdditionalStep2417369187__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2417369187__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3972443579__root{box-sizing:border-box}.ScrollableContent2892148242__root.ScrollableContent2892148242--overflowY{overflow-y:auto}.ScrollableContent2892148242__root.ScrollableContent2892148242--overflowX{overflow-x:auto}.ScrollableContent2892148242__root.ScrollableContent2892148242--smooth{scroll-behavior:smooth}.SkeletonCard693890713__headerLoading{display:block!important}.SlidingModal2204069005__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2204069005__root.SlidingModal2204069005--overlay{transition:transform 0s ease 0s}.SlidingModal2204069005__root.SlidingModal2204069005---appendTo-6-parent{position:absolute}.SlidingModal2204069005__root:not(.SlidingModal2204069005--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter529749179__root .TabsFilter529749179__title{color:inherit!important}.ManageTagsModal2189132043__root{display:flex}.ToolbarItem2707528422__root{min-width:0}.ToolbarItemBox3613708891__root{min-width:0}.ToolbarItemBox3613708891__root.ToolbarItemBox3613708891--removeStartPadding{margin-left:-24px}.ToolbarItemBox3613708891__root.ToolbarItemBox3613708891--expandable{flex:1 0}.common4267872380__column{display:flex;flex-direction:column}.common4267872380__fullHeight{height:100%;min-height:0}.CollectionPageHeader151189278__root.CollectionPageHeader151189278--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader151189278__root.CollectionPageHeader151189278--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader137924600__root.FormPageHeader137924600--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader137924600__root.FormPageHeader137924600--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.296.0';
+export const version = 'patterns@1.300.0';