@wix/patterns 1.37.0 → 1.39.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/components/{MultiBulkActionButton/MultiBulkActionButton.js → ActionControl/ActionButton.js}

@@ -2,65 +2,50 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.MultiBulkActionButton = MultiBulkActionButton;
+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/MultiBulkActionButton/MultiBulkActionButton.tsx";
-function MultiBulkActionButton(props) {
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ActionControl/ActionButton.tsx";
+function ActionButton(props) {
   const {
     actionItem,
-    state,
-    suffixIcon
+    suffixIcon,
+    size = 'small'
   } = props;
   const {
     tooltip,
     prefixIcon,
     label,
     onClick,
-    dataHook = 'bulk-action-button',
-    disabled,
-    biName,
-    biIndex
+    dataHook,
+    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: 33,
+      lineNumber: 18,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
     skin: "standard",
     priority: "secondary",
-    size: "small",
+    size: size,
     prefixIcon: prefixIcon,
     ellipsis: true,
-    onClick: () => {
-      toolbarBIReporter.ctaClicked({
-        location: 'multiBulkActionToolbar',
-        ctaName: biName ?? '',
-        ctaIndex: biIndex + 1,
-        moreActionsIndex: 0,
-        numCtas: state.primaryActionItems.length + state.secondaryActionItems.length
-      });
-      onClick == null || onClick();
-    },
+    onClick: onClick,
     dataHook: dataHook,
     disabled: disabled,
     suffixIcon: suffixIcon,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 19,
       columnNumber: 7
     }
   }, label));
 }
-//# sourceMappingURL=MultiBulkActionButton.js.map
+//# sourceMappingURL=ActionButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_DisabledTooltip","_jsxFileName","ActionButton","props","actionItem","suffixIcon","size","tooltip","prefixIcon","label","onClick","dataHook","disabled","default","createElement","DisabledTooltip","content","__self","__source","fileName","lineNumber","columnNumber","Button","skin","priority","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}\n\nexport function ActionButton(props: ActionButtonProps) {\n  const { actionItem, suffixIcon, size = 'small' } = 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=\"secondary\"\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;AAS9C,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC,IAAI,GAAG;EAAQ,CAAC,GAAGH,KAAK;EACxD,MAAM;IAAEI,OAAO;IAAEC,UAAU;IAAEC,KAAK;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAC/DR,UAAU;EAEZ,oBACEN,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACd,gBAAA,CAAAe,eAAe;IAACC,OAAO,EAAET,OAAQ;IAACI,QAAQ,EAAE,GAAGA,QAAQ,UAAW;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjEvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA0B,MAAM;IACLC,IAAI,EAAC,UAAU;IACfC,QAAQ,EAAC,WAAW;IACpBlB,IAAI,EAAEA,IAAK;IACXE,UAAU,EAAEA,UAAW;IACvBiB,QAAQ;IACRf,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBP,UAAU,EAAEA,UAAW;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEtBZ,KACK,CACO,CAAC;AAEtB","ignoreList":[]}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+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: {
+      subItems
+    }
+  } = props;
+  return subItems ? /*#__PURE__*/_react.default.createElement(_ActionPopover.ActionPopover, (0, _extends2.default)({}, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 21
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_ActionButton.ActionButton, (0, _extends2.default)({}, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 52
+    }
+  }));
+}
+//# sourceMappingURL=ActionControl.js.map

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

@@ -0,0 +1 @@
+{"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}) {\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,KAG7B,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/{MultiBulkActionButton/MultiBulkActionPopover.js → ActionControl/ActionPopover.js}

@@ -2,22 +2,18 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.MultiBulkActionPopover = MultiBulkActionPopover;
+exports.ActionPopover = ActionPopover;
 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/MultiBulkActionButton/MultiBulkActionPopover.tsx";
-function MultiBulkActionPopover(props) {
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ActionControl/ActionPopover.tsx";
+function ActionPopover(props) {
   const {
     actionItem,
-    state
+    size = 'small'
   } = props;
-  const {
-    toolbarBIReporter
-  } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const {
     dataHook,
     subItems,
@@ -33,13 +29,13 @@ function MultiBulkActionPopover(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 25,
+        lineNumber: 19,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
       skin: "standard",
       priority: "secondary",
-      size: "small",
+      size: size,
       dataHook: actionItem.dataHook,
       onClick: () => {
         toggle();
@@ -51,21 +47,21 @@ function MultiBulkActionPopover(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 40,
+          lineNumber: 34,
           columnNumber: 25
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 29,
+        lineNumber: 23,
         columnNumber: 11
       }
     }, actionItem.label)),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 15,
       columnNumber: 5
     }
   }), subItems == null ? void 0 : subItems.map((subItem, index) => /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -74,24 +70,13 @@ function MultiBulkActionPopover(props) {
     text: subItem.label,
     key: index,
     dataHook: subItem.dataHook,
-    onClick: () => {
-      toolbarBIReporter.ctaClicked({
-        location: 'multiBulkActionToolbar',
-        ctaName: subItem.biName ?? '',
-        ctaIndex: actionItem.biIndex + index + 1,
-        moreActionsIndex: index + 1,
-        componentId: subItem.componentId,
-        appId: subItem.appId,
-        numCtas: state.primaryActionItems.length + state.secondaryActionItems.length
-      });
-      subItem.onClick == null || subItem.onClick();
-    },
+    onClick: subItem.onClick,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 42,
       columnNumber: 9
     }
   })));
 }
-//# sourceMappingURL=MultiBulkActionPopover.js.map
+//# sourceMappingURL=ActionPopover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_wixUiIconsCommon","_DisabledTooltip","_jsxFileName","ActionPopover","props","actionItem","size","dataHook","subItems","popoverMenuProps","default","createElement","PopoverMenu","_extends2","undefined","triggerElement","toggle","DisabledTooltip","content","tooltip","__self","__source","fileName","lineNumber","columnNumber","Button","skin","priority","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}) {\n  const { actionItem, size = 'small' } = 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=\"secondary\"\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,KAG7B,EAAE;EACD,MAAM;IAAEC,UAAU;IAAEC,IAAI,GAAG;EAAQ,CAAC,GAAGF,KAAK;EAC5C,MAAM;IAAEG,QAAQ;IAAEC,QAAQ;IAAEC;EAAiB,CAAC,GAAGJ,UAAU;EAE3D,oBACEP,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,WAAW,MAAAC,SAAA,CAAAH,OAAA,MACND,gBAAgB;IACpBF,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAGO,SAAU;IACvDC,cAAc,EAAEA,CAAC;MAAEC;IAAO,CAAC,kBACzBlB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,gBAAA,CAAAgB,eAAe;MACdC,OAAO,EAAEb,UAAU,CAACc,OAAQ;MAC5BZ,QAAQ,EAAEA,QAAQ,GAAG,GAAGA,QAAQ,UAAU,GAAGO,SAAU;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEvD1B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA6B,MAAM;MACLC,IAAI,EAAC,UAAU;MACfC,QAAQ,EAAC,WAAW;MACpBrB,IAAI,EAAEA,IAAK;MACXC,QAAQ,EAAEF,UAAU,CAACE,QAAS;MAC9BqB,OAAO,EAAEA,CAAA,KAAM;QACbZ,MAAM,CAAC,CAAC;MACV,CAAE;MACFa,QAAQ;MACRC,UAAU,EAAEzB,UAAU,CAACyB,UAAW;MAClCC,QAAQ,EAAE1B,UAAU,CAAC0B,QAAS;MAC9BC,UAAU,eAAElC,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAiC,WAAW;QAAAb,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApB,YAAA;UAAAqB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE3BnB,UAAU,CAAC6B,KACN,CACO,CACjB;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEDhB,QAAQ,oBAARA,QAAQ,CAAE2B,GAAG,CAAC,CAACC,OAAO,EAAEC,KAAK,kBAC5BvC,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,WAAW,CAAC0B,QAAQ;IACnBR,UAAU,EAAEM,OAAO,CAACN,UAAW;IAC/BC,QAAQ,EAAEK,OAAO,CAACL,QAAS;IAC3BQ,IAAI,EAAEH,OAAO,CAACF,KAAM;IACpBM,GAAG,EAAEH,KAAM;IACX9B,QAAQ,EAAE6B,OAAO,CAAC7B,QAAS;IAC3BqB,OAAO,EAAEQ,OAAO,CAACR,OAAQ;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACF,CACU,CAAC;AAElB","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=ActionSubItemProps.js.map

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

@@ -0,0 +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  subItems?: (ActionSubitem & {\n    componentId?: string;\n    appId?: string;\n  })[];\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+var _ActionSubItemProps = require("./ActionSubItemProps");
+Object.keys(_ActionSubItemProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ActionSubItemProps[key]) return;
+  exports[key] = _ActionSubItemProps[key];
+});
+var _ActionButton = require("./ActionButton");
+Object.keys(_ActionButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ActionButton[key]) return;
+  exports[key] = _ActionButton[key];
+});
+var _ActionPopover = require("./ActionPopover");
+Object.keys(_ActionPopover).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ActionPopover[key]) return;
+  exports[key] = _ActionPopover[key];
+});
+var _ActionControl = require("./ActionControl");
+Object.keys(_ActionControl).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ActionControl[key]) return;
+  exports[key] = _ActionControl[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ActionSubItemProps","require","Object","keys","forEach","key","exports","_ActionButton","_ActionPopover","_ActionControl"],"sources":["../../../../src/components/ActionControl/index.ts"],"sourcesContent":["export * from './ActionSubItemProps';\nexport * from './ActionButton';\nexport * from './ActionPopover';\nexport * from './ActionControl';\n"],"mappings":";;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,mBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,aAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,aAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,aAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,aAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,cAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,cAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,cAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,cAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,cAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,cAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,cAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,cAAA,CAAAJ,GAAA;AAAA","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_ = "Collapse2010366757";
+var _namespace_ = "Collapse2892908081";
 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": "Collapse2010366757__root",
-  "exit": "Collapse2010366757__exit"
+  "root": "Collapse2892908081__root",
+  "exit": "Collapse2892908081__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_ = \"Collapse2010366757\";\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\":\"Collapse2010366757__root\",\"exit\":\"Collapse2010366757__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_ = \"Collapse2892908081\";\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\":\"Collapse2892908081__root\",\"exit\":\"Collapse2892908081__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 { PrimaryPageButtonElement } from '../PrimaryPageButton';\nimport { PageSubTitleProps } from '../PageSubTitle';\nimport { SecondaryActionsElement } from '../SecondaryActions';\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 [`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

@@ -11,8 +11,16 @@ var _default = (base, body) => {
   return {
     /** Returns primary action button driver */
     getPrimaryAction: dataHook => (0, _unidriver2.ButtonUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
-    getMoreActions: dataHook => ({
+    /** Returns secondary actions drivers */
+    getSecondaryActions: (dataHook = 'secondary-actions') => ({
+      getButton: () => (0, _unidriver2.ButtonUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
+      getPopover: () => (0, _unidriver2.ButtonUniDriver)(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","getSecondaryActions","getButton","getPopover","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    /** Returns primary action button driver */\n    getPrimaryAction: (dataHook: string) =>\n      ButtonUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n\n    /** Returns secondary actions drivers */\n    getSecondaryActions: (dataHook = 'secondary-actions') => ({\n      getButton: () =>\n        ButtonUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n      getPopover: () =>\n        ButtonUniDriver(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;IACAK,gBAAgB,EAAGH,QAAgB,IACjC,IAAAI,2BAAe,EAACP,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;IAE5D;IACAO,mBAAmB,EAAEA,CAACL,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,IAAAH,2BAAe,EAACP,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,YAAY,CAAC,EAAEF,IAAI;IACrE,CAAC,CAAC;IAEF;IACAU,cAAc,EAAEA,CAACR,QAAQ,GAAG,cAAc,MAAM;MAC9CS,MAAM,EAAEA,CAAA,KAAMV,wBAAwB,CAACC,QAAQ,CAAC,CAACS,MAAM,CAAC,CAAC;MAEzD;MACAC,iBAAiB,EAAEA,CAAA,KACjBX,wBAAwB,CAACC,QAAQ,CAAC,CAACU,iBAAiB,CAClD,6BACF,CAAC;MAEH;MACAC,IAAI,EAAEA,CAAA,KACJZ,wBAAwB,CAACC,QAAQ,CAAC,CAC/BU,iBAAiB,CAAC,6BAA6B,CAAC,CAChDE,KAAK,CAAC,CAAC;MAEZ;MACAC,MAAM,EAAEA,CAAA,KAAMd,wBAAwB,CAACC,QAAQ,CAAC,CAACc,UAAU,CAAC,CAAC;MAE7D;MACAC,sBAAsB,EAAGC,aAAqB,IAC5CjB,wBAAwB,CAACC,QAAQ,CAAC,CAACe,sBAAsB,CACvDC,aACF,CAAC;MAEH;MACAC,mBAAmB,EAAGC,KAAa,IACjCnB,wBAAwB,CAACC,QAAQ,CAAC,CAACmB,YAAY,CAACD,KAAK,CAAC;MAExD;MACAE,cAAc,EAAGF,KAAa,IAC5BnB,wBAAwB,CAACC,QAAQ,CAAC,CAACqB,aAAa,CAACH,KAAK,CAAC;MAEzD;MACAI,aAAa,EAAEA,CAAA,KAAMvB,wBAAwB,CAACC,QAAQ,CAAC,CAACsB,aAAa,CAAC;IACxE,CAAC,CAAC;IAEFC,aAAa,EAAEA,CAAA,KACb,IAAAC,+BAAmB,EAAC3B,IAAI,CAACK,CAAC,CAAC,sCAAsC,CAAC,EAAEJ,IAAI,CAAC;IAE3E2B,cAAc,EAAE,IAAAC,wBAAiB,EAAC7B,IAAI,EAAEC,IAAI,CAAC;IAE7C,GAAG,IAAA6B,+BAAoB,EAAC9B,IAAI;EAC9B,CAAC;AACH,CAAC;AAAA+B,OAAA,CAAAC,OAAA,GAAAjC,QAAA","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar4082835264";
+var _namespace_ = "CollectionToolbar3536487573";
 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": "CollectionToolbar4082835264__root",
-  "left": "CollectionToolbar4082835264__left",
-  "right": "CollectionToolbar4082835264__right",
-  "fullWidth": "CollectionToolbar4082835264__fullWidth"
+  "root": "CollectionToolbar3536487573__root",
+  "left": "CollectionToolbar3536487573__left",
+  "right": "CollectionToolbar3536487573__right",
+  "fullWidth": "CollectionToolbar3536487573__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar4082835264\";\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\":\"CollectionToolbar4082835264__root\",\"left\":\"CollectionToolbar4082835264__left\",\"right\":\"CollectionToolbar4082835264__right\",\"fullWidth\":\"CollectionToolbar4082835264__fullWidth\"};\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,6BAA6B;AAC/C,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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar3536487573\";\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\":\"CollectionToolbar3536487573__root\",\"left\":\"CollectionToolbar3536487573__left\",\"right\":\"CollectionToolbar3536487573__right\",\"fullWidth\":\"CollectionToolbar3536487573__fullWidth\"};\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,6BAA6B;AAC/C,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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/SearchOrCustomFilter.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_ = "SearchOrCustomFilter2072375352";
+var _namespace_ = "SearchOrCustomFilter2176445661";
 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": "SearchOrCustomFilter2072375352__root",
-  "search": "SearchOrCustomFilter2072375352__search"
+  "root": "SearchOrCustomFilter2176445661__root",
+  "search": "SearchOrCustomFilter2176445661__search"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter2072375352\";\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\":\"SearchOrCustomFilter2072375352__root\",\"search\":\"SearchOrCustomFilter2072375352__search\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter2176445661\";\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\":\"SearchOrCustomFilter2176445661__root\",\"search\":\"SearchOrCustomFilter2176445661__search\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "AutoCompleteReadonly1032571511";
+var _namespace_ = "AutoCompleteReadonly551440674";
 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": "AutoCompleteReadonly1032571511__root"
+  "root": "AutoCompleteReadonly551440674__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly1032571511\";\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\":\"AutoCompleteReadonly1032571511__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly551440674\";\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\":\"AutoCompleteReadonly551440674__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,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/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ViewsDropdown207775773";
+var _namespace_ = "ViewsDropdown2000976248";
 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": "ViewsDropdown207775773__root"
+  "root": "ViewsDropdown2000976248__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown207775773\";\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\":\"ViewsDropdown207775773__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown2000976248\";\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\":\"ViewsDropdown2000976248__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.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_ = "CustomFieldsViewWidgetSection582634176";
+var _namespace_ = "CustomFieldsViewWidgetSection4251169375";
 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": "CustomFieldsViewWidgetSection582634176__root",
-  "breakWord": "CustomFieldsViewWidgetSection582634176__breakWord"
+  "root": "CustomFieldsViewWidgetSection4251169375__root",
+  "breakWord": "CustomFieldsViewWidgetSection4251169375__breakWord"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.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/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidgetSection582634176\";\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\":\"CustomFieldsViewWidgetSection582634176__root\",\"breakWord\":\"CustomFieldsViewWidgetSection582634176__breakWord\"};\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,wCAAwC;AAC1D,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,8CAA8C;EAAC,WAAW,EAAC;AAAmD,CAAC;AACrI,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/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidgetSection4251169375\";\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\":\"CustomFieldsViewWidgetSection4251169375__root\",\"breakWord\":\"CustomFieldsViewWidgetSection4251169375__breakWord\"};\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,yCAAyC;AAC3D,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,+CAA+C;EAAC,WAAW,EAAC;AAAoD,CAAC;AACvI,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/DragAndDrop/DragOverlayTestComponent.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DragOverlayTestComponent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/DragAndDrop/DragOverlayTestComponent.tsx";
+function _DragOverlayTestComponent(props) {
+  const {
+    wrapperElement: Wrapper,
+    style,
+    children,
+    className,
+    zIndex,
+    state
+  } = props;
+  if (state.activeId == null) {
+    return null;
+  }
+  let child = children;
+  if (Wrapper) {
+    child = /*#__PURE__*/_react.default.createElement(Wrapper, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 31,
+        columnNumber: 13
+      }
+    }, children);
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: className,
+    style: {
+      position: 'fixed',
+      ...style,
+      zIndex
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 5
+    }
+  }, child);
+}
+const DragOverlayTestComponent = exports.DragOverlayTestComponent = (0, _mobxReactLite.observer)(_DragOverlayTestComponent);
+//# sourceMappingURL=DragOverlayTestComponent.js.map