@wix/patterns 1.11.0 → 1.13.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/GridSections/GridSectionAndRepeater.js

@@ -4,22 +4,30 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.GridSectionAndRepeater = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
 var _GridContent = require("../Grid/GridContent");
 var _GridSectionHeader = require("./GridSectionHeader");
+var _GridSectionsSectionState = require("./GridSectionsSectionState");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridSections/GridSectionAndRepeater.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 _GridSectionAndRepeater(props) {
   const {
     sectionDescriptor,
-    state
+    imagePlacement,
+    layoutType
   } = props;
   const {
-    section,
     range
   } = sectionDescriptor;
-  const isLast = state.sections[state.sections.length - 1].section.id === section.id;
+  const [state] = (0, _react.useState)(() => new _GridSectionsSectionState.GridSectionsSectionState({
+    gridSections: props.state,
+    sectionDescriptor,
+    imagePlacement,
+    layoutType
+  }));
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     width: "100%",
@@ -27,7 +35,7 @@ function _GridSectionAndRepeater(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 34,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_GridSectionHeader.GridSectionHeader, {
@@ -36,17 +44,18 @@ function _GridSectionAndRepeater(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 32,
+      lineNumber: 35,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_GridContent.GridContent, (0, _extends2.default)({}, props, {
+    paddingTop: layoutType === 'list' ? undefined : 'SP4',
     range: range,
-    state: state,
-    withInfiniteScrollLoader: isLast,
+    state: state.gridBase,
+    withInfiniteScrollLoader: state.isLast,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 37,
       columnNumber: 7
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_GridContent","_GridSectionHeader","_jsxFileName","_GridSectionAndRepeater","props","sectionDescriptor","state","section","range","isLast","sections","length","id","default","createElement","Box","direction","width","dataHook","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","GridContent","_extends2","withInfiniteScrollLoader","GridSectionAndRepeater","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionAndRepeater.tsx"],"sourcesContent":["import React 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 { SupportedCardGalleryItemProps } from '../Grid/SupportedCardGalleryItemProps';\nimport { GridContent } from '../Grid/GridContent';\nimport { GridSectionHeader } from './GridSectionHeader';\n\nexport interface GridSectionAndRepeaterProps<T, F extends FiltersMap> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsState<T, F>;\n  preset?: 'full' | 'title' | 'empty';\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n}\n\nfunction _GridSectionAndRepeater<T, F extends FiltersMap>(\n  props: GridSectionAndRepeaterProps<T, F>,\n) {\n  const { sectionDescriptor, state } = props;\n\n  const { section, range } = sectionDescriptor;\n\n  const isLast =\n    state.sections[state.sections.length - 1].section.id === section.id;\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}\n        withInfiniteScrollLoader={isLast}\n      />\n    </Box>\n  );\n}\n\nexport const GridSectionAndRepeater = observer(_GridSectionAndRepeater);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAAwD,IAAAK,YAAA;AAYxD,SAASC,uBAAuBA,CAC9BC,KAAwC,EACxC;EACA,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE1C,MAAM;IAAEG,OAAO;IAAEC;EAAM,CAAC,GAAGH,iBAAiB;EAE5C,MAAMI,MAAM,GACVH,KAAK,CAACI,QAAQ,CAACJ,KAAK,CAACI,QAAQ,CAACC,MAAM,GAAG,CAAC,CAAC,CAACJ,OAAO,CAACK,EAAE,KAAKL,OAAO,CAACK,EAAE;EAErE,oBACEjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,MAAM;IAACC,QAAQ,EAAC,2BAA2B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzE5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,kBAAA,CAAAuB,iBAAiB;IAACnB,iBAAiB,EAAEA,iBAAkB;IAACC,KAAK,EAAEA,KAAM;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAEzE5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,YAAA,CAAAyB,WAAW,MAAAC,SAAA,CAAAb,OAAA,MACNT,KAAK;IACTI,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEA,KAAM;IACbqB,wBAAwB,EAAElB,MAAO;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAClC,CACE,CAAC;AAEV;AAEO,MAAMK,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAAC3B,uBAAuB,CAAC","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","range","state","useState","GridSectionsSectionState","gridSections","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 } = 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      }),\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

@@ -10,30 +10,37 @@ var _GridSectionHeaderActionBar = require("./GridSectionHeaderActionBar");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridSections/GridSectionHeader.tsx";
 function _GridSectionHeader(props) {
   const {
-    sectionDescriptor
+    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: props.state,
+      state: state,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
-        columnNumber: 9
+        lineNumber: 32,
+        columnNumber: 15
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      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","section","default","createElement","SectionHeader","dataHook","title","skin","divider","suffix","GridSectionHeaderActionBar","state","__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 { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionHeaderActionBar } from './GridSectionHeaderActionBar';\n\nexport interface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>(\n  props: GridSectionHeaderProps<T, F>,\n) {\n  const { sectionDescriptor } = 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={\n        <GridSectionHeaderActionBar section={section} state={props.state} />\n      }\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;AAO1E,SAASC,kBAAkBA,CACzBC,KAAmC,EACnC;EACA,MAAM;IAAEC;EAAkB,CAAC,GAAGD,KAAK;EAEnC,MAAM;IAAEE;EAAQ,CAAC,GAAGD,iBAAiB;EAErC,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,aAAa;IACZC,QAAQ,EAAC,qBAAqB;IAC9BC,KAAK,EAAEL,OAAO,CAACK,KAAM;IACrBC,IAAI,EAAC,SAAS;IACdC,OAAO,EAAC,MAAM;IACdC,MAAM,eACJhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,2BAAA,CAAAc,0BAA0B;MAACT,OAAO,EAAEA,OAAQ;MAACU,KAAK,EAAEZ,KAAK,CAACY,KAAM;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACpE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,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/GridSectionHeaderActionBar.js

@@ -14,8 +14,10 @@ function GridSectionHeaderActionBar(props) {
       ...section
     },
     state: {
-      toolbar: {
-        toolbarBIReporter
+      gridSections: {
+        toolbar: {
+          toolbarBIReporter
+        }
       }
     }
   } = props;
@@ -32,7 +34,7 @@ function GridSectionHeaderActionBar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 37,
       columnNumber: 5
     }
   }, primaryAction && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -43,7 +45,7 @@ function GridSectionHeaderActionBar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 39,
       columnNumber: 9
     }
   }, primaryAction.label));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_bi","_jsxFileName","GridSectionHeaderActionBar","props","section","primaryAction","state","toolbar","toolbarBIReporter","onClickWithBi","reportBi","wixPatternsSectionHeaderPrimaryActionClicked","sectionId","id","cta","componentType","onClick","default","createElement","Box","direction","__self","__source","fileName","lineNumber","columnNumber","TextButton","prefixIcon","dataHook","size","label"],"sources":["../../../../src/components/GridSections/GridSectionHeaderActionBar.tsx"],"sourcesContent":["import { Box, TextButton } from '@wix/design-system';\nimport React from 'react';\nimport { GridSectionsState, Section } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { wixPatternsSectionHeaderPrimaryActionClicked } from '@wix/bex-core/bi';\n\nexport interface GridSectionHeaderActionBarProps<T, F extends FiltersMap> {\n  section: Section;\n  state: GridSectionsState<T, F>;\n}\n\nexport function GridSectionHeaderActionBar<T, F extends FiltersMap>(\n  props: GridSectionHeaderActionBarProps<T, F>,\n) {\n  const {\n    section: { primaryAction, ...section },\n    state: {\n      toolbar: { toolbarBIReporter },\n    },\n  } = props;\n\n  const onClickWithBi = () => {\n    toolbarBIReporter.reportBi(\n      wixPatternsSectionHeaderPrimaryActionClicked({\n        sectionId: section.id,\n        cta: primaryAction?.id,\n        componentType: 'GridSections',\n      }),\n    );\n\n    primaryAction?.onClick?.();\n  };\n  return (\n    <Box direction=\"horizontal\">\n      {primaryAction && (\n        <TextButton\n          prefixIcon={primaryAction.prefixIcon}\n          dataHook=\"grid-section-header-primary-action\"\n          onClick={onClickWithBi}\n          size=\"small\"\n        >\n          {primaryAction.label}\n        </TextButton>\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,GAAA,GAAAH,OAAA;AAAgF,IAAAI,YAAA;AAOzE,SAASC,0BAA0BA,CACxCC,KAA4C,EAC5C;EACA,MAAM;IACJC,OAAO,EAAE;MAAEC,aAAa;MAAE,GAAGD;IAAQ,CAAC;IACtCE,KAAK,EAAE;MACLC,OAAO,EAAE;QAAEC;MAAkB;IAC/B;EACF,CAAC,GAAGL,KAAK;EAET,MAAMM,aAAa,GAAGA,CAAA,KAAM;IAC1BD,iBAAiB,CAACE,QAAQ,CACxB,IAAAC,gDAA4C,EAAC;MAC3CC,SAAS,EAAER,OAAO,CAACS,EAAE;MACrBC,GAAG,EAAET,aAAa,oBAAbA,aAAa,CAAEQ,EAAE;MACtBE,aAAa,EAAE;IACjB,CAAC,CACH,CAAC;IAEDV,aAAa,YAAbA,aAAa,CAAEW,OAAO,YAAtBX,aAAa,CAAEW,OAAO,CAAG,CAAC;EAC5B,CAAC;EACD,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAuB,GAAG;IAACC,SAAS,EAAC,YAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxBpB,aAAa,iBACZP,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA8B,UAAU;IACTC,UAAU,EAAEtB,aAAa,CAACsB,UAAW;IACrCC,QAAQ,EAAC,oCAAoC;IAC7CZ,OAAO,EAAEP,aAAc;IACvBoB,IAAI,EAAC,OAAO;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXpB,aAAa,CAACyB,KACL,CAEX,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_bi","_jsxFileName","GridSectionHeaderActionBar","props","section","primaryAction","state","gridSections","toolbar","toolbarBIReporter","onClickWithBi","reportBi","wixPatternsSectionHeaderPrimaryActionClicked","sectionId","id","cta","componentType","onClick","default","createElement","Box","direction","__self","__source","fileName","lineNumber","columnNumber","TextButton","prefixIcon","dataHook","size","label"],"sources":["../../../../src/components/GridSections/GridSectionHeaderActionBar.tsx"],"sourcesContent":["import { Box, TextButton } from '@wix/design-system';\nimport React from 'react';\nimport { Section } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { wixPatternsSectionHeaderPrimaryActionClicked } from '@wix/bex-core/bi';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\n\nexport interface GridSectionHeaderActionBarProps<T, F extends FiltersMap> {\n  section: Section;\n  state: GridSectionsSectionState<T, F>;\n}\n\nexport function GridSectionHeaderActionBar<T, F extends FiltersMap>(\n  props: GridSectionHeaderActionBarProps<T, F>,\n) {\n  const {\n    section: { primaryAction, ...section },\n    state: {\n      gridSections: {\n        toolbar: { toolbarBIReporter },\n      },\n    },\n  } = props;\n\n  const onClickWithBi = () => {\n    toolbarBIReporter.reportBi(\n      wixPatternsSectionHeaderPrimaryActionClicked({\n        sectionId: section.id,\n        cta: primaryAction?.id,\n        componentType: 'GridSections',\n      }),\n    );\n\n    primaryAction?.onClick?.();\n  };\n  return (\n    <Box direction=\"horizontal\">\n      {primaryAction && (\n        <TextButton\n          prefixIcon={primaryAction.prefixIcon}\n          dataHook=\"grid-section-header-primary-action\"\n          onClick={onClickWithBi}\n          size=\"small\"\n        >\n          {primaryAction.label}\n        </TextButton>\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,GAAA,GAAAH,OAAA;AAAgF,IAAAI,YAAA;AAQzE,SAASC,0BAA0BA,CACxCC,KAA4C,EAC5C;EACA,MAAM;IACJC,OAAO,EAAE;MAAEC,aAAa;MAAE,GAAGD;IAAQ,CAAC;IACtCE,KAAK,EAAE;MACLC,YAAY,EAAE;QACZC,OAAO,EAAE;UAAEC;QAAkB;MAC/B;IACF;EACF,CAAC,GAAGN,KAAK;EAET,MAAMO,aAAa,GAAGA,CAAA,KAAM;IAC1BD,iBAAiB,CAACE,QAAQ,CACxB,IAAAC,gDAA4C,EAAC;MAC3CC,SAAS,EAAET,OAAO,CAACU,EAAE;MACrBC,GAAG,EAAEV,aAAa,oBAAbA,aAAa,CAAES,EAAE;MACtBE,aAAa,EAAE;IACjB,CAAC,CACH,CAAC;IAEDX,aAAa,YAAbA,aAAa,CAAEY,OAAO,YAAtBZ,aAAa,CAAEY,OAAO,CAAG,CAAC;EAC5B,CAAC;EACD,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAwB,GAAG;IAACC,SAAS,EAAC,YAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxBrB,aAAa,iBACZP,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAA+B,UAAU;IACTC,UAAU,EAAEvB,aAAa,CAACuB,UAAW;IACrCC,QAAQ,EAAC,oCAAoC;IAC7CZ,OAAO,EAAEP,aAAc;IACvBoB,IAAI,EAAC,OAAO;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXrB,aAAa,CAAC0B,KACL,CAEX,CAAC;AAEV","ignoreList":[]}

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

@@ -8,15 +8,17 @@ var _GridSectionsState = require("./GridSectionsState");
 var _mobxReactLite = require("mobx-react-lite");
 var _GridSectionAndRepeater = require("./GridSectionAndRepeater");
 var _react = _interopRequireWildcard(require("react"));
-var _GridContent = require("../Grid/GridContent");
 var _mobx = require("mobx");
+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(_GridContent.GridContent, (0, _extends2.default)({}, props, {
+    child = /*#__PURE__*/_react.default.createElement(_GridSectionsSingleSkeletonGrid.GridSectionsSingleSkeletonGrid, (0, _extends2.default)({}, props, {
       state: state,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
-        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: 59,
-      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","_GridContent","_mobx","_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","GridContent","_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 { GridContent, GridContentBaseProps } from '../Grid/GridContent';\nimport { GridBaseState, ToolbarCollectionState } from '../../state';\nimport { runInAction } from 'mobx';\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 <GridContent {...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":";;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAGA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,+BAAA,GAAAP,OAAA;AAAkF,IAAAQ,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,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;AAalF,SAASW,oBAAoBA,CAC3BC,KAAqC,EACrC;EACA,MAAM;IAAEC,KAAK,EAAEC,IAAI;IAAEC,aAAa;IAAEC;EAAW,CAAC,GAAGJ,KAAK;EAExD,MAAM;IAAEK;EAAQ,CAAC,GAAGH,IAAI;EAExB,MAAM;IACJI,iBAAiB;IACjBC,KAAK,EAAE;MAAEC;IAAkB;EAC7B,CAAC,GAAGH,OAAO;EAEX,MAAM,CAACJ,KAAK,CAAC,GAAG,IAAAQ,eAAQ,EACtB,MACGP,IAAI,CAACQ,SAAS,KAAdR,IAAI,CAACQ,SAAS,GAAK,IAAIC,oCAAiB,CAAC;IACxCN,OAAO,EAAEH,IAAI,CAACG,OAAO;IACrBO,UAAU,EAAEV,IAAI,CAACU,UAAU;IAC3BT;EACF,CAAC,CAAC,CACN,CAAC;EAED,MAAM;IAAEU;EAAS,CAAC,GAAGZ,KAAK;EAE1B,IAAAa,gBAAS,EAAC,MAAM;IACd,IAAAC,iBAAW,EAAC,MAAM;MAChB,IAAIZ,aAAa,EAAE;QACjBF,KAAK,CAACE,aAAa,GAAGA,aAAa;MACrC;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,IAAIa,KAAK;EAET,IAAI,CAACH,QAAQ,CAACI,MAAM,IAAIX,iBAAiB,IAAIE,iBAAiB,EAAE;IAC9DQ,KAAK,gBAAG3C,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACzC,+BAAA,CAAA0C,8BAA8B,MAAAC,SAAA,CAAAnC,OAAA,MAAKe,KAAK;MAAEC,KAAK,EAAEA,KAAM;MAAAoB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7C,YAAA;QAAA8C,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAE,CAAC;EACrE,CAAC,MAAM;IACLT,KAAK,gBACH3C,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAAA7C,MAAA,CAAAY,OAAA,CAAAyC,QAAA,QACGb,QAAQ,CAACc,GAAG,CAAEC,iBAAiB,iBAC9BvD,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAAC9C,uBAAA,CAAAyD,sBAAsB,MAAAT,SAAA,CAAAnC,OAAA,MACjBe,KAAK;MACT8B,GAAG,EAAEF,iBAAiB,CAACG,OAAO,CAACC,EAAG;MAClCJ,iBAAiB,EAAEA,iBAAkB;MACrC3B,KAAK,EAAEA,KAAM;MAAAoB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7C,YAAA;QAAA8C,UAAA;QAAAC,YAAA;MAAA;IAAA,EACd,CACF,CACD,CACH;EACH;EAEA,oBACEpD,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAAC1C,aAAA,CAAAyD,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,KAAK,EAAC,MAAM;IACZC,UAAU,EAAEhC,UAAU,KAAK,MAAM,GAAG,KAAK,GAAGiC,SAAU;IACtDC,aAAa,EAAElC,UAAU,KAAK,MAAM,GAAG,KAAK,GAAGiC,SAAU;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7C,YAAA;MAAA8C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExDT,KACE,CAAC;AAEV;AAEO,MAAMuB,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAAC1C,oBAAoB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridSectionsSectionState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _state = require("../../state");
+var _mobx = require("mobx");
+class GridSectionsSectionState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "gridBase", void 0);
+    (0, _defineProperty2.default)(this, "gridSections", void 0);
+    (0, _defineProperty2.default)(this, "sectionDescriptor", void 0);
+    this.gridSections = params.gridSections;
+    this.sectionDescriptor = params.sectionDescriptor;
+    const {
+      imagePlacement
+    } = params;
+    const {
+      toolbar
+    } = this.gridSections;
+    this.gridBase = new _state.GridBaseState({
+      container: toolbar.container,
+      toolbar: toolbar,
+      collection: toolbar.collection,
+      sizePreset: imagePlacement ? _state.gridSizePresets[imagePlacement] : _state.topGridSizePreset,
+      range: params.sectionDescriptor.range,
+      parentState: this.gridSections,
+      layoutType: params.layoutType
+    });
+    (0, _mobx.makeObservable)(this, {
+      isLast: _mobx.computed
+    });
+  }
+  get isLast() {
+    var _sections;
+    const {
+      sectionDescriptor: {
+        section
+      },
+      gridSections: {
+        sections
+      }
+    } = this;
+    return ((_sections = sections[sections.length - 1]) == null ? void 0 : _sections.section.id) === section.id;
+  }
+}
+exports.GridSectionsSectionState = GridSectionsSectionState;
+//# sourceMappingURL=GridSectionsSectionState.js.map

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

@@ -0,0 +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","layoutType","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}\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      layoutType: params.layoutType,\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;AASO,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,YAAY;MAC9Ba,UAAU,EAAEhB,MAAM,CAACgB;IACrB,CAAC,CAAC;IAEF,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,MAAM,EAAEC;IACV,CAAC,CAAC;EACJ;EAEA,IAAID,MAAMA,CAAA,EAAG;IAAA,IAAAE,SAAA;IACX,MAAM;MACJhB,iBAAiB,EAAE;QAAEiB;MAAQ,CAAC;MAC9BlB,YAAY,EAAE;QAAEmB;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,CAAA3B,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":[]}

package/dist/cjs/components/Heading/Heading.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Heading1302236471";
+var _namespace_ = "Heading692330748";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Heading1302236471__root"
+  "root": "Heading692330748__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading1302236471\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading1302236471__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading692330748\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading692330748__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwB,CAAC;AAC/C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/InfiniteScrollLoader/SkeletonInfiniteScrollLoader.js

@@ -1,52 +1,29 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.SkeletonInfiniteScrollLoader = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _InfiniteScrollLoaderBase = require("./InfiniteScrollLoaderBase");
 var _SkeletonGrid = require("../SkeletonGrid");
-var _SkeletonTopImageCard = require("../SkeletonGrid/SkeletonTopImageCard");
 var _designSystem = require("@wix/design-system");
-var _SkeletonSideImageCard = require("../SkeletonGrid/SkeletonSideImageCard");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/InfiniteScrollLoader/SkeletonInfiniteScrollLoader.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 _SkeletonInfiniteScrollLoader({
   state,
   targetRef,
-  dataHook,
-  imagePlacement
+  dataHook
 }) {
   const {
     contentPaddingPx
   } = state.toolbar;
-  const renderItem = (0, _react.useCallback)(() => {
-    return imagePlacement === 'side' ? /*#__PURE__*/_react.default.createElement(_SkeletonSideImageCard.SkeletonSideImageCard, {
-      state: state,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 28,
-        columnNumber: 7
-      }
-    }) : /*#__PURE__*/_react.default.createElement(_SkeletonTopImageCard.SkeletonTopImageCard, {
-      state: state,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 30,
-        columnNumber: 7
-      }
-    });
-  }, [imagePlacement]);
   return /*#__PURE__*/_react.default.createElement(_InfiniteScrollLoaderBase.InfiniteScrollLoaderBase, {
     state: state.collection,
     targetRef: targetRef,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 23,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -55,16 +32,15 @@ function _SkeletonInfiniteScrollLoader({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 24,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_SkeletonGrid.SkeletonGrid, {
     state: state,
-    renderItem: renderItem,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 25,
       columnNumber: 9
     }
   })));