@wix/patterns 1.352.0 → 1.354.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_ = "CollectionPageHeader3911711208";
+var _namespace_ = "CollectionPageHeader2717860892";
 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": "CollectionPageHeader3911711208__root"
+  "root": "CollectionPageHeader2717860892__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_ = \"CollectionPageHeader3911711208\";\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\":\"CollectionPageHeader3911711208__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_ = \"CollectionPageHeader2717860892\";\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\":\"CollectionPageHeader2717860892__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/DropdownCollectionFilterState.js

@@ -11,8 +11,15 @@ class DropdownCollectionFilterState {
   get shouldShowPlaceholder() {
     return this.inputState.disableEditing || this.collectionFilter.collection.query.search.isEmpty;
   }
+  get inputValue() {
+    return this.shouldShowInputValue ? this.collectionFilter.collection.query.search.value : '';
+  }
+  get shouldShowInputValue() {
+    return this.dropdownSelect.dropdown.isOn || !this.inputState.disableEditing;
+  }
   onOptionsShow() {
     this.promotedItems = this.collectionFilter.select.selectedValues.map(item => item.key);
+    this.dropdownSelect.open();
   }
   constructor(params) {
     (0, _defineProperty2.default)(this, "container", void 0);
@@ -41,6 +48,8 @@ class DropdownCollectionFilterState {
     (0, _mobx.makeObservable)(this, {
       init: _mobx.action.bound,
       shouldShowPlaceholder: _mobx.computed,
+      inputValue: _mobx.computed,
+      shouldShowInputValue: _mobx.computed,
       promotedItems: _mobx.observable.ref,
       onOptionsShow: _mobx.action.bound
     });

package/dist/cjs/state/DropdownCollectionFilterState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_AutoCompleteReadonlyState","require","_DropdownSelectState","_mobx","DropdownCollectionFilterState","shouldShowPlaceholder","inputState","disableEditing","collectionFilter","collection","query","search","isEmpty","onOptionsShow","promotedItems","select","selectedValues","map","item","key","constructor","params","_defineProperty2","default","resetOnClose","container","AutoCompleteReadonlyState","filter","dropdownSelect","DropdownSelectState","toolbar","makeObservable","init","action","bound","computed","observable","ref","skipInitialFetch","disposers","events","on","resetFiltersAndRefresh","disposer","removeListener","exports"],"sources":["../../../src/state/DropdownCollectionFilterState.ts"],"sourcesContent":["import { AutoCompleteReadonlyState } from '../components/CollectionViewsDropdown/AutoCompleteReadonlyState';\nimport { CollectionFilterState } from './CollectionFilterState';\nimport { DropdownSelectState } from './DropdownSelectState';\nimport { WixPatternsContainer, FiltersMap } from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DropdownCollectionFilterStateParams<\n  V,\n  F extends FiltersMap = FiltersMap,\n> {\n  collectionFilter: CollectionFilterState<V, F>;\n  resetOnClose?: boolean;\n  container: WixPatternsContainer;\n  toolbar: FilterToolbarState;\n}\n\nexport class DropdownCollectionFilterState<\n  V,\n  F extends FiltersMap = FiltersMap,\n> {\n  readonly container;\n  readonly collectionFilter: DropdownCollectionFilterStateParams<\n    V,\n    F\n  >['collectionFilter'];\n\n  readonly dropdownSelect: DropdownSelectState<V>;\n  readonly resetOnClose: DropdownCollectionFilterStateParams<\n    V,\n    F\n  >['resetOnClose'];\n\n  inputState;\n\n  promotedItems: string[] = [];\n\n  get shouldShowPlaceholder() {\n    return (\n      this.inputState.disableEditing ||\n      this.collectionFilter.collection.query.search.isEmpty\n    );\n  }\n\n  onOptionsShow() {\n    this.promotedItems = this.collectionFilter.select.selectedValues.map(\n      (item) => item.key,\n    );\n  }\n\n  constructor(params: DropdownCollectionFilterStateParams<V, F>) {\n    this.resetOnClose = params.resetOnClose;\n    this.container = params.container;\n    this.inputState = new AutoCompleteReadonlyState();\n\n    this.collectionFilter = params.collectionFilter;\n\n    const { collectionFilter } = this;\n\n    const { select, filter } = collectionFilter;\n\n    this.dropdownSelect = new DropdownSelectState<V>({\n      select,\n      container: params.container,\n      toolbar: params.toolbar,\n      filter,\n    });\n\n    makeObservable(this, {\n      init: action.bound,\n      shouldShowPlaceholder: computed,\n      promotedItems: observable.ref,\n      onOptionsShow: action.bound,\n    });\n  }\n\n  init({ skipInitialFetch }: { skipInitialFetch?: boolean } = {}) {\n    const { dropdownSelect, resetOnClose, collectionFilter } = this;\n    const { collection } = collectionFilter;\n\n    const disposers = [\n      dropdownSelect.init(),\n      collection.init({\n        skipInitialFetch,\n      }),\n    ];\n\n    if (resetOnClose) {\n      dropdownSelect.events.on('close', collection.resetFiltersAndRefresh);\n    }\n\n    return () => {\n      for (const disposer of disposers) {\n        disposer();\n      }\n\n      if (resetOnClose) {\n        dropdownSelect.events.removeListener(\n          'close',\n          collection.resetFiltersAndRefresh,\n        );\n      }\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,0BAAA,GAAAC,OAAA;AAEA,IAAAC,oBAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAaO,MAAMG,6BAA6B,CAGxC;EAiBA,IAAIC,qBAAqBA,CAAA,EAAG;IAC1B,OACE,IAAI,CAACC,UAAU,CAACC,cAAc,IAC9B,IAAI,CAACC,gBAAgB,CAACC,UAAU,CAACC,KAAK,CAACC,MAAM,CAACC,OAAO;EAEzD;EAEAC,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,aAAa,GAAG,IAAI,CAACN,gBAAgB,CAACO,MAAM,CAACC,cAAc,CAACC,GAAG,CACjEC,IAAI,IAAKA,IAAI,CAACC,GACjB,CAAC;EACH;EAEAC,WAAWA,CAACC,MAAiD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,yBAfrC,EAAE;IAgB1B,IAAI,CAACC,YAAY,GAAGH,MAAM,CAACG,YAAY;IACvC,IAAI,CAACC,SAAS,GAAGJ,MAAM,CAACI,SAAS;IACjC,IAAI,CAACnB,UAAU,GAAG,IAAIoB,oDAAyB,CAAC,CAAC;IAEjD,IAAI,CAAClB,gBAAgB,GAAGa,MAAM,CAACb,gBAAgB;IAE/C,MAAM;MAAEA;IAAiB,CAAC,GAAG,IAAI;IAEjC,MAAM;MAAEO,MAAM;MAAEY;IAAO,CAAC,GAAGnB,gBAAgB;IAE3C,IAAI,CAACoB,cAAc,GAAG,IAAIC,wCAAmB,CAAI;MAC/Cd,MAAM;MACNU,SAAS,EAAEJ,MAAM,CAACI,SAAS;MAC3BK,OAAO,EAAET,MAAM,CAACS,OAAO;MACvBH;IACF,CAAC,CAAC;IAEF,IAAAI,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC,YAAM,CAACC,KAAK;MAClB7B,qBAAqB,EAAE8B,cAAQ;MAC/BrB,aAAa,EAAEsB,gBAAU,CAACC,GAAG;MAC7BxB,aAAa,EAAEoB,YAAM,CAACC;IACxB,CAAC,CAAC;EACJ;EAEAF,IAAIA,CAAC;IAAEM;EAAiD,CAAC,GAAG,CAAC,CAAC,EAAE;IAC9D,MAAM;MAAEV,cAAc;MAAEJ,YAAY;MAAEhB;IAAiB,CAAC,GAAG,IAAI;IAC/D,MAAM;MAAEC;IAAW,CAAC,GAAGD,gBAAgB;IAEvC,MAAM+B,SAAS,GAAG,CAChBX,cAAc,CAACI,IAAI,CAAC,CAAC,EACrBvB,UAAU,CAACuB,IAAI,CAAC;MACdM;IACF,CAAC,CAAC,CACH;IAED,IAAId,YAAY,EAAE;MAChBI,cAAc,CAACY,MAAM,CAACC,EAAE,CAAC,OAAO,EAAEhC,UAAU,CAACiC,sBAAsB,CAAC;IACtE;IAEA,OAAO,MAAM;MACX,KAAK,MAAMC,QAAQ,IAAIJ,SAAS,EAAE;QAChCI,QAAQ,CAAC,CAAC;MACZ;MAEA,IAAInB,YAAY,EAAE;QAChBI,cAAc,CAACY,MAAM,CAACI,cAAc,CAClC,OAAO,EACPnC,UAAU,CAACiC,sBACb,CAAC;MACH;IACF,CAAC;EACH;AACF;AAACG,OAAA,CAAAzC,6BAAA,GAAAA,6BAAA","ignoreList":[]}
+{"version":3,"names":["_AutoCompleteReadonlyState","require","_DropdownSelectState","_mobx","DropdownCollectionFilterState","shouldShowPlaceholder","inputState","disableEditing","collectionFilter","collection","query","search","isEmpty","inputValue","shouldShowInputValue","value","dropdownSelect","dropdown","isOn","onOptionsShow","promotedItems","select","selectedValues","map","item","key","open","constructor","params","_defineProperty2","default","resetOnClose","container","AutoCompleteReadonlyState","filter","DropdownSelectState","toolbar","makeObservable","init","action","bound","computed","observable","ref","skipInitialFetch","disposers","events","on","resetFiltersAndRefresh","disposer","removeListener","exports"],"sources":["../../../src/state/DropdownCollectionFilterState.ts"],"sourcesContent":["import { AutoCompleteReadonlyState } from '../components/CollectionViewsDropdown/AutoCompleteReadonlyState';\nimport { CollectionFilterState } from './CollectionFilterState';\nimport { DropdownSelectState } from './DropdownSelectState';\nimport { WixPatternsContainer, FiltersMap } from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DropdownCollectionFilterStateParams<\n  V,\n  F extends FiltersMap = FiltersMap,\n> {\n  collectionFilter: CollectionFilterState<V, F>;\n  resetOnClose?: boolean;\n  container: WixPatternsContainer;\n  toolbar: FilterToolbarState;\n}\n\nexport class DropdownCollectionFilterState<\n  V,\n  F extends FiltersMap = FiltersMap,\n> {\n  readonly container;\n  readonly collectionFilter: DropdownCollectionFilterStateParams<\n    V,\n    F\n  >['collectionFilter'];\n\n  readonly dropdownSelect: DropdownSelectState<V>;\n  readonly resetOnClose: DropdownCollectionFilterStateParams<\n    V,\n    F\n  >['resetOnClose'];\n\n  inputState;\n\n  promotedItems: string[] = [];\n\n  get shouldShowPlaceholder() {\n    return (\n      this.inputState.disableEditing ||\n      this.collectionFilter.collection.query.search.isEmpty\n    );\n  }\n\n  get inputValue() {\n    return this.shouldShowInputValue\n      ? this.collectionFilter.collection.query.search.value\n      : '';\n  }\n\n  get shouldShowInputValue() {\n    return this.dropdownSelect.dropdown.isOn || !this.inputState.disableEditing;\n  }\n\n  onOptionsShow() {\n    this.promotedItems = this.collectionFilter.select.selectedValues.map(\n      (item) => item.key,\n    );\n    this.dropdownSelect.open();\n  }\n\n  constructor(params: DropdownCollectionFilterStateParams<V, F>) {\n    this.resetOnClose = params.resetOnClose;\n    this.container = params.container;\n    this.inputState = new AutoCompleteReadonlyState();\n\n    this.collectionFilter = params.collectionFilter;\n\n    const { collectionFilter } = this;\n\n    const { select, filter } = collectionFilter;\n\n    this.dropdownSelect = new DropdownSelectState<V>({\n      select,\n      container: params.container,\n      toolbar: params.toolbar,\n      filter,\n    });\n\n    makeObservable(this, {\n      init: action.bound,\n      shouldShowPlaceholder: computed,\n      inputValue: computed,\n      shouldShowInputValue: computed,\n      promotedItems: observable.ref,\n      onOptionsShow: action.bound,\n    });\n  }\n\n  init({ skipInitialFetch }: { skipInitialFetch?: boolean } = {}) {\n    const { dropdownSelect, resetOnClose, collectionFilter } = this;\n    const { collection } = collectionFilter;\n\n    const disposers = [\n      dropdownSelect.init(),\n      collection.init({\n        skipInitialFetch,\n      }),\n    ];\n\n    if (resetOnClose) {\n      dropdownSelect.events.on('close', collection.resetFiltersAndRefresh);\n    }\n\n    return () => {\n      for (const disposer of disposers) {\n        disposer();\n      }\n\n      if (resetOnClose) {\n        dropdownSelect.events.removeListener(\n          'close',\n          collection.resetFiltersAndRefresh,\n        );\n      }\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/DropdownSelectState.js

@@ -47,6 +47,7 @@ class DropdownSelectState {
       delete: _mobx.action,
       deleteKey: _mobx.action,
       init: _mobx.action.bound,
+      open: _mobx.action.bound,
       clear: _mobx.action.bound,
       syncSelectedItems: _mobx.action.bound,
       syncSelectedItemsIfChanged: _mobx.action.bound
@@ -174,6 +175,14 @@ class DropdownSelectState {
     dropdown.setOff();
     events.emit('close');
   }
+  open() {
+    const {
+      dropdown,
+      events
+    } = this;
+    dropdown.setOn();
+    events.emit('open');
+  }
   closeAndChangeSelectedItems() {
     this.close();
     const {

package/dist/cjs/state/DropdownSelectState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_events","DropdownSelectState","constructor","params","_defineProperty2","default","ToggleState","EventEmitter","item","index","filter","key","itemKey","id","indexWithinPage","pageIndex","container","toolbar","select","SelectState","keyGetter","value","_filter","makeObservable","filterKeyedItems","computed","filterKeyedItemsMap","finalFilterKeyedItems","finalFilterKeyedItemsMap","selectedItems","keepAlive","set","action","delete","deleteKey","init","bound","clear","syncSelectedItems","syncSelectedItemsIfChanged","Map","map","e","getPendingFilter","hasPendingFilter","toKeyedItem","events","finalizeMany","emit","selectedValues","refreshIfChanged","actionType","clickedValueKey","setSingle","options","setValue","emitEvents","close","dropdown","setOff","closeAndChangeSelectedItems","disposers","reaction","forEach","d","exports"],"sources":["../../../src/state/DropdownSelectState.ts"],"sourcesContent":["import {\n  ArrayField,\n  WixPatternsContainer,\n  KeyedItem,\n  SelectState,\n  ToggleState,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, reaction } from 'mobx';\nimport { EventEmitter } from '@wix/bex-core/events';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DropdownSelectStateParams<V> {\n  container: WixPatternsContainer;\n  toolbar: FilterToolbarState;\n  select?: SelectState<KeyedItem<V>>;\n  filter: ArrayField<V>;\n}\n\nexport class DropdownSelectState<V> {\n  readonly container;\n  readonly toolbar;\n  readonly select: SelectState<KeyedItem<V>>;\n  readonly _filter: DropdownSelectStateParams<V>['filter'];\n\n  readonly dropdown = new ToggleState();\n\n  readonly events = new EventEmitter();\n\n  constructor(params: DropdownSelectStateParams<V>) {\n    this.container = params.container;\n    this.toolbar = params.toolbar;\n    this.select =\n      params.select ??\n      new SelectState<KeyedItem<V>>({\n        keyGetter: (value) => value.key,\n      });\n    this._filter = params.filter;\n\n    makeObservable(this, {\n      filterKeyedItems: computed,\n      filterKeyedItemsMap: computed,\n      finalFilterKeyedItems: computed,\n      finalFilterKeyedItemsMap: computed,\n      selectedItems: computed({\n        keepAlive: true,\n      }),\n      set: action,\n      delete: action,\n      deleteKey: action,\n      init: action.bound,\n      clear: action.bound,\n      syncSelectedItems: action.bound,\n      syncSelectedItemsIfChanged: action.bound,\n    });\n\n    this.syncSelectedItems();\n  }\n\n  get filterKeyedItemsMap() {\n    return new Map<string, KeyedItem<V>>(\n      this.filterKeyedItems.map((e) => [e.key, e]),\n    );\n  }\n\n  get filter(): ArrayField<V> {\n    return this.toolbar.getPendingFilter(this._filter);\n  }\n\n  get hasPendingFilter() {\n    return this._filter !== this.filter;\n  }\n\n  toKeyedItem = (item: V, index: number) => {\n    const { filter } = this;\n\n    const key = filter.itemKey(item);\n    return {\n      id: key,\n      key,\n      item,\n      index,\n      indexWithinPage: index,\n      pageIndex: 0,\n    };\n  };\n\n  get finalFilterKeyedItems() {\n    const { _filter } = this;\n    return _filter.value.map(this.toKeyedItem);\n  }\n\n  get finalFilterKeyedItemsMap() {\n    return new Map<string, KeyedItem<V>>(\n      this.finalFilterKeyedItems.map((e) => [e.key, e]),\n    );\n  }\n\n  get filterKeyedItems() {\n    const { filter } = this;\n    return filter.value.map(this.toKeyedItem);\n  }\n\n  syncSelectedItems() {\n    const { select, events } = this;\n    select.clear();\n    select.finalizeMany(this.filterKeyedItems);\n    events.emit('syncSelectedItems');\n  }\n\n  syncSelectedItemsIfChanged() {\n    const { selectedItems, filter } = this;\n    if (filter.value !== selectedItems) {\n      this.syncSelectedItems();\n    }\n  }\n\n  get selectedItems() {\n    const { select } = this;\n    return select.selectedValues.map(({ item }) => item);\n  }\n\n  set(item: KeyedItem<V>) {\n    const { select } = this;\n    select.set(item);\n    this.refreshIfChanged({ actionType: 'add', clickedValueKey: item.key });\n  }\n\n  setSingle(item: KeyedItem<V>) {\n    const { select } = this;\n    select.clear();\n    this.set(item);\n  }\n\n  clear() {\n    const { select } = this;\n    select.clear();\n    this.refreshIfChanged({ actionType: 'remove', clickedValueKey: '' });\n  }\n\n  delete(item: KeyedItem<V>) {\n    const { select } = this;\n    select.delete(item);\n    this.refreshIfChanged({ actionType: 'remove', clickedValueKey: item.key });\n  }\n\n  deleteKey(key: string) {\n    const { select } = this;\n    select.deleteKey(key);\n    this.refreshIfChanged({ actionType: 'remove', clickedValueKey: key });\n  }\n\n  refreshIfChanged(\n    options: { actionType?: 'add' | 'remove'; clickedValueKey?: string } = {},\n  ) {\n    const { selectedItems, filter } = this;\n\n    if (filter == null) {\n      return;\n    }\n\n    if (filter.value === selectedItems) {\n      return;\n    }\n\n    filter.setValue(selectedItems, {\n      emitEvents: ['change', 'beforeRefresh', 'refresh'],\n      ...options,\n    });\n  }\n\n  close() {\n    const { dropdown, events } = this;\n    dropdown.setOff();\n    events.emit('close');\n  }\n\n  closeAndChangeSelectedItems() {\n    this.close();\n    const { selectedItems, filter } = this;\n\n    if (filter.value === selectedItems) {\n      return;\n    }\n\n    filter.setValue(selectedItems, {\n      emitEvents: ['change', 'beforeRefresh', 'refresh'],\n      actionType: 'add',\n    });\n  }\n\n  init() {\n    const { filter } = this;\n\n    const disposers = [\n      reaction(() => filter?.value, this.syncSelectedItemsIfChanged),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_events","DropdownSelectState","constructor","params","_defineProperty2","default","ToggleState","EventEmitter","item","index","filter","key","itemKey","id","indexWithinPage","pageIndex","container","toolbar","select","SelectState","keyGetter","value","_filter","makeObservable","filterKeyedItems","computed","filterKeyedItemsMap","finalFilterKeyedItems","finalFilterKeyedItemsMap","selectedItems","keepAlive","set","action","delete","deleteKey","init","bound","open","clear","syncSelectedItems","syncSelectedItemsIfChanged","Map","map","e","getPendingFilter","hasPendingFilter","toKeyedItem","events","finalizeMany","emit","selectedValues","refreshIfChanged","actionType","clickedValueKey","setSingle","options","setValue","emitEvents","close","dropdown","setOff","setOn","closeAndChangeSelectedItems","disposers","reaction","forEach","d","exports"],"sources":["../../../src/state/DropdownSelectState.ts"],"sourcesContent":["import {\n  ArrayField,\n  WixPatternsContainer,\n  KeyedItem,\n  SelectState,\n  ToggleState,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, reaction } from 'mobx';\nimport { EventEmitter } from '@wix/bex-core/events';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DropdownSelectStateParams<V> {\n  container: WixPatternsContainer;\n  toolbar: FilterToolbarState;\n  select?: SelectState<KeyedItem<V>>;\n  filter: ArrayField<V>;\n}\n\nexport class DropdownSelectState<V> {\n  readonly container;\n  readonly toolbar;\n  readonly select: SelectState<KeyedItem<V>>;\n  readonly _filter: DropdownSelectStateParams<V>['filter'];\n\n  readonly dropdown = new ToggleState();\n\n  readonly events = new EventEmitter();\n\n  constructor(params: DropdownSelectStateParams<V>) {\n    this.container = params.container;\n    this.toolbar = params.toolbar;\n    this.select =\n      params.select ??\n      new SelectState<KeyedItem<V>>({\n        keyGetter: (value) => value.key,\n      });\n    this._filter = params.filter;\n\n    makeObservable(this, {\n      filterKeyedItems: computed,\n      filterKeyedItemsMap: computed,\n      finalFilterKeyedItems: computed,\n      finalFilterKeyedItemsMap: computed,\n      selectedItems: computed({\n        keepAlive: true,\n      }),\n      set: action,\n      delete: action,\n      deleteKey: action,\n      init: action.bound,\n      open: action.bound,\n      clear: action.bound,\n      syncSelectedItems: action.bound,\n      syncSelectedItemsIfChanged: action.bound,\n    });\n\n    this.syncSelectedItems();\n  }\n\n  get filterKeyedItemsMap() {\n    return new Map<string, KeyedItem<V>>(\n      this.filterKeyedItems.map((e) => [e.key, e]),\n    );\n  }\n\n  get filter(): ArrayField<V> {\n    return this.toolbar.getPendingFilter(this._filter);\n  }\n\n  get hasPendingFilter() {\n    return this._filter !== this.filter;\n  }\n\n  toKeyedItem = (item: V, index: number) => {\n    const { filter } = this;\n\n    const key = filter.itemKey(item);\n    return {\n      id: key,\n      key,\n      item,\n      index,\n      indexWithinPage: index,\n      pageIndex: 0,\n    };\n  };\n\n  get finalFilterKeyedItems() {\n    const { _filter } = this;\n    return _filter.value.map(this.toKeyedItem);\n  }\n\n  get finalFilterKeyedItemsMap() {\n    return new Map<string, KeyedItem<V>>(\n      this.finalFilterKeyedItems.map((e) => [e.key, e]),\n    );\n  }\n\n  get filterKeyedItems() {\n    const { filter } = this;\n    return filter.value.map(this.toKeyedItem);\n  }\n\n  syncSelectedItems() {\n    const { select, events } = this;\n    select.clear();\n    select.finalizeMany(this.filterKeyedItems);\n    events.emit('syncSelectedItems');\n  }\n\n  syncSelectedItemsIfChanged() {\n    const { selectedItems, filter } = this;\n    if (filter.value !== selectedItems) {\n      this.syncSelectedItems();\n    }\n  }\n\n  get selectedItems() {\n    const { select } = this;\n    return select.selectedValues.map(({ item }) => item);\n  }\n\n  set(item: KeyedItem<V>) {\n    const { select } = this;\n    select.set(item);\n    this.refreshIfChanged({ actionType: 'add', clickedValueKey: item.key });\n  }\n\n  setSingle(item: KeyedItem<V>) {\n    const { select } = this;\n    select.clear();\n    this.set(item);\n  }\n\n  clear() {\n    const { select } = this;\n    select.clear();\n    this.refreshIfChanged({ actionType: 'remove', clickedValueKey: '' });\n  }\n\n  delete(item: KeyedItem<V>) {\n    const { select } = this;\n    select.delete(item);\n    this.refreshIfChanged({ actionType: 'remove', clickedValueKey: item.key });\n  }\n\n  deleteKey(key: string) {\n    const { select } = this;\n    select.deleteKey(key);\n    this.refreshIfChanged({ actionType: 'remove', clickedValueKey: key });\n  }\n\n  refreshIfChanged(\n    options: { actionType?: 'add' | 'remove'; clickedValueKey?: string } = {},\n  ) {\n    const { selectedItems, filter } = this;\n\n    if (filter == null) {\n      return;\n    }\n\n    if (filter.value === selectedItems) {\n      return;\n    }\n\n    filter.setValue(selectedItems, {\n      emitEvents: ['change', 'beforeRefresh', 'refresh'],\n      ...options,\n    });\n  }\n\n  close() {\n    const { dropdown, events } = this;\n    dropdown.setOff();\n    events.emit('close');\n  }\n\n  open() {\n    const { dropdown, events } = this;\n    dropdown.setOn();\n    events.emit('open');\n  }\n\n  closeAndChangeSelectedItems() {\n    this.close();\n    const { selectedItems, filter } = this;\n\n    if (filter.value === selectedItems) {\n      return;\n    }\n\n    filter.setValue(selectedItems, {\n      emitEvents: ['change', 'beforeRefresh', 'refresh'],\n      actionType: 'add',\n    });\n  }\n\n  init() {\n    const { filter } = this;\n\n    const disposers = [\n      reaction(() => filter?.value, this.syncSelectedItemsIfChanged),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\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_ = "FormPageHeader1729882380";
+var _namespace_ = "FormPageHeader1386305735";
 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": "FormPageHeader1729882380__root"
+  "root": "FormPageHeader1386305735__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_ = \"FormPageHeader1729882380\";\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\":\"FormPageHeader1729882380__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_ = \"FormPageHeader1386305735\";\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\":\"FormPageHeader1386305735__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":[]}