@wix/patterns 1.37.0 → 1.39.0

package/dist/cjs/components/DragAndDrop/DragOverlayTestComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_jsxFileName","_DragOverlayTestComponent","props","wrapperElement","Wrapper","style","children","className","zIndex","state","activeId","child","default","createElement","__self","__source","fileName","lineNumber","columnNumber","position","DragOverlayTestComponent","exports","observer"],"sources":["../../../../src/components/DragAndDrop/DragOverlayTestComponent.tsx"],"sourcesContent":["import { DragOverlayProps } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport React from 'react';\nimport { DragAndDropState } from './DragAndDropState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\n\nexport interface DragOverlayTestComponentProps<T, F extends FiltersMap>\n  extends DragOverlayProps {\n  state: DragAndDropState<T, F>;\n}\n\nfunction _DragOverlayTestComponent<T, F extends FiltersMap>(\n  props: DragOverlayTestComponentProps<T, F>,\n) {\n  const {\n    wrapperElement: Wrapper,\n    style,\n    children,\n    className,\n    zIndex,\n    state,\n  } = props;\n\n  if (state.activeId == null) {\n    return null;\n  }\n\n  let child = children;\n\n  if (Wrapper) {\n    child = <Wrapper>{children}</Wrapper>;\n  }\n\n  return (\n    <div\n      className={className}\n      style={{\n        position: 'fixed',\n        ...style,\n        zIndex,\n      }}\n    >\n      {child}\n    </div>\n  );\n}\n\nexport const DragOverlayTestComponent = observer(_DragOverlayTestComponent);\n"],"mappings":";;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAA2C,IAAAE,YAAA;AAO3C,SAASC,yBAAyBA,CAChCC,KAA0C,EAC1C;EACA,MAAM;IACJC,cAAc,EAAEC,OAAO;IACvBC,KAAK;IACLC,QAAQ;IACRC,SAAS;IACTC,MAAM;IACNC;EACF,CAAC,GAAGP,KAAK;EAET,IAAIO,KAAK,CAACC,QAAQ,IAAI,IAAI,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,IAAIC,KAAK,GAAGL,QAAQ;EAEpB,IAAIF,OAAO,EAAE;IACXO,KAAK,gBAAGf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACT,OAAO;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEZ,QAAkB,CAAC;EACvC;EAEA,oBACEV,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IACEN,SAAS,EAAEA,SAAU;IACrBF,KAAK,EAAE;MACLc,QAAQ,EAAE,OAAO;MACjB,GAAGd,KAAK;MACRG;IACF,CAAE;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDP,KACE,CAAC;AAEV;AAEO,MAAMS,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAACrB,yBAAyB,CAAC","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle1788919454";
+var _namespace_ = "DragHandle4276795587";
 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": "DragHandle1788919454__root"
+  "root": "DragHandle4276795587__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle1788919454\";\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\":\"DragHandle1788919454__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle4276795587\";\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\":\"DragHandle4276795587__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/EntityPage/EntityPage.js

@@ -31,10 +31,10 @@ function _EntityPage({
       requiredBy: 'WixPatterns/EntityPage'
     });
   }
-  const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
+  const routerState = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
   (0, _react.useState)(() => {
     state.init({
-      withinRouter: !!router
+      routerState
     });
   });
   return /*#__PURE__*/_react.default.createElement(_providers.EntityPageContextProvider, {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_EntityPageHeader","_EntityPageContent","_EntityPageCard","_EntityPageExtensions","_EntityPageMainContent","_EntityPageAdditionalContent","_mobxReactLite","_EntityPageWrapper","_providers","_reactHookForm","_minimalRequiredWdsRuntimeCheck","_FormPage","_WixPatternsRouterProvider","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_EntityPage","state","rest","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","router","useWixPatternsRouter","useState","init","withinRouter","createElement","EntityPageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","FormPageProvider","formPage","FormProvider","_extends2","form","EntityPageWrapper","Header","EntityPageHeader","Content","EntityPageContent","MainContent","EntityPageMainContent","AdditionalContent","EntityPageAdditionalContent","Card","EntityPageCard","Extensions","EntityPageExtensions","displayName","EntityPage","exports","observer"],"sources":["../../../../src/components/EntityPage/EntityPage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { PageProps } from '@wix/design-system';\nimport { EntityPageState } from '../../state';\nimport { EntityPageHeader } from '../EntityPageHeader';\nimport { EntityPageContent } from '../EntityPageContent';\nimport { EntityPageCard } from '../EntityPageCard';\nimport { EntityPageExtensions } from '../EntityPageExtensions';\nimport { EntityPageMainContent } from '../EntityPageMainContent';\nimport { EntityPageAdditionalContent } from '../EntityPageAdditionalContent';\nimport { observer } from 'mobx-react-lite';\nimport { EntityPageWrapper } from './EntityPageWrapper';\nimport { EntityPageContextProvider } from '../../providers';\nimport { FieldValues, FormProvider } from 'react-hook-form';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { FormPageProvider } from '../FormPage';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\n\nexport interface EntityPageProps<T, V extends FieldValues = FieldValues>\n  extends PageProps {\n  /**\n   * EntityPageState instance created with the `useEntityPage` hook\n   */\n  state: EntityPageState<T, V>;\n}\n\nfunction _EntityPage<T, V extends FieldValues = FieldValues>({\n  state,\n  ...rest\n}: EntityPageProps<T, V>) {\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.73.0',\n      requiredBy: 'WixPatterns/EntityPage',\n    });\n  }\n\n  const router = useWixPatternsRouter();\n\n  useState(() => {\n    state.init({ withinRouter: !!router });\n  });\n\n  return (\n    <EntityPageContextProvider value={state}>\n      <FormPageProvider state={state.formPage}>\n        <FormProvider {...state.form}>\n          <EntityPageWrapper state={state} {...rest} />\n        </FormProvider>\n      </FormPageProvider>\n    </EntityPageContextProvider>\n  );\n}\n\n_EntityPage.Header = EntityPageHeader;\n_EntityPage.Content = EntityPageContent;\n_EntityPage.MainContent = EntityPageMainContent;\n_EntityPage.AdditionalContent = EntityPageAdditionalContent;\n_EntityPage.Card = EntityPageCard;\n_EntityPage.Extensions = EntityPageExtensions;\n\n_EntityPage.displayName = 'EntityPage';\n\nexport const EntityPage = observer(_EntityPage);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AACA,IAAAM,4BAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AACA,IAAAU,cAAA,GAAAV,OAAA;AACA,IAAAW,+BAAA,GAAAX,OAAA;AACA,IAAAY,SAAA,GAAAZ,OAAA;AACA,IAAAa,0BAAA,GAAAb,OAAA;AAAiF,IAAAc,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,SAAAjB,wBAAAiB,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;AAUjF,SAASW,WAAWA,CAAyC;EAC3DC,KAAK;EACL,GAAGC;AACkB,CAAC,EAAE;EACxB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,IAAAC,eAAQ,EAAC,MAAM;IACbV,KAAK,CAACW,IAAI,CAAC;MAAEC,YAAY,EAAE,CAAC,CAACJ;IAAO,CAAC,CAAC;EACxC,CAAC,CAAC;EAEF,oBACE9C,MAAA,CAAAuB,OAAA,CAAA4B,aAAA,CAACxC,UAAA,CAAAyC,yBAAyB;IAACC,KAAK,EAAEf,KAAM;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtC1D,MAAA,CAAAuB,OAAA,CAAA4B,aAAA,CAACrC,SAAA,CAAA6C,gBAAgB;IAACrB,KAAK,EAAEA,KAAK,CAACsB,QAAS;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtC1D,MAAA,CAAAuB,OAAA,CAAA4B,aAAA,CAACvC,cAAA,CAAAiD,YAAY,MAAAC,SAAA,CAAAvC,OAAA,MAAKe,KAAK,CAACyB,IAAI;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAC1B1D,MAAA,CAAAuB,OAAA,CAAA4B,aAAA,CAACzC,kBAAA,CAAAsD,iBAAiB,MAAAF,SAAA,CAAAvC,OAAA;IAACe,KAAK,EAAEA;EAAM,GAAKC,IAAI;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAChC,CACE,CACO,CAAC;AAEhC;AAEArB,WAAW,CAAC4B,MAAM,GAAGC,kCAAgB;AACrC7B,WAAW,CAAC8B,OAAO,GAAGC,oCAAiB;AACvC/B,WAAW,CAACgC,WAAW,GAAGC,4CAAqB;AAC/CjC,WAAW,CAACkC,iBAAiB,GAAGC,wDAA2B;AAC3DnC,WAAW,CAACoC,IAAI,GAAGC,8BAAc;AACjCrC,WAAW,CAACsC,UAAU,GAAGC,0CAAoB;AAE7CvC,WAAW,CAACwC,WAAW,GAAG,YAAY;AAE/B,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,uBAAQ,EAAC3C,WAAW,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_EntityPageHeader","_EntityPageContent","_EntityPageCard","_EntityPageExtensions","_EntityPageMainContent","_EntityPageAdditionalContent","_mobxReactLite","_EntityPageWrapper","_providers","_reactHookForm","_minimalRequiredWdsRuntimeCheck","_FormPage","_WixPatternsRouterProvider","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_EntityPage","state","rest","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","routerState","useWixPatternsRouter","useState","init","createElement","EntityPageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","FormPageProvider","formPage","FormProvider","_extends2","form","EntityPageWrapper","Header","EntityPageHeader","Content","EntityPageContent","MainContent","EntityPageMainContent","AdditionalContent","EntityPageAdditionalContent","Card","EntityPageCard","Extensions","EntityPageExtensions","displayName","EntityPage","exports","observer"],"sources":["../../../../src/components/EntityPage/EntityPage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { PageProps } from '@wix/design-system';\nimport { EntityPageState } from '../../state';\nimport { EntityPageHeader } from '../EntityPageHeader';\nimport { EntityPageContent } from '../EntityPageContent';\nimport { EntityPageCard } from '../EntityPageCard';\nimport { EntityPageExtensions } from '../EntityPageExtensions';\nimport { EntityPageMainContent } from '../EntityPageMainContent';\nimport { EntityPageAdditionalContent } from '../EntityPageAdditionalContent';\nimport { observer } from 'mobx-react-lite';\nimport { EntityPageWrapper } from './EntityPageWrapper';\nimport { EntityPageContextProvider } from '../../providers';\nimport { FieldValues, FormProvider } from 'react-hook-form';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { FormPageProvider } from '../FormPage';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\n\nexport interface EntityPageProps<T, V extends FieldValues = FieldValues>\n  extends PageProps {\n  /**\n   * EntityPageState instance created with the `useEntityPage` hook\n   */\n  state: EntityPageState<T, V>;\n}\n\nfunction _EntityPage<T, V extends FieldValues = FieldValues>({\n  state,\n  ...rest\n}: EntityPageProps<T, V>) {\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.73.0',\n      requiredBy: 'WixPatterns/EntityPage',\n    });\n  }\n\n  const routerState = useWixPatternsRouter();\n\n  useState(() => {\n    state.init({ routerState });\n  });\n\n  return (\n    <EntityPageContextProvider value={state}>\n      <FormPageProvider state={state.formPage}>\n        <FormProvider {...state.form}>\n          <EntityPageWrapper state={state} {...rest} />\n        </FormProvider>\n      </FormPageProvider>\n    </EntityPageContextProvider>\n  );\n}\n\n_EntityPage.Header = EntityPageHeader;\n_EntityPage.Content = EntityPageContent;\n_EntityPage.MainContent = EntityPageMainContent;\n_EntityPage.AdditionalContent = EntityPageAdditionalContent;\n_EntityPage.Card = EntityPageCard;\n_EntityPage.Extensions = EntityPageExtensions;\n\n_EntityPage.displayName = 'EntityPage';\n\nexport const EntityPage = observer(_EntityPage);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.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_ = "Fade1914119679";
+var _namespace_ = "Fade1334351312";
 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": "Fade1914119679__root"
+  "root": "Fade1334351312__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade1914119679\";\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\":\"Fade1914119679__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade1334351312\";\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\":\"Fade1334351312__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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/Grid/GridSingleGridContent.js

@@ -40,7 +40,7 @@ function GridSingleGridContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 48,
       columnNumber: 5
     }
   }));

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

@@ -1 +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","layoutType","dragAndDrop","toolbar","collection","useState","GridBaseState","container","sizePreset","gridSizePresets","topGridSizePreset","draggable","createElement","GridContent","_extends2","paddingTop","paddingBottom","undefined","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 {\n    range,\n    imagePlacement,\n    state: parentState,\n    layoutType,\n    dragAndDrop,\n  } = 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        draggable: dragAndDrop ? 'draggable' : 'none',\n      }),\n  );\n\n  return (\n    <GridContent\n      {...props}\n      paddingTop=\"SP4\"\n      paddingBottom={state.layoutType === 'list' ? 'SP2' : undefined}\n      state={state}\n      withInfiniteScrollLoader\n    />\n  );\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;IACJC,KAAK;IACLC,cAAc;IACdC,KAAK,EAAEC,WAAW;IAClBC,UAAU;IACVC;EACF,CAAC,GAAGN,KAAK;EAET,MAAM;IAAEO,OAAO;IAAEC;EAAW,CAAC,GAAGJ,WAAW;EAE3C,MAAM,CAACD,KAAK,CAAC,GAAG,IAAAM,eAAQ,EACtB,MACE,IAAIC,oBAAa,CAAC;IAChBC,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BJ,OAAO,EAAEA,OAAsD;IAC/DC,UAAU;IACVI,UAAU,EAAEV,cAAc,GACtBW,sBAAe,CAACX,cAAc,CAAC,GAC/BY,wBAAiB;IACrBb,KAAK;IACLG,WAAW;IACXC,UAAU;IACVU,SAAS,EAAET,WAAW,GAAG,WAAW,GAAG;EACzC,CAAC,CACL,CAAC;EAED,oBACE9B,MAAA,CAAAS,OAAA,CAAA+B,aAAA,CAACzC,YAAA,CAAA0C,WAAW,MAAAC,SAAA,CAAAjC,OAAA,MACNe,KAAK;IACTmB,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAEjB,KAAK,CAACE,UAAU,KAAK,MAAM,GAAG,KAAK,GAAGgB,SAAU;IAC/DlB,KAAK,EAAEA,KAAM;IACbmB,wBAAwB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzB,CAAC;AAEN","ignoreList":[]}
+{"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","layoutType","dragAndDrop","toolbar","collection","useState","GridBaseState","container","sizePreset","gridSizePresets","topGridSizePreset","draggable","createElement","GridContent","_extends2","paddingTop","paddingBottom","undefined","withInfiniteScrollLoader","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Grid/GridSingleGridContent.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  GridState,\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: GridState<T, F>;\n  range?: { start: number; length: number };\n}\n\nexport function GridSingleGridContent<T, F extends FiltersMap = FiltersMap>(\n  props: GridSingleGridContentProps<T, F>,\n) {\n  const {\n    range,\n    imagePlacement,\n    state: parentState,\n    layoutType,\n    dragAndDrop,\n  } = 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        draggable: dragAndDrop ? 'draggable' : 'none',\n      }),\n  );\n\n  return (\n    <GridContent\n      {...props}\n      paddingTop=\"SP4\"\n      paddingBottom={state.layoutType === 'list' ? 'SP2' : undefined}\n      state={state}\n      withInfiniteScrollLoader\n    />\n  );\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAOA,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;AAQjC,SAASW,qBAAqBA,CACnCC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,cAAc;IACdC,KAAK,EAAEC,WAAW;IAClBC,UAAU;IACVC;EACF,CAAC,GAAGN,KAAK;EAET,MAAM;IAAEO,OAAO;IAAEC;EAAW,CAAC,GAAGJ,WAAW;EAE3C,MAAM,CAACD,KAAK,CAAC,GAAG,IAAAM,eAAQ,EACtB,MACE,IAAIC,oBAAa,CAAC;IAChBC,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BJ,OAAO,EAAEA,OAAsD;IAC/DC,UAAU;IACVI,UAAU,EAAEV,cAAc,GACtBW,sBAAe,CAACX,cAAc,CAAC,GAC/BY,wBAAiB;IACrBb,KAAK;IACLG,WAAW;IACXC,UAAU;IACVU,SAAS,EAAET,WAAW,GAAG,WAAW,GAAG;EACzC,CAAC,CACL,CAAC;EAED,oBACE9B,MAAA,CAAAS,OAAA,CAAA+B,aAAA,CAACzC,YAAA,CAAA0C,WAAW,MAAAC,SAAA,CAAAjC,OAAA,MACNe,KAAK;IACTmB,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAEjB,KAAK,CAACE,UAAU,KAAK,MAAM,GAAG,KAAK,GAAGgB,SAAU;IAC/DlB,KAAK,EAAEA,KAAM;IACbmB,wBAAwB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzB,CAAC;AAEN","ignoreList":[]}

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

@@ -14,7 +14,8 @@ function useGridBaseSyncProps(props) {
     preset,
     dragAndDrop,
     range,
-    layoutType
+    layoutType,
+    imagePlacement
   } = props;
   const {
     scrollableContentRef
@@ -69,11 +70,12 @@ function useGridBaseSyncProps(props) {
   }, [layoutType]);
   (0, _react.useEffect)(() => {
     (0, _mobx.runInAction)(() => {
-      if (!props.imagePlacement || !_state.gridSizePresets[props.imagePlacement]) {
+      const sizePreset = imagePlacement ? _state.gridSizePresets[imagePlacement] : undefined;
+      if (!sizePreset) {
         return;
       }
-      state.sizePreset = _state.gridSizePresets[props.imagePlacement];
+      state._sizePreset = sizePreset;
     });
-  }, []);
+  }, [imagePlacement]);
 }
 //# sourceMappingURL=useGridBaseSyncProps.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_state","_providers","_react2","useGridBaseSyncProps","props","state","renderAddItem","preset","dragAndDrop","range","layoutType","scrollableContentRef","useScrollableContentContext","modalsContainerRef","usePageContext","useState","_props$dragAndDrop","setStateObject","useEffect","collection","scrollableContent","current","runInAction","trailingItemsCount","filter","Boolean","length","_localLimit","_localStart","start","_draggable","imagePlacement","gridSizePresets","sizePreset"],"sources":["../../../../src/components/Grid/useGridBaseSyncProps.ts"],"sourcesContent":["import { ReactElement, useEffect, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { GridBaseState, gridSizePresets, LayoutType } from '../../state';\nimport { AddItemProps } from '@wix/design-system';\nimport { useScrollableContentContext } from '../../providers';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface UseGridBaseSyncPropsParams<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n  preset?: 'full' | 'title' | 'empty';\n  range?: { start: number; length: number };\n  renderAddItem?: () => ReactElement<AddItemProps>;\n  dragAndDrop?: typeof GridDragAndDrop;\n  imagePlacement?: 'side' | 'top';\n  layoutType?: LayoutType;\n}\n\nexport function useGridBaseSyncProps<T, F extends FiltersMap>(\n  props: UseGridBaseSyncPropsParams<T, F>,\n) {\n  const { state, renderAddItem, preset, dragAndDrop, range, layoutType } =\n    props;\n  const { scrollableContentRef } = useScrollableContentContext();\n  const { modalsContainerRef } = usePageContext();\n\n  useState(() => {\n    props.dragAndDrop?.setStateObject({\n      state,\n      modalsContainerRef,\n    });\n  });\n\n  useEffect(() => {\n    const { collection } = state;\n\n    const scrollableContent = scrollableContentRef?.current;\n\n    if (scrollableContent) {\n      collection.scrollableContent = scrollableContent;\n    }\n\n    return () => {\n      collection.scrollableContent = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.trailingItemsCount = [renderAddItem].filter(Boolean).length;\n    });\n  }, [renderAddItem]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state._localLimit = range?.length;\n      state._localStart = range?.start ?? 0;\n    });\n  }, [range]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.preset = preset ?? 'title';\n    });\n  }, [preset]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state._draggable = dragAndDrop ? 'draggable' : 'none';\n    });\n  }, [dragAndDrop]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.layoutType = layoutType ?? 'grid';\n    });\n  }, [layoutType]);\n\n  useEffect(() => {\n    runInAction(() => {\n      if (!props.imagePlacement || !gridSizePresets[props.imagePlacement]) {\n        return;\n      }\n      state.sizePreset = gridSizePresets[props.imagePlacement];\n    });\n  }, []);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAYO,SAASK,oBAAoBA,CAClCC,KAAuC,EACvC;EACA,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,MAAM;IAAEC,WAAW;IAAEC,KAAK;IAAEC;EAAW,CAAC,GACpEN,KAAK;EACP,MAAM;IAAEO;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAC9D,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE/C,IAAAC,eAAQ,EAAC,MAAM;IAAA,IAAAC,kBAAA;IACb,CAAAA,kBAAA,GAAAZ,KAAK,CAACI,WAAW,aAAjBQ,kBAAA,CAAmBC,cAAc,CAAC;MAChCZ,KAAK;MACLQ;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,IAAAK,gBAAS,EAAC,MAAM;IACd,MAAM;MAAEC;IAAW,CAAC,GAAGd,KAAK;IAE5B,MAAMe,iBAAiB,GAAGT,oBAAoB,oBAApBA,oBAAoB,CAAEU,OAAO;IAEvD,IAAID,iBAAiB,EAAE;MACrBD,UAAU,CAACC,iBAAiB,GAAGA,iBAAiB;IAClD;IAEA,OAAO,MAAM;MACXD,UAAU,CAACC,iBAAiB,GAAG,IAAI;IACrC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAF,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACkB,kBAAkB,GAAG,CAACjB,aAAa,CAAC,CAACkB,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;IACnE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACpB,aAAa,CAAC,CAAC;EAEnB,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACsB,WAAW,GAAGlB,KAAK,oBAALA,KAAK,CAAEiB,MAAM;MACjCrB,KAAK,CAACuB,WAAW,GAAG,CAAAnB,KAAK,oBAALA,KAAK,CAAEoB,KAAK,KAAI,CAAC;IACvC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACpB,KAAK,CAAC,CAAC;EAEX,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACE,MAAM,GAAGA,MAAM,IAAI,OAAO;IAClC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAAW,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACyB,UAAU,GAAGtB,WAAW,GAAG,WAAW,GAAG,MAAM;IACvD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,IAAAU,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACK,UAAU,GAAGA,UAAU,IAAI,MAAM;IACzC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,IAAAQ,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChB,IAAI,CAAClB,KAAK,CAAC2B,cAAc,IAAI,CAACC,sBAAe,CAAC5B,KAAK,CAAC2B,cAAc,CAAC,EAAE;QACnE;MACF;MACA1B,KAAK,CAAC4B,UAAU,GAAGD,sBAAe,CAAC5B,KAAK,CAAC2B,cAAc,CAAC;IAC1D,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;AACR","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_state","_providers","_react2","useGridBaseSyncProps","props","state","renderAddItem","preset","dragAndDrop","range","layoutType","imagePlacement","scrollableContentRef","useScrollableContentContext","modalsContainerRef","usePageContext","useState","_props$dragAndDrop","setStateObject","useEffect","collection","scrollableContent","current","runInAction","trailingItemsCount","filter","Boolean","length","_localLimit","_localStart","start","_draggable","sizePreset","gridSizePresets","undefined","_sizePreset"],"sources":["../../../../src/components/Grid/useGridBaseSyncProps.ts"],"sourcesContent":["import { ReactElement, useEffect, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { GridBaseState, gridSizePresets, LayoutType } from '../../state';\nimport { AddItemProps } from '@wix/design-system';\nimport { useScrollableContentContext } from '../../providers';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface UseGridBaseSyncPropsParams<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n  preset?: 'full' | 'title' | 'empty';\n  range?: { start: number; length: number };\n  renderAddItem?: () => ReactElement<AddItemProps>;\n  dragAndDrop?: typeof GridDragAndDrop;\n  imagePlacement?: 'side' | 'top';\n  layoutType?: LayoutType;\n}\n\nexport function useGridBaseSyncProps<T, F extends FiltersMap>(\n  props: UseGridBaseSyncPropsParams<T, F>,\n) {\n  const {\n    state,\n    renderAddItem,\n    preset,\n    dragAndDrop,\n    range,\n    layoutType,\n    imagePlacement,\n  } = props;\n  const { scrollableContentRef } = useScrollableContentContext();\n  const { modalsContainerRef } = usePageContext();\n\n  useState(() => {\n    props.dragAndDrop?.setStateObject({\n      state,\n      modalsContainerRef,\n    });\n  });\n\n  useEffect(() => {\n    const { collection } = state;\n\n    const scrollableContent = scrollableContentRef?.current;\n\n    if (scrollableContent) {\n      collection.scrollableContent = scrollableContent;\n    }\n\n    return () => {\n      collection.scrollableContent = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.trailingItemsCount = [renderAddItem].filter(Boolean).length;\n    });\n  }, [renderAddItem]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state._localLimit = range?.length;\n      state._localStart = range?.start ?? 0;\n    });\n  }, [range]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.preset = preset ?? 'title';\n    });\n  }, [preset]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state._draggable = dragAndDrop ? 'draggable' : 'none';\n    });\n  }, [dragAndDrop]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.layoutType = layoutType ?? 'grid';\n    });\n  }, [layoutType]);\n\n  useEffect(() => {\n    runInAction(() => {\n      const sizePreset = imagePlacement\n        ? gridSizePresets[imagePlacement]\n        : undefined;\n\n      if (!sizePreset) {\n        return;\n      }\n\n      state._sizePreset = sizePreset;\n    });\n  }, [imagePlacement]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAYO,SAASK,oBAAoBA,CAClCC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,aAAa;IACbC,MAAM;IACNC,WAAW;IACXC,KAAK;IACLC,UAAU;IACVC;EACF,CAAC,GAAGP,KAAK;EACT,MAAM;IAAEQ;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAC9D,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE/C,IAAAC,eAAQ,EAAC,MAAM;IAAA,IAAAC,kBAAA;IACb,CAAAA,kBAAA,GAAAb,KAAK,CAACI,WAAW,aAAjBS,kBAAA,CAAmBC,cAAc,CAAC;MAChCb,KAAK;MACLS;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,IAAAK,gBAAS,EAAC,MAAM;IACd,MAAM;MAAEC;IAAW,CAAC,GAAGf,KAAK;IAE5B,MAAMgB,iBAAiB,GAAGT,oBAAoB,oBAApBA,oBAAoB,CAAEU,OAAO;IAEvD,IAAID,iBAAiB,EAAE;MACrBD,UAAU,CAACC,iBAAiB,GAAGA,iBAAiB;IAClD;IAEA,OAAO,MAAM;MACXD,UAAU,CAACC,iBAAiB,GAAG,IAAI;IACrC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAF,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBlB,KAAK,CAACmB,kBAAkB,GAAG,CAAClB,aAAa,CAAC,CAACmB,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;IACnE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACrB,aAAa,CAAC,CAAC;EAEnB,IAAAa,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBlB,KAAK,CAACuB,WAAW,GAAGnB,KAAK,oBAALA,KAAK,CAAEkB,MAAM;MACjCtB,KAAK,CAACwB,WAAW,GAAG,CAAApB,KAAK,oBAALA,KAAK,CAAEqB,KAAK,KAAI,CAAC;IACvC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACrB,KAAK,CAAC,CAAC;EAEX,IAAAU,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBlB,KAAK,CAACE,MAAM,GAAGA,MAAM,IAAI,OAAO;IAClC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBlB,KAAK,CAAC0B,UAAU,GAAGvB,WAAW,GAAG,WAAW,GAAG,MAAM;IACvD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,IAAAW,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBlB,KAAK,CAACK,UAAU,GAAGA,UAAU,IAAI,MAAM;IACzC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChB,MAAMS,UAAU,GAAGrB,cAAc,GAC7BsB,sBAAe,CAACtB,cAAc,CAAC,GAC/BuB,SAAS;MAEb,IAAI,CAACF,UAAU,EAAE;QACf;MACF;MAEA3B,KAAK,CAAC8B,WAAW,GAAGH,UAAU;IAChC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACrB,cAAc,CAAC,CAAC;AACtB","ignoreList":[]}

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

@@ -32,7 +32,8 @@ function _GridSectionsContent(props) {
   const [state] = (0, _react.useState)(() => grid._sections ?? (grid._sections = new _GridSectionsState.GridSectionsState({
     toolbar: grid.toolbar,
     collection: grid.collection,
-    renderSection
+    renderSection,
+    parentState: grid
   })));
   const {
     sections
@@ -47,12 +48,12 @@ function _GridSectionsContent(props) {
   let child;
   if (!sections.length || showInitialLoader || showRefreshLoader) {
     child = /*#__PURE__*/_react.default.createElement(_GridSectionsSingleSkeletonGrid.GridSectionsSingleSkeletonGrid, (0, _extends2.default)({}, props, {
-      state: state,
+      state: state.parentState,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 57,
-        columnNumber: 13
+        lineNumber: 54,
+        columnNumber: 7
       }
     }));
   } else {
@@ -63,7 +64,7 @@ function _GridSectionsContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 62,
+        lineNumber: 60,
         columnNumber: 11
       }
     }))));
@@ -76,7 +77,7 @@ function _GridSectionsContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 72,
       columnNumber: 5
     }
   }, child);

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

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

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

@@ -27,7 +27,7 @@ class GridSectionsSectionState {
       collection: toolbar.collection,
       sizePreset: imagePlacement ? _state.gridSizePresets[imagePlacement] : _state.topGridSizePreset,
       range: params.sectionDescriptor.range,
-      parentState: this.gridSections,
+      parentState: this.gridSections.parentState,
       layoutType,
       draggable
     });

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

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

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

@@ -37,7 +37,7 @@ function GridSectionsSingleSkeletonGrid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 42,
       columnNumber: 5
     }
   }));

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

@@ -1 +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":[]}
+{"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 { FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  GridState,\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: GridState<T, F>;\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;AAOA,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;AAQjE,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/GridSections/GridSectionsState.js

@@ -10,10 +10,11 @@ class GridSectionsState {
     (0, _defineProperty2.default)(this, "renderSection", void 0);
     (0, _defineProperty2.default)(this, "toolbar", void 0);
     (0, _defineProperty2.default)(this, "collection", void 0);
-    (0, _defineProperty2.default)(this, "_subGrids", []);
+    (0, _defineProperty2.default)(this, "parentState", void 0);
     this.collection = params.collection;
     this.toolbar = params.toolbar;
     this.renderSection = params.renderSection;
+    this.parentState = params.parentState;
     (0, _mobx.makeObservable)(this, {
       sections: _mobx.computed,
       renderSection: _mobx.observable.ref

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","GridSectionsState","constructor","params","_defineProperty2","default","collection","toolbar","renderSection","makeObservable","sections","computed","observable","ref","Object","values","result","items","reduce","acc","item","index","section","id","range","start","length","exports"],"sources":["../../../../src/components/GridSections/GridSectionsState.ts"],"sourcesContent":["import { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { computed, makeObservable, observable } from 'mobx';\nimport { GridBaseState, ToolbarCollectionState } from '../../state';\nimport { CtaBaseProps } from '../CtaProps';\n\nexport interface Section {\n  /**\n   * A unique identifier for the section.\n   * @external\n   */\n  id: string;\n  /**\n   * A title for the section.\n   * @external\n   */\n  title: string;\n  /**\n   * A primary call to action for the section.\n   * @overrideType [CtaBaseProps](./?path=/story/common-types--ctabaseprops)\n   * @external\n   */\n  primaryAction?: CtaBaseProps;\n}\n\nexport interface SectionRange {\n  section: Section;\n  range: {\n    start: number;\n    length: number;\n  };\n}\n\nexport type RenderSection<T> = (item: T) => Section;\n\nexport interface GridSectionsStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly renderSection?: RenderSection<T>;\n}\n\nexport class GridSectionsState<T, F extends FiltersMap> {\n  renderSection?: RenderSection<T>;\n  readonly toolbar;\n  readonly collection;\n\n  readonly _subGrids = [] as GridBaseState<T, F>[];\n\n  constructor(params: GridSectionsStateParams<T, F>) {\n    this.collection = params.collection;\n    this.toolbar = params.toolbar;\n    this.renderSection = params.renderSection;\n\n    makeObservable(this, {\n      sections: computed,\n      renderSection: observable.ref,\n    });\n  }\n\n  get sections() {\n    const { collection, renderSection } = this;\n\n    if (!renderSection) {\n      return [];\n    }\n\n    return Object.values(\n      collection.result.items.reduce((acc, item, index) => {\n        const section = renderSection(item);\n        if (!acc[section.id]) {\n          acc[section.id] = {\n            section,\n            range: {\n              start: index,\n              length: 0,\n            },\n          };\n        }\n        acc[section.id].range.length++;\n        return acc;\n      }, {} as Record<string, SectionRange>),\n    );\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAuCO,MAAMC,iBAAiB,CAA0B;EAOtDC,WAAWA,CAACC,MAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,qBAF9B,EAAE;IAGrB,IAAI,CAACC,UAAU,GAAGH,MAAM,CAACG,UAAU;IACnC,IAAI,CAACC,OAAO,GAAGJ,MAAM,CAACI,OAAO;IAC7B,IAAI,CAACC,aAAa,GAAGL,MAAM,CAACK,aAAa;IAEzC,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,QAAQ,EAAEC,cAAQ;MAClBH,aAAa,EAAEI,gBAAU,CAACC;IAC5B,CAAC,CAAC;EACJ;EAEA,IAAIH,QAAQA,CAAA,EAAG;IACb,MAAM;MAAEJ,UAAU;MAAEE;IAAc,CAAC,GAAG,IAAI;IAE1C,IAAI,CAACA,aAAa,EAAE;MAClB,OAAO,EAAE;IACX;IAEA,OAAOM,MAAM,CAACC,MAAM,CAClBT,UAAU,CAACU,MAAM,CAACC,KAAK,CAACC,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,EAAEC,KAAK,KAAK;MACnD,MAAMC,OAAO,GAAGd,aAAa,CAACY,IAAI,CAAC;MACnC,IAAI,CAACD,GAAG,CAACG,OAAO,CAACC,EAAE,CAAC,EAAE;QACpBJ,GAAG,CAACG,OAAO,CAACC,EAAE,CAAC,GAAG;UAChBD,OAAO;UACPE,KAAK,EAAE;YACLC,KAAK,EAAEJ,KAAK;YACZK,MAAM,EAAE;UACV;QACF,CAAC;MACH;MACAP,GAAG,CAACG,OAAO,CAACC,EAAE,CAAC,CAACC,KAAK,CAACE,MAAM,EAAE;MAC9B,OAAOP,GAAG;IACZ,CAAC,EAAE,CAAC,CAAiC,CACvC,CAAC;EACH;AACF;AAACQ,OAAA,CAAA1B,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","GridSectionsState","constructor","params","_defineProperty2","default","collection","toolbar","renderSection","parentState","makeObservable","sections","computed","observable","ref","Object","values","result","items","reduce","acc","item","index","section","id","range","start","length","exports"],"sources":["../../../../src/components/GridSections/GridSectionsState.ts"],"sourcesContent":["import { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { computed, makeObservable, observable } from 'mobx';\nimport { GridState, ToolbarCollectionState } from '../../state';\nimport { CtaBaseProps } from '../CtaProps';\n\nexport interface Section {\n  /**\n   * A unique identifier for the section.\n   * @external\n   */\n  id: string;\n  /**\n   * A title for the section.\n   * @external\n   */\n  title: string;\n  /**\n   * A primary call to action for the section.\n   * @overrideType [CtaBaseProps](./?path=/story/common-types--ctabaseprops)\n   * @external\n   */\n  primaryAction?: CtaBaseProps;\n}\n\nexport interface SectionRange {\n  section: Section;\n  range: {\n    start: number;\n    length: number;\n  };\n}\n\nexport type RenderSection<T> = (item: T) => Section;\n\nexport interface GridSectionsStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly renderSection?: RenderSection<T>;\n  readonly parentState: GridState<T, F>;\n}\n\nexport class GridSectionsState<T, F extends FiltersMap> {\n  renderSection?: RenderSection<T>;\n  readonly toolbar;\n  readonly collection;\n  readonly parentState;\n\n  constructor(params: GridSectionsStateParams<T, F>) {\n    this.collection = params.collection;\n    this.toolbar = params.toolbar;\n    this.renderSection = params.renderSection;\n    this.parentState = params.parentState;\n\n    makeObservable(this, {\n      sections: computed,\n      renderSection: observable.ref,\n    });\n  }\n\n  get sections() {\n    const { collection, renderSection } = this;\n\n    if (!renderSection) {\n      return [];\n    }\n\n    return Object.values(\n      collection.result.items.reduce((acc, item, index) => {\n        const section = renderSection(item);\n        if (!acc[section.id]) {\n          acc[section.id] = {\n            section,\n            range: {\n              start: index,\n              length: 0,\n            },\n          };\n        }\n        acc[section.id].range.length++;\n        return acc;\n      }, {} as Record<string, SectionRange>),\n    );\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAwCO,MAAMC,iBAAiB,CAA0B;EAMtDC,WAAWA,CAACC,MAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACjD,IAAI,CAACC,UAAU,GAAGH,MAAM,CAACG,UAAU;IACnC,IAAI,CAACC,OAAO,GAAGJ,MAAM,CAACI,OAAO;IAC7B,IAAI,CAACC,aAAa,GAAGL,MAAM,CAACK,aAAa;IACzC,IAAI,CAACC,WAAW,GAAGN,MAAM,CAACM,WAAW;IAErC,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,QAAQ,EAAEC,cAAQ;MAClBJ,aAAa,EAAEK,gBAAU,CAACC;IAC5B,CAAC,CAAC;EACJ;EAEA,IAAIH,QAAQA,CAAA,EAAG;IACb,MAAM;MAAEL,UAAU;MAAEE;IAAc,CAAC,GAAG,IAAI;IAE1C,IAAI,CAACA,aAAa,EAAE;MAClB,OAAO,EAAE;IACX;IAEA,OAAOO,MAAM,CAACC,MAAM,CAClBV,UAAU,CAACW,MAAM,CAACC,KAAK,CAACC,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,EAAEC,KAAK,KAAK;MACnD,MAAMC,OAAO,GAAGf,aAAa,CAACa,IAAI,CAAC;MACnC,IAAI,CAACD,GAAG,CAACG,OAAO,CAACC,EAAE,CAAC,EAAE;QACpBJ,GAAG,CAACG,OAAO,CAACC,EAAE,CAAC,GAAG;UAChBD,OAAO;UACPE,KAAK,EAAE;YACLC,KAAK,EAAEJ,KAAK;YACZK,MAAM,EAAE;UACV;QACF,CAAC;MACH;MACAP,GAAG,CAACG,OAAO,CAACC,EAAE,CAAC,CAACC,KAAK,CAACE,MAAM,EAAE;MAC9B,OAAOP,GAAG;IACZ,CAAC,EAAE,CAAC,CAAiC,CACvC,CAAC;EACH;AACF;AAACQ,OAAA,CAAA3B,iBAAA,GAAAA,iBAAA","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_ = "Heading1693443383";
+var _namespace_ = "Heading2038556283";
 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": "Heading1693443383__root"
+  "root": "Heading2038556283__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_ = \"Heading1693443383\";\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\":\"Heading1693443383__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_ = \"Heading2038556283\";\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\":\"Heading2038556283__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/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_ = "InputOverflow1430503391";
+var _namespace_ = "InputOverflow2885758257";
 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": "InputOverflow1430503391__root"
+  "root": "InputOverflow2885758257__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow1430503391\";\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\":\"InputOverflow1430503391__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow2885758257\";\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\":\"InputOverflow2885758257__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/MaxHeightText/MaxHeightText.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_ = "MaxHeightText264730413";
+var _namespace_ = "MaxHeightText1578699789";
 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": "MaxHeightText264730413__root"
+  "root": "MaxHeightText1578699789__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxHeightText/MaxHeightText.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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText264730413\";\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\":\"MaxHeightText264730413__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText1578699789\";\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\":\"MaxHeightText1578699789__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/MaxLines/MaxLines.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_ = "MaxLines1725814982";
+var _namespace_ = "MaxLines4057492223";
 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": "MaxLines1725814982__root"
+  "root": "MaxLines4057492223__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxLines/MaxLines.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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines1725814982\";\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\":\"MaxLines1725814982__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,oBAAoB;AACtC,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;AAA0B,CAAC;AACjD,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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines4057492223\";\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\":\"MaxLines4057492223__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,oBAAoB;AACtC,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;AAA0B,CAAC;AACjD,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":[]}