@wix/patterns 1.344.0 → 1.347.0

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_ = "DragHandle250638546";
+var _namespace_ = "DragHandle2061269740";
 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": "DragHandle250638546__root"
+  "root": "DragHandle2061269740__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_ = \"DragHandle250638546\";\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\":\"DragHandle250638546__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,qBAAqB;AACvC,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;AAA2B,CAAC;AAClD,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_ = \"DragHandle2061269740\";\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\":\"DragHandle2061269740__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/EntityPagePlain.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_ = "EntityPagePlain3798985217";
+var _namespace_ = "EntityPagePlain2063448682";
 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": "EntityPagePlain3798985217__root"
+  "root": "EntityPagePlain2063448682__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain3798985217\";\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\":\"EntityPagePlain3798985217__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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;EAAC,oCAAoC,EAAC;AAAsC,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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain2063448682\";\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\":\"EntityPagePlain2063448682__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/ExportButton/ExportButton.js

@@ -102,8 +102,8 @@ function _ExportButton(props) {
       table.featuredComponents.exportModal.set(null);
     };
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    dataHook: "export-container",
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "export-container",
     __self: this,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ExportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButton","props","toolbarType","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","arrayFieldDelimiter","methodSpec","fields","saveAs","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","exportState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","exportModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ExportButtonModalLayout","exportModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","Box","ResponsiveButton","actions","onClick","icon","UploadExport","Button","skin","priority","size","ellipsis","prefixIcon","ExportButton","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Box, Button, Drawer, Modal } from '@wix/design-system';\nimport { UploadExport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ExportButtonProps } from './ExportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ExportButton<T, F extends FiltersMap>(\n  props: ExportButtonProps<T, F>,\n) {\n  const {\n    toolbarType = 'default',\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    arrayFieldDelimiter,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [state] = useState(() => (table.exportState ??= new ModalState()));\n\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.exportModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ExportButtonModalLayout\n              exportModalState={state}\n              renderError={renderError}\n              transformPlatformizedQuery={transformPlatformizedQuery}\n              customTotal={customTotal}\n              arrayFieldDelimiter={arrayFieldDelimiter}\n              differentQueryEndpointThanCollection={\n                differentQueryEndpointThanCollection\n              }\n              methodMetadata={methodMetadata}\n              methodSpec={methodSpec}\n              fields={fields}\n              saveAs={saveAs}\n              exportModalFooter={exportModalFooter}\n              exportModalTitle={exportModalTitle}\n              onProgressModalTitle={onProgressModalTitle}\n              exportToCSVMessage={exportToCSVMessage}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"export-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"export-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.exportModal.set(null);\n    };\n  }, []);\n\n  return (\n    <Box dataHook=\"export-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"export-button\"\n          onClick={state.open}\n          icon={<UploadExport />}\n        >\n          {t('cairo.export.export')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<UploadExport />}\n          dataHook=\"export-button\"\n          onClick={state.open}\n        >\n          {t('cairo.export.export')}\n        </Button>\n      )}\n    </Box>\n  );\n}\n\nexport const ExportButton = observer(_ExportButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ExportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButton","props","toolbarType","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","arrayFieldDelimiter","methodSpec","fields","saveAs","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","exportState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","exportModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ExportButtonModalLayout","exportModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","UploadExport","Button","skin","priority","size","ellipsis","prefixIcon","ExportButton","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { UploadExport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ExportButtonProps } from './ExportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ExportButton<T, F extends FiltersMap>(\n  props: ExportButtonProps<T, F>,\n) {\n  const {\n    toolbarType = 'default',\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    arrayFieldDelimiter,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [state] = useState(() => (table.exportState ??= new ModalState()));\n\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.exportModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ExportButtonModalLayout\n              exportModalState={state}\n              renderError={renderError}\n              transformPlatformizedQuery={transformPlatformizedQuery}\n              customTotal={customTotal}\n              arrayFieldDelimiter={arrayFieldDelimiter}\n              differentQueryEndpointThanCollection={\n                differentQueryEndpointThanCollection\n              }\n              methodMetadata={methodMetadata}\n              methodSpec={methodSpec}\n              fields={fields}\n              saveAs={saveAs}\n              exportModalFooter={exportModalFooter}\n              exportModalTitle={exportModalTitle}\n              onProgressModalTitle={onProgressModalTitle}\n              exportToCSVMessage={exportToCSVMessage}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"export-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"export-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.exportModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"export-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"export-button\"\n          onClick={state.open}\n          icon={<UploadExport />}\n        >\n          {t('cairo.export.export')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<UploadExport />}\n          dataHook=\"export-button\"\n          onClick={state.open}\n        >\n          {t('cairo.export.export')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ExportButton = observer(_ExportButton);\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_ = "Fade1979305712";
+var _namespace_ = "Fade4118700581";
 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": "Fade1979305712__root"
+  "root": "Fade4118700581__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_ = \"Fade1979305712\";\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\":\"Fade1979305712__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_ = \"Fade4118700581\";\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\":\"Fade4118700581__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/Grid.js

@@ -58,7 +58,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 120,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_ToolbarCollection.ToolbarCollection, (0, _extends2.default)({}, props, {
@@ -67,7 +67,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 126,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_GridPlaceholderStates.GridPlaceholderStates, {
@@ -78,23 +78,24 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 127,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ToolbarCollectionContentAutoSizer.ToolbarCollectionContentAutoSizer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 133,
       columnNumber: 11
     }
   }, sections ? /*#__PURE__*/_react.default.createElement(sections.GridSections, (0, _extends2.default)({}, props, {
+    groupBy: sections.groupBy,
     renderSection: sections.renderSection,
     state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 135,
       columnNumber: 15
     }
   })) : /*#__PURE__*/_react.default.createElement(_GridSingleGridContent.GridSingleGridContent, (0, _extends2.default)({}, props, {
@@ -102,7 +103,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 142,
       columnNumber: 15
     }
   }))))), exportModal ?? toolbar.featuredComponents.exportModal.value);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_getToolbarCollectionFeaturesInitializers","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_useToolbarCollectionSyncProps","_GridSingleGridContent","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Grid","props","state","dragAndDrop","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","cardProps","dataHook","exportModal","sections","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridSections","renderSection","GridSingleGridContent","featuredComponents","value","Grid","exports","observer"],"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridPresetProps } from './Grid.types';\nimport { GridState, LayoutType } from '../../state';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { BulkActionToolbarRenderProp } from '../BulkAction';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { GridPlaceholderStates } from './GridPlaceholderStates';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport type { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport type { Section } from '../CollectionSectionHeader';\nimport { GridSingleGridContent } from './GridSingleGridContent';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n  extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' | 'maxSelection'>,\n    GridItemBaseProps<T, F> {\n  dataHook?: string;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [GridDragAndDrop](./?path=/story/features-sort-drag-and-drop--griddraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof GridDragAndDrop;\n\n  /**\n   * Grid state instance created using [`useGridCollection`](./?path=/story/base-components-collections-grid-usegridcollection--usegridcollection).\n   * @overrideType [GridState](./?path=/story/base-components-collections-grid-gridstate--gridstate)\n   * @external\n   */\n  state: GridState<T, F>;\n\n  /**\n   * A toolbar for performing bulk actions on multiple items.<br> <br>\n   * Supported parameters: <br>\n   * -`selectedValues`: [array] Items that are checked in the selection column. <br>\n   * -`uncheckedValues`: [array] Items that are unchecked in the selection column. <br>\n   * -`isSelectAll`: [bool] Whether **Select All** is checked. <br>\n   * -`openModal`: [func] Opens a modal that contains the component from `bulkActionModal` render prop. <br>\n   * -`clearSelection`: [func] Clears all selections. Call this after the action on the selected items finishes. <br>\n   * -`total`: [number] Total number of items in the server. <br>\n   * -`openConfirmModal`: [func] Opens a `<MessageModalLayout>` to confirm an action is about to be applied to the selected items. <br>\n   * -`query`: [object] Current paging, sorting, and filtering. Often used together with bulk actions, such as `updateAll`. <br>\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n\n  /**\n   * Creates [grid sections](./?path=/story/features-display-grid-sections--grid-sections) that group data based on the values of a specific field.\n   * @external\n   * @overrideType [SectionsProp](./?path=/story/common-types--sectionsprop)\n   */\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    renderSection?: (item: T) => Section;\n  };\n\n  layoutType?: LayoutType;\n}\n\nexport type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<\n  GridBaseProps<T, F>,\n  'preset' | 'renderItem'\n>;\n\nexport type GridProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  GridBasePropsWithoutPreset<T, F>\n>;\n\nfunction _Grid<T, F extends FiltersMap = FiltersMap>(props: GridProps<T, F>) {\n  const {\n    state,\n    dragAndDrop,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as GridProps<\n        T,\n        F\n      >['errorState']),\n    emptyState,\n    noResultsState,\n    cardProps,\n    dataHook,\n    exportModal,\n    sections,\n  } = props;\n\n  const { toolbar } = state;\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: !!dragAndDrop,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: false,\n    isUsingTableVirtualization: false,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      errorState={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.toolbar}\n          errorState={errorState}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            {sections ? (\n              <sections.GridSections\n                {...props}\n                renderSection={sections.renderSection}\n                state={state}\n              />\n            ) : (\n              <GridSingleGridContent {...props} state={state} />\n            )}\n          </ToolbarCollectionContentAutoSizer>\n        </GridPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const Grid = observer(_Grid);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_getToolbarCollectionFeaturesInitializers","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_useToolbarCollectionSyncProps","_GridSingleGridContent","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Grid","props","state","dragAndDrop","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","cardProps","dataHook","exportModal","sections","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridSections","groupBy","renderSection","GridSingleGridContent","featuredComponents","value","Grid","exports","observer"],"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridPresetProps } from './Grid.types';\nimport { GridState, LayoutType } from '../../state';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { BulkActionToolbarRenderProp } from '../BulkAction';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { GridPlaceholderStates } from './GridPlaceholderStates';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport type { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport type { GroupBy, RenderSection } from '../CollectionSectionHeader';\nimport { GridSingleGridContent } from './GridSingleGridContent';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n  extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' | 'maxSelection'>,\n    GridItemBaseProps<T, F> {\n  dataHook?: string;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [GridDragAndDrop](./?path=/story/features-sort-drag-and-drop--griddraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof GridDragAndDrop;\n\n  /**\n   * Grid state instance created using [`useGridCollection`](./?path=/story/base-components-collections-grid-usegridcollection--usegridcollection).\n   * @overrideType [GridState](./?path=/story/base-components-collections-grid-gridstate--gridstate)\n   * @external\n   */\n  state: GridState<T, F>;\n\n  /**\n   * A toolbar for performing bulk actions on multiple items.<br> <br>\n   * Supported parameters: <br>\n   * -`selectedValues`: [array] Items that are checked in the selection column. <br>\n   * -`uncheckedValues`: [array] Items that are unchecked in the selection column. <br>\n   * -`isSelectAll`: [bool] Whether **Select All** is checked. <br>\n   * -`openModal`: [func] Opens a modal that contains the component from `bulkActionModal` render prop. <br>\n   * -`clearSelection`: [func] Clears all selections. Call this after the action on the selected items finishes. <br>\n   * -`total`: [number] Total number of items in the server. <br>\n   * -`openConfirmModal`: [func] Opens a `<MessageModalLayout>` to confirm an action is about to be applied to the selected items. <br>\n   * -`query`: [object] Current paging, sorting, and filtering. Often used together with bulk actions, such as `updateAll`. <br>\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n\n  /**\n   * Creates [grid sections](./?path=/story/features-display-grid-sections--grid-sections) that group data based on the values of a specific field.\n   * @external\n   * @overrideType [SectionsProp](./?path=/story/common-types--sectionsprop)\n   */\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    groupBy: GroupBy<T>;\n    renderSection?: RenderSection<T>;\n  };\n\n  layoutType?: LayoutType;\n}\n\nexport type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<\n  GridBaseProps<T, F>,\n  'preset' | 'renderItem'\n>;\n\nexport type GridProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  GridBasePropsWithoutPreset<T, F>\n>;\n\nfunction _Grid<T, F extends FiltersMap = FiltersMap>(props: GridProps<T, F>) {\n  const {\n    state,\n    dragAndDrop,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as GridProps<\n        T,\n        F\n      >['errorState']),\n    emptyState,\n    noResultsState,\n    cardProps,\n    dataHook,\n    exportModal,\n    sections,\n  } = props;\n\n  const { toolbar } = state;\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: !!dragAndDrop,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: false,\n    isUsingTableVirtualization: false,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      errorState={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.toolbar}\n          errorState={errorState}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            {sections ? (\n              <sections.GridSections\n                {...props}\n                groupBy={sections.groupBy}\n                renderSection={sections.renderSection}\n                state={state}\n              />\n            ) : (\n              <GridSingleGridContent {...props} state={state} />\n            )}\n          </ToolbarCollectionContentAutoSizer>\n        </GridPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const Grid = observer(_Grid);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,yCAAA,GAAAD,OAAA;AACA,IAAAE,kCAAA,GAAAF,OAAA;AAGA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAIA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,8BAAA,GAAAP,OAAA;AAGA,IAAAQ,sBAAA,GAAAR,OAAA;AAAgE,IAAAS,YAAA;AAAA,SAAAV,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AA6DhE,SAASkB,KAAKA,CAAuCC,KAAsB,EAAE;EAC3E,MAAM;IACJC,KAAK;IACLC,WAAW;IACXC,WAAW;IACXC,UAAU,GAAGD,WAAW,KACpB,CAACE,GAAG,EAAE;MAAEC,QAAQ;MAAEC;IAAM,CAAC,KACzBJ,WAAW,oBAAXA,WAAW,CAAG;MAAEE,GAAG;MAAEC,QAAQ;MAAEC;IAAM,CAAC,CAAC,CAGzB;IAClBC,UAAU;IACVC,cAAc;IACdC,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAGb,KAAK;EAET,MAAM;IAAEc;EAAQ,CAAC,GAAGb,KAAK;EAEzB,IAAAc,4DAA6B,EAAC;IAC5B,GAAGf,KAAK;IACRC,KAAK,EAAEA,KAAK,CAACa,OAAO;IACpBE,kBAAkB,EAAE,CAAC,CAACd,WAAW;IACjCe,yBAAyB,EAAE,KAAK;IAChCC,uBAAuB,EAAE,KAAK;IAC9BC,cAAc,EAAE,KAAK;IACrBC,0BAA0B,EAAE;EAC9B,CAAC,CAAC;EAEF,IAAAC,gBAAS,EACP,MACEpB,KAAK,CAACqB,IAAI,CAAC;IACTC,oBAAoB,EAAE,IAAAC,kFAAwC,EAACxB,KAAK;EACtE,CAAC,CAAC,EACJ,EACF,CAAC;EAED,oBACEhC,MAAA,CAAAsB,OAAA,CAAAmC,aAAA,CAACnD,eAAA,CAAAoD,cAAc,MAAAC,SAAA,CAAArC,OAAA;IACbc,UAAU,EAAE,KAAM;IAClBH,KAAK,EAAEa,OAAQ;IACfH,QAAQ,EAAEA;EAAS,GACfD,SAAS;IAAAkB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEbhE,MAAA,CAAAsB,OAAA,CAAAmC,aAAA,CAAClD,kBAAA,CAAA0D,iBAAiB,MAAAN,SAAA,CAAArC,OAAA,MAAKU,KAAK;IAAEkC,MAAM;IAACjC,KAAK,EAAEa,OAAQ;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAClDhE,MAAA,CAAAsB,OAAA,CAAAmC,aAAA,CAACpD,sBAAA,CAAA8D,qBAAqB;IACpBlC,KAAK,EAAEA,KAAK,CAACa,OAAQ;IACrBV,UAAU,EAAEA,UAAW;IACvBI,UAAU,EAAEA,UAAW;IACvBC,cAAc,EAAEA,cAAe;IAAAmB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE/BhE,MAAA,CAAAsB,OAAA,CAAAmC,aAAA,CAACrD,kCAAA,CAAAgE,iCAAiC;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/BnB,QAAQ,gBACP7C,MAAA,CAAAsB,OAAA,CAAAmC,aAAA,CAACZ,QAAQ,CAACwB,YAAY,MAAAV,SAAA,CAAArC,OAAA,MAChBU,KAAK;IACTsC,OAAO,EAAEzB,QAAQ,CAACyB,OAAQ;IAC1BC,aAAa,EAAE1B,QAAQ,CAAC0B,aAAc;IACtCtC,KAAK,EAAEA,KAAM;IAAA2B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACd,CAAC,gBAEFhE,MAAA,CAAAsB,OAAA,CAAAmC,aAAA,CAAC/C,sBAAA,CAAA8D,qBAAqB,MAAAb,SAAA,CAAArC,OAAA,MAAKU,KAAK;IAAEC,KAAK,EAAEA,KAAM;IAAA2B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAElB,CACd,CACN,CAAC,EACnBpB,WAAW,IAAIE,OAAO,CAAC2B,kBAAkB,CAAC7B,WAAW,CAAC8B,KACzC,CAAC;AAErB;AAEO,MAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,IAAAE,uBAAQ,EAAC9C,KAAK,CAAC","ignoreList":[]}

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

@@ -18,6 +18,7 @@ function _GridSectionHeader(props) {
     }
   } = state;
   const {
+    sectionId,
     section,
     range
   } = sectionDescriptor;
@@ -28,6 +29,7 @@ function _GridSectionHeader(props) {
   };
   return /*#__PURE__*/_react.default.createElement(_CollectionSectionHeader.CollectionSectionHeader, {
     dataHook: "grid-section-header",
+    sectionId: sectionId,
     section: sectionWithCount,
     skin: layoutType === 'list' ? 'light' : 'neutral',
     biComponentType: "GridSections",

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionSectionHeader","_jsxFileName","_GridSectionHeader","props","sectionDescriptor","state","gridBase","layoutType","section","range","sectionWithCount","count","length","hasMore","isLast","gridSections","collection","fetchedLastPage","default","createElement","CollectionSectionHeader","dataHook","skin","biComponentType","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { SectionRange } from './GridSectionsState';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsSectionState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>(\n  props: GridSectionHeaderProps<T, F>,\n) {\n  const { sectionDescriptor, state } = props;\n\n  const {\n    gridBase: { layoutType },\n  } = state;\n\n  const { section, range } = sectionDescriptor;\n\n  const sectionWithCount = {\n    ...section,\n    count: range.length,\n    hasMore: state.isLast && !state.gridSections.collection.fetchedLastPage,\n  };\n\n  return (\n    <CollectionSectionHeader\n      dataHook=\"grid-section-header\"\n      section={sectionWithCount}\n      skin={layoutType === 'list' ? 'light' : 'neutral'}\n      biComponentType=\"GridSections\"\n    />\n  );\n}\n\nexport const GridSectionHeader = observer(_GridSectionHeader);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,wBAAA,GAAAF,OAAA;AAAqE,IAAAG,YAAA;AAOrE,SAASC,kBAAkBA,CACzBC,KAAmC,EACnC;EACA,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE1C,MAAM;IACJG,QAAQ,EAAE;MAAEC;IAAW;EACzB,CAAC,GAAGF,KAAK;EAET,MAAM;IAAEG,OAAO;IAAEC;EAAM,CAAC,GAAGL,iBAAiB;EAE5C,MAAMM,gBAAgB,GAAG;IACvB,GAAGF,OAAO;IACVG,KAAK,EAAEF,KAAK,CAACG,MAAM;IACnBC,OAAO,EAAER,KAAK,CAACS,MAAM,IAAI,CAACT,KAAK,CAACU,YAAY,CAACC,UAAU,CAACC;EAC1D,CAAC;EAED,oBACErB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,wBAAA,CAAAoB,uBAAuB;IACtBC,QAAQ,EAAC,qBAAqB;IAC9Bb,OAAO,EAAEE,gBAAiB;IAC1BY,IAAI,EAAEf,UAAU,KAAK,MAAM,GAAG,OAAO,GAAG,SAAU;IAClDgB,eAAe,EAAC,cAAc;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CAAC;AAEN;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC7B,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionSectionHeader","_jsxFileName","_GridSectionHeader","props","sectionDescriptor","state","gridBase","layoutType","sectionId","section","range","sectionWithCount","count","length","hasMore","isLast","gridSections","collection","fetchedLastPage","default","createElement","CollectionSectionHeader","dataHook","skin","biComponentType","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { SectionRange } from './GridSectionsState';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsSectionState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>(\n  props: GridSectionHeaderProps<T, F>,\n) {\n  const { sectionDescriptor, state } = props;\n\n  const {\n    gridBase: { layoutType },\n  } = state;\n\n  const { sectionId, section, range } = sectionDescriptor;\n\n  const sectionWithCount = {\n    ...section,\n    count: range.length,\n    hasMore: state.isLast && !state.gridSections.collection.fetchedLastPage,\n  };\n\n  return (\n    <CollectionSectionHeader\n      dataHook=\"grid-section-header\"\n      sectionId={sectionId}\n      section={sectionWithCount}\n      skin={layoutType === 'list' ? 'light' : 'neutral'}\n      biComponentType=\"GridSections\"\n    />\n  );\n}\n\nexport const GridSectionHeader = observer(_GridSectionHeader);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,wBAAA,GAAAF,OAAA;AAAqE,IAAAG,YAAA;AAOrE,SAASC,kBAAkBA,CACzBC,KAAmC,EACnC;EACA,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE1C,MAAM;IACJG,QAAQ,EAAE;MAAEC;IAAW;EACzB,CAAC,GAAGF,KAAK;EAET,MAAM;IAAEG,SAAS;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGN,iBAAiB;EAEvD,MAAMO,gBAAgB,GAAG;IACvB,GAAGF,OAAO;IACVG,KAAK,EAAEF,KAAK,CAACG,MAAM;IACnBC,OAAO,EAAET,KAAK,CAACU,MAAM,IAAI,CAACV,KAAK,CAACW,YAAY,CAACC,UAAU,CAACC;EAC1D,CAAC;EAED,oBACEtB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,wBAAA,CAAAqB,uBAAuB;IACtBC,QAAQ,EAAC,qBAAqB;IAC9Bd,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEE,gBAAiB;IAC1BY,IAAI,EAAEhB,UAAU,KAAK,MAAM,GAAG,OAAO,GAAG,SAAU;IAClDiB,eAAe,EAAC,cAAc;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1B,YAAA;MAAA2B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CAAC;AAEN;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,kBAAkB,CAAC","ignoreList":[]}

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

@@ -16,6 +16,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function _GridSectionsContent(props) {
   const {
     state: grid,
+    groupBy,
     renderSection,
     layoutType
   } = props;
@@ -31,6 +32,7 @@ function _GridSectionsContent(props) {
   const [state] = (0, _react.useState)(() => grid._sections ?? (grid._sections = new _GridSectionsState.GridSectionsState({
     toolbar: grid.toolbar,
     collection: grid.collection,
+    groupBy,
     renderSection,
     parentState: grid
   })));
@@ -39,11 +41,12 @@ function _GridSectionsContent(props) {
   } = state;
   (0, _react.useEffect)(() => {
     (0, _mobx.runInAction)(() => {
+      state.groupBy = groupBy;
       if (renderSection) {
         state.renderSection = renderSection;
       }
     });
-  }, [renderSection]);
+  }, [groupBy, renderSection]);
   let child;
   if (!sections.length || showInitialLoader || showRefreshLoader) {
     child = /*#__PURE__*/_react.default.createElement(_GridSectionsSingleSkeletonGrid.GridSectionsSingleSkeletonGrid, (0, _extends2.default)({}, props, {
@@ -51,19 +54,19 @@ function _GridSectionsContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 55,
+        lineNumber: 58,
         columnNumber: 7
       }
     }));
   } else {
     child = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sections.map(sectionDescriptor => /*#__PURE__*/_react.default.createElement(_GridSectionAndRepeater.GridSectionAndRepeater, (0, _extends2.default)({}, props, {
-      key: sectionDescriptor.section.id,
+      key: sectionDescriptor.sectionId,
       sectionDescriptor: sectionDescriptor,
       state: state,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 61,
+        lineNumber: 64,
         columnNumber: 11
       }
     }))));
@@ -76,7 +79,7 @@ function _GridSectionsContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 76,
       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","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_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 } 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';\nimport type { RenderSection } from '../CollectionSectionHeader';\n\nexport interface GridSectionsContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: GridState<T, F>;\n  renderSection?: RenderSection<T>;\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":[]}
+{"version":3,"names":["_GridSectionsState","require","_mobxReactLite","_GridSectionAndRepeater","_react","_interopRequireWildcard","_mobx","_designSystem","_GridSectionsSingleSkeletonGrid","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_GridSectionsContent","props","state","grid","groupBy","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","sectionId","Box","direction","width","paddingTop","undefined","paddingBottom","GridSectionsContent","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"sourcesContent":["import { GridSectionsState } 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';\nimport type { GroupBy, RenderSection } from '../CollectionSectionHeader';\n\nexport interface GridSectionsContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: GridState<T, F>;\n  groupBy: GroupBy<T>;\n  renderSection?: RenderSection<T>;\n}\n\nfunction _GridSectionsContent<T, F extends FiltersMap>(\n  props: GridSectionsContentProps<T, F>,\n) {\n  const { state: grid, groupBy, 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        groupBy,\n        renderSection,\n        parentState: grid,\n      })),\n  );\n\n  const { sections } = state;\n\n  useEffect(() => {\n    runInAction(() => {\n      state.groupBy = groupBy;\n      if (renderSection) {\n        state.renderSection = renderSection;\n      }\n    });\n  }, [groupBy, 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.sectionId}\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

@@ -39,13 +39,13 @@ class GridSectionsSectionState {
     var _sections;
     const {
       sectionDescriptor: {
-        section
+        sectionId
       },
       gridSections: {
         sections
       }
     } = this;
-    return ((_sections = sections[sections.length - 1]) == null ? void 0 : _sections.section.id) === section.id;
+    return ((_sections = sections[sections.length - 1]) == null ? void 0 : _sections.sectionId) === sectionId;
   }
 }
 exports.GridSectionsSectionState = GridSectionsSectionState;

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.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":[]}
+{"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","sectionId","sections","length","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: { sectionId },\n      gridSections: { sections },\n    } = this;\n    return sections[sections.length - 1]?.sectionId === sectionId;\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;MAAU,CAAC;MAChCnB,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,SAAS,MAAKA,SAAS;EAC/D;AACF;AAACG,OAAA,CAAA3B,wBAAA,GAAAA,wBAAA","ignoreList":[]}

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

@@ -7,41 +7,58 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _mobx = require("mobx");
 class GridSectionsState {
   constructor(params) {
+    (0, _defineProperty2.default)(this, "groupBy", void 0);
     (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, "parentState", void 0);
     this.collection = params.collection;
     this.toolbar = params.toolbar;
+    this.groupBy = params.groupBy;
     this.renderSection = params.renderSection;
     this.parentState = params.parentState;
     (0, _mobx.makeObservable)(this, {
       sections: _mobx.computed,
+      groupBy: _mobx.observable.ref,
       renderSection: _mobx.observable.ref
     });
   }
   get sections() {
     const {
       collection,
+      groupBy,
       renderSection
     } = this;
-    if (!renderSection) {
+    if (!groupBy) {
       return [];
     }
-    return Object.values(collection.result.items.reduce((acc, item, index) => {
-      const section = renderSection(item);
-      if (!acc[section.id]) {
-        acc[section.id] = {
-          section,
-          range: {
-            start: index,
-            length: 0
-          }
-        };
+    const sectionItemsMap = {};
+    const orderedSections = [];
+    collection.result.items.forEach(item => {
+      const sectionId = groupBy(item);
+      if (!sectionItemsMap[sectionId]) {
+        sectionItemsMap[sectionId] = [];
+        orderedSections.push(sectionId);
       }
-      acc[section.id].range.length++;
-      return acc;
-    }, {}));
+      sectionItemsMap[sectionId].push(item);
+    });
+    let currentIndex = 0;
+    return orderedSections.map(sectionId => {
+      const sectionItems = sectionItemsMap[sectionId];
+      const section = renderSection ? renderSection(sectionId, sectionItems) : {
+        title: sectionId
+      };
+      const range = {
+        start: currentIndex,
+        length: sectionItems.length
+      };
+      currentIndex += sectionItems.length;
+      return {
+        sectionId,
+        section,
+        range
+      };
+    });
   }
 }
 exports.GridSectionsState = GridSectionsState;

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

@@ -1 +1 @@
-{"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 type { Section, RenderSection } from '../CollectionSectionHeader';\n\nexport interface SectionRange {\n  section: Section;\n  range: {\n    start: number;\n    length: number;\n  };\n}\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;AAmBO,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":[]}
+{"version":3,"names":["_mobx","require","GridSectionsState","constructor","params","_defineProperty2","default","collection","toolbar","groupBy","renderSection","parentState","makeObservable","sections","computed","observable","ref","sectionItemsMap","orderedSections","result","items","forEach","item","sectionId","push","currentIndex","map","sectionItems","section","title","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 type {\n  Section,\n  GroupBy,\n  RenderSection,\n} from '../CollectionSectionHeader';\n\nexport interface SectionRange {\n  sectionId: string;\n  section: Section;\n  range: {\n    start: number;\n    length: number;\n  };\n}\n\nexport interface GridSectionsStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly groupBy: GroupBy<T>;\n  readonly renderSection?: RenderSection<T>;\n  readonly parentState: GridState<T, F>;\n}\n\nexport class GridSectionsState<T, F extends FiltersMap> {\n  groupBy: GroupBy<T>;\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.groupBy = params.groupBy;\n    this.renderSection = params.renderSection;\n    this.parentState = params.parentState;\n\n    makeObservable(this, {\n      sections: computed,\n      groupBy: observable.ref,\n      renderSection: observable.ref,\n    });\n  }\n\n  get sections(): SectionRange[] {\n    const { collection, groupBy, renderSection } = this;\n\n    if (!groupBy) {\n      return [];\n    }\n\n    const sectionItemsMap: Record<string, T[]> = {};\n    const orderedSections: string[] = [];\n\n    collection.result.items.forEach((item) => {\n      const sectionId = groupBy(item);\n\n      if (!sectionItemsMap[sectionId]) {\n        sectionItemsMap[sectionId] = [];\n        orderedSections.push(sectionId);\n      }\n      sectionItemsMap[sectionId].push(item);\n    });\n\n    let currentIndex = 0;\n    return orderedSections.map((sectionId) => {\n      const sectionItems = sectionItemsMap[sectionId];\n\n      const section = renderSection\n        ? renderSection(sectionId, sectionItems)\n        : { title: sectionId };\n\n      const range = {\n        start: currentIndex,\n        length: sectionItems.length,\n      };\n\n      currentIndex += sectionItems.length;\n\n      return { sectionId, section, range };\n    });\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAyBO,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;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACjD,IAAI,CAACC,UAAU,GAAGH,MAAM,CAACG,UAAU;IACnC,IAAI,CAACC,OAAO,GAAGJ,MAAM,CAACI,OAAO;IAC7B,IAAI,CAACC,OAAO,GAAGL,MAAM,CAACK,OAAO;IAC7B,IAAI,CAACC,aAAa,GAAGN,MAAM,CAACM,aAAa;IACzC,IAAI,CAACC,WAAW,GAAGP,MAAM,CAACO,WAAW;IAErC,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,QAAQ,EAAEC,cAAQ;MAClBL,OAAO,EAAEM,gBAAU,CAACC,GAAG;MACvBN,aAAa,EAAEK,gBAAU,CAACC;IAC5B,CAAC,CAAC;EACJ;EAEA,IAAIH,QAAQA,CAAA,EAAmB;IAC7B,MAAM;MAAEN,UAAU;MAAEE,OAAO;MAAEC;IAAc,CAAC,GAAG,IAAI;IAEnD,IAAI,CAACD,OAAO,EAAE;MACZ,OAAO,EAAE;IACX;IAEA,MAAMQ,eAAoC,GAAG,CAAC,CAAC;IAC/C,MAAMC,eAAyB,GAAG,EAAE;IAEpCX,UAAU,CAACY,MAAM,CAACC,KAAK,CAACC,OAAO,CAAEC,IAAI,IAAK;MACxC,MAAMC,SAAS,GAAGd,OAAO,CAACa,IAAI,CAAC;MAE/B,IAAI,CAACL,eAAe,CAACM,SAAS,CAAC,EAAE;QAC/BN,eAAe,CAACM,SAAS,CAAC,GAAG,EAAE;QAC/BL,eAAe,CAACM,IAAI,CAACD,SAAS,CAAC;MACjC;MACAN,eAAe,CAACM,SAAS,CAAC,CAACC,IAAI,CAACF,IAAI,CAAC;IACvC,CAAC,CAAC;IAEF,IAAIG,YAAY,GAAG,CAAC;IACpB,OAAOP,eAAe,CAACQ,GAAG,CAAEH,SAAS,IAAK;MACxC,MAAMI,YAAY,GAAGV,eAAe,CAACM,SAAS,CAAC;MAE/C,MAAMK,OAAO,GAAGlB,aAAa,GACzBA,aAAa,CAACa,SAAS,EAAEI,YAAY,CAAC,GACtC;QAAEE,KAAK,EAAEN;MAAU,CAAC;MAExB,MAAMO,KAAK,GAAG;QACZC,KAAK,EAAEN,YAAY;QACnBO,MAAM,EAAEL,YAAY,CAACK;MACvB,CAAC;MAEDP,YAAY,IAAIE,YAAY,CAACK,MAAM;MAEnC,OAAO;QAAET,SAAS;QAAEK,OAAO;QAAEE;MAAM,CAAC;IACtC,CAAC,CAAC;EACJ;AACF;AAACG,OAAA,CAAA/B,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_ = "Heading1243663101";
+var _namespace_ = "Heading1374074712";
 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": "Heading1243663101__root"
+  "root": "Heading1374074712__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_ = \"Heading1243663101\";\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\":\"Heading1243663101__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_ = \"Heading1374074712\";\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\":\"Heading1374074712__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_ = "InputOverflow399246140";
+var _namespace_ = "InputOverflow884096844";
 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": "InputOverflow399246140__root"
+  "root": "InputOverflow884096844__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_ = \"InputOverflow399246140\";\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\":\"InputOverflow399246140__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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow884096844\";\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\":\"InputOverflow884096844__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":[]}