@wix/patterns 1.11.0 → 1.12.0

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

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridSingleGridContent = GridSingleGridContent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _state = require("../../state");
+var _GridContent = require("./GridContent");
+var _react = _interopRequireWildcard(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridSingleGridContent.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 GridSingleGridContent(props) {
+  const {
+    range,
+    imagePlacement,
+    state: parentState
+  } = 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
+  }));
+  return /*#__PURE__*/_react.default.createElement(_GridContent.GridContent, (0, _extends2.default)({}, props, {
+    state: state,
+    withInfiniteScrollLoader: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 42,
+      columnNumber: 10
+    }
+  }));
+}
+//# sourceMappingURL=GridSingleGridContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_state","require","_GridContent","_react","_interopRequireWildcard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GridSingleGridContent","props","range","imagePlacement","state","parentState","toolbar","collection","useState","GridBaseState","container","sizePreset","gridSizePresets","topGridSizePreset","createElement","GridContent","_extends2","withInfiniteScrollLoader","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Grid/GridSingleGridContent.tsx"],"sourcesContent":["import { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { GridContent, GridContentBaseProps } from './GridContent';\nimport React, { useState } from 'react';\n\nexport interface GridSingleGridContentProps<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 GridSingleGridContent<T, F extends FiltersMap = FiltersMap>(\n  props: GridSingleGridContentProps<T, F>,\n) {\n  const { range, imagePlacement, state: parentState } = 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      }),\n  );\n\n  return <GridContent {...props} state={state} withInfiniteScrollLoader />;\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AAAwC,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,SAAAH,wBAAAG,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;AAYjC,SAASW,qBAAqBA,CACnCC,KAAuC,EACvC;EACA,MAAM;IAAEC,KAAK;IAAEC,cAAc;IAAEC,KAAK,EAAEC;EAAY,CAAC,GAAGJ,KAAK;EAE3D,MAAM;IAAEK,OAAO;IAAEC;EAAW,CAAC,GAAGF,WAAW;EAE3C,MAAM,CAACD,KAAK,CAAC,GAAG,IAAAI,eAAQ,EACtB,MACE,IAAIC,oBAAa,CAAC;IAChBC,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BJ,OAAO,EAAEA,OAAsD;IAC/DC,UAAU;IACVI,UAAU,EAAER,cAAc,GACtBS,sBAAe,CAACT,cAAc,CAAC,GAC/BU,wBAAiB;IACrBX,KAAK;IACLG;EACF,CAAC,CACL,CAAC;EAED,oBAAO5B,MAAA,CAAAS,OAAA,CAAA4B,aAAA,CAACtC,YAAA,CAAAuC,WAAW,MAAAC,SAAA,CAAA9B,OAAA,MAAKe,KAAK;IAAEG,KAAK,EAAEA,KAAM;IAACa,wBAAwB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAAC;AAC1E","ignoreList":[]}

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

@@ -4,22 +4,28 @@ 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
   } = 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
+  }));
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     width: "100%",
@@ -27,7 +33,7 @@ function _GridSectionAndRepeater(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 33,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_GridSectionHeader.GridSectionHeader, {
@@ -36,17 +42,17 @@ function _GridSectionAndRepeater(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 32,
+      lineNumber: 34,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_GridContent.GridContent, (0, _extends2.default)({}, props, {
     range: range,
-    state: state,
-    withInfiniteScrollLoader: isLast,
+    state: state.gridBase,
+    withInfiniteScrollLoader: state.isLast,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 36,
       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","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":[]}

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

@@ -10,7 +10,8 @@ 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 {
     section
@@ -22,18 +23,18 @@ function _GridSectionHeader(props) {
     divider: "none",
     suffix: /*#__PURE__*/_react.default.createElement(_GridSectionHeaderActionBar.GridSectionHeaderActionBar, {
       section: section,
-      state: props.state,
+      state: state,
       __self: this,
       __source: {
         fileName: _jsxFileName,
         lineNumber: 27,
-        columnNumber: 9
+        columnNumber: 15
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 22,
       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","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":[]}

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,8 +8,8 @@ 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 _GridSingleGridContent = require("../Grid/GridSingleGridContent");
 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; }
@@ -43,12 +43,12 @@ function _GridSectionsContent(props) {
     });
   }, [renderSection]);
   if (!sections.length || showInitialLoader || showRefreshLoader) {
-    return /*#__PURE__*/_react.default.createElement(_GridContent.GridContent, (0, _extends2.default)({}, props, {
+    return /*#__PURE__*/_react.default.createElement(_GridSingleGridContent.GridSingleGridContent, (0, _extends2.default)({}, props, {
       state: state,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 54,
         columnNumber: 12
       }
     }));
@@ -60,7 +60,7 @@ function _GridSectionsContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 60,
       columnNumber: 9
     }
   }))));

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","_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":";;;;;;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,sBAAA,GAAAN,OAAA;AAAsE,IAAAO,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;AAatE,SAASW,oBAAoBA,CAC3BC,KAAqC,EACrC;EACA,MAAM;IAAEC,KAAK,EAAEC,IAAI;IAAEC;EAAc,CAAC,GAAGH,KAAK;EAE5C,MAAM;IAAEI;EAAQ,CAAC,GAAGF,IAAI;EAExB,MAAM;IACJG,iBAAiB;IACjBC,KAAK,EAAE;MAAEC;IAAkB;EAC7B,CAAC,GAAGH,OAAO;EAEX,MAAM,CAACH,KAAK,CAAC,GAAG,IAAAO,eAAQ,EACtB,MACGN,IAAI,CAACO,SAAS,KAAdP,IAAI,CAACO,SAAS,GAAK,IAAIC,oCAAiB,CAAC;IACxCN,OAAO,EAAEF,IAAI,CAACE,OAAO;IACrBO,UAAU,EAAET,IAAI,CAACS,UAAU;IAC3BR;EACF,CAAC,CAAC,CACN,CAAC;EAED,MAAM;IAAES;EAAS,CAAC,GAAGX,KAAK;EAE1B,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAAC,iBAAW,EAAC,MAAM;MAChB,IAAIX,aAAa,EAAE;QACjBF,KAAK,CAACE,aAAa,GAAGA,aAAa;MACrC;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,IAAI,CAACS,QAAQ,CAACG,MAAM,IAAIV,iBAAiB,IAAIE,iBAAiB,EAAE;IAC9D,oBAAOjC,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAACvC,sBAAA,CAAAwC,qBAAqB,MAAAC,SAAA,CAAAjC,OAAA,MAAKe,KAAK;MAAEC,KAAK,EAAEA,KAAM;MAAAkB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAE,CAAC;EAC3D;EAEA,oBACEjD,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAAA1C,MAAA,CAAAW,OAAA,CAAAuC,QAAA,QACGZ,QAAQ,CAACa,GAAG,CAAEC,iBAAiB,iBAC9BpD,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAAC3C,uBAAA,CAAAsD,sBAAsB,MAAAT,SAAA,CAAAjC,OAAA,MACjBe,KAAK;IACT4B,GAAG,EAAEF,iBAAiB,CAACG,OAAO,CAACC,EAAG;IAClCJ,iBAAiB,EAAEA,iBAAkB;IACrCzB,KAAK,EAAEA,KAAM;IAAAkB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,EACd,CACF,CACD,CAAC;AAEP;AAEO,MAAMQ,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAAClC,oBAAoB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,48 @@
+"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
+    });
+    (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","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":[]}

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_ = "Heading1073157661";
 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": "Heading1073157661__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_ = \"Heading1073157661\";\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\":\"Heading1073157661__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":[]}

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
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_InfiniteScrollLoaderBase","_SkeletonGrid","_SkeletonTopImageCard","_designSystem","_SkeletonSideImageCard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_SkeletonInfiniteScrollLoader","state","targetRef","dataHook","imagePlacement","contentPaddingPx","toolbar","renderItem","useCallback","createElement","SkeletonSideImageCard","__self","__source","fileName","lineNumber","columnNumber","SkeletonTopImageCard","InfiniteScrollLoaderBase","collection","Box","paddingBottom","SkeletonGrid","SkeletonInfiniteScrollLoader","exports","observer"],"sources":["../../../../src/components/InfiniteScrollLoader/SkeletonInfiniteScrollLoader.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridBaseState } from '../../state';\nimport { InfiniteScrollLoaderBaseProps } from './InfiniteScrollLoaderBaseProps';\nimport { InfiniteScrollLoaderBase } from './InfiniteScrollLoaderBase';\nimport { SkeletonGrid } from '../SkeletonGrid';\nimport { SkeletonTopImageCard } from '../SkeletonGrid/SkeletonTopImageCard';\nimport { Box } from '@wix/design-system';\nimport { SkeletonSideImageCard } from '../SkeletonGrid/SkeletonSideImageCard';\n\nexport interface SkeletonInfiniteScrollLoaderProps<T, F extends FiltersMap>\n  extends InfiniteScrollLoaderBaseProps {\n  state: GridBaseState<T, F>;\n  imagePlacement?: 'top' | 'side';\n}\n\nfunction _SkeletonInfiniteScrollLoader<T, F extends FiltersMap>({\n  state,\n  targetRef,\n  dataHook,\n  imagePlacement,\n}: SkeletonInfiniteScrollLoaderProps<T, F>) {\n  const { contentPaddingPx } = state.toolbar;\n\n  const renderItem = useCallback(() => {\n    return imagePlacement === 'side' ? (\n      <SkeletonSideImageCard state={state} />\n    ) : (\n      <SkeletonTopImageCard state={state} />\n    );\n  }, [imagePlacement]);\n\n  return (\n    <InfiniteScrollLoaderBase state={state.collection} targetRef={targetRef}>\n      <Box dataHook={dataHook} paddingBottom={contentPaddingPx}>\n        <SkeletonGrid state={state} renderItem={renderItem} />\n      </Box>\n    </InfiniteScrollLoaderBase>\n  );\n}\n\nexport const SkeletonInfiniteScrollLoader = observer(\n  _SkeletonInfiniteScrollLoader,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_InfiniteScrollLoaderBase","_SkeletonGrid","_designSystem","_jsxFileName","_SkeletonInfiniteScrollLoader","state","targetRef","dataHook","contentPaddingPx","toolbar","default","createElement","InfiniteScrollLoaderBase","collection","__self","__source","fileName","lineNumber","columnNumber","Box","paddingBottom","SkeletonGrid","SkeletonInfiniteScrollLoader","exports","observer"],"sources":["../../../../src/components/InfiniteScrollLoader/SkeletonInfiniteScrollLoader.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridBaseState } from '../../state';\nimport { InfiniteScrollLoaderBaseProps } from './InfiniteScrollLoaderBaseProps';\nimport { InfiniteScrollLoaderBase } from './InfiniteScrollLoaderBase';\nimport { SkeletonGrid } from '../SkeletonGrid';\nimport { Box } from '@wix/design-system';\n\nexport interface SkeletonInfiniteScrollLoaderProps<T, F extends FiltersMap>\n  extends InfiniteScrollLoaderBaseProps {\n  state: GridBaseState<T, F>;\n}\n\nfunction _SkeletonInfiniteScrollLoader<T, F extends FiltersMap>({\n  state,\n  targetRef,\n  dataHook,\n}: SkeletonInfiniteScrollLoaderProps<T, F>) {\n  const { contentPaddingPx } = state.toolbar;\n\n  return (\n    <InfiniteScrollLoaderBase state={state.collection} targetRef={targetRef}>\n      <Box dataHook={dataHook} paddingBottom={contentPaddingPx}>\n        <SkeletonGrid state={state} />\n      </Box>\n    </InfiniteScrollLoaderBase>\n  );\n}\n\nexport const SkeletonInfiniteScrollLoader = observer(\n  _SkeletonInfiniteScrollLoader,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAIA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAyC,IAAAK,YAAA;AAOzC,SAASC,6BAA6BA,CAA0B;EAC9DC,KAAK;EACLC,SAAS;EACTC;AACuC,CAAC,EAAE;EAC1C,MAAM;IAAEC;EAAiB,CAAC,GAAGH,KAAK,CAACI,OAAO;EAE1C,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,yBAAA,CAAAY,wBAAwB;IAACP,KAAK,EAAEA,KAAK,CAACQ,UAAW;IAACP,SAAS,EAAEA,SAAU;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtEtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAiB,GAAG;IAACZ,QAAQ,EAAEA,QAAS;IAACa,aAAa,EAAEZ,gBAAiB;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvDtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAoB,YAAY;IAAChB,KAAK,EAAEA,KAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC1B,CACmB,CAAC;AAE/B;AAEO,MAAMI,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDpB,6BACF,CAAC","ignoreList":[]}

package/dist/cjs/components/InitialLoader/InitialSkeletonLoader.js

@@ -1,16 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.InitialSkeletonLoader = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _SkeletonGrid = require("../SkeletonGrid");
 var _designSystem = require("@wix/design-system");
-var _SkeletonTopImageCard = require("../SkeletonGrid/SkeletonTopImageCard");
-var _SkeletonSideImageCard = require("../SkeletonGrid/SkeletonSideImageCard");
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/InitialLoader/InitialSkeletonLoader.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 _InitialSkeletonLoader({
   state,
   dataHook
@@ -18,28 +15,8 @@ function _InitialSkeletonLoader({
   const {
     toolbar: {
       contentPaddingPx
-    },
-    imagePlacement
+    }
   } = state;
-  const renderItem = (0, _react.useCallback)(() => {
-    return imagePlacement === 'side' ? /*#__PURE__*/_react.default.createElement(_SkeletonSideImageCard.SkeletonSideImageCard, {
-      state: state,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 26,
-        columnNumber: 7
-      }
-    }) : /*#__PURE__*/_react.default.createElement(_SkeletonTopImageCard.SkeletonTopImageCard, {
-      state: state,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 28,
-        columnNumber: 7
-      }
-    });
-  }, [imagePlacement]);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     dataHook: dataHook,
     direction: "vertical",
@@ -47,16 +24,15 @@ function _InitialSkeletonLoader({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 22,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_SkeletonGrid.SkeletonGrid, {
     state: state,
-    renderItem: renderItem,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 27,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/InitialLoader/InitialSkeletonLoader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_SkeletonGrid","_designSystem","_SkeletonTopImageCard","_SkeletonSideImageCard","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_InitialSkeletonLoader","state","dataHook","toolbar","contentPaddingPx","imagePlacement","renderItem","useCallback","createElement","SkeletonSideImageCard","__self","__source","fileName","lineNumber","columnNumber","SkeletonTopImageCard","Box","direction","paddingBottom","SkeletonGrid","InitialSkeletonLoader","exports","observer"],"sources":["../../../../src/components/InitialLoader/InitialSkeletonLoader.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { GridBaseState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { SkeletonGrid } from '../SkeletonGrid';\nimport { Box } from '@wix/design-system';\nimport { SkeletonTopImageCard } from '../SkeletonGrid/SkeletonTopImageCard';\nimport { SkeletonSideImageCard } from '../SkeletonGrid/SkeletonSideImageCard';\nimport { observer } from 'mobx-react-lite';\n\nexport interface InitialSkeletonLoaderProps<T, F extends FiltersMap> {\n  dataHook?: string;\n  state: GridBaseState<T, F>;\n}\n\nfunction _InitialSkeletonLoader<T, F extends FiltersMap>({\n  state,\n  dataHook,\n}: InitialSkeletonLoaderProps<T, F>) {\n  const {\n    toolbar: { contentPaddingPx },\n    imagePlacement,\n  } = state;\n\n  const renderItem = useCallback(() => {\n    return imagePlacement === 'side' ? (\n      <SkeletonSideImageCard state={state} />\n    ) : (\n      <SkeletonTopImageCard state={state} />\n    );\n  }, [imagePlacement]);\n\n  return (\n    <Box\n      dataHook={dataHook}\n      direction=\"vertical\"\n      paddingBottom={contentPaddingPx}\n    >\n      <SkeletonGrid state={state} renderItem={renderItem} />\n    </Box>\n  );\n}\n\nexport const InitialSkeletonLoader = observer(_InitialSkeletonLoader);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_SkeletonGrid","_designSystem","_mobxReactLite","_jsxFileName","_InitialSkeletonLoader","state","dataHook","toolbar","contentPaddingPx","default","createElement","Box","direction","paddingBottom","__self","__source","fileName","lineNumber","columnNumber","SkeletonGrid","InitialSkeletonLoader","exports","observer"],"sources":["../../../../src/components/InitialLoader/InitialSkeletonLoader.tsx"],"sourcesContent":["import React from 'react';\nimport { GridBaseState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { SkeletonGrid } from '../SkeletonGrid';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\n\nexport interface InitialSkeletonLoaderProps<T, F extends FiltersMap> {\n  dataHook?: string;\n  state: GridBaseState<T, F>;\n}\n\nfunction _InitialSkeletonLoader<T, F extends FiltersMap>({\n  state,\n  dataHook,\n}: InitialSkeletonLoaderProps<T, F>) {\n  const {\n    toolbar: { contentPaddingPx },\n  } = state;\n\n  return (\n    <Box\n      dataHook={dataHook}\n      direction=\"vertical\"\n      paddingBottom={contentPaddingPx}\n    >\n      <SkeletonGrid state={state} />\n    </Box>\n  );\n}\n\nexport const InitialSkeletonLoader = observer(_InitialSkeletonLoader);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAO3C,SAASC,sBAAsBA,CAA0B;EACvDC,KAAK;EACLC;AACgC,CAAC,EAAE;EACnC,MAAM;IACJC,OAAO,EAAE;MAAEC;IAAiB;EAC9B,CAAC,GAAGH,KAAK;EAET,oBACER,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;IACFL,QAAQ,EAAEA,QAAS;IACnBM,SAAS,EAAC,UAAU;IACpBC,aAAa,EAAEL,gBAAiB;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEhCrB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAmB,YAAY;IAACd,KAAK,EAAEA,KAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC1B,CAAC;AAEV;AAEO,MAAME,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAAClB,sBAAsB,CAAC","ignoreList":[]}

package/dist/cjs/components/InputOverflow/InputOverflow.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_ = "InputOverflow2951809130";
+var _namespace_ = "InputOverflow697550583";
 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": "InputOverflow2951809130__root"
+  "root": "InputOverflow697550583__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};