@wix/patterns 1.351.0 → 1.353.0

package/dist/cjs/state/CollectionPage/CollectionPageActionsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_mobxReactLite","_MoreActionsText","_useIsMobile","_pushFactoryIfNotExistsOrAddToTopOfGroup","_transformSecondaryActionsToMoreActions","_MoreActions","_react2","_jsxFileName","withFeaturedActions","items","featuredActions","result","factory","pushFactoryIfNotExistsOrAddToTopOfGroup","WideModeMoreActions","observer","child","primaryToolbar","useCollectionPageContext","getPageFeaturedActions","forceMoreActions","length","default","createElement","MoreActions","__self","__source","fileName","lineNumber","columnNumber","undefined","moreActions","props","type","MoreActionsType","moreActionsProps","secondaryActions","_extends2","MoreActionsText","NarrowModeMoreActions","_child$props$moreActi","moreActionsItems","mergeActionsForNarrowMode","containerId","exploreAppsModalProps","biAdditionalInfo","CollectionPageActionsBar","exports","isMobile","useIsMobile","isNarrow","internalExperiments","useWixPatternsContainer","isNarrowMode","enabled","Box","gap","primaryAction"],"sources":["../../../../src/state/CollectionPage/CollectionPageActionsBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { CollectionPageHeaderElement } from '../../components/CollectionPageHeaderNew';\nimport { useCollectionPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsText } from '../../components/MoreActions/MoreActionsText';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { pushFactoryIfNotExistsOrAddToTopOfGroup } from './pushFactoryIfNotExistsOrAddToTopOfGroup';\nimport { mergeActionsForNarrowMode } from './transformSecondaryActionsToMoreActions';\nimport { MoreActions } from '../../components/MoreActions';\nimport {\n  MoreActionItemFactory,\n  MoreActionsPropItem,\n} from '../../components/MoreActions/MoreActionsBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nfunction withFeaturedActions(\n  items: MoreActionsPropItem[] | MoreActionsPropItem[][] | undefined,\n  featuredActions: MoreActionItemFactory[] | undefined,\n) {\n  if (!featuredActions) {\n    return items;\n  }\n  let result = items;\n  for (const factory of featuredActions) {\n    result = pushFactoryIfNotExistsOrAddToTopOfGroup(result, factory);\n  }\n  return result;\n}\n\nconst WideModeMoreActions = observer(\n  ({ child }: { child: CollectionPageHeaderElement }) => {\n    const { primaryToolbar } = useCollectionPageContext();\n    const featuredActions = primaryToolbar?.getPageFeaturedActions();\n\n    const forceMoreActions = featuredActions?.length ? (\n      <MoreActions />\n    ) : undefined;\n\n    const moreActions = child.props.moreActions ?? forceMoreActions;\n    if (!moreActions) {\n      return null;\n    }\n\n    const { type: MoreActionsType, props: moreActionsProps } = moreActions;\n    const items = withFeaturedActions(moreActionsProps.items, featuredActions);\n\n    if (child.props.secondaryActions) {\n      return <MoreActionsType {...moreActionsProps} items={items} />;\n    }\n\n    return <MoreActionsText {...moreActionsProps} items={items} />;\n  },\n);\n\nconst NarrowModeMoreActions = observer(\n  ({ child }: { child: CollectionPageHeaderElement }) => {\n    const { primaryToolbar } = useCollectionPageContext();\n    const featuredActions = primaryToolbar?.getPageFeaturedActions();\n    const moreActionsProps = child.props.moreActions?.props;\n\n    const moreActionsItems = withFeaturedActions(\n      moreActionsProps?.items,\n      featuredActions,\n    );\n\n    const items = mergeActionsForNarrowMode(\n      child.props.secondaryActions,\n      moreActionsItems,\n    );\n\n    if (items.length === 0) {\n      return null;\n    }\n\n    return (\n      <MoreActions\n        items={items}\n        containerId={moreActionsProps?.containerId}\n        exploreAppsModalProps={moreActionsProps?.exploreAppsModalProps}\n        biAdditionalInfo={moreActionsProps?.biAdditionalInfo}\n      />\n    );\n  },\n);\n\nexport const CollectionPageActionsBar = observer(\n  ({ child }: { child: CollectionPageHeaderElement }) => {\n    const isMobile = useIsMobile();\n    const { isNarrow } = useCollectionPageContext();\n    const { internalExperiments } = useWixPatternsContainer();\n\n    const isNarrowMode =\n      isNarrow &&\n      internalExperiments?.enabled('specs.cairo.CollectionPageMinWidth');\n\n    if (isMobile) {\n      return <Box gap=\"SP2\">{child.props.primaryAction}</Box>;\n    }\n\n    if (isNarrowMode) {\n      return (\n        <Box gap=\"SP2\">\n          <NarrowModeMoreActions child={child} />\n          {child.props.primaryAction}\n        </Box>\n      );\n    }\n\n    return (\n      <Box gap=\"SP2\">\n        <WideModeMoreActions child={child} />\n        {child.props.secondaryActions}\n        {child.props.primaryAction}\n      </Box>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css

@@ -2,6 +2,10 @@
   -st-states: mobile;
 }
 
+.root:not(:mobile) {
+  gap: 12px;
+}
+
 .root:mobile {
   flex-direction: column;
   padding-right: 18px;

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionPageHeader2377942734";
+var _namespace_ = "CollectionPageHeader4066653821";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CollectionPageHeader2377942734__root"
+  "root": "CollectionPageHeader4066653821__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader2377942734\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader2377942734__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader4066653821\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader4066653821__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/CollectionPage/transformSecondaryActionsToMoreActions.js

@@ -0,0 +1,56 @@
+"use strict";
+
+exports.__esModule = true;
+exports.mergeActionsForNarrowMode = mergeActionsForNarrowMode;
+function normalizeToGroups(items) {
+  if (!items || items.length === 0) {
+    return [];
+  }
+  return Array.isArray(items[0]) ? items : [items];
+}
+function toMoreActionsItem(subitem) {
+  return {
+    text: subitem.label ?? '',
+    onClick: subitem.onClick ?? (() => {}),
+    prefixIcon: subitem.prefixIcon,
+    disabled: subitem.disabled,
+    subtitle: subitem.subtitle,
+    dataHook: subitem.dataHook,
+    biName: subitem.biName,
+    biAdditionalInfo: subitem.biAdditionalInfo
+  };
+}
+function secondaryActionsToGroups(secondaryActions) {
+  if (!secondaryActions) {
+    return [];
+  }
+  const {
+    label,
+    onClick,
+    prefixIcon,
+    disabled,
+    biName,
+    biAdditionalInfo,
+    subItems
+  } = secondaryActions.props;
+  if (subItems && subItems.length > 0) {
+    return normalizeToGroups(subItems).map(group => group.map(toMoreActionsItem));
+  }
+  if (label) {
+    return [[{
+      text: label,
+      onClick: onClick ?? (() => {}),
+      prefixIcon,
+      disabled,
+      biName,
+      biAdditionalInfo
+    }]];
+  }
+  return [];
+}
+function mergeActionsForNarrowMode(secondaryActions, moreActionsItems) {
+  const secondaryGroups = secondaryActionsToGroups(secondaryActions);
+  const moreActionsGroups = normalizeToGroups(moreActionsItems);
+  return [...secondaryGroups, ...moreActionsGroups];
+}
+//# sourceMappingURL=transformSecondaryActionsToMoreActions.js.map

package/dist/cjs/state/CollectionPage/transformSecondaryActionsToMoreActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeToGroups","items","length","Array","isArray","toMoreActionsItem","subitem","text","label","onClick","prefixIcon","disabled","subtitle","dataHook","biName","biAdditionalInfo","secondaryActionsToGroups","secondaryActions","subItems","props","map","group","mergeActionsForNarrowMode","moreActionsItems","secondaryGroups","moreActionsGroups"],"sources":["../../../../src/state/CollectionPage/transformSecondaryActionsToMoreActions.ts"],"sourcesContent":["import { ActionSubitem } from '../../components/ActionControl/ActionSubItemProps';\nimport { MoreActionsItem } from '../../components/MoreActions/MoreActionsItem';\nimport { SecondaryActionsElement } from '../../components/SecondaryActions/SecondaryActions';\nimport { MoreActionsPropItem } from '../../components/MoreActions/MoreActionsBase';\n\nfunction normalizeToGroups<T>(items: T[] | T[][] | undefined): T[][] {\n  if (!items || items.length === 0) {\n    return [];\n  }\n  return Array.isArray(items[0]) ? (items as T[][]) : [items as T[]];\n}\n\nfunction toMoreActionsItem(subitem: ActionSubitem): MoreActionsItem {\n  return {\n    text: subitem.label ?? '',\n    onClick: subitem.onClick ?? (() => {}),\n    prefixIcon: subitem.prefixIcon,\n    disabled: subitem.disabled,\n    subtitle: subitem.subtitle,\n    dataHook: subitem.dataHook,\n    biName: subitem.biName,\n    biAdditionalInfo: subitem.biAdditionalInfo,\n  };\n}\n\nfunction secondaryActionsToGroups(\n  secondaryActions: SecondaryActionsElement | undefined,\n): MoreActionsPropItem[][] {\n  if (!secondaryActions) {\n    return [];\n  }\n\n  const {\n    label,\n    onClick,\n    prefixIcon,\n    disabled,\n    biName,\n    biAdditionalInfo,\n    subItems,\n  } = secondaryActions.props;\n\n  if (subItems && subItems.length > 0) {\n    return normalizeToGroups(subItems).map((group) =>\n      group.map(toMoreActionsItem),\n    );\n  }\n\n  if (label) {\n    return [\n      [\n        {\n          text: label,\n          onClick: onClick ?? (() => {}),\n          prefixIcon,\n          disabled,\n          biName,\n          biAdditionalInfo,\n        },\n      ],\n    ];\n  }\n\n  return [];\n}\n\nexport function mergeActionsForNarrowMode(\n  secondaryActions: SecondaryActionsElement | undefined,\n  moreActionsItems: MoreActionsPropItem[] | MoreActionsPropItem[][] | undefined,\n): MoreActionsPropItem[][] {\n  const secondaryGroups = secondaryActionsToGroups(secondaryActions);\n  const moreActionsGroups = normalizeToGroups(moreActionsItems);\n  return [...secondaryGroups, ...moreActionsGroups];\n}\n"],"mappings":";;;;AAKA,SAASA,iBAAiBA,CAAIC,KAA8B,EAAS;EACnE,IAAI,CAACA,KAAK,IAAIA,KAAK,CAACC,MAAM,KAAK,CAAC,EAAE;IAChC,OAAO,EAAE;EACX;EACA,OAAOC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,CAAC,CAAC,CAAC,GAAIA,KAAK,GAAa,CAACA,KAAK,CAAQ;AACpE;AAEA,SAASI,iBAAiBA,CAACC,OAAsB,EAAmB;EAClE,OAAO;IACLC,IAAI,EAAED,OAAO,CAACE,KAAK,IAAI,EAAE;IACzBC,OAAO,EAAEH,OAAO,CAACG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC;IACtCC,UAAU,EAAEJ,OAAO,CAACI,UAAU;IAC9BC,QAAQ,EAAEL,OAAO,CAACK,QAAQ;IAC1BC,QAAQ,EAAEN,OAAO,CAACM,QAAQ;IAC1BC,QAAQ,EAAEP,OAAO,CAACO,QAAQ;IAC1BC,MAAM,EAAER,OAAO,CAACQ,MAAM;IACtBC,gBAAgB,EAAET,OAAO,CAACS;EAC5B,CAAC;AACH;AAEA,SAASC,wBAAwBA,CAC/BC,gBAAqD,EAC5B;EACzB,IAAI,CAACA,gBAAgB,EAAE;IACrB,OAAO,EAAE;EACX;EAEA,MAAM;IACJT,KAAK;IACLC,OAAO;IACPC,UAAU;IACVC,QAAQ;IACRG,MAAM;IACNC,gBAAgB;IAChBG;EACF,CAAC,GAAGD,gBAAgB,CAACE,KAAK;EAE1B,IAAID,QAAQ,IAAIA,QAAQ,CAAChB,MAAM,GAAG,CAAC,EAAE;IACnC,OAAOF,iBAAiB,CAACkB,QAAQ,CAAC,CAACE,GAAG,CAAEC,KAAK,IAC3CA,KAAK,CAACD,GAAG,CAACf,iBAAiB,CAC7B,CAAC;EACH;EAEA,IAAIG,KAAK,EAAE;IACT,OAAO,CACL,CACE;MACED,IAAI,EAAEC,KAAK;MACXC,OAAO,EAAEA,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC;MAC9BC,UAAU;MACVC,QAAQ;MACRG,MAAM;MACNC;IACF,CAAC,CACF,CACF;EACH;EAEA,OAAO,EAAE;AACX;AAEO,SAASO,yBAAyBA,CACvCL,gBAAqD,EACrDM,gBAA6E,EACpD;EACzB,MAAMC,eAAe,GAAGR,wBAAwB,CAACC,gBAAgB,CAAC;EAClE,MAAMQ,iBAAiB,GAAGzB,iBAAiB,CAACuB,gBAAgB,CAAC;EAC7D,OAAO,CAAC,GAAGC,eAAe,EAAE,GAAGC,iBAAiB,CAAC;AACnD","ignoreList":[]}

package/dist/cjs/state/CollectionPage/useCollectionPageHeader.js

@@ -9,65 +9,12 @@ var _designSystem = require("@wix/design-system");
 var _providers = require("../../providers");
 var _mobxReactLite = require("mobx-react-lite");
 var _PageSubTitle = require("../../components/PageSubTitle");
-var _MoreActionsText = require("../../components/MoreActions/MoreActionsText");
 var _useIsMobile = require("../../hooks/useIsMobile");
 var _CollectionPageHeaderStCss = require("./CollectionPageHeader.st.css.js");
-var _pushFactoryIfNotExistsOrAddToTopOfGroup = require("./pushFactoryIfNotExistsOrAddToTopOfGroup");
-var _MoreActions = require("../../components/MoreActions");
 var _react2 = require("@wix/bex-core/react");
 var _PanelHeader = require("./PanelHeader");
+var _CollectionPageActionsBar = require("./CollectionPageActionsBar");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/state/CollectionPage/useCollectionPageHeader.tsx";
-const MoreActionsBySecondaryAction = (0, _mobxReactLite.observer)(({
-  child
-}) => {
-  const pageState = (0, _providers.useCollectionPageContext)();
-  const {
-    primaryToolbar
-  } = pageState;
-  const featuredActions = primaryToolbar == null ? void 0 : primaryToolbar.getPageFeaturedActions();
-  const forceMoreActions = featuredActions != null && featuredActions.length ? /*#__PURE__*/_react.default.createElement(_MoreActions.MoreActions, {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 23,
-      columnNumber: 7
-    }
-  }) : undefined;
-  const moreActions = child.props.moreActions ?? forceMoreActions;
-  if (!moreActions) {
-    return null;
-  }
-  const {
-    type: MoreActionsElementType,
-    props: moreActionsProps
-  } = moreActions;
-  let items = moreActionsProps.items;
-  if (featuredActions) {
-    for (const factory of featuredActions) {
-      items = (0, _pushFactoryIfNotExistsOrAddToTopOfGroup.pushFactoryIfNotExistsOrAddToTopOfGroup)(items, factory);
-    }
-  }
-  if (child.props.secondaryActions) {
-    return /*#__PURE__*/_react.default.createElement(MoreActionsElementType, (0, _extends2.default)({}, moreActionsProps, {
-      items: items,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 44,
-        columnNumber: 14
-      }
-    }));
-  }
-  return /*#__PURE__*/_react.default.createElement(_MoreActionsText.MoreActionsText, (0, _extends2.default)({}, moreActionsProps, {
-    items: items,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 47,
-      columnNumber: 12
-    }
-  }));
-});
 function useCollectionPageHeader(child) {
   const isMobile = (0, _useIsMobile.useIsMobile)();
   const {
@@ -81,7 +28,7 @@ function useCollectionPageHeader(child) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 57,
+        lineNumber: 19,
         columnNumber: 7
       }
     });
@@ -97,7 +44,7 @@ function useCollectionPageHeader(child) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 68,
+        lineNumber: 31,
         columnNumber: 29
       }
     }),
@@ -105,33 +52,25 @@ function useCollectionPageHeader(child) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 71,
+        lineNumber: 34,
         columnNumber: 11
       }
     })) : undefined,
-    actionsBar: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      gap: "SP2",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 75,
-        columnNumber: 9
-      }
-    }, !isMobile && /*#__PURE__*/_react.default.createElement(MoreActionsBySecondaryAction, {
+    actionsBar: /*#__PURE__*/_react.default.createElement(_CollectionPageActionsBar.CollectionPageActionsBar, {
       child: child,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 76,
-        columnNumber: 25
+        lineNumber: 37,
+        columnNumber: 19
       }
-    }), !isMobile && child.props.secondaryActions, child.props.primaryAction),
+    }),
     breadcrumbs: isMobile ? () => {
       return /*#__PURE__*/_react.default.createElement("div", {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 84,
+          lineNumber: 41,
           columnNumber: 22
         }
       });
@@ -139,7 +78,7 @@ function useCollectionPageHeader(child) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 27,
       columnNumber: 5
     }
   });
@@ -149,37 +88,51 @@ const CollectionPageHeaderTitle = (0, _mobxReactLite.observer)(({
 }) => {
   const state = (0, _providers.useCollectionPageContext)();
   const isMobile = (0, _useIsMobile.useIsMobile)();
-  const titleContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  if (minimized) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, state.pageTitle);
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+    size: isMobile ? 'large' : 'extraLarge',
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     inline: true,
+    maxLines: 1,
     paddingRight: "9px",
+    minWidth: 0,
+    width: "100%",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 60,
       columnNumber: 9
     }
-  }, state.pageTitle), state.total !== false && !state.hideHeaderTotal && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    inline: true,
-    color: "D40",
-    dataHook: "page-header-total-count",
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+    size: isMobile ? 'large' : 'extraLarge',
+    ellipsis: true,
+    showTooltip: !isMobile,
+    placement: "bottom",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 61,
       columnNumber: 11
     }
-  }, state.total));
-  if (minimized) {
-    return titleContent;
-  }
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
-    size: isMobile ? 'large' : 'extraLarge',
+  }, state.pageTitle), state.total !== false && !state.hideHeaderTotal && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    inline: true,
+    color: "D40",
+    paddingLeft: "9px",
+    dataHook: "page-header-total-count",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
-      columnNumber: 7
+      lineNumber: 70,
+      columnNumber: 13
     }
-  }, titleContent);
+  }, state.total)));
 });
 //# sourceMappingURL=useCollectionPageHeader.js.map

package/dist/cjs/state/CollectionPage/useCollectionPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_mobxReactLite","_PageSubTitle","_MoreActionsText","_useIsMobile","_CollectionPageHeaderStCss","_pushFactoryIfNotExistsOrAddToTopOfGroup","_MoreActions","_react2","_PanelHeader","_jsxFileName","MoreActionsBySecondaryAction","observer","child","pageState","useCollectionPageContext","primaryToolbar","featuredActions","getPageFeaturedActions","forceMoreActions","length","default","createElement","MoreActions","__self","__source","fileName","lineNumber","columnNumber","undefined","moreActions","props","type","MoreActionsElementType","moreActionsProps","items","factory","pushFactoryIfNotExistsOrAddToTopOfGroup","secondaryActions","_extends2","MoreActionsText","useCollectionPageHeader","isMobile","useIsMobile","isPanelLayout","useWixPatternsContainer","_child$props$subtitle","PanelHeader","title","text","subtitle","Page","Header","key","className","st","classes","root","mobile","dataHook","minimized","CollectionPageHeaderTitle","PageSubTitle","actionsBar","Box","gap","primaryAction","breadcrumbs","state","titleContent","Fragment","inline","paddingRight","pageTitle","total","hideHeaderTotal","color","Heading","size"],"sources":["../../../../src/state/CollectionPage/useCollectionPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Heading, Page } from '@wix/design-system';\nimport { CollectionPageHeaderElement } from '../../components/CollectionPageHeaderNew';\nimport { useCollectionPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { PageSubTitle } from '../../components/PageSubTitle';\nimport { MoreActionsText } from '../../components/MoreActions/MoreActionsText';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { classes, st } from './CollectionPageHeader.st.css.js';\nimport { pushFactoryIfNotExistsOrAddToTopOfGroup } from './pushFactoryIfNotExistsOrAddToTopOfGroup';\nimport { MoreActions } from '../../components/MoreActions';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { PanelHeader } from './PanelHeader';\n\nconst MoreActionsBySecondaryAction = observer(\n  ({ child }: { child: CollectionPageHeaderElement }) => {\n    const pageState = useCollectionPageContext();\n    const { primaryToolbar } = pageState;\n\n    const featuredActions = primaryToolbar?.getPageFeaturedActions();\n\n    const forceMoreActions = featuredActions?.length ? (\n      <MoreActions />\n    ) : undefined;\n\n    const moreActions = child.props.moreActions ?? forceMoreActions;\n\n    if (!moreActions) {\n      return null;\n    }\n\n    const { type: MoreActionsElementType, props: moreActionsProps } =\n      moreActions;\n\n    let items = moreActionsProps.items;\n\n    if (featuredActions) {\n      for (const factory of featuredActions) {\n        items = pushFactoryIfNotExistsOrAddToTopOfGroup(items, factory);\n      }\n    }\n\n    if (child.props.secondaryActions) {\n      return <MoreActionsElementType {...moreActionsProps} items={items} />;\n    }\n\n    return <MoreActionsText {...moreActionsProps} items={items} />;\n  },\n);\n\nexport function useCollectionPageHeader(child: CollectionPageHeaderElement) {\n  const isMobile = useIsMobile();\n  const { isPanelLayout } = useWixPatternsContainer();\n\n  if (isPanelLayout) {\n    return (\n      <PanelHeader\n        title={child.props.title.text}\n        subtitle={child.props.subtitle?.text}\n      />\n    );\n  }\n  return (\n    <Page.Header\n      key={child.key}\n      className={st(classes.root, { mobile: isMobile })}\n      dataHook=\"collection-page-header\"\n      title={(minimized) => <CollectionPageHeaderTitle minimized={minimized} />}\n      subtitle={\n        child.props.subtitle ? (\n          <PageSubTitle {...child.props.subtitle} />\n        ) : undefined\n      }\n      actionsBar={\n        <Box gap=\"SP2\">\n          {!isMobile && <MoreActionsBySecondaryAction child={child} />}\n          {!isMobile && child.props.secondaryActions}\n          {child.props.primaryAction}\n        </Box>\n      }\n      breadcrumbs={\n        isMobile\n          ? () => {\n              return <div></div>;\n            }\n          : child.props.breadcrumbs\n      }\n    />\n  );\n}\n\nconst CollectionPageHeaderTitle = observer(\n  ({ minimized }: { minimized: boolean }) => {\n    const state = useCollectionPageContext();\n    const isMobile = useIsMobile();\n    const titleContent = (\n      <>\n        <Box inline paddingRight=\"9px\">\n          {state.pageTitle}\n        </Box>\n        {state.total !== false && !state.hideHeaderTotal && (\n          <Box inline color=\"D40\" dataHook=\"page-header-total-count\">\n            {state.total}\n          </Box>\n        )}\n      </>\n    );\n\n    if (minimized) {\n      return titleContent;\n    }\n\n    return (\n      <Heading size={isMobile ? 'large' : 'extraLarge'}>{titleContent}</Heading>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_mobxReactLite","_PageSubTitle","_useIsMobile","_CollectionPageHeaderStCss","_react2","_PanelHeader","_CollectionPageActionsBar","_jsxFileName","useCollectionPageHeader","child","isMobile","useIsMobile","isPanelLayout","useWixPatternsContainer","_child$props$subtitle","default","createElement","PanelHeader","title","props","text","subtitle","__self","__source","fileName","lineNumber","columnNumber","Page","Header","key","className","st","classes","root","mobile","dataHook","minimized","CollectionPageHeaderTitle","PageSubTitle","_extends2","undefined","actionsBar","CollectionPageActionsBar","breadcrumbs","observer","state","useCollectionPageContext","Fragment","pageTitle","Heading","size","Box","inline","maxLines","paddingRight","minWidth","width","ellipsis","showTooltip","placement","total","hideHeaderTotal","color","paddingLeft"],"sources":["../../../../src/state/CollectionPage/useCollectionPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Heading, Page } from '@wix/design-system';\nimport { CollectionPageHeaderElement } from '../../components/CollectionPageHeaderNew';\nimport { useCollectionPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { PageSubTitle } from '../../components/PageSubTitle';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { classes, st } from './CollectionPageHeader.st.css.js';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { PanelHeader } from './PanelHeader';\nimport { CollectionPageActionsBar } from './CollectionPageActionsBar';\n\nexport function useCollectionPageHeader(child: CollectionPageHeaderElement) {\n  const isMobile = useIsMobile();\n  const { isPanelLayout } = useWixPatternsContainer();\n\n  if (isPanelLayout) {\n    return (\n      <PanelHeader\n        title={child.props.title.text}\n        subtitle={child.props.subtitle?.text}\n      />\n    );\n  }\n\n  return (\n    <Page.Header\n      key={child.key}\n      className={st(classes.root, { mobile: isMobile })}\n      dataHook=\"collection-page-header\"\n      title={(minimized) => <CollectionPageHeaderTitle minimized={minimized} />}\n      subtitle={\n        child.props.subtitle ? (\n          <PageSubTitle {...child.props.subtitle} />\n        ) : undefined\n      }\n      actionsBar={<CollectionPageActionsBar child={child} />}\n      breadcrumbs={\n        isMobile\n          ? () => {\n              return <div></div>;\n            }\n          : child.props.breadcrumbs\n      }\n    />\n  );\n}\n\nconst CollectionPageHeaderTitle = observer(\n  ({ minimized }: { minimized: boolean }) => {\n    const state = useCollectionPageContext();\n    const isMobile = useIsMobile();\n\n    if (minimized) {\n      return <>{state.pageTitle}</>;\n    }\n\n    return (\n      <Heading size={isMobile ? 'large' : 'extraLarge'}>\n        <Box inline maxLines={1} paddingRight=\"9px\" minWidth={0} width=\"100%\">\n          <Heading\n            size={isMobile ? 'large' : 'extraLarge'}\n            ellipsis\n            showTooltip={!isMobile}\n            placement=\"bottom\"\n          >\n            {state.pageTitle}\n          </Heading>\n          {state.total !== false && !state.hideHeaderTotal && (\n            <Box\n              inline\n              color=\"D40\"\n              paddingLeft=\"9px\"\n              dataHook=\"page-header-total-count\"\n            >\n              {state.total}\n            </Box>\n          )}\n        </Box>\n      </Heading>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "FormPageHeader3500458884";
+var _namespace_ = "FormPageHeader871981345";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "FormPageHeader3500458884__root"
+  "root": "FormPageHeader871981345__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader3500458884\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader3500458884__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader871981345\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader871981345__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/KanbanState/KanbanState.js

@@ -360,6 +360,38 @@ class KanbanState {
       }
     });
   }
+  setStages(stages) {
+    (0, _mobx.runInAction)(() => {
+      const getKey = stage => this.stagesCollectionState.itemKey(stage);
+      const currentStageIds = new Set(Object.keys(this.kanbanStageStates));
+      const newStageIds = new Set(stages.map(getKey));
+      this.stagesCollectionState.result.setPages({
+        processed: [stages],
+        unprocessed: [stages]
+      });
+      this.stagesCollectionState.result.setTotals({
+        processed: stages.length,
+        unprocessed: stages.length
+      });
+      currentStageIds.forEach(stageId => {
+        if (!newStageIds.has(stageId)) {
+          this.disposeStageState(stageId);
+        }
+      });
+      stages.forEach(stage => {
+        const stageId = getKey(stage);
+        if (!this.kanbanStageStates[stageId]) {
+          this.createNewStageState(stage, stageId, {
+            items: [],
+            total: 0,
+            cursor: null
+          }, false);
+        } else {
+          this.kanbanStageStates[stageId].name = this.stagesCollectionState.itemName(stage);
+        }
+      });
+    });
+  }
   createStage(stage) {
     this.stagesCollectionState.optimisticActions.createOne(stage, {
       submit: _items => Promise.resolve()