@wix/patterns 1.38.0 → 1.40.0

package/README.md

@@ -0,0 +1,23 @@
+# Wix Patterns
+
+Patterns is a React library with advanced components that extend the functionality of the core components from the [Wix Design System](https://www.wixdesignsystem.com/). It provides fully-featured sophisticated experiences tailored for common functionalities and design, allowing you to build beautiful and intuitive product experiences with a Wix style and layout.
+
+## Installation
+
+Run one of the following commands to install the package in your project:
+
+**NPM**
+
+npm install @wix/patterns
+
+**Yarn**
+
+yarn add @wix/patterns
+
+## Documentation
+
+To learn more, visit the [Patterns documentation](https://www.wix-pages.com/wix-patterns/).
+
+## Support
+
+Share feedback, report bugs, and submit feature requests via our [support chatbot](https://www.wix.com/support-chatbot?nodeId=25a57397-ccf7-4376-8b74-48d51edf7159&referral=devRels), and connect with developers in our [Discord channel](https://discord.com/channels/773211030314418196/1144282838502477945) for community support.

package/dist/cjs/aiAssistance/AiAssistance.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","createWixPatternsCreationEventName","collection","fqdn","isFqdnValid","Error","fqdnToString"],"sources":["../../../src/aiAssistance/AiAssistance.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  fqdnToString,\n  isFqdnValid,\n} from '@wix/bex-core';\n\nexport type AiAssistance = {\n  useAiAssistance: <T, F extends FiltersMap>(\n    state: CollectionState<T, F>,\n  ) => void;\n};\n\nexport function createWixPatternsCreationEventName<T, F extends FiltersMap>(\n  collection: CollectionState<T, F>,\n) {\n  if (!collection.fqdn || (collection.fqdn && !isFqdnValid(collection.fqdn))) {\n    throw new Error(\n      'FQDN is invalid. Please provide a valid FQDN in the collection hook state (use<YourComponentName>Collection)',\n    );\n  }\n  return `ITEM_CREATED_${fqdnToString(collection.fqdn)}`;\n}\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAaO,SAASC,kCAAkCA,CAChDC,UAAiC,EACjC;EACA,IAAI,CAACA,UAAU,CAACC,IAAI,IAAKD,UAAU,CAACC,IAAI,IAAI,CAAC,IAAAC,oBAAW,EAACF,UAAU,CAACC,IAAI,CAAE,EAAE;IAC1E,MAAM,IAAIE,KAAK,CACb,8GACF,CAAC;EACH;EACA,OAAO,gBAAgB,IAAAC,qBAAY,EAACJ,UAAU,CAACC,IAAI,CAAC,EAAE;AACxD","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","createWixPatternsCreationEventName","collection","fqdn","isFqdnValid","Error","fqdnToString"],"sources":["../../../src/aiAssistance/AiAssistance.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  fqdnToString,\n  isFqdnValid,\n} from '@wix/bex-core';\nimport { LoadingRowState } from '../components/LoadingRow/LoadingRowState';\n\nexport type AiAssistance = {\n  useAiAssistance: <T, F extends FiltersMap>({\n    collection,\n    loadingRowState,\n  }: {\n    collection: CollectionState<T, F>;\n    loadingRowState: LoadingRowState;\n  }) => void;\n};\n\nexport function createWixPatternsCreationEventName<T, F extends FiltersMap>(\n  collection: CollectionState<T, F>,\n) {\n  if (!collection.fqdn || (collection.fqdn && !isFqdnValid(collection.fqdn))) {\n    throw new Error(\n      'FQDN is invalid. Please provide a valid FQDN in the collection hook state (use<YourComponentName>Collection)',\n    );\n  }\n  return `ITEM_CREATED_${fqdnToString(collection.fqdn)}`;\n}\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAkBO,SAASC,kCAAkCA,CAChDC,UAAiC,EACjC;EACA,IAAI,CAACA,UAAU,CAACC,IAAI,IAAKD,UAAU,CAACC,IAAI,IAAI,CAAC,IAAAC,oBAAW,EAACF,UAAU,CAACC,IAAI,CAAE,EAAE;IAC1E,MAAM,IAAIE,KAAK,CACb,8GACF,CAAC;EACH;EACA,OAAO,gBAAgB,IAAAC,qBAAY,EAACJ,UAAU,CAACC,IAAI,CAAC,EAAE;AACxD","ignoreList":[]}

package/dist/cjs/aiAssistance/createAiAssistance.js

@@ -5,14 +5,19 @@ exports.createAiAssistance = createAiAssistance;
 var _react = require("@wix/bex-core/react");
 var _AiAssistance = require("./AiAssistance");
 var _useAiAssistanceContext = require("./useAiAssistanceContext");
+var _react2 = require("react");
 function createAiAssistance({
   appDefId
 }) {
   return {
-    useAiAssistance: collection => {
+    useAiAssistance: ({
+      collection,
+      loadingRowState
+    }) => {
       useAiAssistanceCreation({
         appDefId,
-        collection
+        collection,
+        loadingRowState
       });
     }
   };
@@ -20,12 +25,16 @@ function createAiAssistance({
 function useAiAssistanceCreation(props) {
   const {
     appDefId,
-    collection
+    collection,
+    loadingRowState
   } = props;
   const optimisticActions = (0, _react.useOptimisticActions)(collection);
   const {
     useAssistantEffect
   } = (0, _useAiAssistanceContext.useAiAssistanceContext)();
+  (0, _react2.useState)(() => {
+    loadingRowState._loadAnimationAssets();
+  });
   useAssistantEffect(payload => {
     if (!payload.item) {
       if (process.env.NODE_ENV !== 'production') {
@@ -33,6 +42,7 @@ function useAiAssistanceCreation(props) {
       }
       return;
     }
+    loadingRowState.addLoadingItem(collection.itemKey(payload.item));
     optimisticActions.createOne(payload.item, {
       submit: async newItem => {
         return newItem;

package/dist/cjs/aiAssistance/createAiAssistance.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_AiAssistance","_useAiAssistanceContext","createAiAssistance","appDefId","useAiAssistance","collection","useAiAssistanceCreation","props","optimisticActions","useOptimisticActions","useAssistantEffect","useAiAssistanceContext","payload","item","process","env","NODE_ENV","console","warn","createOne","submit","newItem","createWixPatternsCreationEventName"],"sources":["../../../src/aiAssistance/createAiAssistance.ts"],"sourcesContent":["import { useOptimisticActions } from '@wix/bex-core/react';\nimport {\n  AiAssistance,\n  createWixPatternsCreationEventName,\n} from './AiAssistance';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { useAiAssistanceContext } from './useAiAssistanceContext';\n\nexport function createAiAssistance({\n  appDefId,\n}: {\n  appDefId: string;\n}): AiAssistance {\n  return {\n    useAiAssistance: <T, F extends FiltersMap>(\n      collection: CollectionState<T, F>,\n    ): void => {\n      useAiAssistanceCreation({ appDefId, collection });\n    },\n  };\n}\n\nfunction useAiAssistanceCreation<T, F extends FiltersMap>(props: {\n  collection: CollectionState<T, F>;\n  appDefId: string;\n}) {\n  const { appDefId, collection } = props;\n  const optimisticActions = useOptimisticActions(collection);\n  const { useAssistantEffect } = useAiAssistanceContext();\n\n  useAssistantEffect<{ item?: T }>(\n    (payload) => {\n      if (!payload.item) {\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn(\n            'No item provided in the payload. Pass the new item that should be added to the collection like {item: myNewItem}. Skipping creation.',\n          );\n        }\n        return;\n      }\n      optimisticActions.createOne(payload.item, {\n        submit: async (newItem) => {\n          return newItem;\n        },\n      });\n    },\n    appDefId,\n    createWixPatternsCreationEventName(collection),\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAKA,IAAAE,uBAAA,GAAAF,OAAA;AAEO,SAASG,kBAAkBA,CAAC;EACjCC;AAGF,CAAC,EAAgB;EACf,OAAO;IACLC,eAAe,EACbC,UAAiC,IACxB;MACTC,uBAAuB,CAAC;QAAEH,QAAQ;QAAEE;MAAW,CAAC,CAAC;IACnD;EACF,CAAC;AACH;AAEA,SAASC,uBAAuBA,CAA0BC,KAGzD,EAAE;EACD,MAAM;IAAEJ,QAAQ;IAAEE;EAAW,CAAC,GAAGE,KAAK;EACtC,MAAMC,iBAAiB,GAAG,IAAAC,2BAAoB,EAACJ,UAAU,CAAC;EAC1D,MAAM;IAAEK;EAAmB,CAAC,GAAG,IAAAC,8CAAsB,EAAC,CAAC;EAEvDD,kBAAkB,CACfE,OAAO,IAAK;IACX,IAAI,CAACA,OAAO,CAACC,IAAI,EAAE;MACjB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;QACzCC,OAAO,CAACC,IAAI,CACV,sIACF,CAAC;MACH;MACA;IACF;IACAV,iBAAiB,CAACW,SAAS,CAACP,OAAO,CAACC,IAAI,EAAE;MACxCO,MAAM,EAAE,MAAOC,OAAO,IAAK;QACzB,OAAOA,OAAO;MAChB;IACF,CAAC,CAAC;EACJ,CAAC,EACDlB,QAAQ,EACR,IAAAmB,gDAAkC,EAACjB,UAAU,CAC/C,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_react","require","_AiAssistance","_useAiAssistanceContext","_react2","createAiAssistance","appDefId","useAiAssistance","collection","loadingRowState","useAiAssistanceCreation","props","optimisticActions","useOptimisticActions","useAssistantEffect","useAiAssistanceContext","useState","_loadAnimationAssets","payload","item","process","env","NODE_ENV","console","warn","addLoadingItem","itemKey","createOne","submit","newItem","createWixPatternsCreationEventName"],"sources":["../../../src/aiAssistance/createAiAssistance.ts"],"sourcesContent":["import { useOptimisticActions } from '@wix/bex-core/react';\nimport {\n  AiAssistance,\n  createWixPatternsCreationEventName,\n} from './AiAssistance';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { useAiAssistanceContext } from './useAiAssistanceContext';\nimport { LoadingRowState } from '../components/LoadingRow/LoadingRowState';\nimport { useState } from 'react';\n\nexport function createAiAssistance({\n  appDefId,\n}: {\n  appDefId: string;\n}): AiAssistance {\n  return {\n    useAiAssistance: <T, F extends FiltersMap>({\n      collection,\n      loadingRowState,\n    }: {\n      collection: CollectionState<T, F>;\n      loadingRowState: LoadingRowState;\n    }): void => {\n      useAiAssistanceCreation({ appDefId, collection, loadingRowState });\n    },\n  };\n}\n\nfunction useAiAssistanceCreation<T, F extends FiltersMap>(props: {\n  collection: CollectionState<T, F>;\n  loadingRowState: LoadingRowState;\n  appDefId: string;\n}) {\n  const { appDefId, collection, loadingRowState } = props;\n  const optimisticActions = useOptimisticActions(collection);\n  const { useAssistantEffect } = useAiAssistanceContext();\n\n  useState(() => {\n    loadingRowState._loadAnimationAssets();\n  });\n\n  useAssistantEffect<{ item?: T }>(\n    (payload) => {\n      if (!payload.item) {\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn(\n            'No item provided in the payload. Pass the new item that should be added to the collection like {item: myNewItem}. Skipping creation.',\n          );\n        }\n        return;\n      }\n      loadingRowState.addLoadingItem(collection.itemKey(payload.item));\n      optimisticActions.createOne(payload.item, {\n        submit: async (newItem) => {\n          return newItem;\n        },\n      });\n    },\n    appDefId,\n    createWixPatternsCreationEventName(collection),\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAKA,IAAAE,uBAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAEO,SAASI,kBAAkBA,CAAC;EACjCC;AAGF,CAAC,EAAgB;EACf,OAAO;IACLC,eAAe,EAAEA,CAA0B;MACzCC,UAAU;MACVC;IAIF,CAAC,KAAW;MACVC,uBAAuB,CAAC;QAAEJ,QAAQ;QAAEE,UAAU;QAAEC;MAAgB,CAAC,CAAC;IACpE;EACF,CAAC;AACH;AAEA,SAASC,uBAAuBA,CAA0BC,KAIzD,EAAE;EACD,MAAM;IAAEL,QAAQ;IAAEE,UAAU;IAAEC;EAAgB,CAAC,GAAGE,KAAK;EACvD,MAAMC,iBAAiB,GAAG,IAAAC,2BAAoB,EAACL,UAAU,CAAC;EAC1D,MAAM;IAAEM;EAAmB,CAAC,GAAG,IAAAC,8CAAsB,EAAC,CAAC;EAEvD,IAAAC,gBAAQ,EAAC,MAAM;IACbP,eAAe,CAACQ,oBAAoB,CAAC,CAAC;EACxC,CAAC,CAAC;EAEFH,kBAAkB,CACfI,OAAO,IAAK;IACX,IAAI,CAACA,OAAO,CAACC,IAAI,EAAE;MACjB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;QACzCC,OAAO,CAACC,IAAI,CACV,sIACF,CAAC;MACH;MACA;IACF;IACAf,eAAe,CAACgB,cAAc,CAACjB,UAAU,CAACkB,OAAO,CAACR,OAAO,CAACC,IAAI,CAAC,CAAC;IAChEP,iBAAiB,CAACe,SAAS,CAACT,OAAO,CAACC,IAAI,EAAE;MACxCS,MAAM,EAAE,MAAOC,OAAO,IAAK;QACzB,OAAOA,OAAO;MAChB;IACF,CAAC,CAAC;EACJ,CAAC,EACDvB,QAAQ,EACR,IAAAwB,gDAAkC,EAACtB,UAAU,CAC/C,CAAC;AACH","ignoreList":[]}

package/dist/cjs/aiAssistance/index.js

@@ -7,4 +7,10 @@ Object.keys(_AiAssistance).forEach(function (key) {
   if (key in exports && exports[key] === _AiAssistance[key]) return;
   exports[key] = _AiAssistance[key];
 });
+var _createAiAssistance = require("./createAiAssistance");
+Object.keys(_createAiAssistance).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _createAiAssistance[key]) return;
+  exports[key] = _createAiAssistance[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/aiAssistance/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_AiAssistance","require","Object","keys","forEach","key","exports"],"sources":["../../../src/aiAssistance/index.ts"],"sourcesContent":["export * from './AiAssistance';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_AiAssistance","require","Object","keys","forEach","key","exports","_createAiAssistance"],"sources":["../../../src/aiAssistance/index.ts"],"sourcesContent":["export * from './AiAssistance';\nexport * from './createAiAssistance';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,mBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,mBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,mBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,mBAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/ActionControl/ActionButton.js

@@ -6,13 +6,13 @@ exports.ActionButton = ActionButton;
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _DisabledTooltip = require("../DisabledTooltip");
-var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ActionControl/ActionButton.tsx";
 function ActionButton(props) {
   const {
     actionItem,
-    biParams,
-    suffixIcon
+    suffixIcon,
+    size,
+    priority
   } = props;
   const {
     tooltip,
@@ -20,44 +20,31 @@ function ActionButton(props) {
     label,
     onClick,
     dataHook,
-    disabled,
-    biName,
-    biIndex
+    disabled
   } = actionItem;
-  const {
-    toolbarBIReporter
-  } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   return /*#__PURE__*/_react.default.createElement(_DisabledTooltip.DisabledTooltip, {
     content: tooltip,
     dataHook: `${dataHook}-tooltip`,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 19,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
     skin: "standard",
-    priority: "secondary",
-    size: "small",
+    priority: priority,
+    size: size,
     prefixIcon: prefixIcon,
     ellipsis: true,
-    onClick: () => {
-      toolbarBIReporter.ctaClicked({
-        ctaName: biName ?? '',
-        ctaIndex: biIndex + 1,
-        moreActionsIndex: 0,
-        ...biParams
-      });
-      onClick == null || onClick();
-    },
+    onClick: onClick,
     dataHook: dataHook,
     disabled: disabled,
     suffixIcon: suffixIcon,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 20,
       columnNumber: 7
     }
   }, label));

package/dist/cjs/components/ActionControl/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_DisabledTooltip","_ToolbarCollectionContext","_jsxFileName","ActionButton","props","actionItem","biParams","suffixIcon","tooltip","prefixIcon","label","onClick","dataHook","disabled","biName","biIndex","toolbarBIReporter","useToolbarCollectionContext","default","createElement","DisabledTooltip","content","__self","__source","fileName","lineNumber","columnNumber","Button","skin","priority","size","ellipsis","ctaClicked","ctaName","ctaIndex","moreActionsIndex"],"sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@wix/design-system';\nimport React from 'react';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { CTAClickedParams } from '../../state/ToolbarBIReporter';\n\nexport interface ActionButtonProps {\n  actionItem: ActionSubItemPrivate;\n  suffixIcon?: ButtonProps['suffixIcon'];\n  biParams: Pick<CTAClickedParams, 'location' | 'numCtas'>;\n}\n\nexport function ActionButton(props: ActionButtonProps) {\n  const { actionItem, biParams, suffixIcon } = props;\n  const {\n    tooltip,\n    prefixIcon,\n    label,\n    onClick,\n    dataHook,\n    disabled,\n    biName,\n    biIndex,\n  } = actionItem;\n\n  const { toolbarBIReporter } = useToolbarCollectionContext();\n\n  return (\n    <DisabledTooltip content={tooltip} dataHook={`${dataHook}-tooltip`}>\n      <Button\n        skin=\"standard\"\n        priority=\"secondary\"\n        size=\"small\"\n        prefixIcon={prefixIcon}\n        ellipsis\n        onClick={() => {\n          toolbarBIReporter.ctaClicked({\n            ctaName: biName ?? '',\n            ctaIndex: biIndex + 1,\n            moreActionsIndex: 0,\n            ...biParams,\n          });\n          onClick?.();\n        }}\n        dataHook={dataHook}\n        disabled={disabled}\n        suffixIcon={suffixIcon}\n      >\n        {label}\n      </Button>\n    </DisabledTooltip>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAEA,IAAAI,yBAAA,GAAAJ,OAAA;AAA0E,IAAAK,YAAA;AASnE,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAM;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAW,CAAC,GAAGH,KAAK;EAClD,MAAM;IACJI,OAAO;IACPC,UAAU;IACVC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,MAAM;IACNC;EACF,CAAC,GAAGV,UAAU;EAEd,MAAM;IAAEW;EAAkB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAE3D,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,eAAe;IAACC,OAAO,EAAEb,OAAQ;IAACI,QAAQ,EAAE,GAAGA,QAAQ,UAAW;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjE5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAA+B,MAAM;IACLC,IAAI,EAAC,UAAU;IACfC,QAAQ,EAAC,WAAW;IACpBC,IAAI,EAAC,OAAO;IACZrB,UAAU,EAAEA,UAAW;IACvBsB,QAAQ;IACRpB,OAAO,EAAEA,CAAA,KAAM;MACbK,iBAAiB,CAACgB,UAAU,CAAC;QAC3BC,OAAO,EAAEnB,MAAM,IAAI,EAAE;QACrBoB,QAAQ,EAAEnB,OAAO,GAAG,CAAC;QACrBoB,gBAAgB,EAAE,CAAC;QACnB,GAAG7B;MACL,CAAC,CAAC;MACFK,OAAO,YAAPA,OAAO,CAAG,CAAC;IACb,CAAE;IACFC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBN,UAAU,EAAEA,UAAW;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEtBhB,KACK,CACO,CAAC;AAEtB","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_DisabledTooltip","_jsxFileName","ActionButton","props","actionItem","suffixIcon","size","priority","tooltip","prefixIcon","label","onClick","dataHook","disabled","default","createElement","DisabledTooltip","content","__self","__source","fileName","lineNumber","columnNumber","Button","skin","ellipsis"],"sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@wix/design-system';\nimport React from 'react';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\n\nexport interface ActionButtonProps {\n  actionItem: ActionSubItemPrivate;\n  suffixIcon?: ButtonProps['suffixIcon'];\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n}\n\nexport function ActionButton(props: ActionButtonProps) {\n  const { actionItem, suffixIcon, size, priority } = props;\n  const { tooltip, prefixIcon, label, onClick, dataHook, disabled } =\n    actionItem;\n\n  return (\n    <DisabledTooltip content={tooltip} dataHook={`${dataHook}-tooltip`}>\n      <Button\n        skin=\"standard\"\n        priority={priority}\n        size={size}\n        prefixIcon={prefixIcon}\n        ellipsis\n        onClick={onClick}\n        dataHook={dataHook}\n        disabled={disabled}\n        suffixIcon={suffixIcon}\n      >\n        {label}\n      </Button>\n    </DisabledTooltip>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAqD,IAAAI,YAAA;AAU9C,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACxD,MAAM;IAAEK,OAAO;IAAEC,UAAU;IAAEC,KAAK;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAC/DT,UAAU;EAEZ,oBACEN,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACf,gBAAA,CAAAgB,eAAe;IAACC,OAAO,EAAET,OAAQ;IAACI,QAAQ,EAAE,GAAGA,QAAQ,UAAW;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjExB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA2B,MAAM;IACLC,IAAI,EAAC,UAAU;IACfjB,QAAQ,EAAEA,QAAS;IACnBD,IAAI,EAAEA,IAAK;IACXG,UAAU,EAAEA,UAAW;IACvBgB,QAAQ;IACRd,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBR,UAAU,EAAEA,UAAW;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEtBZ,KACK,CACO,CAAC;AAEtB","ignoreList":[]}

package/dist/cjs/components/ActionControl/ActionControl.js

@@ -3,36 +3,31 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.ActionControl = ActionControl;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _ActionButton = require("./ActionButton");
 var _ActionPopover = require("./ActionPopover");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ActionControl/ActionControl.tsx";
 function ActionControl(props) {
   const {
-    actionItem,
-    biParams
+    actionItem: {
+      subItems
+    }
   } = props;
-  const {
-    subItems
-  } = actionItem;
-  return subItems ? /*#__PURE__*/_react.default.createElement(_ActionPopover.ActionPopover, {
-    biParams: biParams,
-    actionItem: actionItem,
+  return subItems ? /*#__PURE__*/_react.default.createElement(_ActionPopover.ActionPopover, (0, _extends2.default)({}, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 15,
-      columnNumber: 5
+      lineNumber: 16,
+      columnNumber: 21
     }
-  }) : /*#__PURE__*/_react.default.createElement(_ActionButton.ActionButton, {
-    biParams: biParams,
-    actionItem: actionItem,
+  })) : /*#__PURE__*/_react.default.createElement(_ActionButton.ActionButton, (0, _extends2.default)({}, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
-      columnNumber: 5
+      lineNumber: 16,
+      columnNumber: 52
     }
-  });
+  }));
 }
 //# sourceMappingURL=ActionControl.js.map

package/dist/cjs/components/ActionControl/ActionControl.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ActionButton","_ActionPopover","_jsxFileName","ActionControl","props","actionItem","biParams","subItems","default","createElement","ActionPopover","__self","__source","fileName","lineNumber","columnNumber","ActionButton"],"sources":["../../../../src/components/ActionControl/ActionControl.tsx"],"sourcesContent":["import React from 'react';\nimport { ActionButton } from './ActionButton';\nimport { ActionPopover } from './ActionPopover';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\nimport { CTAClickedParams } from '../../state/ToolbarBIReporter';\n\nexport function ActionControl(props: {\n  actionItem: ActionSubItemPrivate;\n  biParams: Pick<CTAClickedParams, 'location' | 'numCtas'>;\n}) {\n  const { actionItem, biParams } = props;\n  const { subItems } = actionItem;\n\n  return subItems ? (\n    <ActionPopover biParams={biParams} actionItem={actionItem} />\n  ) : (\n    <ActionButton biParams={biParams} actionItem={actionItem} />\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAgD,IAAAG,YAAA;AAIzC,SAASC,aAAaA,CAACC,KAG7B,EAAE;EACD,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACtC,MAAM;IAAEG;EAAS,CAAC,GAAGF,UAAU;EAE/B,OAAOE,QAAQ,gBACbV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,cAAA,CAAAS,aAAa;IAACJ,QAAQ,EAAEA,QAAS;IAACD,UAAU,EAAEA,UAAW;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAE7DlB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAgB,YAAY;IAACV,QAAQ,EAAEA,QAAS;IAACD,UAAU,EAAEA,UAAW;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5D;AACH","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ActionButton","_ActionPopover","_jsxFileName","ActionControl","props","actionItem","subItems","default","createElement","ActionPopover","_extends2","__self","__source","fileName","lineNumber","columnNumber","ActionButton"],"sources":["../../../../src/components/ActionControl/ActionControl.tsx"],"sourcesContent":["import React from 'react';\nimport { ActionButton } from './ActionButton';\nimport { ActionPopover } from './ActionPopover';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\nimport { ButtonProps } from '@wix/design-system';\n\nexport function ActionControl(props: {\n  actionItem: ActionSubItemPrivate;\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n}) {\n  const {\n    actionItem: { subItems },\n  } = props;\n\n  return subItems ? <ActionPopover {...props} /> : <ActionButton {...props} />;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAgD,IAAAG,YAAA;AAIzC,SAASC,aAAaA,CAACC,KAI7B,EAAE;EACD,MAAM;IACJC,UAAU,EAAE;MAAEC;IAAS;EACzB,CAAC,GAAGF,KAAK;EAET,OAAOE,QAAQ,gBAAGT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,cAAA,CAAAQ,aAAa,MAAAC,SAAA,CAAAH,OAAA,MAAKH,KAAK;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC,gBAAGlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,YAAY,MAAAN,SAAA,CAAAH,OAAA,MAAKH,KAAK;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AAC9E","ignoreList":[]}

package/dist/cjs/components/ActionControl/ActionPopover.js

@@ -7,17 +7,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
-var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _DisabledTooltip = require("../DisabledTooltip");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ActionControl/ActionPopover.tsx";
 function ActionPopover(props) {
   const {
     actionItem,
-    biParams
+    size,
+    priority
   } = props;
-  const {
-    toolbarBIReporter
-  } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const {
     dataHook,
     subItems,
@@ -33,13 +30,13 @@ function ActionPopover(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 24,
+        lineNumber: 20,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
       skin: "standard",
-      priority: "secondary",
-      size: "small",
+      priority: priority,
+      size: size,
       dataHook: actionItem.dataHook,
       onClick: () => {
         toggle();
@@ -51,21 +48,21 @@ function ActionPopover(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 39,
+          lineNumber: 35,
           columnNumber: 25
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 28,
+        lineNumber: 24,
         columnNumber: 11
       }
     }, actionItem.label)),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 20,
+      lineNumber: 16,
       columnNumber: 5
     }
   }), subItems == null ? void 0 : subItems.map((subItem, index) => /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -74,21 +71,11 @@ function ActionPopover(props) {
     text: subItem.label,
     key: index,
     dataHook: subItem.dataHook,
-    onClick: () => {
-      toolbarBIReporter.ctaClicked({
-        ctaName: subItem.biName ?? '',
-        ctaIndex: actionItem.biIndex + index + 1,
-        moreActionsIndex: index + 1,
-        componentId: subItem.componentId,
-        appId: subItem.appId,
-        ...biParams
-      });
-      subItem.onClick == null || subItem.onClick();
-    },
+    onClick: subItem.onClick,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 47,
+      lineNumber: 43,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/ActionControl/ActionPopover.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_wixUiIconsCommon","_ToolbarCollectionContext","_DisabledTooltip","_jsxFileName","ActionPopover","props","actionItem","biParams","toolbarBIReporter","useToolbarCollectionContext","dataHook","subItems","popoverMenuProps","default","createElement","PopoverMenu","_extends2","undefined","triggerElement","toggle","DisabledTooltip","content","tooltip","__self","__source","fileName","lineNumber","columnNumber","Button","skin","priority","size","onClick","ellipsis","prefixIcon","disabled","suffixIcon","ChevronDown","label","map","subItem","index","MenuItem","text","key","ctaClicked","ctaName","biName","ctaIndex","biIndex","moreActionsIndex","componentId","appId"],"sources":["../../../../src/components/ActionControl/ActionPopover.tsx"],"sourcesContent":["import { PopoverMenu, Button } from '@wix/design-system';\nimport React from 'react';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { CTAClickedParams } from '../../state/ToolbarBIReporter';\n\nexport function ActionPopover(props: {\n  actionItem: ActionSubItemPrivate;\n  biParams: Pick<CTAClickedParams, 'location' | 'numCtas'>;\n}) {\n  const { actionItem, biParams } = props;\n\n  const { toolbarBIReporter } = useToolbarCollectionContext();\n\n  const { dataHook, subItems, popoverMenuProps } = actionItem;\n\n  return (\n    <PopoverMenu\n      {...popoverMenuProps}\n      dataHook={dataHook ? `${dataHook}-popover` : undefined}\n      triggerElement={({ toggle }) => (\n        <DisabledTooltip\n          content={actionItem.tooltip}\n          dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n        >\n          <Button\n            skin=\"standard\"\n            priority=\"secondary\"\n            size=\"small\"\n            dataHook={actionItem.dataHook}\n            onClick={() => {\n              toggle();\n            }}\n            ellipsis\n            prefixIcon={actionItem.prefixIcon}\n            disabled={actionItem.disabled}\n            suffixIcon={<ChevronDown />}\n          >\n            {actionItem.label}\n          </Button>\n        </DisabledTooltip>\n      )}\n    >\n      {subItems?.map((subItem, index) => (\n        <PopoverMenu.MenuItem\n          prefixIcon={subItem.prefixIcon}\n          disabled={subItem.disabled}\n          text={subItem.label}\n          key={index}\n          dataHook={subItem.dataHook}\n          onClick={() => {\n            toolbarBIReporter.ctaClicked({\n              ctaName: subItem.biName ?? '',\n              ctaIndex: actionItem.biIndex + index + 1,\n              moreActionsIndex: index + 1,\n              componentId: subItem.componentId,\n              appId: subItem.appId,\n              ...biParams,\n            });\n            subItem.onClick?.();\n          }}\n        />\n      ))}\n    </PopoverMenu>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAAqD,IAAAM,YAAA;AAG9C,SAASC,aAAaA,CAACC,KAG7B,EAAE;EACD,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEtC,MAAM;IAAEG;EAAkB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAE3D,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAiB,CAAC,GAAGN,UAAU;EAE3D,oBACER,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,WAAW,MAAAC,SAAA,CAAAH,OAAA,MACND,gBAAgB;IACpBF,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAGO,SAAU;IACvDC,cAAc,EAAEA,CAAC;MAAEC;IAAO,CAAC,kBACzBrB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAkB,eAAe;MACdC,OAAO,EAAEf,UAAU,CAACgB,OAAQ;MAC5BZ,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAGO,SAAU;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEvD7B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAgC,MAAM;MACLC,IAAI,EAAC,UAAU;MACfC,QAAQ,EAAC,WAAW;MACpBC,IAAI,EAAC,OAAO;MACZrB,QAAQ,EAAEJ,UAAU,CAACI,QAAS;MAC9BsB,OAAO,EAAEA,CAAA,KAAM;QACbb,MAAM,CAAC,CAAC;MACV,CAAE;MACFc,QAAQ;MACRC,UAAU,EAAE5B,UAAU,CAAC4B,UAAW;MAClCC,QAAQ,EAAE7B,UAAU,CAAC6B,QAAS;MAC9BC,UAAU,eAAEtC,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACd,iBAAA,CAAAqC,WAAW;QAAAd,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtB,YAAA;UAAAuB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE3BrB,UAAU,CAACgC,KACN,CACO,CACjB;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEDhB,QAAQ,oBAARA,QAAQ,CAAE4B,GAAG,CAAC,CAACC,OAAO,EAAEC,KAAK,kBAC5B3C,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,WAAW,CAAC2B,QAAQ;IACnBR,UAAU,EAAEM,OAAO,CAACN,UAAW;IAC/BC,QAAQ,EAAEK,OAAO,CAACL,QAAS;IAC3BQ,IAAI,EAAEH,OAAO,CAACF,KAAM;IACpBM,GAAG,EAAEH,KAAM;IACX/B,QAAQ,EAAE8B,OAAO,CAAC9B,QAAS;IAC3BsB,OAAO,EAAEA,CAAA,KAAM;MACbxB,iBAAiB,CAACqC,UAAU,CAAC;QAC3BC,OAAO,EAAEN,OAAO,CAACO,MAAM,IAAI,EAAE;QAC7BC,QAAQ,EAAE1C,UAAU,CAAC2C,OAAO,GAAGR,KAAK,GAAG,CAAC;QACxCS,gBAAgB,EAAET,KAAK,GAAG,CAAC;QAC3BU,WAAW,EAAEX,OAAO,CAACW,WAAW;QAChCC,KAAK,EAAEZ,OAAO,CAACY,KAAK;QACpB,GAAG7C;MACL,CAAC,CAAC;MACFiC,OAAO,CAACR,OAAO,YAAfQ,OAAO,CAACR,OAAO,CAAG,CAAC;IACrB,CAAE;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACF,CACU,CAAC;AAElB","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_wixUiIconsCommon","_DisabledTooltip","_jsxFileName","ActionPopover","props","actionItem","size","priority","dataHook","subItems","popoverMenuProps","default","createElement","PopoverMenu","_extends2","undefined","triggerElement","toggle","DisabledTooltip","content","tooltip","__self","__source","fileName","lineNumber","columnNumber","Button","skin","onClick","ellipsis","prefixIcon","disabled","suffixIcon","ChevronDown","label","map","subItem","index","MenuItem","text","key"],"sources":["../../../../src/components/ActionControl/ActionPopover.tsx"],"sourcesContent":["import { PopoverMenu, Button, ButtonProps } from '@wix/design-system';\nimport React from 'react';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nexport function ActionPopover(props: {\n  actionItem: ActionSubItemPrivate;\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n}) {\n  const { actionItem, size, priority } = props;\n  const { dataHook, subItems, popoverMenuProps } = actionItem;\n\n  return (\n    <PopoverMenu\n      {...popoverMenuProps}\n      dataHook={dataHook ? `${dataHook}-popover` : undefined}\n      triggerElement={({ toggle }) => (\n        <DisabledTooltip\n          content={actionItem.tooltip}\n          dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n        >\n          <Button\n            skin=\"standard\"\n            priority={priority}\n            size={size}\n            dataHook={actionItem.dataHook}\n            onClick={() => {\n              toggle();\n            }}\n            ellipsis\n            prefixIcon={actionItem.prefixIcon}\n            disabled={actionItem.disabled}\n            suffixIcon={<ChevronDown />}\n          >\n            {actionItem.label}\n          </Button>\n        </DisabledTooltip>\n      )}\n    >\n      {subItems?.map((subItem, index) => (\n        <PopoverMenu.MenuItem\n          prefixIcon={subItem.prefixIcon}\n          disabled={subItem.disabled}\n          text={subItem.label}\n          key={index}\n          dataHook={subItem.dataHook}\n          onClick={subItem.onClick}\n        />\n      ))}\n    </PopoverMenu>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAAI,gBAAA,GAAAJ,OAAA;AAAqD,IAAAK,YAAA;AAE9C,SAASC,aAAaA,CAACC,KAI7B,EAAE;EACD,MAAM;IAAEC,UAAU;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC5C,MAAM;IAAEI,QAAQ;IAAEC,QAAQ;IAAEC;EAAiB,CAAC,GAAGL,UAAU;EAE3D,oBACEP,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,WAAW,MAAAC,SAAA,CAAAH,OAAA,MACND,gBAAgB;IACpBF,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAGO,SAAU;IACvDC,cAAc,EAAEA,CAAC;MAAEC;IAAO,CAAC,kBACzBnB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,gBAAA,CAAAiB,eAAe;MACdC,OAAO,EAAEd,UAAU,CAACe,OAAQ;MAC5BZ,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAGO,SAAU;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEvD3B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAA8B,MAAM;MACLC,IAAI,EAAC,UAAU;MACfpB,QAAQ,EAAEA,QAAS;MACnBD,IAAI,EAAEA,IAAK;MACXE,QAAQ,EAAEH,UAAU,CAACG,QAAS;MAC9BoB,OAAO,EAAEA,CAAA,KAAM;QACbX,MAAM,CAAC,CAAC;MACV,CAAE;MACFY,QAAQ;MACRC,UAAU,EAAEzB,UAAU,CAACyB,UAAW;MAClCC,QAAQ,EAAE1B,UAAU,CAAC0B,QAAS;MAC9BC,UAAU,eAAElC,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAAiC,WAAW;QAAAZ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArB,YAAA;UAAAsB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE3BpB,UAAU,CAAC6B,KACN,CACO,CACjB;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEDhB,QAAQ,oBAARA,QAAQ,CAAE0B,GAAG,CAAC,CAACC,OAAO,EAAEC,KAAK,kBAC5BvC,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,WAAW,CAACyB,QAAQ;IACnBR,UAAU,EAAEM,OAAO,CAACN,UAAW;IAC/BC,QAAQ,EAAEK,OAAO,CAACL,QAAS;IAC3BQ,IAAI,EAAEH,OAAO,CAACF,KAAM;IACpBM,GAAG,EAAEH,KAAM;IACX7B,QAAQ,EAAE4B,OAAO,CAAC5B,QAAS;IAC3BoB,OAAO,EAAEQ,OAAO,CAACR,OAAQ;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACF,CACU,CAAC;AAElB","ignoreList":[]}

package/dist/cjs/components/ActionControl/ActionSubItemProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/ActionControl/ActionSubItemProps.tsx"],"sourcesContent":["import { IconElement, PopoverMenuProps } from '@wix/design-system';\n\nexport type ActionSubitem = {\n  /**\n   * A callback that runs each time the button is clicked.\n   */\n  onClick?: any;\n  /*\n   * Button label.\n   */\n  label?: string;\n  /*\n   * An optional Icon prefix.\n   */\n  prefixIcon?: IconElement;\n  /*\n   * An optional tooltip.\n   */\n  tooltip?: string;\n  /*\n   * An optional disabled flag.\n   * */\n  disabled?: boolean;\n  /*\n   *  A data-hook for the button.\n   */\n  dataHook?: string;\n  /*\n   * A unique name for CTAClick bi event. For example: 'edit'.\n   */\n  biName?: string;\n  /*\n   * Array of action items to render in a popover menu.\n   */\n  subItems?: ActionSubitem[];\n  /*\n   * Custom [PopoverMenuProps](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) to pass to the sub-items popover menu\n   */\n  popoverMenuProps?: Partial<PopoverMenuProps>;\n};\n\nexport type MultiBulkActionSubItem = ActionSubitem;\n\nexport type ActionSubItemPrivate = Omit<ActionSubitem, 'subItems'> & {\n  biIndex: number;\n  subItems?: (ActionSubitem & {\n    componentId?: string;\n    appId?: string;\n  })[];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/ActionControl/ActionSubItemProps.tsx"],"sourcesContent":["import { IconElement, PopoverMenuProps } from '@wix/design-system';\n\nexport type ActionSubitem = {\n  /**\n   * A callback that runs each time the button is clicked.\n   */\n  onClick?: any;\n  /*\n   * Button label.\n   */\n  label?: string;\n  /*\n   * An optional Icon prefix.\n   */\n  prefixIcon?: IconElement;\n  /*\n   * An optional tooltip.\n   */\n  tooltip?: string;\n  /*\n   * An optional disabled flag.\n   * */\n  disabled?: boolean;\n  /*\n   *  A data-hook for the button.\n   */\n  dataHook?: string;\n  /*\n   * A unique name for CTAClick bi event. For example: 'edit'.\n   */\n  biName?: string;\n  /*\n   * Array of action items to render in a popover menu.\n   */\n  subItems?: ActionSubitem[];\n  /*\n   * Custom [PopoverMenuProps](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) to pass to the sub-items popover menu\n   */\n  popoverMenuProps?: Partial<PopoverMenuProps>;\n};\n\nexport type MultiBulkActionSubItem = ActionSubitem;\n\nexport type ActionSubItemPrivate = Omit<ActionSubitem, 'subItems'> & {\n  subItems?: (ActionSubitem & {\n    componentId?: string;\n    appId?: string;\n  })[];\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/Collapse/Collapse.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Collapse182990317";
+var _namespace_ = "Collapse2006697595";
 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": "Collapse182990317__root",
-  "exit": "Collapse182990317__exit"
+  "root": "Collapse2006697595__root",
+  "exit": "Collapse2006697595__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.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/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse182990317\";\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\":\"Collapse182990317__root\",\"exit\":\"Collapse182990317__exit\"};\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,mBAAmB;AACrC,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,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,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/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse2006697595\";\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\":\"Collapse2006697595__root\",\"exit\":\"Collapse2006697595__exit\"};\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,oBAAoB;AACtC,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,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/components/CollectionPageHeaderNew/CollectionPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_CollectionPage","require","CollectionPageHeader","_props","useCollectionPageHeader","displayName"],"sources":["../../../../src/components/CollectionPageHeaderNew/CollectionPageHeader.tsx"],"sourcesContent":["import { Breadcrumbs, BreadcrumbsProps } from '@wix/design-system';\nimport { ReactElement } from 'react';\nimport { useCollectionPageHeader } from '../../state/CollectionPage';\nimport { MoreActionsElement } from '../MoreActions';\nimport { PrimaryPageButtonElement } from '../PrimaryPageButton';\nimport { PageSubTitleProps } from '../PageSubTitle';\n\nexport type BreadcrumbsElement = ReactElement<\n  BreadcrumbsProps,\n  typeof Breadcrumbs\n>;\n\nexport interface CollectionPageHeaderProps {\n  /**\n   * A [`Breadcrumbs`](https://www.docs.wixdesignsystem.com/?path=/story/components-navigation--breadcrumbs) element to be rendered on the header.\n   * @external\n   */\n  breadcrumbs?: BreadcrumbsElement;\n\n  /**\n   * `text`: The title text. \\\n   * `hideTotal`: Determines whether to hide the number of total entities on the title of the page.\n   * @external\n   */\n  title: { text: string; hideTotal?: boolean };\n\n  /**\n   * The page subtitle text.\n   * @external\n   */\n  subtitle?: PageSubTitleProps;\n\n  /**\n   * A [`PrimaryPageButton`](./?path=story/components-page-primarypagebutton--primarypagebutton) component to be rendered on the header.\n   * @external\n   */\n  primaryAction?: PrimaryPageButtonElement;\n\n  /**\n   * A [`MoreActions`](./?path=/story/features-actions-more-actions--more-actions) component to be rendered on the header.\n   * @external\n   */\n  moreActions?: MoreActionsElement;\n}\n\nexport type CollectionPageHeaderElement = ReactElement<\n  CollectionPageHeaderProps,\n  typeof CollectionPageHeader\n>;\n\nexport function CollectionPageHeader(_props: CollectionPageHeaderProps) {\n  return null;\n}\n\nCollectionPageHeader.useCollectionPageHeader = useCollectionPageHeader;\nCollectionPageHeader.displayName = 'CollectionPageHeader';\n"],"mappings":";;;;AAEA,IAAAA,eAAA,GAAAC,OAAA;AAgDO,SAASC,oBAAoBA,CAACC,MAAiC,EAAE;EACtE,OAAO,IAAI;AACb;AAEAD,oBAAoB,CAACE,uBAAuB,GAAGA,uCAAuB;AACtEF,oBAAoB,CAACG,WAAW,GAAG,sBAAsB","ignoreList":[]}
+{"version":3,"names":["_CollectionPage","require","CollectionPageHeader","_props","useCollectionPageHeader","displayName"],"sources":["../../../../src/components/CollectionPageHeaderNew/CollectionPageHeader.tsx"],"sourcesContent":["import { Breadcrumbs, BreadcrumbsProps } from '@wix/design-system';\nimport { ReactElement } from 'react';\nimport { useCollectionPageHeader } from '../../state/CollectionPage';\nimport { MoreActionsElement } from '../MoreActions';\nimport { PageSubTitleProps } from '../PageSubTitle';\nimport { SecondaryActionsElement } from '../SecondaryActions';\nimport { PrimaryActionsElement } from '../PrimaryActions';\n\nexport type BreadcrumbsElement = ReactElement<\n  BreadcrumbsProps,\n  typeof Breadcrumbs\n>;\n\nexport interface CollectionPageHeaderProps {\n  /**\n   * A [`Breadcrumbs`](https://www.docs.wixdesignsystem.com/?path=/story/components-navigation--breadcrumbs) element to be rendered on the header.\n   * @external\n   */\n  breadcrumbs?: BreadcrumbsElement;\n\n  /**\n   * `text`: The title text. \\\n   * `hideTotal`: Determines whether to hide the number of total entities on the title of the page.\n   * @external\n   */\n  title: { text: string; hideTotal?: boolean };\n\n  /**\n   * The page subtitle text.\n   * @external\n   */\n  subtitle?: PageSubTitleProps;\n\n  /**\n   * A [`PrimaryActionsElement`] A primary button w/o PopoverMenu component to be rendered in the header.\n   * @external\n   */\n  primaryAction?: PrimaryActionsElement;\n\n  /**\n   * A [`SecondaryActionsElement`] A Secodary button w/o PopoverMenu component to be rendered on the header.\n   * @external\n   */\n  secondaryActions?: SecondaryActionsElement;\n\n  /**\n   * A [`MoreActions`](./?path=/story/features-actions-more-actions--more-actions) component to be rendered on the header.\n   * @external\n   */\n  moreActions?: MoreActionsElement;\n}\n\nexport type CollectionPageHeaderElement = ReactElement<\n  CollectionPageHeaderProps,\n  typeof CollectionPageHeader\n>;\n\nexport function CollectionPageHeader(_props: CollectionPageHeaderProps) {\n  return null;\n}\n\nCollectionPageHeader.useCollectionPageHeader = useCollectionPageHeader;\nCollectionPageHeader.displayName = 'CollectionPageHeader';\n"],"mappings":";;;;AAEA,IAAAA,eAAA,GAAAC,OAAA;AAuDO,SAASC,oBAAoBA,CAACC,MAAiC,EAAE;EACtE,OAAO,IAAI;AACb;AAEAD,oBAAoB,CAACE,uBAAuB,GAAGA,uCAAuB;AACtEF,oBAAoB,CAACG,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/dist/cjs/components/CollectionPageNew/CollectionPage.uni.driver.js

@@ -9,10 +9,26 @@ var _PageSubTitleUni = _interopRequireDefault(require("../PageSubTitle/PageSubTi
 var _default = (base, body) => {
   const moreActionsPopoverDriver = dataHook => (0, _unidriver2.PopoverMenuUniDriver)(base.$(`[data-hook="${dataHook}"]`), body);
   return {
-    /** Returns primary action button driver */
+    /**
+     * @deprecated Use `getPrimaryActions` instead. Works with `PrimaryActions` component.
+     * Returns primary action button driver
+     */
     getPrimaryAction: dataHook => (0, _unidriver2.ButtonUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
-    getMoreActions: dataHook => ({
+    /** Returns secondary actions drivers */
+    getPrimaryActions: (dataHook = 'primary-actions') => ({
+      getButton: () => (0, _unidriver2.ButtonUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
+      getPopover: () => (0, _unidriver2.PopoverMenuUniDriver)(base.$(`[data-hook="${dataHook}-popover"]`), body)
+    }),
+    /** Returns secondary actions drivers */
+    getSecondaryActions: (dataHook = 'secondary-actions') => ({
+      getButton: () => (0, _unidriver2.ButtonUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
+      getPopover: () => (0, _unidriver2.PopoverMenuUniDriver)(base.$(`[data-hook="${dataHook}-popover"]`), body)
+    }),
+    /** Returns more actions button driver */
+    getMoreActions: (dataHook = 'more-actions') => ({
       exists: () => moreActionsPopoverDriver(dataHook).exists(),
+      /** Gets trigger element of more Actions */
+      getTriggerElement: () => moreActionsPopoverDriver(dataHook).getTriggerElement('more-actions-popover-button'),
       /** Opens the more actions popover */
       open: () => moreActionsPopoverDriver(dataHook).getTriggerElement('more-actions-popover-button').click(),
       /** Indicates whether the more actions popover is open */

package/dist/cjs/components/CollectionPageNew/CollectionPage.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_PageSubTitleUni","_interopRequireDefault","_default","base","body","moreActionsPopoverDriver","dataHook","PopoverMenuUniDriver","$","getPrimaryAction","ButtonUniDriver","getMoreActions","exists","open","getTriggerElement","click","isOpen","isMenuOpen","clickAtChildByDataHook","childDataHook","clickAtChildByIndex","index","clickAtChild","childContentAt","itemContentAt","childrenCount","getPageHeader","PageHeaderUniDriver","subTitleDriver","SubTitleUniDriver","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  PageHeaderUniDriver,\n  ButtonUniDriver,\n  PopoverMenuUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport SubTitleUniDriver from '../PageSubTitle/PageSubTitle.uni.driver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const moreActionsPopoverDriver = (dataHook: string) =>\n    PopoverMenuUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  return {\n    /** Returns primary action button driver */\n    getPrimaryAction: (dataHook: string) =>\n      ButtonUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n\n    getMoreActions: (dataHook: string) => ({\n      exists: () => moreActionsPopoverDriver(dataHook).exists(),\n\n      /** Opens the more actions popover */\n      open: () =>\n        moreActionsPopoverDriver(dataHook)\n          .getTriggerElement('more-actions-popover-button')\n          .click(),\n      /** Indicates whether the more actions popover is open */\n      isOpen: () => moreActionsPopoverDriver(dataHook).isMenuOpen(),\n\n      /** Clicks at child by data-hook */\n      clickAtChildByDataHook: (childDataHook: string) =>\n        moreActionsPopoverDriver(dataHook).clickAtChildByDataHook(\n          childDataHook,\n        ),\n\n      /** Clicks at child by index */\n      clickAtChildByIndex: (index: number) =>\n        moreActionsPopoverDriver(dataHook).clickAtChild(index),\n\n      /** Gets content at index */\n      childContentAt: (index: number) =>\n        moreActionsPopoverDriver(dataHook).itemContentAt(index),\n\n      /** Gets children count */\n      childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount(),\n    }),\n\n    getPageHeader: () =>\n      PageHeaderUniDriver(base.$(`[data-hook=\"collection-page-header\"]`), body),\n\n    subTitleDriver: SubTitleUniDriver(base, body),\n\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAwE,IAAAI,QAAA,GAEzDA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,MAAMC,wBAAwB,GAAIC,QAAgB,IAChD,IAAAC,gCAAoB,EAACJ,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;EAEjE,OAAO;IACL;IACAK,gBAAgB,EAAGH,QAAgB,IACjC,IAAAI,2BAAe,EAACP,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;IAE5DO,cAAc,EAAGL,QAAgB,KAAM;MACrCM,MAAM,EAAEA,CAAA,KAAMP,wBAAwB,CAACC,QAAQ,CAAC,CAACM,MAAM,CAAC,CAAC;MAEzD;MACAC,IAAI,EAAEA,CAAA,KACJR,wBAAwB,CAACC,QAAQ,CAAC,CAC/BQ,iBAAiB,CAAC,6BAA6B,CAAC,CAChDC,KAAK,CAAC,CAAC;MACZ;MACAC,MAAM,EAAEA,CAAA,KAAMX,wBAAwB,CAACC,QAAQ,CAAC,CAACW,UAAU,CAAC,CAAC;MAE7D;MACAC,sBAAsB,EAAGC,aAAqB,IAC5Cd,wBAAwB,CAACC,QAAQ,CAAC,CAACY,sBAAsB,CACvDC,aACF,CAAC;MAEH;MACAC,mBAAmB,EAAGC,KAAa,IACjChB,wBAAwB,CAACC,QAAQ,CAAC,CAACgB,YAAY,CAACD,KAAK,CAAC;MAExD;MACAE,cAAc,EAAGF,KAAa,IAC5BhB,wBAAwB,CAACC,QAAQ,CAAC,CAACkB,aAAa,CAACH,KAAK,CAAC;MAEzD;MACAI,aAAa,EAAEA,CAAA,KAAMpB,wBAAwB,CAACC,QAAQ,CAAC,CAACmB,aAAa,CAAC;IACxE,CAAC,CAAC;IAEFC,aAAa,EAAEA,CAAA,KACb,IAAAC,+BAAmB,EAACxB,IAAI,CAACK,CAAC,CAAC,sCAAsC,CAAC,EAAEJ,IAAI,CAAC;IAE3EwB,cAAc,EAAE,IAAAC,wBAAiB,EAAC1B,IAAI,EAAEC,IAAI,CAAC;IAE7C,GAAG,IAAA0B,+BAAoB,EAAC3B,IAAI;EAC9B,CAAC;AACH,CAAC;AAAA4B,OAAA,CAAAC,OAAA,GAAA9B,QAAA","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_PageSubTitleUni","_interopRequireDefault","_default","base","body","moreActionsPopoverDriver","dataHook","PopoverMenuUniDriver","$","getPrimaryAction","ButtonUniDriver","getPrimaryActions","getButton","getPopover","getSecondaryActions","getMoreActions","exists","getTriggerElement","open","click","isOpen","isMenuOpen","clickAtChildByDataHook","childDataHook","clickAtChildByIndex","index","clickAtChild","childContentAt","itemContentAt","childrenCount","getPageHeader","PageHeaderUniDriver","subTitleDriver","SubTitleUniDriver","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  PageHeaderUniDriver,\n  ButtonUniDriver,\n  PopoverMenuUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport SubTitleUniDriver from '../PageSubTitle/PageSubTitle.uni.driver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const moreActionsPopoverDriver = (dataHook: string) =>\n    PopoverMenuUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  return {\n    /**\n     * @deprecated Use `getPrimaryActions` instead. Works with `PrimaryActions` component.\n     * Returns primary action button driver\n     */\n    getPrimaryAction: (dataHook: string) =>\n      ButtonUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n\n    /** Returns secondary actions drivers */\n    getPrimaryActions: (dataHook = 'primary-actions') => ({\n      getButton: () =>\n        ButtonUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n      getPopover: () =>\n        PopoverMenuUniDriver(base.$(`[data-hook=\"${dataHook}-popover\"]`), body),\n    }),\n\n    /** Returns secondary actions drivers */\n    getSecondaryActions: (dataHook = 'secondary-actions') => ({\n      getButton: () =>\n        ButtonUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n      getPopover: () =>\n        PopoverMenuUniDriver(base.$(`[data-hook=\"${dataHook}-popover\"]`), body),\n    }),\n\n    /** Returns more actions button driver */\n    getMoreActions: (dataHook = 'more-actions') => ({\n      exists: () => moreActionsPopoverDriver(dataHook).exists(),\n\n      /** Gets trigger element of more Actions */\n      getTriggerElement: () =>\n        moreActionsPopoverDriver(dataHook).getTriggerElement(\n          'more-actions-popover-button',\n        ),\n\n      /** Opens the more actions popover */\n      open: () =>\n        moreActionsPopoverDriver(dataHook)\n          .getTriggerElement('more-actions-popover-button')\n          .click(),\n\n      /** Indicates whether the more actions popover is open */\n      isOpen: () => moreActionsPopoverDriver(dataHook).isMenuOpen(),\n\n      /** Clicks at child by data-hook */\n      clickAtChildByDataHook: (childDataHook: string) =>\n        moreActionsPopoverDriver(dataHook).clickAtChildByDataHook(\n          childDataHook,\n        ),\n\n      /** Clicks at child by index */\n      clickAtChildByIndex: (index: number) =>\n        moreActionsPopoverDriver(dataHook).clickAtChild(index),\n\n      /** Gets content at index */\n      childContentAt: (index: number) =>\n        moreActionsPopoverDriver(dataHook).itemContentAt(index),\n\n      /** Gets children count */\n      childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount(),\n    }),\n\n    getPageHeader: () =>\n      PageHeaderUniDriver(base.$(`[data-hook=\"collection-page-header\"]`), body),\n\n    subTitleDriver: SubTitleUniDriver(base, body),\n\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAwE,IAAAI,QAAA,GAEzDA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,MAAMC,wBAAwB,GAAIC,QAAgB,IAChD,IAAAC,gCAAoB,EAACJ,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;EAEjE,OAAO;IACL;AACJ;AACA;AACA;IACIK,gBAAgB,EAAGH,QAAgB,IACjC,IAAAI,2BAAe,EAACP,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;IAE5D;IACAO,iBAAiB,EAAEA,CAACL,QAAQ,GAAG,iBAAiB,MAAM;MACpDM,SAAS,EAAEA,CAAA,KACT,IAAAF,2BAAe,EAACP,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;MAC5DS,UAAU,EAAEA,CAAA,KACV,IAAAN,gCAAoB,EAACJ,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,YAAY,CAAC,EAAEF,IAAI;IAC1E,CAAC,CAAC;IAEF;IACAU,mBAAmB,EAAEA,CAACR,QAAQ,GAAG,mBAAmB,MAAM;MACxDM,SAAS,EAAEA,CAAA,KACT,IAAAF,2BAAe,EAACP,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;MAC5DS,UAAU,EAAEA,CAAA,KACV,IAAAN,gCAAoB,EAACJ,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,YAAY,CAAC,EAAEF,IAAI;IAC1E,CAAC,CAAC;IAEF;IACAW,cAAc,EAAEA,CAACT,QAAQ,GAAG,cAAc,MAAM;MAC9CU,MAAM,EAAEA,CAAA,KAAMX,wBAAwB,CAACC,QAAQ,CAAC,CAACU,MAAM,CAAC,CAAC;MAEzD;MACAC,iBAAiB,EAAEA,CAAA,KACjBZ,wBAAwB,CAACC,QAAQ,CAAC,CAACW,iBAAiB,CAClD,6BACF,CAAC;MAEH;MACAC,IAAI,EAAEA,CAAA,KACJb,wBAAwB,CAACC,QAAQ,CAAC,CAC/BW,iBAAiB,CAAC,6BAA6B,CAAC,CAChDE,KAAK,CAAC,CAAC;MAEZ;MACAC,MAAM,EAAEA,CAAA,KAAMf,wBAAwB,CAACC,QAAQ,CAAC,CAACe,UAAU,CAAC,CAAC;MAE7D;MACAC,sBAAsB,EAAGC,aAAqB,IAC5ClB,wBAAwB,CAACC,QAAQ,CAAC,CAACgB,sBAAsB,CACvDC,aACF,CAAC;MAEH;MACAC,mBAAmB,EAAGC,KAAa,IACjCpB,wBAAwB,CAACC,QAAQ,CAAC,CAACoB,YAAY,CAACD,KAAK,CAAC;MAExD;MACAE,cAAc,EAAGF,KAAa,IAC5BpB,wBAAwB,CAACC,QAAQ,CAAC,CAACsB,aAAa,CAACH,KAAK,CAAC;MAEzD;MACAI,aAAa,EAAEA,CAAA,KAAMxB,wBAAwB,CAACC,QAAQ,CAAC,CAACuB,aAAa,CAAC;IACxE,CAAC,CAAC;IAEFC,aAAa,EAAEA,CAAA,KACb,IAAAC,+BAAmB,EAAC5B,IAAI,CAACK,CAAC,CAAC,sCAAsC,CAAC,EAAEJ,IAAI,CAAC;IAE3E4B,cAAc,EAAE,IAAAC,wBAAiB,EAAC9B,IAAI,EAAEC,IAAI,CAAC;IAE7C,GAAG,IAAA8B,+BAAoB,EAAC/B,IAAI;EAC9B,CAAC;AACH,CAAC;AAAAgC,OAAA,CAAAC,OAAA,GAAAlC,QAAA","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTable.uni.driver.js

@@ -47,6 +47,12 @@ const CollectionTableUniDriver = (base, body) => {
   const setAsDefaultViewActionClick = () => toolbar.getViewsDropdown().setAsDefaultViewActionClick();
   const getReorderModeToolbar = () => (0, _ReorderModeToolbarUni.ReorderModeToolbarUniDriver)(base.$('[data-hook="reorder-mode-toolbar"]'), body);
   const getSummaryBar = () => (0, _SummaryBarUni.SummaryBarUniDriver)(base, body);
+  const loadingRowExists = async () => {
+    return base.$('[data-hook="table-loading-row"]').exists();
+  };
+  const _loadingRowWithAnimationExists = async () => {
+    return base.$('[data-hook="loading-row-lottie"]').exists();
+  };
   return {
     ...toolbar,
     ...table,
@@ -235,10 +241,11 @@ const CollectionTableUniDriver = (base, body) => {
     getStickyColumnsCount: () => base.$('thead').$$(`[data-sticky="true"]`).count(),
     isHorizontalScroll: async () => Array.from(await tableContentBase()._prop('classList')).some(c => c.includes('tableBodyScrollContent')),
     getReorderModeToolbar,
-    /**
-     * Gets collection summary bar
-     */
+    /* Gets collection summary bar */
     getSummaryBar,
+    /* Checks if loading row exists */
+    loadingRowExists,
+    _loadingRowWithAnimationExists,
     _getInfoIconTooltipPopoverAt: colNum => (0, _unidriver2.PopoverUniDriver)(base.$('thead').$$(`th`).get(colNum).$('[data-hook="infoicon-tooltip"]'), body)
   };
 };