@wix/patterns 0.8.0

package/dist/cjs/components/PageGridInfiniteScrollLoader.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PageGridInfiniteScrollLoader = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _useCollectionReachBottom = require("./useCollectionReachBottom");
+var _react = _interopRequireDefault(require("react"));
+var _SkeletonInfiniteScrollLoader = require("./InfiniteScrollLoader/SkeletonInfiniteScrollLoader");
+var _providers = require("../providers");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PageGridInfiniteScrollLoader.tsx";
+function _PageSkeletonInfiniteScrollLoader(props) {
+  const {
+    scrollMoreAlways,
+    ...rest
+  } = props;
+  const {
+    scrollableContentRef
+  } = (0, _providers.useScrollableContentContext)();
+  const {
+    targetRef
+  } = (0, _useCollectionReachBottom.useCollectionReachBottom)({
+    collection: props.state.collection,
+    containerRef: scrollableContentRef,
+    scrollMoreAlways
+  });
+  return /*#__PURE__*/_react.default.createElement(_SkeletonInfiniteScrollLoader.SkeletonInfiniteScrollLoader, (0, _extends2.default)({
+    targetRef: targetRef
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 10
+    }
+  }));
+}
+const PageGridInfiniteScrollLoader = exports.PageGridInfiniteScrollLoader = (0, _mobxReactLite.observer)(_PageSkeletonInfiniteScrollLoader);
+//# sourceMappingURL=PageGridInfiniteScrollLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_useCollectionReachBottom","require","_react","_interopRequireDefault","_SkeletonInfiniteScrollLoader","_providers","_mobxReactLite","_jsxFileName","_PageSkeletonInfiniteScrollLoader","props","scrollMoreAlways","rest","scrollableContentRef","useScrollableContentContext","targetRef","useCollectionReachBottom","collection","state","containerRef","default","createElement","SkeletonInfiniteScrollLoader","_extends2","__self","__source","fileName","lineNumber","columnNumber","PageGridInfiniteScrollLoader","exports","observer"],"sources":["../../../src/components/PageGridInfiniteScrollLoader.tsx"],"sourcesContent":["import { useCollectionReachBottom } from './useCollectionReachBottom';\nimport React from 'react';\nimport {\n  SkeletonInfiniteScrollLoader,\n  SkeletonInfiniteScrollLoaderProps,\n} from './InfiniteScrollLoader/SkeletonInfiniteScrollLoader';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useScrollableContentContext } from '../providers';\nimport { observer } from 'mobx-react-lite';\nimport { GridBaseState } from '../state';\n\nexport interface PageGridInfiniteScrollLoaderProps<T, F extends FiltersMap>\n  extends Partial<SkeletonInfiniteScrollLoaderProps<T, F>> {\n  dataHook?: string;\n  state: GridBaseState<T, F>;\n  scrollMoreAlways?: boolean;\n}\n\nfunction _PageSkeletonInfiniteScrollLoader<T, F extends FiltersMap>(\n  props: PageGridInfiniteScrollLoaderProps<T, F>,\n) {\n  const { scrollMoreAlways, ...rest } = props;\n  const { scrollableContentRef } = useScrollableContentContext();\n\n  const { targetRef } = useCollectionReachBottom({\n    collection: props.state.collection,\n    containerRef: scrollableContentRef,\n    scrollMoreAlways,\n  });\n\n  return <SkeletonInfiniteScrollLoader targetRef={targetRef} {...rest} />;\n}\n\nexport const PageGridInfiniteScrollLoader = observer(\n  _PageSkeletonInfiniteScrollLoader,\n);\n"],"mappings":";;;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,6BAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AAU3C,SAASC,iCAAiCA,CACxCC,KAA8C,EAC9C;EACA,MAAM;IAAEC,gBAAgB;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAC3C,MAAM;IAAEG;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAE9D,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,kDAAwB,EAAC;IAC7CC,UAAU,EAAEP,KAAK,CAACQ,KAAK,CAACD,UAAU;IAClCE,YAAY,EAAEN,oBAAoB;IAClCF;EACF,CAAC,CAAC;EAEF,oBAAOR,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAAChB,6BAAA,CAAAiB,4BAA4B,MAAAC,SAAA,CAAAH,OAAA;IAACL,SAAS,EAAEA;EAAU,GAAKH,IAAI;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AACzE;AAEO,MAAMC,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDtB,iCACF,CAAC"}

package/dist/cjs/components/PageInfiniteScrollLoader.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PageInfiniteScrollLoader = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _useCollectionReachBottom = require("./useCollectionReachBottom");
+var _react = _interopRequireDefault(require("react"));
+var _InfiniteScrollLoader = require("./InfiniteScrollLoader/InfiniteScrollLoader");
+var _mobxReactLite = require("mobx-react-lite");
+var _providers = require("../providers");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PageInfiniteScrollLoader.tsx";
+function _PageInfiniteScrollLoader(props) {
+  const {
+    scrollMoreAlways,
+    ...rest
+  } = props;
+  const {
+    scrollableContentRef
+  } = (0, _providers.useScrollableContentContext)();
+  const {
+    targetRef
+  } = (0, _useCollectionReachBottom.useCollectionReachBottom)({
+    collection: props.state,
+    containerRef: scrollableContentRef,
+    scrollMoreAlways
+  });
+  return /*#__PURE__*/_react.default.createElement(_InfiniteScrollLoader.InfiniteScrollLoader, (0, _extends2.default)({
+    targetRef: targetRef
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 10
+    }
+  }));
+}
+const PageInfiniteScrollLoader = exports.PageInfiniteScrollLoader = (0, _mobxReactLite.observer)(_PageInfiniteScrollLoader);
+//# sourceMappingURL=PageInfiniteScrollLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_useCollectionReachBottom","require","_react","_interopRequireDefault","_InfiniteScrollLoader","_mobxReactLite","_providers","_jsxFileName","_PageInfiniteScrollLoader","props","scrollMoreAlways","rest","scrollableContentRef","useScrollableContentContext","targetRef","useCollectionReachBottom","collection","state","containerRef","default","createElement","InfiniteScrollLoader","_extends2","__self","__source","fileName","lineNumber","columnNumber","PageInfiniteScrollLoader","exports","observer"],"sources":["../../../src/components/PageInfiniteScrollLoader.tsx"],"sourcesContent":["import { useCollectionReachBottom } from './useCollectionReachBottom';\nimport React from 'react';\nimport { InfiniteScrollLoader } from './InfiniteScrollLoader/InfiniteScrollLoader';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { useScrollableContentContext } from '../providers';\n\nexport interface PageInfiniteScrollLoaderProps<T, F extends FiltersMap> {\n  dataHook?: string;\n  state: CollectionState<T, F>;\n  scrollMoreAlways?: boolean;\n}\n\nfunction _PageInfiniteScrollLoader<T, F extends FiltersMap>(\n  props: PageInfiniteScrollLoaderProps<T, F>,\n) {\n  const { scrollMoreAlways, ...rest } = props;\n  const { scrollableContentRef } = useScrollableContentContext();\n\n  const { targetRef } = useCollectionReachBottom({\n    collection: props.state,\n    containerRef: scrollableContentRef,\n    scrollMoreAlways,\n  });\n\n  return <InfiniteScrollLoader targetRef={targetRef} {...rest} />;\n}\n\nexport const PageInfiniteScrollLoader = observer(_PageInfiniteScrollLoader);\n"],"mappings":";;;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA2D,IAAAM,YAAA;AAQ3D,SAASC,yBAAyBA,CAChCC,KAA0C,EAC1C;EACA,MAAM;IAAEC,gBAAgB;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAC3C,MAAM;IAAEG;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAE9D,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,kDAAwB,EAAC;IAC7CC,UAAU,EAAEP,KAAK,CAACQ,KAAK;IACvBC,YAAY,EAAEN,oBAAoB;IAClCF;EACF,CAAC,CAAC;EAEF,oBAAOR,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAAChB,qBAAA,CAAAiB,oBAAoB,MAAAC,SAAA,CAAAH,OAAA;IAACL,SAAS,EAAEA;EAAU,GAAKH,IAAI;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AACjE;AAEO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAACtB,yBAAyB,CAAC"}

package/dist/cjs/components/PageWrapper/InfiniteScrollPage.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.InfiniteScrollPage = InfiniteScrollPage;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _providers = require("../../providers");
+var _usePageHeader = require("../../hooks/usePageHeader");
+var _react2 = require("@wix/bex-core/react");
+var _PageWrapperBase = require("./PageWrapperBase");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PageWrapper/InfiniteScrollPage.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 InfiniteScrollPage({
+  children,
+  ...props
+}) {
+  // WSR <Page /> expects a flattened children array
+  const childrenArr = _react.Children.toArray(children);
+  const {
+    title: pageTitle,
+    header
+  } = (0, _usePageHeader.usePageHeader)(childrenArr);
+  const collectionPageState = (0, _react2.useCollectionPageState)({
+    pageTitle,
+    hasHeader: header != null
+  }, props.state);
+  const {
+    pageState
+  } = collectionPageState;
+  return /*#__PURE__*/_react.default.createElement(_providers.CollectionPageContextProvider, {
+    value: collectionPageState,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_PageWrapperBase.PageWrapperBase, {
+    pageState: pageState,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Page, (0, _extends2.default)({}, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 9
+    }
+  }), childrenArr)));
+}
+//# sourceMappingURL=InfiniteScrollPage.js.map

package/dist/cjs/components/PageWrapper/InfiniteScrollPage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_providers","_usePageHeader","_react2","_PageWrapperBase","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","InfiniteScrollPage","children","props","childrenArr","Children","toArray","title","pageTitle","header","usePageHeader","collectionPageState","useCollectionPageState","hasHeader","state","pageState","createElement","CollectionPageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","PageWrapperBase","Page","_extends2"],"sources":["../../../../src/components/PageWrapper/InfiniteScrollPage.tsx"],"sourcesContent":["import { Page, PageProps } from '@wix/design-system';\nimport React, { Children, ReactNode } from 'react';\nimport { CollectionPageContextProvider } from '../../providers';\nimport { usePageHeader } from '../../hooks/usePageHeader';\nimport { CollectionPageState } from '@wix/bex-core';\nimport { useCollectionPageState } from '@wix/bex-core/react';\nimport { PageWrapperBase } from './PageWrapperBase';\n\ninterface PagePropsWithChildren extends PageProps {\n  state?: CollectionPageState;\n}\n\nexport interface InfiniteScrollPageProps extends PagePropsWithChildren {\n  children: ReactNode;\n}\n\nexport function InfiniteScrollPage({\n  children,\n  ...props\n}: InfiniteScrollPageProps) {\n  // WSR <Page /> expects a flattened children array\n  const childrenArr = Children.toArray(children);\n\n  const { title: pageTitle, header } = usePageHeader(childrenArr);\n  const collectionPageState = useCollectionPageState(\n    { pageTitle, hasHeader: header != null },\n    props.state,\n  );\n\n  const { pageState } = collectionPageState;\n\n  return (\n    <CollectionPageContextProvider value={collectionPageState}>\n      <PageWrapperBase pageState={pageState}>\n        <Page {...props}>{childrenArr}</Page>\n      </PageWrapperBase>\n    </CollectionPageContextProvider>\n  );\n}\n"],"mappings":"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"}

package/dist/cjs/components/PageWrapper/PageWrapper.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PageWrapper = PageWrapper;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _PageWrapperBase = require("./PageWrapperBase");
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PageWrapper/PageWrapper.tsx";
+function PageWrapper(props) {
+  return /*#__PURE__*/_react.default.createElement(_PageWrapperBase.PageWrapperBase, (0, _extends2.default)({}, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 9,
+      columnNumber: 10
+    }
+  }));
+}
+//# sourceMappingURL=PageWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_PageWrapperBase","require","_react","_interopRequireDefault","_jsxFileName","PageWrapper","props","default","createElement","PageWrapperBase","_extends2","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/PageWrapper/PageWrapper.tsx"],"sourcesContent":["import { PageWrapperBase } from './PageWrapperBase';\nimport React from 'react';\n\nexport interface PageWrapperProps {\n  children?: React.ReactNode;\n}\n\nexport function PageWrapper(props: PageWrapperProps) {\n  return <PageWrapperBase {...props} />;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,IAAAG,YAAA;AAMnB,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,oBAAOJ,MAAA,CAAAK,OAAA,CAAAC,aAAA,CAACR,gBAAA,CAAAS,eAAe,MAAAC,SAAA,CAAAH,OAAA,MAAKD,KAAK;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AACvC"}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.PageWrapperUniDriver = PageWrapperUniDriver;
+var _unidriver = require("../../unidriver");
+function PageWrapperUniDriver(base, _body) {
+  return {
+    getLang: async () => base.attr('lang'),
+    ...(0, _unidriver.baseUniDriverFactory)(base)
+  };
+}
+//# sourceMappingURL=PageWrapper.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","PageWrapperUniDriver","base","_body","getLang","attr","baseUniDriverFactory"],"sources":["../../../../src/components/PageWrapper/PageWrapper.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function PageWrapperUniDriver(base: UniDriver, _body: UniDriver) {\n  return {\n    getLang: async () => base.attr('lang'),\n    ...baseUniDriverFactory(base),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,oBAAoBA,CAACC,IAAe,EAAEC,KAAgB,EAAE;EACtE,OAAO;IACLC,OAAO,EAAE,MAAAA,CAAA,KAAYF,IAAI,CAACG,IAAI,CAAC,MAAM,CAAC;IACtC,GAAG,IAAAC,+BAAoB,EAACJ,IAAI;EAC9B,CAAC;AACH"}

package/dist/cjs/components/PageWrapper/PageWrapperBase.js

@@ -0,0 +1,86 @@
+"use strict";
+
+exports.__esModule = true;
+exports.PageWrapperBase = PageWrapperBase;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@wix/bex-utils/react");
+var _react3 = require("@wix/bex-core/react");
+var _bexCore = require("@wix/bex-core");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PageWrapper/PageWrapperBase.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 PageWrapperBase(props) {
+  const {
+    pageState,
+    children
+  } = props;
+  const [state] = (0, _react.useState)(() => pageState ?? new _bexCore.PageState());
+  const {
+    modalsContainerRef,
+    stackingRootRef,
+    _sidePanelOpen
+  } = state;
+  const sidePanelOpen = (0, _react2.useReactive)(_sidePanelOpen);
+  const {
+    environment
+  } = (0, _react3.useWixPatternsContainer)();
+  const pageAndModalsRootStyle = (0, _react.useMemo)(() => ({
+    position: 'relative',
+    width: sidePanelOpen ? `calc(100% - ${_bexCore.SidePanelWidth}px)` : '100%',
+    height: '100%',
+    transition: 'width 0.4s ease 0s',
+    zIndex: 1
+  }), [sidePanelOpen]);
+  const rootStyle = (0, _react.useMemo)(() => ({
+    position: 'relative',
+    width: '100%',
+    height: '100%'
+  }), []);
+  const modalsContainerStyle = (0, _react.useMemo)(() => ({
+    position: 'absolute',
+    zIndex: 1
+  }), []);
+  return /*#__PURE__*/_react.default.createElement(_react3.PageContextProvider, {
+    value: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    "data-wix-patterns": true,
+    style: rootStyle,
+    "data-hook": "cairo-root-stacking",
+    ref: el => {
+      stackingRootRef.current = el;
+    },
+    lang: environment.language,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 52,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: pageAndModalsRootStyle,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 9
+    }
+  }, children), /*#__PURE__*/_react.default.createElement("div", {
+    ref: el => {
+      modalsContainerRef.current = el;
+    },
+    style: modalsContainerStyle,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 62,
+      columnNumber: 9
+    }
+  })));
+}
+//# sourceMappingURL=PageWrapperBase.js.map

package/dist/cjs/components/PageWrapper/PageWrapperBase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_react3","_bexCore","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PageWrapperBase","props","pageState","children","state","useState","PageState","modalsContainerRef","stackingRootRef","_sidePanelOpen","sidePanelOpen","useReactive","environment","useWixPatternsContainer","pageAndModalsRootStyle","useMemo","position","width","SidePanelWidth","height","transition","zIndex","rootStyle","modalsContainerStyle","createElement","PageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","style","ref","el","current","lang","language"],"sources":["../../../../src/components/PageWrapper/PageWrapperBase.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\nimport { useReactive } from '@wix/bex-utils/react';\nimport {\n  PageContextProvider,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\nimport { PageState, SidePanelWidth } from '@wix/bex-core';\n\nexport interface PageWrapperBaseProps {\n  pageState?: PageState;\n  children?: ReactNode;\n}\n\nexport function PageWrapperBase(props: PageWrapperBaseProps) {\n  const { pageState, children } = props;\n\n  const [state] = useState(() => pageState ?? new PageState());\n  const { modalsContainerRef, stackingRootRef, _sidePanelOpen } = state;\n  const sidePanelOpen = useReactive(_sidePanelOpen);\n  const { environment } = useWixPatternsContainer();\n\n  const pageAndModalsRootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: sidePanelOpen ? `calc(100% - ${SidePanelWidth}px)` : '100%',\n      height: '100%',\n      transition: 'width 0.4s ease 0s',\n      zIndex: 1,\n    }),\n    [sidePanelOpen],\n  );\n\n  const rootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: '100%',\n      height: '100%',\n    }),\n    [],\n  );\n\n  const modalsContainerStyle = useMemo(\n    () => ({\n      position: 'absolute' as const,\n      zIndex: 1,\n    }),\n    [],\n  );\n\n  return (\n    <PageContextProvider value={state}>\n      <div\n        data-wix-patterns\n        style={rootStyle}\n        data-hook=\"cairo-root-stacking\"\n        ref={(el) => {\n          stackingRootRef.current = el;\n        }}\n        lang={environment.language}\n      >\n        <div style={pageAndModalsRootStyle}>{children}</div>\n        <div\n          ref={(el) => {\n            modalsContainerRef.current = el;\n          }}\n          style={modalsContainerStyle}\n        />\n      </div>\n    </PageContextProvider>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PaginationTable = void 0;
+exports._PaginationTable = _PaginationTable;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _CollectionPagination = require("../CollectionPagination");
+var _CollectionTable = require("../CollectionTable");
+var _state = require("../../state");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PaginationTable/PaginationTable.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 _PaginationTable(props) {
+  const {
+    state: collection,
+    cardProps,
+    ...rest
+  } = props;
+  const container = (0, _react2.useWixPatternsContainer)();
+  const [state] = (0, _react.useState)(() => new _state.TableState({
+    collection,
+    container
+  }));
+  (0, _react.useEffect)(() => state.init({
+    featuresInitializers: []
+  }), []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CollectionTable.CollectionTable, (0, _extends2.default)({
+    state: state,
+    cardProps: {
+      stretchVertically: true,
+      ...cardProps
+    }
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 7
+    }
+  })), /*#__PURE__*/_react.default.createElement(_CollectionPagination.CollectionPagination, {
+    state: state.collection,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 7
+    }
+  }));
+}
+const PaginationTable = exports.PaginationTable = (0, _mobxReactLite.observer)(_PaginationTable);
+//# sourceMappingURL=PaginationTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionPagination","_CollectionTable","_state","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_PaginationTable","props","state","collection","cardProps","rest","container","useWixPatternsContainer","useState","TableState","useEffect","init","featuresInitializers","createElement","Fragment","CollectionTable","_extends2","stretchVertically","__self","__source","fileName","lineNumber","columnNumber","CollectionPagination","PaginationTable","exports","observer"],"sources":["../../../../src/components/PaginationTable/PaginationTable.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionPagination } from '../CollectionPagination';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { CollectionTable, CollectionTableProps } from '../CollectionTable';\nimport { TableState } from '../../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface PaginationTableProps<T, F extends FiltersMap>\n  extends Omit<CollectionTableProps<T, F>, 'state'> {\n  state: CollectionState<T, F>;\n}\n\nexport function _PaginationTable<T, F extends FiltersMap = FiltersMap>(\n  props: PaginationTableProps<T, F>,\n) {\n  const { state: collection, cardProps, ...rest } = props;\n\n  const container = useWixPatternsContainer();\n\n  const [state] = useState(\n    () =>\n      new TableState({\n        collection,\n        container,\n      }),\n  );\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: [],\n      }),\n    [],\n  );\n\n  return (\n    <>\n      <CollectionTable\n        state={state}\n        cardProps={{ stretchVertically: true, ...cardProps }}\n        {...rest}\n      />\n\n      <CollectionPagination state={state.collection} />\n    </>\n  );\n}\n\nexport const PaginationTable = observer(_PaginationTable);\n"],"mappings":"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"}

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/components/PartialFunctionComponent.ts"],"sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\n\nexport type PartialFunctionComponent<P = {}> = (\n  props: PropsWithChildren<P>,\n  context?: any,\n) => Partial<ReactElement<any, any>> | null;\n"],"mappings":""}

package/dist/cjs/components/Picker/Picker.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Picker = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _PickerEmptyState = require("../PickerEmptyState");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Picker/Picker.tsx";
+function _Picker(props) {
+  const {
+    state,
+    renderEmptyState,
+    renderError,
+    dataHook,
+    children,
+    flex,
+    hasFilterDropdown
+  } = props;
+  const {
+    collection,
+    minContentHeight
+  } = state;
+  const {
+    showRefreshLoader,
+    result: {
+      status,
+      isEmptyAndNotFetching
+    }
+  } = collection;
+  let child;
+  if (status.isIdle || showRefreshLoader) {
+    // the loader container should be according to the last number of items height (`contentHeight`)
+    child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      height: "100%",
+      align: "center",
+      verticalAlign: "middle",
+      minHeight: minContentHeight,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 42,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+      dataHook: "search-loader",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 48,
+        columnNumber: 9
+      }
+    }));
+    child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      overflow: "auto",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 53,
+        columnNumber: 7
+      }
+    }, child);
+  } else if (status.isError) {
+    child = renderError({
+      err: status.error,
+      isOnline: collection.isOnline()
+    });
+    child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      align: "center",
+      verticalAlign: "middle",
+      paddingTop: "SP2",
+      paddingBottom: "SP9",
+      height: "100%",
+      minHeight: minContentHeight,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 63,
+        columnNumber: 7
+      }
+    }, child);
+    child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      overflow: "auto",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 76,
+        columnNumber: 7
+      }
+    }, child);
+  } else if (isEmptyAndNotFetching) {
+    child = /*#__PURE__*/_react.default.createElement(_PickerEmptyState.PickerEmptyState, {
+      state: state,
+      hasFilterDropdown: hasFilterDropdown,
+      renderEmptyState: renderEmptyState,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 82,
+        columnNumber: 7
+      }
+    });
+  } else {
+    child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      minHeight: minContentHeight,
+      direction: "vertical",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 90,
+        columnNumber: 7
+      }
+    }, children);
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: dataHook,
+    direction: "vertical",
+    overflow: "hidden",
+    flex: flex,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 97,
+      columnNumber: 5
+    }
+  }, child);
+}
+const Picker = exports.Picker = (0, _mobxReactLite.observer)(_Picker);
+//# sourceMappingURL=Picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_PickerEmptyState","_jsxFileName","_Picker","props","state","renderEmptyState","renderError","dataHook","children","flex","hasFilterDropdown","collection","minContentHeight","showRefreshLoader","result","status","isEmptyAndNotFetching","child","isIdle","default","createElement","Box","height","align","verticalAlign","minHeight","__self","__source","fileName","lineNumber","columnNumber","Loader","direction","overflow","isError","err","error","isOnline","paddingTop","paddingBottom","PickerEmptyState","Picker","exports","observer"],"sources":["../../../../src/components/Picker/Picker.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement, ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { ComputedQuery, FiltersMap, PickerState } from '@wix/bex-core';\nimport { Box, BoxProps, Loader } from '@wix/design-system';\nimport { PickerEmptyState } from '../PickerEmptyState';\n\nexport interface PickerProps<T, F extends FiltersMap> {\n  dataHook?: BoxProps['dataHook'];\n  flex?: CSSProperties['flex'];\n  state: PickerState<T, F>;\n  renderError: (params: { err: unknown; isOnline: boolean }) => ReactElement;\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement;\n  hasFilterDropdown?: boolean;\n  children: ReactNode;\n}\n\nfunction _Picker<T, F extends FiltersMap = FiltersMap>(\n  props: PickerProps<T, F>,\n) {\n  const {\n    state,\n    renderEmptyState,\n    renderError,\n    dataHook,\n    children,\n    flex,\n    hasFilterDropdown,\n  } = props;\n  const { collection, minContentHeight } = state;\n  const {\n    showRefreshLoader,\n    result: { status, isEmptyAndNotFetching },\n  } = collection;\n\n  let child: ReactNode;\n  if (status.isIdle || showRefreshLoader) {\n    // the loader container should be according to the last number of items height (`contentHeight`)\n    child = (\n      <Box\n        height=\"100%\"\n        align=\"center\"\n        verticalAlign=\"middle\"\n        minHeight={minContentHeight}\n      >\n        <Loader dataHook=\"search-loader\" />\n      </Box>\n    );\n\n    child = (\n      <Box direction=\"vertical\" overflow=\"auto\">\n        {child}\n      </Box>\n    );\n  } else if (status.isError) {\n    child = renderError({\n      err: status.error,\n      isOnline: collection.isOnline(),\n    });\n    child = (\n      <Box\n        align=\"center\"\n        verticalAlign=\"middle\"\n        paddingTop=\"SP2\"\n        paddingBottom=\"SP9\"\n        height=\"100%\"\n        minHeight={minContentHeight}\n      >\n        {child}\n      </Box>\n    );\n\n    child = (\n      <Box direction=\"vertical\" overflow=\"auto\">\n        {child}\n      </Box>\n    );\n  } else if (isEmptyAndNotFetching) {\n    child = (\n      <PickerEmptyState\n        state={state}\n        hasFilterDropdown={hasFilterDropdown}\n        renderEmptyState={renderEmptyState}\n      />\n    );\n  } else {\n    child = (\n      <Box minHeight={minContentHeight} direction=\"vertical\">\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" overflow=\"hidden\" flex={flex}>\n      {child}\n    </Box>\n  );\n}\n\nexport const Picker = observer(_Picker);\n"],"mappings":"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"}