@wix/patterns 0.8.0

package/dist/cjs/components/CollectionListRow/CollectionListRow.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionListRow = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _Fade = require("../Fade");
+var _mobxReactLite = require("mobx-react-lite");
+var _CollectionListItem = require("../CollectionListItem");
+var _CollectionItemActions = require("../CollectionItemActions");
+var _designSystem = require("@wix/design-system");
+var _state = require("../../state");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionListRow/CollectionListRow.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; }
+const CollectionListRow = exports.CollectionListRow = (0, _mobxReactLite.observer)(function CollectionListRow({
+  fade,
+  element,
+  collection,
+  keyedItem,
+  dataHook,
+  ...rest
+}) {
+  const [state] = (0, _react.useState)(() => new _state.ItemActionsState({
+    collection,
+    keyedItem,
+    fade: 'idle'
+  }));
+  const {
+    type: CollectionListItemComponent,
+    props: collectionListItemProps
+  } = element;
+  (0, _react.useEffect)(() => {
+    if (state.keyedItem !== keyedItem) {
+      state.keyedItem = keyedItem;
+    }
+  }, [keyedItem]);
+  const transformColumn = columnElement => {
+    const {
+      props
+    } = columnElement;
+    const overrides = _CollectionListItem.RowActionsColumnSlot.isElementOf(columnElement) ? {
+      width: 100,
+      align: 'right',
+      value: /*#__PURE__*/_react.default.createElement(_CollectionItemActions.CollectionItemActions, {
+        state: state,
+        collection: collection,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 54,
+          columnNumber: 13
+        }
+      })
+    } : {
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        dataHook: "collection-list-column",
+        color: "D20",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 59,
+          columnNumber: 13
+        }
+      }, props.children)
+    };
+    return {
+      ...props,
+      ...overrides
+    };
+  };
+  let child = /*#__PURE__*/_react.default.createElement(CollectionListItemComponent, (0, _extends2.default)({
+    showDivider: true
+  }, collectionListItemProps, {
+    transformColumn: transformColumn,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 72,
+      columnNumber: 5
+    }
+  }));
+  if (fade) {
+    child = /*#__PURE__*/_react.default.createElement(_Fade.Fade, (0, _extends2.default)({
+      timeout: 650
+    }, rest, {
+      onExiting: node => {
+        state.onFadeStart();
+        void (rest.onExiting == null ? void 0 : rest.onExiting(node));
+      },
+      onExited: node => {
+        state.onFadeDone();
+        void (rest.onExited == null ? void 0 : rest.onExited(node));
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 81,
+        columnNumber: 7
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": dataHook,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 93,
+        columnNumber: 9
+      }
+    }, child));
+  }
+  return child;
+});
+//# sourceMappingURL=CollectionListRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Fade","_mobxReactLite","_CollectionListItem","_CollectionItemActions","_designSystem","_state","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CollectionListRow","exports","observer","fade","element","collection","keyedItem","dataHook","rest","state","useState","ItemActionsState","type","CollectionListItemComponent","props","collectionListItemProps","useEffect","transformColumn","columnElement","overrides","RowActionsColumnSlot","isElementOf","width","align","value","createElement","CollectionItemActions","__self","__source","fileName","lineNumber","columnNumber","Box","color","children","child","_extends2","showDivider","Fade","timeout","onExiting","node","onFadeStart","onExited","onFadeDone"],"sources":["../../../../src/components/CollectionListRow/CollectionListRow.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useState } from 'react';\nimport { Fade, FadeProps } from '../Fade';\nimport { CollectionState, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CollectionListItemProps,\n  RowActionsColumnSlot,\n  RowColumnSlotProps,\n} from '../CollectionListItem';\nimport { CollectionItemActions } from '../CollectionItemActions';\nimport { Box } from '@wix/design-system';\nimport { ItemActionsState } from '../../state';\n\nexport interface CollectionListRowProps<T, F extends FiltersMap = FiltersMap>\n  extends Partial<FadeProps> {\n  fade?: boolean;\n  dataHook?: string;\n  collection: CollectionState<T, F>;\n  keyedItem: KeyedItem<T>;\n  element: ReactElement<CollectionListItemProps>;\n}\n\nexport const CollectionListRow = observer(function CollectionListRow<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({\n  fade,\n  element,\n  collection,\n  keyedItem,\n  dataHook,\n  ...rest\n}: CollectionListRowProps<T, F>) {\n  const [state] = useState(\n    () => new ItemActionsState({ collection, keyedItem, fade: 'idle' }),\n  );\n\n  const { type: CollectionListItemComponent, props: collectionListItemProps } =\n    element;\n\n  useEffect(() => {\n    if (state.keyedItem !== keyedItem) {\n      state.keyedItem = keyedItem;\n    }\n  }, [keyedItem]);\n\n  const transformColumn = (columnElement: ReactElement<RowColumnSlotProps>) => {\n    const { props } = columnElement;\n    const overrides = RowActionsColumnSlot.isElementOf(columnElement)\n      ? {\n          width: 100,\n          align: 'right' as const,\n          value: (\n            <CollectionItemActions state={state} collection={collection} />\n          ),\n        }\n      : {\n          value: (\n            <Box dataHook=\"collection-list-column\" color=\"D20\">\n              {props.children}\n            </Box>\n          ),\n        };\n\n    return {\n      ...props,\n      ...overrides,\n    };\n  };\n\n  let child = (\n    <CollectionListItemComponent\n      showDivider\n      {...collectionListItemProps}\n      transformColumn={transformColumn}\n    />\n  );\n\n  if (fade) {\n    child = (\n      <Fade\n        timeout={650}\n        {...rest}\n        onExiting={(node) => {\n          state.onFadeStart();\n          void rest.onExiting?.(node);\n        }}\n        onExited={(node) => {\n          state.onFadeDone();\n          void rest.onExited?.(node);\n        }}\n      >\n        <div data-hook={dataHook}>{child}</div>\n      </Fade>\n    );\n  }\n\n  return child;\n});\n"],"mappings":"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"}

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

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

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

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

package/dist/cjs/components/CollectionModal.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionModal = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionModal.tsx";
+const CollectionModal = exports.CollectionModal = (0, _mobxReactLite.observer)(function CollectionModal({
+  state,
+  ...rest
+}) {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    onClick: e => e.stopPropagation(),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Modal, (0, _extends2.default)({
+    isOpen: state.isOpen,
+    onRequestClose: state.close
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 16,
+      columnNumber: 7
+    }
+  })));
+});
+//# sourceMappingURL=CollectionModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","CollectionModal","exports","observer","state","rest","default","createElement","onClick","e","stopPropagation","__self","__source","fileName","lineNumber","columnNumber","Modal","_extends2","isOpen","onRequestClose","close"],"sources":["../../../src/components/CollectionModal.tsx"],"sourcesContent":["import { Modal, ModalProps } from '@wix/design-system';\nimport React from 'react';\nimport { ModalState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\n\nexport interface CollectionModalProps extends Partial<ModalProps> {\n  state: ModalState;\n}\n\nexport const CollectionModal = observer(function CollectionModal({\n  state,\n  ...rest\n}: CollectionModalProps) {\n  return (\n    <div onClick={(e) => e.stopPropagation()}>\n      <Modal isOpen={state.isOpen} onRequestClose={state.close} {...rest} />\n    </div>\n  );\n});\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAMpC,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASF,eAAeA,CAAC;EAC/DG,KAAK;EACL,GAAGC;AACiB,CAAC,EAAE;EACvB,oBACER,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAKC,OAAO,EAAGC,CAAC,IAAKA,CAAC,CAACC,eAAe,CAAC,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvClB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAqB,KAAK,MAAAC,SAAA,CAAAX,OAAA;IAACY,MAAM,EAAEd,KAAK,CAACc,MAAO;IAACC,cAAc,EAAEf,KAAK,CAACgB;EAAM,GAAKf,IAAI;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAClE,CAAC;AAEV,CAAC,CAAC"}

package/dist/cjs/components/CollectionPage/CollectionPage.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionPage = CollectionPage;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _CollectionPageHeader = require("../CollectionPageHeader");
+var _InfiniteScrollPage = require("../PageWrapper/InfiniteScrollPage");
+var _CollectionContext = require("../CollectionContext");
+var _react2 = require("@wix/bex-core/react");
+var _usePageHeader = require("../../hooks/usePageHeader");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionPage/CollectionPage.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 CollectionPage({
+  children,
+  state,
+  hideTotal,
+  ...rest
+}) {
+  const childrenArr = _react.Children.toArray(children);
+  const {
+    header,
+    title: pageTitle
+  } = (0, _usePageHeader.usePageHeader)(childrenArr);
+  const collectionPageState = (0, _react2.useCollectionPageState)({
+    pageTitle
+  });
+  return /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
+    value: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_InfiniteScrollPage.InfiniteScrollPage, (0, _extends2.default)({
+    state: collectionPageState
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 7
+    }
+  }), header && /*#__PURE__*/_react.default.createElement(_designSystem.Page.Header, (0, _extends2.default)({}, header.props, {
+    title: hideTotal ? header.props.title : /*#__PURE__*/_react.default.createElement(_CollectionPageHeader.CollectionPageHeader, {
+      state: state,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 45,
+        columnNumber: 17
+      }
+    }, header.props.title),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 11
+    }
+  })), childrenArr.filter(e => e !== header)));
+}
+//# sourceMappingURL=CollectionPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_CollectionPageHeader","_InfiniteScrollPage","_CollectionContext","_react2","_usePageHeader","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CollectionPage","children","state","hideTotal","rest","childrenArr","Children","toArray","header","title","pageTitle","usePageHeader","collectionPageState","useCollectionPageState","createElement","CollectionProvider","value","__self","__source","fileName","lineNumber","columnNumber","InfiniteScrollPage","_extends2","Page","Header","props","CollectionPageHeader","filter"],"sources":["../../../../src/components/CollectionPage/CollectionPage.tsx"],"sourcesContent":["import { Page, PageProps } from '@wix/design-system';\nimport React, { Children, ReactNode } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { CollectionPageHeader } from '../CollectionPageHeader';\nimport { InfiniteScrollPage } from '../PageWrapper/InfiniteScrollPage';\nimport { CollectionProvider } from '../CollectionContext';\nimport { useCollectionPageState } from '@wix/bex-core/react';\nimport { usePageHeader } from '../../hooks/usePageHeader';\n\nexport interface CollectionPageProps<T, F extends FiltersMap>\n  extends PageProps {\n  /**\n   * A collection state instance created with [useCollection](./?path=/story/common-hooks--usecollection)\n   * @external\n   */\n  state: CollectionState<T, F>;\n  children?: ReactNode;\n  /**\n   * Hide total items count\n   * @external\n   */\n  hideTotal?: boolean;\n}\nexport function CollectionPage<T, F extends FiltersMap = FiltersMap>({\n  children,\n  state,\n  hideTotal,\n  ...rest\n}: CollectionPageProps<T, F>) {\n  const childrenArr = Children.toArray(children);\n\n  const { header, title: pageTitle } = usePageHeader(childrenArr);\n  const collectionPageState = useCollectionPageState({ pageTitle });\n\n  return (\n    <CollectionProvider value={state}>\n      <InfiniteScrollPage state={collectionPageState} {...rest}>\n        {header && (\n          <Page.Header\n            {...header.props}\n            title={\n              hideTotal ? (\n                header.props.title\n              ) : (\n                <CollectionPageHeader state={state}>\n                  {header.props.title}\n                </CollectionPageHeader>\n              )\n            }\n          />\n        )}\n        {childrenArr.filter((e) => e !== header)}\n      </InfiniteScrollPage>\n    </CollectionProvider>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAA0D,IAAAQ,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAgBnD,SAASY,cAAcA,CAAuC;EACnEC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACT,GAAGC;AACsB,CAAC,EAAE;EAC5B,MAAMC,WAAW,GAAGC,eAAQ,CAACC,OAAO,CAACN,QAAQ,CAAC;EAE9C,MAAM;IAAEO,MAAM;IAAEC,KAAK,EAAEC;EAAU,CAAC,GAAG,IAAAC,4BAAa,EAACN,WAAW,CAAC;EAC/D,MAAMO,mBAAmB,GAAG,IAAAC,8BAAsB,EAAC;IAAEH;EAAU,CAAC,CAAC;EAEjE,oBACEvC,MAAA,CAAAc,OAAA,CAAA6B,aAAA,CAACvC,kBAAA,CAAAwC,kBAAkB;IAACC,KAAK,EAAEd,KAAM;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC/BlD,MAAA,CAAAc,OAAA,CAAA6B,aAAA,CAACxC,mBAAA,CAAAgD,kBAAkB,MAAAC,SAAA,CAAAtC,OAAA;IAACiB,KAAK,EAAEU;EAAoB,GAAKR,IAAI;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,IACrDb,MAAM,iBACLrC,MAAA,CAAAc,OAAA,CAAA6B,aAAA,CAAC7C,aAAA,CAAAuD,IAAI,CAACC,MAAM,MAAAF,SAAA,CAAAtC,OAAA,MACNuB,MAAM,CAACkB,KAAK;IAChBjB,KAAK,EACHN,SAAS,GACPK,MAAM,CAACkB,KAAK,CAACjB,KAAK,gBAElBtC,MAAA,CAAAc,OAAA,CAAA6B,aAAA,CAACzC,qBAAA,CAAAsD,oBAAoB;MAACzB,KAAK,EAAEA,KAAM;MAAAe,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzC,YAAA;QAAA0C,UAAA;QAAAC,YAAA;MAAA;IAAA,GAChCb,MAAM,CAACkB,KAAK,CAACjB,KACM,CAEzB;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CACF,EACAhB,WAAW,CAACuB,MAAM,CAAEhD,CAAC,IAAKA,CAAC,KAAK4B,MAAM,CACrB,CACF,CAAC;AAEzB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_CollectionPage","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/CollectionPage/index.ts"],"sourcesContent":["export * from './CollectionPage';\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/CollectionPageContent/CollectionPageContent.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CollectionPageContent = CollectionPageContent;
+var _CollectionPage = require("../../state/CollectionPage");
+function CollectionPageContent(_props) {
+  return null;
+}
+CollectionPageContent.useCollectionPageContent = _CollectionPage.useCollectionPageContent;
+CollectionPageContent.displayName = 'CollectionPageContent';
+//# sourceMappingURL=CollectionPageContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_CollectionPage","require","CollectionPageContent","_props","useCollectionPageContent","displayName"],"sources":["../../../../src/components/CollectionPageContent/CollectionPageContent.tsx"],"sourcesContent":["import { ContentProps } from '@wix/design-system';\nimport { ReactElement } from 'react';\nimport { useCollectionPageContent } from '../../state/CollectionPage';\n\nexport interface CollectionPageContentProps extends ContentProps {}\n\nexport type CollectionPageContentElement = ReactElement<\n  CollectionPageContentProps,\n  typeof CollectionPageContent\n>;\n\nexport function CollectionPageContent(_props: CollectionPageContentProps) {\n  return null;\n}\n\nCollectionPageContent.useCollectionPageContent = useCollectionPageContent;\nCollectionPageContent.displayName = 'CollectionPageContent';\n"],"mappings":";;;;AAEA,IAAAA,eAAA,GAAAC,OAAA;AASO,SAASC,qBAAqBA,CAACC,MAAkC,EAAE;EACxE,OAAO,IAAI;AACb;AAEAD,qBAAqB,CAACE,wBAAwB,GAAGA,wCAAwB;AACzEF,qBAAqB,CAACG,WAAW,GAAG,uBAAuB"}

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

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

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

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

package/dist/cjs/components/CollectionPageHeader/CollectionPageHeader.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionPageHeader = void 0;
+exports._CollectionPageHeader = _CollectionPageHeader;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionPageHeader/CollectionPageHeader.tsx";
+function _CollectionPageHeader(props) {
+  const {
+    state,
+    children,
+    ...rest
+  } = props;
+  const {
+    initTask,
+    result: {
+      total
+    }
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
+    direction: "horizontal"
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    paddingRight: "9px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 7
+    }
+  }, children), initTask.status.isSuccess && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: "page-header-total-count",
+    color: "D40",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 9
+    }
+  }, total));
+}
+const CollectionPageHeader = exports.CollectionPageHeader = (0, _mobxReactLite.observer)(_CollectionPageHeader);
+//# sourceMappingURL=CollectionPageHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_jsxFileName","_CollectionPageHeader","props","state","children","rest","initTask","result","total","default","createElement","Box","_extends2","direction","__self","__source","fileName","lineNumber","columnNumber","paddingRight","status","isSuccess","dataHook","color","CollectionPageHeader","exports","observer"],"sources":["../../../../src/components/CollectionPageHeader/CollectionPageHeader.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, BoxProps } from '@wix/design-system';\nimport { CollectionStateProps } from '../collectionStateProps';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface CollectionPageHeaderProps<T, F extends FiltersMap = FiltersMap>\n  extends Partial<BoxProps>,\n    CollectionStateProps<T, F> {\n  children?: ReactNode;\n}\n\nexport function _CollectionPageHeader<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionPageHeaderProps<T, F>,\n) {\n  const { state, children, ...rest } = props;\n  const {\n    initTask,\n    result: { total },\n  } = state;\n  return (\n    <Box direction=\"horizontal\" {...rest}>\n      <Box paddingRight=\"9px\">{children}</Box>\n      {initTask.status.isSuccess && (\n        <Box dataHook=\"page-header-total-count\" color=\"D40\">\n          {total}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nexport const CollectionPageHeader = observer(_CollectionPageHeader);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AASpC,SAASC,qBAAqBA,CACnCC,KAAsC,EACtC;EACA,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC1C,MAAM;IACJI,QAAQ;IACRC,MAAM,EAAE;MAAEC;IAAM;EAClB,CAAC,GAAGL,KAAK;EACT,oBACER,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG,MAAAC,SAAA,CAAAH,OAAA;IAACI,SAAS,EAAC;EAAY,GAAKR,IAAI;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAClCvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IAACQ,YAAY,EAAC,KAAK;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEd,QAAc,CAAC,EACvCE,QAAQ,CAACc,MAAM,CAACC,SAAS,iBACxB1B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,GAAG;IAACW,QAAQ,EAAC,yBAAyB;IAACC,KAAK,EAAC,KAAK;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChDV,KACE,CAEJ,CAAC;AAEV;AAEO,MAAMgB,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACzB,qBAAqB,CAAC"}

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

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

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

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

package/dist/cjs/components/CollectionPageHeaderNew/CollectionPageHeader.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CollectionPageHeader = CollectionPageHeader;
+var _CollectionPage = require("../../state/CollectionPage");
+function CollectionPageHeader(_props) {
+  return null;
+}
+CollectionPageHeader.useCollectionPageHeader = _CollectionPage.useCollectionPageHeader;
+CollectionPageHeader.displayName = 'CollectionPageHeader';
+//# sourceMappingURL=CollectionPageHeader.js.map

package/dist/cjs/components/CollectionPageHeaderNew/CollectionPageHeader.js.map

@@ -0,0 +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';\n\nexport type BreadcrumbsElement = ReactElement<\n  BreadcrumbsProps,\n  typeof Breadcrumbs\n>;\n\nexport interface CollectionPageHeaderProps {\n  /**\n   * [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: If you want 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   * Page subtitle text\n   * @external\n   */\n  subtitle?: { text: string };\n\n  /**\n   * [PrimaryPageButton](./?path=story/components-page-primarypagebutton--primarypagebutton) element to be rendered on the header\n   * @external\n   */\n  primaryAction?: PrimaryPageButtonElement;\n\n  /**\n   * [MoreActions](./?path=/story/common-components-moreactions--moreactions) element 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;AA+CO,SAASC,oBAAoBA,CAACC,MAAiC,EAAE;EACtE,OAAO,IAAI;AACb;AAEAD,oBAAoB,CAACE,uBAAuB,GAAGA,uCAAuB;AACtEF,oBAAoB,CAACG,WAAW,GAAG,sBAAsB"}

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

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

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

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

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

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionPage = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _useCollectionPageChild = require("../../hooks/useCollectionPageChild");
+var _CollectionPageHeaderNew = require("../CollectionPageHeaderNew");
+var _PageWrapper = require("../PageWrapper");
+var _CollectionPageContent = require("../CollectionPageContent");
+var _mobxReactLite = require("mobx-react-lite");
+var _providers = require("../../providers");
+var _usePageHeaderNew = require("../../hooks/usePageHeaderNew");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionPageNew/CollectionPage.tsx";
+function _CollectionPage({
+  children,
+  ...rest
+}) {
+  const wrappedChildren = (0, _useCollectionPageChild.useCollectionPageChild)(children);
+  const childrenArr = _react.default.Children.toArray(children);
+  const {
+    title: pageTitle,
+    hideTotal: hideHeaderTotal,
+    header
+  } = (0, _usePageHeaderNew.usePageHeader)(childrenArr);
+  const collectionPageState = (0, _react2.useCollectionPageState)({
+    pageTitle,
+    hasHeader: header != null,
+    hideHeaderTotal
+  });
+  return /*#__PURE__*/_react.default.createElement(_providers.CollectionPageContextProvider, {
+    value: collectionPageState,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_PageWrapper.PageWrapperBase, {
+    pageState: collectionPageState.pageState,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Page, (0, _extends2.default)({}, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 9
+    }
+  }), wrappedChildren)));
+}
+_CollectionPage.Header = _CollectionPageHeaderNew.CollectionPageHeader;
+_CollectionPage.Content = _CollectionPageContent.CollectionPageContent;
+_CollectionPage.displayName = 'CollectionPage';
+const CollectionPage = exports.CollectionPage = (0, _mobxReactLite.observer)(_CollectionPage);
+//# sourceMappingURL=CollectionPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_useCollectionPageChild","_CollectionPageHeaderNew","_PageWrapper","_CollectionPageContent","_mobxReactLite","_providers","_usePageHeaderNew","_react2","_jsxFileName","_CollectionPage","children","rest","wrappedChildren","useCollectionPageChild","childrenArr","React","Children","toArray","title","pageTitle","hideTotal","hideHeaderTotal","header","usePageHeader","collectionPageState","useCollectionPageState","hasHeader","default","createElement","CollectionPageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","PageWrapperBase","pageState","Page","_extends2","Header","CollectionPageHeader","Content","CollectionPageContent","displayName","CollectionPage","exports","observer"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.tsx"],"sourcesContent":["import { PageProps, Page } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { useCollectionPageChild } from '../../hooks/useCollectionPageChild';\nimport { CollectionPageHeader } from '../CollectionPageHeaderNew';\nimport { PageWrapperBase } from '../PageWrapper';\nimport { CollectionPageContent } from '../CollectionPageContent';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionPageContextProvider } from '../../providers';\nimport { usePageHeader } from '../../hooks/usePageHeaderNew';\nimport { useCollectionPageState } from '@wix/bex-core/react';\n\nexport interface CollectionPageProps extends PageProps {\n  /**\n   * Accepts [CollectionPage.Header](./?path=/story/components-page-collectionpage--collectionpage-header) and [CollectionPage.Content](./?path=/story/components-page-collectionpage--collectionpage-content) elements\n   * @external\n   */\n  children?: ReactNode;\n}\n\nfunction _CollectionPage({ children, ...rest }: CollectionPageProps) {\n  const wrappedChildren = useCollectionPageChild(children);\n  const childrenArr = React.Children.toArray(children);\n  const {\n    title: pageTitle,\n    hideTotal: hideHeaderTotal,\n    header,\n  } = usePageHeader(childrenArr);\n  const collectionPageState = useCollectionPageState({\n    pageTitle,\n    hasHeader: header != null,\n    hideHeaderTotal,\n  });\n\n  return (\n    <CollectionPageContextProvider value={collectionPageState}>\n      <PageWrapperBase pageState={collectionPageState.pageState}>\n        <Page {...rest}>{wrappedChildren}</Page>\n      </PageWrapperBase>\n    </CollectionPageContextProvider>\n  );\n}\n\n_CollectionPage.Header = CollectionPageHeader;\n_CollectionPage.Content = CollectionPageContent;\n\n_CollectionPage.displayName = 'CollectionPage';\n\nexport const CollectionPage = observer(_CollectionPage);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,sBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AAA6D,IAAAW,YAAA;AAU7D,SAASC,eAAeA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAA0B,CAAC,EAAE;EACnE,MAAMC,eAAe,GAAG,IAAAC,8CAAsB,EAACH,QAAQ,CAAC;EACxD,MAAMI,WAAW,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACP,QAAQ,CAAC;EACpD,MAAM;IACJQ,KAAK,EAAEC,SAAS;IAChBC,SAAS,EAAEC,eAAe;IAC1BC;EACF,CAAC,GAAG,IAAAC,+BAAa,EAACT,WAAW,CAAC;EAC9B,MAAMU,mBAAmB,GAAG,IAAAC,8BAAsB,EAAC;IACjDN,SAAS;IACTO,SAAS,EAAEJ,MAAM,IAAI,IAAI;IACzBD;EACF,CAAC,CAAC;EAEF,oBACEvB,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACvB,UAAA,CAAAwB,6BAA6B;IAACC,KAAK,EAAEN,mBAAoB;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxDrC,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAC1B,YAAA,CAAAkC,eAAe;IAACC,SAAS,EAAEb,mBAAmB,CAACa,SAAU;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxDrC,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAChC,aAAA,CAAA0C,IAAI,MAAAC,SAAA,CAAAZ,OAAA,MAAKhB,IAAI;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,IAAGvB,eAAsB,CACxB,CACY,CAAC;AAEpC;AAEAH,eAAe,CAAC+B,MAAM,GAAGC,6CAAoB;AAC7ChC,eAAe,CAACiC,OAAO,GAAGC,4CAAqB;AAE/ClC,eAAe,CAACmC,WAAW,GAAG,gBAAgB;AAEvC,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAACtC,eAAe,CAAC"}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _unidriver = require("../../unidriver");
+var _unidriver2 = require("@wix/design-system/dist/testkit/unidriver");
+var _default = (base, body) => {
+  const moreActionsPopoverDriver = dataHook => (0, _unidriver2.PopoverMenuUniDriver)(base.$(`[data-hook="${dataHook}"]`), body);
+  return {
+    /** Returns primary action button driver */
+    getPrimaryAction: dataHook => (0, _unidriver2.ButtonUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
+    getMoreActions: dataHook => ({
+      exists: () => moreActionsPopoverDriver(dataHook).exists(),
+      /** Opens the more actions popover */
+      open: () => moreActionsPopoverDriver(dataHook).getTriggerElement('more-actions-popover-button').click(),
+      /** Indicates whether the more actions popover is open */
+      isOpen: () => moreActionsPopoverDriver(dataHook).isMenuOpen(),
+      /** Clicks at child by data-hook */
+      clickAtChildByDataHook: childDataHook => moreActionsPopoverDriver(dataHook).clickAtChildByDataHook(childDataHook),
+      /** Clicks at child by index */
+      clickAtChildByIndex: index => moreActionsPopoverDriver(dataHook).clickAtChild(index),
+      /** Gets content at index */
+      childContentAt: index => moreActionsPopoverDriver(dataHook).itemContentAt(index),
+      /** Gets children count */
+      childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount()
+    }),
+    getPageHeader: () => (0, _unidriver2.PageHeaderUniDriver)(base.$(`[data-hook="collection-page-header"]`), body),
+    ...(0, _unidriver.baseUniDriverFactory)(base)
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=CollectionPage.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","_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","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';\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    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAImD,IAAAE,QAAA,GAEpCA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,MAAMC,wBAAwB,GAAIC,QAAgB,IAChD,IAAAC,gCAAoB,EAACJ,IAAI,CAACK,CAAC,CAAE,eAAcF,QAAS,IAAG,CAAC,EAAEF,IAAI,CAAC;EAEjE,OAAO;IACL;IACAK,gBAAgB,EAAGH,QAAgB,IACjC,IAAAI,2BAAe,EAACP,IAAI,CAACK,CAAC,CAAE,eAAcF,QAAS,IAAG,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,CAAE,sCAAqC,CAAC,EAAEJ,IAAI,CAAC;IAE3E,GAAG,IAAAwB,+BAAoB,EAACzB,IAAI;EAC9B,CAAC;AACH,CAAC;AAAA0B,OAAA,CAAAC,OAAA,GAAA5B,QAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_CollectionPage","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/CollectionPageNew/index.ts"],"sourcesContent":["export * from './CollectionPage';\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"}