@wix/patterns 0.8.0

package/dist/cjs/components/Grid/GridFoldersItemsSection.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridFoldersItemsSection = void 0;
+var _GridSectionHeader = require("./GridSectionHeader");
+var _VirtualGridRepeater = require("../VirtualGridRepeater/VirtualGridRepeater");
+var _PageGridInfiniteScrollLoader = require("../PageGridInfiniteScrollLoader");
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _GridFoldersSection = require("./GridFoldersSection");
+var _InitialSkeletonLoader = require("../InitialLoader/InitialSkeletonLoader");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridFoldersItemsSection.tsx";
+function _GridFoldersItemsSection({
+  state,
+  renderItem,
+  sectionTitle
+}) {
+  const {
+    container: {
+      translate: t
+    },
+    toolbar,
+    items: {
+      collection: {
+        showRefreshLoader
+      }
+    }
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_GridFoldersSection.GridFoldersSection, {
+    state: state.items,
+    dataHook: "items-section",
+    header: state.showItemsSectionHeader && /*#__PURE__*/_react.default.createElement(_GridSectionHeader.GridSectionHeader, {
+      state: toolbar,
+      sectionTitle: sectionTitle ?? t('section.header.items'),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 47,
+        columnNumber: 11
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 42,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_VirtualGridRepeater.VirtualGridRepeater, {
+    renderItem: renderItem,
+    gridState: state.items,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 7
+    }
+  }), showRefreshLoader && /*#__PURE__*/_react.default.createElement(_InitialSkeletonLoader.InitialSkeletonLoader, {
+    dataHook: "refresh-loader",
+    state: state.items,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 57,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(_PageGridInfiniteScrollLoader.PageGridInfiniteScrollLoader, {
+    dataHook: "items-infinite-scroll-loader",
+    state: state.items,
+    scrollMoreAlways: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 60,
+      columnNumber: 7
+    }
+  }));
+}
+const GridFoldersItemsSection = exports.GridFoldersItemsSection = (0, _mobxReactLite.observer)(_GridFoldersItemsSection);
+//# sourceMappingURL=GridFoldersItemsSection.js.map

package/dist/cjs/components/Grid/GridFoldersItemsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_GridSectionHeader","require","_VirtualGridRepeater","_PageGridInfiniteScrollLoader","_react","_interopRequireDefault","_mobxReactLite","_GridFoldersSection","_InitialSkeletonLoader","_jsxFileName","_GridFoldersItemsSection","state","renderItem","sectionTitle","container","translate","t","toolbar","items","collection","showRefreshLoader","default","createElement","GridFoldersSection","dataHook","header","showItemsSectionHeader","GridSectionHeader","__self","__source","fileName","lineNumber","columnNumber","VirtualGridRepeater","gridState","InitialSkeletonLoader","PageGridInfiniteScrollLoader","scrollMoreAlways","GridFoldersItemsSection","exports","observer"],"sources":["../../../../src/components/Grid/GridFoldersItemsSection.tsx"],"sourcesContent":["import { GridSectionHeader } from './GridSectionHeader';\nimport { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';\nimport { PageGridInfiniteScrollLoader } from '../PageGridInfiniteScrollLoader';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridFoldersSection } from './GridFoldersSection';\nimport { GridFoldersState } from '../../state';\nimport { RenderItem } from './RenderItem';\nimport { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';\n\nexport interface GridFoldersItemsSectionProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  state: GridFoldersState<T1, F1, T2, F2>;\n  sectionTitle?: string;\n  renderItem: RenderItem;\n}\n\nfunction _GridFoldersItemsSection<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>({\n  state,\n  renderItem,\n  sectionTitle,\n}: GridFoldersItemsSectionProps<T1, F1, T2, F2>) {\n  const {\n    container: { translate: t },\n    toolbar,\n    items: {\n      collection: { showRefreshLoader },\n    },\n  } = state;\n\n  return (\n    <GridFoldersSection\n      state={state.items}\n      dataHook=\"items-section\"\n      header={\n        state.showItemsSectionHeader && (\n          <GridSectionHeader\n            state={toolbar}\n            sectionTitle={sectionTitle ?? t('section.header.items')}\n          />\n        )\n      }\n    >\n      <VirtualGridRepeater renderItem={renderItem} gridState={state.items} />\n\n      {showRefreshLoader && (\n        <InitialSkeletonLoader dataHook=\"refresh-loader\" state={state.items} />\n      )}\n\n      <PageGridInfiniteScrollLoader\n        dataHook=\"items-infinite-scroll-loader\"\n        state={state.items}\n        scrollMoreAlways\n      />\n    </GridFoldersSection>\n  );\n}\n\nexport const GridFoldersItemsSection = observer(_GridFoldersItemsSection);\n"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,6BAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AAGA,IAAAO,sBAAA,GAAAP,OAAA;AAA+E,IAAAQ,YAAA;AAa/E,SAASC,wBAAwBA,CAK/B;EACAC,KAAK;EACLC,UAAU;EACVC;AAC4C,CAAC,EAAE;EAC/C,MAAM;IACJC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE,CAAC;IAC3BC,OAAO;IACPC,KAAK,EAAE;MACLC,UAAU,EAAE;QAAEC;MAAkB;IAClC;EACF,CAAC,GAAGT,KAAK;EAET,oBACEP,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,mBAAA,CAAAgB,kBAAkB;IACjBZ,KAAK,EAAEA,KAAK,CAACO,KAAM;IACnBM,QAAQ,EAAC,eAAe;IACxBC,MAAM,EACJd,KAAK,CAACe,sBAAsB,iBAC1BtB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACtB,kBAAA,CAAA2B,iBAAiB;MAChBhB,KAAK,EAAEM,OAAQ;MACfJ,YAAY,EAAEA,YAAY,IAAIG,CAAC,CAAC,sBAAsB,CAAE;MAAAY,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,CACzD,CAEJ;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAED5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACpB,oBAAA,CAAA+B,mBAAmB;IAACrB,UAAU,EAAEA,UAAW;IAACsB,SAAS,EAAEvB,KAAK,CAACO,KAAM;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAEtEZ,iBAAiB,iBAChBhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,sBAAA,CAAA2B,qBAAqB;IAACX,QAAQ,EAAC,gBAAgB;IAACb,KAAK,EAAEA,KAAK,CAACO,KAAM;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvE,eAED5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACnB,6BAAA,CAAAiC,4BAA4B;IAC3BZ,QAAQ,EAAC,8BAA8B;IACvCb,KAAK,EAAEA,KAAK,CAACO,KAAM;IACnBmB,gBAAgB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjB,CACiB,CAAC;AAEzB;AAEO,MAAMM,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,wBAAwB,CAAC"}

package/dist/cjs/components/Grid/GridFoldersLoadingSection.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridFoldersLoadingSection = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _InitialSkeletonLoader = require("../InitialLoader/InitialSkeletonLoader");
+var _GridFoldersSection = require("./GridFoldersSection");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridFoldersLoadingSection.tsx";
+function _GridFoldersLoadingSection(props) {
+  const {
+    state
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_GridFoldersSection.GridFoldersSection, {
+    state: state.items,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_InitialSkeletonLoader.InitialSkeletonLoader, {
+    dataHook: "initial-loader",
+    state: state.items,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 7
+    }
+  }));
+}
+const GridFoldersLoadingSection = exports.GridFoldersLoadingSection = (0, _mobxReactLite.observer)(_GridFoldersLoadingSection);
+//# sourceMappingURL=GridFoldersLoadingSection.js.map

package/dist/cjs/components/Grid/GridFoldersLoadingSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_InitialSkeletonLoader","_GridFoldersSection","_jsxFileName","_GridFoldersLoadingSection","props","state","default","createElement","GridFoldersSection","items","__self","__source","fileName","lineNumber","columnNumber","InitialSkeletonLoader","dataHook","GridFoldersLoadingSection","exports","observer"],"sources":["../../../../src/components/Grid/GridFoldersLoadingSection.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';\nimport { GridFoldersState } from '../../state';\nimport { GridFoldersSection } from './GridFoldersSection';\n\nexport interface GridFoldersLoadingSectionProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  state: GridFoldersState<T1, F1, T2, F2>;\n}\n\nfunction _GridFoldersLoadingSection<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: GridFoldersLoadingSectionProps<T1, F1, T2, F2>) {\n  const { state } = props;\n\n  return (\n    <GridFoldersSection state={state.items}>\n      <InitialSkeletonLoader dataHook=\"initial-loader\" state={state.items} />\n    </GridFoldersSection>\n  );\n}\n\nexport const GridFoldersLoadingSection = observer(_GridFoldersLoadingSection);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAEA,IAAAG,mBAAA,GAAAH,OAAA;AAA0D,IAAAI,YAAA;AAW1D,SAASC,0BAA0BA,CAKjCC,KAAqD,EAAE;EACvD,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,oBACER,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,mBAAA,CAAAO,kBAAkB;IAACH,KAAK,EAAEA,KAAK,CAACI,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrClB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,sBAAA,CAAAe,qBAAqB;IAACC,QAAQ,EAAC,gBAAgB;IAACX,KAAK,EAAEA,KAAK,CAACI,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACpD,CAAC;AAEzB;AAEO,MAAMG,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAQ,EAAChB,0BAA0B,CAAC"}

package/dist/cjs/components/Grid/GridFoldersPlaceholderStates.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridFoldersPlaceholderStates = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _PlaceholderStatesBase = require("../PlaceholderStates/PlaceholderStatesBase");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridFoldersPlaceholderStates.tsx";
+function _GridFoldersPlaceholderStates(props) {
+  const {
+    state,
+    renderEmptyState,
+    renderError,
+    topNotification,
+    children
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_PlaceholderStatesBase.PlaceholderStatesBase, {
+    state: state,
+    topNotification: topNotification,
+    renderEmptyState: renderEmptyState,
+    renderError: renderError,
+    loadingState: null,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 5
+    }
+  }, children);
+}
+const GridFoldersPlaceholderStates = exports.GridFoldersPlaceholderStates = (0, _mobxReactLite.observer)(_GridFoldersPlaceholderStates);
+//# sourceMappingURL=GridFoldersPlaceholderStates.js.map

package/dist/cjs/components/Grid/GridFoldersPlaceholderStates.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_PlaceholderStatesBase","_jsxFileName","_GridFoldersPlaceholderStates","props","state","renderEmptyState","renderError","topNotification","children","default","createElement","PlaceholderStatesBase","loadingState","__self","__source","fileName","lineNumber","columnNumber","GridFoldersPlaceholderStates","exports","observer"],"sources":["../../../../src/components/Grid/GridFoldersPlaceholderStates.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  PlaceholderStatesBase,\n  PlaceholderStatesBaseProps,\n} from '../PlaceholderStates/PlaceholderStatesBase';\nimport { GridFoldersState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface GridFoldersPlaceholderStatesProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<PlaceholderStatesBaseProps, 'state'> {\n  state: GridFoldersState<T1, F1, T2, F2>;\n}\n\nfunction _GridFoldersPlaceholderStates<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: GridFoldersPlaceholderStatesProps<T1, F1, T2, F2>) {\n  const { state, renderEmptyState, renderError, topNotification, children } =\n    props;\n  return (\n    <PlaceholderStatesBase\n      state={state}\n      topNotification={topNotification}\n      renderEmptyState={renderEmptyState}\n      renderError={renderError}\n      loadingState={null}\n    >\n      {children}\n    </PlaceholderStatesBase>\n  );\n}\n\nexport const GridFoldersPlaceholderStates = observer(\n  _GridFoldersPlaceholderStates,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAGoD,IAAAG,YAAA;AAapD,SAASC,6BAA6BA,CAKpCC,KAAwD,EAAE;EAC1D,MAAM;IAAEC,KAAK;IAAEC,gBAAgB;IAAEC,WAAW;IAAEC,eAAe;IAAEC;EAAS,CAAC,GACvEL,KAAK;EACP,oBACEP,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,sBAAA,CAAAW,qBAAqB;IACpBP,KAAK,EAAEA,KAAM;IACbG,eAAe,EAAEA,eAAgB;IACjCF,gBAAgB,EAAEA,gBAAiB;IACnCC,WAAW,EAAEA,WAAY;IACzBM,YAAY,EAAE,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBT,QACoB,CAAC;AAE5B;AAEO,MAAMU,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDlB,6BACF,CAAC"}

package/dist/cjs/components/Grid/GridFoldersSection.js

@@ -0,0 +1,56 @@
+"use strict";
+
+exports.__esModule = true;
+exports.GridFoldersSection = void 0;
+var _mobxReactLite = require("mobx-react-lite");
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridFoldersSection.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 _GridFoldersSection(props) {
+  const {
+    dataHook,
+    state,
+    header,
+    children
+  } = props;
+  const {
+    toolbar: {
+      contentPaddingPx
+    }
+  } = state;
+  (0, _react.useEffect)(() => state._containerRectState.init(), []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": dataHook,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 5
+    }
+  }, header, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    paddingTop: contentPaddingPx,
+    paddingRight: contentPaddingPx,
+    paddingLeft: contentPaddingPx,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: el => {
+      state._containerRectState.element = el;
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 9
+    }
+  }, children)));
+}
+const GridFoldersSection = exports.GridFoldersSection = (0, _mobxReactLite.observer)(_GridFoldersSection);
+//# sourceMappingURL=GridFoldersSection.js.map

package/dist/cjs/components/Grid/GridFoldersSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_GridFoldersSection","props","dataHook","state","header","children","toolbar","contentPaddingPx","useEffect","_containerRectState","init","createElement","__self","__source","fileName","lineNumber","columnNumber","Box","direction","paddingTop","paddingRight","paddingLeft","ref","el","element","GridFoldersSection","exports","observer"],"sources":["../../../../src/components/Grid/GridFoldersSection.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { ReactNode, useEffect } from 'react';\nimport { Box } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridBaseState } from '../../state';\n\nexport interface GridFoldersSectionProps<T, F extends FiltersMap> {\n  dataHook?: string;\n  state: GridBaseState<T, F>;\n  header?: ReactNode;\n  children?: ReactNode;\n}\n\nfunction _GridFoldersSection<T, F extends FiltersMap>(\n  props: GridFoldersSectionProps<T, F>,\n) {\n  const { dataHook, state, header, children } = props;\n  const {\n    toolbar: { contentPaddingPx },\n  } = state;\n\n  useEffect(() => state._containerRectState.init(), []);\n\n  return (\n    <div data-hook={dataHook}>\n      {header}\n      <Box\n        direction=\"vertical\"\n        paddingTop={contentPaddingPx}\n        paddingRight={contentPaddingPx}\n        paddingLeft={contentPaddingPx}\n      >\n        <div\n          ref={(el) => {\n            state._containerRectState.element = el;\n          }}\n        >\n          {children}\n        </div>\n      </Box>\n    </div>\n  );\n}\n\nexport const GridFoldersSection = observer(_GridFoldersSection);\n"],"mappings":";;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAAyC,IAAAI,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,SAAAJ,wBAAAI,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;AAWzC,SAASY,mBAAmBA,CAC1BC,KAAoC,EACpC;EACA,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACnD,MAAM;IACJK,OAAO,EAAE;MAAEC;IAAiB;EAC9B,CAAC,GAAGJ,KAAK;EAET,IAAAK,gBAAS,EAAC,MAAML,KAAK,CAACM,mBAAmB,CAACC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAErD,oBACEnC,MAAA,CAAAU,OAAA,CAAA0B,aAAA;IAAK,aAAWT,QAAS;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtBZ,MAAM,eACP7B,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAAClC,aAAA,CAAAwC,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,UAAU,EAAEZ,gBAAiB;IAC7Ba,YAAY,EAAEb,gBAAiB;IAC/Bc,WAAW,EAAEd,gBAAiB;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE9BzC,MAAA,CAAAU,OAAA,CAAA0B,aAAA;IACEW,GAAG,EAAGC,EAAE,IAAK;MACXpB,KAAK,CAACM,mBAAmB,CAACe,OAAO,GAAGD,EAAE;IACxC,CAAE;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDX,QACE,CACF,CACF,CAAC;AAEV;AAEO,MAAMoB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAC3B,mBAAmB,CAAC"}

package/dist/cjs/components/Grid/GridFoldersSection.uni.driver.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridFoldersSectionUniDriver = GridFoldersSectionUniDriver;
+var _unidriver = require("../../unidriver");
+var _GridUni = _interopRequireDefault(require("./Grid.uni.driver"));
+function GridFoldersSectionUniDriver(base, body) {
+  const refreshLoader = () => base.$('[data-hook="refresh-loader"]');
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    /** Gets a [GridUniDriver]() for the section */
+    grid: () => (0, _GridUni.default)(base, body),
+    /** Indicates the section header exists */
+    headerExists: () => base.$('[data-hook="section-header"]').exists(),
+    /** Indicates a skeleton loader exists */
+    refreshLoaderExists: () => refreshLoader().exists()
+  };
+}
+//# sourceMappingURL=GridFoldersSection.uni.driver.js.map

package/dist/cjs/components/Grid/GridFoldersSection.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_GridUni","_interopRequireDefault","GridFoldersSectionUniDriver","base","body","refreshLoader","$","baseUniDriverFactory","grid","GridUniDriver","headerExists","exists","refreshLoaderExists"],"sources":["../../../../src/components/Grid/GridFoldersSection.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport GridUniDriver from './Grid.uni.driver';\n\nexport function GridFoldersSectionUniDriver(base: UniDriver, body: UniDriver) {\n  const refreshLoader = () => base.$('[data-hook=\"refresh-loader\"]');\n\n  return {\n    ...baseUniDriverFactory(base),\n    /** Gets a [GridUniDriver]() for the section */\n    grid: () => GridUniDriver(base, body),\n    /** Indicates the section header exists */\n    headerExists: () => base.$('[data-hook=\"section-header\"]').exists(),\n    /** Indicates a skeleton loader exists */\n    refreshLoaderExists: () => refreshLoader().exists(),\n  };\n}\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEO,SAASG,2BAA2BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC5E,MAAMC,aAAa,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,8BAA8B,CAAC;EAElE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACJ,IAAI,CAAC;IAC7B;IACAK,IAAI,EAAEA,CAAA,KAAM,IAAAC,gBAAa,EAACN,IAAI,EAAEC,IAAI,CAAC;IACrC;IACAM,YAAY,EAAEA,CAAA,KAAMP,IAAI,CAACG,CAAC,CAAC,8BAA8B,CAAC,CAACK,MAAM,CAAC,CAAC;IACnE;IACAC,mBAAmB,EAAEA,CAAA,KAAMP,aAAa,CAAC,CAAC,CAACM,MAAM,CAAC;EACpD,CAAC;AACH"}

package/dist/cjs/components/Grid/GridFoldersSectionsGroup.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridFoldersSectionsGroup = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _useRenderItem = require("./useRenderItem");
+var _renderFolderItem = require("./renderFolderItem");
+var _GridFoldersFolderSection = require("./GridFoldersFolderSection");
+var _GridFoldersItemsSection = require("./GridFoldersItemsSection");
+var _GridFoldersLoadingSection = require("./GridFoldersLoadingSection");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridFoldersSectionsGroup.tsx";
+function _GridFoldersSectionsGroup(props) {
+  const {
+    state,
+    itemsSectionTitle,
+    foldersSectionTitle
+  } = props;
+  const renderItem = (0, _useRenderItem.useRenderItem)({
+    ...props,
+    state: state.items
+  });
+  const renderFolderItem = (0, _renderFolderItem.useRenderFolderItem)({
+    ...props,
+    state: state.folders
+  });
+  const {
+    showLoadingSection
+  } = state;
+  return showLoadingSection ? /*#__PURE__*/_react.default.createElement(_GridFoldersLoadingSection.GridFoldersLoadingSection, {
+    state: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 66,
+      columnNumber: 5
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, state.showFoldersSection && /*#__PURE__*/_react.default.createElement(_GridFoldersFolderSection.GridFoldersFolderSection, {
+    state: state,
+    sectionTitle: foldersSectionTitle,
+    renderItem: renderFolderItem,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 70,
+      columnNumber: 9
+    }
+  }), state.showItemsSection && /*#__PURE__*/_react.default.createElement(_GridFoldersItemsSection.GridFoldersItemsSection, {
+    state: state,
+    renderItem: renderItem,
+    sectionTitle: itemsSectionTitle,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 77,
+      columnNumber: 9
+    }
+  }));
+}
+const GridFoldersSectionsGroup = exports.GridFoldersSectionsGroup = (0, _mobxReactLite.observer)(_GridFoldersSectionsGroup);
+//# sourceMappingURL=GridFoldersSectionsGroup.js.map

package/dist/cjs/components/Grid/GridFoldersSectionsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_useRenderItem","_renderFolderItem","_GridFoldersFolderSection","_GridFoldersItemsSection","_GridFoldersLoadingSection","_jsxFileName","_GridFoldersSectionsGroup","props","state","itemsSectionTitle","foldersSectionTitle","renderItem","useRenderItem","items","renderFolderItem","useRenderFolderItem","folders","showLoadingSection","default","createElement","GridFoldersLoadingSection","__self","__source","fileName","lineNumber","columnNumber","Fragment","showFoldersSection","GridFoldersFolderSection","sectionTitle","showItemsSection","GridFoldersItemsSection","GridFoldersSectionsGroup","exports","observer"],"sources":["../../../../src/components/Grid/GridFoldersSectionsGroup.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridFoldersState } from '../../state';\nimport { useRenderItem } from './useRenderItem';\nimport { useRenderFolderItem } from './renderFolderItem';\nimport { GridFoldersFolderSection } from './GridFoldersFolderSection';\nimport { GridFoldersItemsSection } from './GridFoldersItemsSection';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { ActionCell } from '../ActionCell';\nimport { AddItemProps } from '@wix/design-system';\nimport { DragAndDrop } from '../DragAndDrop';\nimport { GridFoldersLoadingSection } from './GridFoldersLoadingSection';\n\nexport interface GridFoldersSectionsGroupProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  dataHook?: string;\n\n  state: GridFoldersState<T1, F1, T2, F2>;\n\n  itemsSectionTitle?: string;\n  foldersSectionTitle?: string;\n\n  renderItem?: (\n    item: T1,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  actionCell?: ActionCell<T1, F1>;\n  renderAddItem?: () => ReactElement<AddItemProps>;\n\n  renderFolderItem?: (\n    item: T2,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  folderActionCell?: ActionCell<T2, F2>;\n  renderFolderAddItem?: () => ReactElement<AddItemProps>;\n\n  dragAndDrop?: DragAndDrop;\n}\n\nfunction _GridFoldersSectionsGroup<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: GridFoldersSectionsGroupProps<T1, F1, T2, F2>) {\n  const { state, itemsSectionTitle, foldersSectionTitle } = props;\n\n  const renderItem = useRenderItem({\n    ...props,\n    state: state.items,\n  });\n\n  const renderFolderItem = useRenderFolderItem({\n    ...props,\n    state: state.folders,\n  });\n\n  const { showLoadingSection } = state;\n\n  return showLoadingSection ? (\n    <GridFoldersLoadingSection state={state} />\n  ) : (\n    <>\n      {state.showFoldersSection && (\n        <GridFoldersFolderSection\n          state={state}\n          sectionTitle={foldersSectionTitle}\n          renderItem={renderFolderItem}\n        />\n      )}\n      {state.showItemsSection && (\n        <GridFoldersItemsSection\n          state={state}\n          renderItem={renderItem}\n          sectionTitle={itemsSectionTitle}\n        />\n      )}\n    </>\n  );\n}\n\nexport const GridFoldersSectionsGroup = observer(_GridFoldersSectionsGroup);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AAKA,IAAAM,0BAAA,GAAAN,OAAA;AAAwE,IAAAO,YAAA;AAgCxE,SAASC,yBAAyBA,CAKhCC,KAAoD,EAAE;EACtD,MAAM;IAAEC,KAAK;IAAEC,iBAAiB;IAAEC;EAAoB,CAAC,GAAGH,KAAK;EAE/D,MAAMI,UAAU,GAAG,IAAAC,4BAAa,EAAC;IAC/B,GAAGL,KAAK;IACRC,KAAK,EAAEA,KAAK,CAACK;EACf,CAAC,CAAC;EAEF,MAAMC,gBAAgB,GAAG,IAAAC,qCAAmB,EAAC;IAC3C,GAAGR,KAAK;IACRC,KAAK,EAAEA,KAAK,CAACQ;EACf,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAmB,CAAC,GAAGT,KAAK;EAEpC,OAAOS,kBAAkB,gBACvBrB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACf,0BAAA,CAAAgB,yBAAyB;IAACZ,KAAK,EAAEA,KAAM;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAE3C7B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAAvB,MAAA,CAAAsB,OAAA,CAAAQ,QAAA,QACGlB,KAAK,CAACmB,kBAAkB,iBACvB/B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACjB,yBAAA,CAAA0B,wBAAwB;IACvBpB,KAAK,EAAEA,KAAM;IACbqB,YAAY,EAAEnB,mBAAoB;IAClCC,UAAU,EAAEG,gBAAiB;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9B,CACF,EACAjB,KAAK,CAACsB,gBAAgB,iBACrBlC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAChB,wBAAA,CAAA4B,uBAAuB;IACtBvB,KAAK,EAAEA,KAAM;IACbG,UAAU,EAAEA,UAAW;IACvBkB,YAAY,EAAEpB,iBAAkB;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjC,CAEH,CACH;AACH;AAEO,MAAMO,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAAC5B,yBAAyB,CAAC"}

package/dist/cjs/components/Grid/GridItem.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridItem = void 0;
+var _mobxReactLite = require("mobx-react-lite");
+var _GridCardItem = require("./GridCardItem");
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridItem.tsx";
+function _GridItem(props) {
+  const {
+    state,
+    preset,
+    index,
+    rowIndex,
+    columnIndex,
+    renderItem,
+    renderAddItem,
+    actionCell,
+    dragAndDrop,
+    isOverlay
+  } = props;
+  const renderType = state.getItemRenderTypeAt(index);
+  const {
+    collection: {
+      query: {
+        hasNonPersistentActiveFilters
+      }
+    }
+  } = state;
+  if (renderType === null) {
+    return null;
+  }
+  if (renderType === 'trailing') {
+    if (hasNonPersistentActiveFilters) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: "add-item",
+      "data-hook": "grid-add-item-container",
+      style: {
+        height: '100%'
+      },
+      onClick: () => state.onAddItemClick(),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 61,
+        columnNumber: 7
+      }
+    }, renderAddItem == null ? void 0 : renderAddItem());
+  }
+  let child = /*#__PURE__*/_react.default.createElement(_GridCardItem.GridCardItem, {
+    state: state,
+    index: index,
+    rowIndex: rowIndex,
+    columnIndex: columnIndex,
+    keyedItem: renderType,
+    renderItem: renderItem,
+    actionCell: actionCell,
+    preset: preset,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 73,
+      columnNumber: 5
+    }
+  });
+  if (dragAndDrop) {
+    const {
+      DraggableCard
+    } = dragAndDrop;
+    child = /*#__PURE__*/_react.default.createElement(DraggableCard, {
+      id: renderType.key,
+      index: renderType.index,
+      state: state,
+      isOverlay: isOverlay,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 88,
+        columnNumber: 7
+      }
+    }, child);
+  }
+  return child;
+}
+const GridItem = exports.GridItem = (0, _mobxReactLite.observer)(_GridItem);
+//# sourceMappingURL=GridItem.js.map

package/dist/cjs/components/Grid/GridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_GridCardItem","_react","_interopRequireDefault","_jsxFileName","_GridItem","props","state","preset","index","rowIndex","columnIndex","renderItem","renderAddItem","actionCell","dragAndDrop","isOverlay","renderType","getItemRenderTypeAt","collection","query","hasNonPersistentActiveFilters","default","createElement","key","style","height","onClick","onAddItemClick","__self","__source","fileName","lineNumber","columnNumber","child","GridCardItem","keyedItem","DraggableCard","id","GridItem","exports","observer"],"sources":["../../../../src/components/Grid/GridItem.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { GridCardItem } from './GridCardItem';\nimport React, { ReactElement } from 'react';\nimport { ActionCellAPI, GridBaseState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { AddItemProps } from '@wix/design-system';\nimport { DragAndDrop } from '../DragAndDrop';\nimport { ActionCellProps } from '../ActionCell';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\n\nexport interface GridItemProps<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n  preset?: 'full' | 'title' | 'empty';\n  renderAddItem?: () => ReactElement<AddItemProps>;\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n\n  index: number;\n  rowIndex?: number;\n  columnIndex?: number;\n  actionCell?:\n    | ActionCellProps\n    | ((item: T, index: number, api: ActionCellAPI<T, F>) => ActionCellProps);\n  dragAndDrop?: DragAndDrop;\n  isOverlay?: boolean;\n}\n\nfunction _GridItem<T, F extends FiltersMap>(props: GridItemProps<T, F>) {\n  const {\n    state,\n    preset,\n    index,\n    rowIndex,\n    columnIndex,\n    renderItem,\n    renderAddItem,\n    actionCell,\n    dragAndDrop,\n    isOverlay,\n  } = props;\n  const renderType = state.getItemRenderTypeAt(index);\n\n  const {\n    collection: {\n      query: { hasNonPersistentActiveFilters },\n    },\n  } = state;\n\n  if (renderType === null) {\n    return null;\n  }\n\n  if (renderType === 'trailing') {\n    if (hasNonPersistentActiveFilters) {\n      return null;\n    }\n\n    return (\n      <div\n        key=\"add-item\"\n        data-hook=\"grid-add-item-container\"\n        style={{ height: '100%' }}\n        onClick={() => state.onAddItemClick()}\n      >\n        {renderAddItem?.()}\n      </div>\n    );\n  }\n\n  let child = (\n    <GridCardItem\n      state={state}\n      index={index}\n      rowIndex={rowIndex}\n      columnIndex={columnIndex}\n      keyedItem={renderType}\n      renderItem={renderItem}\n      actionCell={actionCell}\n      preset={preset}\n    />\n  );\n\n  if (dragAndDrop) {\n    const { DraggableCard } = dragAndDrop;\n    child = (\n      <DraggableCard\n        id={renderType.key}\n        index={renderType.index}\n        state={state}\n        isOverlay={isOverlay}\n      >\n        {child}\n      </DraggableCard>\n    );\n  }\n\n  return child;\n}\n\nexport const GridItem = observer(_GridItem);\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA4C,IAAAI,YAAA;AA2B5C,SAASC,SAASA,CAA0BC,KAA0B,EAAE;EACtE,MAAM;IACJC,KAAK;IACLC,MAAM;IACNC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,UAAU;IACVC,aAAa;IACbC,UAAU;IACVC,WAAW;IACXC;EACF,CAAC,GAAGV,KAAK;EACT,MAAMW,UAAU,GAAGV,KAAK,CAACW,mBAAmB,CAACT,KAAK,CAAC;EAEnD,MAAM;IACJU,UAAU,EAAE;MACVC,KAAK,EAAE;QAAEC;MAA8B;IACzC;EACF,CAAC,GAAGd,KAAK;EAET,IAAIU,UAAU,KAAK,IAAI,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,IAAIA,UAAU,KAAK,UAAU,EAAE;IAC7B,IAAII,6BAA6B,EAAE;MACjC,OAAO,IAAI;IACb;IAEA,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA;MACEC,GAAG,EAAC,UAAU;MACd,aAAU,yBAAyB;MACnCC,KAAK,EAAE;QAAEC,MAAM,EAAE;MAAO,CAAE;MAC1BC,OAAO,EAAEA,CAAA,KAAMpB,KAAK,CAACqB,cAAc,CAAC,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,GAErCpB,aAAa,oBAAbA,aAAa,CAAG,CACd,CAAC;EAEV;EAEA,IAAIqB,KAAK,gBACPhC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAkC,YAAY;IACX5B,KAAK,EAAEA,KAAM;IACbE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzByB,SAAS,EAAEnB,UAAW;IACtBL,UAAU,EAAEA,UAAW;IACvBE,UAAU,EAAEA,UAAW;IACvBN,MAAM,EAAEA,MAAO;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CACF;EAED,IAAIlB,WAAW,EAAE;IACf,MAAM;MAAEsB;IAAc,CAAC,GAAGtB,WAAW;IACrCmB,KAAK,gBACHhC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACc,aAAa;MACZC,EAAE,EAAErB,UAAU,CAACO,GAAI;MACnBf,KAAK,EAAEQ,UAAU,CAACR,KAAM;MACxBF,KAAK,EAAEA,KAAM;MACbS,SAAS,EAAEA,SAAU;MAAAa,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3B,YAAA;QAAA4B,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEpBC,KACY,CAChB;EACH;EAEA,OAAOA,KAAK;AACd;AAEO,MAAMK,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,uBAAQ,EAACpC,SAAS,CAAC"}

package/dist/cjs/components/Grid/GridItemBaseProps.js

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

package/dist/cjs/components/Grid/GridItemBaseProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/Grid/GridItemBaseProps.ts"],"sourcesContent":["import { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ActionCell } from '../ActionCell';\nimport { ReactElement } from 'react';\nimport { AddItemProps, CardGalleryItemProps } from '@wix/design-system';\n\nexport interface GridItemBaseProps<T, F extends FiltersMap> {\n  /**\n   * A CardGalleryItem preset to preserve the same card size regardless of the provided data.\n   *\n   * @example\n   * full — renders title + subtitle\n   * title — renders only title\n   * empty — renders a card without a footer\n   *\n   * @default title\n   * @external\n   */\n  preset?: 'full' | 'title' | 'empty';\n  /**\n   * A function that renders a custom item of the grid.\n   * Returns a WSR [`CardGalleryItemProps`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--cardgalleryitem) object\n   * @external\n   */\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  /**\n   * Adds a [`<TableActionCell />`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) as last column.<br>\n   * Must be a [ActionCellProps](./?path=/story/components-collection-features--actioncellprops) object, or a function that returns a [ActionCellProps](./?path=/story/components-collection-features--actioncellprops) object.<br>\n   * @external\n   */\n  actionCell?: ActionCell<T, F>;\n\n  /**\n   * A function that renders an [`<AddItem />`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--cardgalleryitem#Product_list) after all cards in gallery.<br>\n   * Note: the `<AddItem />` card will not show when filters are applied, unless the filter is defined with the persistent option.\n   * @external\n   */\n  renderAddItem?: () => ReactElement<AddItemProps>;\n\n  /**\n   * Sets placement of background image.\n   * @external\n   */\n  imagePlacement?: CardGalleryItemProps['imagePlacement'];\n}\n"],"mappings":""}

package/dist/cjs/components/Grid/GridLayout.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=GridLayout.js.map

package/dist/cjs/components/Grid/GridLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/Grid/GridLayout.tsx"],"sourcesContent":[""],"mappings":""}

package/dist/cjs/components/Grid/GridPlaceholderStates.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridPlaceholderStates = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _PlaceholderStatesBase = require("../PlaceholderStates/PlaceholderStatesBase");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridPlaceholderStates.tsx";
+function _GridPlaceholderStates(props) {
+  const {
+    state,
+    renderEmptyState,
+    renderError,
+    topNotification,
+    children
+  } = props;
+  const {
+    collection
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_PlaceholderStatesBase.PlaceholderStatesBase, {
+    state: state.toolbar.multi,
+    topNotification: typeof topNotification === 'function' ? () => topNotification({
+      query: collection.result.originQuery
+    }) : topNotification,
+    renderEmptyState: renderEmptyState ? () => {
+      const {
+        result: {
+          originQuery,
+          hasAvailableItems
+        }
+      } = collection;
+      return renderEmptyState({
+        hasAvailableItems,
+        query: originQuery
+      });
+    } : undefined,
+    renderError: renderError,
+    loadingState: null,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 5
+    }
+  }, children);
+}
+const GridPlaceholderStates = exports.GridPlaceholderStates = (0, _mobxReactLite.observer)(_GridPlaceholderStates);
+//# sourceMappingURL=GridPlaceholderStates.js.map

package/dist/cjs/components/Grid/GridPlaceholderStates.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_PlaceholderStatesBase","_jsxFileName","_GridPlaceholderStates","props","state","renderEmptyState","renderError","topNotification","children","collection","default","createElement","PlaceholderStatesBase","toolbar","multi","query","result","originQuery","hasAvailableItems","undefined","loadingState","__self","__source","fileName","lineNumber","columnNumber","GridPlaceholderStates","exports","observer"],"sources":["../../../../src/components/Grid/GridPlaceholderStates.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { PlaceholderStatesBase } from '../PlaceholderStates/PlaceholderStatesBase';\nimport { GridBaseState } from '../../state';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface GridPlaceholderStatesProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: GridBaseState<T, F>;\n}\n\nfunction _GridPlaceholderStates<T, F extends FiltersMap>(\n  props: GridPlaceholderStatesProps<T, F>,\n) {\n  const { state, renderEmptyState, renderError, topNotification, children } =\n    props;\n  const { collection } = state;\n  return (\n    <PlaceholderStatesBase\n      state={state.toolbar.multi}\n      topNotification={\n        typeof topNotification === 'function'\n          ? () => topNotification({ query: collection.result.originQuery })\n          : topNotification\n      }\n      renderEmptyState={\n        renderEmptyState\n          ? () => {\n              const {\n                result: { originQuery, hasAvailableItems },\n              } = collection;\n              return renderEmptyState({\n                hasAvailableItems,\n                query: originQuery,\n              });\n            }\n          : undefined\n      }\n      renderError={renderError}\n      loadingState={null}\n    >\n      {children}\n    </PlaceholderStatesBase>\n  );\n}\n\nexport const GridPlaceholderStates = observer(_GridPlaceholderStates);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAAmF,IAAAG,YAAA;AAUnF,SAASC,sBAAsBA,CAC7BC,KAAuC,EACvC;EACA,MAAM;IAAEC,KAAK;IAAEC,gBAAgB;IAAEC,WAAW;IAAEC,eAAe;IAAEC;EAAS,CAAC,GACvEL,KAAK;EACP,MAAM;IAAEM;EAAW,CAAC,GAAGL,KAAK;EAC5B,oBACER,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,sBAAA,CAAAY,qBAAqB;IACpBR,KAAK,EAAEA,KAAK,CAACS,OAAO,CAACC,KAAM;IAC3BP,eAAe,EACb,OAAOA,eAAe,KAAK,UAAU,GACjC,MAAMA,eAAe,CAAC;MAAEQ,KAAK,EAAEN,UAAU,CAACO,MAAM,CAACC;IAAY,CAAC,CAAC,GAC/DV,eACL;IACDF,gBAAgB,EACdA,gBAAgB,GACZ,MAAM;MACJ,MAAM;QACJW,MAAM,EAAE;UAAEC,WAAW;UAAEC;QAAkB;MAC3C,CAAC,GAAGT,UAAU;MACd,OAAOJ,gBAAgB,CAAC;QACtBa,iBAAiB;QACjBH,KAAK,EAAEE;MACT,CAAC,CAAC;IACJ,CAAC,GACDE,SACL;IACDb,WAAW,EAAEA,WAAY;IACzBc,YAAY,EAAE,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBjB,QACoB,CAAC;AAE5B;AAEO,MAAMkB,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAAC1B,sBAAsB,CAAC"}

package/dist/cjs/components/Grid/GridSectionHeader.js

@@ -0,0 +1,58 @@
+"use strict";
+
+exports.__esModule = true;
+exports.GridSectionHeader = void 0;
+var _react = _interopRequireWildcard(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/Grid/GridSectionHeader.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 _GridSectionHeader({
+  sectionTitle,
+  suffix,
+  state
+}) {
+  const {
+    minimizedHeaderHeight,
+    toolbarRect: {
+      rect: {
+        height: toolbarHeight
+      }
+    },
+    internalScroll
+  } = state;
+  const top = (0, _react.useMemo)(() => {
+    if (toolbarHeight == null || internalScroll) {
+      return 0;
+    }
+    return toolbarHeight + minimizedHeaderHeight;
+  }, [minimizedHeaderHeight, toolbarHeight, internalScroll]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: "section-header",
+    height: "42px",
+    verticalAlign: "middle",
+    align: "space-between",
+    background: "linear-gradient(0deg, rgba(22, 45, 61, 0.03), rgba(22, 45, 61, 0.03)), #FFFFFF",
+    paddingRight: "30px",
+    paddingLeft: "30px",
+    top: top,
+    position: "sticky",
+    zIndex: 2,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 7
+    }
+  }, sectionTitle), suffix);
+}
+const GridSectionHeader = exports.GridSectionHeader = (0, _mobxReactLite.observer)(_GridSectionHeader);
+//# sourceMappingURL=GridSectionHeader.js.map

package/dist/cjs/components/Grid/GridSectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_GridSectionHeader","sectionTitle","suffix","state","minimizedHeaderHeight","toolbarRect","rect","height","toolbarHeight","internalScroll","top","useMemo","createElement","Box","dataHook","verticalAlign","align","background","paddingRight","paddingLeft","position","zIndex","__self","__source","fileName","lineNumber","columnNumber","Text","GridSectionHeader","exports","observer"],"sources":["../../../../src/components/Grid/GridSectionHeader.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { ToolbarCollectionState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\n\ninterface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionTitle: ReactNode;\n  suffix?: ReactNode;\n  state: ToolbarCollectionState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>({\n  sectionTitle,\n  suffix,\n  state,\n}: GridSectionHeaderProps<T, F>) {\n  const {\n    minimizedHeaderHeight,\n    toolbarRect: {\n      rect: { height: toolbarHeight },\n    },\n    internalScroll,\n  } = state;\n\n  const top = useMemo(() => {\n    if (toolbarHeight == null || internalScroll) {\n      return 0;\n    }\n\n    return toolbarHeight + minimizedHeaderHeight;\n  }, [minimizedHeaderHeight, toolbarHeight, internalScroll]);\n\n  return (\n    <Box\n      dataHook=\"section-header\"\n      height=\"42px\"\n      verticalAlign=\"middle\"\n      align=\"space-between\"\n      background=\"linear-gradient(0deg, rgba(22, 45, 61, 0.03), rgba(22, 45, 61, 0.03)), #FFFFFF\"\n      paddingRight=\"30px\"\n      paddingLeft=\"30px\"\n      top={top}\n      position=\"sticky\"\n      zIndex={2}\n    >\n      <Text>{sectionTitle}</Text>\n      {suffix}\n    </Box>\n  );\n}\n\nexport const GridSectionHeader = observer(_GridSectionHeader);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAGA,IAAAE,cAAA,GAAAF,OAAA;AAA2C,IAAAG,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,SAAAN,wBAAAM,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;AAQ3C,SAASY,kBAAkBA,CAA0B;EACnDC,YAAY;EACZC,MAAM;EACNC;AAC4B,CAAC,EAAE;EAC/B,MAAM;IACJC,qBAAqB;IACrBC,WAAW,EAAE;MACXC,IAAI,EAAE;QAAEC,MAAM,EAAEC;MAAc;IAChC,CAAC;IACDC;EACF,CAAC,GAAGN,KAAK;EAET,MAAMO,GAAG,GAAG,IAAAC,cAAO,EAAC,MAAM;IACxB,IAAIH,aAAa,IAAI,IAAI,IAAIC,cAAc,EAAE;MAC3C,OAAO,CAAC;IACV;IAEA,OAAOD,aAAa,GAAGJ,qBAAqB;EAC9C,CAAC,EAAE,CAACA,qBAAqB,EAAEI,aAAa,EAAEC,cAAc,CAAC,CAAC;EAE1D,oBACEpC,MAAA,CAAAY,OAAA,CAAA2B,aAAA,CAACpC,aAAA,CAAAqC,GAAG;IACFC,QAAQ,EAAC,gBAAgB;IACzBP,MAAM,EAAC,MAAM;IACbQ,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAC,eAAe;IACrBC,UAAU,EAAC,gFAAgF;IAC3FC,YAAY,EAAC,MAAM;IACnBC,WAAW,EAAC,MAAM;IAClBT,GAAG,EAAEA,GAAI;IACTU,QAAQ,EAAC,QAAQ;IACjBC,MAAM,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEVrD,MAAA,CAAAY,OAAA,CAAA2B,aAAA,CAACpC,aAAA,CAAAmD,IAAI;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEzB,YAAmB,CAAC,EAC1BC,MACE,CAAC;AAEV;AAEO,MAAM0B,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,kBAAkB,CAAC"}

package/dist/cjs/components/Grid/RenderItem.js

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

package/dist/cjs/components/Grid/RenderItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/Grid/RenderItem.ts"],"sourcesContent":["import { TimeoutProps } from 'react-transition-group/Transition';\nimport { ReactElement } from 'react';\n\nexport type RenderItem = (\n  index: number,\n  props?: {\n    timeoutProps?: Partial<TimeoutProps<undefined>>;\n    itemKey?: (index: number) => string | number;\n    index2d?: { rowIndex: number; columnIndex: number };\n  },\n) => ReactElement | null;\n"],"mappings":""}

package/dist/cjs/components/Grid/SkeletonGrid.uni.driver.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SkeletonGridUniDriver = SkeletonGridUniDriver;
+exports.default = void 0;
+var _unidriver = require("../../unidriver");
+function SkeletonGridUniDriver(base, _body) {
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    skeletonItemsCount: () => base.$$('[data-hook="skeleton-grid"] > *').count()
+  };
+}
+var _default = exports.default = SkeletonGridUniDriver;
+//# sourceMappingURL=SkeletonGrid.uni.driver.js.map

package/dist/cjs/components/Grid/SkeletonGrid.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","SkeletonGridUniDriver","base","_body","baseUniDriverFactory","skeletonItemsCount","$$","count","_default","exports","default"],"sources":["../../../../src/components/Grid/SkeletonGrid.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function SkeletonGridUniDriver(base: UniDriver, _body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    skeletonItemsCount: () =>\n      base.$$('[data-hook=\"skeleton-grid\"] > *').count(),\n  };\n}\n\nexport default SkeletonGridUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,qBAAqBA,CAACC,IAAe,EAAEC,KAAgB,EAAE;EACvE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACF,IAAI,CAAC;IAC7BG,kBAAkB,EAAEA,CAAA,KAClBH,IAAI,CAACI,EAAE,CAAC,iCAAiC,CAAC,CAACC,KAAK,CAAC;EACrD,CAAC;AACH;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcT,qBAAqB"}