@wix/patterns 0.8.0

package/dist/cjs/components/MaxSelection.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.BulkSelectionMaxSelectionLabel = BulkSelectionMaxSelectionLabel;
+exports.fromMultipleSelectionToBoolean = fromMultipleSelectionToBoolean;
+exports.reachedMaxSelection = reachedMaxSelection;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MaxSelection.tsx";
+function fromMultipleSelectionToBoolean(multipleSelection) {
+  if (multipleSelection === undefined) {
+    return false;
+  }
+  if (typeof multipleSelection === 'boolean') {
+    return multipleSelection;
+  }
+  return multipleSelection > 1;
+}
+function maxSelectedItemsFromMultipleSelection(multipleSelection) {
+  if (typeof multipleSelection === 'undefined') {
+    return 1;
+  }
+  if (typeof multipleSelection === 'boolean') {
+    return multipleSelection ? Infinity : 1;
+  }
+  return multipleSelection;
+}
+function BulkSelectionMaxSelectionLabel(props) {
+  const {
+    selectedCount,
+    t,
+    multiple,
+    dataHook
+  } = props;
+  const maxSelectedItems = maxSelectedItemsFromMultipleSelection(multiple);
+  if (maxSelectedItems === 1 || maxSelectedItems === Infinity) {
+    return null;
+  }
+  let text;
+  if (props.customLabel) {
+    text = props.customLabel({
+      num: selectedCount,
+      max: maxSelectedItems
+    });
+  } else if (selectedCount === 0) {
+    text = t('cairo.bulkSelected.selectUpTo', {
+      max: maxSelectedItems
+    });
+  } else if (maxSelectedItems > selectedCount) {
+    text = t('cairo.picker.itemsSelected', {
+      total: selectedCount,
+      max: maxSelectedItems
+    });
+  } else {
+    text = t('cairo.bulkSelected.withMaxNumber', {
+      num: selectedCount,
+      max: maxSelectedItems
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    dataHook: dataHook,
+    secondary: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 81,
+      columnNumber: 5
+    }
+  }, text);
+}
+function reachedMaxSelection({
+  collection,
+  multiple
+}) {
+  if (typeof multiple === 'undefined' || typeof multiple === 'boolean' || multiple <= 1) {
+    return false;
+  }
+  return collection.bulkSelect.selectedCount >= multiple;
+}
+//# sourceMappingURL=MaxSelection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","fromMultipleSelectionToBoolean","multipleSelection","undefined","maxSelectedItemsFromMultipleSelection","Infinity","BulkSelectionMaxSelectionLabel","props","selectedCount","t","multiple","dataHook","maxSelectedItems","text","customLabel","num","max","total","default","createElement","Text","secondary","__self","__source","fileName","lineNumber","columnNumber","reachedMaxSelection","collection","bulkSelect"],"sources":["../../../src/components/MaxSelection.tsx"],"sourcesContent":["import { CollectionState, Translate } from '@wix/bex-core';\nimport React from 'react';\nimport { Text } from '@wix/design-system';\n\nexport type MultipleSelection = boolean | number;\n\nexport type ReplaceMultiple<T> = Omit<T, 'multiple'> & T extends {\n  multiple?: any;\n}\n  ? { multiple?: MultipleSelection }\n  : {\n      multiple: MultipleSelection;\n    };\n\nexport function fromMultipleSelectionToBoolean(\n  multipleSelection?: MultipleSelection,\n): boolean {\n  if (multipleSelection === undefined) {\n    return false;\n  }\n  if (typeof multipleSelection === 'boolean') {\n    return multipleSelection;\n  }\n  return multipleSelection > 1;\n}\n\nfunction maxSelectedItemsFromMultipleSelection(\n  multipleSelection?: MultipleSelection,\n): number {\n  if (typeof multipleSelection === 'undefined') {\n    return 1;\n  }\n\n  if (typeof multipleSelection === 'boolean') {\n    return multipleSelection ? Infinity : 1;\n  }\n\n  return multipleSelection;\n}\n\nexport type MaxSelectionLabelProps = {\n  dataHook?: string;\n  multiple?: MultipleSelection;\n  t: Translate;\n  customLabel?(_: { num: number; max: number }): string;\n  selectedCount: number;\n};\n\nexport function BulkSelectionMaxSelectionLabel(props: MaxSelectionLabelProps) {\n  const { selectedCount, t, multiple, dataHook } = props;\n\n  const maxSelectedItems = maxSelectedItemsFromMultipleSelection(multiple);\n  if (maxSelectedItems === 1 || maxSelectedItems === Infinity) {\n    return null;\n  }\n\n  let text;\n\n  if (props.customLabel) {\n    text = props.customLabel({\n      num: selectedCount,\n      max: maxSelectedItems,\n    });\n  } else if (selectedCount === 0) {\n    text = t('cairo.bulkSelected.selectUpTo', {\n      max: maxSelectedItems,\n    });\n  } else if (maxSelectedItems > selectedCount) {\n    text = t('cairo.picker.itemsSelected', {\n      total: selectedCount,\n      max: maxSelectedItems,\n    });\n  } else {\n    text = t('cairo.bulkSelected.withMaxNumber', {\n      num: selectedCount,\n      max: maxSelectedItems,\n    });\n  }\n\n  return (\n    <Text dataHook={dataHook} secondary>\n      {text}\n    </Text>\n  );\n}\n\nexport function reachedMaxSelection({\n  collection,\n  multiple,\n}: {\n  multiple?: MultipleSelection;\n  collection: Pick<CollectionState<any, any>, 'bulkSelect'>;\n}) {\n  if (\n    typeof multiple === 'undefined' ||\n    typeof multiple === 'boolean' ||\n    multiple <= 1\n  ) {\n    return false;\n  }\n\n  return collection.bulkSelect.selectedCount >= multiple;\n}\n"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA0C,IAAAE,YAAA;AAYnC,SAASC,8BAA8BA,CAC5CC,iBAAqC,EAC5B;EACT,IAAIA,iBAAiB,KAAKC,SAAS,EAAE;IACnC,OAAO,KAAK;EACd;EACA,IAAI,OAAOD,iBAAiB,KAAK,SAAS,EAAE;IAC1C,OAAOA,iBAAiB;EAC1B;EACA,OAAOA,iBAAiB,GAAG,CAAC;AAC9B;AAEA,SAASE,qCAAqCA,CAC5CF,iBAAqC,EAC7B;EACR,IAAI,OAAOA,iBAAiB,KAAK,WAAW,EAAE;IAC5C,OAAO,CAAC;EACV;EAEA,IAAI,OAAOA,iBAAiB,KAAK,SAAS,EAAE;IAC1C,OAAOA,iBAAiB,GAAGG,QAAQ,GAAG,CAAC;EACzC;EAEA,OAAOH,iBAAiB;AAC1B;AAUO,SAASI,8BAA8BA,CAACC,KAA6B,EAAE;EAC5E,MAAM;IAAEC,aAAa;IAAEC,CAAC;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EAEtD,MAAMK,gBAAgB,GAAGR,qCAAqC,CAACM,QAAQ,CAAC;EACxE,IAAIE,gBAAgB,KAAK,CAAC,IAAIA,gBAAgB,KAAKP,QAAQ,EAAE;IAC3D,OAAO,IAAI;EACb;EAEA,IAAIQ,IAAI;EAER,IAAIN,KAAK,CAACO,WAAW,EAAE;IACrBD,IAAI,GAAGN,KAAK,CAACO,WAAW,CAAC;MACvBC,GAAG,EAAEP,aAAa;MAClBQ,GAAG,EAAEJ;IACP,CAAC,CAAC;EACJ,CAAC,MAAM,IAAIJ,aAAa,KAAK,CAAC,EAAE;IAC9BK,IAAI,GAAGJ,CAAC,CAAC,+BAA+B,EAAE;MACxCO,GAAG,EAAEJ;IACP,CAAC,CAAC;EACJ,CAAC,MAAM,IAAIA,gBAAgB,GAAGJ,aAAa,EAAE;IAC3CK,IAAI,GAAGJ,CAAC,CAAC,4BAA4B,EAAE;MACrCQ,KAAK,EAAET,aAAa;MACpBQ,GAAG,EAAEJ;IACP,CAAC,CAAC;EACJ,CAAC,MAAM;IACLC,IAAI,GAAGJ,CAAC,CAAC,kCAAkC,EAAE;MAC3CM,GAAG,EAAEP,aAAa;MAClBQ,GAAG,EAAEJ;IACP,CAAC,CAAC;EACJ;EAEA,oBACEhB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqB,IAAI;IAACT,QAAQ,EAAEA,QAAS;IAACU,SAAS;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChCb,IACG,CAAC;AAEX;AAEO,SAASc,mBAAmBA,CAAC;EAClCC,UAAU;EACVlB;AAIF,CAAC,EAAE;EACD,IACE,OAAOA,QAAQ,KAAK,WAAW,IAC/B,OAAOA,QAAQ,KAAK,SAAS,IAC7BA,QAAQ,IAAI,CAAC,EACb;IACA,OAAO,KAAK;EACd;EAEA,OAAOkB,UAAU,CAACC,UAAU,CAACrB,aAAa,IAAIE,QAAQ;AACxD"}

package/dist/cjs/components/MaybeTooltip.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MaybeTooltip = MaybeTooltip;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MaybeTooltip.tsx";
+function MaybeTooltip(props) {
+  const {
+    content,
+    children,
+    ...rest
+  } = props;
+  if (!content) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, (0, _extends2.default)({
+    content: content
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 12,
+      columnNumber: 5
+    }
+  }), children);
+}
+//# sourceMappingURL=MaybeTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","MaybeTooltip","props","content","children","rest","default","createElement","Fragment","Tooltip","_extends2","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/components/MaybeTooltip.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Tooltip, TooltipProps } from '@wix/design-system';\n\nexport function MaybeTooltip(props: TooltipProps & { children?: ReactNode }) {\n  const { content, children, ...rest } = props;\n\n  if (!content) {\n    return <>{children}</>;\n  }\n\n  return (\n    <Tooltip content={content} {...rest}>\n      {children}\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA2D,IAAAE,YAAA;AAEpD,SAASC,YAAYA,CAACC,KAA8C,EAAE;EAC3E,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAE5C,IAAI,CAACC,OAAO,EAAE;IACZ,oBAAOP,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAAAX,MAAA,CAAAU,OAAA,CAAAE,QAAA,QAAGJ,QAAW,CAAC;EACxB;EAEA,oBACER,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAU,OAAO,MAAAC,SAAA,CAAAJ,OAAA;IAACH,OAAO,EAAEA;EAAQ,GAAKE,IAAI;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,IAChCX,QACM,CAAC;AAEd"}

package/dist/cjs/components/ModalHeadingBox/ModalHeadingBox.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ModalHeadingBox = ModalHeadingBox;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _MaxLines = require("../MaxLines");
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ModalHeadingBox/ModalHeadingBox.tsx";
+function ModalHeadingBox(props) {
+  const {
+    children,
+    maxLines,
+    lineHeight,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
+    minWidth: 0,
+    boxSizing: "border-box",
+    direction: "vertical"
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_MaxLines.MaxLines, {
+    webkitLineClamp: false,
+    lineHeight: lineHeight,
+    maxLines: maxLines,
+    wordBreak: "break-word",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 7
+    }
+  }, children));
+}
+//# sourceMappingURL=ModalHeadingBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_MaxLines","_react","_interopRequireDefault","_jsxFileName","ModalHeadingBox","props","children","maxLines","lineHeight","rest","default","createElement","Box","_extends2","minWidth","boxSizing","direction","__self","__source","fileName","lineNumber","columnNumber","MaxLines","webkitLineClamp","wordBreak"],"sources":["../../../../src/components/ModalHeadingBox/ModalHeadingBox.tsx"],"sourcesContent":["import { Box, BoxProps } from '@wix/design-system';\nimport { BaseComponentProps, MaxLines, MaxLinesProps } from '../MaxLines';\nimport React from 'react';\n\nexport interface ModalHeadingBoxProps<P extends BaseComponentProps>\n  extends Partial<BoxProps> {\n  children: MaxLinesProps<P>['children'];\n  maxLines?: MaxLinesProps<P>['maxLines'];\n  lineHeight: MaxLinesProps<P>['lineHeight'];\n}\n\nexport function ModalHeadingBox<P extends BaseComponentProps>(\n  props: ModalHeadingBoxProps<P>,\n) {\n  const { children, maxLines, lineHeight, ...rest } = props;\n\n  return (\n    <Box minWidth={0} boxSizing=\"border-box\" direction=\"vertical\" {...rest}>\n      <MaxLines\n        webkitLineClamp={false}\n        lineHeight={lineHeight}\n        maxLines={maxLines}\n        wordBreak=\"break-word\"\n      >\n        {children}\n      </MaxLines>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,IAAAI,YAAA;AASnB,SAASC,eAAeA,CAC7BC,KAA8B,EAC9B;EACA,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGJ,KAAK;EAEzD,oBACEJ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,GAAG,MAAAC,SAAA,CAAAH,OAAA;IAACI,QAAQ,EAAE,CAAE;IAACC,SAAS,EAAC,YAAY;IAACC,SAAS,EAAC;EAAU,GAAKP,IAAI;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACpEpB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACX,SAAA,CAAAsB,QAAQ;IACPC,eAAe,EAAE,KAAM;IACvBf,UAAU,EAAEA,UAAW;IACvBD,QAAQ,EAAEA,QAAS;IACnBiB,SAAS,EAAC,YAAY;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErBf,QACO,CACP,CAAC;AAEV"}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _ModalHeadingBox = require("./ModalHeadingBox");
+Object.keys(_ModalHeadingBox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ModalHeadingBox[key]) return;
+  exports[key] = _ModalHeadingBox[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ModalHeadingBox","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/ModalHeadingBox/index.ts"],"sourcesContent":["export * from './ModalHeadingBox';\n"],"mappings":";;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/MoreActions/MoreActions.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MoreActions = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _bi = require("@wix/bex-core/bi");
+var _react2 = require("@wix/bex-core/react");
+var _mobxReactLite = require("mobx-react-lite");
+var _hooks = require("../../hooks");
+var _usePageButtonBiParams = require("../usePageButtonBiParams");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MoreActions/MoreActions.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 && Object.prototype.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; }
+function _MoreActions(params) {
+  const {
+    items = [],
+    containerId,
+    dataHook
+  } = params;
+  const {
+    pageType,
+    location
+  } = (0, _usePageButtonBiParams.usePageButtonBiParams)();
+  const state = (0, _hooks.useExtensionMenuItems)({
+    containerId
+  });
+  const {
+    reportBi
+  } = (0, _react2.useWixPatternsContainer)();
+  const allActions = (0, _react.useMemo)(() => {
+    const groups = [...items, state.menuItems];
+    const numCtas = groups.reduce((result, group) => result + group.length, 0);
+    const flatActions = groups.flat();
+    return groups.filter(actions => actions.length !== 0).reduce((result, group, index, array) => {
+      return [...result, ...group.map(item => {
+        const {
+          prefixIcon,
+          text,
+          onClick,
+          biName,
+          ...rest
+        } = item;
+        const isTPA = 'type' in item && item.type === 'TPA';
+        return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, (0, _extends2.default)({
+          prefixIcon: prefixIcon,
+          text: text,
+          onClick: () => {
+            reportBi((0, _bi.cairoPageCtaClicked)({
+              ctaName: biName,
+              ctaType: 'More Actions Option',
+              location,
+              moreActionsIndex: flatActions.indexOf(item),
+              numCtas,
+              section: isTPA ? 'TPA' : 'Vertical',
+              componentType: 'Page',
+              pageType
+            }));
+            if (isTPA) {
+              reportBi((0, _bi.cairoTpaSCtaClicked)({
+                appId: item.appId,
+                componentType: 'Page',
+                numCtas,
+                ctaIndex: flatActions.indexOf(item),
+                ctaName: biName,
+                location,
+                tpaComponentId: item.componentId
+              }));
+            }
+            onClick(); // TODO: We don't have any params we need to pass to the TPA here?
+          }
+        }, rest, {
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 72,
+            columnNumber: 15
+          }
+        }));
+      }), ...(index !== array.length - 1 ? [/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 109,
+          columnNumber: 45
+        }
+      })] : [])];
+    }, []);
+  }, [items, state.menuItems]);
+  return allActions.length === 0 ? null : /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
+    dataHook: dataHook,
+    onShow: () => {
+      reportBi((0, _bi.cairoPageCtaClicked)({
+        ctaName: 'More Actions',
+        ctaType: 'More Actions Dropdown',
+        location,
+        componentType: 'Page',
+        pageType
+      }));
+    },
+    minWidth: 240,
+    textSize: "medium",
+    triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+      dataHook: "more-actions-popover-button",
+      priority: "secondary",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 131,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 132,
+        columnNumber: 11
+      }
+    })),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 115,
+      columnNumber: 5
+    }
+  }, allActions);
+}
+const MoreActions = exports.MoreActions = (0, _mobxReactLite.observer)(_MoreActions);
+//# sourceMappingURL=MoreActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_bi","_react2","_mobxReactLite","_hooks","_usePageButtonBiParams","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_MoreActions","params","items","containerId","dataHook","pageType","location","usePageButtonBiParams","state","useExtensionMenuItems","reportBi","useWixPatternsContainer","allActions","useMemo","groups","menuItems","numCtas","reduce","result","group","length","flatActions","flat","filter","actions","index","array","map","item","prefixIcon","text","onClick","biName","rest","isTPA","type","createElement","PopoverMenu","MenuItem","_extends2","cairoPageCtaClicked","ctaName","ctaType","moreActionsIndex","indexOf","section","componentType","cairoTpaSCtaClicked","appId","ctaIndex","tpaComponentId","componentId","__self","__source","fileName","lineNumber","columnNumber","Divider","onShow","minWidth","textSize","triggerElement","IconButton","priority","More","MoreActions","exports","observer"],"sources":["../../../../src/components/MoreActions/MoreActions.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useMemo } from 'react';\nimport {\n  IconButton,\n  PopoverMenu,\n  PopoverMenuItemProps,\n} from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { cairoPageCtaClicked, cairoTpaSCtaClicked } from '@wix/bex-core/bi';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useExtensionMenuItems } from '../../hooks';\nimport { ExtensionMenuItem } from '../../state';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\n\nexport interface MoreActionsItem\n  extends Omit<PopoverMenuItemProps, 'text' | 'prefixIcon' | 'onClick'> {\n  text: string;\n  prefixIcon?: ReactElement;\n  onClick: (params?: Record<string, any>) => unknown;\n  biName?: string;\n}\n\nexport interface MoreActionsProps {\n  /**\n   * Vertical's actions items that appear in the MoreActions Popover Menu. \\\n   * Each sub-array is a different group inside the popover.\n   * The props of the items are similar to [PopoverMenuItem props](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu).\n   * @external\n   */\n  items?: MoreActionsItem[][];\n  /**\n   * An id of the container defined in the installed on a site application that contains TPA's actions.\n   * @external\n   */\n  containerId?: string;\n\n  dataHook?: string;\n}\n\nexport type MoreActionsElement = ReactElement<\n  MoreActionsProps,\n  typeof MoreActions\n>;\n\nfunction _MoreActions(params: MoreActionsProps) {\n  const { items = [], containerId, dataHook } = params;\n\n  const { pageType, location } = usePageButtonBiParams();\n  const state = useExtensionMenuItems({ containerId });\n\n  const { reportBi } = useWixPatternsContainer();\n\n  const allActions = useMemo(() => {\n    const groups = [...items, state.menuItems] as (\n      | MoreActionsItem\n      | ExtensionMenuItem\n    )[][];\n\n    const numCtas = groups.reduce((result, group) => result + group.length, 0);\n    const flatActions = groups.flat();\n\n    return groups\n      .filter((actions) => actions.length !== 0)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            const { prefixIcon, text, onClick, biName, ...rest } = item;\n            const isTPA = 'type' in item && item.type === 'TPA';\n\n            return (\n              <PopoverMenu.MenuItem\n                prefixIcon={prefixIcon}\n                text={text}\n                onClick={() => {\n                  reportBi(\n                    cairoPageCtaClicked({\n                      ctaName: biName,\n                      ctaType: 'More Actions Option',\n                      location,\n                      moreActionsIndex: flatActions.indexOf(item),\n                      numCtas,\n                      section: isTPA ? 'TPA' : 'Vertical',\n                      componentType: 'Page',\n                      pageType,\n                    }),\n                  );\n\n                  if (isTPA) {\n                    reportBi(\n                      cairoTpaSCtaClicked({\n                        appId: item.appId,\n                        componentType: 'Page',\n                        numCtas,\n                        ctaIndex: flatActions.indexOf(item),\n                        ctaName: biName,\n                        location,\n                        tpaComponentId: item.componentId,\n                      }),\n                    );\n                  }\n\n                  onClick(); // TODO: We don't have any params we need to pass to the TPA here?\n                }}\n                {...rest}\n              />\n            );\n          }),\n          ...(index !== array.length - 1 ? [<PopoverMenu.Divider />] : []),\n        ];\n      }, []);\n  }, [items, state.menuItems]);\n\n  return allActions.length === 0 ? null : (\n    <PopoverMenu\n      dataHook={dataHook}\n      onShow={() => {\n        reportBi(\n          cairoPageCtaClicked({\n            ctaName: 'More Actions',\n            ctaType: 'More Actions Dropdown',\n            location,\n            componentType: 'Page',\n            pageType,\n          }),\n        );\n      }}\n      minWidth={240}\n      textSize=\"medium\"\n      triggerElement={\n        <IconButton dataHook=\"more-actions-popover-button\" priority=\"secondary\">\n          <More />\n        </IconButton>\n      }\n    >\n      {allActions}\n    </PopoverMenu>\n  );\n}\n\nexport const MoreActions = observer(_MoreActions);\n"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _MoreActions = require("./MoreActions");
+Object.keys(_MoreActions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MoreActions[key]) return;
+  exports[key] = _MoreActions[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_MoreActions","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/MoreActions/index.ts"],"sourcesContent":["export * from './MoreActions';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/MoreFiltersCTA/MoreFiltersCTA.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MoreFiltersCTA = void 0;
+var _mobxReactLite = require("mobx-react-lite");
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _CounterBadgeButton = require("../CounterBadgeButton");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MoreFiltersCTA/MoreFiltersCTA.tsx";
+const _MoreFiltersCTA = () => {
+  var _state$toolbarFilters;
+  const state = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const {
+    container: {
+      translate: t
+    }
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_CounterBadgeButton.CounterBadgeButton, {
+    dataHook: "more-filters-button-counter",
+    count: state.collection.query.nonPersistentCustomFiltersCount,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    key: "more-filters-button",
+    dataHook: "more-filters-button",
+    priority: "secondary",
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ContentFilter, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 23,
+        columnNumber: 21
+      }
+    }),
+    onClick: (_state$toolbarFilters = state.toolbarFiltersState) == null ? void 0 : _state$toolbarFilters.onFiltersButtonClick,
+    size: "small",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 7
+    }
+  }, t('cairo.toolbar.moreFiltersButton')));
+};
+const MoreFiltersCTA = exports.MoreFiltersCTA = (0, _mobxReactLite.observer)(_MoreFiltersCTA);
+//# sourceMappingURL=MoreFiltersCTA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_wixUiIconsCommon","_CounterBadgeButton","_ToolbarCollectionContext","_jsxFileName","_MoreFiltersCTA","_state$toolbarFilters","state","useToolbarCollectionContext","container","translate","t","default","createElement","CounterBadgeButton","dataHook","count","collection","query","nonPersistentCustomFiltersCount","__self","__source","fileName","lineNumber","columnNumber","Button","key","priority","prefixIcon","ContentFilter","onClick","toolbarFiltersState","onFiltersButtonClick","size","MoreFiltersCTA","exports","observer"],"sources":["../../../../src/components/MoreFiltersCTA/MoreFiltersCTA.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { Button } from '@wix/design-system';\nimport { ContentFilter } from '@wix/wix-ui-icons-common';\nimport { CounterBadgeButton } from '../CounterBadgeButton';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nconst _MoreFiltersCTA = () => {\n  const state = useToolbarCollectionContext();\n  const {\n    container: { translate: t },\n  } = state;\n\n  return (\n    <CounterBadgeButton\n      dataHook=\"more-filters-button-counter\"\n      count={state.collection.query.nonPersistentCustomFiltersCount}\n    >\n      <Button\n        key=\"more-filters-button\"\n        dataHook=\"more-filters-button\"\n        priority=\"secondary\"\n        prefixIcon={<ContentFilter />}\n        onClick={state.toolbarFiltersState?.onFiltersButtonClick}\n        size=\"small\"\n      >\n        {t('cairo.toolbar.moreFiltersButton')}\n      </Button>\n    </CounterBadgeButton>\n  );\n};\n\nexport const MoreFiltersCTA = observer(_MoreFiltersCTA);\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AAA0E,IAAAO,YAAA;AAE1E,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAAA,IAAAC,qBAAA;EAC5B,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3C,MAAM;IACJC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGJ,KAAK;EAET,oBACET,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,mBAAA,CAAAY,kBAAkB;IACjBC,QAAQ,EAAC,6BAA6B;IACtCC,KAAK,EAAET,KAAK,CAACU,UAAU,CAACC,KAAK,CAACC,+BAAgC;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE9D1B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAyB,MAAM;IACLC,GAAG,EAAC,qBAAqB;IACzBX,QAAQ,EAAC,qBAAqB;IAC9BY,QAAQ,EAAC,WAAW;IACpBC,UAAU,eAAE9B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAA4B,aAAa;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAC9BM,OAAO,GAAAxB,qBAAA,GAAEC,KAAK,CAACwB,mBAAmB,qBAAzBzB,qBAAA,CAA2B0B,oBAAqB;IACzDC,IAAI,EAAC,OAAO;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXb,CAAC,CAAC,iCAAiC,CAC9B,CACU,CAAC;AAEzB,CAAC;AAEM,MAAMuB,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAAC/B,eAAe,CAAC"}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _MoreFiltersCTA = require("./MoreFiltersCTA");
+Object.keys(_MoreFiltersCTA).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MoreFiltersCTA[key]) return;
+  exports[key] = _MoreFiltersCTA[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_MoreFiltersCTA","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/MoreFiltersCTA/index.ts"],"sourcesContent":["export * from './MoreFiltersCTA';\n"],"mappings":";;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,eAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/MultiAutoInlineCheckboxFilter/MultiAutoInlineCheckboxFilter.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiAutoInlineCheckboxFilter = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _MultiInlineCheckboxFilter = require("../MultiInlineCheckboxFilter");
+var _MultiSelectCheckboxFilter = require("../MultiSelectCheckboxFilter");
+var _FilterRenderingContext = require("../FilterRenderingContext");
+var _useStaticListFilterCollection = require("../../hooks/useStaticListFilterCollection");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiAutoInlineCheckboxFilter/MultiAutoInlineCheckboxFilter.tsx";
+const MAX_INLINE_ITEMS = 10;
+function _MultiAutoInlineCheckboxFilter(props) {
+  const {
+    maxInlineItems = MAX_INLINE_ITEMS,
+    data,
+    filter,
+    ...rest
+  } = props;
+  const {
+    location
+  } = (0, _FilterRenderingContext.useFilterRenderingContext)();
+  const shouldBeRenderedAsDropdown = location === 'toolbar' || data.length > maxInlineItems;
+  const collection = (0, _useStaticListFilterCollection.useStaticListFilterCollection)(filter, data);
+  return shouldBeRenderedAsDropdown ? /*#__PURE__*/_react.default.createElement(_MultiSelectCheckboxFilter.MultiSelectCheckboxFilter, (0, _extends2.default)({}, rest, {
+    collection: collection,
+    filter: filter,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 5
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_MultiInlineCheckboxFilter.MultiInlineCheckboxFilter, (0, _extends2.default)({}, rest, {
+    filter: filter,
+    data: data,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 5
+    }
+  }));
+}
+const MultiAutoInlineCheckboxFilter = exports.MultiAutoInlineCheckboxFilter = (0, _mobxReactLite.observer)(_MultiAutoInlineCheckboxFilter);
+//# sourceMappingURL=MultiAutoInlineCheckboxFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_MultiInlineCheckboxFilter","_MultiSelectCheckboxFilter","_FilterRenderingContext","_useStaticListFilterCollection","_jsxFileName","MAX_INLINE_ITEMS","_MultiAutoInlineCheckboxFilter","props","maxInlineItems","data","filter","rest","location","useFilterRenderingContext","shouldBeRenderedAsDropdown","length","collection","useStaticListFilterCollection","default","createElement","MultiSelectCheckboxFilter","_extends2","__self","__source","fileName","lineNumber","columnNumber","MultiInlineCheckboxFilter","MultiAutoInlineCheckboxFilter","exports","observer"],"sources":["../../../../src/components/MultiAutoInlineCheckboxFilter/MultiAutoInlineCheckboxFilter.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FilterProps } from '../../model';\nimport { BoxProps, CheckboxProps } from '@wix/design-system';\nimport { MultiInlineCheckboxFilter } from '../MultiInlineCheckboxFilter';\nimport { MultiSelectCheckboxFilter } from '../MultiSelectCheckboxFilter';\nimport { useFilterRenderingContext } from '../FilterRenderingContext';\nimport { useStaticListFilterCollection } from '../../hooks/useStaticListFilterCollection';\n\nconst MAX_INLINE_ITEMS = 10;\n\nexport interface MultiAutoInlineCheckboxFilterProps<V>\n  extends FilterProps<V[]>,\n    Partial<Omit<BoxProps, 'filter'>> {\n  /**\n   * List of items to select from\n   * @external\n   */\n  data: V[];\n  /**\n   * A function that returns checkbox props for rendering each item checkbox\n   * @external\n   */\n  renderItem?: (\n    item: V,\n    index: number,\n  ) => Partial<PropsWithChildren<CheckboxProps>>;\n\n  /**\n   * Maximum of inline items to display\n   * @default 10\n   * @external\n   */\n  maxInlineItems?: number;\n}\n\nfunction _MultiAutoInlineCheckboxFilter<V>(\n  props: MultiAutoInlineCheckboxFilterProps<V>,\n) {\n  const { maxInlineItems = MAX_INLINE_ITEMS, data, filter, ...rest } = props;\n\n  const { location } = useFilterRenderingContext();\n\n  const shouldBeRenderedAsDropdown =\n    location === 'toolbar' || data.length > maxInlineItems;\n\n  const collection = useStaticListFilterCollection(filter, data);\n\n  return shouldBeRenderedAsDropdown ? (\n    <MultiSelectCheckboxFilter\n      {...rest}\n      collection={collection}\n      filter={filter}\n    />\n  ) : (\n    <MultiInlineCheckboxFilter {...rest} filter={filter} data={data} />\n  );\n}\n\nexport const MultiAutoInlineCheckboxFilter = observer(\n  _MultiAutoInlineCheckboxFilter,\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAGA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,0BAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,8BAAA,GAAAL,OAAA;AAA0F,IAAAM,YAAA;AAE1F,MAAMC,gBAAgB,GAAG,EAAE;AA2B3B,SAASC,8BAA8BA,CACrCC,KAA4C,EAC5C;EACA,MAAM;IAAEC,cAAc,GAAGH,gBAAgB;IAAEI,IAAI;IAAEC,MAAM;IAAE,GAAGC;EAAK,CAAC,GAAGJ,KAAK;EAE1E,MAAM;IAAEK;EAAS,CAAC,GAAG,IAAAC,iDAAyB,EAAC,CAAC;EAEhD,MAAMC,0BAA0B,GAC9BF,QAAQ,KAAK,SAAS,IAAIH,IAAI,CAACM,MAAM,GAAGP,cAAc;EAExD,MAAMQ,UAAU,GAAG,IAAAC,4DAA6B,EAACP,MAAM,EAAED,IAAI,CAAC;EAE9D,OAAOK,0BAA0B,gBAC/BlB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAClB,0BAAA,CAAAmB,yBAAyB,MAAAC,SAAA,CAAAH,OAAA,MACpBP,IAAI;IACRK,UAAU,EAAEA,UAAW;IACvBN,MAAM,EAAEA,MAAO;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAChB,CAAC,gBAEF9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,0BAAA,CAAA2B,yBAAyB,MAAAN,SAAA,CAAAH,OAAA,MAAKP,IAAI;IAAED,MAAM,EAAEA,MAAO;IAACD,IAAI,EAAEA,IAAK;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CACnE;AACH;AAEO,MAAME,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,uBAAQ,EACnDxB,8BACF,CAAC"}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _MultiAutoInlineCheckboxFilter = require("./MultiAutoInlineCheckboxFilter");
+Object.keys(_MultiAutoInlineCheckboxFilter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MultiAutoInlineCheckboxFilter[key]) return;
+  exports[key] = _MultiAutoInlineCheckboxFilter[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_MultiAutoInlineCheckboxFilter","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/MultiAutoInlineCheckboxFilter/index.ts"],"sourcesContent":["export * from './MultiAutoInlineCheckboxFilter';\n"],"mappings":";;;AAAA,IAAAA,8BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,8BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,8BAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,8BAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/MultiBulkActionButton/MultiBulkActionButton.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_DisabledTooltip","_ToolbarCollectionContext","_jsxFileName","MultiBulkActionButton","props","actionItem","state","suffixIcon","tooltip","prefixIcon","label","onClick","dataHook","disabled","biName","biIndex","toolbarBIReporter","useToolbarCollectionContext","default","createElement","DisabledTooltip","content","__self","__source","fileName","lineNumber","columnNumber","Button","skin","priority","size","ctaClicked","location","ctaName","ctaIndex","moreActionsIndex","numCtas","primaryActionItems","length","secondaryActionItems"],"sources":["../../../../src/components/MultiBulkActionButton/MultiBulkActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@wix/design-system';\nimport React from 'react';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { MultiBulkActionSubItemPrivate } from './MultiBulkActionSubItemProps';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { MultiBulkActionToolbarState } from '../MultiBulkActionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface MultiBulkActionButtonProps<T, F extends FiltersMap> {\n  actionItem: MultiBulkActionSubItemPrivate;\n  state: MultiBulkActionToolbarState<T, F>;\n  suffixIcon?: ButtonProps['suffixIcon'];\n}\n\nexport function MultiBulkActionButton<T, F extends FiltersMap>(\n  props: MultiBulkActionButtonProps<T, F>,\n) {\n  const { actionItem, state, suffixIcon } = props;\n  const {\n    tooltip,\n    prefixIcon,\n    label,\n    onClick,\n    dataHook = 'bulk-action-button',\n    disabled,\n    biName,\n    biIndex,\n  } = actionItem;\n\n  const { toolbarBIReporter } = useToolbarCollectionContext();\n\n  return (\n    <DisabledTooltip content={tooltip} dataHook={`${dataHook}-tooltip`}>\n      <Button\n        skin=\"standard\"\n        priority=\"secondary\"\n        size=\"small\"\n        prefixIcon={prefixIcon}\n        onClick={() => {\n          toolbarBIReporter.ctaClicked({\n            location: 'multiBulkActionToolbar',\n            ctaName: biName ?? '',\n            ctaIndex: biIndex + 1,\n            moreActionsIndex: 0,\n            numCtas:\n              state.primaryActionItems.length +\n              state.secondaryActionItems.length,\n          });\n          onClick?.();\n        }}\n        dataHook={dataHook}\n        disabled={disabled}\n        suffixIcon={suffixIcon}\n      >\n        {label}\n      </Button>\n    </DisabledTooltip>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAEA,IAAAI,yBAAA,GAAAJ,OAAA;AAA0E,IAAAK,YAAA;AAUnE,SAASC,qBAAqBA,CACnCC,KAAuC,EACvC;EACA,MAAM;IAAEC,UAAU;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGH,KAAK;EAC/C,MAAM;IACJI,OAAO;IACPC,UAAU;IACVC,KAAK;IACLC,OAAO;IACPC,QAAQ,GAAG,oBAAoB;IAC/BC,QAAQ;IACRC,MAAM;IACNC;EACF,CAAC,GAAGV,UAAU;EAEd,MAAM;IAAEW;EAAkB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAE3D,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACnB,gBAAA,CAAAoB,eAAe;IAACC,OAAO,EAAEb,OAAQ;IAACI,QAAQ,EAAG,GAAEA,QAAS,UAAU;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjE5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAA+B,MAAM;IACLC,IAAI,EAAC,UAAU;IACfC,QAAQ,EAAC,WAAW;IACpBC,IAAI,EAAC,OAAO;IACZrB,UAAU,EAAEA,UAAW;IACvBE,OAAO,EAAEA,CAAA,KAAM;MACbK,iBAAiB,CAACe,UAAU,CAAC;QAC3BC,QAAQ,EAAE,wBAAwB;QAClCC,OAAO,EAAEnB,MAAM,IAAI,EAAE;QACrBoB,QAAQ,EAAEnB,OAAO,GAAG,CAAC;QACrBoB,gBAAgB,EAAE,CAAC;QACnBC,OAAO,EACL9B,KAAK,CAAC+B,kBAAkB,CAACC,MAAM,GAC/BhC,KAAK,CAACiC,oBAAoB,CAACD;MAC/B,CAAC,CAAC;MACF3B,OAAO,YAAPA,OAAO,CAAG,CAAC;IACb,CAAE;IACFC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBN,UAAU,EAAEA,UAAW;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEtBhB,KACK,CACO,CAAC;AAEtB"}

package/dist/cjs/components/MultiBulkActionButton/MultiBulkActionControl.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiBulkActionControl = MultiBulkActionControl;
+var _react = _interopRequireDefault(require("react"));
+var _MultiBulkActionButton = require("./MultiBulkActionButton");
+var _MultiBulkActionPopover = require("./MultiBulkActionPopover");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiBulkActionButton/MultiBulkActionControl.tsx";
+function MultiBulkActionControl(props) {
+  const {
+    actionItem,
+    state
+  } = props;
+  const {
+    subItems
+  } = actionItem;
+  return subItems ? /*#__PURE__*/_react.default.createElement(_MultiBulkActionPopover.MultiBulkActionPopover, {
+    state: state,
+    actionItem: actionItem,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 5
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_MultiBulkActionButton.MultiBulkActionButton, {
+    state: state,
+    actionItem: actionItem,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 5
+    }
+  });
+}
+//# sourceMappingURL=MultiBulkActionControl.js.map