@wix/patterns 0.8.0

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

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridCardItem = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _state = require("../../state");
+var _mobxReactLite = require("mobx-react-lite");
+var _toGridItemActions = require("./toGridItemActions");
+var _CollectionActionModal = require("../CollectionActionModal");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridCardItem.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 _GridCardItem(props) {
+  const {
+    state,
+    keyedItem,
+    index,
+    actionCell,
+    preset,
+    renderItem,
+    draggable,
+    droppable,
+    dragging,
+    dragHandleProps
+  } = props;
+  const [itemActionsState] = _react.default.useState(() => new _state.ItemActionsState({
+    collection: state.collection,
+    keyedItem,
+    fade: 'idle'
+  }));
+  const {
+    item
+  } = keyedItem;
+  const {
+    collection,
+    calcGridProps: {
+      cardFooterSize
+    }
+  } = state;
+  const {
+    itemName
+  } = collection;
+  const renderProps = (renderItem == null ? void 0 : renderItem(item, index)) ?? {};
+  const {
+    backgroundImageNode
+  } = renderProps;
+  const imagePlacement = renderProps.imagePlacement ?? state.imagePlacement;
+  const {
+    primaryAction,
+    settingsMenu
+  } = (0, _toGridItemActions.toGridItemActions)({
+    actionCell,
+    item,
+    index,
+    gridState: state,
+    keyedItem,
+    itemActionsState,
+    imagePlacement
+  });
+  const textProps = (() => {
+    if (preset === 'empty') {
+      return {
+        title: undefined,
+        subtitle: undefined
+      };
+    }
+    return {
+      title: (renderProps == null ? void 0 : renderProps.title) || itemName(item) || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\u200B"),
+      subtitle: preset === 'full' ? (renderProps == null ? void 0 : renderProps.subtitle) || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\u200B") : undefined
+    };
+  })();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.CardGalleryItem, (0, _extends2.default)({
+    tabIndex: 0,
+    dataHook: "grid-card-item"
+  }, renderProps, {
+    size: cardFooterSize,
+    imagePlacement: imagePlacement,
+    backgroundImageNode: backgroundImageNode == null ? /*#__PURE__*/_react.default.createElement(_designSystem.Image, {
+      borderRadius: 0,
+      height: "100%",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 104,
+        columnNumber: 13
+      }
+    }) : /*#__PURE__*/(0, _react.isValidElement)(backgroundImageNode) ? ( /*#__PURE__*/(0, _react.cloneElement)(backgroundImageNode, {
+      borderRadius: 0
+    })) : backgroundImageNode
+  }, textProps, {
+    primaryActionProps: {
+      ...(primaryAction ?? (renderProps == null ? void 0 : renderProps.primaryActionProps))
+    },
+    settingsMenu: settingsMenu ?? renderProps.settingsMenu,
+    draggable: draggable,
+    dragging: dragging,
+    droppable: droppable,
+    dragHandleProps: dragHandleProps,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 96,
+      columnNumber: 7
+    }
+  })), /*#__PURE__*/_react.default.createElement(_CollectionActionModal.CollectionActionModal, (0, _extends2.default)({
+    state: itemActionsState.confirmModal
+  }, itemActionsState.confirmModal.value, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 123,
+      columnNumber: 7
+    }
+  })));
+}
+const GridCardItem = exports.GridCardItem = (0, _mobxReactLite.observer)(_GridCardItem);
+//# sourceMappingURL=GridCardItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_mobxReactLite","_toGridItemActions","_CollectionActionModal","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_GridCardItem","props","state","keyedItem","index","actionCell","preset","renderItem","draggable","droppable","dragging","dragHandleProps","itemActionsState","React","useState","ItemActionsState","collection","fade","item","calcGridProps","cardFooterSize","itemName","renderProps","backgroundImageNode","imagePlacement","primaryAction","settingsMenu","toGridItemActions","gridState","textProps","title","undefined","subtitle","createElement","Fragment","CardGalleryItem","_extends2","tabIndex","dataHook","size","Image","borderRadius","height","__self","__source","fileName","lineNumber","columnNumber","isValidElement","cloneElement","primaryActionProps","CollectionActionModal","confirmModal","value","GridCardItem","exports","observer"],"sources":["../../../../src/components/Grid/GridCardItem.tsx"],"sourcesContent":["import {\n  CardGalleryItem,\n  CardGalleryItemProps,\n  Image,\n  ImageProps,\n} from '@wix/design-system';\nimport React, { cloneElement, isValidElement, ReactNode } from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { GridBaseState, ItemActionsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { toGridItemActions } from './toGridItemActions';\nimport { CollectionActionModal } from '../CollectionActionModal';\nimport { ActionCell } from '../ActionCell';\n\nexport interface GridCardItemProps<T, F extends FiltersMap> {\n  children?: ReactNode;\n  state: GridBaseState<T, F>;\n  keyedItem: KeyedItem<T>;\n  index: number;\n  rowIndex?: number;\n  columnIndex?: number;\n  actionCell?: ActionCell<T, F>;\n  preset?: 'full' | 'title' | 'empty';\n  renderItem?: (item: T, index: number) => Partial<CardGalleryItemProps>;\n  draggable?: boolean;\n  droppable?: boolean;\n  dragging?: boolean;\n  dragHandleProps?: CardGalleryItemProps['dragHandleProps'];\n  domRef?: (node: HTMLElement | null) => void;\n}\n\nfunction _GridCardItem<T, F extends FiltersMap>(\n  props: GridCardItemProps<T, F>,\n) {\n  const {\n    state,\n    keyedItem,\n    index,\n    actionCell,\n    preset,\n    renderItem,\n    draggable,\n    droppable,\n    dragging,\n    dragHandleProps,\n  } = props;\n  const [itemActionsState] = React.useState(\n    () =>\n      new ItemActionsState({\n        collection: state.collection,\n        keyedItem,\n        fade: 'idle',\n      }),\n  );\n\n  const { item } = keyedItem;\n\n  const {\n    collection,\n    calcGridProps: { cardFooterSize },\n  } = state;\n  const { itemName } = collection;\n\n  const renderProps = renderItem?.(item, index) ?? {};\n\n  const { backgroundImageNode } = renderProps;\n  const imagePlacement = renderProps.imagePlacement ?? state.imagePlacement;\n\n  const { primaryAction, settingsMenu } = toGridItemActions({\n    actionCell,\n    item,\n    index,\n    gridState: state,\n    keyedItem,\n    itemActionsState,\n    imagePlacement,\n  });\n\n  const textProps = (() => {\n    if (preset === 'empty') {\n      return {\n        title: undefined,\n        subtitle: undefined,\n      };\n    }\n\n    return {\n      title: renderProps?.title || itemName(item) || <>&#8203;</>,\n      subtitle:\n        preset === 'full' ? renderProps?.subtitle || <>&#8203;</> : undefined,\n    };\n  })();\n\n  return (\n    <>\n      <CardGalleryItem\n        tabIndex={0}\n        dataHook=\"grid-card-item\"\n        {...renderProps}\n        size={cardFooterSize}\n        imagePlacement={imagePlacement}\n        backgroundImageNode={\n          backgroundImageNode == null ? (\n            <Image borderRadius={0} height=\"100%\" />\n          ) : isValidElement<ImageProps>(backgroundImageNode) ? (\n            cloneElement(backgroundImageNode, {\n              borderRadius: 0,\n            })\n          ) : (\n            backgroundImageNode\n          )\n        }\n        {...textProps}\n        primaryActionProps={{\n          ...(primaryAction ?? renderProps?.primaryActionProps),\n        }}\n        settingsMenu={settingsMenu ?? renderProps.settingsMenu}\n        draggable={draggable}\n        dragging={dragging}\n        droppable={droppable}\n        dragHandleProps={dragHandleProps}\n      />\n      <CollectionActionModal\n        state={itemActionsState.confirmModal}\n        {...itemActionsState.confirmModal.value}\n      />\n    </>\n  );\n}\n\nexport const GridCardItem = observer(_GridCardItem);\n"],"mappings":"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"}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+exports.__esModule = true;
+exports.GridContent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _InitialSkeletonLoader = require("../InitialLoader/InitialSkeletonLoader");
+var _PageGridInfiniteScrollLoader = require("../PageGridInfiniteScrollLoader");
+var _designSystem = require("@wix/design-system");
+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 && 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 _GridContent(props) {
+  const {
+    state,
+    children
+  } = props;
+  const {
+    toolbar: {
+      contentPaddingPx,
+      showInitialLoader,
+      multi: {
+        showRefreshLoader
+      }
+    }
+  } = state;
+  let child;
+  if (showRefreshLoader || showInitialLoader) {
+    child = /*#__PURE__*/_react.default.createElement(_InitialSkeletonLoader.InitialSkeletonLoader, {
+      dataHook: showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader',
+      state: state.grid,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 31,
+        columnNumber: 7
+      }
+    });
+  } else {
+    child = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, /*#__PURE__*/_react.default.createElement(_PageGridInfiniteScrollLoader.PageGridInfiniteScrollLoader, {
+      dataHook: "infinite-scroll-loader",
+      state: state.grid,
+      scrollMoreAlways: true,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 42,
+        columnNumber: 9
+      }
+    }));
+  }
+  (0, _react.useEffect)(() => state.grid._containerRectState.init(), []);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    paddingTop: contentPaddingPx,
+    paddingRight: contentPaddingPx,
+    paddingLeft: contentPaddingPx,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: el => {
+      state.grid._containerRectState.element = el;
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 60,
+      columnNumber: 7
+    }
+  }, child));
+}
+const GridContent = exports.GridContent = (0, _mobxReactLite.observer)(_GridContent);
+//# sourceMappingURL=GridContent.js.map

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

@@ -0,0 +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","prototype","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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"}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridEmptyState = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridEmptyState.tsx";
+const GridEmptyState = props => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  direction: "vertical",
+  padding: "SP7",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 5,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.EmptyState, (0, _extends2.default)({}, props, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 6,
+    columnNumber: 5
+  }
+})));
+exports.GridEmptyState = GridEmptyState;
+//# sourceMappingURL=GridEmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","GridEmptyState","props","default","createElement","Box","direction","padding","__self","__source","fileName","lineNumber","columnNumber","EmptyState","_extends2","exports"],"sources":["../../../../src/components/Grid/GridEmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport { EmptyState, EmptyStateProps, Box } from '@wix/design-system';\n\nexport const GridEmptyState = (props: EmptyStateProps) => (\n  <Box direction=\"vertical\" padding=\"SP7\">\n    <EmptyState {...props} />\n  </Box>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAsE,IAAAE,YAAA;AAE/D,MAAMC,cAAc,GAAIC,KAAsB,iBACnDN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,aAAA,CAAAM,GAAG;EAACC,SAAS,EAAC,UAAU;EAACC,OAAO,EAAC,KAAK;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACrChB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,aAAA,CAAAc,UAAU,MAAAC,SAAA,CAAAX,OAAA,MAAKD,KAAK;EAAAM,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,EAAG,CACrB,CACN;AAACG,OAAA,CAAAd,cAAA,GAAAA,cAAA"}

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

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridFolders = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _ToolbarCollectionContentAutoSizer = require("../ToolbarCollectionContentAutoSizer");
+var _mobxReactLite = require("mobx-react-lite");
+var _useGridSyncProps = require("./useGridSyncProps");
+var _getToolbarCollectionFeaturesInitializers = require("../../state/getToolbarCollectionFeaturesInitializers");
+var _GridFoldersSectionsGroup = require("./GridFoldersSectionsGroup");
+var _CollectionCard = require("../CollectionCard");
+var _ToolbarCollection = require("../ToolbarCollection");
+var _GridFoldersPlaceholderStates = require("./GridFoldersPlaceholderStates");
+var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridFolders.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 _GridFolders(props) {
+  const {
+    state,
+    exportModal,
+    dataHook,
+    cardProps,
+    renderEmptyState,
+    renderError,
+    topNotification
+  } = props;
+  const {
+    toolbar
+  } = state;
+  if (process.env.NODE_ENV !== 'production') {
+    // https://github.com/wix-private/wix-design-systems/pull/13091/files#diff-0befb17e7fa12b244a3efce19b067187b39d3a96d4f7e62a59f4f0fd876dc37cR102
+    (0, _minimalRequiredWdsRuntimeCheck.minimalRequiredWdsRuntimeCheck)({
+      required: '^1.89.0',
+      requiredBy: 'Cairo/GridFolders'
+    });
+  }
+  (0, _useGridSyncProps.useGridSyncProps)({
+    ...props,
+    state: state.items
+  });
+  (0, _useGridSyncProps.useGridSyncProps)({
+    ...props,
+    renderItem: props.renderFolderItem,
+    actionCell: props.folderActionCell,
+    renderAddItem: props.renderFolderAddItem,
+    state: state.folders,
+    isUsingFolders: true
+  });
+  (0, _react.useEffect)(() => state.init({
+    featuresInitializers: (0, _getToolbarCollectionFeaturesInitializers.getToolbarCollectionFeaturesInitializers)(props)
+  }), []);
+  return /*#__PURE__*/_react.default.createElement(_CollectionCard.CollectionCard, (0, _extends2.default)({
+    renderError: false,
+    state: toolbar,
+    dataHook: dataHook
+  }, cardProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 118,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ToolbarCollection.ToolbarCollection, (0, _extends2.default)({}, props, {
+    state: toolbar,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 124,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_GridFoldersPlaceholderStates.GridFoldersPlaceholderStates, {
+    state: state,
+    renderEmptyState: renderEmptyState,
+    renderError: renderError,
+    topNotification: topNotification,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 125,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ToolbarCollectionContentAutoSizer.ToolbarCollectionContentAutoSizer, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 131,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_GridFoldersSectionsGroup.GridFoldersSectionsGroup, (0, _extends2.default)({}, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 132,
+      columnNumber: 13
+    }
+  }))))), exportModal ?? toolbar.featuredComponents.exportModal.value);
+}
+const GridFolders = exports.GridFolders = (0, _mobxReactLite.observer)(_GridFolders);
+//# sourceMappingURL=GridFolders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContentAutoSizer","_mobxReactLite","_useGridSyncProps","_getToolbarCollectionFeaturesInitializers","_GridFoldersSectionsGroup","_CollectionCard","_ToolbarCollection","_GridFoldersPlaceholderStates","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_GridFolders","props","state","exportModal","dataHook","cardProps","renderEmptyState","renderError","topNotification","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","useGridSyncProps","items","renderItem","renderFolderItem","actionCell","folderActionCell","renderAddItem","renderFolderAddItem","folders","isUsingFolders","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","GridFoldersPlaceholderStates","ToolbarCollectionContentAutoSizer","GridFoldersSectionsGroup","featuredComponents","value","GridFolders","exports","observer"],"sources":["../../../../src/components/Grid/GridFolders.tsx"],"sourcesContent":["import { AddItemProps } from '@wix/design-system';\nimport React, { ReactElement, useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { observer } from 'mobx-react-lite';\nimport { GridFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { useGridSyncProps } from './useGridSyncProps';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { GridFoldersSectionsGroup } from './GridFoldersSectionsGroup';\nimport { GridFoldersPresetProps } from './GridFolders.types';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { GridFoldersPlaceholderStates } from './GridFoldersPlaceholderStates';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\n\nexport interface GridFoldersBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      ToolbarCollectionBaseProps<T1, PartialAllFilters<F1, F2>>,\n      'renderEmptyState' | 'topNotification'\n    >,\n    GridItemBaseProps<T1, F1> {\n  dataHook?: string;\n  /** A GridFoldersState instance created using [useGridFolders](./?path=/story/common-hooks--usegridfolders). */\n  state: GridFoldersState<T1, F1, T2, F2>;\n  /** Optional custom title for the items section */\n  itemsSectionTitle?: string;\n  foldersSectionTitle?: string;\n  /** Same as `renderItem`, but for a folder item. */\n  renderFolderItem?: (\n    item: T2,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  /** Same as `preset` but for a folder item */\n  folderPreset?: 'full' | 'title';\n  /** Same as `actionCell`, but for a folder item. */\n  folderActionCell?: ActionCell<T2, F2>;\n  /** Same as `renderAddItem`, but for a folder item. */\n  renderFolderAddItem?: () => ReactElement<AddItemProps>;\n\n  renderEmptyState?: () => ReactElement;\n  topNotification?: ReactElement;\n}\n\nexport type GridFoldersBasePropsWithoutPreset<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = Omit<\n  GridFoldersBaseProps<T1, F1, T2, F2>,\n  'preset' | 'folderPreset' | 'renderItem' | 'renderFolderItem'\n>;\n\nexport type GridFoldersProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = GridFoldersPresetProps<\n  T1,\n  T2,\n  GridFoldersBasePropsWithoutPreset<T1, F1, T2, F2>\n>;\n\nfunction _GridFolders<T1, F1 extends FiltersMap, T2, F2 extends FiltersMap>(\n  props: GridFoldersProps<T1, F1, T2, F2>,\n) {\n  const {\n    state,\n    exportModal,\n    dataHook,\n    cardProps,\n    renderEmptyState,\n    renderError,\n    topNotification,\n  } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    // https://github.com/wix-private/wix-design-systems/pull/13091/files#diff-0befb17e7fa12b244a3efce19b067187b39d3a96d4f7e62a59f4f0fd876dc37cR102\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.89.0',\n      requiredBy: 'Cairo/GridFolders',\n    });\n  }\n\n  useGridSyncProps({ ...props, state: state.items });\n  useGridSyncProps({\n    ...props,\n    renderItem: props.renderFolderItem,\n    actionCell: props.folderActionCell,\n    renderAddItem: props.renderFolderAddItem,\n    state: state.folders,\n    isUsingFolders: true,\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} state={toolbar}>\n        <GridFoldersPlaceholderStates\n          state={state}\n          renderEmptyState={renderEmptyState}\n          renderError={renderError}\n          topNotification={topNotification}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            <GridFoldersSectionsGroup {...props} />\n          </ToolbarCollectionContentAutoSizer>\n        </GridFoldersPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const GridFolders = observer(_GridFolders);\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,kCAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAIA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,yCAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AAGA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AAIA,IAAAQ,6BAAA,GAAAR,OAAA;AAEA,IAAAS,+BAAA,GAAAT,OAAA;AAAsF,IAAAU,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,SAAAb,wBAAAa,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;AAuDtF,SAASY,YAAYA,CACnBC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC,SAAS;IACTC,gBAAgB;IAChBC,WAAW;IACXC;EACF,CAAC,GAAGP,KAAK;EAET,MAAM;IAAEQ;EAAQ,CAAC,GAAGP,KAAK;EAEzB,IAAIQ,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC;IACA,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,IAAAC,kCAAgB,EAAC;IAAE,GAAGf,KAAK;IAAEC,KAAK,EAAEA,KAAK,CAACe;EAAM,CAAC,CAAC;EAClD,IAAAD,kCAAgB,EAAC;IACf,GAAGf,KAAK;IACRiB,UAAU,EAAEjB,KAAK,CAACkB,gBAAgB;IAClCC,UAAU,EAAEnB,KAAK,CAACoB,gBAAgB;IAClCC,aAAa,EAAErB,KAAK,CAACsB,mBAAmB;IACxCrB,KAAK,EAAEA,KAAK,CAACsB,OAAO;IACpBC,cAAc,EAAE;EAClB,CAAC,CAAC;EAEF,IAAAC,gBAAS,EACP,MACExB,KAAK,CAACyB,IAAI,CAAC;IACTC,oBAAoB,EAAE,IAAAC,kFAAwC,EAAC5B,KAAK;EACtE,CAAC,CAAC,EACJ,EACF,CAAC;EAED,oBACEnC,MAAA,CAAAmB,OAAA,CAAA6C,aAAA,CAACxD,eAAA,CAAAyD,cAAc,MAAAC,SAAA,CAAA/C,OAAA;IACbsB,WAAW,EAAE,KAAM;IACnBL,KAAK,EAAEO,OAAQ;IACfL,QAAQ,EAAEA;EAAS,GACfC,SAAS;IAAA4B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEbvE,MAAA,CAAAmB,OAAA,CAAA6C,aAAA,CAACvD,kBAAA,CAAA+D,iBAAiB,MAAAN,SAAA,CAAA/C,OAAA,MAAKgB,KAAK;IAAEC,KAAK,EAAEO,OAAQ;IAAAwB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAC3CvE,MAAA,CAAAmB,OAAA,CAAA6C,aAAA,CAACtD,6BAAA,CAAA+D,4BAA4B;IAC3BrC,KAAK,EAAEA,KAAM;IACbI,gBAAgB,EAAEA,gBAAiB;IACnCC,WAAW,EAAEA,WAAY;IACzBC,eAAe,EAAEA,eAAgB;IAAAyB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjCvE,MAAA,CAAAmB,OAAA,CAAA6C,aAAA,CAAC7D,kCAAA,CAAAuE,iCAAiC;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChCvE,MAAA,CAAAmB,OAAA,CAAA6C,aAAA,CAACzD,yBAAA,CAAAoE,wBAAwB,MAAAT,SAAA,CAAA/C,OAAA,MAAKgB,KAAK;IAAAgC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACL,CACP,CACb,CAAC,EACnBlC,WAAW,IAAIM,OAAO,CAACiC,kBAAkB,CAACvC,WAAW,CAACwC,KACzC,CAAC;AAErB;AAEO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC9C,YAAY,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/Grid/GridFolders.types.ts"],"sourcesContent":["import React from 'react';\nimport { CardGalleryItemProps } from '@wix/design-system';\n\ntype RenderItemRawProps = Omit<\n  Partial<CardGalleryItemProps>,\n  'title' | 'subtitle' | 'size'\n>;\n\ntype GridFoldersItemPresetFullProps<T> = {\n  preset: 'full';\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => RenderItemRawProps & {\n    title?: React.ReactNode;\n    subtitle?: React.ReactNode;\n  };\n};\n\ntype GridFoldersItemPresetTitleProps<T> = {\n  preset?: 'title';\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => RenderItemRawProps & {\n    title?: React.ReactNode;\n    subtitle?: undefined;\n  };\n};\n\ntype GridFoldersItemPresetEmptyProps<T> = {\n  preset: 'empty';\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => RenderItemRawProps & {\n    title?: undefined;\n    subtitle?: undefined;\n  };\n};\n\ntype GridFoldersItemPresetGenericProps<T> = {\n  preset?: 'full' | 'title' | 'empty';\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => RenderItemRawProps & {\n    title?: React.ReactNode;\n    subtitle?: React.ReactNode;\n  };\n};\n\ntype GridFoldersFolderPresetFullProps<T> = {\n  folderPreset: 'full';\n  renderFolderItem?: (\n    item: T,\n    index: number,\n  ) => RenderItemRawProps & {\n    title?: React.ReactNode;\n    subtitle?: React.ReactNode;\n  };\n};\n\ntype GridFoldersFolderPresetTitleProps<T> = {\n  folderPreset?: 'title';\n  renderFolderItem?: (\n    item: T,\n    index: number,\n  ) => RenderItemRawProps & {\n    title?: React.ReactNode;\n    subtitle?: undefined;\n  };\n};\n\ntype GridFoldersFolderPresetGenericProps<T> = {\n  folderPreset?: 'full' | 'title';\n  renderFolderItem?: (\n    item: T,\n    index: number,\n  ) => RenderItemRawProps & {\n    title?: React.ReactNode;\n    subtitle?: React.ReactNode;\n  };\n};\n\ntype GridFoldersItemPresetProps<T> =\n  | GridFoldersItemPresetFullProps<T>\n  | GridFoldersItemPresetTitleProps<T>\n  | GridFoldersItemPresetEmptyProps<T>\n  | GridFoldersItemPresetGenericProps<T>;\n\ntype GridFoldersFolderPresetProps<T> =\n  | GridFoldersFolderPresetFullProps<T>\n  | GridFoldersFolderPresetTitleProps<T>\n  | GridFoldersFolderPresetGenericProps<T>;\n\nexport type GridFoldersPresetProps<T1, T2, P> = P &\n  GridFoldersItemPresetProps<T1> &\n  GridFoldersFolderPresetProps<T2>;\n"],"mappings":""}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+exports.__esModule = true;
+exports.GridFoldersUniDriver = GridFoldersUniDriver;
+exports.default = void 0;
+var _unidriver = require("../../unidriver");
+var _ToolbarCollectionErrorStateUni = require("../ErrorState/ToolbarCollectionErrorState.uni.driver");
+var _CollectionEmptyStateUni = require("../EmptyState/CollectionEmptyState.uni.driver");
+var _CollectionToolbarUni = require("../CollectionToolbar/CollectionToolbar.uni.driver");
+var _unidriver2 = require("@wix/design-system/dist/testkit/unidriver");
+var _GridFoldersSectionUni = require("./GridFoldersSection.uni.driver");
+var _AppliedFiltersTagListUni = require("../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver");
+var _SummaryBarUni = require("../SummaryBar/SummaryBar.uni.driver");
+function GridFoldersUniDriver(base, body) {
+  const toolbarBase = () => base.$('[data-hook="collection-toolbar"]');
+  const foldersSectionBase = () => base.$('[data-hook="folders-section"]');
+  const itemsSectionBase = () => base.$('[data-hook="items-section"]');
+  const toggleShowAllFoldersButtonBase = () => foldersSectionBase().$('[data-hook="toggle-show-all-folders-button"]');
+  const toolbar = () => (0, _CollectionToolbarUni.CollectionToolbarUniDriver)(toolbarBase(), body);
+  const getSummaryBar = () => (0, _SummaryBarUni.SummaryBarUniDriver)(base, body);
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    /** Gets a [CollectionToolbarUniDriver](./?path=/story/common-components--collectiontoolbar) */
+    toolbar: () => toolbar(),
+    getErrorStateByDataHook: (dataHook = 'grid-folders-error-state') => (0, _ToolbarCollectionErrorStateUni.ToolbarCollectionErrorStateUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
+    getEmptyStateByDataHook: (dataHook = 'grid-folders-empty-state') => (0, _CollectionEmptyStateUni.CollectionEmptyStateUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
+    getCardErrorStateByDataHook: (dataHook = 'collection-card-error-state') => (0, _ToolbarCollectionErrorStateUni.ToolbarCollectionErrorStateUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
+    _toggleShowAllFoldersButton: () => (0, _unidriver2.TextButtonUniDriver)(toggleShowAllFoldersButtonBase(), body),
+    /** Clicks the "Show All"/"Show Less" toggle button */
+    clickToggleShowAllFoldersButton: () => toggleShowAllFoldersButtonBase().click(),
+    /** Indicates the "Show All"/"Show Less" exists */
+    toggleShowAllFoldersButtonExists: () => toggleShowAllFoldersButtonBase().exists(),
+    /** Gets a [GridFoldersSectionUniDriver](./?path=/story/common-components--gridfolderssection) for the folders section */
+    foldersSection: () => (0, _GridFoldersSectionUni.GridFoldersSectionUniDriver)(foldersSectionBase(), body),
+    /** Gets a [GridFoldersSectionUniDriver](./?path=/story/common-components--gridfolderssection) for the items section */
+    itemsSection: () => (0, _GridFoldersSectionUni.GridFoldersSectionUniDriver)(itemsSectionBase(), body),
+    /** Indicates the initial skeleton loader exists */
+    initialLoaderExists: () => base.$('[data-hook="initial-loader"]').exists(),
+    /** Gets [CollectionSubToolbarUniDriver](./?path=/story/common-components--collectionsubtoolbar) */
+    subToolbar: () => (0, _AppliedFiltersTagListUni.AppliedFiltersTagListUniDriver)(base.$('[data-hook="collection-table-sub-toolbar"]'), body),
+    getSummaryBar
+  };
+}
+var _default = exports.default = GridFoldersUniDriver;
+//# sourceMappingURL=GridFolders.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_ToolbarCollectionErrorStateUni","_CollectionEmptyStateUni","_CollectionToolbarUni","_unidriver2","_GridFoldersSectionUni","_AppliedFiltersTagListUni","_SummaryBarUni","GridFoldersUniDriver","base","body","toolbarBase","$","foldersSectionBase","itemsSectionBase","toggleShowAllFoldersButtonBase","toolbar","CollectionToolbarUniDriver","getSummaryBar","SummaryBarUniDriver","baseUniDriverFactory","getErrorStateByDataHook","dataHook","ToolbarCollectionErrorStateUniDriver","getEmptyStateByDataHook","CollectionEmptyStateUniDriver","getCardErrorStateByDataHook","_toggleShowAllFoldersButton","TextButtonUniDriver","clickToggleShowAllFoldersButton","click","toggleShowAllFoldersButtonExists","exists","foldersSection","GridFoldersSectionUniDriver","itemsSection","initialLoaderExists","subToolbar","AppliedFiltersTagListUniDriver","_default","exports","default"],"sources":["../../../../src/components/Grid/GridFolders.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { CollectionEmptyStateUniDriver } from '../EmptyState/CollectionEmptyState.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { TextButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { GridFoldersSectionUniDriver } from './GridFoldersSection.uni.driver';\nimport { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\n\nexport function GridFoldersUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const foldersSectionBase = () => base.$('[data-hook=\"folders-section\"]');\n  const itemsSectionBase = () => base.$('[data-hook=\"items-section\"]');\n\n  const toggleShowAllFoldersButtonBase = () =>\n    foldersSectionBase().$('[data-hook=\"toggle-show-all-folders-button\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    /** Gets a [CollectionToolbarUniDriver](./?path=/story/common-components--collectiontoolbar) */\n    toolbar: () => toolbar(),\n\n    getErrorStateByDataHook: (dataHook = 'grid-folders-error-state') =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    getEmptyStateByDataHook: (dataHook = 'grid-folders-empty-state') =>\n      CollectionEmptyStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    getCardErrorStateByDataHook: (dataHook = 'collection-card-error-state') =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n\n    _toggleShowAllFoldersButton: () =>\n      TextButtonUniDriver(toggleShowAllFoldersButtonBase(), body),\n\n    /** Clicks the \"Show All\"/\"Show Less\" toggle button */\n    clickToggleShowAllFoldersButton: () =>\n      toggleShowAllFoldersButtonBase().click(),\n    /** Indicates the \"Show All\"/\"Show Less\" exists */\n    toggleShowAllFoldersButtonExists: () =>\n      toggleShowAllFoldersButtonBase().exists(),\n\n    /** Gets a [GridFoldersSectionUniDriver](./?path=/story/common-components--gridfolderssection) for the folders section */\n    foldersSection: () =>\n      GridFoldersSectionUniDriver(foldersSectionBase(), body),\n    /** Gets a [GridFoldersSectionUniDriver](./?path=/story/common-components--gridfolderssection) for the items section */\n    itemsSection: () => GridFoldersSectionUniDriver(itemsSectionBase(), body),\n    /** Indicates the initial skeleton loader exists */\n    initialLoaderExists: () => base.$('[data-hook=\"initial-loader\"]').exists(),\n    /** Gets [CollectionSubToolbarUniDriver](./?path=/story/common-components--collectionsubtoolbar) */\n    subToolbar: () =>\n      AppliedFiltersTagListUniDriver(\n        base.$('[data-hook=\"collection-table-sub-toolbar\"]'),\n        body,\n      ),\n    getSummaryBar,\n  };\n}\n\nexport default GridFoldersUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,+BAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAEO,SAASQ,oBAAoBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACrE,MAAMC,WAAW,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,kCAAkC,CAAC;EAEpE,MAAMC,kBAAkB,GAAGA,CAAA,KAAMJ,IAAI,CAACG,CAAC,CAAC,+BAA+B,CAAC;EACxE,MAAME,gBAAgB,GAAGA,CAAA,KAAML,IAAI,CAACG,CAAC,CAAC,6BAA6B,CAAC;EAEpE,MAAMG,8BAA8B,GAAGA,CAAA,KACrCF,kBAAkB,CAAC,CAAC,CAACD,CAAC,CAAC,8CAA8C,CAAC;EAExE,MAAMI,OAAO,GAAGA,CAAA,KAAM,IAAAC,gDAA0B,EAACN,WAAW,CAAC,CAAC,EAAED,IAAI,CAAC;EACrE,MAAMQ,aAAa,GAAGA,CAAA,KAAM,IAAAC,kCAAmB,EAACV,IAAI,EAAEC,IAAI,CAAC;EAE3D,OAAO;IACL,GAAG,IAAAU,+BAAoB,EAACX,IAAI,CAAC;IAC7B;IACAO,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAAC,CAAC;IAExBK,uBAAuB,EAAEA,CAACC,QAAQ,GAAG,0BAA0B,KAC7D,IAAAC,oEAAoC,EAClCd,IAAI,CAACG,CAAC,CAAE,eAAcU,QAAS,IAAG,CAAC,EACnCZ,IACF,CAAC;IACHc,uBAAuB,EAAEA,CAACF,QAAQ,GAAG,0BAA0B,KAC7D,IAAAG,sDAA6B,EAC3BhB,IAAI,CAACG,CAAC,CAAE,eAAcU,QAAS,IAAG,CAAC,EACnCZ,IACF,CAAC;IACHgB,2BAA2B,EAAEA,CAACJ,QAAQ,GAAG,6BAA6B,KACpE,IAAAC,oEAAoC,EAClCd,IAAI,CAACG,CAAC,CAAE,eAAcU,QAAS,IAAG,CAAC,EACnCZ,IACF,CAAC;IAEHiB,2BAA2B,EAAEA,CAAA,KAC3B,IAAAC,+BAAmB,EAACb,8BAA8B,CAAC,CAAC,EAAEL,IAAI,CAAC;IAE7D;IACAmB,+BAA+B,EAAEA,CAAA,KAC/Bd,8BAA8B,CAAC,CAAC,CAACe,KAAK,CAAC,CAAC;IAC1C;IACAC,gCAAgC,EAAEA,CAAA,KAChChB,8BAA8B,CAAC,CAAC,CAACiB,MAAM,CAAC,CAAC;IAE3C;IACAC,cAAc,EAAEA,CAAA,KACd,IAAAC,kDAA2B,EAACrB,kBAAkB,CAAC,CAAC,EAAEH,IAAI,CAAC;IACzD;IACAyB,YAAY,EAAEA,CAAA,KAAM,IAAAD,kDAA2B,EAACpB,gBAAgB,CAAC,CAAC,EAAEJ,IAAI,CAAC;IACzE;IACA0B,mBAAmB,EAAEA,CAAA,KAAM3B,IAAI,CAACG,CAAC,CAAC,8BAA8B,CAAC,CAACoB,MAAM,CAAC,CAAC;IAC1E;IACAK,UAAU,EAAEA,CAAA,KACV,IAAAC,wDAA8B,EAC5B7B,IAAI,CAACG,CAAC,CAAC,4CAA4C,CAAC,EACpDF,IACF,CAAC;IACHQ;EACF,CAAC;AACH;AAAC,IAAAqB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcjC,oBAAoB"}

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

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridFoldersFolderSection = void 0;
+var _GridSectionHeader = require("./GridSectionHeader");
+var _designSystem = require("@wix/design-system");
+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/GridFoldersFolderSection.tsx";
+function _GridFoldersFolderSection({
+  state,
+  renderItem,
+  sectionTitle
+}) {
+  const {
+    container: {
+      translate: t
+    },
+    toolbar,
+    folders: {
+      collection: {
+        showRefreshLoader
+      }
+    }
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_GridFoldersSection.GridFoldersSection, {
+    state: state.folders,
+    dataHook: "folders-section",
+    header: state.showFoldersSectionHeader && /*#__PURE__*/_react.default.createElement(_GridSectionHeader.GridSectionHeader, {
+      state: toolbar,
+      suffix: state.showToggleShowAllLessButton && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+        size: "small",
+        onClick: state.toggleShowAllFolders,
+        dataHook: "toggle-show-all-folders-button",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 52,
+          columnNumber: 17
+        }
+      }, state.showAllFolders ? t('cairo.folders.showLess.button') : t('cairo.folders.showAll.button')),
+      sectionTitle: sectionTitle ?? t('section.header.folders'),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 48,
+        columnNumber: 11
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 43,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_VirtualGridRepeater.VirtualGridRepeater, {
+    renderItem: renderItem,
+    gridState: state.folders,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 68,
+      columnNumber: 7
+    }
+  }), showRefreshLoader && /*#__PURE__*/_react.default.createElement(_InitialSkeletonLoader.InitialSkeletonLoader, {
+    dataHook: "refresh-loader",
+    state: state.folders,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 71,
+      columnNumber: 9
+    }
+  }), state.showAllFolders && /*#__PURE__*/_react.default.createElement(_PageGridInfiniteScrollLoader.PageGridInfiniteScrollLoader, {
+    dataHook: "folders-infinite-scroll-loader",
+    imagePlacement: "side",
+    state: state.folders,
+    scrollMoreAlways: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 77,
+      columnNumber: 9
+    }
+  }));
+}
+const GridFoldersFolderSection = exports.GridFoldersFolderSection = (0, _mobxReactLite.observer)(_GridFoldersFolderSection);
+//# sourceMappingURL=GridFoldersFolderSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_GridSectionHeader","require","_designSystem","_VirtualGridRepeater","_PageGridInfiniteScrollLoader","_react","_interopRequireDefault","_mobxReactLite","_GridFoldersSection","_InitialSkeletonLoader","_jsxFileName","_GridFoldersFolderSection","state","renderItem","sectionTitle","container","translate","t","toolbar","folders","collection","showRefreshLoader","default","createElement","GridFoldersSection","dataHook","header","showFoldersSectionHeader","GridSectionHeader","suffix","showToggleShowAllLessButton","TextButton","size","onClick","toggleShowAllFolders","__self","__source","fileName","lineNumber","columnNumber","showAllFolders","VirtualGridRepeater","gridState","InitialSkeletonLoader","PageGridInfiniteScrollLoader","imagePlacement","scrollMoreAlways","GridFoldersFolderSection","exports","observer"],"sources":["../../../../src/components/Grid/GridFoldersFolderSection.tsx"],"sourcesContent":["import { GridSectionHeader } from './GridSectionHeader';\nimport { TextButton } from '@wix/design-system';\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 GridFoldersSectionProps<\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 _GridFoldersFolderSection<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>({\n  state,\n  renderItem,\n  sectionTitle,\n}: GridFoldersSectionProps<T1, F1, T2, F2>) {\n  const {\n    container: { translate: t },\n    toolbar,\n    folders: {\n      collection: { showRefreshLoader },\n    },\n  } = state;\n\n  return (\n    <GridFoldersSection\n      state={state.folders}\n      dataHook=\"folders-section\"\n      header={\n        state.showFoldersSectionHeader && (\n          <GridSectionHeader\n            state={toolbar}\n            suffix={\n              state.showToggleShowAllLessButton && (\n                <TextButton\n                  size=\"small\"\n                  onClick={state.toggleShowAllFolders}\n                  dataHook=\"toggle-show-all-folders-button\"\n                >\n                  {state.showAllFolders\n                    ? t('cairo.folders.showLess.button')\n                    : t('cairo.folders.showAll.button')}\n                </TextButton>\n              )\n            }\n            sectionTitle={sectionTitle ?? t('section.header.folders')}\n          />\n        )\n      }\n    >\n      <VirtualGridRepeater renderItem={renderItem} gridState={state.folders} />\n\n      {showRefreshLoader && (\n        <InitialSkeletonLoader\n          dataHook=\"refresh-loader\"\n          state={state.folders}\n        />\n      )}\n      {state.showAllFolders && (\n        <PageGridInfiniteScrollLoader\n          dataHook=\"folders-infinite-scroll-loader\"\n          imagePlacement=\"side\"\n          state={state.folders}\n          scrollMoreAlways\n        />\n      )}\n    </GridFoldersSection>\n  );\n}\n\nexport const GridFoldersFolderSection = observer(_GridFoldersFolderSection);\n"],"mappings":"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"}