@wix/patterns 1.161.0 → 1.162.0

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

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ActionControlUniDriver = void 0;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+const ActionControlUniDriver = (base, body) => {
+  const getActionControl = dataHook => {
+    return {
+      getButton: () => (0, _unidriver.ButtonUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
+      getPopover: () => {
+        const popover = (0, _unidriver.PopoverMenuUniDriver)(base.$(`[data-hook="${dataHook}-popover"]`), body);
+        return {
+          ...popover,
+          open: () => popover.getTriggerElement(dataHook).click(),
+          getTriggerElement() {
+            return popover.getTriggerElement(dataHook);
+          }
+        };
+      }
+    };
+  };
+  return {
+    getActionControl
+  };
+};
+exports.ActionControlUniDriver = ActionControlUniDriver;
+//# sourceMappingURL=ActionControl.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","ActionControlUniDriver","base","body","getActionControl","dataHook","getButton","ButtonUniDriver","$","getPopover","popover","PopoverMenuUniDriver","open","getTriggerElement","click","exports"],"sources":["../../../../src/components/ActionControl/ActionControl.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  ButtonUniDriver,\n  PopoverMenuUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport const ActionControlUniDriver = (base: UniDriver, body: UniDriver) => {\n  const getActionControl = (dataHook: string) => {\n    return {\n      getButton: () =>\n        ButtonUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n      getPopover: () => {\n        const popover = PopoverMenuUniDriver(\n          base.$(`[data-hook=\"${dataHook}-popover\"]`),\n          body,\n        );\n        return {\n          ...popover,\n          open: () => popover.getTriggerElement(dataHook).click(),\n          getTriggerElement() {\n            return popover.getTriggerElement(dataHook);\n          },\n        };\n      },\n    };\n  };\n  return {\n    getActionControl,\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAKO,MAAMC,sBAAsB,GAAGA,CAACC,IAAe,EAAEC,IAAe,KAAK;EAC1E,MAAMC,gBAAgB,GAAIC,QAAgB,IAAK;IAC7C,OAAO;MACLC,SAAS,EAAEA,CAAA,KACT,IAAAC,0BAAe,EAACL,IAAI,CAACM,CAAC,CAAC,eAAeH,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;MAC5DM,UAAU,EAAEA,CAAA,KAAM;QAChB,MAAMC,OAAO,GAAG,IAAAC,+BAAoB,EAClCT,IAAI,CAACM,CAAC,CAAC,eAAeH,QAAQ,YAAY,CAAC,EAC3CF,IACF,CAAC;QACD,OAAO;UACL,GAAGO,OAAO;UACVE,IAAI,EAAEA,CAAA,KAAMF,OAAO,CAACG,iBAAiB,CAACR,QAAQ,CAAC,CAACS,KAAK,CAAC,CAAC;UACvDD,iBAAiBA,CAAA,EAAG;YAClB,OAAOH,OAAO,CAACG,iBAAiB,CAACR,QAAQ,CAAC;UAC5C;QACF,CAAC;MACH;IACF,CAAC;EACH,CAAC;EACD,OAAO;IACLD;EACF,CAAC;AACH,CAAC;AAACW,OAAA,CAAAd,sBAAA,GAAAA,sBAAA","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_ = "Collapse3396991173";
+var _namespace_ = "Collapse2506020103";
 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": "Collapse3396991173__root",
-  "exit": "Collapse3396991173__exit"
+  "root": "Collapse2506020103__root",
+  "exit": "Collapse2506020103__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_ = \"Collapse3396991173\";\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\":\"Collapse3396991173__root\",\"exit\":\"Collapse3396991173__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":[]}
+{"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_ = \"Collapse2506020103\";\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\":\"Collapse2506020103__root\",\"exit\":\"Collapse2506020103__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 { 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   * @overrideType [Breadcrumbs](https://www.docs.wixdesignsystem.com/?path=/story/components-navigation--breadcrumbs)\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 [`PrimaryActions`](./?path=/story/wip-primaryactions--primaryactions) component to be rendered on the header.\n   * A primary button w/o PopoverMenu component to be rendered in the header.\n   * @overrideType [PrimaryActions](./?path=/story/wip-primaryactions--primaryactions)\n   * @external\n   */\n  primaryAction?: PrimaryActionsElement;\n\n  /**\n   * A [`SecondaryActions`](./?path=/story/wip-secondaryactions--secondaryactions) component to be rendered on the header.\n   * A Secodary button w/o PopoverMenu component to be rendered on the header\n   * @overrideType [SecondaryActions](./?path=/story/wip-secondaryactions--secondaryactions)\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   * @overrideType [MoreActions](./?path=/story/features-actions-more-actions--more-actions)\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;AA6DO,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   * @overrideType [Breadcrumbs](https://www.docs.wixdesignsystem.com/?path=/story/components-navigation--breadcrumbs)\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 [`PrimaryActions`](./?path=/story/wip-primaryactions--primaryactions) component to be rendered on the header.\n   * A primary button w/o PopoverMenu component to be rendered in the header.\n   * @overrideType [PrimaryActions](./?path=/story/wip-primaryactions--primaryactions)\n   * @external\n   */\n  primaryAction?: PrimaryActionsElement;\n\n  /**\n   * A [`SecondaryActions`](./?path=/story/wip-secondaryactions--secondaryactions) component to be rendered on the header.\n   * A Secondary button w/o PopoverMenu component to be rendered on the header\n   * @overrideType [SecondaryActions](./?path=/story/wip-secondaryactions--secondaryactions)\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   * @overrideType [MoreActions](./?path=/story/features-actions-more-actions--more-actions)\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;AA6DO,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

@@ -6,42 +6,21 @@ exports.default = void 0;
 var _unidriver = require("../../unidriver");
 var _unidriver2 = require("@wix/design-system/dist/testkit/unidriver");
 var _PageSubTitleUni = _interopRequireDefault(require("../PageSubTitle/PageSubTitle.uni.driver"));
+var _MoreActionsUni = require("../MoreActions/MoreActions.uni.driver");
+var _ActionControlUni = require("../ActionControl/ActionControl.uni.driver");
 var _default = (base, body) => {
-  const moreActionsPopoverDriver = dataHook => (0, _unidriver2.PopoverMenuUniDriver)(base.$(`[data-hook="${dataHook}"]`), body);
   return {
     /**
      * @deprecated Use `getPrimaryActions` instead. Works with `PrimaryActions` component.
      * Returns primary action button driver
      */
     getPrimaryAction: dataHook => (0, _unidriver2.ButtonUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
+    /** Returns primary actions drivers */
+    getPrimaryActions: (dataHook = 'primary-actions') => (0, _ActionControlUni.ActionControlUniDriver)(base, body).getActionControl(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)
-    }),
+    getSecondaryActions: (dataHook = 'secondary-actions') => (0, _ActionControlUni.ActionControlUniDriver)(base, body).getActionControl(dataHook),
     /** 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 */
-      isOpen: () => moreActionsPopoverDriver(dataHook).isMenuOpen(),
-      /** Clicks at child by data-hook */
-      clickAtChildByDataHook: childDataHook => moreActionsPopoverDriver(dataHook).clickAtChildByDataHook(childDataHook),
-      /** Clicks at child by index */
-      clickAtChildByIndex: index => moreActionsPopoverDriver(dataHook).clickAtChild(index),
-      /** Gets content at index */
-      childContentAt: index => moreActionsPopoverDriver(dataHook).itemContentAt(index),
-      /** Gets children count */
-      childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount()
-    }),
+    getMoreActions: (dataHook = 'more-actions') => (0, _MoreActionsUni.MoreActionsUniDriver)(base, body).getMoreActions(dataHook),
     getPageHeader: () => (0, _unidriver2.PageHeaderUniDriver)(base.$(`[data-hook="collection-page-header"]`), body),
     getTotal: async () => Number(await base.$('[data-hook="page-header-total-count"]').text()),
     subTitleDriver: (0, _PageSubTitleUni.default)(base, body),

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","getPrimaryActions","getButton","getPopover","getSecondaryActions","getMoreActions","exists","getTriggerElement","open","click","isOpen","isMenuOpen","clickAtChildByDataHook","childDataHook","clickAtChildByIndex","index","clickAtChild","childContentAt","itemContentAt","childrenCount","getPageHeader","PageHeaderUniDriver","getTotal","Number","text","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    getTotal: async () =>\n      Number(await base.$('[data-hook=\"page-header-total-count\"]').text()),\n\n    subTitleDriver: SubTitleUniDriver(base, body),\n\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_PageSubTitleUni","_interopRequireDefault","_MoreActionsUni","_ActionControlUni","_default","base","body","getPrimaryAction","dataHook","ButtonUniDriver","$","getPrimaryActions","ActionControlUniDriver","getActionControl","getSecondaryActions","getMoreActions","MoreActionsUniDriver","getPageHeader","PageHeaderUniDriver","getTotal","Number","text","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} from '@wix/design-system/dist/testkit/unidriver';\nimport SubTitleUniDriver from '../PageSubTitle/PageSubTitle.uni.driver';\nimport { MoreActionsUniDriver } from '../MoreActions/MoreActions.uni.driver';\nimport { ActionControlUniDriver } from '../ActionControl/ActionControl.uni.driver';\n\nexport default (base: UniDriver, body: UniDriver) => {\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 primary actions drivers */\n    getPrimaryActions: (dataHook = 'primary-actions') =>\n      ActionControlUniDriver(base, body).getActionControl(dataHook),\n\n    /** Returns secondary actions drivers */\n    getSecondaryActions: (dataHook = 'secondary-actions') =>\n      ActionControlUniDriver(base, body).getActionControl(dataHook),\n\n    /** Returns more actions button driver */\n    getMoreActions: (dataHook: string = 'more-actions') =>\n      MoreActionsUniDriver(base, body).getMoreActions(dataHook),\n\n    getPageHeader: () =>\n      PageHeaderUniDriver(base.$(`[data-hook=\"collection-page-header\"]`), body),\n\n    getTotal: async () =>\n      Number(await base.$('[data-hook=\"page-header-total-count\"]').text()),\n\n    subTitleDriver: SubTitleUniDriver(base, body),\n\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AAAmF,IAAAM,QAAA,GAEpEA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,OAAO;IACL;AACJ;AACA;AACA;IACIC,gBAAgB,EAAGC,QAAgB,IACjC,IAAAC,2BAAe,EAACJ,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;IAE5D;IACAK,iBAAiB,EAAEA,CAACH,QAAQ,GAAG,iBAAiB,KAC9C,IAAAI,wCAAsB,EAACP,IAAI,EAAEC,IAAI,CAAC,CAACO,gBAAgB,CAACL,QAAQ,CAAC;IAE/D;IACAM,mBAAmB,EAAEA,CAACN,QAAQ,GAAG,mBAAmB,KAClD,IAAAI,wCAAsB,EAACP,IAAI,EAAEC,IAAI,CAAC,CAACO,gBAAgB,CAACL,QAAQ,CAAC;IAE/D;IACAO,cAAc,EAAEA,CAACP,QAAgB,GAAG,cAAc,KAChD,IAAAQ,oCAAoB,EAACX,IAAI,EAAEC,IAAI,CAAC,CAACS,cAAc,CAACP,QAAQ,CAAC;IAE3DS,aAAa,EAAEA,CAAA,KACb,IAAAC,+BAAmB,EAACb,IAAI,CAACK,CAAC,CAAC,sCAAsC,CAAC,EAAEJ,IAAI,CAAC;IAE3Ea,QAAQ,EAAE,MAAAA,CAAA,KACRC,MAAM,CAAC,MAAMf,IAAI,CAACK,CAAC,CAAC,uCAAuC,CAAC,CAACW,IAAI,CAAC,CAAC,CAAC;IAEtEC,cAAc,EAAE,IAAAC,wBAAiB,EAAClB,IAAI,EAAEC,IAAI,CAAC;IAE7C,GAAG,IAAAkB,+BAAoB,EAACnB,IAAI;EAC9B,CAAC;AACH,CAAC;AAAAoB,OAAA,CAAAC,OAAA,GAAAtB,QAAA","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.js

@@ -48,7 +48,9 @@ function _CollectionTableWSRTable(props) {
     hideBulkSelectionCheckbox,
     columns,
     primaryActionButton,
-    onSelectionChanged
+    secondaryActions,
+    onSelectionChanged,
+    moreActions
   } = props;
   const {
     toolbar,
@@ -95,7 +97,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 161,
+      lineNumber: 163,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, props, {
@@ -127,7 +129,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
+      lineNumber: 167,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionToolbars.CollectionToolbars, {
@@ -151,7 +153,7 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 223,
+        lineNumber: 225,
         columnNumber: 33
       }
     }), !hideTitleBar && /*#__PURE__*/_react.default.createElement("div", {
@@ -162,14 +164,14 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 225,
+        lineNumber: 227,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Titlebar, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 229,
+        lineNumber: 231,
         columnNumber: 19
       }
     }))),
@@ -177,10 +179,12 @@ function _CollectionTableWSRTable(props) {
     exportButton: exportButton,
     tags: tags,
     primaryActionButton: primaryActionButton,
+    secondaryActions: secondaryActions,
+    moreActions: moreActions,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 202,
+      lineNumber: 204,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
@@ -188,7 +192,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 239,
+      lineNumber: 243,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -200,7 +204,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 240,
+      lineNumber: 244,
       columnNumber: 11
     }
   }, children))));

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionTableWSRTable","props","_toolbar$container$in","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","topNotification","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","onSelectionChanged","toolbar","tableState","table","keyedItems","bulk","collection","toolbarCollection","initTask","result","size","showRefreshLoader","showErrorState","showEmptyState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","url","window","location","href","Table","WSRTable","tableSkeletonEnabled","container","internalExperiments","enabled","hideTitleBar","showLoadingState","status","isError","showBorderBox","createElement","className","st","classes","fullHeight","column","__self","__source","fileName","lineNumber","columnNumber","_extends2","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","query","originQuery","titleBar","Fragment","BorderOnlyBox","style","display","Titlebar","CollectionProvider","value","Box","width","direction","minHeight","flex","verticalAlign","CollectionTableWSRTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"sourcesContent":["import {\n  Box,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n  TableProps,\n} from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ForwardRefExoticComponent,\n  ReactElement,\n  useCallback,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { CollectionProvider } from '../CollectionContext';\nimport { TableState, ToolbarCollectionState } from '../../state';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F>,\n    CollectionTableContentBaseProps,\n    Omit<\n      TableProps<KeyedItem<U>>,\n      | 'columns'\n      | 'data'\n      | 'rowDataHook'\n      | 'onRowClick'\n      | 'onDragEnd'\n      | 'onDragStart'\n      | 'onDragCancel'\n      | 'isDragAndDropDisabled'\n      | 'hideBulkSelectionCheckbox'\n    > {\n  useShowLoaderWhenEmpty?: boolean;\n  useNewInfiniteScrollLoader?: boolean;\n\n  /**\n   * Whether to add a sticky column. <br>\n   * Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally.\n   * @external\n   */\n  stickySelectionColumn?: boolean;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar) feature is enabled, this flag will have no effect.\n   * @external\n   */\n  hideBulkSelectionCheckbox?: boolean;\n\n  BodyElementType?: ComponentType<{ children: ReactElement[] }>;\n\n  TrElementType?: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: any;\n    className: string;\n  }>;\n}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<U, T, F> {\n  state: {\n    tableState: TableState<T, F>;\n    toolbar: ToolbarCollectionState<T, F>;\n    keyedItems: KeyedItem<U>[];\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableWSRTableProps<U, T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    views,\n    extraToolbar,\n    summaryBar,\n    topNotification,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    showSelection: showSelectionProp,\n    exportButton,\n    tags,\n    sticky,\n    onRowClick,\n    search,\n    children,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    dragAndDrop,\n    showTitleBar,\n    horizontalScroll,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    columns,\n    primaryActionButton,\n    onSelectionChanged,\n  } = props;\n\n  const { toolbar, tableState: table, keyedItems } = state;\n  const { bulk, collection: toolbarCollection, initTask } = toolbar;\n  const { collection } = table;\n  const {\n    result: { size },\n  } = toolbarCollection;\n  const { showRefreshLoader, showErrorState, showEmptyState } = collection;\n\n  const { stackingRootRef } = usePageContext();\n\n  const handleRowCLick = useCallback(\n    (item: KeyedItem<U>, index: number) => {\n      state.toolbar.reportBi(\n        cairoCtaClicked({\n          ctaName: 'row_area',\n          ctaIndex: index,\n          url: typeof window !== 'undefined' ? window.location.href : '',\n        }),\n      );\n      onRowClick?.(item, index);\n    },\n    [onRowClick],\n  );\n\n  const Table = WSRTable as ComponentType<TableProps<KeyedItem<U>>>;\n\n  const showSelection = showSelectionProp ?? selectionToolbar != null;\n\n  const tableSkeletonEnabled = toolbar.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  const hideTitleBar =\n    !size || table.showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    !(tableSkeletonEnabled && table.showLoadingState) &&\n    (hideTitleBar || !showTitleBar);\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        withWrapper={false}\n        data={keyedItems}\n        viewportRef={stackingRootRef}\n        columns={columns}\n        onRowClick={onRowClick ? handleRowCLick : undefined}\n        // this forces WSR <Table/> to render the loader even when `data.length=0`\n        showHeaderWhenEmpty={\n          useShowLoaderWhenEmpty &&\n          !showRefreshLoader &&\n          !showErrorState &&\n          !showEmptyState\n        }\n        hideBulkSelectionCheckbox={\n          selectionToolbar ? false : hideBulkSelectionCheckbox\n        }\n        dragAndDrop={dragAndDrop}\n        rowDataHook={(rowData) => `table-row-${rowData.key}`}\n        controlled\n        horizontalScroll={horizontalScroll}\n        stickyColumns={table.getStickyColumnsCount({\n          horizontalScroll,\n          stickyColumns,\n          showSelection,\n          stickySelectionColumn,\n        })}\n        showSelection={showSelection}\n        selectedIds={bulk.selectedIds}\n        onSelectionStarted={state.toolbar.onSelectionStarted}\n        onSelectionChanged={\n          onSelectionChanged ??\n          ((_selectedIds, _change) => {\n            state.toolbar.onSelectionChanged(_selectedIds, _change);\n          })\n        }\n      >\n        <CollectionToolbars\n          sticky={sticky}\n          state={toolbar}\n          search={search}\n          customColumns={customColumnsProp}\n          multiLevelSorting={multiLevelSortingProp}\n          views={views}\n          title={title}\n          tabs={tabs}\n          filters={filters}\n          selectionToolbar={selectionToolbar}\n          dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          extraToolbar={extraToolbar}\n          summaryBar={summaryBar}\n          topNotification={\n            typeof topNotification === 'function'\n              ? () => topNotification({ query: collection.result.originQuery })\n              : topNotification\n          }\n          titleBar={\n            <>\n              {showBorderBox && <BorderOnlyBox />}\n              {!hideTitleBar && (\n                <div\n                  data-hook=\"titlebar-a11y-wrapper\"\n                  style={{ display: showTitleBar ? undefined : 'none' }}\n                >\n                  <WSRTable.Titlebar />\n                </div>\n              )}\n            </>\n          }\n          tableGridSwitchButton={tableGridSwitchButton}\n          exportButton={exportButton}\n          tags={tags}\n          primaryActionButton={primaryActionButton}\n        />\n        <CollectionProvider value={collection}>\n          <Box\n            width=\"100%\"\n            direction=\"vertical\"\n            minHeight={0}\n            flex={1}\n            verticalAlign=\"middle\"\n          >\n            {children}\n          </Box>\n        </CollectionProvider>\n      </Table>\n    </div>\n  );\n}\n\nexport const CollectionTableWSRTable = observer(_CollectionTableWSRTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_bi","_CollectionContext","_CollectionToolbars","_BorderOnlyBox","_commonStCss","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionTableWSRTable","props","_toolbar$container$in","state","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","views","extraToolbar","summaryBar","topNotification","selectionToolbar","dragAndDropReorderModeToolbar","showSelection","showSelectionProp","exportButton","tags","sticky","onRowClick","search","children","tableGridSwitchButton","useShowLoaderWhenEmpty","dragAndDrop","showTitleBar","horizontalScroll","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","columns","primaryActionButton","secondaryActions","onSelectionChanged","moreActions","toolbar","tableState","table","keyedItems","bulk","collection","toolbarCollection","initTask","result","size","showRefreshLoader","showErrorState","showEmptyState","stackingRootRef","usePageContext","handleRowCLick","useCallback","item","index","reportBi","cairoCtaClicked","ctaName","ctaIndex","url","window","location","href","Table","WSRTable","tableSkeletonEnabled","container","internalExperiments","enabled","hideTitleBar","showLoadingState","status","isError","showBorderBox","createElement","className","st","classes","fullHeight","column","__self","__source","fileName","lineNumber","columnNumber","_extends2","withWrapper","data","viewportRef","undefined","showHeaderWhenEmpty","rowDataHook","rowData","key","controlled","getStickyColumnsCount","selectedIds","onSelectionStarted","_selectedIds","_change","CollectionToolbars","query","originQuery","titleBar","Fragment","BorderOnlyBox","style","display","Titlebar","CollectionProvider","value","Box","width","direction","minHeight","flex","verticalAlign","CollectionTableWSRTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"sourcesContent":["import {\n  Box,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n  TableProps,\n} from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ForwardRefExoticComponent,\n  ReactElement,\n  useCallback,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { CollectionProvider } from '../CollectionContext';\nimport { TableState, ToolbarCollectionState } from '../../state';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport { BorderOnlyBox } from '../BorderOnlyBox';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { CollectionTableContentBaseProps } from './CollectionTableContent';\nimport { classes, st } from '../common.st.css.js';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F>,\n    CollectionTableContentBaseProps,\n    Omit<\n      TableProps<KeyedItem<U>>,\n      | 'columns'\n      | 'data'\n      | 'rowDataHook'\n      | 'onRowClick'\n      | 'onDragEnd'\n      | 'onDragStart'\n      | 'onDragCancel'\n      | 'isDragAndDropDisabled'\n      | 'hideBulkSelectionCheckbox'\n    > {\n  useShowLoaderWhenEmpty?: boolean;\n  useNewInfiniteScrollLoader?: boolean;\n\n  /**\n   * Whether to add a sticky column. <br>\n   * Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally.\n   * @external\n   */\n  stickySelectionColumn?: boolean;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar) feature is enabled, this flag will have no effect.\n   * @external\n   */\n  hideBulkSelectionCheckbox?: boolean;\n\n  BodyElementType?: ComponentType<{ children: ReactElement[] }>;\n\n  TrElementType?: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: any;\n    className: string;\n  }>;\n}\n\nexport interface CollectionTableWSRTableProps<U, T, F extends FiltersMap>\n  extends CollectionTableWSRTableBaseProps<U, T, F> {\n  state: {\n    tableState: TableState<T, F>;\n    toolbar: ToolbarCollectionState<T, F>;\n    keyedItems: KeyedItem<U>[];\n  };\n\n  sticky: boolean;\n\n  columns: WSRTableColumn<KeyedItem<U>>[];\n  onRowClick?: (item: KeyedItem<U>, index: number) => void;\n}\n\nfunction _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(\n  props: CollectionTableWSRTableProps<U, T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    customColumns: customColumnsProp,\n    multiLevelSorting: multiLevelSortingProp,\n    views,\n    extraToolbar,\n    summaryBar,\n    topNotification,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    showSelection: showSelectionProp,\n    exportButton,\n    tags,\n    sticky,\n    onRowClick,\n    search,\n    children,\n    tableGridSwitchButton,\n    useShowLoaderWhenEmpty,\n    dragAndDrop,\n    showTitleBar,\n    horizontalScroll,\n    stickyColumns,\n    stickySelectionColumn,\n    hideBulkSelectionCheckbox,\n    columns,\n    primaryActionButton,\n    secondaryActions,\n    onSelectionChanged,\n    moreActions,\n  } = props;\n\n  const { toolbar, tableState: table, keyedItems } = state;\n  const { bulk, collection: toolbarCollection, initTask } = toolbar;\n  const { collection } = table;\n  const {\n    result: { size },\n  } = toolbarCollection;\n  const { showRefreshLoader, showErrorState, showEmptyState } = collection;\n\n  const { stackingRootRef } = usePageContext();\n\n  const handleRowCLick = useCallback(\n    (item: KeyedItem<U>, index: number) => {\n      state.toolbar.reportBi(\n        cairoCtaClicked({\n          ctaName: 'row_area',\n          ctaIndex: index,\n          url: typeof window !== 'undefined' ? window.location.href : '',\n        }),\n      );\n      onRowClick?.(item, index);\n    },\n    [onRowClick],\n  );\n\n  const Table = WSRTable as ComponentType<TableProps<KeyedItem<U>>>;\n\n  const showSelection = showSelectionProp ?? selectionToolbar != null;\n\n  const tableSkeletonEnabled = toolbar.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  const hideTitleBar =\n    !size || table.showLoadingState || initTask.status.isError;\n\n  const showBorderBox =\n    !(tableSkeletonEnabled && table.showLoadingState) &&\n    (hideTitleBar || !showTitleBar);\n\n  return (\n    <div\n      data-hook=\"collection-table\"\n      className={st(classes.fullHeight, classes.column)}\n    >\n      <Table\n        {...props}\n        withWrapper={false}\n        data={keyedItems}\n        viewportRef={stackingRootRef}\n        columns={columns}\n        onRowClick={onRowClick ? handleRowCLick : undefined}\n        // this forces WSR <Table/> to render the loader even when `data.length=0`\n        showHeaderWhenEmpty={\n          useShowLoaderWhenEmpty &&\n          !showRefreshLoader &&\n          !showErrorState &&\n          !showEmptyState\n        }\n        hideBulkSelectionCheckbox={\n          selectionToolbar ? false : hideBulkSelectionCheckbox\n        }\n        dragAndDrop={dragAndDrop}\n        rowDataHook={(rowData) => `table-row-${rowData.key}`}\n        controlled\n        horizontalScroll={horizontalScroll}\n        stickyColumns={table.getStickyColumnsCount({\n          horizontalScroll,\n          stickyColumns,\n          showSelection,\n          stickySelectionColumn,\n        })}\n        showSelection={showSelection}\n        selectedIds={bulk.selectedIds}\n        onSelectionStarted={state.toolbar.onSelectionStarted}\n        onSelectionChanged={\n          onSelectionChanged ??\n          ((_selectedIds, _change) => {\n            state.toolbar.onSelectionChanged(_selectedIds, _change);\n          })\n        }\n      >\n        <CollectionToolbars\n          sticky={sticky}\n          state={toolbar}\n          search={search}\n          customColumns={customColumnsProp}\n          multiLevelSorting={multiLevelSortingProp}\n          views={views}\n          title={title}\n          tabs={tabs}\n          filters={filters}\n          selectionToolbar={selectionToolbar}\n          dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          extraToolbar={extraToolbar}\n          summaryBar={summaryBar}\n          topNotification={\n            typeof topNotification === 'function'\n              ? () => topNotification({ query: collection.result.originQuery })\n              : topNotification\n          }\n          titleBar={\n            <>\n              {showBorderBox && <BorderOnlyBox />}\n              {!hideTitleBar && (\n                <div\n                  data-hook=\"titlebar-a11y-wrapper\"\n                  style={{ display: showTitleBar ? undefined : 'none' }}\n                >\n                  <WSRTable.Titlebar />\n                </div>\n              )}\n            </>\n          }\n          tableGridSwitchButton={tableGridSwitchButton}\n          exportButton={exportButton}\n          tags={tags}\n          primaryActionButton={primaryActionButton}\n          secondaryActions={secondaryActions}\n          moreActions={moreActions}\n        />\n        <CollectionProvider value={collection}>\n          <Box\n            width=\"100%\"\n            direction=\"vertical\"\n            minHeight={0}\n            flex={1}\n            verticalAlign=\"middle\"\n          >\n            {children}\n          </Box>\n        </CollectionProvider>\n      </Table>\n    </div>\n  );\n}\n\nexport const CollectionTableWSRTable = observer(_CollectionTableWSRTable);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.js

@@ -1,7 +1,9 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.CollectionToolbar = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _CollectionContext = require("../CollectionContext");
@@ -13,6 +15,7 @@ var _InitialLoadingConditional = require("../InitialLoadingConditional");
 var _useCollectionToolbarSyncedProps = require("./useCollectionToolbarSyncedProps");
 var _CollectionToolbarActionsToolbarItemsGroup = require("./CollectionToolbarActionsToolbarItemsGroup");
 var _CollectionToolbarActionsGroupResponsiveLayout = require("./CollectionToolbarActionsGroupResponsiveLayout");
+var _MoreActions = require("../MoreActions");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionToolbar/CollectionToolbar.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -31,7 +34,9 @@ function _CollectionToolbar(props) {
     tableGridSwitchButton,
     exportButton,
     dragAndDropReorderModeToolbar,
-    primaryActionButton
+    primaryActionButton,
+    secondaryActions,
+    moreActions
   } = props;
   (0, _assertComponentType.assertComponentType)(primaryActionButton, 'PrimaryActionButton', 'PrimaryActionButton');
   const {
@@ -41,13 +46,25 @@ function _CollectionToolbar(props) {
       responsive
     }
   } = state;
+  const addDataHookToMoreActions = () => {
+    return /*#__PURE__*/_react.default.createElement(_MoreActions.MoreActions, (0, _extends2.default)({
+      dataHook: "toolbar-more-actions"
+    }, moreActions.props, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 91,
+        columnNumber: 7
+      }
+    }));
+  };
   const MoreFiltersButton = featuredComponents.moreFiltersButton.value;
   const viewsToolbarItem = views && /*#__PURE__*/_react.default.createElement(_ToolbarItemBox.ToolbarItemBox, {
     dataHook: "collection-table-toolbar-views-item",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 99,
       columnNumber: 5
     }
   }, views);
@@ -63,7 +80,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109,
+        lineNumber: 120,
         columnNumber: 9
       }
     }, featureFilters));
@@ -77,7 +94,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 120,
+        lineNumber: 131,
         columnNumber: 7
       }
     }, tabs);
@@ -107,7 +124,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 169,
+      lineNumber: 180,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -116,7 +133,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 170,
+      lineNumber: 181,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -124,7 +141,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 171,
+      lineNumber: 182,
       columnNumber: 9
     }
   }, state.isReorderModeToolbarVisible ? dragAndDropReorderModeToolbar : /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
@@ -136,7 +153,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 175,
+      lineNumber: 186,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
@@ -147,14 +164,14 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 186,
+        lineNumber: 197,
         columnNumber: 21
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 190,
+        lineNumber: 201,
         columnNumber: 23
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -162,14 +179,14 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 191,
+        lineNumber: 202,
         columnNumber: 25
       }
     }))) : null,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 193,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -181,7 +198,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 197,
+      lineNumber: 208,
       columnNumber: 17
     }
   }, left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem, !viewsToolbarItem ? filtersElement : undefined)), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -190,7 +207,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 210,
+      lineNumber: 221,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(CollectionToolbarActionsGroup, {
@@ -206,23 +223,37 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 218,
+      lineNumber: 229,
       columnNumber: 19
     }
   }), primaryActionButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 231,
+      lineNumber: 242,
       columnNumber: 21
     }
-  }, primaryActionButton), shouldAddDivider && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }, primaryActionButton), moreActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 245,
+      columnNumber: 21
+    }
+  }, addDataHookToMoreActions()), secondaryActions && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 250,
+      columnNumber: 21
+    }
+  }, secondaryActions), shouldAddDivider && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     alignSelf: "stretch",
     paddingLeft: "SP2",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 234,
+      lineNumber: 253,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -231,14 +262,14 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 235,
+      lineNumber: 254,
       columnNumber: 23
     }
   })), tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 242,
+      lineNumber: 261,
       columnNumber: 21
     }
   }, tableGridSwitchButton)))))));