@wix/patterns 1.263.0 → 1.264.0

package/dist/cjs/state/CollectionPage/useCollectionPageFooter.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useCollectionPageFooter = useCollectionPageFooter;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/CollectionPage/useCollectionPageFooter.tsx";
+function useCollectionPageFooter(child) {
+  const {
+    isPanelLayout
+  } = (0, _react2.useWixPatternsContainer)();
+  if (isPanelLayout) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Footer, (0, _extends2.default)({}, child.props, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 9,
+        columnNumber: 12
+      }
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Page.Footer, (0, _extends2.default)({}, child.props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 11,
+      columnNumber: 10
+    }
+  }));
+}
+//# sourceMappingURL=useCollectionPageFooter.js.map

package/dist/cjs/state/CollectionPage/useCollectionPageFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_jsxFileName","useCollectionPageFooter","child","isPanelLayout","useWixPatternsContainer","default","createElement","SidePanel","Footer","_extends2","props","__self","__source","fileName","lineNumber","columnNumber","Page"],"sources":["../../../../src/state/CollectionPage/useCollectionPageFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { Page, SidePanel } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionPageFooterElement } from '../../components/CollectionPageFooter';\n\nexport function useCollectionPageFooter(child: CollectionPageFooterElement) {\n  const { isPanelLayout } = useWixPatternsContainer();\n  if (isPanelLayout) {\n    return <SidePanel.Footer {...child.props} />;\n  }\n  return <Page.Footer {...child.props} />;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8D,IAAAG,YAAA;AAGvD,SAASC,uBAAuBA,CAACC,KAAkC,EAAE;EAC1E,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACnD,IAAID,aAAa,EAAE;IACjB,oBAAOR,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,SAAS,CAACC,MAAM,MAAAC,SAAA,CAAAJ,OAAA,MAAKH,KAAK,CAACQ,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAb,YAAA;QAAAc,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAC;EAC9C;EACA,oBAAOpB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAkB,IAAI,CAACR,MAAM,MAAAC,SAAA,CAAAJ,OAAA,MAAKH,KAAK,CAACQ,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AACzC","ignoreList":[]}

package/dist/cjs/state/CollectionPage/useCollectionPageHeader.js

@@ -14,6 +14,7 @@ var _useIsMobile = require("../../hooks/useIsMobile");
 var _CollectionPageHeaderStCss = require("./CollectionPageHeader.st.css.js");
 var _pushFactoryIfNotExistsOrAddToTopOfGroup = require("./pushFactoryIfNotExistsOrAddToTopOfGroup");
 var _MoreActions = require("../../components/MoreActions");
+var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/CollectionPage/useCollectionPageHeader.tsx";
 const MoreActionsBySecondaryAction = (0, _mobxReactLite.observer)(({
   child
@@ -27,7 +28,7 @@ const MoreActionsBySecondaryAction = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 22,
       columnNumber: 7
     }
   }) : undefined;
@@ -51,7 +52,7 @@ const MoreActionsBySecondaryAction = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 43,
         columnNumber: 14
       }
     }));
@@ -61,13 +62,27 @@ const MoreActionsBySecondaryAction = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 46,
       columnNumber: 12
     }
   }));
 });
 function useCollectionPageHeader(child) {
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const {
+    isPanelLayout
+  } = (0, _react2.useWixPatternsContainer)();
+  if (isPanelLayout) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
+      title: child.props.title.text,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 55,
+        columnNumber: 12
+      }
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_designSystem.Page.Header, {
     key: child.key,
     className: (0, _CollectionPageHeaderStCss.st)(_CollectionPageHeaderStCss.classes.root, {
@@ -79,7 +94,7 @@ function useCollectionPageHeader(child) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
+        lineNumber: 62,
         columnNumber: 29
       }
     }),
@@ -87,7 +102,7 @@ function useCollectionPageHeader(child) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 59,
+        lineNumber: 65,
         columnNumber: 11
       }
     })) : undefined,
@@ -96,7 +111,7 @@ function useCollectionPageHeader(child) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 63,
+        lineNumber: 69,
         columnNumber: 9
       }
     }, !isMobile && /*#__PURE__*/_react.default.createElement(MoreActionsBySecondaryAction, {
@@ -104,7 +119,7 @@ function useCollectionPageHeader(child) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 64,
+        lineNumber: 70,
         columnNumber: 25
       }
     }), !isMobile && child.props.secondaryActions, child.props.primaryAction),
@@ -113,7 +128,7 @@ function useCollectionPageHeader(child) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 72,
+          lineNumber: 78,
           columnNumber: 22
         }
       });
@@ -121,7 +136,7 @@ function useCollectionPageHeader(child) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 58,
       columnNumber: 5
     }
   });
@@ -137,7 +152,7 @@ const CollectionPageHeaderTitle = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 92,
       columnNumber: 9
     }
   }, state.pageTitle), state.total !== false && !state.hideHeaderTotal && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -147,7 +162,7 @@ const CollectionPageHeaderTitle = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 96,
       columnNumber: 11
     }
   }, state.total));
@@ -159,7 +174,7 @@ const CollectionPageHeaderTitle = (0, _mobxReactLite.observer)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 108,
       columnNumber: 7
     }
   }, titleContent);

package/dist/cjs/state/CollectionPage/useCollectionPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_mobxReactLite","_PageSubTitle","_MoreActionsText","_useIsMobile","_CollectionPageHeaderStCss","_pushFactoryIfNotExistsOrAddToTopOfGroup","_MoreActions","_jsxFileName","MoreActionsBySecondaryAction","observer","child","pageState","useCollectionPageContext","primaryToolbar","featuredActions","getPageFeaturedActions","forceMoreActions","length","default","createElement","MoreActions","__self","__source","fileName","lineNumber","columnNumber","undefined","moreActions","props","type","MoreActionsElementType","moreActionsProps","items","factory","pushFactoryIfNotExistsOrAddToTopOfGroup","secondaryActions","_extends2","MoreActionsText","useCollectionPageHeader","isMobile","useIsMobile","Page","Header","key","className","st","classes","root","mobile","dataHook","title","minimized","CollectionPageHeaderTitle","subtitle","PageSubTitle","actionsBar","Box","gap","primaryAction","breadcrumbs","state","titleContent","Fragment","inline","paddingRight","pageTitle","total","hideHeaderTotal","color","Heading","size"],"sources":["../../../../src/state/CollectionPage/useCollectionPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Heading, Page } from '@wix/design-system';\nimport { CollectionPageHeaderElement } from '../../components/CollectionPageHeaderNew';\nimport { useCollectionPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { PageSubTitle } from '../../components/PageSubTitle';\nimport { MoreActionsText } from '../../components/MoreActions/MoreActionsText';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { classes, st } from './CollectionPageHeader.st.css.js';\nimport { pushFactoryIfNotExistsOrAddToTopOfGroup } from './pushFactoryIfNotExistsOrAddToTopOfGroup';\nimport { MoreActions } from '../../components/MoreActions';\n\nconst MoreActionsBySecondaryAction = observer(\n  ({ child }: { child: CollectionPageHeaderElement }) => {\n    const pageState = useCollectionPageContext();\n    const { primaryToolbar } = pageState;\n\n    const featuredActions = primaryToolbar?.getPageFeaturedActions();\n\n    const forceMoreActions = featuredActions?.length ? (\n      <MoreActions />\n    ) : undefined;\n\n    const moreActions = child.props.moreActions ?? forceMoreActions;\n\n    if (!moreActions) {\n      return null;\n    }\n\n    const { type: MoreActionsElementType, props: moreActionsProps } =\n      moreActions;\n\n    let items = moreActionsProps.items;\n\n    if (featuredActions) {\n      for (const factory of featuredActions) {\n        items = pushFactoryIfNotExistsOrAddToTopOfGroup(items, factory);\n      }\n    }\n\n    if (child.props.secondaryActions) {\n      return <MoreActionsElementType {...moreActionsProps} items={items} />;\n    }\n\n    return <MoreActionsText {...moreActionsProps} items={items} />;\n  },\n);\n\nexport function useCollectionPageHeader(child: CollectionPageHeaderElement) {\n  const isMobile = useIsMobile();\n  return (\n    <Page.Header\n      key={child.key}\n      className={st(classes.root, { mobile: isMobile })}\n      dataHook=\"collection-page-header\"\n      title={(minimized) => <CollectionPageHeaderTitle minimized={minimized} />}\n      subtitle={\n        child.props.subtitle ? (\n          <PageSubTitle {...child.props.subtitle} />\n        ) : undefined\n      }\n      actionsBar={\n        <Box gap=\"SP2\">\n          {!isMobile && <MoreActionsBySecondaryAction child={child} />}\n          {!isMobile && child.props.secondaryActions}\n          {child.props.primaryAction}\n        </Box>\n      }\n      breadcrumbs={\n        isMobile\n          ? () => {\n              return <div></div>;\n            }\n          : child.props.breadcrumbs\n      }\n    />\n  );\n}\n\nconst CollectionPageHeaderTitle = observer(\n  ({ minimized }: { minimized: boolean }) => {\n    const state = useCollectionPageContext();\n    const isMobile = useIsMobile();\n    const titleContent = (\n      <>\n        <Box inline paddingRight=\"9px\">\n          {state.pageTitle}\n        </Box>\n        {state.total !== false && !state.hideHeaderTotal && (\n          <Box inline color=\"D40\" dataHook=\"page-header-total-count\">\n            {state.total}\n          </Box>\n        )}\n      </>\n    );\n\n    if (minimized) {\n      return titleContent;\n    }\n\n    return (\n      <Heading size={isMobile ? 'large' : 'extraLarge'}>{titleContent}</Heading>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_mobxReactLite","_PageSubTitle","_MoreActionsText","_useIsMobile","_CollectionPageHeaderStCss","_pushFactoryIfNotExistsOrAddToTopOfGroup","_MoreActions","_react2","_jsxFileName","MoreActionsBySecondaryAction","observer","child","pageState","useCollectionPageContext","primaryToolbar","featuredActions","getPageFeaturedActions","forceMoreActions","length","default","createElement","MoreActions","__self","__source","fileName","lineNumber","columnNumber","undefined","moreActions","props","type","MoreActionsElementType","moreActionsProps","items","factory","pushFactoryIfNotExistsOrAddToTopOfGroup","secondaryActions","_extends2","MoreActionsText","useCollectionPageHeader","isMobile","useIsMobile","isPanelLayout","useWixPatternsContainer","SidePanel","Header","title","text","Page","key","className","st","classes","root","mobile","dataHook","minimized","CollectionPageHeaderTitle","subtitle","PageSubTitle","actionsBar","Box","gap","primaryAction","breadcrumbs","state","titleContent","Fragment","inline","paddingRight","pageTitle","total","hideHeaderTotal","color","Heading","size"],"sources":["../../../../src/state/CollectionPage/useCollectionPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Heading, Page, SidePanel } from '@wix/design-system';\nimport { CollectionPageHeaderElement } from '../../components/CollectionPageHeaderNew';\nimport { useCollectionPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { PageSubTitle } from '../../components/PageSubTitle';\nimport { MoreActionsText } from '../../components/MoreActions/MoreActionsText';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { classes, st } from './CollectionPageHeader.st.css.js';\nimport { pushFactoryIfNotExistsOrAddToTopOfGroup } from './pushFactoryIfNotExistsOrAddToTopOfGroup';\nimport { MoreActions } from '../../components/MoreActions';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nconst MoreActionsBySecondaryAction = observer(\n  ({ child }: { child: CollectionPageHeaderElement }) => {\n    const pageState = useCollectionPageContext();\n    const { primaryToolbar } = pageState;\n\n    const featuredActions = primaryToolbar?.getPageFeaturedActions();\n\n    const forceMoreActions = featuredActions?.length ? (\n      <MoreActions />\n    ) : undefined;\n\n    const moreActions = child.props.moreActions ?? forceMoreActions;\n\n    if (!moreActions) {\n      return null;\n    }\n\n    const { type: MoreActionsElementType, props: moreActionsProps } =\n      moreActions;\n\n    let items = moreActionsProps.items;\n\n    if (featuredActions) {\n      for (const factory of featuredActions) {\n        items = pushFactoryIfNotExistsOrAddToTopOfGroup(items, factory);\n      }\n    }\n\n    if (child.props.secondaryActions) {\n      return <MoreActionsElementType {...moreActionsProps} items={items} />;\n    }\n\n    return <MoreActionsText {...moreActionsProps} items={items} />;\n  },\n);\n\nexport function useCollectionPageHeader(child: CollectionPageHeaderElement) {\n  const isMobile = useIsMobile();\n  const { isPanelLayout } = useWixPatternsContainer();\n\n  if (isPanelLayout) {\n    return <SidePanel.Header title={child.props.title.text} />;\n  }\n  return (\n    <Page.Header\n      key={child.key}\n      className={st(classes.root, { mobile: isMobile })}\n      dataHook=\"collection-page-header\"\n      title={(minimized) => <CollectionPageHeaderTitle minimized={minimized} />}\n      subtitle={\n        child.props.subtitle ? (\n          <PageSubTitle {...child.props.subtitle} />\n        ) : undefined\n      }\n      actionsBar={\n        <Box gap=\"SP2\">\n          {!isMobile && <MoreActionsBySecondaryAction child={child} />}\n          {!isMobile && child.props.secondaryActions}\n          {child.props.primaryAction}\n        </Box>\n      }\n      breadcrumbs={\n        isMobile\n          ? () => {\n              return <div></div>;\n            }\n          : child.props.breadcrumbs\n      }\n    />\n  );\n}\n\nconst CollectionPageHeaderTitle = observer(\n  ({ minimized }: { minimized: boolean }) => {\n    const state = useCollectionPageContext();\n    const isMobile = useIsMobile();\n    const titleContent = (\n      <>\n        <Box inline paddingRight=\"9px\">\n          {state.pageTitle}\n        </Box>\n        {state.total !== false && !state.hideHeaderTotal && (\n          <Box inline color=\"D40\" dataHook=\"page-header-total-count\">\n            {state.total}\n          </Box>\n        )}\n      </>\n    );\n\n    if (minimized) {\n      return titleContent;\n    }\n\n    return (\n      <Heading size={isMobile ? 'large' : 'extraLarge'}>{titleContent}</Heading>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/FormPage/FormPageHeader.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_ = "FormPageHeader1796825381";
+var _namespace_ = "FormPageHeader3883917094";
 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": "FormPageHeader1796825381__root"
+  "root": "FormPageHeader3883917094__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/FormPage/FormPageHeader.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/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader1796825381\";\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\":\"FormPageHeader1796825381__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader3883917094\";\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\":\"FormPageHeader3883917094__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/styles.global.css

@@ -1 +1 @@
-.CardContainer2488312148__root.CardContainer2488312148--mobile{border-radius:0}.Collapse3409195705__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3409195705__exit{height:0}.CollectionPage3091439071__root.CollectionPage3091439071--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable3574185100__root.CollectionTable3574185100--mobile td:first-child{padding-left:18px}.CollectionTable3574185100__root.CollectionTable3574185100--mobile td:last-child{padding-right:18px}.CollectionToolbar1743802385__left{min-width:0}.CollectionToolbar1743802385__root.CollectionToolbar1743802385--views .CollectionToolbar1743802385__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1743802385__left.CollectionToolbar1743802385--expandable{flex:auto}.CollectionToolbar1743802385__root .CollectionToolbar1743802385__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1743802385__root.CollectionToolbar1743802385--views .CollectionToolbar1743802385__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1743802385__root .CollectionToolbar1743802385__right.CollectionToolbar1743802385__fullWidth{margin-inline-start:0!important}.CollectionToolbar1743802385__root.CollectionToolbar1743802385--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1952909110__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1952909110__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly779197060__root.AutoCompleteReadonly779197060--disableEditing{cursor:pointer}.AutoCompleteReadonly779197060__root.AutoCompleteReadonly779197060--disableEditing input{cursor:pointer}.ViewsDropdown3379161903__root{width:200px}.DragHandle3491303079__root{display:flex;align-items:center}.DragHandle3491303079__root:not(.DragHandle3491303079--disabled){cursor:grab;color:#a8caff}.DragHandle3491303079__root.DragHandle3491303079--disabled{color:#acafc4}.DragHandle3491303079__root:focus-visible:not(.DragHandle3491303079--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3491303079__root.DragHandle3491303079--disabled{pointer-events:none}.DragHandle3491303079__root.DragHandle3491303079--dragging:not(.DragHandle3491303079--disabled){cursor:grabbing}.EntityPagePlain2805193397__root.EntityPagePlain2805193397--mobile{--wds-page-header-padding-horizontal:0}.Fade801000593__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade801000593__root.Fade801000593--exit{opacity:0}.Heading3921377375__root{visibility:visible}.Heading3921377375__root.Heading3921377375--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1473031221__root.InputOverflow1473031221--selected:not(.InputOverflow1473031221--focused) input::placeholder{color:#000624}@keyframes LoadingRow3543269352__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3543269352__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3543269352__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3576219268__root{opacity:1}.MaxHeightText3576219268__root.MaxHeightText3576219268--height24{line-height:24px}.MaxLines1857967116__root{overflow:hidden}.MaxLines1857967116__root.MaxLines1857967116--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1719938158__root{min-width:0}.NestedTablePlaceholderStatesRow2484428981__root td{padding:0!important;width:100%}.NestedTableRow2222993695__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2222993695__root:hover{background-color:#e7f0ff!important}.NestedTableRow2222993695__root.NestedTableRow2222993695--expandable{cursor:pointer}.NestedTableRow2222993695__placeholder td{padding:0!important;width:100%}.NestedTableRow2222993695__root:hover td:first-of-type::before,.NestedTableRow2222993695__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2289837617__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow792121382__root.NestedTableDragAndDropRow792121382--draggingInto td{background-color:#e7f0ff!important}.PickerContent1116485106__root{display:flex}.PickerContentAdditionalStep3791920242__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3791920242__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3878395080__root{box-sizing:border-box}.ScrollableContent4044499270__root.ScrollableContent4044499270--overflowY{overflow-y:auto}.ScrollableContent4044499270__root.ScrollableContent4044499270--overflowX{overflow-x:auto}.ScrollableContent4044499270__root.ScrollableContent4044499270--smooth{scroll-behavior:smooth}.SkeletonCard2427498728__headerLoading{display:block!important}.SlidingModal1740485261__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1740485261__root.SlidingModal1740485261---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal1740485261__root:not(.SlidingModal1740485261--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2458939024__root .TabsFilter2458939024__title{color:inherit!important}.ManageTagsModal1989625989__root{display:flex}.ToolbarItem2780647987__root{min-width:0}.ToolbarItemBox4183899479__root{min-width:0}.ToolbarItemBox4183899479__root.ToolbarItemBox4183899479--removeStartPadding{margin-left:-24px}.ToolbarItemBox4183899479__root.ToolbarItemBox4183899479--expandable{flex:1 0}.common2813459454__column{display:flex;flex-direction:column}.common2813459454__fullHeight{height:100%;min-height:0}.CollectionPageHeader4120272383__root.CollectionPageHeader4120272383--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4120272383__root.CollectionPageHeader4120272383--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1796825381__root.FormPageHeader1796825381--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1796825381__root.FormPageHeader1796825381--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2055806073__root.CardContainer2055806073--mobile{border-radius:0}.Collapse2575569709__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2575569709__exit{height:0}.CollectionPage83339576__root.CollectionPage83339576--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable1873965278__root.CollectionTable1873965278--mobile td:first-child{padding-left:18px}.CollectionTable1873965278__root.CollectionTable1873965278--mobile td:last-child{padding-right:18px}.CollectionToolbar363269901__left{min-width:0}.CollectionToolbar363269901__root.CollectionToolbar363269901--views .CollectionToolbar363269901__left{flex-shrink:1;flex-grow:0}.CollectionToolbar363269901__left.CollectionToolbar363269901--expandable{flex:auto}.CollectionToolbar363269901__root .CollectionToolbar363269901__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar363269901__root.CollectionToolbar363269901--views .CollectionToolbar363269901__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar363269901__root .CollectionToolbar363269901__right.CollectionToolbar363269901__fullWidth{margin-inline-start:0!important}.CollectionToolbar363269901__root.CollectionToolbar363269901--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3001369942__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3001369942__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly789628355__root.AutoCompleteReadonly789628355--disableEditing{cursor:pointer}.AutoCompleteReadonly789628355__root.AutoCompleteReadonly789628355--disableEditing input{cursor:pointer}.ViewsDropdown1461627814__root{width:200px}.DragHandle1355224633__root{display:flex;align-items:center}.DragHandle1355224633__root:not(.DragHandle1355224633--disabled){cursor:grab;color:#a8caff}.DragHandle1355224633__root.DragHandle1355224633--disabled{color:#acafc4}.DragHandle1355224633__root:focus-visible:not(.DragHandle1355224633--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1355224633__root.DragHandle1355224633--disabled{pointer-events:none}.DragHandle1355224633__root.DragHandle1355224633--dragging:not(.DragHandle1355224633--disabled){cursor:grabbing}.EntityPagePlain3842564122__root.EntityPagePlain3842564122--mobile{--wds-page-header-padding-horizontal:0}.Fade1408656930__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1408656930__root.Fade1408656930--exit{opacity:0}.Heading1971196384__root{visibility:visible}.Heading1971196384__root.Heading1971196384--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1986854382__root.InputOverflow1986854382--selected:not(.InputOverflow1986854382--focused) input::placeholder{color:#000624}@keyframes LoadingRow2368040009__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow2368040009__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow2368040009__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText4145661589__root{opacity:1}.MaxHeightText4145661589__root.MaxHeightText4145661589--height24{line-height:24px}.MaxLines2629824244__root{overflow:hidden}.MaxLines2629824244__root.MaxLines2629824244--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar132225335__root{min-width:0}.NestedTablePlaceholderStatesRow3476621018__root td{padding:0!important;width:100%}.NestedTableRow1862023425__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1862023425__root:hover{background-color:#e7f0ff!important}.NestedTableRow1862023425__root.NestedTableRow1862023425--expandable{cursor:pointer}.NestedTableRow1862023425__placeholder td{padding:0!important;width:100%}.NestedTableRow1862023425__root:hover td:first-of-type::before,.NestedTableRow1862023425__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1456717427__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2496377944__root.NestedTableDragAndDropRow2496377944--draggingInto td{background-color:#e7f0ff!important}.PickerContent3767537066__root{display:flex}.PickerContentAdditionalStep919761103__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep919761103__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2671529059__root{box-sizing:border-box}.ScrollableContent438644261__root.ScrollableContent438644261--overflowY{overflow-y:auto}.ScrollableContent438644261__root.ScrollableContent438644261--overflowX{overflow-x:auto}.ScrollableContent438644261__root.ScrollableContent438644261--smooth{scroll-behavior:smooth}.SkeletonCard1949124427__headerLoading{display:block!important}.SlidingModal2512982585__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2512982585__root.SlidingModal2512982585---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal2512982585__root:not(.SlidingModal2512982585--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4153273067__root .TabsFilter4153273067__title{color:inherit!important}.ManageTagsModal3205379865__root{display:flex}.ToolbarItem2832233981__root{min-width:0}.ToolbarItemBox198729933__root{min-width:0}.ToolbarItemBox198729933__root.ToolbarItemBox198729933--removeStartPadding{margin-left:-24px}.ToolbarItemBox198729933__root.ToolbarItemBox198729933--expandable{flex:1 0}.common351681796__column{display:flex;flex-direction:column}.common351681796__fullHeight{height:100%;min-height:0}.CollectionPageHeader191701069__root.CollectionPageHeader191701069--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader191701069__root.CollectionPageHeader191701069--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3883917094__root.FormPageHeader3883917094--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3883917094__root.FormPageHeader3883917094--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/test-utils/WixPatternsEssentialsTestProvider.js

@@ -13,10 +13,12 @@ var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _errorHandler = require("@wix/fe-essentials/error-handler");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/test-utils/WixPatternsEssentialsTestProvider.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function WixPatternsEssentialsTestProvider({
-  children,
-  overrides
-}) {
+function WixPatternsEssentialsTestProvider(props) {
+  const {
+    children,
+    overrides,
+    layoutType
+  } = props;
   const {
     errorMonitor,
     httpClient,
@@ -91,7 +93,7 @@ function WixPatternsEssentialsTestProvider({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 108,
+            lineNumber: 112,
             columnNumber: 42
           }
         })),
@@ -105,10 +107,11 @@ function WixPatternsEssentialsTestProvider({
   return /*#__PURE__*/_react.default.createElement(_providers.CairoProvider, {
     localCache: true,
     value: value,
+    layoutType: layoutType,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 124,
       columnNumber: 5
     }
   }, children);

package/dist/cjs/test-utils/WixPatternsEssentialsTestProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_dataCapsule","_providers","_ExtensionWidget","_interopRequireDefault","_wixUiIconsCommon","_errorHandler","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","WixPatternsEssentialsTestProvider","children","overrides","errorMonitor","httpClient","environment","createChildEssentials","experiments","biLoggerFactory","useEssentials","value","useState","createEssentials","options","_options$experiments","_URLSearchParams$get","_URLSearchParams$get2","scopes","bag","URLSearchParams","window","location","search","includes","fromEntries","split","map","spec","enabled","createComponentSettings","DataCapsule","namespace","scope","strategy","AppSettingsStorageStrategy","host","errorHandler","ErrorHandler","biLoggerOrFactory","createErrorMonitor","createI18n","i18n","v2","useTranslation","Trans","useExperiments","readOnly","user","permissions","componentId","artifactId","join","language","environmentBI","getHostContainer","_","getExtensions","Promise","resolve","title","Extension","props","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","menuItem","IconComponent","Edit","structuredAction","alert","CairoProvider","localCache"],"sources":["../../../src/test-utils/WixPatternsEssentialsTestProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport {\n  WixPatternsEssentials,\n  WixPatternsEssentialsOverrides,\n} from '@wix/bex-core';\nimport {\n  useEssentials,\n  useTranslation,\n  Trans,\n  useExperiments,\n} from '@wix/fe-essentials/react';\nimport {\n  AppSettingsStorageStrategy,\n  DataCapsule,\n} from '@wix/fe-essentials/data-capsule';\nimport { CairoProvider } from '../providers';\nimport ExtensionWidget from './ExtensionWidget';\nimport { Edit } from '@wix/wix-ui-icons-common';\nimport { ErrorHandler } from '@wix/fe-essentials/error-handler';\n\nexport function WixPatternsEssentialsTestProvider({\n  children,\n  overrides,\n}: {\n  children?: ReactNode;\n  overrides?: Partial<WixPatternsEssentialsOverrides>;\n}) {\n  const {\n    errorMonitor,\n    httpClient,\n    environment,\n    createChildEssentials,\n    experiments,\n    biLoggerFactory,\n  } = useEssentials();\n\n  const [value] = useState(\n    (): WixPatternsEssentials => ({\n      createEssentials: (options) =>\n        createChildEssentials({\n          ...options,\n          experiments:\n            options.experiments &&\n            'scopes' in options.experiments &&\n            options.experiments?.scopes[0] === 'cairo'\n              ? {\n                  bag: {\n                    ...(new URLSearchParams(window.location.search)\n                      .get('id')\n                      ?.includes('responsivetoolbar') && {\n                      'specs.cairo.EnableResponsiveToolbar11420': 'true',\n                    }),\n                    ...Object.fromEntries(\n                      new URLSearchParams(window.location.search)\n                        .get('experiments')\n                        ?.split(',')\n                        ?.map((e) => {\n                          const [spec = '', enabled = 'true'] = e.split(':');\n                          return [spec, enabled];\n                        }) ?? [],\n                    ),\n                  },\n                }\n              : options.experiments,\n        }),\n      createComponentSettings: () => () =>\n        new DataCapsule({\n          namespace: '',\n          scope: 'cairo-test',\n          strategy: new AppSettingsStorageStrategy({\n            host: 'other',\n            httpClient,\n          }),\n        }),\n      errorMonitor,\n      errorHandler: new ErrorHandler({\n        biLoggerOrFactory: biLoggerFactory,\n        createErrorMonitor: (options) =>\n          createChildEssentials({ errorMonitor: options }).errorMonitor,\n        environment,\n        createI18n: (options) => createChildEssentials({ i18n: options }).i18n,\n      }).v2,\n      useTranslation,\n      Trans,\n      useExperiments: () => useExperiments({ readOnly: true }),\n      httpClient,\n      experiments,\n      ...overrides,\n      user: {\n        permissions: [],\n        ...overrides?.user,\n      },\n      environment: {\n        ...environment,\n        componentId: [environment.artifactId, 'cairo-test-component'].join('.'),\n        language: 'en-US',\n        ...overrides?.environment,\n      },\n      environmentBI: {\n        artifactId: environment.artifactId,\n      },\n      getHostContainer: (_: string) => ({\n        getExtensions: () =>\n          Promise.resolve([\n            {\n              title: 'Extension',\n              componentId: '',\n              Extension: (props: any) => <ExtensionWidget {...props} />,\n              menuItem: {\n                IconComponent: Edit,\n                structuredAction: () => alert('action'),\n              },\n            },\n          ]),\n      }),\n    }),\n  );\n\n  return (\n    <CairoProvider localCache value={value}>\n      {children}\n    </CairoProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_dataCapsule","_providers","_ExtensionWidget","_interopRequireDefault","_wixUiIconsCommon","_errorHandler","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","WixPatternsEssentialsTestProvider","props","children","overrides","layoutType","errorMonitor","httpClient","environment","createChildEssentials","experiments","biLoggerFactory","useEssentials","value","useState","createEssentials","options","_options$experiments","_URLSearchParams$get","_URLSearchParams$get2","scopes","bag","URLSearchParams","window","location","search","includes","fromEntries","split","map","spec","enabled","createComponentSettings","DataCapsule","namespace","scope","strategy","AppSettingsStorageStrategy","host","errorHandler","ErrorHandler","biLoggerOrFactory","createErrorMonitor","createI18n","i18n","v2","useTranslation","Trans","useExperiments","readOnly","user","permissions","componentId","artifactId","join","language","environmentBI","getHostContainer","_","getExtensions","Promise","resolve","title","Extension","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","menuItem","IconComponent","Edit","structuredAction","alert","CairoProvider","localCache"],"sources":["../../../src/test-utils/WixPatternsEssentialsTestProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport {\n  PatternsLayoutType,\n  WixPatternsEssentials,\n  WixPatternsEssentialsOverrides,\n} from '@wix/bex-core';\nimport {\n  Trans,\n  useEssentials,\n  useExperiments,\n  useTranslation,\n} from '@wix/fe-essentials/react';\nimport {\n  AppSettingsStorageStrategy,\n  DataCapsule,\n} from '@wix/fe-essentials/data-capsule';\nimport { CairoProvider } from '../providers';\nimport ExtensionWidget from './ExtensionWidget';\nimport { Edit } from '@wix/wix-ui-icons-common';\nimport { ErrorHandler } from '@wix/fe-essentials/error-handler';\n\nexport interface WixPatternsEssentialsTestProviderProps {\n  children?: ReactNode;\n  overrides?: Partial<WixPatternsEssentialsOverrides>;\n  layoutType?: PatternsLayoutType;\n}\n\nexport function WixPatternsEssentialsTestProvider(\n  props: WixPatternsEssentialsTestProviderProps,\n) {\n  const { children, overrides, layoutType } = props;\n  const {\n    errorMonitor,\n    httpClient,\n    environment,\n    createChildEssentials,\n    experiments,\n    biLoggerFactory,\n  } = useEssentials();\n\n  const [value] = useState(\n    (): WixPatternsEssentials => ({\n      createEssentials: (options) =>\n        createChildEssentials({\n          ...options,\n          experiments:\n            options.experiments &&\n            'scopes' in options.experiments &&\n            options.experiments?.scopes[0] === 'cairo'\n              ? {\n                  bag: {\n                    ...(new URLSearchParams(window.location.search)\n                      .get('id')\n                      ?.includes('responsivetoolbar') && {\n                      'specs.cairo.EnableResponsiveToolbar11420': 'true',\n                    }),\n                    ...Object.fromEntries(\n                      new URLSearchParams(window.location.search)\n                        .get('experiments')\n                        ?.split(',')\n                        ?.map((e) => {\n                          const [spec = '', enabled = 'true'] = e.split(':');\n                          return [spec, enabled];\n                        }) ?? [],\n                    ),\n                  },\n                }\n              : options.experiments,\n        }),\n      createComponentSettings: () => () =>\n        new DataCapsule({\n          namespace: '',\n          scope: 'cairo-test',\n          strategy: new AppSettingsStorageStrategy({\n            host: 'other',\n            httpClient,\n          }),\n        }),\n      errorMonitor,\n      errorHandler: new ErrorHandler({\n        biLoggerOrFactory: biLoggerFactory,\n        createErrorMonitor: (options) =>\n          createChildEssentials({ errorMonitor: options }).errorMonitor,\n        environment,\n        createI18n: (options) => createChildEssentials({ i18n: options }).i18n,\n      }).v2,\n      useTranslation,\n      Trans,\n      useExperiments: () => useExperiments({ readOnly: true }),\n      httpClient,\n      experiments,\n      ...overrides,\n      user: {\n        permissions: [],\n        ...overrides?.user,\n      },\n      environment: {\n        ...environment,\n        componentId: [environment.artifactId, 'cairo-test-component'].join('.'),\n        language: 'en-US',\n        ...overrides?.environment,\n      },\n      environmentBI: {\n        artifactId: environment.artifactId,\n      },\n      getHostContainer: (_: string) => ({\n        getExtensions: () =>\n          Promise.resolve([\n            {\n              title: 'Extension',\n              componentId: '',\n              Extension: (props: any) => <ExtensionWidget {...props} />,\n              menuItem: {\n                IconComponent: Edit,\n                structuredAction: () => alert('action'),\n              },\n            },\n          ]),\n      }),\n    }),\n  );\n\n  return (\n    <CairoProvider localCache value={value} layoutType={layoutType}>\n      {children}\n    </CairoProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/themes/PatternsTheme.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=PatternsTheme.js.map

package/dist/cjs/themes/PatternsTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/themes/PatternsTheme.ts"],"sourcesContent":["import { IconElement } from '@wix/design-system';\n\ntype Size = 'small' | 'medium' | 'tiny';\n\nexport interface PatternsTheme {\n  name?: string;\n  containerLayout?: 'panel' | 'page';\n  sizes: {\n    medium?: Size;\n    small?: Size;\n  };\n  toolbar: {\n    item: {\n      size?: Size;\n    };\n    button: {\n      suffix?: IconElement;\n    };\n  };\n  radioGroup: {\n    spacing?: string;\n  };\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/themes/PatternsThemeProvider.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.PatternsThemeProvider = exports.PatternsThemeContext = exports.PatternsThemeConsumer = void 0;
+exports.usePatternsTheme = usePatternsTheme;
+var _react = require("react");
+const PatternsThemeContext = exports.PatternsThemeContext = /*#__PURE__*/(0, _react.createContext)({
+  sizes: {},
+  toolbar: {
+    button: {},
+    item: {}
+  },
+  radioGroup: {}
+});
+const PatternsThemeProvider = exports.PatternsThemeProvider = PatternsThemeContext.Provider;
+const PatternsThemeConsumer = exports.PatternsThemeConsumer = PatternsThemeContext.Consumer;
+function usePatternsTheme() {
+  return (0, _react.useContext)(PatternsThemeContext);
+}
+//# sourceMappingURL=PatternsThemeProvider.js.map

package/dist/cjs/themes/PatternsThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","PatternsThemeContext","exports","createContext","sizes","toolbar","button","item","radioGroup","PatternsThemeProvider","Provider","PatternsThemeConsumer","Consumer","usePatternsTheme","useContext"],"sources":["../../../src/themes/PatternsThemeProvider.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { PatternsTheme } from './PatternsTheme';\n\nexport const PatternsThemeContext = createContext<PatternsTheme>({\n  sizes: {},\n  toolbar: {\n    button: {},\n    item: {},\n  },\n  radioGroup: {},\n});\n\nexport const PatternsThemeProvider = PatternsThemeContext.Provider;\nexport const PatternsThemeConsumer = PatternsThemeContext.Consumer;\n\nexport function usePatternsTheme() {\n  return useContext(PatternsThemeContext);\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAG,IAAAE,oBAAa,EAAgB;EAC/DC,KAAK,EAAE,CAAC,CAAC;EACTC,OAAO,EAAE;IACPC,MAAM,EAAE,CAAC,CAAC;IACVC,IAAI,EAAE,CAAC;EACT,CAAC;EACDC,UAAU,EAAE,CAAC;AACf,CAAC,CAAC;AAEK,MAAMC,qBAAqB,GAAAP,OAAA,CAAAO,qBAAA,GAAGR,oBAAoB,CAACS,QAAQ;AAC3D,MAAMC,qBAAqB,GAAAT,OAAA,CAAAS,qBAAA,GAAGV,oBAAoB,CAACW,QAAQ;AAE3D,SAASC,gBAAgBA,CAAA,EAAG;EACjC,OAAO,IAAAC,iBAAU,EAACb,oBAAoB,CAAC;AACzC","ignoreList":[]}

package/dist/cjs/themes/panel-theme.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.panelTheme = void 0;
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/themes/panel-theme.tsx";
+const panelTheme = exports.panelTheme = {
+  name: 'panel',
+  containerLayout: 'panel',
+  sizes: {
+    small: 'tiny',
+    medium: 'small'
+  },
+  toolbar: {
+    item: {
+      size: 'tiny'
+    },
+    button: {
+      suffix: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRightSmall, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 17,
+          columnNumber: 15
+        }
+      })
+    }
+  },
+  radioGroup: {
+    spacing: '0px'
+  }
+};
+//# sourceMappingURL=panel-theme.js.map

package/dist/cjs/themes/panel-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_wixUiIconsCommon","require","_react","_interopRequireDefault","_jsxFileName","panelTheme","exports","name","containerLayout","sizes","small","medium","toolbar","item","size","button","suffix","default","createElement","ChevronRightSmall","__self","__source","fileName","lineNumber","columnNumber","radioGroup","spacing"],"sources":["../../../src/themes/panel-theme.tsx"],"sourcesContent":["import { ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport { PatternsTheme } from './PatternsTheme';\n\nexport const panelTheme: PatternsTheme = {\n  name: 'panel',\n  containerLayout: 'panel',\n  sizes: {\n    small: 'tiny',\n    medium: 'small',\n  },\n  toolbar: {\n    item: {\n      size: 'tiny',\n    },\n    button: {\n      suffix: <ChevronRightSmall />,\n    },\n  },\n  radioGroup: {\n    spacing: '0px',\n  },\n};\n"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,IAAAG,YAAA;AAGnB,MAAMC,UAAyB,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACvCE,IAAI,EAAE,OAAO;EACbC,eAAe,EAAE,OAAO;EACxBC,KAAK,EAAE;IACLC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPC,IAAI,EAAE;MACJC,IAAI,EAAE;IACR,CAAC;IACDC,MAAM,EAAE;MACNC,MAAM,eAAEd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,iBAAA,CAAAmB,iBAAiB;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlB,YAAA;UAAAmB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE;IAC9B;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,OAAO,EAAE;EACX;AACF,CAAC","ignoreList":[]}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.263.0';
+const version = exports.version = 'patterns@1.264.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.263.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.264.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/CardContainer/CardContainer.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CardContainer2488312148";
+var _namespace_ = "CardContainer2055806073";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CardContainer2488312148__root" };
+export var classes = { "root": "CardContainer2055806073__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse3409195705";
+var _namespace_ = "Collapse2575569709";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse3409195705__root", "exit": "Collapse3409195705__exit" };
+export var classes = { "root": "Collapse2575569709__root", "exit": "Collapse2575569709__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionCard/CollectionCard.js

@@ -14,7 +14,7 @@ import { WixPatternsPanelModalsContainer } from '../WixPatternsPanelModalsContai
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 function _CollectionCard({ state, errorState, children, tags, ...rest }) {
     const page = usePageContext();
-    const { containerLayoutType } = useWixPatternsContainer();
+    const { isPanelLayout } = useWixPatternsContainer();
     const { modalsContainerRef, stackingRootRef } = page;
     const { collection, initTask, bulk, AddApplyFiltersButton, collectionDataExtension, tagsCollectionState, } = state;
     const { modals } = bulk;
@@ -44,7 +44,7 @@ function _CollectionCard({ state, errorState, children, tags, ...rest }) {
             React.createElement(LiveRegion, { dataHook: "collection-live-region", ref: (ref) => {
                     state.liveRegionRef.current = ref;
                 } }),
-            containerLayoutType === 'panel' ? (React.createElement(WixPatternsPanelModalsContainer, { state: state.panels })) : (React.createElement(WixPatternsModalsContainer, { rootRef: stackingRootRef, anchorRef: modalsContainerRef, state: state.panels })))));
+            isPanelLayout ? (React.createElement(WixPatternsPanelModalsContainer, { state: state.panels })) : (React.createElement(WixPatternsModalsContainer, { rootRef: stackingRootRef, anchorRef: modalsContainerRef, state: state.panels })))));
 }
 export const CollectionCard = observer(_CollectionCard);
 //# sourceMappingURL=CollectionCard.js.map

package/dist/esm/components/CollectionCard/CollectionCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionCard.js","sourceRoot":"","sources":["../../../../src/components/CollectionCard/CollectionCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CollectionCard.js","sourceRoot":"","sources":["../../../../src/components/CollectionCard/CollectionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAa,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AAEnF,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAmB9D,SAAS,eAAe,CAA0B,EAChD,KAAK,EACL,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,GAAG,IAAI,EACmB;IAC1B,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAE9B,MAAM,EAAE,aAAa,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEpD,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAErD,MAAM,EACJ,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,GACpB,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAExB,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;IAE/B,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,QAAQ,CAAC;IAE5C,IAAI,KAAgB,CAAC;IAErB,IAAI,cAAc,CAAC,OAAO,IAAI,UAAU,KAAK,KAAK,EAAE;QAClD,KAAK,GAAG,CACN,oBAAC,UAAU,IACT,WAAW,EAAE,cAAc,EAC3B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAC,6BAA6B,EACtC,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;KACH;SAAM;QACL,KAAK,GAAG,QAAQ,CAAC;QAEjB,KAAK,GAAG,CACN;YACG,KAAK;YACL,WAAW,CAAC,KAAK,IAAI,CACpB,oBAAC,kBAAkB,IAAC,KAAK,EAAE,WAAW,KAAM,WAAW,CAAC,KAAK,GAAI,CAClE,CACA,CACJ,CAAC;KACH;IAED,OAAO,CACL,oBAAC,yBAAyB,IAAC,KAAK,EAAE,KAAK;QACrC,oBAAC,8BAA8B,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK;YAChD,oBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,KAAM,IAAI;gBAC/D,oBAAC,kBAAkB,IAAC,KAAK,EAAE,UAAU,IAAG,KAAK,CAAsB,CAC9D;YAEP,oBAAC,eAAe,OAAG;YAClB,uBAAuB,EAAE,aAAa,IAAI,CACzC;gBACE,oBAAC,uBAAuB,CAAC,aAAa,CAAC,gBAAgB,IACrD,KAAK,EAAE,uBAAuB,CAAC,iBAAiB,CAAC,gBAAgB,GACjE;gBACF,oBAAC,uBAAuB,CAAC,aAAa,CAAC,iBAAiB,IACtD,KAAK,EACH,uBAAuB,CAAC,iBAAiB,CAAC,iBAAiB,GAE7D,CACD,CACJ;YAED,oBAAC,kBAAkB,IAAC,KAAK,EAAE,UAAU,IAAG,IAAI,CAAsB;YACjE,mBAAmB,IAAI,oBAAC,mBAAmB,CAAC,UAAU,CAAC,WAAW,OAAG;YACrE,qBAAqB,EAAE,mBAAmB,IAAI,CAC7C,oBAAC,qBAAqB,CAAC,mBAAmB,OAAG,CAC9C;YAED,oBAAC,UAAU,IACT,QAAQ,EAAC,wBAAwB,EACjC,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE;oBACX,KAAK,CAAC,aAAa,CAAC,OAAO,GAAG,GAAG,CAAC;gBACpC,CAAC,GACD;YAED,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,+BAA+B,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,GAAI,CACzD,CAAC,CAAC,CAAC,CACF,oBAAC,0BAA0B,IACzB,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE,KAAK,CAAC,MAAM,GACnB,CACH,CAC8B,CACP,CAC7B,CAAC;AACJ,CAAC;AACD,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC"}

package/dist/esm/components/CollectionPageFooter/CollectionPageFooter.js

@@ -0,0 +1,7 @@
+import { useCollectionPageFooter } from '../../state/CollectionPage';
+export function CollectionPageFooter(_props) {
+    return null;
+}
+CollectionPageFooter.useCollectionPageFooter = useCollectionPageFooter;
+CollectionPageFooter.displayName = 'CollectionPageFooter';
+//# sourceMappingURL=CollectionPageFooter.js.map

package/dist/esm/components/CollectionPageFooter/CollectionPageFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionPageFooter.js","sourceRoot":"","sources":["../../../../src/components/CollectionPageFooter/CollectionPageFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAWrE,MAAM,UAAU,oBAAoB,CAAC,MAAiC;IACpE,OAAO,IAAI,CAAC;AACd,CAAC;AAED,oBAAoB,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;AACvE,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/dist/esm/components/CollectionPageFooter/index.js

@@ -0,0 +1,2 @@
+export * from './CollectionPageFooter';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/CollectionPageFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CollectionPageFooter/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/esm/components/CollectionPageNew/CollectionPage.js

@@ -1,4 +1,4 @@
-import { Page } from '@wix/design-system';
+import { Page, SidePanel } from '@wix/design-system';
 import React, { useEffect, useState } from 'react';
 import { useCollectionPageChild } from '../../hooks/useCollectionPageChild';
 import { CollectionPageHeader } from '../CollectionPageHeaderNew';
@@ -11,6 +11,7 @@ import { st, classes } from './CollectionPage.st.css.js';
 import { useCollectionPageState, useWixPatternsContainer, } from '@wix/bex-core/react';
 import { useCollectionPageLoadReporting } from './useCollectionPageLoadReporting';
 import { useIsMobile } from '../../hooks/useIsMobile';
+import { CollectionPageFooter } from '../CollectionPageFooter';
 function _CollectionPage({ children, scrollableContentRef, ...rest }) {
     const wrappedChildren = useCollectionPageChild(children);
     const childrenArr = React.Children.toArray(children);
@@ -33,15 +34,22 @@ function _CollectionPage({ children, scrollableContentRef, ...rest }) {
         withinRouter: !!collectionPageState.withinRouter,
     });
     const isMobile = useIsMobile();
-    return (React.createElement(CollectionPageContextProvider, { value: collectionPageState },
-        React.createElement(PageWrapperBase, { pageState: collectionPageState.pageState },
+    let child;
+    if (container.isPanelLayout) {
+        child = (React.createElement(SidePanel, { width: "100%", skin: "floating" }, wrappedChildren));
+    }
+    else {
+        child = (React.createElement(PageWrapperBase, { pageState: collectionPageState.pageState },
             React.createElement(Page, { className: st(classes.root, { mobile: isMobile }), scrollableContentRef: (el) => {
                     collectionPageState.pageState.scrollableContentRef.current = el;
                     scrollableContentRef?.(el);
-                }, ...rest, minWidth: isMobile ? 0 : undefined }, wrappedChildren))));
+                }, ...rest, minWidth: isMobile ? 0 : undefined }, wrappedChildren)));
+    }
+    return (React.createElement(CollectionPageContextProvider, { value: collectionPageState }, child));
 }
 _CollectionPage.Header = CollectionPageHeader;
 _CollectionPage.Content = CollectionPageContent;
+_CollectionPage.Footer = CollectionPageFooter;
 _CollectionPage.displayName = 'CollectionPage';
 export const CollectionPage = observer(_CollectionPage);
 //# sourceMappingURL=CollectionPage.js.map