@wix/patterns 1.477.0 → 1.479.0

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

@@ -1 +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","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 <MoreActions {...moreActionsProps} items={items} />;\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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_mobxReactLite","_MoreActionsText","_useIsMobile","_pushFactoryIfNotExistsOrAddToTopOfGroup","_transformSecondaryActionsToMoreActions","_MoreActions","_react2","_CollectionPageHeaderStCss","_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","CollectionPageActionsBar","exports","isMobile","useIsMobile","isNarrow","internalExperiments","useWixPatternsContainer","isNarrowMode","enabled","Box","gap","className","classes","mobileMoreActions","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';\nimport { classes } from './CollectionPageHeader.st.css.js';\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 <MoreActions {...moreActionsProps} items={items} />;\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    // The primary action is rendered in the page's fixed footer on mobile.\n    if (isMobile) {\n      return (\n        <Box gap=\"SP2\" className={classes.mobileMoreActions}>\n          <NarrowModeMoreActions child={child} />\n        </Box>\n      );\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

@@ -1,3 +1,5 @@
+@property st-global(--wds-page-header-title-actions-gap);
+
 .root {
   -st-states: mobile;
 }
@@ -7,13 +9,17 @@
 }
 
 .root:mobile {
-  flex-direction: column;
+  --wds-page-header-title-actions-gap: 8px;
   padding-right: 18px;
   padding-left: 18px;
 }
 
-.root:mobile > * {
-  margin-left: 0;
-  margin-top: 6px !important;
-  height: auto;
+/* Drops the WDS actions bar offsets so "more actions" lines up with the title row. */
+.root:mobile [data-hook="page-header-actionbar"] {
+  display: contents;
+}
+
+.mobileMoreActions {
+  align-self: flex-start;
+  margin-top: 6px;
 }

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

@@ -5,18 +5,21 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionPageHeader1380742778";
+var _namespace_ = "CollectionPageHeader712680140";
 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": "CollectionPageHeader1380742778__root"
+  "root": "CollectionPageHeader712680140__root",
+  "mobileMoreActions": "CollectionPageHeader712680140__mobileMoreActions"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
-var vars = exports.vars = {};
+var vars = exports.vars = {
+  "wds-page-header-title-actions-gap": "--wds-page-header-title-actions-gap"
+};
 //# sourceMappingURL=CollectionPageHeader.st.css.js.map

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_ = \"CollectionPageHeader1380742778\";\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\":\"CollectionPageHeader1380742778__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_ = \"CollectionPageHeader712680140\";\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\":\"CollectionPageHeader712680140__root\",\"mobileMoreActions\":\"CollectionPageHeader712680140__mobileMoreActions\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-title-actions-gap\":\"--wds-page-header-title-actions-gap\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,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,qCAAqC;EAAC,mBAAmB,EAAC;AAAkD,CAAC;AACnI,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;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MobilePrimaryActionBar = MobilePrimaryActionBar;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _MobilePrimaryActionBarStCss = require("./MobilePrimaryActionBar.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/state/CollectionPage/MobilePrimaryActionBar.tsx";
+function MobilePrimaryActionBar({
+  children
+}) {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    className: _MobilePrimaryActionBarStCss.classes.root,
+    dataHook: "collection-page-mobile-primary-action",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 7,
+      columnNumber: 5
+    }
+  }, children);
+}
+//# sourceMappingURL=MobilePrimaryActionBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_MobilePrimaryActionBarStCss","_jsxFileName","MobilePrimaryActionBar","children","default","createElement","Box","direction","className","classes","root","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/state/CollectionPage/MobilePrimaryActionBar.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box } from '@wix/design-system';\nimport { classes } from './MobilePrimaryActionBar.st.css.js';\n\nexport function MobilePrimaryActionBar({ children }: { children: ReactNode }) {\n  return (\n    <Box\n      direction=\"vertical\"\n      className={classes.root}\n      dataHook=\"collection-page-mobile-primary-action\"\n    >\n      {children}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AAA6D,IAAAG,YAAA;AAEtD,SAASC,sBAAsBA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EAC5E,oBACEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAO,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,SAAS,EAAEC,oCAAO,CAACC,IAAK;IACxBC,QAAQ,EAAC,uCAAuC;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE/Cb,QACE,CAAC;AAEV","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+@property st-global(--wds-space-300);
+@property st-global(--wds-space-400);
+
+.root {
+  padding: var(--wds-space-300, 18px) var(--wds-space-400, 24px);
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "MobilePrimaryActionBar3410265983";
+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": "MobilePrimaryActionBar3410265983__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-space-300": "--wds-space-300",
+  "wds-space-400": "--wds-space-400"
+};
+//# sourceMappingURL=MobilePrimaryActionBar.st.css.js.map

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

@@ -0,0 +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/MobilePrimaryActionBar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MobilePrimaryActionBar3410265983\";\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\":\"MobilePrimaryActionBar3410265983__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-space-400\":\"--wds-space-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,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;AAAwC,CAAC;AAC/D,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;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -13,7 +13,8 @@ const LazyBadge = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(()
   default: m.Badge
 })));
 function TitleBadges({
-  badges
+  badges,
+  size = 'small'
 }) {
   const [tooltipId] = (0, _react.useState)(() => (0, _uniqueId.default)('collection-page-badge-tooltip-'));
   if (!(badges != null && badges.length)) {
@@ -24,7 +25,7 @@ function TitleBadges({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 27,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -36,13 +37,13 @@ function TitleBadges({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 28,
       columnNumber: 7
     }
   }, badges.map((badge, index) => {
     const content = /*#__PURE__*/_react.default.createElement(LazyBadge, {
       key: index,
-      size: "small",
+      size: size,
       skin: badge.skin,
       prefixIcon: badge.prefixIcon,
       suffixIcon: badge.suffixIcon,
@@ -50,7 +51,7 @@ function TitleBadges({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 35,
+        lineNumber: 37,
         columnNumber: 13
       }
     }, badge.text);
@@ -64,7 +65,7 @@ function TitleBadges({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 50,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement("span", {
@@ -73,7 +74,7 @@ function TitleBadges({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
+        lineNumber: 58,
         columnNumber: 15
       }
     }, content)) : content;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_uniqueId","_interopRequireDefault","_TitleBadgesStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LazyBadge","lazy","Promise","resolve","then","m","Badge","TitleBadges","badges","tooltipId","useState","uniqueId","length","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","Box","inline","gap","verticalAlign","paddingLeft","flexShrink","map","badge","index","content","key","size","skin","prefixIcon","suffixIcon","dataHook","text","tooltip","Tooltip","className","classes","tooltipTrigger","tabIndex"],"sources":["../../../../src/state/CollectionPage/TitleBadges.tsx"],"sourcesContent":["import React, { lazy, Suspense, useState } from 'react';\nimport { Box, Tooltip } from '@wix/design-system';\nimport uniqueId from 'lodash/uniqueId';\nimport { classes } from './TitleBadges.st.css.js';\nimport { CollectionPageHeaderBadge } from '../../components/CollectionPageHeaderNew';\n\nconst LazyBadge = lazy(() =>\n  import('@wix/design-system').then((m) => ({ default: m.Badge })),\n);\n\nexport interface TitleBadgesProps {\n  badges?: CollectionPageHeaderBadge[];\n}\n\nexport function TitleBadges({ badges }: TitleBadgesProps) {\n  const [tooltipId] = useState(() =>\n    uniqueId('collection-page-badge-tooltip-'),\n  );\n\n  if (!badges?.length) {\n    return null;\n  }\n\n  return (\n    <Suspense fallback={null}>\n      <Box\n        inline\n        gap=\"SP2\"\n        verticalAlign=\"middle\"\n        paddingLeft=\"SP2\"\n        flexShrink={0}\n      >\n        {badges.map((badge, index) => {\n          const content = (\n            <LazyBadge\n              key={index}\n              size=\"small\"\n              skin={badge.skin}\n              prefixIcon={badge.prefixIcon}\n              suffixIcon={badge.suffixIcon}\n              dataHook={`collection-page-header-badge-${index}`}\n            >\n              {badge.text}\n            </LazyBadge>\n          );\n\n          return badge.tooltip ? (\n            <Tooltip\n              key={index}\n              className={classes.tooltip}\n              content={badge.tooltip}\n              inline\n              aria-describedby={`${tooltipId}-${index}`}\n              dataHook={`collection-page-header-badge-tooltip-${index}`}\n            >\n              <span className={classes.tooltipTrigger} tabIndex={0}>\n                {content}\n              </span>\n            </Tooltip>\n          ) : (\n            content\n          );\n        })}\n      </Box>\n    </Suspense>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_uniqueId","_interopRequireDefault","_TitleBadgesStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LazyBadge","lazy","Promise","resolve","then","m","Badge","TitleBadges","badges","size","tooltipId","useState","uniqueId","length","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","Box","inline","gap","verticalAlign","paddingLeft","flexShrink","map","badge","index","content","key","skin","prefixIcon","suffixIcon","dataHook","text","tooltip","Tooltip","className","classes","tooltipTrigger","tabIndex"],"sources":["../../../../src/state/CollectionPage/TitleBadges.tsx"],"sourcesContent":["import React, { lazy, Suspense, useState } from 'react';\nimport { Box, Tooltip } from '@wix/design-system';\nimport type { BadgeProps } from '@wix/design-system';\nimport uniqueId from 'lodash/uniqueId';\nimport { classes } from './TitleBadges.st.css.js';\nimport { CollectionPageHeaderBadge } from '../../components/CollectionPageHeaderNew';\n\nconst LazyBadge = lazy(() =>\n  import('@wix/design-system').then((m) => ({ default: m.Badge })),\n);\n\nexport interface TitleBadgesProps {\n  badges?: CollectionPageHeaderBadge[];\n  size?: BadgeProps['size'];\n}\n\nexport function TitleBadges({ badges, size = 'small' }: TitleBadgesProps) {\n  const [tooltipId] = useState(() =>\n    uniqueId('collection-page-badge-tooltip-'),\n  );\n\n  if (!badges?.length) {\n    return null;\n  }\n\n  return (\n    <Suspense fallback={null}>\n      <Box\n        inline\n        gap=\"SP2\"\n        verticalAlign=\"middle\"\n        paddingLeft=\"SP2\"\n        flexShrink={0}\n      >\n        {badges.map((badge, index) => {\n          const content = (\n            <LazyBadge\n              key={index}\n              size={size}\n              skin={badge.skin}\n              prefixIcon={badge.prefixIcon}\n              suffixIcon={badge.suffixIcon}\n              dataHook={`collection-page-header-badge-${index}`}\n            >\n              {badge.text}\n            </LazyBadge>\n          );\n\n          return badge.tooltip ? (\n            <Tooltip\n              key={index}\n              className={classes.tooltip}\n              content={badge.tooltip}\n              inline\n              aria-describedby={`${tooltipId}-${index}`}\n              dataHook={`collection-page-header-badge-tooltip-${index}`}\n            >\n              <span className={classes.tooltipTrigger} tabIndex={0}>\n                {content}\n              </span>\n            </Tooltip>\n          ) : (\n            content\n          );\n        })}\n      </Box>\n    </Suspense>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TitleBadges19120444";
+var _namespace_ = "TitleBadges531506099";
 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": "TitleBadges19120444__root",
-  "tooltip": "TitleBadges19120444__tooltip",
-  "tooltipTrigger": "TitleBadges19120444__tooltipTrigger"
+  "root": "TitleBadges531506099__root",
+  "tooltip": "TitleBadges531506099__tooltip",
+  "tooltipTrigger": "TitleBadges531506099__tooltipTrigger"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/TitleBadges.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/TitleBadges.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TitleBadges19120444\";\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\":\"TitleBadges19120444__root\",\"tooltip\":\"TitleBadges19120444__tooltip\",\"tooltipTrigger\":\"TitleBadges19120444__tooltipTrigger\"};\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,qBAAqB;AACvC,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,2BAA2B;EAAC,SAAS,EAAC,8BAA8B;EAAC,gBAAgB,EAAC;AAAqC,CAAC;AAClJ,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/TitleBadges.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TitleBadges531506099\";\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\":\"TitleBadges531506099__root\",\"tooltip\":\"TitleBadges531506099__tooltip\",\"tooltipTrigger\":\"TitleBadges531506099__tooltipTrigger\"};\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,sBAAsB;AACxC,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,4BAA4B;EAAC,SAAS,EAAC,+BAA+B;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACrJ,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/useCollectionPageHeader.js

@@ -31,24 +31,27 @@ function useCollectionPageHeader(child) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 24,
+        lineNumber: 25,
         columnNumber: 7
       }
     });
   }
+  const onBackClicked = isMobile ? getBreadcrumbsBackHandler(child.props.breadcrumbs) : undefined;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Page.Header, {
     key: child.key,
     className: (0, _CollectionPageHeaderStCss.st)(_CollectionPageHeaderStCss.classes.root, {
       mobile: isMobile
     }),
     dataHook: "collection-page-header",
+    showBackButton: !!onBackClicked,
+    onBackClicked: onBackClicked,
     title: minimized => /*#__PURE__*/_react.default.createElement(CollectionPageHeaderTitle, {
       minimized: minimized,
       badges: child.props.title.badges,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 38,
+        lineNumber: 45,
         columnNumber: 9
       }
     }),
@@ -56,7 +59,7 @@ function useCollectionPageHeader(child) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 45,
+        lineNumber: 52,
         columnNumber: 11
       }
     })) : undefined,
@@ -65,28 +68,50 @@ function useCollectionPageHeader(child) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 55,
         columnNumber: 19
       }
     }),
-    breadcrumbs: isMobile ? () => {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 52,
-          columnNumber: 22
-        }
-      });
-    } : child.props.breadcrumbs,
+    breadcrumbs: isMobile ? undefined : child.props.breadcrumbs,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 38,
       columnNumber: 5
     }
   });
 }
+
+// WDS gives `Breadcrumbs` a no-op `onClick` default, so a link-only
+// breadcrumbs element still has an `onClick`. This is that default.
+const defaultBreadcrumbsOnClick = /*#__PURE__*/_react.default.createElement(_designSystem.Breadcrumbs, {
+  items: [],
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 63,
+    columnNumber: 36
+  }
+}).props.onClick;
+
+// Mobile hides the breadcrumbs, so the back button takes the user to the
+// breadcrumb before the current page.
+function getBreadcrumbsBackHandler(breadcrumbs) {
+  const items = (breadcrumbs == null ? void 0 : breadcrumbs.props.items) ?? [];
+  const parent = items[items.length - 2];
+  if (!parent) {
+    return undefined;
+  }
+  const onClick = breadcrumbs == null ? void 0 : breadcrumbs.props.onClick;
+  const hasOwnOnClick = onClick && onClick !== defaultBreadcrumbsOnClick;
+  return event => {
+    if (hasOwnOnClick) {
+      onClick(parent, event);
+    } else if (parent.link) {
+      window.location.assign(parent.link);
+    }
+  };
+}
 const CollectionPageHeaderTitle = (0, _mobxReactLite.observer)(({
   minimized,
   badges
@@ -95,7 +120,19 @@ const CollectionPageHeaderTitle = (0, _mobxReactLite.observer)(({
   const isMobile = (0, _useIsMobile.useIsMobile)();
   const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   if (minimized) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, state.pageTitle);
+    // The sticky toolbar sits at a fixed offset under the minimized header,
+    // so on mobile the title row keeps the "more actions" button height
+    // even when there are no actions.
+    return isMobile ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      height: "36px",
+      verticalAlign: "middle",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 101,
+        columnNumber: 9
+      }
+    }, state.pageTitle) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, state.pageTitle);
   }
 
   // Page.Header sizes its own title wrapper from
@@ -113,7 +150,7 @@ const CollectionPageHeaderTitle = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 119,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -125,7 +162,7 @@ const CollectionPageHeaderTitle = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 120,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -138,7 +175,7 @@ const CollectionPageHeaderTitle = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 121,
       columnNumber: 11
     }
   }, state.pageTitle), state.total !== false && !state.hideHeaderTotal && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -149,15 +186,16 @@ const CollectionPageHeaderTitle = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 132,
       columnNumber: 13
     }
   }, state.total), /*#__PURE__*/_react.default.createElement(_TitleBadges.TitleBadges, {
     badges: badges,
+    size: isMobile ? 'medium' : 'small',
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 141,
       columnNumber: 11
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_mobxReactLite","_PageSubTitle","_useIsMobile","_CollectionPageHeaderStCss","_react2","_useBmHarmonyTheme","_PanelHeader","_CollectionPageActionsBar","_TitleBadges","_jsxFileName","useCollectionPageHeader","child","isMobile","useIsMobile","isPanelLayout","useWixPatternsContainer","_child$props$subtitle","default","createElement","PanelHeader","title","props","text","subtitle","badges","__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","isBmHarmonyTheme","useBmHarmonyTheme","Fragment","pageTitle","titleSize","Heading","as","size","Box","inline","maxLines","paddingRight","minWidth","width","ellipsis","showTooltip","placement","total","hideHeaderTotal","color","paddingLeft","TitleBadges"],"sources":["../../../../src/state/CollectionPage/useCollectionPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Heading, Page } from '@wix/design-system';\nimport {\n  CollectionPageHeaderBadge,\n  CollectionPageHeaderElement,\n} 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 { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { PanelHeader } from './PanelHeader';\nimport { CollectionPageActionsBar } from './CollectionPageActionsBar';\nimport { TitleBadges } from './TitleBadges';\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        badges={child.props.title.badges}\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) => (\n        <CollectionPageHeaderTitle\n          minimized={minimized}\n          badges={child.props.title.badges}\n        />\n      )}\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  ({\n    minimized,\n    badges,\n  }: {\n    minimized: boolean;\n    badges?: CollectionPageHeaderBadge[];\n  }) => {\n    const state = useCollectionPageContext();\n    const isMobile = useIsMobile();\n    const isBmHarmonyTheme = useBmHarmonyTheme();\n\n    if (minimized) {\n      return <>{state.pageTitle}</>;\n    }\n\n    // Page.Header sizes its own title wrapper from\n    // `--wds-page-header-title-font-size`, which Harmony maps to the `large`\n    // heading tokens. The nested Heading needs the same size or it keeps\n    // painting the 32px `extraLarge` tokens over it.\n    const titleSize = isMobile || isBmHarmonyTheme ? 'large' : 'extraLarge';\n\n    // Page.Header already wraps this in the page's `h1`, so both Headings here\n    // only carry typography — `as` keeps them from nesting more headings\n    // inside it.\n    return (\n      <Heading as=\"div\" size={titleSize}>\n        <Box inline maxLines={1} paddingRight=\"9px\" minWidth={0} width=\"100%\">\n          <Heading\n            as=\"span\"\n            dataHook=\"collection-page-header-title\"\n            size={titleSize}\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          <TitleBadges badges={badges} />\n        </Box>\n      </Heading>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_mobxReactLite","_PageSubTitle","_useIsMobile","_CollectionPageHeaderStCss","_react2","_useBmHarmonyTheme","_PanelHeader","_CollectionPageActionsBar","_TitleBadges","_jsxFileName","useCollectionPageHeader","child","isMobile","useIsMobile","isPanelLayout","useWixPatternsContainer","_child$props$subtitle","default","createElement","PanelHeader","title","props","text","subtitle","badges","__self","__source","fileName","lineNumber","columnNumber","onBackClicked","getBreadcrumbsBackHandler","breadcrumbs","undefined","Page","Header","key","className","st","classes","root","mobile","dataHook","showBackButton","minimized","CollectionPageHeaderTitle","PageSubTitle","_extends2","actionsBar","CollectionPageActionsBar","defaultBreadcrumbsOnClick","Breadcrumbs","items","onClick","parent","length","hasOwnOnClick","event","link","window","location","assign","observer","state","useCollectionPageContext","isBmHarmonyTheme","useBmHarmonyTheme","Box","height","verticalAlign","pageTitle","Fragment","titleSize","Heading","as","size","inline","maxLines","paddingRight","minWidth","width","ellipsis","showTooltip","placement","total","hideHeaderTotal","color","paddingLeft","TitleBadges"],"sources":["../../../../src/state/CollectionPage/useCollectionPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Breadcrumbs, Heading, Page } from '@wix/design-system';\nimport {\n  BreadcrumbsElement,\n  CollectionPageHeaderBadge,\n  CollectionPageHeaderElement,\n} 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 { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { PanelHeader } from './PanelHeader';\nimport { CollectionPageActionsBar } from './CollectionPageActionsBar';\nimport { TitleBadges } from './TitleBadges';\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        badges={child.props.title.badges}\n      />\n    );\n  }\n\n  const onBackClicked = isMobile\n    ? getBreadcrumbsBackHandler(child.props.breadcrumbs)\n    : undefined;\n\n  return (\n    <Page.Header\n      key={child.key}\n      className={st(classes.root, { mobile: isMobile })}\n      dataHook=\"collection-page-header\"\n      showBackButton={!!onBackClicked}\n      onBackClicked={onBackClicked}\n      title={(minimized) => (\n        <CollectionPageHeaderTitle\n          minimized={minimized}\n          badges={child.props.title.badges}\n        />\n      )}\n      subtitle={\n        child.props.subtitle ? (\n          <PageSubTitle {...child.props.subtitle} />\n        ) : undefined\n      }\n      actionsBar={<CollectionPageActionsBar child={child} />}\n      breadcrumbs={isMobile ? undefined : child.props.breadcrumbs}\n    />\n  );\n}\n\n// WDS gives `Breadcrumbs` a no-op `onClick` default, so a link-only\n// breadcrumbs element still has an `onClick`. This is that default.\nconst defaultBreadcrumbsOnClick = (<Breadcrumbs items={[]} />).props.onClick;\n\n// Mobile hides the breadcrumbs, so the back button takes the user to the\n// breadcrumb before the current page.\nfunction getBreadcrumbsBackHandler(breadcrumbs?: BreadcrumbsElement) {\n  const items = breadcrumbs?.props.items ?? [];\n  const parent = items[items.length - 2];\n  if (!parent) {\n    return undefined;\n  }\n  const onClick = breadcrumbs?.props.onClick;\n  const hasOwnOnClick = onClick && onClick !== defaultBreadcrumbsOnClick;\n  return (event: React.MouseEvent<HTMLButtonElement>) => {\n    if (hasOwnOnClick) {\n      onClick(parent, event);\n    } else if (parent.link) {\n      window.location.assign(parent.link);\n    }\n  };\n}\n\nconst CollectionPageHeaderTitle = observer(\n  ({\n    minimized,\n    badges,\n  }: {\n    minimized: boolean;\n    badges?: CollectionPageHeaderBadge[];\n  }) => {\n    const state = useCollectionPageContext();\n    const isMobile = useIsMobile();\n    const isBmHarmonyTheme = useBmHarmonyTheme();\n\n    if (minimized) {\n      // The sticky toolbar sits at a fixed offset under the minimized header,\n      // so on mobile the title row keeps the \"more actions\" button height\n      // even when there are no actions.\n      return isMobile ? (\n        <Box height=\"36px\" verticalAlign=\"middle\">\n          {state.pageTitle}\n        </Box>\n      ) : (\n        <>{state.pageTitle}</>\n      );\n    }\n\n    // Page.Header sizes its own title wrapper from\n    // `--wds-page-header-title-font-size`, which Harmony maps to the `large`\n    // heading tokens. The nested Heading needs the same size or it keeps\n    // painting the 32px `extraLarge` tokens over it.\n    const titleSize = isMobile || isBmHarmonyTheme ? 'large' : 'extraLarge';\n\n    // Page.Header already wraps this in the page's `h1`, so both Headings here\n    // only carry typography — `as` keeps them from nesting more headings\n    // inside it.\n    return (\n      <Heading as=\"div\" size={titleSize}>\n        <Box inline maxLines={1} paddingRight=\"9px\" minWidth={0} width=\"100%\">\n          <Heading\n            as=\"span\"\n            dataHook=\"collection-page-header-title\"\n            size={titleSize}\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          <TitleBadges badges={badges} size={isMobile ? 'medium' : 'small'} />\n        </Box>\n      </Heading>\n    );\n  },\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAMA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,0BAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AACA,IAAAU,yBAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA;AAA4C,IAAAY,YAAA;AAErC,SAASC,uBAAuBA,CAACC,KAAkC,EAAE;EAC1E,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAC9B,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAEnD,IAAID,aAAa,EAAE;IAAA,IAAAE,qBAAA;IACjB,oBACErB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACZ,YAAA,CAAAa,WAAW;MACVC,KAAK,EAAET,KAAK,CAACU,KAAK,CAACD,KAAK,CAACE,IAAK;MAC9BC,QAAQ,GAAAP,qBAAA,GAAEL,KAAK,CAACU,KAAK,CAACE,QAAQ,qBAApBP,qBAAA,CAAsBM,IAAK;MACrCE,MAAM,EAAEb,KAAK,CAACU,KAAK,CAACD,KAAK,CAACI,MAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAClC,CAAC;EAEN;EAEA,MAAMC,aAAa,GAAGlB,QAAQ,GAC1BmB,yBAAyB,CAACpB,KAAK,CAACU,KAAK,CAACW,WAAW,CAAC,GAClDC,SAAS;EAEb,oBACEtC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAoC,IAAI,CAACC,MAAM;IACVC,GAAG,EAAEzB,KAAK,CAACyB,GAAI;IACfC,SAAS,EAAE,IAAAC,6BAAE,EAACC,kCAAO,CAACC,IAAI,EAAE;MAAEC,MAAM,EAAE7B;IAAS,CAAC,CAAE;IAClD8B,QAAQ,EAAC,wBAAwB;IACjCC,cAAc,EAAE,CAAC,CAACb,aAAc;IAChCA,aAAa,EAAEA,aAAc;IAC7BV,KAAK,EAAGwB,SAAS,iBACfjD,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC2B,yBAAyB;MACxBD,SAAS,EAAEA,SAAU;MACrBpB,MAAM,EAAEb,KAAK,CAACU,KAAK,CAACD,KAAK,CAACI,MAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAClC,CACD;IACFN,QAAQ,EACNZ,KAAK,CAACU,KAAK,CAACE,QAAQ,gBAClB5B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA6C,YAAY,MAAAC,SAAA,CAAA9B,OAAA,MAAKN,KAAK,CAACU,KAAK,CAACE,QAAQ;MAAAE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAC,GACxCI,SACL;IACDe,UAAU,eAAErD,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACX,yBAAA,CAAA0C,wBAAwB;MAACtC,KAAK,EAAEA,KAAM;MAAAc,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACvDG,WAAW,EAAEpB,QAAQ,GAAGqB,SAAS,GAAGtB,KAAK,CAACU,KAAK,CAACW,WAAY;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC7D,CAAC;AAEN;;AAEA;AACA;AACA,MAAMqB,yBAAyB,GAAG,aAACvD,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqD,WAAW;EAACC,KAAK,EAAE,EAAG;EAAA3B,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAlB,YAAA;IAAAmB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAAC,CAAER,KAAK,CAACgC,OAAO;;AAE5E;AACA;AACA,SAAStB,yBAAyBA,CAACC,WAAgC,EAAE;EACnE,MAAMoB,KAAK,GAAG,CAAApB,WAAW,oBAAXA,WAAW,CAAEX,KAAK,CAAC+B,KAAK,KAAI,EAAE;EAC5C,MAAME,MAAM,GAAGF,KAAK,CAACA,KAAK,CAACG,MAAM,GAAG,CAAC,CAAC;EACtC,IAAI,CAACD,MAAM,EAAE;IACX,OAAOrB,SAAS;EAClB;EACA,MAAMoB,OAAO,GAAGrB,WAAW,oBAAXA,WAAW,CAAEX,KAAK,CAACgC,OAAO;EAC1C,MAAMG,aAAa,GAAGH,OAAO,IAAIA,OAAO,KAAKH,yBAAyB;EACtE,OAAQO,KAA0C,IAAK;IACrD,IAAID,aAAa,EAAE;MACjBH,OAAO,CAACC,MAAM,EAAEG,KAAK,CAAC;IACxB,CAAC,MAAM,IAAIH,MAAM,CAACI,IAAI,EAAE;MACtBC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAACP,MAAM,CAACI,IAAI,CAAC;IACrC;EACF,CAAC;AACH;AAEA,MAAMb,yBAAyB,GAAG,IAAAiB,uBAAQ,EACxC,CAAC;EACClB,SAAS;EACTpB;AAIF,CAAC,KAAK;EACJ,MAAMuC,KAAK,GAAG,IAAAC,mCAAwB,EAAC,CAAC;EACxC,MAAMpD,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAC9B,MAAMoD,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,IAAItB,SAAS,EAAE;IACb;IACA;IACA;IACA,OAAOhC,QAAQ,gBACbjB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqE,GAAG;MAACC,MAAM,EAAC,MAAM;MAACC,aAAa,EAAC,QAAQ;MAAA5C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,GACtCkC,KAAK,CAACO,SACJ,CAAC,gBAEN3E,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAAvB,MAAA,CAAAsB,OAAA,CAAAsD,QAAA,QAAGR,KAAK,CAACO,SAAY,CACtB;EACH;;EAEA;EACA;EACA;EACA;EACA,MAAME,SAAS,GAAG5D,QAAQ,IAAIqD,gBAAgB,GAAG,OAAO,GAAG,YAAY;;EAEvE;EACA;EACA;EACA,oBACEtE,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAA2E,OAAO;IAACC,EAAE,EAAC,KAAK;IAACC,IAAI,EAAEH,SAAU;IAAA/C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChClC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqE,GAAG;IAACS,MAAM;IAACC,QAAQ,EAAE,CAAE;IAACC,YAAY,EAAC,KAAK;IAACC,QAAQ,EAAE,CAAE;IAACC,KAAK,EAAC,MAAM;IAAAvD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnElC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAA2E,OAAO;IACNC,EAAE,EAAC,MAAM;IACThC,QAAQ,EAAC,8BAA8B;IACvCiC,IAAI,EAAEH,SAAU;IAChBS,QAAQ;IACRC,WAAW,EAAE,CAACtE,QAAS;IACvBuE,SAAS,EAAC,QAAQ;IAAA1D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEjBkC,KAAK,CAACO,SACA,CAAC,EACTP,KAAK,CAACqB,KAAK,KAAK,KAAK,IAAI,CAACrB,KAAK,CAACsB,eAAe,iBAC9C1F,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqE,GAAG;IACFS,MAAM;IACNU,KAAK,EAAC,KAAK;IACXC,WAAW,EAAC,KAAK;IACjB7C,QAAQ,EAAC,yBAAyB;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEjCkC,KAAK,CAACqB,KACJ,CACN,eACDzF,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACV,YAAA,CAAAgF,WAAW;IAAChE,MAAM,EAAEA,MAAO;IAACmD,IAAI,EAAE/D,QAAQ,GAAG,QAAQ,GAAG,OAAQ;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAChE,CACE,CAAC;AAEd,CACF,CAAC","ignoreList":[]}

package/dist/cjs/state/EditableTable/CellInteractionState.js

@@ -123,15 +123,26 @@ class CellInteractionState {
         rowKey: rk,
         columnId: cid
       };
+      this._parent.bi.cellEditStarted({
+        rowKey: rk,
+        columnId: cid
+      }, trigger);
     }
   }
   setEditingValue(value) {
     this.editingValue = value;
   }
   commitEdit() {
+    const cell = this.editingCell;
+    const trigger = this.editTrigger;
     try {
-      if (this.editingCell) {
-        this._commitHandler(this.editingValue, this.editingCell);
+      if (cell) {
+        const hasValueChanged = this._parent.bi.hasValueChanged(cell, this.editingValue);
+        this._commitHandler(this.editingValue, cell);
+        this._parent.bi.cellEditCommitted(cell, {
+          trigger,
+          hasValueChanged
+        });
       }
     } finally {
       this.editingValue = undefined;
@@ -140,6 +151,12 @@ class CellInteractionState {
     }
   }
   cancelEdit() {
+    const cell = this.editingCell;
+    if (cell) {
+      this._parent.bi.cellEditCancelled(cell, {
+        hasValueChanged: this._parent.bi.hasValueChanged(cell, this.editingValue)
+      });
+    }
     this.editingValue = undefined;
     this.editTrigger = null;
     this.editingCell = null;