@wix/patterns 1.12.0 → 1.14.0

package/dist/cjs/components/Grid/{toGridItemActions.js → useGridItemActions.js}

@@ -3,14 +3,15 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.evaluateActionCell = evaluateActionCell;
-exports.toGridItemActions = toGridItemActions;
+exports.useGridItemActions = useGridItemActions;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _CollectionItemActionsHelper = require("../CollectionItemActions/CollectionItemActionsHelper");
 var _getDefaultActionCellProps = require("../CollectionItemActions/getDefaultActionCellProps");
-var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/toGridItemActions.tsx";
+var _useExtensionMenuItems = require("../../hooks/useExtensionMenuItems");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/useGridItemActions.tsx";
 function evaluateActionCell({
   actionCell,
   item,
@@ -32,12 +33,11 @@ function evaluateActionCell({
   }
   return actionCell;
 }
-function toGridItemActions(actionCell) {
-  var _actionCell$gridState;
+function useGridItemActions(actionCell) {
   const actions = evaluateActionCell(actionCell);
   let settingsMenu = null;
   let primaryAction = null;
-  const extensionMenuItems = (_actionCell$gridState = actionCell.gridState.toolbar.extensionMenuItems) == null || _actionCell$gridState.useExtensionMenuItems == null ? void 0 : _actionCell$gridState.useExtensionMenuItems({
+  const extensionMenuItems = (0, _useExtensionMenuItems.useExtensionMenuItems)({
     containerId: actions.containerId
   });
   const secondaryActionCellPropsWithBI = (0, _CollectionItemActionsHelper.createSecondaryActionCellPropWithBi)({
@@ -128,4 +128,4 @@ function toGridItemActions(actionCell) {
     settingsMenu
   };
 }
-//# sourceMappingURL=toGridItemActions.js.map
+//# sourceMappingURL=useGridItemActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_CollectionItemActionsHelper","_getDefaultActionCellProps","_useExtensionMenuItems","_jsxFileName","evaluateActionCell","actionCell","item","index","gridState","keyedItem","itemActionsState","openConfirmDeleteModal","openConfirmModal","collection","useGridItemActions","actions","settingsMenu","primaryAction","extensionMenuItems","useExtensionMenuItems","containerId","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","toolbarBIReporter","toolbar","actionCellProps","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","label","text","onClick","disabled","disabledMessage","length","default","createElement","PopoverMenu","_extends2","popoverMenuProps","getDefaultActionCellProps","dataHook","triggerElement","toggle","close","IconButton","e","stopPropagation","reportOnPopoverMenuShow","onPointerDown","_dnd","undefined","onMouseLeave","skin","imagePlacement","size","priority","__self","__source","fileName","lineNumber","columnNumber","More","children","map","action","divider","Divider","key","icon","prefixIcon","rest","MenuItem"],"sources":["../../../../src/components/Grid/useGridItemActions.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { GridCardItemProps } from './GridCardItem';\nimport { GridBaseState, ItemActionsState } from '../../state';\nimport { ActionCellProps } from '../ActionCell';\nimport {\n  CardGalleryItemProps,\n  IconButton,\n  PopoverMenu,\n} from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport {\n  createPrimaryActionCellPropsWithBI,\n  createSecondaryActionCellPropWithBi,\n  reportOnPopoverMenuShow,\n} from '../CollectionItemActions/CollectionItemActionsHelper';\nimport { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\n\ninterface ActionCell<T, F extends FiltersMap> {\n  actionCell: GridCardItemProps<T, F>['actionCell'];\n  item: T;\n  index: number;\n  gridState: GridBaseState<T, F>;\n  keyedItem: KeyedItem<T>;\n  itemActionsState: ItemActionsState<T, F>;\n}\n\nexport function evaluateActionCell<T, F extends FiltersMap>({\n  actionCell,\n  item,\n  index,\n  gridState,\n  keyedItem,\n  itemActionsState,\n}: ActionCell<T, F>): ActionCellProps {\n  if (!actionCell) {\n    return {};\n  }\n\n  if (typeof actionCell === 'function') {\n    return actionCell(item, index, {\n      openConfirmDeleteModal: itemActionsState.openConfirmDeleteModal,\n      openConfirmModal: itemActionsState.openConfirmModal,\n      collection: gridState.collection,\n      keyedItem,\n    });\n  }\n\n  return actionCell;\n}\n\nexport function useGridItemActions<T, F extends FiltersMap>(\n  actionCell: ActionCell<T, F> & {\n    itemActionsState: ItemActionsState<T, F>;\n    imagePlacement: string;\n  },\n) {\n  const actions = evaluateActionCell(actionCell);\n\n  let settingsMenu: CardGalleryItemProps['settingsMenu'] = null;\n  let primaryAction: CardGalleryItemProps['primaryActionProps'] | null = null;\n\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId: actions.containerId,\n  });\n\n  const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({\n    toolbarBIReporter: actionCell.gridState.toolbar.toolbarBIReporter,\n    actionCellProps: actions,\n    keyedItem: actionCell.keyedItem,\n    extensionMenuItems,\n  });\n\n  const primaryActionCellPropsWithBI = createPrimaryActionCellPropsWithBI(\n    actionCell.gridState.toolbar.toolbarBIReporter,\n    actions,\n    actionCell.keyedItem,\n  );\n\n  if (primaryActionCellPropsWithBI) {\n    primaryAction = {\n      label: primaryActionCellPropsWithBI.text,\n      onClick: primaryActionCellPropsWithBI.onClick,\n      disabled: primaryActionCellPropsWithBI.disabled,\n      disabledMessage: primaryActionCellPropsWithBI.disabledMessage,\n    };\n  }\n\n  if (\n    secondaryActionCellPropsWithBI &&\n    secondaryActionCellPropsWithBI.length > 0\n  ) {\n    settingsMenu = (\n      <PopoverMenu\n        {...actions.popoverMenuProps}\n        {...getDefaultActionCellProps()}\n        dataHook=\"popover\"\n        triggerElement={({ toggle, close }) => (\n          <IconButton\n            dataHook=\"popover-trigger\"\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n              reportOnPopoverMenuShow(\n                actionCell.gridState.toolbar.toolbarBIReporter,\n                actions,\n                actionCell.keyedItem,\n              );\n            }}\n            onPointerDown={\n              actionCell.gridState._dnd ? (e) => e.stopPropagation() : undefined\n            }\n            onMouseLeave={close}\n            skin={actionCell.imagePlacement === 'top' ? 'light' : 'standard'}\n            size=\"small\"\n            priority=\"secondary\"\n          >\n            <More />\n          </IconButton>\n        )}\n        children={secondaryActionCellPropsWithBI.map((action, index) => {\n          if (action.divider) {\n            return <PopoverMenu.Divider key={index} />;\n          }\n\n          const { icon: prefixIcon, ...rest } = action;\n\n          return (\n            <PopoverMenu.MenuItem\n              key={index}\n              prefixIcon={prefixIcon}\n              {...rest}\n            />\n          );\n        })}\n      />\n    );\n  }\n\n  return {\n    primaryAction,\n    settingsMenu,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_GridItem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useRenderItem","params","renderItem","state","renderAddItem","dragAndDrop","actionCell","preset","useCallback","index","itemKey","_itemKey","index2d","createElement","GridItem","rowIndex","columnIndex","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Grid/useRenderItem.tsx"],"sourcesContent":["import React, { ReactElement, useCallback } from 'react';\nimport { RenderItem } from './RenderItem';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { GridBaseState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { AddItemProps } from '@wix/design-system';\nimport { DragAndDrop } from '../DragAndDrop';\nimport { ActionCell } from '../ActionCell';\nimport { GridItem } from './GridItem';\n\nexport interface UseRenderItemParams<T, F extends FiltersMap> {\n  preset?: 'full' | 'title' | 'empty';\n\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n\n  state: GridBaseState<T, F>;\n\n  renderAddItem?: () => ReactElement<AddItemProps>;\n\n  actionCell?: ActionCell<T, F>;\n\n  dragAndDrop?: DragAndDrop;\n}\n\nexport function useRenderItem<T, F extends FiltersMap>(\n  params: UseRenderItemParams<T, F>,\n) {\n  const {\n    renderItem,\n    state,\n    renderAddItem,\n    dragAndDrop,\n    actionCell,\n    preset = 'title',\n  } = params;\n\n  return useCallback<RenderItem>(\n    (index, { itemKey: _itemKey, index2d } = {}) => (\n      <GridItem\n        state={state}\n        index={index}\n        rowIndex={index2d?.rowIndex}\n        columnIndex={index2d?.columnIndex}\n        renderItem={renderItem}\n        actionCell={actionCell}\n        renderAddItem={renderAddItem}\n        dragAndDrop={dragAndDrop}\n        preset={preset}\n      />\n    ),\n    [renderItem, actionCell, renderAddItem, dragAndDrop, preset],\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,IAAAE,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,SAAAL,wBAAAK,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;AAmB/B,SAASW,aAAaA,CAC3BC,MAAiC,EACjC;EACA,MAAM;IACJC,UAAU;IACVC,KAAK;IACLC,aAAa;IACbC,WAAW;IACXC,UAAU;IACVC,MAAM,GAAG;EACX,CAAC,GAAGN,MAAM;EAEV,OAAO,IAAAO,kBAAW,EAChB,CAACC,KAAK,EAAE;IAAEC,OAAO,EAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAG,CAAC,CAAC,kBACzCrC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAACnC,SAAA,CAAAoC,QAAQ;IACPX,KAAK,EAAEA,KAAM;IACbM,KAAK,EAAEA,KAAM;IACbM,QAAQ,EAAEH,OAAO,oBAAPA,OAAO,CAAEG,QAAS;IAC5BC,WAAW,EAAEJ,OAAO,oBAAPA,OAAO,CAAEI,WAAY;IAClCd,UAAU,EAAEA,UAAW;IACvBI,UAAU,EAAEA,UAAW;IACvBF,aAAa,EAAEA,aAAc;IAC7BC,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA,MAAO;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CACF,EACD,CAACnB,UAAU,EAAEI,UAAU,EAAEF,aAAa,EAAEC,WAAW,EAAEE,MAAM,CAC7D,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_GridItem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useRenderItem","params","renderItem","state","renderAddItem","dragAndDrop","actionCell","preset","useCallback","index","itemKey","_itemKey","index2d","createElement","GridItem","rowIndex","columnIndex","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Grid/useRenderItem.tsx"],"sourcesContent":["import React, { ReactElement, useCallback } from 'react';\nimport { RenderItem } from './RenderItem';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { GridBaseState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { AddItemProps } from '@wix/design-system';\nimport { ActionCell } from '../ActionCell';\nimport { GridItem } from './GridItem';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\n\nexport interface UseRenderItemParams<T, F extends FiltersMap> {\n  preset?: 'full' | 'title' | 'empty';\n\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n\n  state: GridBaseState<T, F>;\n\n  renderAddItem?: () => ReactElement<AddItemProps>;\n\n  actionCell?: ActionCell<T, F>;\n\n  dragAndDrop?: typeof GridDragAndDrop;\n}\n\nexport function useRenderItem<T, F extends FiltersMap>(\n  params: UseRenderItemParams<T, F>,\n) {\n  const {\n    renderItem,\n    state,\n    renderAddItem,\n    dragAndDrop,\n    actionCell,\n    preset = 'title',\n  } = params;\n\n  return useCallback<RenderItem>(\n    (index, { itemKey: _itemKey, index2d } = {}) => (\n      <GridItem\n        state={state}\n        index={index}\n        rowIndex={index2d?.rowIndex}\n        columnIndex={index2d?.columnIndex}\n        renderItem={renderItem}\n        actionCell={actionCell}\n        renderAddItem={renderAddItem}\n        dragAndDrop={dragAndDrop}\n        preset={preset}\n      />\n    ),\n    [renderItem, actionCell, renderAddItem, dragAndDrop, preset],\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,IAAAE,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,SAAAL,wBAAAK,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;AAoB/B,SAASW,aAAaA,CAC3BC,MAAiC,EACjC;EACA,MAAM;IACJC,UAAU;IACVC,KAAK;IACLC,aAAa;IACbC,WAAW;IACXC,UAAU;IACVC,MAAM,GAAG;EACX,CAAC,GAAGN,MAAM;EAEV,OAAO,IAAAO,kBAAW,EAChB,CAACC,KAAK,EAAE;IAAEC,OAAO,EAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAG,CAAC,CAAC,kBACzCrC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAACnC,SAAA,CAAAoC,QAAQ;IACPX,KAAK,EAAEA,KAAM;IACbM,KAAK,EAAEA,KAAM;IACbM,QAAQ,EAAEH,OAAO,oBAAPA,OAAO,CAAEG,QAAS;IAC5BC,WAAW,EAAEJ,OAAO,oBAAPA,OAAO,CAAEI,WAAY;IAClCd,UAAU,EAAEA,UAAW;IACvBI,UAAU,EAAEA,UAAW;IACvBF,aAAa,EAAEA,aAAc;IAC7BC,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA,MAAO;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CACF,EACD,CAACnB,UAAU,EAAEI,UAAU,EAAEF,aAAa,EAAEC,WAAW,EAAEE,MAAM,CAC7D,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/GridDragAndDropDndKit/GridDragAndDrop.js

@@ -5,9 +5,22 @@ exports.GridDragAndDrop = void 0;
 var _GridSortableContext = require("./GridSortableContext");
 var _GridDraggableCardItem = require("./GridDraggableCardItem");
 var _DraggableCardOverlay = require("./DraggableCardOverlay");
+var _DragAndDrop = require("../DragAndDrop");
+function setStateObject({
+  state,
+  modalsContainerRef
+}) {
+  state.collectionDragAndDropState ?? (state.collectionDragAndDropState = new _DragAndDrop.CollectionDragAndDropState({
+    state,
+    a11yContainer: modalsContainerRef,
+    container: state.container
+  }));
+  state.toolbar._dnd = state.collectionDragAndDropState.dnd;
+}
 const GridDragAndDrop = exports.GridDragAndDrop = {
   SortableContext: _GridSortableContext.GridSortableContext,
   DraggableCard: _GridDraggableCardItem.GridDraggableCardItem,
-  DraggableCardOverlay: _DraggableCardOverlay.DraggableCardOverlay
+  DraggableCardOverlay: _DraggableCardOverlay.DraggableCardOverlay,
+  setStateObject
 };
 //# sourceMappingURL=GridDragAndDrop.js.map

package/dist/cjs/components/GridDragAndDropDndKit/GridDragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"names":["_GridSortableContext","require","_GridDraggableCardItem","_DraggableCardOverlay","GridDragAndDrop","exports","SortableContext","GridSortableContext","DraggableCard","GridDraggableCardItem","DraggableCardOverlay"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridDragAndDrop.ts"],"sourcesContent":["import { GridSortableContext } from './GridSortableContext';\nimport { GridDraggableCardItem } from './GridDraggableCardItem';\nimport { DraggableCardOverlay } from './DraggableCardOverlay';\n\nimport { DragAndDrop } from '../DragAndDrop';\n\nexport const GridDragAndDrop: DragAndDrop = {\n  SortableContext: GridSortableContext,\n  DraggableCard: GridDraggableCardItem,\n  DraggableCardOverlay,\n};\n"],"mappings":";;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAIO,MAAMG,eAA4B,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC1CE,eAAe,EAAEC,wCAAmB;EACpCC,aAAa,EAAEC,4CAAqB;EACpCC,oBAAoB,EAApBA;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_GridSortableContext","require","_GridDraggableCardItem","_DraggableCardOverlay","_DragAndDrop","setStateObject","state","modalsContainerRef","collectionDragAndDropState","CollectionDragAndDropState","a11yContainer","container","toolbar","_dnd","dnd","GridDragAndDrop","exports","SortableContext","GridSortableContext","DraggableCard","GridDraggableCardItem","DraggableCardOverlay"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridDragAndDrop.ts"],"sourcesContent":["import { GridSortableContext } from './GridSortableContext';\nimport { GridDraggableCardItem } from './GridDraggableCardItem';\nimport { DraggableCardOverlay } from './DraggableCardOverlay';\n\nimport { CollectionDragAndDropState, DragAndDropState } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridBaseState } from '../../state';\n\nfunction setStateObject<T, F extends FiltersMap>({\n  state,\n  modalsContainerRef,\n}: {\n  state: GridBaseState<T, F>;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}) {\n  state.collectionDragAndDropState ??= new CollectionDragAndDropState({\n    state,\n    a11yContainer: modalsContainerRef,\n    container: state.container,\n  });\n  state.toolbar._dnd = state.collectionDragAndDropState.dnd as DragAndDropState<\n    unknown,\n    any\n  >;\n}\n\nexport const GridDragAndDrop = {\n  SortableContext: GridSortableContext,\n  DraggableCard: GridDraggableCardItem,\n  DraggableCardOverlay,\n  setStateObject,\n};\n"],"mappings":";;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAIA,SAASI,cAAcA,CAA0B;EAC/CC,KAAK;EACLC;AAMF,CAAC,EAAE;EACDD,KAAK,CAACE,0BAA0B,KAAhCF,KAAK,CAACE,0BAA0B,GAAK,IAAIC,uCAA0B,CAAC;IAClEH,KAAK;IACLI,aAAa,EAAEH,kBAAkB;IACjCI,SAAS,EAAEL,KAAK,CAACK;EACnB,CAAC,CAAC;EACFL,KAAK,CAACM,OAAO,CAACC,IAAI,GAAGP,KAAK,CAACE,0BAA0B,CAACM,GAGrD;AACH;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7BE,eAAe,EAAEC,wCAAmB;EACpCC,aAAa,EAAEC,4CAAqB;EACpCC,oBAAoB,EAApBA,0CAAoB;EACpBhB;AACF,CAAC","ignoreList":[]}

package/dist/cjs/components/GridDragAndDropDndKit/GridSortableContext.js

@@ -8,8 +8,6 @@ var _sortable = require("@wix/wix-style-react-incubator/dnd-kit/sortable");
 var _modifiers = require("@wix/wix-style-react-incubator/dnd-kit/modifiers");
 var _CollectionContext = require("../CollectionContext");
 var _mobxReactLite = require("mobx-react-lite");
-var _react2 = require("@wix/bex-core/react");
-var _DragAndDrop = require("../DragAndDrop");
 var _sortableGridKeyboardCoordinates = require("./sortableGridKeyboardCoordinates");
 var _DragAndDropAnnouncements = require("../DragAndDrop/DragAndDropAnnouncements");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridDragAndDropDndKit/GridSortableContext.tsx";
@@ -22,21 +20,13 @@ function _GridSortableContext(props) {
     onSubmit,
     onCancel
   } = props;
-  const container = (0, _react2.useWixPatternsContainer)();
-  const {
-    modalsContainerRef
-  } = (0, _react2.usePageContext)();
   const collection = (0, _CollectionContext.useCollectionContext)();
   const {
     result: {
       keyedItems
     }
   } = collection;
-  const [state] = (0, _react.useState)(() => new _DragAndDrop.CollectionDragAndDropState({
-    state: grid,
-    container,
-    a11yContainer: modalsContainerRef == null ? void 0 : modalsContainerRef.current
-  }));
+  const state = grid.collectionDragAndDropState;
   const pointerSensor = (0, _core.useSensor)(_core.PointerSensor, {
     activationConstraint: state.dnd.activationConstraint
   });
@@ -50,9 +40,7 @@ function _GridSortableContext(props) {
 
   // in jsdom we mock drag-and-drop by setting a custom events to draggable elements
   const sensors = (0, _core.useSensors)(...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]));
-  (0, _react.useEffect)(() => state.init({
-    a11yContainer: modalsContainerRef == null ? void 0 : modalsContainerRef.current
-  }), []);
+  (0, _react.useEffect)(() => state.init(), []);
   state.dnd.onSubmit = onSubmit;
   state.dnd.onCancel = onCancel;
   return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
@@ -67,7 +55,7 @@ function _GridSortableContext(props) {
       }
     },
     accessibility: {
-      container: state.dnd.a11yContainer,
+      container: state.dnd.a11yContainerRef.current,
       announcements: state.dnd.nullAnnouncements,
       screenReaderInstructions: {
         draggable: ''
@@ -95,7 +83,7 @@ function _GridSortableContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 74,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
@@ -104,7 +92,7 @@ function _GridSortableContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 114,
       columnNumber: 7
     }
   }, children, /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
@@ -113,7 +101,7 @@ function _GridSortableContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 116,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/GridDragAndDropDndKit/GridSortableContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_sortable","_modifiers","_CollectionContext","_mobxReactLite","_react2","_DragAndDrop","_sortableGridKeyboardCoordinates","_DragAndDropAnnouncements","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSortableContext","props","state","grid","children","onSubmit","onCancel","container","useWixPatternsContainer","modalsContainerRef","usePageContext","collection","useCollectionContext","result","keyedItems","useState","CollectionDragAndDropState","a11yContainer","current","pointerSensor","useSensor","PointerSensor","activationConstraint","dnd","coordinateGetter","sortableGridKeyboardCoordinates","containerDistanceThreshold","keyboardSensor","KeyboardSensor","keyboardCodes","sensors","useSensors","process","env","NODE_ENV","useEffect","init","createElement","DndContext","autoScroll","activator","AutoScrollActivator","DraggableRect","freeze","acceleration","threshold","y","x","accessibility","announcements","nullAnnouncements","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","cancelDrop","ev","beforeDrop","onDragStart","onDragMove","onDragEnd","onDragCancel","onDragOver","__self","__source","fileName","lineNumber","columnNumber","SortableContext","items","strategy","rectSortingStrategy","DragAndDropAnnouncements","dataHook","GridSortableContext","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridSortableContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  AutoScrollActivator,\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport {\n  rectSortingStrategy,\n  SortableContext,\n} from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { useCollectionContext } from '../CollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport {\n  CollectionDragAndDropState,\n  SortableContextProps,\n} from '../DragAndDrop';\nimport { sortableGridKeyboardCoordinates } from './sortableGridKeyboardCoordinates';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\n\nfunction _GridSortableContext<T, F extends FiltersMap>(\n  props: SortableContextProps<T, F>,\n) {\n  const { state: grid, children, onSubmit, onCancel } = props;\n\n  const container = useWixPatternsContainer();\n  const { modalsContainerRef } = usePageContext();\n\n  const collection = useCollectionContext();\n  const {\n    result: { keyedItems },\n  } = collection;\n\n  const [state] = useState(\n    () =>\n      new CollectionDragAndDropState({\n        state: grid,\n        container,\n        a11yContainer: modalsContainerRef?.current,\n      }),\n  );\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: state.dnd.activationConstraint,\n  });\n\n  const [coordinateGetter] = useState(() =>\n    sortableGridKeyboardCoordinates({ containerDistanceThreshold: 0.1 }),\n  );\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: state.dnd.keyboardCodes,\n    coordinateGetter,\n  });\n\n  // in jsdom we mock drag-and-drop by setting a custom events to draggable elements\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(\n    () =>\n      state.init({\n        a11yContainer: modalsContainerRef?.current,\n      }),\n    [],\n  );\n\n  state.dnd.onSubmit = onSubmit;\n  state.dnd.onCancel = onCancel;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      autoScroll={{\n        activator: AutoScrollActivator.DraggableRect,\n        freeze: true,\n        acceleration: 4,\n        threshold: {\n          y: 0.01,\n          x: 0.2,\n        },\n      }}\n      accessibility={{\n        container: state.dnd.a11yContainer as HTMLElement | undefined,\n        announcements: state.dnd.nullAnnouncements,\n        screenReaderInstructions: {\n          draggable: '',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      cancelDrop={(ev) => state.dnd.beforeDrop(ev)}\n      onDragStart={(ev) => {\n        state.dnd.onDragStart(ev);\n      }}\n      onDragMove={(ev) => {\n        state.dnd.onDragMove(ev);\n      }}\n      onDragEnd={(ev) => {\n        state.dnd.onDragEnd(ev);\n      }}\n      onDragCancel={() => {\n        state.dnd.onDragCancel();\n      }}\n      onDragOver={(ev) => {\n        state.dnd.onDragOver(ev);\n      }}\n    >\n      <SortableContext items={keyedItems} strategy={rectSortingStrategy}>\n        {children}\n        <DragAndDropAnnouncements\n          state={state.dnd}\n          dataHook=\"grid-dnd-live-region\"\n        />\n      </SortableContext>\n    </DndContext>\n  );\n}\n\nexport const GridSortableContext = observer(_GridSortableContext);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_sortable","_modifiers","_CollectionContext","_mobxReactLite","_sortableGridKeyboardCoordinates","_DragAndDropAnnouncements","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSortableContext","props","state","grid","children","onSubmit","onCancel","collection","useCollectionContext","result","keyedItems","collectionDragAndDropState","pointerSensor","useSensor","PointerSensor","activationConstraint","dnd","coordinateGetter","useState","sortableGridKeyboardCoordinates","containerDistanceThreshold","keyboardSensor","KeyboardSensor","keyboardCodes","sensors","useSensors","process","env","NODE_ENV","useEffect","init","createElement","DndContext","autoScroll","activator","AutoScrollActivator","DraggableRect","freeze","acceleration","threshold","y","x","accessibility","container","a11yContainerRef","current","announcements","nullAnnouncements","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","cancelDrop","ev","beforeDrop","onDragStart","onDragMove","onDragEnd","onDragCancel","onDragOver","__self","__source","fileName","lineNumber","columnNumber","SortableContext","items","strategy","rectSortingStrategy","DragAndDropAnnouncements","dataHook","GridSortableContext","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridSortableContext.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport {\n  AutoScrollActivator,\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport {\n  rectSortingStrategy,\n  SortableContext,\n} from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { useCollectionContext } from '../CollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n  CollectionDragAndDropState,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { sortableGridKeyboardCoordinates } from './sortableGridKeyboardCoordinates';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport { GridBaseState } from '../../state';\n\nexport interface GridSortableContextProps<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n  children?: ReactNode;\n  onSubmit?: DragAndDropSubmit<T, F>;\n  onCancel?: DragAndDropCancel<T, F>;\n}\n\nfunction _GridSortableContext<T, F extends FiltersMap>(\n  props: GridSortableContextProps<T, F>,\n) {\n  const { state: grid, children, onSubmit, onCancel } = props;\n\n  const collection = useCollectionContext();\n  const {\n    result: { keyedItems },\n  } = collection;\n\n  const state = grid.collectionDragAndDropState as CollectionDragAndDropState<\n    T,\n    F\n  >;\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: state.dnd.activationConstraint,\n  });\n\n  const [coordinateGetter] = useState(() =>\n    sortableGridKeyboardCoordinates({ containerDistanceThreshold: 0.1 }),\n  );\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: state.dnd.keyboardCodes,\n    coordinateGetter,\n  });\n\n  // in jsdom we mock drag-and-drop by setting a custom events to draggable elements\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(() => state.init(), []);\n\n  state.dnd.onSubmit = onSubmit;\n  state.dnd.onCancel = onCancel;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      autoScroll={{\n        activator: AutoScrollActivator.DraggableRect,\n        freeze: true,\n        acceleration: 4,\n        threshold: {\n          y: 0.01,\n          x: 0.2,\n        },\n      }}\n      accessibility={{\n        container: state.dnd.a11yContainerRef.current as\n          | HTMLElement\n          | undefined,\n        announcements: state.dnd.nullAnnouncements,\n        screenReaderInstructions: {\n          draggable: '',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      cancelDrop={(ev) => state.dnd.beforeDrop(ev)}\n      onDragStart={(ev) => {\n        state.dnd.onDragStart(ev);\n      }}\n      onDragMove={(ev) => {\n        state.dnd.onDragMove(ev);\n      }}\n      onDragEnd={(ev) => {\n        state.dnd.onDragEnd(ev);\n      }}\n      onDragCancel={() => {\n        state.dnd.onDragCancel();\n      }}\n      onDragOver={(ev) => {\n        state.dnd.onDragOver(ev);\n      }}\n    >\n      <SortableContext items={keyedItems} strategy={rectSortingStrategy}>\n        {children}\n        <DragAndDropAnnouncements\n          state={state.dnd}\n          dataHook=\"grid-dnd-live-region\"\n        />\n      </SortableContext>\n    </DndContext>\n  );\n}\n\nexport const GridSortableContext = observer(_GridSortableContext);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/GridSections/GridSectionAndRepeater.js

@@ -16,7 +16,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _GridSectionAndRepeater(props) {
   const {
     sectionDescriptor,
-    imagePlacement
+    imagePlacement,
+    layoutType,
+    dragAndDrop
   } = props;
   const {
     range
@@ -24,7 +26,9 @@ function _GridSectionAndRepeater(props) {
   const [state] = (0, _react.useState)(() => new _GridSectionsSectionState.GridSectionsSectionState({
     gridSections: props.state,
     sectionDescriptor,
-    imagePlacement
+    imagePlacement,
+    layoutType,
+    draggable: dragAndDrop ? 'draggable' : 'none'
   }));
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -33,7 +37,7 @@ function _GridSectionAndRepeater(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 35,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_GridSectionHeader.GridSectionHeader, {
@@ -42,17 +46,18 @@ function _GridSectionAndRepeater(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 36,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_GridContent.GridContent, (0, _extends2.default)({}, props, {
+    paddingTop: layoutType === 'list' ? undefined : 'SP4',
     range: range,
     state: state.gridBase,
     withInfiniteScrollLoader: state.isLast,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 38,
       columnNumber: 7
     }
   })));

package/dist/cjs/components/GridSections/GridSectionAndRepeater.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_GridContent","_GridSectionHeader","_GridSectionsSectionState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionAndRepeater","props","sectionDescriptor","imagePlacement","range","state","useState","GridSectionsSectionState","gridSections","createElement","Box","direction","width","dataHook","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","GridContent","_extends2","gridBase","withInfiniteScrollLoader","isLast","GridSectionAndRepeater","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionAndRepeater.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { GridContent, GridContentBaseProps } from '../Grid/GridContent';\nimport { GridSectionHeader } from './GridSectionHeader';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\n\nexport interface GridSectionAndRepeaterProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsState<T, F>;\n}\n\nfunction _GridSectionAndRepeater<T, F extends FiltersMap>(\n  props: GridSectionAndRepeaterProps<T, F>,\n) {\n  const { sectionDescriptor, imagePlacement } = props;\n\n  const { range } = sectionDescriptor;\n\n  const [state] = useState(\n    () =>\n      new GridSectionsSectionState({\n        gridSections: props.state,\n        sectionDescriptor,\n        imagePlacement,\n      }),\n  );\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\" dataHook=\"grid-section-and-repeater\">\n      <GridSectionHeader sectionDescriptor={sectionDescriptor} state={state} />\n\n      <GridContent\n        {...props}\n        range={range}\n        state={state.gridBase}\n        withInfiniteScrollLoader={state.isLast}\n      />\n    </Box>\n  );\n}\n\nexport const GridSectionAndRepeater = observer(_GridSectionAndRepeater);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_GridContent","_GridSectionHeader","_GridSectionsSectionState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionAndRepeater","props","sectionDescriptor","imagePlacement","layoutType","dragAndDrop","range","state","useState","GridSectionsSectionState","gridSections","draggable","createElement","Box","direction","width","dataHook","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","GridContent","_extends2","paddingTop","undefined","gridBase","withInfiniteScrollLoader","isLast","GridSectionAndRepeater","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionAndRepeater.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { GridContent, GridContentBaseProps } from '../Grid/GridContent';\nimport { GridSectionHeader } from './GridSectionHeader';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\n\nexport interface GridSectionAndRepeaterProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsState<T, F>;\n}\n\nfunction _GridSectionAndRepeater<T, F extends FiltersMap>(\n  props: GridSectionAndRepeaterProps<T, F>,\n) {\n  const { sectionDescriptor, imagePlacement, layoutType, dragAndDrop } = props;\n\n  const { range } = sectionDescriptor;\n\n  const [state] = useState(\n    () =>\n      new GridSectionsSectionState({\n        gridSections: props.state,\n        sectionDescriptor,\n        imagePlacement,\n        layoutType,\n        draggable: dragAndDrop ? 'draggable' : 'none',\n      }),\n  );\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\" dataHook=\"grid-section-and-repeater\">\n      <GridSectionHeader sectionDescriptor={sectionDescriptor} state={state} />\n\n      <GridContent\n        {...props}\n        paddingTop={layoutType === 'list' ? undefined : 'SP4'}\n        range={range}\n        state={state.gridBase}\n        withInfiniteScrollLoader={state.isLast}\n      />\n    </Box>\n  );\n}\n\nexport const GridSectionAndRepeater = observer(_GridSectionAndRepeater);\n"],"mappings":"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","ignoreList":[]}

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

@@ -13,28 +13,34 @@ function _GridSectionHeader(props) {
     sectionDescriptor,
     state
   } = props;
+  const {
+    gridBase: {
+      layoutType
+    }
+  } = state;
   const {
     section
   } = sectionDescriptor;
   return /*#__PURE__*/_react.default.createElement(_designSystem.SectionHeader, {
     dataHook: "grid-section-header",
     title: section.title,
-    skin: "neutral",
+    skin: layoutType === 'list' ? 'light' : 'neutral',
     divider: "none",
+    size: "small",
     suffix: /*#__PURE__*/_react.default.createElement(_GridSectionHeaderActionBar.GridSectionHeaderActionBar, {
       section: section,
       state: state,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
+        lineNumber: 32,
         columnNumber: 15
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 22,
+      lineNumber: 26,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_GridSectionHeaderActionBar","_jsxFileName","_GridSectionHeader","props","sectionDescriptor","state","section","default","createElement","SectionHeader","dataHook","title","skin","divider","suffix","GridSectionHeaderActionBar","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"sourcesContent":["import { SectionHeader } from '@wix/design-system';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { SectionRange } from './GridSectionsState';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionHeaderActionBar } from './GridSectionHeaderActionBar';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\n\nexport interface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsSectionState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>(\n  props: GridSectionHeaderProps<T, F>,\n) {\n  const { sectionDescriptor, state } = props;\n\n  const { section } = sectionDescriptor;\n\n  return (\n    <SectionHeader\n      dataHook=\"grid-section-header\"\n      title={section.title}\n      skin=\"neutral\"\n      divider=\"none\"\n      suffix={<GridSectionHeaderActionBar section={section} state={state} />}\n    />\n  );\n}\n\nexport const GridSectionHeader = observer(_GridSectionHeader);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AAA0E,IAAAK,YAAA;AAQ1E,SAASC,kBAAkBA,CACzBC,KAAmC,EACnC;EACA,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE1C,MAAM;IAAEG;EAAQ,CAAC,GAAGF,iBAAiB;EAErC,oBACEP,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,aAAa;IACZC,QAAQ,EAAC,qBAAqB;IAC9BC,KAAK,EAAEL,OAAO,CAACK,KAAM;IACrBC,IAAI,EAAC,SAAS;IACdC,OAAO,EAAC,MAAM;IACdC,MAAM,eAAEjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,2BAAA,CAAAe,0BAA0B;MAACT,OAAO,EAAEA,OAAQ;MAACD,KAAK,EAAEA,KAAM;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxE,CAAC;AAEN;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAACrB,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_GridSectionHeaderActionBar","_jsxFileName","_GridSectionHeader","props","sectionDescriptor","state","gridBase","layoutType","section","default","createElement","SectionHeader","dataHook","title","skin","divider","size","suffix","GridSectionHeaderActionBar","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"sourcesContent":["import { SectionHeader } from '@wix/design-system';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { SectionRange } from './GridSectionsState';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionHeaderActionBar } from './GridSectionHeaderActionBar';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\n\nexport interface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsSectionState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>(\n  props: GridSectionHeaderProps<T, F>,\n) {\n  const { sectionDescriptor, state } = props;\n\n  const {\n    gridBase: { layoutType },\n  } = state;\n\n  const { section } = sectionDescriptor;\n\n  return (\n    <SectionHeader\n      dataHook=\"grid-section-header\"\n      title={section.title}\n      skin={layoutType === 'list' ? 'light' : 'neutral'}\n      divider=\"none\"\n      size=\"small\"\n      suffix={<GridSectionHeaderActionBar section={section} state={state} />}\n    />\n  );\n}\n\nexport const GridSectionHeader = observer(_GridSectionHeader);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AAA0E,IAAAK,YAAA;AAQ1E,SAASC,kBAAkBA,CACzBC,KAAmC,EACnC;EACA,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE1C,MAAM;IACJG,QAAQ,EAAE;MAAEC;IAAW;EACzB,CAAC,GAAGF,KAAK;EAET,MAAM;IAAEG;EAAQ,CAAC,GAAGJ,iBAAiB;EAErC,oBACEP,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,aAAa;IACZC,QAAQ,EAAC,qBAAqB;IAC9BC,KAAK,EAAEL,OAAO,CAACK,KAAM;IACrBC,IAAI,EAAEP,UAAU,KAAK,MAAM,GAAG,OAAO,GAAG,SAAU;IAClDQ,OAAO,EAAC,MAAM;IACdC,IAAI,EAAC,OAAO;IACZC,MAAM,eAAEpB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,2BAAA,CAAAkB,0BAA0B;MAACV,OAAO,EAAEA,OAAQ;MAACH,KAAK,EAAEA,KAAM;MAAAc,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxE,CAAC;AAEN;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAACxB,kBAAkB,CAAC","ignoreList":[]}

package/dist/cjs/components/GridSections/GridSectionsContent.js

@@ -9,14 +9,16 @@ var _mobxReactLite = require("mobx-react-lite");
 var _GridSectionAndRepeater = require("./GridSectionAndRepeater");
 var _react = _interopRequireWildcard(require("react"));
 var _mobx = require("mobx");
-var _GridSingleGridContent = require("../Grid/GridSingleGridContent");
+var _designSystem = require("@wix/design-system");
+var _GridSectionsSingleSkeletonGrid = require("./GridSectionsSingleSkeletonGrid");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridSections/GridSectionsContent.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 _GridSectionsContent(props) {
   const {
     state: grid,
-    renderSection
+    renderSection,
+    layoutType
   } = props;
   const {
     toolbar
@@ -42,28 +44,42 @@ function _GridSectionsContent(props) {
       }
     });
   }, [renderSection]);
+  let child;
   if (!sections.length || showInitialLoader || showRefreshLoader) {
-    return /*#__PURE__*/_react.default.createElement(_GridSingleGridContent.GridSingleGridContent, (0, _extends2.default)({}, props, {
+    child = /*#__PURE__*/_react.default.createElement(_GridSectionsSingleSkeletonGrid.GridSectionsSingleSkeletonGrid, (0, _extends2.default)({}, props, {
       state: state,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
-        columnNumber: 12
+        lineNumber: 57,
+        columnNumber: 13
       }
     }));
+  } else {
+    child = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sections.map(sectionDescriptor => /*#__PURE__*/_react.default.createElement(_GridSectionAndRepeater.GridSectionAndRepeater, (0, _extends2.default)({}, props, {
+      key: sectionDescriptor.section.id,
+      sectionDescriptor: sectionDescriptor,
+      state: state,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 62,
+        columnNumber: 11
+      }
+    }))));
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sections.map(sectionDescriptor => /*#__PURE__*/_react.default.createElement(_GridSectionAndRepeater.GridSectionAndRepeater, (0, _extends2.default)({}, props, {
-    key: sectionDescriptor.section.id,
-    sectionDescriptor: sectionDescriptor,
-    state: state,
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    width: "100%",
+    paddingTop: layoutType === 'list' ? 'SP2' : undefined,
+    paddingBottom: layoutType === 'list' ? 'SP2' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
-      columnNumber: 9
+      lineNumber: 74,
+      columnNumber: 5
     }
-  }))));
+  }, child);
 }
 const GridSectionsContent = exports.GridSectionsContent = (0, _mobxReactLite.observer)(_GridSectionsContent);
 //# sourceMappingURL=GridSectionsContent.js.map

package/dist/cjs/components/GridSections/GridSectionsContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_GridSectionsState","require","_mobxReactLite","_GridSectionAndRepeater","_react","_interopRequireWildcard","_mobx","_GridSingleGridContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionsContent","props","state","grid","renderSection","toolbar","showInitialLoader","multi","showRefreshLoader","useState","_sections","GridSectionsState","collection","sections","useEffect","runInAction","length","createElement","GridSingleGridContent","_extends2","__self","__source","fileName","lineNumber","columnNumber","Fragment","map","sectionDescriptor","GridSectionAndRepeater","key","section","id","GridSectionsContent","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"sourcesContent":["import { GridSectionsState, Section } from './GridSectionsState';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionAndRepeater } from './GridSectionAndRepeater';\nimport React, { useEffect, useState } from 'react';\nimport { GridContentBaseProps } from '../Grid/GridContent';\nimport { GridBaseState, ToolbarCollectionState } from '../../state';\nimport { runInAction } from 'mobx';\nimport { GridSingleGridContent } from '../Grid/GridSingleGridContent';\n\nexport interface GridSectionsContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: {\n    toolbar: ToolbarCollectionState<T, F>;\n    collection: CollectionState<T, F>;\n    _grid?: GridBaseState<T, F>;\n    _sections?: GridSectionsState<T, F>;\n  };\n  renderSection?: (item: T) => Section;\n}\n\nfunction _GridSectionsContent<T, F extends FiltersMap>(\n  props: GridSectionsContentProps<T, F>,\n) {\n  const { state: grid, renderSection } = props;\n\n  const { toolbar } = grid;\n\n  const {\n    showInitialLoader,\n    multi: { showRefreshLoader },\n  } = toolbar;\n\n  const [state] = useState(\n    () =>\n      (grid._sections ??= new GridSectionsState({\n        toolbar: grid.toolbar,\n        collection: grid.collection,\n        renderSection,\n      })),\n  );\n\n  const { sections } = state;\n\n  useEffect(() => {\n    runInAction(() => {\n      if (renderSection) {\n        state.renderSection = renderSection;\n      }\n    });\n  }, [renderSection]);\n\n  if (!sections.length || showInitialLoader || showRefreshLoader) {\n    return <GridSingleGridContent {...props} state={state} />;\n  }\n\n  return (\n    <>\n      {sections.map((sectionDescriptor) => (\n        <GridSectionAndRepeater\n          {...props}\n          key={sectionDescriptor.section.id}\n          sectionDescriptor={sectionDescriptor}\n          state={state}\n        />\n      ))}\n    </>\n  );\n}\n\nexport const GridSectionsContent = observer(_GridSectionsContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_GridSectionsState","require","_mobxReactLite","_GridSectionAndRepeater","_react","_interopRequireWildcard","_mobx","_designSystem","_GridSectionsSingleSkeletonGrid","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionsContent","props","state","grid","renderSection","layoutType","toolbar","showInitialLoader","multi","showRefreshLoader","useState","_sections","GridSectionsState","collection","sections","useEffect","runInAction","child","length","createElement","GridSectionsSingleSkeletonGrid","_extends2","__self","__source","fileName","lineNumber","columnNumber","Fragment","map","sectionDescriptor","GridSectionAndRepeater","key","section","id","Box","direction","width","paddingTop","undefined","paddingBottom","GridSectionsContent","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"sourcesContent":["import { GridSectionsState, Section } from './GridSectionsState';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionAndRepeater } from './GridSectionAndRepeater';\nimport React, { useEffect, useState } from 'react';\nimport { GridContentBaseProps } from '../Grid/GridContent';\nimport { GridBaseState, ToolbarCollectionState } from '../../state';\nimport { runInAction } from 'mobx';\nimport { Box } from '@wix/design-system';\nimport { GridSectionsSingleSkeletonGrid } from './GridSectionsSingleSkeletonGrid';\n\nexport interface GridSectionsContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: {\n    toolbar: ToolbarCollectionState<T, F>;\n    collection: CollectionState<T, F>;\n    _grid?: GridBaseState<T, F>;\n    _sections?: GridSectionsState<T, F>;\n  };\n  renderSection?: (item: T) => Section;\n}\n\nfunction _GridSectionsContent<T, F extends FiltersMap>(\n  props: GridSectionsContentProps<T, F>,\n) {\n  const { state: grid, renderSection, layoutType } = props;\n\n  const { toolbar } = grid;\n\n  const {\n    showInitialLoader,\n    multi: { showRefreshLoader },\n  } = toolbar;\n\n  const [state] = useState(\n    () =>\n      (grid._sections ??= new GridSectionsState({\n        toolbar: grid.toolbar,\n        collection: grid.collection,\n        renderSection,\n      })),\n  );\n\n  const { sections } = state;\n\n  useEffect(() => {\n    runInAction(() => {\n      if (renderSection) {\n        state.renderSection = renderSection;\n      }\n    });\n  }, [renderSection]);\n\n  let child;\n\n  if (!sections.length || showInitialLoader || showRefreshLoader) {\n    child = <GridSectionsSingleSkeletonGrid {...props} state={state} />;\n  } else {\n    child = (\n      <>\n        {sections.map((sectionDescriptor) => (\n          <GridSectionAndRepeater\n            {...props}\n            key={sectionDescriptor.section.id}\n            sectionDescriptor={sectionDescriptor}\n            state={state}\n          />\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <Box\n      direction=\"vertical\"\n      width=\"100%\"\n      paddingTop={layoutType === 'list' ? 'SP2' : undefined}\n      paddingBottom={layoutType === 'list' ? 'SP2' : undefined}\n    >\n      {child}\n    </Box>\n  );\n}\n\nexport const GridSectionsContent = observer(_GridSectionsContent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/GridSections/GridSectionsSectionState.js

@@ -14,7 +14,9 @@ class GridSectionsSectionState {
     this.gridSections = params.gridSections;
     this.sectionDescriptor = params.sectionDescriptor;
     const {
-      imagePlacement
+      imagePlacement,
+      draggable,
+      layoutType
     } = params;
     const {
       toolbar
@@ -25,7 +27,9 @@ class GridSectionsSectionState {
       collection: toolbar.collection,
       sizePreset: imagePlacement ? _state.gridSizePresets[imagePlacement] : _state.topGridSizePreset,
       range: params.sectionDescriptor.range,
-      parentState: this.gridSections
+      parentState: this.gridSections,
+      layoutType,
+      draggable
     });
     (0, _mobx.makeObservable)(this, {
       isLast: _mobx.computed

package/dist/cjs/components/GridSections/GridSectionsSectionState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_state","require","_mobx","GridSectionsSectionState","constructor","params","_defineProperty2","default","gridSections","sectionDescriptor","imagePlacement","toolbar","gridBase","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","range","parentState","makeObservable","isLast","computed","_sections","section","sections","length","id","exports"],"sources":["../../../../src/components/GridSections/GridSectionsSectionState.ts"],"sourcesContent":["import {\n  GridBaseState,\n  gridSizePresets,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface GridSectionsSectionStateParams<T, F extends FiltersMap> {\n  readonly imagePlacement?: 'side' | 'top';\n  readonly gridSections: GridSectionsState<T, F>;\n  readonly sectionDescriptor: SectionRange;\n}\n\nexport class GridSectionsSectionState<T, F extends FiltersMap> {\n  gridBase;\n  gridSections;\n  sectionDescriptor;\n\n  constructor(params: GridSectionsSectionStateParams<T, F>) {\n    this.gridSections = params.gridSections;\n    this.sectionDescriptor = params.sectionDescriptor;\n    const { imagePlacement } = params;\n    const { toolbar } = this.gridSections;\n    this.gridBase = new GridBaseState({\n      container: toolbar.container,\n      toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n      collection: toolbar.collection,\n      sizePreset: imagePlacement\n        ? gridSizePresets[imagePlacement]\n        : topGridSizePreset,\n      range: params.sectionDescriptor.range,\n      parentState: this.gridSections,\n    });\n\n    makeObservable(this, {\n      isLast: computed,\n    });\n  }\n\n  get isLast() {\n    const {\n      sectionDescriptor: { section },\n      gridSections: { sections },\n    } = this;\n    return sections[sections.length - 1]?.section.id === section.id;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAD,OAAA;AAQO,MAAME,wBAAwB,CAA0B;EAK7DC,WAAWA,CAACC,MAA4C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACxD,IAAI,CAACC,YAAY,GAAGH,MAAM,CAACG,YAAY;IACvC,IAAI,CAACC,iBAAiB,GAAGJ,MAAM,CAACI,iBAAiB;IACjD,MAAM;MAAEC;IAAe,CAAC,GAAGL,MAAM;IACjC,MAAM;MAAEM;IAAQ,CAAC,GAAG,IAAI,CAACH,YAAY;IACrC,IAAI,CAACI,QAAQ,GAAG,IAAIC,oBAAa,CAAC;MAChCC,SAAS,EAAEH,OAAO,CAACG,SAAS;MAC5BH,OAAO,EAAEA,OAAsD;MAC/DI,UAAU,EAAEJ,OAAO,CAACI,UAAU;MAC9BC,UAAU,EAAEN,cAAc,GACtBO,sBAAe,CAACP,cAAc,CAAC,GAC/BQ,wBAAiB;MACrBC,KAAK,EAAEd,MAAM,CAACI,iBAAiB,CAACU,KAAK;MACrCC,WAAW,EAAE,IAAI,CAACZ;IACpB,CAAC,CAAC;IAEF,IAAAa,oBAAc,EAAC,IAAI,EAAE;MACnBC,MAAM,EAAEC;IACV,CAAC,CAAC;EACJ;EAEA,IAAID,MAAMA,CAAA,EAAG;IAAA,IAAAE,SAAA;IACX,MAAM;MACJf,iBAAiB,EAAE;QAAEgB;MAAQ,CAAC;MAC9BjB,YAAY,EAAE;QAAEkB;MAAS;IAC3B,CAAC,GAAG,IAAI;IACR,OAAO,EAAAF,SAAA,GAAAE,QAAQ,CAACA,QAAQ,CAACC,MAAM,GAAG,CAAC,CAAC,qBAA7BH,SAAA,CAA+BC,OAAO,CAACG,EAAE,MAAKH,OAAO,CAACG,EAAE;EACjE;AACF;AAACC,OAAA,CAAA1B,wBAAA,GAAAA,wBAAA","ignoreList":[]}
+{"version":3,"names":["_state","require","_mobx","GridSectionsSectionState","constructor","params","_defineProperty2","default","gridSections","sectionDescriptor","imagePlacement","draggable","layoutType","toolbar","gridBase","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","range","parentState","makeObservable","isLast","computed","_sections","section","sections","length","id","exports"],"sources":["../../../../src/components/GridSections/GridSectionsSectionState.ts"],"sourcesContent":["import {\n  GridBaseState,\n  gridSizePresets,\n  LayoutType,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface GridSectionsSectionStateParams<T, F extends FiltersMap> {\n  readonly imagePlacement?: 'side' | 'top';\n  readonly gridSections: GridSectionsState<T, F>;\n  readonly sectionDescriptor: SectionRange;\n  readonly layoutType: LayoutType | undefined;\n  readonly draggable?: 'none' | 'draggable';\n}\n\nexport class GridSectionsSectionState<T, F extends FiltersMap> {\n  gridBase;\n  gridSections;\n  sectionDescriptor;\n\n  constructor(params: GridSectionsSectionStateParams<T, F>) {\n    this.gridSections = params.gridSections;\n    this.sectionDescriptor = params.sectionDescriptor;\n    const { imagePlacement, draggable, layoutType } = params;\n    const { toolbar } = this.gridSections;\n    this.gridBase = new GridBaseState({\n      container: toolbar.container,\n      toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n      collection: toolbar.collection,\n      sizePreset: imagePlacement\n        ? gridSizePresets[imagePlacement]\n        : topGridSizePreset,\n      range: params.sectionDescriptor.range,\n      parentState: this.gridSections,\n      layoutType,\n      draggable,\n    });\n\n    makeObservable(this, {\n      isLast: computed,\n    });\n  }\n\n  get isLast() {\n    const {\n      sectionDescriptor: { section },\n      gridSections: { sections },\n    } = this;\n    return sections[sections.length - 1]?.section.id === section.id;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,KAAA,GAAAD,OAAA;AAUO,MAAME,wBAAwB,CAA0B;EAK7DC,WAAWA,CAACC,MAA4C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACxD,IAAI,CAACC,YAAY,GAAGH,MAAM,CAACG,YAAY;IACvC,IAAI,CAACC,iBAAiB,GAAGJ,MAAM,CAACI,iBAAiB;IACjD,MAAM;MAAEC,cAAc;MAAEC,SAAS;MAAEC;IAAW,CAAC,GAAGP,MAAM;IACxD,MAAM;MAAEQ;IAAQ,CAAC,GAAG,IAAI,CAACL,YAAY;IACrC,IAAI,CAACM,QAAQ,GAAG,IAAIC,oBAAa,CAAC;MAChCC,SAAS,EAAEH,OAAO,CAACG,SAAS;MAC5BH,OAAO,EAAEA,OAAsD;MAC/DI,UAAU,EAAEJ,OAAO,CAACI,UAAU;MAC9BC,UAAU,EAAER,cAAc,GACtBS,sBAAe,CAACT,cAAc,CAAC,GAC/BU,wBAAiB;MACrBC,KAAK,EAAEhB,MAAM,CAACI,iBAAiB,CAACY,KAAK;MACrCC,WAAW,EAAE,IAAI,CAACd,YAAY;MAC9BI,UAAU;MACVD;IACF,CAAC,CAAC;IAEF,IAAAY,oBAAc,EAAC,IAAI,EAAE;MACnBC,MAAM,EAAEC;IACV,CAAC,CAAC;EACJ;EAEA,IAAID,MAAMA,CAAA,EAAG;IAAA,IAAAE,SAAA;IACX,MAAM;MACJjB,iBAAiB,EAAE;QAAEkB;MAAQ,CAAC;MAC9BnB,YAAY,EAAE;QAAEoB;MAAS;IAC3B,CAAC,GAAG,IAAI;IACR,OAAO,EAAAF,SAAA,GAAAE,QAAQ,CAACA,QAAQ,CAACC,MAAM,GAAG,CAAC,CAAC,qBAA7BH,SAAA,CAA+BC,OAAO,CAACG,EAAE,MAAKH,OAAO,CAACG,EAAE;EACjE;AACF;AAACC,OAAA,CAAA5B,wBAAA,GAAAA,wBAAA","ignoreList":[]}

package/dist/cjs/components/GridSections/GridSectionsSingleSkeletonGrid.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridSectionsSingleSkeletonGrid = GridSectionsSingleSkeletonGrid;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _state = require("../../state");
+var _react = _interopRequireWildcard(require("react"));
+var _GridContent = require("../Grid/GridContent");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridSections/GridSectionsSingleSkeletonGrid.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 GridSectionsSingleSkeletonGrid(props) {
+  const {
+    range,
+    imagePlacement,
+    state: parentState,
+    layoutType
+  } = props;
+  const {
+    toolbar,
+    collection
+  } = parentState;
+  const [state] = (0, _react.useState)(() => new _state.GridBaseState({
+    container: toolbar.container,
+    toolbar: toolbar,
+    collection,
+    sizePreset: imagePlacement ? _state.gridSizePresets[imagePlacement] : _state.topGridSizePreset,
+    range,
+    parentState,
+    layoutType
+  }));
+  return /*#__PURE__*/_react.default.createElement(_GridContent.GridContent, (0, _extends2.default)({}, props, {
+    paddingTop: layoutType === 'list' ? 'SP2' : 'SP4',
+    state: state,
+    withInfiniteScrollLoader: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 5
+    }
+  }));
+}
+//# sourceMappingURL=GridSectionsSingleSkeletonGrid.js.map

package/dist/cjs/components/GridSections/GridSectionsSingleSkeletonGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_state","require","_react","_interopRequireWildcard","_GridContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GridSectionsSingleSkeletonGrid","props","range","imagePlacement","state","parentState","layoutType","toolbar","collection","useState","GridBaseState","container","sizePreset","gridSizePresets","topGridSizePreset","createElement","GridContent","_extends2","paddingTop","withInfiniteScrollLoader","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/GridSections/GridSectionsSingleSkeletonGrid.tsx"],"sourcesContent":["import { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport React, { useState } from 'react';\nimport { GridContent, GridContentBaseProps } from '../Grid/GridContent';\n\nexport interface GridSectionsSingleSkeletonGridProps<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}\n\nexport function GridSectionsSingleSkeletonGrid<\n  T,\n  F extends FiltersMap = FiltersMap,\n>(props: GridSectionsSingleSkeletonGridProps<T, F>) {\n  const { range, imagePlacement, state: parentState, layoutType } = props;\n\n  const { toolbar, collection } = parentState;\n\n  const [state] = useState(\n    () =>\n      new GridBaseState({\n        container: toolbar.container,\n        toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n        collection,\n        sizePreset: imagePlacement\n          ? gridSizePresets[imagePlacement]\n          : topGridSizePreset,\n        range,\n        parentState,\n        layoutType,\n      }),\n  );\n\n  return (\n    <GridContent\n      {...props}\n      paddingTop={layoutType === 'list' ? 'SP2' : 'SP4'}\n      state={state}\n      withInfiniteScrollLoader\n    />\n  );\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAwE,IAAAI,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,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;AAYjE,SAASW,8BAA8BA,CAG5CC,KAAgD,EAAE;EAClD,MAAM;IAAEC,KAAK;IAAEC,cAAc;IAAEC,KAAK,EAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGL,KAAK;EAEvE,MAAM;IAAEM,OAAO;IAAEC;EAAW,CAAC,GAAGH,WAAW;EAE3C,MAAM,CAACD,KAAK,CAAC,GAAG,IAAAK,eAAQ,EACtB,MACE,IAAIC,oBAAa,CAAC;IAChBC,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BJ,OAAO,EAAEA,OAAsD;IAC/DC,UAAU;IACVI,UAAU,EAAET,cAAc,GACtBU,sBAAe,CAACV,cAAc,CAAC,GAC/BW,wBAAiB;IACrBZ,KAAK;IACLG,WAAW;IACXC;EACF,CAAC,CACL,CAAC;EAED,oBACE9B,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAACrC,YAAA,CAAAsC,WAAW,MAAAC,SAAA,CAAA/B,OAAA,MACNe,KAAK;IACTiB,UAAU,EAAEZ,UAAU,KAAK,MAAM,GAAG,KAAK,GAAG,KAAM;IAClDF,KAAK,EAAEA,KAAM;IACbe,wBAAwB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzB,CAAC;AAEN","ignoreList":[]}