@wix/patterns 1.3.0 → 1.4.0

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

@@ -5,9 +5,6 @@ exports.__esModule = true;
 exports.Grid = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _VirtualGridRepeater = require("../VirtualGridRepeater/VirtualGridRepeater");
-var _useGridSyncProps = require("./useGridSyncProps");
-var _useRenderItem = require("./useRenderItem");
 var _getToolbarCollectionFeaturesInitializers = require("../../state/getToolbarCollectionFeaturesInitializers");
 var _GridContent = require("./GridContent");
 var _ToolbarCollectionContentAutoSizer = require("../ToolbarCollectionContentAutoSizer");
@@ -15,6 +12,7 @@ var _GridPlaceholderStates = require("./GridPlaceholderStates");
 var _CollectionCard = require("../CollectionCard");
 var _ToolbarCollection = require("../ToolbarCollection");
 var _mobxReactLite = require("mobx-react-lite");
+var _useToolbarCollectionSyncProps = require("../ToolbarCollection/useToolbarCollectionSyncProps");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/Grid.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 && {}.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; }
@@ -22,66 +20,31 @@ function _Grid(props) {
   const {
     state,
     dragAndDrop,
-    dragAndDropSubmit,
-    dragAndDropCancel,
     renderError,
     emptyState,
     noResultsState,
     topNotification,
     cardProps,
     dataHook,
-    exportModal
+    exportModal,
+    sections: GridSectionsContent,
+    renderSection
   } = props;
   const {
     toolbar
   } = state;
-  (0, _useGridSyncProps.useGridSyncProps)({
+  (0, _useToolbarCollectionSyncProps.useToolbarCollectionSyncProps)({
     ...props,
-    state: state.grid
+    state: state.toolbar,
+    isUsingDragAndDrop: !!dragAndDrop,
+    isUsingBulkActionsToolbar: false,
+    isUsingHorizontalScroll: false,
+    isUsingFolders: false,
+    isUsingTableVirtualization: false
   });
   (0, _react.useEffect)(() => state.init({
     featuresInitializers: (0, _getToolbarCollectionFeaturesInitializers.getToolbarCollectionFeaturesInitializers)(props)
   }), []);
-  const renderItem = (0, _useRenderItem.useRenderItem)({
-    ...props,
-    state: state.grid
-  });
-  let child = /*#__PURE__*/_react.default.createElement(_VirtualGridRepeater.VirtualGridRepeater, {
-    renderItem: renderItem,
-    gridState: state.grid,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 102,
-      columnNumber: 5
-    }
-  });
-  if (dragAndDrop) {
-    const {
-      DraggableCardOverlay,
-      SortableContext
-    } = dragAndDrop;
-    child = /*#__PURE__*/_react.default.createElement(SortableContext, {
-      state: state.grid,
-      onSubmit: dragAndDropSubmit,
-      onCancel: dragAndDropCancel,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 109,
-        columnNumber: 7
-      }
-    }, child, /*#__PURE__*/_react.default.createElement(DraggableCardOverlay, {
-      state: state.grid,
-      renderItem: renderItem,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 115,
-        columnNumber: 9
-      }
-    }));
-  }
   return /*#__PURE__*/_react.default.createElement(_CollectionCard.CollectionCard, (0, _extends2.default)({
     renderError: false,
     state: toolbar,
@@ -90,7 +53,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 107,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_ToolbarCollection.ToolbarCollection, (0, _extends2.default)({}, props, {
@@ -99,11 +62,11 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 127,
+      lineNumber: 113,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_GridPlaceholderStates.GridPlaceholderStates, {
-    state: state.grid,
+    state: state.toolbar,
     renderError: renderError,
     emptyState: emptyState,
     noResultsState: noResultsState,
@@ -111,25 +74,35 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 114,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ToolbarCollectionContentAutoSizer.ToolbarCollectionContentAutoSizer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 121,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_GridContent.GridContent, {
+  }, GridSectionsContent ? /*#__PURE__*/_react.default.createElement(GridSectionsContent, (0, _extends2.default)({}, props, {
+    renderSection: renderSection,
+    state: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 123,
+      columnNumber: 15
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_GridContent.GridContent, (0, _extends2.default)({}, props, {
     state: state,
+    withInfiniteScrollLoader: true,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
-      columnNumber: 13
+      lineNumber: 129,
+      columnNumber: 15
     }
-  }, child)))), exportModal ?? toolbar.featuredComponents.exportModal.value);
+  }))))), exportModal ?? toolbar.featuredComponents.exportModal.value);
 }
 const Grid = exports.Grid = (0, _mobxReactLite.observer)(_Grid);
 //# sourceMappingURL=Grid.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_VirtualGridRepeater","_useGridSyncProps","_useRenderItem","_getToolbarCollectionFeaturesInitializers","_GridContent","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_Grid","props","state","dragAndDrop","dragAndDropSubmit","dragAndDropCancel","renderError","emptyState","noResultsState","topNotification","cardProps","dataHook","exportModal","toolbar","useGridSyncProps","grid","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","renderItem","useRenderItem","child","createElement","VirtualGridRepeater","gridState","__self","__source","fileName","lineNumber","columnNumber","DraggableCardOverlay","SortableContext","onSubmit","onCancel","CollectionCard","_extends2","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridContent","featuredComponents","value","Grid","exports","observer"],"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridPresetProps } from './Grid.types';\nimport { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';\nimport { GridState } from '../../state';\nimport { DragAndDrop } from '../DragAndDrop';\nimport { useGridSyncProps } from './useGridSyncProps';\nimport { useRenderItem } from './useRenderItem';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { GridContent } from './GridContent';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { BulkActionToolbarRenderProp } from '../BulkAction';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { GridPlaceholderStates } from './GridPlaceholderStates';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n  extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' | 'maxSelection'>,\n    GridItemBaseProps<T, F> {\n  dataHook?: string;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * <br><br>\n   * This prop accepts a [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) component.\n   * @external\n   */\n  dragAndDrop?: DragAndDrop;\n\n  /**\n   * Grid state instance created using `useGrid`.\n   * @external\n   */\n  state: GridState<T, F>;\n\n  /**\n   * A toolbar for performing bulk actions on multiple items.<br> <br>\n   * Supported parameters: <br>\n   * -`selectedValues`: [array] Items that are checked in the selection column. <br>\n   * -`uncheckedValues`: [array] Items that are unchecked in the selection column. <br>\n   * -`isSelectAll`: [bool] Whether **Select All** is checked. <br>\n   * -`openModal`: [func] Opens a modal that contains the component from `bulkActionModal` render prop. <br>\n   * -`clearSelection`: [func] Clears all selections. Call this after the action on the selected items finishes. <br>\n   * -`total`: [number] Total number of items in the server. <br>\n   * -`openConfirmModal`: [func] Opens a `<MessageModalLayout>` to confirm an action is about to be applied to the selected items. <br>\n   * -`query`: [object] Current paging, sorting, and filtering. Often used together with bulk actions, such as `updateAll`. <br>\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n}\n\nexport type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<\n  GridBaseProps<T, F>,\n  'preset' | 'renderItem'\n>;\n\nexport type GridProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  GridBasePropsWithoutPreset<T, F>\n>;\n\nfunction _Grid<T, F extends FiltersMap = FiltersMap>(props: GridProps<T, F>) {\n  const {\n    state,\n    dragAndDrop,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    renderError,\n    emptyState,\n    noResultsState,\n    topNotification,\n    cardProps,\n    dataHook,\n    exportModal,\n  } = props;\n\n  const { toolbar } = state;\n\n  useGridSyncProps({\n    ...props,\n    state: state.grid,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  const renderItem = useRenderItem({\n    ...props,\n    state: state.grid,\n  });\n\n  let child = (\n    <VirtualGridRepeater renderItem={renderItem} gridState={state.grid} />\n  );\n\n  if (dragAndDrop) {\n    const { DraggableCardOverlay, SortableContext } = dragAndDrop;\n\n    child = (\n      <SortableContext\n        state={state.grid}\n        onSubmit={dragAndDropSubmit}\n        onCancel={dragAndDropCancel}\n      >\n        {child}\n        <DraggableCardOverlay state={state.grid} renderItem={renderItem} />\n      </SortableContext>\n    );\n  }\n\n  return (\n    <CollectionCard\n      renderError={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.grid}\n          renderError={renderError}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          topNotification={topNotification}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            <GridContent state={state}>{child}</GridContent>\n          </ToolbarCollectionContentAutoSizer>\n        </GridPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const Grid = observer(_Grid);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_getToolbarCollectionFeaturesInitializers","_GridContent","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_useToolbarCollectionSyncProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_Grid","props","state","dragAndDrop","renderError","emptyState","noResultsState","topNotification","cardProps","dataHook","exportModal","sections","GridSectionsContent","renderSection","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridContent","withInfiniteScrollLoader","featuredComponents","value","Grid","exports","observer"],"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridPresetProps } from './Grid.types';\nimport { GridState } from '../../state';\nimport { DragAndDrop } from '../DragAndDrop';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { GridContent } from './GridContent';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { BulkActionToolbarRenderProp } from '../BulkAction';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { GridPlaceholderStates } from './GridPlaceholderStates';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport type { GridSectionsContent } from '../GridSections/GridSectionsContent';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n  extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' | 'maxSelection'>,\n    GridItemBaseProps<T, F> {\n  dataHook?: string;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * <br><br>\n   * This prop accepts a [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) component.\n   * @external\n   */\n  dragAndDrop?: DragAndDrop;\n\n  /**\n   * Grid state instance created using `useGrid`.\n   * @external\n   */\n  state: GridState<T, F>;\n\n  /**\n   * A toolbar for performing bulk actions on multiple items.<br> <br>\n   * Supported parameters: <br>\n   * -`selectedValues`: [array] Items that are checked in the selection column. <br>\n   * -`uncheckedValues`: [array] Items that are unchecked in the selection column. <br>\n   * -`isSelectAll`: [bool] Whether **Select All** is checked. <br>\n   * -`openModal`: [func] Opens a modal that contains the component from `bulkActionModal` render prop. <br>\n   * -`clearSelection`: [func] Clears all selections. Call this after the action on the selected items finishes. <br>\n   * -`total`: [number] Total number of items in the server. <br>\n   * -`openConfirmModal`: [func] Opens a `<MessageModalLayout>` to confirm an action is about to be applied to the selected items. <br>\n   * -`query`: [object] Current paging, sorting, and filtering. Often used together with bulk actions, such as `updateAll`. <br>\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n\n  sections?: typeof GridSectionsContent;\n  renderSection?: (item: T) => {\n    id: string;\n    title: string;\n  };\n}\n\nexport type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<\n  GridBaseProps<T, F>,\n  'preset' | 'renderItem'\n>;\n\nexport type GridProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  GridBasePropsWithoutPreset<T, F>\n>;\n\nfunction _Grid<T, F extends FiltersMap = FiltersMap>(props: GridProps<T, F>) {\n  const {\n    state,\n    dragAndDrop,\n    renderError,\n    emptyState,\n    noResultsState,\n    topNotification,\n    cardProps,\n    dataHook,\n    exportModal,\n    sections: GridSectionsContent,\n    renderSection,\n  } = props;\n\n  const { toolbar } = state;\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: !!dragAndDrop,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: false,\n    isUsingTableVirtualization: false,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      renderError={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.toolbar}\n          renderError={renderError}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          topNotification={topNotification}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            {GridSectionsContent ? (\n              <GridSectionsContent\n                {...props}\n                renderSection={renderSection}\n                state={state}\n              />\n            ) : (\n              <GridContent {...props} state={state} withInfiniteScrollLoader />\n            )}\n          </ToolbarCollectionContentAutoSizer>\n        </GridPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const Grid = observer(_Grid);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAKA,IAAAC,yCAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,kCAAA,GAAAH,OAAA;AAGA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AAIA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,8BAAA,GAAAR,OAAA;AAAmG,IAAAS,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,SAAAZ,wBAAAY,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,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAqDnG,SAASW,KAAKA,CAAuCC,KAAsB,EAAE;EAC3E,MAAM;IACJC,KAAK;IACLC,WAAW;IACXC,WAAW;IACXC,UAAU;IACVC,cAAc;IACdC,eAAe;IACfC,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC,QAAQ,EAAEC,mBAAmB;IAC7BC;EACF,CAAC,GAAGZ,KAAK;EAET,MAAM;IAAEa;EAAQ,CAAC,GAAGZ,KAAK;EAEzB,IAAAa,4DAA6B,EAAC;IAC5B,GAAGd,KAAK;IACRC,KAAK,EAAEA,KAAK,CAACY,OAAO;IACpBE,kBAAkB,EAAE,CAAC,CAACb,WAAW;IACjCc,yBAAyB,EAAE,KAAK;IAChCC,uBAAuB,EAAE,KAAK;IAC9BC,cAAc,EAAE,KAAK;IACrBC,0BAA0B,EAAE;EAC9B,CAAC,CAAC;EAEF,IAAAC,gBAAS,EACP,MACEnB,KAAK,CAACoB,IAAI,CAAC;IACTC,oBAAoB,EAAE,IAAAC,kFAAwC,EAACvB,KAAK;EACtE,CAAC,CAAC,EACJ,EACF,CAAC;EAED,oBACEjC,MAAA,CAAAkB,OAAA,CAAAuC,aAAA,CAAClD,eAAA,CAAAmD,cAAc,MAAAC,SAAA,CAAAzC,OAAA;IACbkB,WAAW,EAAE,KAAM;IACnBF,KAAK,EAAEY,OAAQ;IACfL,QAAQ,EAAEA;EAAS,GACfD,SAAS;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEbhE,MAAA,CAAAkB,OAAA,CAAAuC,aAAA,CAACjD,kBAAA,CAAAyD,iBAAiB,MAAAN,SAAA,CAAAzC,OAAA,MAAKe,KAAK;IAAEiC,MAAM;IAAChC,KAAK,EAAEY,OAAQ;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAClDhE,MAAA,CAAAkB,OAAA,CAAAuC,aAAA,CAACnD,sBAAA,CAAA6D,qBAAqB;IACpBjC,KAAK,EAAEA,KAAK,CAACY,OAAQ;IACrBV,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBC,cAAc,EAAEA,cAAe;IAC/BC,eAAe,EAAEA,eAAgB;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjChE,MAAA,CAAAkB,OAAA,CAAAuC,aAAA,CAACpD,kCAAA,CAAA+D,iCAAiC;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/BpB,mBAAmB,gBAClB5C,MAAA,CAAAkB,OAAA,CAAAuC,aAAA,CAACb,mBAAmB,MAAAe,SAAA,CAAAzC,OAAA,MACde,KAAK;IACTY,aAAa,EAAEA,aAAc;IAC7BX,KAAK,EAAEA,KAAM;IAAA0B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACd,CAAC,gBAEFhE,MAAA,CAAAkB,OAAA,CAAAuC,aAAA,CAACrD,YAAA,CAAAiE,WAAW,MAAAV,SAAA,CAAAzC,OAAA,MAAKe,KAAK;IAAEC,KAAK,EAAEA,KAAM;IAACoC,wBAAwB;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAEjC,CACd,CACN,CAAC,EACnBtB,WAAW,IAAII,OAAO,CAACyB,kBAAkB,CAAC7B,WAAW,CAAC8B,KACzC,CAAC;AAErB;AAEO,MAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,IAAAE,uBAAQ,EAAC3C,KAAK,CAAC","ignoreList":[]}

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

@@ -16,6 +16,7 @@ var _unidriver3 = require("../../unidriver");
 var _SummaryBarUni = require("../SummaryBar/SummaryBar.uni.driver");
 var _CollectionPremiumEmptyStateUni = require("../EmptyState/CollectionPremiumEmptyState.uni.driver");
 var _CollectionNoResultsStateUni = require("../EmptyState/CollectionNoResultsState.uni.driver");
+var _GridSectionHeaderUni = require("../GridSections/GridSectionHeader.uni.driver");
 function GridUniDriver(base, body) {
   const initialLoaderBase = () => base.$(`[data-hook="grid-initial-loader"]`);
   const initialLoader = () => (0, _SkeletonGridUni.SkeletonGridUniDriver)(initialLoaderBase(), body);
@@ -159,6 +160,7 @@ function GridUniDriver(base, body) {
     getNoResultsStateByDataHook,
     /** Get the number of actually rendered grid cards */
     getRenderedItemsCount: () => base.$$('[data-hook="grid-card-item"]').count(),
+    gridContainerExists: () => _getInnerElement().exists(),
     getVirtualizedRowsCount: async () => {
       const str = await _getInnerElement().attr('data-count');
       return !isNaN(Number(str)) ? Number(str) : 0;
@@ -258,7 +260,10 @@ function GridUniDriver(base, body) {
     /**
      * Gets collection summary bar
      */
-    getSummaryBar
+    getSummaryBar,
+    getSectionHeaderAt: index => (0, _GridSectionHeaderUni.GridSectionHeaderUniDriver)(base.$$('[data-hook="grid-section-header"]').get(index), body),
+    getSectionHeadersCount: () => base.$$('[data-hook="grid-section-header"]').count(),
+    getSectionGridAt: index => GridUniDriver(base.$$('[data-hook="grid-section-and-repeater"]').get(index), body)
   };
 }
 var _default = exports.default = GridUniDriver;

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_CollectionToolbarUni","_DragAndDropUni","_CollectionEmptyStateUni","_ToolbarCollectionErrorStateUni","_ExportButtonUni","_ExportModalUni","_SkeletonGridUni","_unidriver3","_SummaryBarUni","_CollectionPremiumEmptyStateUni","_CollectionNoResultsStateUni","GridUniDriver","base","body","initialLoaderBase","$","initialLoader","SkeletonGridUniDriver","infiniteScrollLoaderBase","infiniteScrollLoader","modalsContainerBase","slidingModalBase","getEmptyStateByDataHook","dataHook","CollectionEmptyStateUniDriver","getPremiumEmptyStateByDataHook","CollectionPremiumEmptyStateUniDriver","getNoResultsStateByDataHook","CollectionNoResultsStateUniDriver","viewsToolbarItem","getCardGalleryItemByIndexBase","index","getCardGalleryItemFooterImageByIndexBase","getCardDragElementByIndexBase","getCardGalleryItemByIndex","CardGalleryItemUniDriver","getAddItem","AddItemUniDriver","getCardGalleryItemPopoverMenuByIndex","getSettingsMenu","popoverMenu","PopoverMenuUniDriver","$$","get","trigger","getTriggerElement","iconButton","IconButtonUniDriver","clickTriggerElement","click","getActionModal","MessageModalLayoutUniDriver","getToolbar","CollectionToolbarUniDriver","scrollDown","scrollableElementDataHook","page","getNative","evaluate","_dataHook","scrollableElement","document","querySelector","scrollBy","behavior","top","scrollHeight","waitForTimeout","pageScrollContent","exists","dispatchEvent","Event","getDragAndDrop","DragAndDropUniDriver","getErrorStateByDataHook","ToolbarCollectionErrorStateUniDriver","refreshLoaderBase","refreshLoader","getNavigationModal","getExportModal","ExportModalUniDriver","getExportButton","ExportButtonUniDriver","getRenderedItemIndexAt","i","card","filter","e","dataIndexAttr","attr","Number","replace","isInteger","getLastRenderedItemIndex","cards","lastCard","count","scrollDownToItem","timeout","delay","waitFor","scrollDownToAddItem","_getInnerElement","getLiveRegion","LiveRegionUniDriver","getSummaryBar","SummaryBarUniDriver","baseUniDriverFactory","wait","waitInitialLoader","waitInitialLoaderRemoved","isInitialLoaderLoading","initialLoaderExists","waitInfiniteScrollLoader","infiniteScrollSkeletonCount","skeletonItemsCount","infiniteScrollLoaderExists","refreshLoaderExists","refreshLoaderSkeletonCount","getCardErrorStateByDataHook","getRenderedItemsCount","getVirtualizedRowsCount","str","isNaN","initialLoaderSkeletonCount","getLastRenderedItem","waitCardGalleryItemByIndex","getCardDefaultEmptyState","viewsToolbarItemLabelExists","getViewsToolbarItemLabelText","text","getToolbarTabs","getTabs","enterSearchText","clearSearchText","getEmptyStateClearFiltersButton","emptyStateDataHook","TextButtonUniDriver","scrollToTop","Object","assign","_testScroll","getDragHandle","_getDragAndDropDriver","escapeDrag","sourceIndex","dragStart","options","dragStartFromHandleAndKeyboard","startKeyboardDrag","dragStartFromHandle","dragMove","dragEnd","targetIndex","dragOver","getLiveRegionText","getMessage","getLiveRegionRole","getRole","getDragAndDropLiveRegionText","_getCardDragElementByIndexBase","_getCardGalleryItemByIndexBase","waitSidePanelFullyOpened","isExportModalOpen","getModal","isOpen","getDragOverlayCardGalleryItem","internalScrollDownToItem","_default","exports","default"],"sources":["../../../../src/components/Grid/Grid.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  AddItemUniDriver,\n  CardGalleryItemUniDriver,\n  IconButtonUniDriver,\n  LiveRegionUniDriver,\n  MessageModalLayoutUniDriver,\n  PopoverMenuUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';\nimport { CollectionEmptyStateUniDriver } from '../EmptyState/CollectionEmptyState.uni.driver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { SledPage } from '../../sledPage';\nimport { ExportButtonUniDriver } from '../ExportButton/ExportButton.uni.driver';\nimport { ExportModalUniDriver } from '../ExportButton/ExportModal.uni.driver';\nimport { SkeletonGridUniDriver } from './SkeletonGrid.uni.driver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\nimport { CollectionPremiumEmptyStateUniDriver } from '../EmptyState/CollectionPremiumEmptyState.uni.driver';\nimport { CollectionNoResultsStateUniDriver } from '../EmptyState/CollectionNoResultsState.uni.driver';\n\nexport function GridUniDriver(base: UniDriver, body: UniDriver) {\n  const initialLoaderBase = () => base.$(`[data-hook=\"grid-initial-loader\"]`);\n  const initialLoader = () => SkeletonGridUniDriver(initialLoaderBase(), body);\n\n  const infiniteScrollLoaderBase = () =>\n    base.$(`[data-hook=\"infinite-scroll-loader\"]`);\n\n  const infiniteScrollLoader = () =>\n    SkeletonGridUniDriver(infiniteScrollLoaderBase(), body);\n\n  const modalsContainerBase = () =>\n    body.$(`[data-hook=\"cairo-modals-container\"]`);\n\n  const slidingModalBase = () =>\n    modalsContainerBase().$('[data-hook=\"cairo-side-panel-modal\"]');\n\n  const getEmptyStateByDataHook = (dataHook = 'collection-empty-state') =>\n    CollectionEmptyStateUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  const getPremiumEmptyStateByDataHook = (dataHook: string) =>\n    CollectionPremiumEmptyStateUniDriver(\n      base.$(`[data-hook=\"${dataHook}\"]`),\n      body,\n    );\n\n  const getNoResultsStateByDataHook = (dataHook = 'collection-empty-state') =>\n    CollectionNoResultsStateUniDriver(\n      base.$(`[data-hook=\"${dataHook}\"]`),\n      body,\n    );\n\n  const viewsToolbarItem = () =>\n    base.$('[data-hook=\"collection-table-toolbar-views-item\"]');\n\n  const getCardGalleryItemByIndexBase = (index: number) => {\n    return base.$(\n      `[data-hook=\"virtual-grid-item\"][data-index=\"index-${index}\"]`,\n    );\n  };\n\n  const getCardGalleryItemFooterImageByIndexBase = (index: number) => {\n    return base.$(\n      `[data-hook=\"virtual-grid-item\"][data-index=\"index-${index}\"] [data-hook=\"footer-image\"]`,\n    );\n  };\n\n  const getCardDragElementByIndexBase = (index: number) => {\n    return getCardGalleryItemByIndexBase(index).$(\n      '[data-hook=\"grid-card-item-events\"]',\n    );\n  };\n\n  const getCardGalleryItemByIndex = (index: number) => {\n    return CardGalleryItemUniDriver(getCardGalleryItemByIndexBase(index), body);\n  };\n\n  const getAddItem = () =>\n    AddItemUniDriver(base.$(`[data-hook=\"grid-add-item-container\"]`), body);\n\n  const getCardGalleryItemPopoverMenuByIndex = async (index: number) => {\n    // Popover isn't active until we specifically call it\n    await (await getCardGalleryItemByIndex(index)).getSettingsMenu();\n\n    const popoverMenu = PopoverMenuUniDriver(\n      base.$$(`[data-hook=\"popover\"]`).get(index),\n      body,\n    );\n\n    const trigger = popoverMenu.getTriggerElement('popover-trigger');\n    const iconButton = IconButtonUniDriver(trigger, base);\n\n    return {\n      ...popoverMenu,\n      clickTriggerElement: () => iconButton.click(),\n    };\n  };\n\n  const getActionModal = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"collection-action-modal\"]'),\n      body,\n    );\n\n  const getToolbar = () =>\n    CollectionToolbarUniDriver(\n      base.$('[data-hook=\"collection-toolbar\"]'),\n      body,\n    );\n\n  const scrollDown = async (\n    scrollableElementDataHook = 'page-scrollable-content',\n  ) => {\n    const { page } = (await body\n      .$(`[data-hook=\"${scrollableElementDataHook}\"]`)\n      .getNative()) as {\n      page?: SledPage['page'];\n    };\n    // puppeteer\n    if (page?.evaluate) {\n      await page.evaluate((_dataHook: string) => {\n        const scrollableElement = document.querySelector(\n          `[data-hook=\"${_dataHook}\"]`,\n        )!;\n        scrollableElement.scrollBy({\n          behavior: 'smooth',\n          top: scrollableElement.scrollHeight,\n        });\n      }, scrollableElementDataHook);\n      await page.waitForTimeout(1000); // delay scroll resolve by 1 sec\n    }\n    // jsdom\n    else {\n      const pageScrollContent = body.$(\n        `[data-hook=\"${scrollableElementDataHook}\"]`,\n      );\n\n      if (await pageScrollContent.exists()) {\n        await (\n          await pageScrollContent.getNative()\n        ).dispatchEvent(new Event('scroll'));\n      }\n    }\n  };\n\n  const getDragAndDrop = () => DragAndDropUniDriver(base);\n\n  const getErrorStateByDataHook = (\n    dataHook = 'placeholder-states-error-state',\n  ) =>\n    ToolbarCollectionErrorStateUniDriver(\n      base.$(`[data-hook=\"${dataHook}\"]`),\n      body,\n    );\n\n  const refreshLoaderBase = () => base.$(`[data-hook=\"grid-refresh-loader\"]`);\n  const refreshLoader = () => SkeletonGridUniDriver(refreshLoaderBase(), body);\n\n  const getNavigationModal = () =>\n    MessageModalLayoutUniDriver(body.$('[data-hook=\"navigation-modal\"]'), body);\n\n  const getExportModal = () => ExportModalUniDriver(base, body);\n\n  const getExportButton = () =>\n    ExportButtonUniDriver(base.$('[data-hook=\"export-button\"]'), body);\n\n  const getRenderedItemIndexAt = async (i: number) => {\n    const card = base\n      .$$('[data-hook=\"virtual-grid-item\"]')\n      .filter((e) => e.$('[data-hook=\"grid-card-item\"]').exists())\n      .get(i);\n    const dataIndexAttr = await card.attr('data-index');\n    const index = Number(dataIndexAttr?.replace(/^index-/, ''));\n    return Number.isInteger(index) ? index : -1;\n  };\n\n  const getLastRenderedItemIndex = async () => {\n    const cards = base\n      .$$('[data-hook=\"virtual-grid-item\"]')\n      .filter((e) => e.$('[data-hook=\"grid-card-item\"]').exists());\n\n    const lastCard = cards.get((await cards.count()) - 1);\n    const dataIndexAttr = await lastCard.attr('data-index');\n    const index = Number(dataIndexAttr?.replace(/^index-/, ''));\n    return Number.isInteger(index) ? index : null;\n  };\n\n  const scrollDownToItem = (\n    index: number,\n    {\n      timeout = 5000,\n      delay = 1000,\n      scrollableElementDataHook = 'page-scrollable-content',\n    }: {\n      timeout?: number;\n      delay?: number;\n      scrollableElementDataHook?: string;\n    } = {},\n  ) => {\n    return waitFor(\n      async () => {\n        if (await getCardGalleryItemByIndexBase(index).exists()) {\n          return true;\n        }\n        await scrollDown(scrollableElementDataHook);\n        return getCardGalleryItemByIndexBase(index).exists();\n      },\n      timeout,\n      delay,\n    );\n  };\n\n  const scrollDownToAddItem = ({\n    timeout = 5000,\n    delay = 1000,\n    scrollableElementDataHook = 'page-scrollable-content',\n  }: {\n    timeout?: number;\n    delay?: number;\n    scrollableElementDataHook?: string;\n  } = {}) => {\n    return waitFor(\n      async () => {\n        if (await getAddItem().exists()) {\n          return true;\n        }\n        await scrollDown(scrollableElementDataHook);\n\n        return getAddItem().exists();\n      },\n      timeout,\n      delay,\n    );\n  };\n\n  const _getInnerElement = () => base.$('[data-hook=\"virtual-inner-element\"]');\n\n  const getLiveRegion = () =>\n    LiveRegionUniDriver(base.$('[data-hook=\"collection-live-region\"]'), body);\n\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    /**\n     * Wait until root element to exist\n     * @param timeout - time to wait until bailing\n     */\n    wait: (timeout?: number) => base.wait(timeout),\n    /** Wait for the initial fetch loader to be shown */\n    waitInitialLoader: (timeout?: number) => initialLoaderBase().wait(timeout),\n    /** Wait for the initial fetch loader to be removed */\n    waitInitialLoaderRemoved: (timeout?: number) =>\n      waitFor(async () => !(await initialLoaderBase().exists()), timeout),\n    /** Indicates whether initial loader is in loading status */\n    isInitialLoaderLoading: () => initialLoader().exists(),\n    /** Indicates whether initial loader exists */\n    initialLoaderExists: () => initialLoader().exists(),\n\n    /** Wait for the infinite scroll loader to be shown */\n    waitInfiniteScrollLoader: (timeout?: number) =>\n      infiniteScrollLoaderBase().wait(timeout),\n    infiniteScrollSkeletonCount: () =>\n      infiniteScrollLoader().skeletonItemsCount(),\n    /** Indicates whether infinite scroll loader exists */\n    infiniteScrollLoaderExists: () => infiniteScrollLoader().exists(),\n\n    /** Indicates whether table refresh loader exists */\n    refreshLoaderExists: () => refreshLoader().exists(),\n    refreshLoaderSkeletonCount: () => refreshLoader().skeletonItemsCount(),\n\n    getErrorStateByDataHook,\n    /** Get initial error state before table renders */\n    getCardErrorStateByDataHook: (\n      dataHook = 'placeholder-states-error-state',\n    ) => getErrorStateByDataHook(dataHook),\n\n    /** Get collection empty state within the table that by a specific data hook */\n    getEmptyStateByDataHook,\n    /** Get premium empty state within the table that by a specific data hook */\n    getPremiumEmptyStateByDataHook,\n    /** Get collection no results state within the table that by a specific data hook */\n    getNoResultsStateByDataHook,\n    /** Get the number of actually rendered grid cards */\n    getRenderedItemsCount: () =>\n      base.$$('[data-hook=\"grid-card-item\"]').count(),\n    getVirtualizedRowsCount: async () => {\n      const str = await _getInnerElement().attr('data-count');\n      return !isNaN(Number(str)) ? Number(str) : 0;\n    },\n    initialLoaderSkeletonCount: () =>\n      infiniteScrollLoader().skeletonItemsCount(),\n    /** Get the number rendered grid cards available on the client */\n    getLastRenderedItemIndex,\n    getLastRenderedItem: async () => {\n      const i = await getLastRenderedItemIndex();\n      return i != null ? getCardGalleryItemByIndex(i) : null;\n    },\n    /** Get the CardGalleryItem by index */\n    getCardGalleryItemByIndex,\n    /** Wait CardGalleryItem by index */\n    waitCardGalleryItemByIndex: async (index: number, timeout?: number) =>\n      (await getCardGalleryItemByIndexBase(index)).wait(timeout),\n    /** Get the CardGalleryItem's PopoverMenu by index */\n    getCardGalleryItemPopoverMenuByIndex,\n    getCardDefaultEmptyState: getEmptyStateByDataHook,\n    getActionModal,\n    /** Get the `<AddItem />` driver for the `renderAddItem` */\n    getAddItem,\n    getToolbar,\n    viewsToolbarItemLabelExists: () => viewsToolbarItem().$('span').exists(),\n    getViewsToolbarItemLabelText: () => viewsToolbarItem().$('span').text(),\n    /** Get tabs filter driver */\n    getToolbarTabs: () => getToolbar().getTabs(),\n    /** Enter text into the search input */\n    enterSearchText: (text: string) => getToolbar().enterSearchText(text),\n    clearSearchText: () => getToolbar().clearSearchText(),\n    getEmptyStateClearFiltersButton: (emptyStateDataHook: string) =>\n      TextButtonUniDriver(\n        base\n          .$(`[data-hook=\"${emptyStateDataHook}\"]`)\n          .$('[data-hook=\"empty-state-clear-filters-button\"]'),\n        body,\n      ),\n    /**\n     * Triggers \"scroll\" event on the scroll element.\n     * @param scrollableElementDataHook - The data hook of the scrollable element (Optional, defaults to \"page-scrollable-content\").\n     */\n    scrollDown,\n    /**\n     * Triggers \"scroll\" event on the scroll element, until item exists\n     * @param index\n     * @param timeout - how much to to wait for item exists\n     * @param delay - how much to to wait between each check\n     * @param scrollableElementDataHook\n     */\n    scrollDownToItem,\n    scrollDownToAddItem,\n    scrollToTop: async (\n      scrollableElementDataHook = 'page-scrollable-content',\n    ) => {\n      const pageScrollContent = body.$(\n        `[data-hook=\"${scrollableElementDataHook}\"]`,\n      );\n\n      if (await pageScrollContent.exists()) {\n        await (\n          await pageScrollContent.getNative()\n        ).dispatchEvent(\n          Object.assign(new Event('scroll'), { _testScroll: 'top' }),\n        );\n      }\n    },\n    /** @private */\n    _getInnerElement,\n    getDragHandle: (index: number) => {\n      return getCardGalleryItemByIndexBase(index).$(\n        '[data-hook=\"drag-handle-button\"]',\n      );\n    },\n    _getDragAndDropDriver: getDragAndDrop,\n    escapeDrag: async (sourceIndex: number) =>\n      getDragAndDrop().escapeDrag(\n        await getCardDragElementByIndexBase(sourceIndex),\n      ),\n    dragStart: async (\n      sourceIndex: number,\n      options: { page?: SledPage['page']; x?: number } = {},\n    ) =>\n      getDragAndDrop().dragStart(\n        await getCardDragElementByIndexBase(sourceIndex),\n        options,\n      ),\n    dragStartFromHandleAndKeyboard: async (sourceIndex: number) =>\n      getDragAndDrop().startKeyboardDrag(\n        (await getCardGalleryItemByIndexBase(sourceIndex)).$(\n          `[data-hook=\"drag-handle-button\"]`,\n        ),\n      ),\n    dragStartFromHandle: async (sourceIndex: number) =>\n      getDragAndDrop().dragStart(\n        (await getCardGalleryItemByIndexBase(sourceIndex)).$(\n          `[data-hook=\"drag-handle-button\"]`,\n        ),\n      ),\n    dragMove: () => getDragAndDrop().dragMove(),\n    dragEnd: async (targetIndex: number) =>\n      getDragAndDrop().dragEnd(\n        await getCardDragElementByIndexBase(targetIndex),\n      ),\n    /**\n     * Drags an element over another element.\n     * @param {number} sourceIndex\n     * @param {number} targetIndex\n     * @param [options]\n     * @param {number} [options.steps] number of movement steps (only for puppeteer)\n     */\n    dragOver: async (\n      sourceIndex: number,\n      targetIndex: number,\n      options: { steps?: number } = {},\n    ) => {\n      return getDragAndDrop().dragOver(\n        await getCardDragElementByIndexBase(sourceIndex),\n        await getCardDragElementByIndexBase(targetIndex),\n        options,\n      );\n    },\n    getNavigationModal,\n    getLiveRegionText: async () => (await getLiveRegion()).getMessage(),\n    getLiveRegionRole: async () => (await getLiveRegion()).getRole(),\n    getDragAndDropLiveRegionText: () =>\n      body.$('[data-hook=\"grid-dnd-live-region\"]').text(),\n    _getCardDragElementByIndexBase: getCardDragElementByIndexBase,\n    _getCardGalleryItemByIndexBase: getCardGalleryItemByIndexBase,\n    waitSidePanelFullyOpened: () => {\n      return waitFor(\n        async () =>\n          (await slidingModalBase().attr('data-transition-status')) ===\n          'entered',\n      );\n    },\n    /** Get an export button driver **/\n    getExportButton,\n\n    /** Get an export modal driver **/\n    getExportModal,\n    /** Is 'ExportTo' modal open */\n    isExportModalOpen: () => getExportButton().getModal().isOpen(),\n    getCardGalleryItemFooterImageByIndexBase,\n    getRenderedItemIndexAt,\n    getDragOverlayCardGalleryItem: () =>\n      CardGalleryItemUniDriver(\n        body.$('[data-hook=\"draggable-card-overlay\"]'),\n        body,\n      ),\n    internalScrollDownToItem: (\n      index: number,\n      options: {\n        timeout?: number;\n        delay?: number;\n      } = {},\n    ) =>\n      scrollDownToItem(index, {\n        ...options,\n        scrollableElementDataHook: 'toolbar-collection-content-auto-sizer',\n      }),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n  };\n}\n\nexport default GridUniDriver;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_CollectionToolbarUni","_DragAndDropUni","_CollectionEmptyStateUni","_ToolbarCollectionErrorStateUni","_ExportButtonUni","_ExportModalUni","_SkeletonGridUni","_unidriver3","_SummaryBarUni","_CollectionPremiumEmptyStateUni","_CollectionNoResultsStateUni","_GridSectionHeaderUni","GridUniDriver","base","body","initialLoaderBase","$","initialLoader","SkeletonGridUniDriver","infiniteScrollLoaderBase","infiniteScrollLoader","modalsContainerBase","slidingModalBase","getEmptyStateByDataHook","dataHook","CollectionEmptyStateUniDriver","getPremiumEmptyStateByDataHook","CollectionPremiumEmptyStateUniDriver","getNoResultsStateByDataHook","CollectionNoResultsStateUniDriver","viewsToolbarItem","getCardGalleryItemByIndexBase","index","getCardGalleryItemFooterImageByIndexBase","getCardDragElementByIndexBase","getCardGalleryItemByIndex","CardGalleryItemUniDriver","getAddItem","AddItemUniDriver","getCardGalleryItemPopoverMenuByIndex","getSettingsMenu","popoverMenu","PopoverMenuUniDriver","$$","get","trigger","getTriggerElement","iconButton","IconButtonUniDriver","clickTriggerElement","click","getActionModal","MessageModalLayoutUniDriver","getToolbar","CollectionToolbarUniDriver","scrollDown","scrollableElementDataHook","page","getNative","evaluate","_dataHook","scrollableElement","document","querySelector","scrollBy","behavior","top","scrollHeight","waitForTimeout","pageScrollContent","exists","dispatchEvent","Event","getDragAndDrop","DragAndDropUniDriver","getErrorStateByDataHook","ToolbarCollectionErrorStateUniDriver","refreshLoaderBase","refreshLoader","getNavigationModal","getExportModal","ExportModalUniDriver","getExportButton","ExportButtonUniDriver","getRenderedItemIndexAt","i","card","filter","e","dataIndexAttr","attr","Number","replace","isInteger","getLastRenderedItemIndex","cards","lastCard","count","scrollDownToItem","timeout","delay","waitFor","scrollDownToAddItem","_getInnerElement","getLiveRegion","LiveRegionUniDriver","getSummaryBar","SummaryBarUniDriver","baseUniDriverFactory","wait","waitInitialLoader","waitInitialLoaderRemoved","isInitialLoaderLoading","initialLoaderExists","waitInfiniteScrollLoader","infiniteScrollSkeletonCount","skeletonItemsCount","infiniteScrollLoaderExists","refreshLoaderExists","refreshLoaderSkeletonCount","getCardErrorStateByDataHook","getRenderedItemsCount","gridContainerExists","getVirtualizedRowsCount","str","isNaN","initialLoaderSkeletonCount","getLastRenderedItem","waitCardGalleryItemByIndex","getCardDefaultEmptyState","viewsToolbarItemLabelExists","getViewsToolbarItemLabelText","text","getToolbarTabs","getTabs","enterSearchText","clearSearchText","getEmptyStateClearFiltersButton","emptyStateDataHook","TextButtonUniDriver","scrollToTop","Object","assign","_testScroll","getDragHandle","_getDragAndDropDriver","escapeDrag","sourceIndex","dragStart","options","dragStartFromHandleAndKeyboard","startKeyboardDrag","dragStartFromHandle","dragMove","dragEnd","targetIndex","dragOver","getLiveRegionText","getMessage","getLiveRegionRole","getRole","getDragAndDropLiveRegionText","_getCardDragElementByIndexBase","_getCardGalleryItemByIndexBase","waitSidePanelFullyOpened","isExportModalOpen","getModal","isOpen","getDragOverlayCardGalleryItem","internalScrollDownToItem","getSectionHeaderAt","GridSectionHeaderUniDriver","getSectionHeadersCount","getSectionGridAt","_default","exports","default"],"sources":["../../../../src/components/Grid/Grid.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  AddItemUniDriver,\n  CardGalleryItemUniDriver,\n  IconButtonUniDriver,\n  LiveRegionUniDriver,\n  MessageModalLayoutUniDriver,\n  PopoverMenuUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';\nimport { CollectionEmptyStateUniDriver } from '../EmptyState/CollectionEmptyState.uni.driver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { SledPage } from '../../sledPage';\nimport { ExportButtonUniDriver } from '../ExportButton/ExportButton.uni.driver';\nimport { ExportModalUniDriver } from '../ExportButton/ExportModal.uni.driver';\nimport { SkeletonGridUniDriver } from './SkeletonGrid.uni.driver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\nimport { CollectionPremiumEmptyStateUniDriver } from '../EmptyState/CollectionPremiumEmptyState.uni.driver';\nimport { CollectionNoResultsStateUniDriver } from '../EmptyState/CollectionNoResultsState.uni.driver';\nimport { GridSectionHeaderUniDriver } from '../GridSections/GridSectionHeader.uni.driver';\n\nexport function GridUniDriver(base: UniDriver, body: UniDriver) {\n  const initialLoaderBase = () => base.$(`[data-hook=\"grid-initial-loader\"]`);\n  const initialLoader = () => SkeletonGridUniDriver(initialLoaderBase(), body);\n\n  const infiniteScrollLoaderBase = () =>\n    base.$(`[data-hook=\"infinite-scroll-loader\"]`);\n\n  const infiniteScrollLoader = () =>\n    SkeletonGridUniDriver(infiniteScrollLoaderBase(), body);\n\n  const modalsContainerBase = () =>\n    body.$(`[data-hook=\"cairo-modals-container\"]`);\n\n  const slidingModalBase = () =>\n    modalsContainerBase().$('[data-hook=\"cairo-side-panel-modal\"]');\n\n  const getEmptyStateByDataHook = (dataHook = 'collection-empty-state') =>\n    CollectionEmptyStateUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  const getPremiumEmptyStateByDataHook = (dataHook: string) =>\n    CollectionPremiumEmptyStateUniDriver(\n      base.$(`[data-hook=\"${dataHook}\"]`),\n      body,\n    );\n\n  const getNoResultsStateByDataHook = (dataHook = 'collection-empty-state') =>\n    CollectionNoResultsStateUniDriver(\n      base.$(`[data-hook=\"${dataHook}\"]`),\n      body,\n    );\n\n  const viewsToolbarItem = () =>\n    base.$('[data-hook=\"collection-table-toolbar-views-item\"]');\n\n  const getCardGalleryItemByIndexBase = (index: number) => {\n    return base.$(\n      `[data-hook=\"virtual-grid-item\"][data-index=\"index-${index}\"]`,\n    );\n  };\n\n  const getCardGalleryItemFooterImageByIndexBase = (index: number) => {\n    return base.$(\n      `[data-hook=\"virtual-grid-item\"][data-index=\"index-${index}\"] [data-hook=\"footer-image\"]`,\n    );\n  };\n\n  const getCardDragElementByIndexBase = (index: number) => {\n    return getCardGalleryItemByIndexBase(index).$(\n      '[data-hook=\"grid-card-item-events\"]',\n    );\n  };\n\n  const getCardGalleryItemByIndex = (index: number) => {\n    return CardGalleryItemUniDriver(getCardGalleryItemByIndexBase(index), body);\n  };\n\n  const getAddItem = () =>\n    AddItemUniDriver(base.$(`[data-hook=\"grid-add-item-container\"]`), body);\n\n  const getCardGalleryItemPopoverMenuByIndex = async (index: number) => {\n    // Popover isn't active until we specifically call it\n    await (await getCardGalleryItemByIndex(index)).getSettingsMenu();\n\n    const popoverMenu = PopoverMenuUniDriver(\n      base.$$(`[data-hook=\"popover\"]`).get(index),\n      body,\n    );\n\n    const trigger = popoverMenu.getTriggerElement('popover-trigger');\n    const iconButton = IconButtonUniDriver(trigger, base);\n\n    return {\n      ...popoverMenu,\n      clickTriggerElement: () => iconButton.click(),\n    };\n  };\n\n  const getActionModal = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"collection-action-modal\"]'),\n      body,\n    );\n\n  const getToolbar = () =>\n    CollectionToolbarUniDriver(\n      base.$('[data-hook=\"collection-toolbar\"]'),\n      body,\n    );\n\n  const scrollDown = async (\n    scrollableElementDataHook = 'page-scrollable-content',\n  ) => {\n    const { page } = (await body\n      .$(`[data-hook=\"${scrollableElementDataHook}\"]`)\n      .getNative()) as {\n      page?: SledPage['page'];\n    };\n    // puppeteer\n    if (page?.evaluate) {\n      await page.evaluate((_dataHook: string) => {\n        const scrollableElement = document.querySelector(\n          `[data-hook=\"${_dataHook}\"]`,\n        )!;\n        scrollableElement.scrollBy({\n          behavior: 'smooth',\n          top: scrollableElement.scrollHeight,\n        });\n      }, scrollableElementDataHook);\n      await page.waitForTimeout(1000); // delay scroll resolve by 1 sec\n    }\n    // jsdom\n    else {\n      const pageScrollContent = body.$(\n        `[data-hook=\"${scrollableElementDataHook}\"]`,\n      );\n\n      if (await pageScrollContent.exists()) {\n        await (\n          await pageScrollContent.getNative()\n        ).dispatchEvent(new Event('scroll'));\n      }\n    }\n  };\n\n  const getDragAndDrop = () => DragAndDropUniDriver(base);\n\n  const getErrorStateByDataHook = (\n    dataHook = 'placeholder-states-error-state',\n  ) =>\n    ToolbarCollectionErrorStateUniDriver(\n      base.$(`[data-hook=\"${dataHook}\"]`),\n      body,\n    );\n\n  const refreshLoaderBase = () => base.$(`[data-hook=\"grid-refresh-loader\"]`);\n  const refreshLoader = () => SkeletonGridUniDriver(refreshLoaderBase(), body);\n\n  const getNavigationModal = () =>\n    MessageModalLayoutUniDriver(body.$('[data-hook=\"navigation-modal\"]'), body);\n\n  const getExportModal = () => ExportModalUniDriver(base, body);\n\n  const getExportButton = () =>\n    ExportButtonUniDriver(base.$('[data-hook=\"export-button\"]'), body);\n\n  const getRenderedItemIndexAt = async (i: number) => {\n    const card = base\n      .$$('[data-hook=\"virtual-grid-item\"]')\n      .filter((e) => e.$('[data-hook=\"grid-card-item\"]').exists())\n      .get(i);\n    const dataIndexAttr = await card.attr('data-index');\n    const index = Number(dataIndexAttr?.replace(/^index-/, ''));\n    return Number.isInteger(index) ? index : -1;\n  };\n\n  const getLastRenderedItemIndex = async () => {\n    const cards = base\n      .$$('[data-hook=\"virtual-grid-item\"]')\n      .filter((e) => e.$('[data-hook=\"grid-card-item\"]').exists());\n\n    const lastCard = cards.get((await cards.count()) - 1);\n    const dataIndexAttr = await lastCard.attr('data-index');\n    const index = Number(dataIndexAttr?.replace(/^index-/, ''));\n    return Number.isInteger(index) ? index : null;\n  };\n\n  const scrollDownToItem = (\n    index: number,\n    {\n      timeout = 5000,\n      delay = 1000,\n      scrollableElementDataHook = 'page-scrollable-content',\n    }: {\n      timeout?: number;\n      delay?: number;\n      scrollableElementDataHook?: string;\n    } = {},\n  ) => {\n    return waitFor(\n      async () => {\n        if (await getCardGalleryItemByIndexBase(index).exists()) {\n          return true;\n        }\n        await scrollDown(scrollableElementDataHook);\n        return getCardGalleryItemByIndexBase(index).exists();\n      },\n      timeout,\n      delay,\n    );\n  };\n\n  const scrollDownToAddItem = ({\n    timeout = 5000,\n    delay = 1000,\n    scrollableElementDataHook = 'page-scrollable-content',\n  }: {\n    timeout?: number;\n    delay?: number;\n    scrollableElementDataHook?: string;\n  } = {}) => {\n    return waitFor(\n      async () => {\n        if (await getAddItem().exists()) {\n          return true;\n        }\n        await scrollDown(scrollableElementDataHook);\n\n        return getAddItem().exists();\n      },\n      timeout,\n      delay,\n    );\n  };\n\n  const _getInnerElement = () => base.$('[data-hook=\"virtual-inner-element\"]');\n\n  const getLiveRegion = () =>\n    LiveRegionUniDriver(base.$('[data-hook=\"collection-live-region\"]'), body);\n\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    /**\n     * Wait until root element to exist\n     * @param timeout - time to wait until bailing\n     */\n    wait: (timeout?: number) => base.wait(timeout),\n    /** Wait for the initial fetch loader to be shown */\n    waitInitialLoader: (timeout?: number) => initialLoaderBase().wait(timeout),\n    /** Wait for the initial fetch loader to be removed */\n    waitInitialLoaderRemoved: (timeout?: number) =>\n      waitFor(async () => !(await initialLoaderBase().exists()), timeout),\n    /** Indicates whether initial loader is in loading status */\n    isInitialLoaderLoading: () => initialLoader().exists(),\n    /** Indicates whether initial loader exists */\n    initialLoaderExists: () => initialLoader().exists(),\n\n    /** Wait for the infinite scroll loader to be shown */\n    waitInfiniteScrollLoader: (timeout?: number) =>\n      infiniteScrollLoaderBase().wait(timeout),\n    infiniteScrollSkeletonCount: () =>\n      infiniteScrollLoader().skeletonItemsCount(),\n    /** Indicates whether infinite scroll loader exists */\n    infiniteScrollLoaderExists: () => infiniteScrollLoader().exists(),\n\n    /** Indicates whether table refresh loader exists */\n    refreshLoaderExists: () => refreshLoader().exists(),\n    refreshLoaderSkeletonCount: () => refreshLoader().skeletonItemsCount(),\n\n    getErrorStateByDataHook,\n    /** Get initial error state before table renders */\n    getCardErrorStateByDataHook: (\n      dataHook = 'placeholder-states-error-state',\n    ) => getErrorStateByDataHook(dataHook),\n\n    /** Get collection empty state within the table that by a specific data hook */\n    getEmptyStateByDataHook,\n    /** Get premium empty state within the table that by a specific data hook */\n    getPremiumEmptyStateByDataHook,\n    /** Get collection no results state within the table that by a specific data hook */\n    getNoResultsStateByDataHook,\n    /** Get the number of actually rendered grid cards */\n    getRenderedItemsCount: () =>\n      base.$$('[data-hook=\"grid-card-item\"]').count(),\n    gridContainerExists: () => _getInnerElement().exists(),\n    getVirtualizedRowsCount: async () => {\n      const str = await _getInnerElement().attr('data-count');\n      return !isNaN(Number(str)) ? Number(str) : 0;\n    },\n    initialLoaderSkeletonCount: () =>\n      infiniteScrollLoader().skeletonItemsCount(),\n    /** Get the number rendered grid cards available on the client */\n    getLastRenderedItemIndex,\n    getLastRenderedItem: async () => {\n      const i = await getLastRenderedItemIndex();\n      return i != null ? getCardGalleryItemByIndex(i) : null;\n    },\n    /** Get the CardGalleryItem by index */\n    getCardGalleryItemByIndex,\n    /** Wait CardGalleryItem by index */\n    waitCardGalleryItemByIndex: async (index: number, timeout?: number) =>\n      (await getCardGalleryItemByIndexBase(index)).wait(timeout),\n    /** Get the CardGalleryItem's PopoverMenu by index */\n    getCardGalleryItemPopoverMenuByIndex,\n    getCardDefaultEmptyState: getEmptyStateByDataHook,\n    getActionModal,\n    /** Get the `<AddItem />` driver for the `renderAddItem` */\n    getAddItem,\n    getToolbar,\n    viewsToolbarItemLabelExists: () => viewsToolbarItem().$('span').exists(),\n    getViewsToolbarItemLabelText: () => viewsToolbarItem().$('span').text(),\n    /** Get tabs filter driver */\n    getToolbarTabs: () => getToolbar().getTabs(),\n    /** Enter text into the search input */\n    enterSearchText: (text: string) => getToolbar().enterSearchText(text),\n    clearSearchText: () => getToolbar().clearSearchText(),\n    getEmptyStateClearFiltersButton: (emptyStateDataHook: string) =>\n      TextButtonUniDriver(\n        base\n          .$(`[data-hook=\"${emptyStateDataHook}\"]`)\n          .$('[data-hook=\"empty-state-clear-filters-button\"]'),\n        body,\n      ),\n    /**\n     * Triggers \"scroll\" event on the scroll element.\n     * @param scrollableElementDataHook - The data hook of the scrollable element (Optional, defaults to \"page-scrollable-content\").\n     */\n    scrollDown,\n    /**\n     * Triggers \"scroll\" event on the scroll element, until item exists\n     * @param index\n     * @param timeout - how much to to wait for item exists\n     * @param delay - how much to to wait between each check\n     * @param scrollableElementDataHook\n     */\n    scrollDownToItem,\n    scrollDownToAddItem,\n    scrollToTop: async (\n      scrollableElementDataHook = 'page-scrollable-content',\n    ) => {\n      const pageScrollContent = body.$(\n        `[data-hook=\"${scrollableElementDataHook}\"]`,\n      );\n\n      if (await pageScrollContent.exists()) {\n        await (\n          await pageScrollContent.getNative()\n        ).dispatchEvent(\n          Object.assign(new Event('scroll'), { _testScroll: 'top' }),\n        );\n      }\n    },\n    /** @private */\n    _getInnerElement,\n    getDragHandle: (index: number) => {\n      return getCardGalleryItemByIndexBase(index).$(\n        '[data-hook=\"drag-handle-button\"]',\n      );\n    },\n    _getDragAndDropDriver: getDragAndDrop,\n    escapeDrag: async (sourceIndex: number) =>\n      getDragAndDrop().escapeDrag(\n        await getCardDragElementByIndexBase(sourceIndex),\n      ),\n    dragStart: async (\n      sourceIndex: number,\n      options: { page?: SledPage['page']; x?: number } = {},\n    ) =>\n      getDragAndDrop().dragStart(\n        await getCardDragElementByIndexBase(sourceIndex),\n        options,\n      ),\n    dragStartFromHandleAndKeyboard: async (sourceIndex: number) =>\n      getDragAndDrop().startKeyboardDrag(\n        (await getCardGalleryItemByIndexBase(sourceIndex)).$(\n          `[data-hook=\"drag-handle-button\"]`,\n        ),\n      ),\n    dragStartFromHandle: async (sourceIndex: number) =>\n      getDragAndDrop().dragStart(\n        (await getCardGalleryItemByIndexBase(sourceIndex)).$(\n          `[data-hook=\"drag-handle-button\"]`,\n        ),\n      ),\n    dragMove: () => getDragAndDrop().dragMove(),\n    dragEnd: async (targetIndex: number) =>\n      getDragAndDrop().dragEnd(\n        await getCardDragElementByIndexBase(targetIndex),\n      ),\n    /**\n     * Drags an element over another element.\n     * @param {number} sourceIndex\n     * @param {number} targetIndex\n     * @param [options]\n     * @param {number} [options.steps] number of movement steps (only for puppeteer)\n     */\n    dragOver: async (\n      sourceIndex: number,\n      targetIndex: number,\n      options: { steps?: number } = {},\n    ) => {\n      return getDragAndDrop().dragOver(\n        await getCardDragElementByIndexBase(sourceIndex),\n        await getCardDragElementByIndexBase(targetIndex),\n        options,\n      );\n    },\n    getNavigationModal,\n    getLiveRegionText: async () => (await getLiveRegion()).getMessage(),\n    getLiveRegionRole: async () => (await getLiveRegion()).getRole(),\n    getDragAndDropLiveRegionText: () =>\n      body.$('[data-hook=\"grid-dnd-live-region\"]').text(),\n    _getCardDragElementByIndexBase: getCardDragElementByIndexBase,\n    _getCardGalleryItemByIndexBase: getCardGalleryItemByIndexBase,\n    waitSidePanelFullyOpened: () => {\n      return waitFor(\n        async () =>\n          (await slidingModalBase().attr('data-transition-status')) ===\n          'entered',\n      );\n    },\n    /** Get an export button driver **/\n    getExportButton,\n\n    /** Get an export modal driver **/\n    getExportModal,\n    /** Is 'ExportTo' modal open */\n    isExportModalOpen: () => getExportButton().getModal().isOpen(),\n    getCardGalleryItemFooterImageByIndexBase,\n    getRenderedItemIndexAt,\n    getDragOverlayCardGalleryItem: () =>\n      CardGalleryItemUniDriver(\n        body.$('[data-hook=\"draggable-card-overlay\"]'),\n        body,\n      ),\n    internalScrollDownToItem: (\n      index: number,\n      options: {\n        timeout?: number;\n        delay?: number;\n      } = {},\n    ) =>\n      scrollDownToItem(index, {\n        ...options,\n        scrollableElementDataHook: 'toolbar-collection-content-auto-sizer',\n      }),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n\n    getSectionHeaderAt: (index: number) =>\n      GridSectionHeaderUniDriver(\n        base.$$('[data-hook=\"grid-section-header\"]').get(index),\n        body,\n      ),\n    getSectionHeadersCount: () =>\n      base.$$('[data-hook=\"grid-section-header\"]').count(),\n\n    getSectionGridAt: (index: number) =>\n      GridUniDriver(\n        base.$$('[data-hook=\"grid-section-and-repeater\"]').get(index),\n        body,\n      ),\n  };\n}\n\nexport default GridUniDriver;\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AASA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,+BAAA,GAAAL,OAAA;AAEA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,cAAA,GAAAV,OAAA;AACA,IAAAW,+BAAA,GAAAX,OAAA;AACA,IAAAY,4BAAA,GAAAZ,OAAA;AACA,IAAAa,qBAAA,GAAAb,OAAA;AAEO,SAASc,aAAaA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC9D,MAAMC,iBAAiB,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAE,mCAAkC,CAAC;EAC3E,MAAMC,aAAa,GAAGA,CAAA,KAAM,IAAAC,sCAAqB,EAACH,iBAAiB,CAAC,CAAC,EAAED,IAAI,CAAC;EAE5E,MAAMK,wBAAwB,GAAGA,CAAA,KAC/BN,IAAI,CAACG,CAAC,CAAE,sCAAqC,CAAC;EAEhD,MAAMI,oBAAoB,GAAGA,CAAA,KAC3B,IAAAF,sCAAqB,EAACC,wBAAwB,CAAC,CAAC,EAAEL,IAAI,CAAC;EAEzD,MAAMO,mBAAmB,GAAGA,CAAA,KAC1BP,IAAI,CAACE,CAAC,CAAE,sCAAqC,CAAC;EAEhD,MAAMM,gBAAgB,GAAGA,CAAA,KACvBD,mBAAmB,CAAC,CAAC,CAACL,CAAC,CAAC,sCAAsC,CAAC;EAEjE,MAAMO,uBAAuB,GAAGA,CAACC,QAAQ,GAAG,wBAAwB,KAClE,IAAAC,sDAA6B,EAACZ,IAAI,CAACG,CAAC,CAAE,eAAcQ,QAAS,IAAG,CAAC,EAAEV,IAAI,CAAC;EAE1E,MAAMY,8BAA8B,GAAIF,QAAgB,IACtD,IAAAG,oEAAoC,EAClCd,IAAI,CAACG,CAAC,CAAE,eAAcQ,QAAS,IAAG,CAAC,EACnCV,IACF,CAAC;EAEH,MAAMc,2BAA2B,GAAGA,CAACJ,QAAQ,GAAG,wBAAwB,KACtE,IAAAK,8DAAiC,EAC/BhB,IAAI,CAACG,CAAC,CAAE,eAAcQ,QAAS,IAAG,CAAC,EACnCV,IACF,CAAC;EAEH,MAAMgB,gBAAgB,GAAGA,CAAA,KACvBjB,IAAI,CAACG,CAAC,CAAC,mDAAmD,CAAC;EAE7D,MAAMe,6BAA6B,GAAIC,KAAa,IAAK;IACvD,OAAOnB,IAAI,CAACG,CAAC,CACV,qDAAoDgB,KAAM,IAC7D,CAAC;EACH,CAAC;EAED,MAAMC,wCAAwC,GAAID,KAAa,IAAK;IAClE,OAAOnB,IAAI,CAACG,CAAC,CACV,qDAAoDgB,KAAM,+BAC7D,CAAC;EACH,CAAC;EAED,MAAME,6BAA6B,GAAIF,KAAa,IAAK;IACvD,OAAOD,6BAA6B,CAACC,KAAK,CAAC,CAAChB,CAAC,CAC3C,qCACF,CAAC;EACH,CAAC;EAED,MAAMmB,yBAAyB,GAAIH,KAAa,IAAK;IACnD,OAAO,IAAAI,oCAAwB,EAACL,6BAA6B,CAACC,KAAK,CAAC,EAAElB,IAAI,CAAC;EAC7E,CAAC;EAED,MAAMuB,UAAU,GAAGA,CAAA,KACjB,IAAAC,4BAAgB,EAACzB,IAAI,CAACG,CAAC,CAAE,uCAAsC,CAAC,EAAEF,IAAI,CAAC;EAEzE,MAAMyB,oCAAoC,GAAG,MAAOP,KAAa,IAAK;IACpE;IACA,MAAM,CAAC,MAAMG,yBAAyB,CAACH,KAAK,CAAC,EAAEQ,eAAe,CAAC,CAAC;IAEhE,MAAMC,WAAW,GAAG,IAAAC,gCAAoB,EACtC7B,IAAI,CAAC8B,EAAE,CAAE,uBAAsB,CAAC,CAACC,GAAG,CAACZ,KAAK,CAAC,EAC3ClB,IACF,CAAC;IAED,MAAM+B,OAAO,GAAGJ,WAAW,CAACK,iBAAiB,CAAC,iBAAiB,CAAC;IAChE,MAAMC,UAAU,GAAG,IAAAC,+BAAmB,EAACH,OAAO,EAAEhC,IAAI,CAAC;IAErD,OAAO;MACL,GAAG4B,WAAW;MACdQ,mBAAmB,EAAEA,CAAA,KAAMF,UAAU,CAACG,KAAK,CAAC;IAC9C,CAAC;EACH,CAAC;EAED,MAAMC,cAAc,GAAGA,CAAA,KACrB,IAAAC,uCAA2B,EACzBtC,IAAI,CAACE,CAAC,CAAC,uCAAuC,CAAC,EAC/CF,IACF,CAAC;EAEH,MAAMuC,UAAU,GAAGA,CAAA,KACjB,IAAAC,gDAA0B,EACxBzC,IAAI,CAACG,CAAC,CAAC,kCAAkC,CAAC,EAC1CF,IACF,CAAC;EAEH,MAAMyC,UAAU,GAAG,MAAAA,CACjBC,yBAAyB,GAAG,yBAAyB,KAClD;IACH,MAAM;MAAEC;IAAK,CAAC,GAAI,MAAM3C,IAAI,CACzBE,CAAC,CAAE,eAAcwC,yBAA0B,IAAG,CAAC,CAC/CE,SAAS,CAAC,CAEZ;IACD;IACA,IAAID,IAAI,YAAJA,IAAI,CAAEE,QAAQ,EAAE;MAClB,MAAMF,IAAI,CAACE,QAAQ,CAAEC,SAAiB,IAAK;QACzC,MAAMC,iBAAiB,GAAGC,QAAQ,CAACC,aAAa,CAC7C,eAAcH,SAAU,IAC3B,CAAE;QACFC,iBAAiB,CAACG,QAAQ,CAAC;UACzBC,QAAQ,EAAE,QAAQ;UAClBC,GAAG,EAAEL,iBAAiB,CAACM;QACzB,CAAC,CAAC;MACJ,CAAC,EAAEX,yBAAyB,CAAC;MAC7B,MAAMC,IAAI,CAACW,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IACnC;IACA;IAAA,KACK;MACH,MAAMC,iBAAiB,GAAGvD,IAAI,CAACE,CAAC,CAC7B,eAAcwC,yBAA0B,IAC3C,CAAC;MAED,IAAI,MAAMa,iBAAiB,CAACC,MAAM,CAAC,CAAC,EAAE;QACpC,MAAM,CACJ,MAAMD,iBAAiB,CAACX,SAAS,CAAC,CAAC,EACnCa,aAAa,CAAC,IAAIC,KAAK,CAAC,QAAQ,CAAC,CAAC;MACtC;IACF;EACF,CAAC;EAED,MAAMC,cAAc,GAAGA,CAAA,KAAM,IAAAC,oCAAoB,EAAC7D,IAAI,CAAC;EAEvD,MAAM8D,uBAAuB,GAAGA,CAC9BnD,QAAQ,GAAG,gCAAgC,KAE3C,IAAAoD,oEAAoC,EAClC/D,IAAI,CAACG,CAAC,CAAE,eAAcQ,QAAS,IAAG,CAAC,EACnCV,IACF,CAAC;EAEH,MAAM+D,iBAAiB,GAAGA,CAAA,KAAMhE,IAAI,CAACG,CAAC,CAAE,mCAAkC,CAAC;EAC3E,MAAM8D,aAAa,GAAGA,CAAA,KAAM,IAAA5D,sCAAqB,EAAC2D,iBAAiB,CAAC,CAAC,EAAE/D,IAAI,CAAC;EAE5E,MAAMiE,kBAAkB,GAAGA,CAAA,KACzB,IAAA3B,uCAA2B,EAACtC,IAAI,CAACE,CAAC,CAAC,gCAAgC,CAAC,EAAEF,IAAI,CAAC;EAE7E,MAAMkE,cAAc,GAAGA,CAAA,KAAM,IAAAC,oCAAoB,EAACpE,IAAI,EAAEC,IAAI,CAAC;EAE7D,MAAMoE,eAAe,GAAGA,CAAA,KACtB,IAAAC,sCAAqB,EAACtE,IAAI,CAACG,CAAC,CAAC,6BAA6B,CAAC,EAAEF,IAAI,CAAC;EAEpE,MAAMsE,sBAAsB,GAAG,MAAOC,CAAS,IAAK;IAClD,MAAMC,IAAI,GAAGzE,IAAI,CACd8B,EAAE,CAAC,iCAAiC,CAAC,CACrC4C,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACxE,CAAC,CAAC,8BAA8B,CAAC,CAACsD,MAAM,CAAC,CAAC,CAAC,CAC3D1B,GAAG,CAACyC,CAAC,CAAC;IACT,MAAMI,aAAa,GAAG,MAAMH,IAAI,CAACI,IAAI,CAAC,YAAY,CAAC;IACnD,MAAM1D,KAAK,GAAG2D,MAAM,CAACF,aAAa,oBAAbA,aAAa,CAAEG,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAC3D,OAAOD,MAAM,CAACE,SAAS,CAAC7D,KAAK,CAAC,GAAGA,KAAK,GAAG,CAAC,CAAC;EAC7C,CAAC;EAED,MAAM8D,wBAAwB,GAAG,MAAAA,CAAA,KAAY;IAC3C,MAAMC,KAAK,GAAGlF,IAAI,CACf8B,EAAE,CAAC,iCAAiC,CAAC,CACrC4C,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACxE,CAAC,CAAC,8BAA8B,CAAC,CAACsD,MAAM,CAAC,CAAC,CAAC;IAE9D,MAAM0B,QAAQ,GAAGD,KAAK,CAACnD,GAAG,CAAC,CAAC,MAAMmD,KAAK,CAACE,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;IACrD,MAAMR,aAAa,GAAG,MAAMO,QAAQ,CAACN,IAAI,CAAC,YAAY,CAAC;IACvD,MAAM1D,KAAK,GAAG2D,MAAM,CAACF,aAAa,oBAAbA,aAAa,CAAEG,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAC3D,OAAOD,MAAM,CAACE,SAAS,CAAC7D,KAAK,CAAC,GAAGA,KAAK,GAAG,IAAI;EAC/C,CAAC;EAED,MAAMkE,gBAAgB,GAAGA,CACvBlE,KAAa,EACb;IACEmE,OAAO,GAAG,IAAI;IACdC,KAAK,GAAG,IAAI;IACZ5C,yBAAyB,GAAG;EAK9B,CAAC,GAAG,CAAC,CAAC,KACH;IACH,OAAO,IAAA6C,kBAAO,EACZ,YAAY;MACV,IAAI,MAAMtE,6BAA6B,CAACC,KAAK,CAAC,CAACsC,MAAM,CAAC,CAAC,EAAE;QACvD,OAAO,IAAI;MACb;MACA,MAAMf,UAAU,CAACC,yBAAyB,CAAC;MAC3C,OAAOzB,6BAA6B,CAACC,KAAK,CAAC,CAACsC,MAAM,CAAC,CAAC;IACtD,CAAC,EACD6B,OAAO,EACPC,KACF,CAAC;EACH,CAAC;EAED,MAAME,mBAAmB,GAAGA,CAAC;IAC3BH,OAAO,GAAG,IAAI;IACdC,KAAK,GAAG,IAAI;IACZ5C,yBAAyB,GAAG;EAK9B,CAAC,GAAG,CAAC,CAAC,KAAK;IACT,OAAO,IAAA6C,kBAAO,EACZ,YAAY;MACV,IAAI,MAAMhE,UAAU,CAAC,CAAC,CAACiC,MAAM,CAAC,CAAC,EAAE;QAC/B,OAAO,IAAI;MACb;MACA,MAAMf,UAAU,CAACC,yBAAyB,CAAC;MAE3C,OAAOnB,UAAU,CAAC,CAAC,CAACiC,MAAM,CAAC,CAAC;IAC9B,CAAC,EACD6B,OAAO,EACPC,KACF,CAAC;EACH,CAAC;EAED,MAAMG,gBAAgB,GAAGA,CAAA,KAAM1F,IAAI,CAACG,CAAC,CAAC,qCAAqC,CAAC;EAE5E,MAAMwF,aAAa,GAAGA,CAAA,KACpB,IAAAC,+BAAmB,EAAC5F,IAAI,CAACG,CAAC,CAAC,sCAAsC,CAAC,EAAEF,IAAI,CAAC;EAE3E,MAAM4F,aAAa,GAAGA,CAAA,KAAM,IAAAC,kCAAmB,EAAC9F,IAAI,EAAEC,IAAI,CAAC;EAE3D,OAAO;IACL,GAAG,IAAA8F,gCAAoB,EAAC/F,IAAI,CAAC;IAC7B;AACJ;AACA;AACA;IACIgG,IAAI,EAAGV,OAAgB,IAAKtF,IAAI,CAACgG,IAAI,CAACV,OAAO,CAAC;IAC9C;IACAW,iBAAiB,EAAGX,OAAgB,IAAKpF,iBAAiB,CAAC,CAAC,CAAC8F,IAAI,CAACV,OAAO,CAAC;IAC1E;IACAY,wBAAwB,EAAGZ,OAAgB,IACzC,IAAAE,kBAAO,EAAC,YAAY,EAAE,MAAMtF,iBAAiB,CAAC,CAAC,CAACuD,MAAM,CAAC,CAAC,CAAC,EAAE6B,OAAO,CAAC;IACrE;IACAa,sBAAsB,EAAEA,CAAA,KAAM/F,aAAa,CAAC,CAAC,CAACqD,MAAM,CAAC,CAAC;IACtD;IACA2C,mBAAmB,EAAEA,CAAA,KAAMhG,aAAa,CAAC,CAAC,CAACqD,MAAM,CAAC,CAAC;IAEnD;IACA4C,wBAAwB,EAAGf,OAAgB,IACzChF,wBAAwB,CAAC,CAAC,CAAC0F,IAAI,CAACV,OAAO,CAAC;IAC1CgB,2BAA2B,EAAEA,CAAA,KAC3B/F,oBAAoB,CAAC,CAAC,CAACgG,kBAAkB,CAAC,CAAC;IAC7C;IACAC,0BAA0B,EAAEA,CAAA,KAAMjG,oBAAoB,CAAC,CAAC,CAACkD,MAAM,CAAC,CAAC;IAEjE;IACAgD,mBAAmB,EAAEA,CAAA,KAAMxC,aAAa,CAAC,CAAC,CAACR,MAAM,CAAC,CAAC;IACnDiD,0BAA0B,EAAEA,CAAA,KAAMzC,aAAa,CAAC,CAAC,CAACsC,kBAAkB,CAAC,CAAC;IAEtEzC,uBAAuB;IACvB;IACA6C,2BAA2B,EAAEA,CAC3BhG,QAAQ,GAAG,gCAAgC,KACxCmD,uBAAuB,CAACnD,QAAQ,CAAC;IAEtC;IACAD,uBAAuB;IACvB;IACAG,8BAA8B;IAC9B;IACAE,2BAA2B;IAC3B;IACA6F,qBAAqB,EAAEA,CAAA,KACrB5G,IAAI,CAAC8B,EAAE,CAAC,8BAA8B,CAAC,CAACsD,KAAK,CAAC,CAAC;IACjDyB,mBAAmB,EAAEA,CAAA,KAAMnB,gBAAgB,CAAC,CAAC,CAACjC,MAAM,CAAC,CAAC;IACtDqD,uBAAuB,EAAE,MAAAA,CAAA,KAAY;MACnC,MAAMC,GAAG,GAAG,MAAMrB,gBAAgB,CAAC,CAAC,CAACb,IAAI,CAAC,YAAY,CAAC;MACvD,OAAO,CAACmC,KAAK,CAAClC,MAAM,CAACiC,GAAG,CAAC,CAAC,GAAGjC,MAAM,CAACiC,GAAG,CAAC,GAAG,CAAC;IAC9C,CAAC;IACDE,0BAA0B,EAAEA,CAAA,KAC1B1G,oBAAoB,CAAC,CAAC,CAACgG,kBAAkB,CAAC,CAAC;IAC7C;IACAtB,wBAAwB;IACxBiC,mBAAmB,EAAE,MAAAA,CAAA,KAAY;MAC/B,MAAM1C,CAAC,GAAG,MAAMS,wBAAwB,CAAC,CAAC;MAC1C,OAAOT,CAAC,IAAI,IAAI,GAAGlD,yBAAyB,CAACkD,CAAC,CAAC,GAAG,IAAI;IACxD,CAAC;IACD;IACAlD,yBAAyB;IACzB;IACA6F,0BAA0B,EAAE,MAAAA,CAAOhG,KAAa,EAAEmE,OAAgB,KAChE,CAAC,MAAMpE,6BAA6B,CAACC,KAAK,CAAC,EAAE6E,IAAI,CAACV,OAAO,CAAC;IAC5D;IACA5D,oCAAoC;IACpC0F,wBAAwB,EAAE1G,uBAAuB;IACjD4B,cAAc;IACd;IACAd,UAAU;IACVgB,UAAU;IACV6E,2BAA2B,EAAEA,CAAA,KAAMpG,gBAAgB,CAAC,CAAC,CAACd,CAAC,CAAC,MAAM,CAAC,CAACsD,MAAM,CAAC,CAAC;IACxE6D,4BAA4B,EAAEA,CAAA,KAAMrG,gBAAgB,CAAC,CAAC,CAACd,CAAC,CAAC,MAAM,CAAC,CAACoH,IAAI,CAAC,CAAC;IACvE;IACAC,cAAc,EAAEA,CAAA,KAAMhF,UAAU,CAAC,CAAC,CAACiF,OAAO,CAAC,CAAC;IAC5C;IACAC,eAAe,EAAGH,IAAY,IAAK/E,UAAU,CAAC,CAAC,CAACkF,eAAe,CAACH,IAAI,CAAC;IACrEI,eAAe,EAAEA,CAAA,KAAMnF,UAAU,CAAC,CAAC,CAACmF,eAAe,CAAC,CAAC;IACrDC,+BAA+B,EAAGC,kBAA0B,IAC1D,IAAAC,+BAAmB,EACjB9H,IAAI,CACDG,CAAC,CAAE,eAAc0H,kBAAmB,IAAG,CAAC,CACxC1H,CAAC,CAAC,gDAAgD,CAAC,EACtDF,IACF,CAAC;IACH;AACJ;AACA;AACA;IACIyC,UAAU;IACV;AACJ;AACA;AACA;AACA;AACA;AACA;IACI2C,gBAAgB;IAChBI,mBAAmB;IACnBsC,WAAW,EAAE,MAAAA,CACXpF,yBAAyB,GAAG,yBAAyB,KAClD;MACH,MAAMa,iBAAiB,GAAGvD,IAAI,CAACE,CAAC,CAC7B,eAAcwC,yBAA0B,IAC3C,CAAC;MAED,IAAI,MAAMa,iBAAiB,CAACC,MAAM,CAAC,CAAC,EAAE;QACpC,MAAM,CACJ,MAAMD,iBAAiB,CAACX,SAAS,CAAC,CAAC,EACnCa,aAAa,CACbsE,MAAM,CAACC,MAAM,CAAC,IAAItE,KAAK,CAAC,QAAQ,CAAC,EAAE;UAAEuE,WAAW,EAAE;QAAM,CAAC,CAC3D,CAAC;MACH;IACF,CAAC;IACD;IACAxC,gBAAgB;IAChByC,aAAa,EAAGhH,KAAa,IAAK;MAChC,OAAOD,6BAA6B,CAACC,KAAK,CAAC,CAAChB,CAAC,CAC3C,kCACF,CAAC;IACH,CAAC;IACDiI,qBAAqB,EAAExE,cAAc;IACrCyE,UAAU,EAAE,MAAOC,WAAmB,IACpC1E,cAAc,CAAC,CAAC,CAACyE,UAAU,CACzB,MAAMhH,6BAA6B,CAACiH,WAAW,CACjD,CAAC;IACHC,SAAS,EAAE,MAAAA,CACTD,WAAmB,EACnBE,OAAgD,GAAG,CAAC,CAAC,KAErD5E,cAAc,CAAC,CAAC,CAAC2E,SAAS,CACxB,MAAMlH,6BAA6B,CAACiH,WAAW,CAAC,EAChDE,OACF,CAAC;IACHC,8BAA8B,EAAE,MAAOH,WAAmB,IACxD1E,cAAc,CAAC,CAAC,CAAC8E,iBAAiB,CAChC,CAAC,MAAMxH,6BAA6B,CAACoH,WAAW,CAAC,EAAEnI,CAAC,CACjD,kCACH,CACF,CAAC;IACHwI,mBAAmB,EAAE,MAAOL,WAAmB,IAC7C1E,cAAc,CAAC,CAAC,CAAC2E,SAAS,CACxB,CAAC,MAAMrH,6BAA6B,CAACoH,WAAW,CAAC,EAAEnI,CAAC,CACjD,kCACH,CACF,CAAC;IACHyI,QAAQ,EAAEA,CAAA,KAAMhF,cAAc,CAAC,CAAC,CAACgF,QAAQ,CAAC,CAAC;IAC3CC,OAAO,EAAE,MAAOC,WAAmB,IACjClF,cAAc,CAAC,CAAC,CAACiF,OAAO,CACtB,MAAMxH,6BAA6B,CAACyH,WAAW,CACjD,CAAC;IACH;AACJ;AACA;AACA;AACA;AACA;AACA;IACIC,QAAQ,EAAE,MAAAA,CACRT,WAAmB,EACnBQ,WAAmB,EACnBN,OAA2B,GAAG,CAAC,CAAC,KAC7B;MACH,OAAO5E,cAAc,CAAC,CAAC,CAACmF,QAAQ,CAC9B,MAAM1H,6BAA6B,CAACiH,WAAW,CAAC,EAChD,MAAMjH,6BAA6B,CAACyH,WAAW,CAAC,EAChDN,OACF,CAAC;IACH,CAAC;IACDtE,kBAAkB;IAClB8E,iBAAiB,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMrD,aAAa,CAAC,CAAC,EAAEsD,UAAU,CAAC,CAAC;IACnEC,iBAAiB,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMvD,aAAa,CAAC,CAAC,EAAEwD,OAAO,CAAC,CAAC;IAChEC,4BAA4B,EAAEA,CAAA,KAC5BnJ,IAAI,CAACE,CAAC,CAAC,oCAAoC,CAAC,CAACoH,IAAI,CAAC,CAAC;IACrD8B,8BAA8B,EAAEhI,6BAA6B;IAC7DiI,8BAA8B,EAAEpI,6BAA6B;IAC7DqI,wBAAwB,EAAEA,CAAA,KAAM;MAC9B,OAAO,IAAA/D,kBAAO,EACZ,YACE,CAAC,MAAM/E,gBAAgB,CAAC,CAAC,CAACoE,IAAI,CAAC,wBAAwB,CAAC,MACxD,SACJ,CAAC;IACH,CAAC;IACD;IACAR,eAAe;IAEf;IACAF,cAAc;IACd;IACAqF,iBAAiB,EAAEA,CAAA,KAAMnF,eAAe,CAAC,CAAC,CAACoF,QAAQ,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IAC9DtI,wCAAwC;IACxCmD,sBAAsB;IACtBoF,6BAA6B,EAAEA,CAAA,KAC7B,IAAApI,oCAAwB,EACtBtB,IAAI,CAACE,CAAC,CAAC,sCAAsC,CAAC,EAC9CF,IACF,CAAC;IACH2J,wBAAwB,EAAEA,CACxBzI,KAAa,EACbqH,OAGC,GAAG,CAAC,CAAC,KAENnD,gBAAgB,CAAClE,KAAK,EAAE;MACtB,GAAGqH,OAAO;MACV7F,yBAAyB,EAAE;IAC7B,CAAC,CAAC;IACJ;AACJ;AACA;IACIkD,aAAa;IAEbgE,kBAAkB,EAAG1I,KAAa,IAChC,IAAA2I,gDAA0B,EACxB9J,IAAI,CAAC8B,EAAE,CAAC,mCAAmC,CAAC,CAACC,GAAG,CAACZ,KAAK,CAAC,EACvDlB,IACF,CAAC;IACH8J,sBAAsB,EAAEA,CAAA,KACtB/J,IAAI,CAAC8B,EAAE,CAAC,mCAAmC,CAAC,CAACsD,KAAK,CAAC,CAAC;IAEtD4E,gBAAgB,EAAG7I,KAAa,IAC9BpB,aAAa,CACXC,IAAI,CAAC8B,EAAE,CAAC,yCAAyC,CAAC,CAACC,GAAG,CAACZ,KAAK,CAAC,EAC7DlB,IACF;EACJ,CAAC;AACH;AAAC,IAAAgK,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcpK,aAAa","ignoreList":[]}

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

@@ -4,16 +4,25 @@ exports.__esModule = true;
 exports.GridContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
+var _state = require("../../state");
 var _InitialSkeletonLoader = require("../InitialLoader/InitialSkeletonLoader");
 var _PageGridInfiniteScrollLoader = require("../PageGridInfiniteScrollLoader");
 var _designSystem = require("@wix/design-system");
+var _useGridBaseSyncProps = require("./useGridBaseSyncProps");
+var _useRenderItem = require("./useRenderItem");
+var _VirtualGridRepeater = require("../VirtualGridRepeater/VirtualGridRepeater");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridContent.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 && {}.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 _GridContent(props) {
   const {
     state,
-    children
+    range,
+    withInfiniteScrollLoader,
+    dragAndDrop,
+    dragAndDropSubmit,
+    dragAndDropCancel,
+    imagePlacement
   } = props;
   const {
     toolbar: {
@@ -24,32 +33,95 @@ function _GridContent(props) {
       }
     }
   } = state;
-  let child;
+  const [grid] = (0, _react.useState)(() => new _state.GridBaseState({
+    container: state.toolbar.container,
+    toolbar: state.toolbar,
+    collection: state.collection,
+    sizePreset: imagePlacement ? _state.gridSizePresets[imagePlacement] : _state.topGridSizePreset,
+    range
+  }));
+  (0, _react.useEffect)(() => {
+    const {
+      _subGrids
+    } = state;
+    if (!_subGrids) {
+      return;
+    }
+    _subGrids.push(grid);
+    return () => {
+      const i = _subGrids.indexOf(grid);
+      i !== -1 && _subGrids.splice(i, 1);
+    };
+  }, []);
+  (0, _useGridBaseSyncProps.useGridBaseSyncProps)({
+    ...props,
+    state: grid
+  });
+  const renderItem = (0, _useRenderItem.useRenderItem)({
+    ...props,
+    state: grid
+  });
+  let child = /*#__PURE__*/_react.default.createElement(_VirtualGridRepeater.VirtualGridRepeater, {
+    renderItem: renderItem,
+    gridState: grid,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 108,
+      columnNumber: 15
+    }
+  });
+  if (dragAndDrop) {
+    const {
+      DraggableCardOverlay,
+      SortableContext
+    } = dragAndDrop;
+    child = /*#__PURE__*/_react.default.createElement(SortableContext, {
+      state: grid,
+      onSubmit: dragAndDropSubmit,
+      onCancel: dragAndDropCancel,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 114,
+        columnNumber: 7
+      }
+    }, child, /*#__PURE__*/_react.default.createElement(DraggableCardOverlay, {
+      state: grid,
+      renderItem: renderItem,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 120,
+        columnNumber: 9
+      }
+    }));
+  }
   if (showRefreshLoader || showInitialLoader) {
     child = /*#__PURE__*/_react.default.createElement(_InitialSkeletonLoader.InitialSkeletonLoader, {
       dataHook: showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader',
-      state: state.grid,
+      state: grid,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 31,
+        lineNumber: 127,
         columnNumber: 7
       }
     });
   } else {
-    child = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, /*#__PURE__*/_react.default.createElement(_PageGridInfiniteScrollLoader.PageGridInfiniteScrollLoader, {
+    child = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, child, withInfiniteScrollLoader && /*#__PURE__*/_react.default.createElement(_PageGridInfiniteScrollLoader.PageGridInfiniteScrollLoader, {
       dataHook: "infinite-scroll-loader",
-      state: state.grid,
+      state: grid,
       scrollMoreAlways: true,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
-        columnNumber: 9
+        lineNumber: 139,
+        columnNumber: 11
       }
     }));
   }
-  (0, _react.useEffect)(() => state.grid._containerRectState.init(), []);
+  (0, _react.useEffect)(() => grid._containerRectState.init(), []);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     paddingTop: contentPaddingPx,
@@ -58,17 +130,17 @@ function _GridContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 152,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: el => {
-      state.grid._containerRectState.element = el;
+      grid._containerRectState.element = el;
     },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 158,
       columnNumber: 7
     }
   }, child));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_InitialSkeletonLoader","_PageGridInfiniteScrollLoader","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridContent","props","state","children","toolbar","contentPaddingPx","showInitialLoader","multi","showRefreshLoader","child","createElement","InitialSkeletonLoader","dataHook","grid","__self","__source","fileName","lineNumber","columnNumber","Fragment","PageGridInfiniteScrollLoader","scrollMoreAlways","useEffect","_containerRectState","init","Box","direction","paddingTop","paddingRight","paddingLeft","ref","el","element","GridContent","exports","observer"],"sources":["../../../../src/components/Grid/GridContent.tsx"],"sourcesContent":["import React, { ReactNode, useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridState } from '../../state';\nimport { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';\nimport { PageGridInfiniteScrollLoader } from '../PageGridInfiniteScrollLoader';\nimport { Box } from '@wix/design-system';\n\nexport interface GridContentProps<T, F extends FiltersMap> {\n  children?: ReactNode;\n  state: GridState<T, F>;\n}\n\nfunction _GridContent<T, F extends FiltersMap = FiltersMap>(\n  props: GridContentProps<T, F>,\n) {\n  const { state, children } = props;\n\n  const {\n    toolbar: {\n      contentPaddingPx,\n      showInitialLoader,\n      multi: { showRefreshLoader },\n    },\n  } = state;\n\n  let child;\n\n  if (showRefreshLoader || showInitialLoader) {\n    child = (\n      <InitialSkeletonLoader\n        dataHook={\n          showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader'\n        }\n        state={state.grid}\n      />\n    );\n  } else {\n    child = (\n      <>\n        {children}\n        <PageGridInfiniteScrollLoader\n          dataHook=\"infinite-scroll-loader\"\n          state={state.grid}\n          scrollMoreAlways\n        />\n      </>\n    );\n  }\n\n  useEffect(() => state.grid._containerRectState.init(), []);\n\n  return (\n    <Box\n      direction=\"vertical\"\n      paddingTop={contentPaddingPx}\n      paddingRight={contentPaddingPx}\n      paddingLeft={contentPaddingPx}\n    >\n      <div\n        ref={(el) => {\n          state.grid._containerRectState.element = el;\n        }}\n      >\n        {child}\n      </div>\n    </Box>\n  );\n}\n\nexport const GridContent = observer(_GridContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_state","_InitialSkeletonLoader","_PageGridInfiniteScrollLoader","_designSystem","_useGridBaseSyncProps","_useRenderItem","_VirtualGridRepeater","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridContent","props","state","range","withInfiniteScrollLoader","dragAndDrop","dragAndDropSubmit","dragAndDropCancel","imagePlacement","toolbar","contentPaddingPx","showInitialLoader","multi","showRefreshLoader","grid","useState","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","useEffect","_subGrids","push","indexOf","splice","useGridBaseSyncProps","renderItem","useRenderItem","child","createElement","VirtualGridRepeater","gridState","__self","__source","fileName","lineNumber","columnNumber","DraggableCardOverlay","SortableContext","onSubmit","onCancel","InitialSkeletonLoader","dataHook","Fragment","PageGridInfiniteScrollLoader","scrollMoreAlways","_containerRectState","init","Box","direction","paddingTop","paddingRight","paddingLeft","ref","el","element","GridContent","exports","observer"],"sources":["../../../../src/components/Grid/GridContent.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';\nimport { PageGridInfiniteScrollLoader } from '../PageGridInfiniteScrollLoader';\nimport { AddItemProps, Box } from '@wix/design-system';\nimport { useGridBaseSyncProps } from './useGridBaseSyncProps';\nimport { useRenderItem } from './useRenderItem';\nimport { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport {\n  DragAndDrop,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { ActionCell } from '../ActionCell';\n\nexport interface GridContentBaseProps<T, F extends FiltersMap> {\n  preset?: 'full' | 'title' | 'empty';\n  imagePlacement?: 'side' | 'top';\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  actionCell?: ActionCell<T, F>;\n  renderAddItem?: () => ReactElement<AddItemProps>;\n  dragAndDrop?: DragAndDrop;\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n}\n\nexport interface GridContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: {\n    toolbar: ToolbarCollectionState<T, F>;\n    collection: CollectionState<T, F>;\n    _subGrids?: GridBaseState<T, F>[];\n  };\n  range?: { start: number; length: number };\n  withInfiniteScrollLoader?: boolean;\n}\n\nfunction _GridContent<T, F extends FiltersMap = FiltersMap>(\n  props: GridContentProps<T, F>,\n) {\n  const {\n    state,\n    range,\n    withInfiniteScrollLoader,\n    dragAndDrop,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    imagePlacement,\n  } = props;\n\n  const {\n    toolbar: {\n      contentPaddingPx,\n      showInitialLoader,\n      multi: { showRefreshLoader },\n    },\n  } = state;\n\n  const [grid] = useState(\n    () =>\n      new GridBaseState({\n        container: state.toolbar.container,\n        toolbar: state.toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n        collection: state.collection,\n        sizePreset: imagePlacement\n          ? gridSizePresets[imagePlacement]\n          : topGridSizePreset,\n        range,\n      }),\n  );\n\n  useEffect(() => {\n    const { _subGrids } = state;\n\n    if (!_subGrids) {\n      return;\n    }\n\n    _subGrids.push(grid);\n\n    return () => {\n      const i = _subGrids.indexOf(grid);\n      i !== -1 && _subGrids.splice(i, 1);\n    };\n  }, []);\n\n  useGridBaseSyncProps({\n    ...props,\n    state: grid,\n  });\n\n  const renderItem = useRenderItem({\n    ...props,\n    state: grid,\n  });\n\n  let child = <VirtualGridRepeater renderItem={renderItem} gridState={grid} />;\n\n  if (dragAndDrop) {\n    const { DraggableCardOverlay, SortableContext } = dragAndDrop;\n\n    child = (\n      <SortableContext\n        state={grid}\n        onSubmit={dragAndDropSubmit}\n        onCancel={dragAndDropCancel}\n      >\n        {child}\n        <DraggableCardOverlay state={grid} renderItem={renderItem} />\n      </SortableContext>\n    );\n  }\n\n  if (showRefreshLoader || showInitialLoader) {\n    child = (\n      <InitialSkeletonLoader\n        dataHook={\n          showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader'\n        }\n        state={grid}\n      />\n    );\n  } else {\n    child = (\n      <>\n        {child}\n        {withInfiniteScrollLoader && (\n          <PageGridInfiniteScrollLoader\n            dataHook=\"infinite-scroll-loader\"\n            state={grid}\n            scrollMoreAlways\n          />\n        )}\n      </>\n    );\n  }\n\n  useEffect(() => grid._containerRectState.init(), []);\n\n  return (\n    <Box\n      direction=\"vertical\"\n      paddingTop={contentPaddingPx}\n      paddingRight={contentPaddingPx}\n      paddingLeft={contentPaddingPx}\n    >\n      <div\n        ref={(el) => {\n          grid._containerRectState.element = el;\n        }}\n      >\n        {child}\n      </div>\n    </Box>\n  );\n}\n\nexport const GridContent = observer(_GridContent);\n"],"mappings":"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","ignoreList":[]}