@wix/patterns 1.212.0 → 1.214.0

package/dist/cjs/components/ActionControl/ActionButton.js

@@ -12,7 +12,8 @@ function ActionButton(props) {
     actionItem,
     suffixIcon,
     size,
-    priority
+    priority,
+    fullWidth
   } = props;
   const {
     tooltip,
@@ -28,7 +29,7 @@ function ActionButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 19,
+      lineNumber: 20,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -41,10 +42,11 @@ function ActionButton(props) {
     dataHook: dataHook,
     disabled: disabled,
     suffixIcon: suffixIcon,
+    fullWidth: fullWidth,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 20,
+      lineNumber: 21,
       columnNumber: 7
     }
   }, label));

package/dist/cjs/components/ActionControl/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_DisabledTooltip","_jsxFileName","ActionButton","props","actionItem","suffixIcon","size","priority","tooltip","prefixIcon","label","onClick","dataHook","disabled","default","createElement","DisabledTooltip","content","__self","__source","fileName","lineNumber","columnNumber","Button","skin","ellipsis"],"sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@wix/design-system';\nimport React from 'react';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\n\nexport interface ActionButtonProps {\n  actionItem: ActionSubItemPrivate;\n  suffixIcon?: ButtonProps['suffixIcon'];\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n}\n\nexport function ActionButton(props: ActionButtonProps) {\n  const { actionItem, suffixIcon, size, priority } = props;\n  const { tooltip, prefixIcon, label, onClick, dataHook, disabled } =\n    actionItem;\n\n  return (\n    <DisabledTooltip content={tooltip} dataHook={`${dataHook}-tooltip`}>\n      <Button\n        skin=\"standard\"\n        priority={priority}\n        size={size}\n        prefixIcon={prefixIcon}\n        ellipsis\n        onClick={onClick}\n        dataHook={dataHook}\n        disabled={disabled}\n        suffixIcon={suffixIcon}\n      >\n        {label}\n      </Button>\n    </DisabledTooltip>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAqD,IAAAI,YAAA;AAU9C,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACxD,MAAM;IAAEK,OAAO;IAAEC,UAAU;IAAEC,KAAK;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAC/DT,UAAU;EAEZ,oBACEN,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACf,gBAAA,CAAAgB,eAAe;IAACC,OAAO,EAAET,OAAQ;IAACI,QAAQ,EAAE,GAAGA,QAAQ,UAAW;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjExB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA2B,MAAM;IACLC,IAAI,EAAC,UAAU;IACfjB,QAAQ,EAAEA,QAAS;IACnBD,IAAI,EAAEA,IAAK;IACXG,UAAU,EAAEA,UAAW;IACvBgB,QAAQ;IACRd,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBR,UAAU,EAAEA,UAAW;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEtBZ,KACK,CACO,CAAC;AAEtB","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_DisabledTooltip","_jsxFileName","ActionButton","props","actionItem","suffixIcon","size","priority","fullWidth","tooltip","prefixIcon","label","onClick","dataHook","disabled","default","createElement","DisabledTooltip","content","__self","__source","fileName","lineNumber","columnNumber","Button","skin","ellipsis"],"sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@wix/design-system';\nimport React from 'react';\nimport { DisabledTooltip } from '../DisabledTooltip';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\n\nexport interface ActionButtonProps {\n  actionItem: ActionSubItemPrivate;\n  suffixIcon?: ButtonProps['suffixIcon'];\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  fullWidth?: ButtonProps['fullWidth'];\n}\n\nexport function ActionButton(props: ActionButtonProps) {\n  const { actionItem, suffixIcon, size, priority, fullWidth } = props;\n  const { tooltip, prefixIcon, label, onClick, dataHook, disabled } =\n    actionItem;\n\n  return (\n    <DisabledTooltip content={tooltip} dataHook={`${dataHook}-tooltip`}>\n      <Button\n        skin=\"standard\"\n        priority={priority}\n        size={size}\n        prefixIcon={prefixIcon}\n        ellipsis\n        onClick={onClick}\n        dataHook={dataHook}\n        disabled={disabled}\n        suffixIcon={suffixIcon}\n        fullWidth={fullWidth}\n      >\n        {label}\n      </Button>\n    </DisabledTooltip>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAqD,IAAAI,YAAA;AAW9C,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGL,KAAK;EACnE,MAAM;IAAEM,OAAO;IAAEC,UAAU;IAAEC,KAAK;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAC/DV,UAAU;EAEZ,oBACEN,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAAChB,gBAAA,CAAAiB,eAAe;IAACC,OAAO,EAAET,OAAQ;IAACI,QAAQ,EAAE,GAAGA,QAAQ,UAAW;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjEzB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAA4B,MAAM;IACLC,IAAI,EAAC,UAAU;IACflB,QAAQ,EAAEA,QAAS;IACnBD,IAAI,EAAEA,IAAK;IACXI,UAAU,EAAEA,UAAW;IACvBgB,QAAQ;IACRd,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBT,UAAU,EAAEA,UAAW;IACvBG,SAAS,EAAEA,SAAU;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpBZ,KACK,CACO,CAAC;AAEtB","ignoreList":[]}

package/dist/cjs/components/ActionControl/ActionControl.js

@@ -18,14 +18,14 @@ function ActionControl(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
+      lineNumber: 18,
       columnNumber: 21
     }
   })) : /*#__PURE__*/_react.default.createElement(_ActionButton.ActionButton, (0, _extends2.default)({}, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
+      lineNumber: 18,
       columnNumber: 52
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ActionButton","_ActionPopover","_jsxFileName","ActionControl","props","actionItem","subItems","default","createElement","ActionPopover","_extends2","__self","__source","fileName","lineNumber","columnNumber","ActionButton"],"sources":["../../../../src/components/ActionControl/ActionControl.tsx"],"sourcesContent":["import React from 'react';\nimport { ActionButton } from './ActionButton';\nimport { ActionPopover } from './ActionPopover';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\nimport { ButtonProps } from '@wix/design-system';\n\nexport function ActionControl(props: {\n  actionItem: ActionSubItemPrivate;\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  onPopoverClick?: () => void;\n}) {\n  const {\n    actionItem: { subItems },\n  } = props;\n\n  return subItems ? <ActionPopover {...props} /> : <ActionButton {...props} />;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAgD,IAAAG,YAAA;AAIzC,SAASC,aAAaA,CAACC,KAK7B,EAAE;EACD,MAAM;IACJC,UAAU,EAAE;MAAEC;IAAS;EACzB,CAAC,GAAGF,KAAK;EAET,OAAOE,QAAQ,gBAAGT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,cAAA,CAAAQ,aAAa,MAAAC,SAAA,CAAAH,OAAA,MAAKH,KAAK;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC,gBAAGlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,YAAY,MAAAN,SAAA,CAAAH,OAAA,MAAKH,KAAK;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AAC9E","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ActionButton","_ActionPopover","_jsxFileName","ActionControl","props","actionItem","subItems","default","createElement","ActionPopover","_extends2","__self","__source","fileName","lineNumber","columnNumber","ActionButton"],"sources":["../../../../src/components/ActionControl/ActionControl.tsx"],"sourcesContent":["import React from 'react';\nimport { ActionButton } from './ActionButton';\nimport { ActionPopover } from './ActionPopover';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\nimport { ButtonProps } from '@wix/design-system';\n\nexport function ActionControl(props: {\n  actionItem: ActionSubItemPrivate;\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  fullWidth?: ButtonProps['fullWidth'];\n  onPopoverClick?: () => void;\n}) {\n  const {\n    actionItem: { subItems },\n  } = props;\n\n  return subItems ? <ActionPopover {...props} /> : <ActionButton {...props} />;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAgD,IAAAG,YAAA;AAIzC,SAASC,aAAaA,CAACC,KAM7B,EAAE;EACD,MAAM;IACJC,UAAU,EAAE;MAAEC;IAAS;EACzB,CAAC,GAAGF,KAAK;EAET,OAAOE,QAAQ,gBAAGT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,cAAA,CAAAQ,aAAa,MAAAC,SAAA,CAAAH,OAAA,MAAKH,KAAK;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC,gBAAGlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,YAAY,MAAAN,SAAA,CAAAH,OAAA,MAAKH,KAAK;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AAC9E","ignoreList":[]}

package/dist/cjs/components/ActionControl/ActionPopover.js

@@ -15,7 +15,8 @@ function ActionPopover(props) {
     actionItem,
     size,
     priority,
-    onPopoverClick
+    onPopoverClick,
+    fullWidth
   } = props;
   const {
     dataHook,
@@ -36,7 +37,7 @@ function ActionPopover(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 24,
+            lineNumber: 25,
             columnNumber: 15
           }
         });
@@ -45,7 +46,7 @@ function ActionPopover(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 36,
+          lineNumber: 37,
           columnNumber: 16
         }
       })] : [])];
@@ -61,13 +62,14 @@ function ActionPopover(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 47,
+        lineNumber: 48,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
       skin: "standard",
       priority: priority,
       size: size,
+      fullWidth: fullWidth,
       dataHook: actionItem.dataHook,
       onClick: () => {
         onPopoverClick == null || onPopoverClick();
@@ -80,21 +82,21 @@ function ActionPopover(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 63,
+          lineNumber: 65,
           columnNumber: 25
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 51,
+        lineNumber: 52,
         columnNumber: 11
       }
     }, actionItem.label)),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 44,
       columnNumber: 5
     }
   }), allActions);

package/dist/cjs/components/ActionControl/ActionPopover.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_DisabledTooltip","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ActionPopover","props","actionItem","size","priority","onPopoverClick","dataHook","subItems","popoverMenuProps","allActions","useMemo","filter","subItemGroup","length","reduce","result","group","index","array","map","item","createElement","PopoverMenu","MenuItem","prefixIcon","disabled","text","label","key","subtitle","onClick","__self","__source","fileName","lineNumber","columnNumber","Divider","_extends2","undefined","triggerElement","toggle","DisabledTooltip","content","tooltip","Button","skin","ellipsis","suffixIcon","ChevronDown"],"sources":["../../../../src/components/ActionControl/ActionPopover.tsx"],"sourcesContent":["import { PopoverMenu, Button, ButtonProps } from '@wix/design-system';\nimport React, { ReactNode, useMemo } from 'react';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nexport function ActionPopover(props: {\n  actionItem: ActionSubItemPrivate;\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  onPopoverClick?: () => void;\n}) {\n  const { actionItem, size, priority, onPopoverClick } = props;\n  const { dataHook, subItems, popoverMenuProps } = actionItem;\n\n  const allActions = useMemo(() => {\n    return subItems\n      ?.filter((subItemGroup) => subItemGroup?.length)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            return (\n              <PopoverMenu.MenuItem\n                prefixIcon={item.prefixIcon}\n                disabled={item.disabled}\n                text={item.label}\n                key={item.label}\n                subtitle={item.subtitle}\n                dataHook={item.dataHook}\n                onClick={item.onClick}\n              />\n            );\n          }),\n          ...(index !== array.length - 1\n            ? [<PopoverMenu.Divider key={index} />]\n            : []),\n        ];\n      }, []);\n  }, [subItems]);\n\n  return (\n    <PopoverMenu\n      {...popoverMenuProps}\n      dataHook={dataHook ? `${dataHook}-popover` : undefined}\n      triggerElement={({ toggle }) => (\n        <DisabledTooltip\n          content={actionItem.tooltip}\n          dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n        >\n          <Button\n            skin=\"standard\"\n            priority={priority}\n            size={size}\n            dataHook={actionItem.dataHook}\n            onClick={() => {\n              onPopoverClick?.();\n              toggle();\n            }}\n            ellipsis\n            prefixIcon={actionItem.prefixIcon}\n            disabled={actionItem.disabled}\n            suffixIcon={<ChevronDown />}\n          >\n            {actionItem.label}\n          </Button>\n        </DisabledTooltip>\n      )}\n    >\n      {allActions}\n    </PopoverMenu>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_DisabledTooltip","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ActionPopover","props","actionItem","size","priority","onPopoverClick","fullWidth","dataHook","subItems","popoverMenuProps","allActions","useMemo","filter","subItemGroup","length","reduce","result","group","index","array","map","item","createElement","PopoverMenu","MenuItem","prefixIcon","disabled","text","label","key","subtitle","onClick","__self","__source","fileName","lineNumber","columnNumber","Divider","_extends2","undefined","triggerElement","toggle","DisabledTooltip","content","tooltip","Button","skin","ellipsis","suffixIcon","ChevronDown"],"sources":["../../../../src/components/ActionControl/ActionPopover.tsx"],"sourcesContent":["import { PopoverMenu, Button, ButtonProps } from '@wix/design-system';\nimport React, { ReactNode, useMemo } from 'react';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport { ActionSubItemPrivate } from './ActionSubItemProps';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nexport function ActionPopover(props: {\n  actionItem: ActionSubItemPrivate;\n  size?: ButtonProps['size'];\n  priority?: ButtonProps['priority'];\n  fullWidth?: ButtonProps['fullWidth'];\n  onPopoverClick?: () => void;\n}) {\n  const { actionItem, size, priority, onPopoverClick, fullWidth } = props;\n  const { dataHook, subItems, popoverMenuProps } = actionItem;\n\n  const allActions = useMemo(() => {\n    return subItems\n      ?.filter((subItemGroup) => subItemGroup?.length)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            return (\n              <PopoverMenu.MenuItem\n                prefixIcon={item.prefixIcon}\n                disabled={item.disabled}\n                text={item.label}\n                key={item.label}\n                subtitle={item.subtitle}\n                dataHook={item.dataHook}\n                onClick={item.onClick}\n              />\n            );\n          }),\n          ...(index !== array.length - 1\n            ? [<PopoverMenu.Divider key={index} />]\n            : []),\n        ];\n      }, []);\n  }, [subItems]);\n\n  return (\n    <PopoverMenu\n      {...popoverMenuProps}\n      dataHook={dataHook ? `${dataHook}-popover` : undefined}\n      triggerElement={({ toggle }) => (\n        <DisabledTooltip\n          content={actionItem.tooltip}\n          dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n        >\n          <Button\n            skin=\"standard\"\n            priority={priority}\n            size={size}\n            fullWidth={fullWidth}\n            dataHook={actionItem.dataHook}\n            onClick={() => {\n              onPopoverClick?.();\n              toggle();\n            }}\n            ellipsis\n            prefixIcon={actionItem.prefixIcon}\n            disabled={actionItem.disabled}\n            suffixIcon={<ChevronDown />}\n          >\n            {actionItem.label}\n          </Button>\n        </DisabledTooltip>\n      )}\n    >\n      {allActions}\n    </PopoverMenu>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Collapse3359350192";
+var _namespace_ = "Collapse3849883550";
 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": "Collapse3359350192__root",
-  "exit": "Collapse3359350192__exit"
+  "root": "Collapse3849883550__root",
+  "exit": "Collapse3849883550__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse3359350192\";\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\":\"Collapse3359350192__root\",\"exit\":\"Collapse3359350192__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse3849883550\";\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\":\"Collapse3849883550__root\",\"exit\":\"Collapse3849883550__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/CollectionPageNew/CollectionPage.js

@@ -13,8 +13,10 @@ var _CollectionPageContent = require("../CollectionPageContent");
 var _mobxReactLite = require("mobx-react-lite");
 var _providers = require("../../providers");
 var _usePageHeaderNew = require("../../hooks/usePageHeaderNew");
+var _CollectionPageStCss = require("./CollectionPage.st.css.js");
 var _react2 = require("@wix/bex-core/react");
 var _useCollectionPageLoadReporting = require("./useCollectionPageLoadReporting");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionPageNew/CollectionPage.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 _CollectionPage({
@@ -46,12 +48,13 @@ function _CollectionPage({
     startTime: collectionPageState.startTime,
     withinRouter: !!collectionPageState.withinRouter
   });
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   return /*#__PURE__*/_react.default.createElement(_providers.CollectionPageContextProvider, {
     value: collectionPageState,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 67,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_PageWrapper.PageWrapperBase, {
@@ -59,19 +62,23 @@ function _CollectionPage({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 68,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Page, (0, _extends2.default)({
+    className: (0, _CollectionPageStCss.st)(_CollectionPageStCss.classes.root, {
+      mobile: isMobile
+    }),
     scrollableContentRef: el => {
       collectionPageState.pageState.scrollableContentRef.current = el;
       scrollableContentRef == null || scrollableContentRef(el);
     }
   }, rest, {
+    minWidth: isMobile ? 0 : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 69,
       columnNumber: 9
     }
   }), wrappedChildren)));

package/dist/cjs/components/CollectionPageNew/CollectionPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_useCollectionPageChild","_CollectionPageHeaderNew","_PageWrapper","_CollectionPageContent","_mobxReactLite","_providers","_usePageHeaderNew","_react2","_useCollectionPageLoadReporting","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionPage","children","scrollableContentRef","rest","wrappedChildren","useCollectionPageChild","childrenArr","React","Children","toArray","title","pageTitle","hideTotal","hideHeaderTotal","header","usePageHeader","container","useWixPatternsContainer","reportBI","useState","createBILogger","componentType","pageType","route","window","location","pathname","collectionPageState","useCollectionPageState","hasHeader","useEffect","init","useCollectionPageLoadReporting","startTime","withinRouter","createElement","CollectionPageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","PageWrapperBase","pageState","Page","_extends2","el","current","Header","CollectionPageHeader","Content","CollectionPageContent","displayName","CollectionPage","exports","observer"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.tsx"],"sourcesContent":["import { PageProps, Page } from '@wix/design-system';\nimport React, { ReactNode, useEffect, useState } from 'react';\nimport { useCollectionPageChild } from '../../hooks/useCollectionPageChild';\nimport { CollectionPageHeader } from '../CollectionPageHeaderNew';\nimport { PageWrapperBase } from '../PageWrapper';\nimport { CollectionPageContent } from '../CollectionPageContent';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionPageContextProvider } from '../../providers';\nimport { usePageHeader } from '../../hooks/usePageHeaderNew';\nimport {\n  useCollectionPageState,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\nimport { useCollectionPageLoadReporting } from './useCollectionPageLoadReporting';\n\nexport interface CollectionPageProps extends PageProps {\n  /**\n   * Accepts [CollectionPage.Header](./?path=/story/base-components-pages-collection-page--collectionpage-header) and [CollectionPage.Content](./?path=/story/base-components-pages-collection-page--collectionpage-content) elements\n   * @external\n   */\n  children?: ReactNode;\n}\n\nfunction _CollectionPage({\n  children,\n  scrollableContentRef,\n  ...rest\n}: CollectionPageProps) {\n  const wrappedChildren = useCollectionPageChild(children);\n  const childrenArr = React.Children.toArray(children);\n  const {\n    title: pageTitle,\n    hideTotal: hideHeaderTotal,\n    header,\n  } = usePageHeader(childrenArr);\n  const container = useWixPatternsContainer();\n\n  const [reportBI] = useState(() =>\n    container.createBILogger({\n      componentType: 'Collection page',\n      pageType: 'Collection',\n      route: window.location.pathname,\n    }),\n  );\n\n  const collectionPageState = useCollectionPageState({\n    reportBI,\n    pageTitle,\n    hasHeader: header != null,\n    hideHeaderTotal,\n  });\n\n  useEffect(() => collectionPageState.init(), []);\n\n  useCollectionPageLoadReporting({\n    startTime: collectionPageState.startTime,\n    withinRouter: !!collectionPageState.withinRouter,\n  });\n\n  return (\n    <CollectionPageContextProvider value={collectionPageState}>\n      <PageWrapperBase pageState={collectionPageState.pageState}>\n        <Page\n          scrollableContentRef={(el) => {\n            collectionPageState.pageState.scrollableContentRef.current = el;\n            scrollableContentRef?.(el);\n          }}\n          {...rest}\n        >\n          {wrappedChildren}\n        </Page>\n      </PageWrapperBase>\n    </CollectionPageContextProvider>\n  );\n}\n\n_CollectionPage.Header = CollectionPageHeader;\n_CollectionPage.Content = CollectionPageContent;\n\n_CollectionPage.displayName = 'CollectionPage';\n\nexport const CollectionPage = observer(_CollectionPage);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_useCollectionPageChild","_CollectionPageHeaderNew","_PageWrapper","_CollectionPageContent","_mobxReactLite","_providers","_usePageHeaderNew","_CollectionPageStCss","_react2","_useCollectionPageLoadReporting","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionPage","children","scrollableContentRef","rest","wrappedChildren","useCollectionPageChild","childrenArr","React","Children","toArray","title","pageTitle","hideTotal","hideHeaderTotal","header","usePageHeader","container","useWixPatternsContainer","reportBI","useState","createBILogger","componentType","pageType","route","window","location","pathname","collectionPageState","useCollectionPageState","hasHeader","useEffect","init","useCollectionPageLoadReporting","startTime","withinRouter","isMobile","useIsMobile","createElement","CollectionPageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","PageWrapperBase","pageState","Page","_extends2","className","st","classes","root","mobile","el","current","minWidth","undefined","Header","CollectionPageHeader","Content","CollectionPageContent","displayName","CollectionPage","exports","observer"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.tsx"],"sourcesContent":["import { PageProps, Page } from '@wix/design-system';\nimport React, { ReactNode, useEffect, useState } from 'react';\nimport { useCollectionPageChild } from '../../hooks/useCollectionPageChild';\nimport { CollectionPageHeader } from '../CollectionPageHeaderNew';\nimport { PageWrapperBase } from '../PageWrapper';\nimport { CollectionPageContent } from '../CollectionPageContent';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionPageContextProvider } from '../../providers';\nimport { usePageHeader } from '../../hooks/usePageHeaderNew';\nimport { st, classes } from './CollectionPage.st.css.js';\n\nimport {\n  useCollectionPageState,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\n\nimport { useCollectionPageLoadReporting } from './useCollectionPageLoadReporting';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport interface CollectionPageProps extends PageProps {\n  /**\n   * Accepts [CollectionPage.Header](./?path=/story/base-components-pages-collection-page--collectionpage-header) and [CollectionPage.Content](./?path=/story/base-components-pages-collection-page--collectionpage-content) elements\n   * @external\n   */\n  children?: ReactNode;\n}\n\nfunction _CollectionPage({\n  children,\n  scrollableContentRef,\n  ...rest\n}: CollectionPageProps) {\n  const wrappedChildren = useCollectionPageChild(children);\n  const childrenArr = React.Children.toArray(children);\n  const {\n    title: pageTitle,\n    hideTotal: hideHeaderTotal,\n    header,\n  } = usePageHeader(childrenArr);\n  const container = useWixPatternsContainer();\n\n  const [reportBI] = useState(() =>\n    container.createBILogger({\n      componentType: 'Collection page',\n      pageType: 'Collection',\n      route: window.location.pathname,\n    }),\n  );\n\n  const collectionPageState = useCollectionPageState({\n    reportBI,\n    pageTitle,\n    hasHeader: header != null,\n    hideHeaderTotal,\n  });\n\n  useEffect(() => collectionPageState.init(), []);\n\n  useCollectionPageLoadReporting({\n    startTime: collectionPageState.startTime,\n    withinRouter: !!collectionPageState.withinRouter,\n  });\n\n  const isMobile = useIsMobile();\n\n  return (\n    <CollectionPageContextProvider value={collectionPageState}>\n      <PageWrapperBase pageState={collectionPageState.pageState}>\n        <Page\n          className={st(classes.root, { mobile: isMobile })}\n          scrollableContentRef={(el) => {\n            collectionPageState.pageState.scrollableContentRef.current = el;\n            scrollableContentRef?.(el);\n          }}\n          {...rest}\n          minWidth={isMobile ? 0 : undefined}\n        >\n          {wrappedChildren}\n        </Page>\n      </PageWrapperBase>\n    </CollectionPageContextProvider>\n  );\n}\n\n_CollectionPage.Header = CollectionPageHeader;\n_CollectionPage.Content = CollectionPageContent;\n\n_CollectionPage.displayName = 'CollectionPage';\n\nexport const CollectionPage = observer(_CollectionPage);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,sBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AACA,IAAAU,oBAAA,GAAAV,OAAA;AAEA,IAAAW,OAAA,GAAAX,OAAA;AAKA,IAAAY,+BAAA,GAAAZ,OAAA;AACA,IAAAa,YAAA,GAAAb,OAAA;AAAsD,IAAAc,YAAA;AAAA,SAAAZ,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAa,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;AAUtD,SAASkB,eAAeA,CAAC;EACvBC,QAAQ;EACRC,oBAAoB;EACpB,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAMC,eAAe,GAAG,IAAAC,8CAAsB,EAACJ,QAAQ,CAAC;EACxD,MAAMK,WAAW,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACR,QAAQ,CAAC;EACpD,MAAM;IACJS,KAAK,EAAEC,SAAS;IAChBC,SAAS,EAAEC,eAAe;IAC1BC;EACF,CAAC,GAAG,IAAAC,+BAAa,EAACT,WAAW,CAAC;EAC9B,MAAMU,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE3C,MAAM,CAACC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAC1BH,SAAS,CAACI,cAAc,CAAC;IACvBC,aAAa,EAAE,iBAAiB;IAChCC,QAAQ,EAAE,YAAY;IACtBC,KAAK,EAAEC,MAAM,CAACC,QAAQ,CAACC;EACzB,CAAC,CACH,CAAC;EAED,MAAMC,mBAAmB,GAAG,IAAAC,8BAAsB,EAAC;IACjDV,QAAQ;IACRP,SAAS;IACTkB,SAAS,EAAEf,MAAM,IAAI,IAAI;IACzBD;EACF,CAAC,CAAC;EAEF,IAAAiB,gBAAS,EAAC,MAAMH,mBAAmB,CAACI,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAE/C,IAAAC,8DAA8B,EAAC;IAC7BC,SAAS,EAAEN,mBAAmB,CAACM,SAAS;IACxCC,YAAY,EAAE,CAAC,CAACP,mBAAmB,CAACO;EACtC,CAAC,CAAC;EAEF,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,oBACErE,MAAA,CAAAwB,OAAA,CAAA8C,aAAA,CAAC/D,UAAA,CAAAgE,6BAA6B;IAACC,KAAK,EAAEZ,mBAAoB;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxD7E,MAAA,CAAAwB,OAAA,CAAA8C,aAAA,CAAClE,YAAA,CAAA0E,eAAe;IAACC,SAAS,EAAEnB,mBAAmB,CAACmB,SAAU;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxD7E,MAAA,CAAAwB,OAAA,CAAA8C,aAAA,CAACxE,aAAA,CAAAkF,IAAI,MAAAC,SAAA,CAAAzD,OAAA;IACH0D,SAAS,EAAE,IAAAC,uBAAE,EAACC,4BAAO,CAACC,IAAI,EAAE;MAAEC,MAAM,EAAElB;IAAS,CAAC,CAAE;IAClDjC,oBAAoB,EAAGoD,EAAE,IAAK;MAC5B3B,mBAAmB,CAACmB,SAAS,CAAC5C,oBAAoB,CAACqD,OAAO,GAAGD,EAAE;MAC/DpD,oBAAoB,YAApBA,oBAAoB,CAAGoD,EAAE,CAAC;IAC5B;EAAE,GACEnD,IAAI;IACRqD,QAAQ,EAAErB,QAAQ,GAAG,CAAC,GAAGsB,SAAU;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,IAElCxC,eACG,CACS,CACY,CAAC;AAEpC;AAEAJ,eAAe,CAAC0D,MAAM,GAAGC,6CAAoB;AAC7C3D,eAAe,CAAC4D,OAAO,GAAGC,4CAAqB;AAE/C7D,eAAe,CAAC8D,WAAW,GAAG,gBAAgB;AAEvC,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAACjE,eAAe,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css

@@ -0,0 +1,9 @@
+@property st-global(--wds-page-header-padding-horizontal);
+
+.root {
+  -st-states: mobile;
+}
+
+.root:mobile {
+  --wds-page-header-padding-horizontal: 24px;
+}

package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "CollectionPage1750757517";
+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": "CollectionPage1750757517__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-page-header-padding-horizontal": "--wds-page-header-padding-horizontal"
+};
+//# sourceMappingURL=CollectionPage.st.css.js.map

package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js.map

@@ -0,0 +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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage1750757517\";\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\":\"CollectionPage1750757517__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,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;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionSearch.js

@@ -8,6 +8,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@wix/bex-core/react");
+var _useIsMobile = require("../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionSearch.tsx";
 const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)(function CollectionSearch({
   onSearchChange,
@@ -23,6 +24,7 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
     },
     translate: t
   } = collection;
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Search, (0, _extends2.default)({
     dataHook: "collection-search",
     onChange: e => {
@@ -45,12 +47,13 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
     onBlur: e => {
       const value = e.target.value;
       onSearchBlur == null || onSearchBlur(value);
-    }
+    },
+    expandable: isMobile
   }, rest, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 32,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_react2","_jsxFileName","CollectionSearch","exports","observer","onSearchChange","onSearchClick","onSearchBlur","visibility","rest","collection","useCollectionContext","query","search","translate","t","default","createElement","Search","_extends2","dataHook","onChange","e","value","target","clearResult","onClear","clearSearch","placeholder","defaultValue","onInputClicked","onBlur","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/components/CollectionSearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Search, SearchProps } from '@wix/design-system';\nimport React, { CSSProperties } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useCollectionContext } from '@wix/bex-core/react';\n\nexport interface CollectionSearchProps extends Partial<SearchProps> {\n  onSearchChange?: (value: string) => unknown;\n  onSearchClick?: () => unknown;\n  onSearchBlur?: (value: string) => unknown;\n  visibility?: CSSProperties['visibility'];\n}\n\nexport const CollectionSearch = observer(function CollectionSearch<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({\n  onSearchChange,\n  onSearchClick,\n  onSearchBlur,\n  visibility,\n  ...rest\n}: CollectionSearchProps) {\n  const collection = useCollectionContext<T, F>();\n  const {\n    query: { search },\n    translate: t,\n  } = collection;\n  return (\n    <Search\n      dataHook=\"collection-search\"\n      onChange={(e) => {\n        const value = e.target.value;\n        collection.search(e.target.value, { clearResult: true });\n        onSearchChange?.(value);\n      }}\n      value={search.value}\n      onClear={() => {\n        const value = '';\n        collection.clearSearch();\n        onSearchChange?.(value);\n      }}\n      placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}\n      onInputClicked={() => onSearchClick?.()}\n      onBlur={(e) => {\n        const value = e.target.value;\n        onSearchBlur?.(value);\n      }}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAA2D,IAAAK,YAAA;AASpD,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASF,gBAAgBA,CAGhE;EACAG,cAAc;EACdC,aAAa;EACbC,YAAY;EACZC,UAAU;EACV,GAAGC;AACkB,CAAC,EAAE;EACxB,MAAMC,UAAU,GAAG,IAAAC,4BAAoB,EAAO,CAAC;EAC/C,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAO,CAAC;IACjBC,SAAS,EAAEC;EACb,CAAC,GAAGL,UAAU;EACd,oBACEZ,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqB,MAAM,MAAAC,SAAA,CAAAH,OAAA;IACLI,QAAQ,EAAC,mBAAmB;IAC5BC,QAAQ,EAAGC,CAAC,IAAK;MACf,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5Bb,UAAU,CAACG,MAAM,CAACS,CAAC,CAACE,MAAM,CAACD,KAAK,EAAE;QAAEE,WAAW,EAAE;MAAK,CAAC,CAAC;MACxDpB,cAAc,YAAdA,cAAc,CAAGkB,KAAK,CAAC;IACzB,CAAE;IACFA,KAAK,EAAEV,MAAM,CAACU,KAAM;IACpBG,OAAO,EAAEA,CAAA,KAAM;MACb,MAAMH,KAAK,GAAG,EAAE;MAChBb,UAAU,CAACiB,WAAW,CAAC,CAAC;MACxBtB,cAAc,YAAdA,cAAc,CAAGkB,KAAK,CAAC;IACzB,CAAE;IACFK,WAAW,EAAEb,CAAC,CAAC,yBAAyB,EAAE;MAAEc,YAAY,EAAE;IAAG,CAAC,CAAE;IAChEC,cAAc,EAAEA,CAAA,KAAMxB,aAAa,oBAAbA,aAAa,CAAG,CAAE;IACxCyB,MAAM,EAAGT,CAAC,IAAK;MACb,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5BhB,YAAY,YAAZA,YAAY,CAAGgB,KAAK,CAAC;IACvB;EAAE,GACEd,IAAI;IAAAuB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_react2","_useIsMobile","_jsxFileName","CollectionSearch","exports","observer","onSearchChange","onSearchClick","onSearchBlur","visibility","rest","collection","useCollectionContext","query","search","translate","t","isMobile","useIsMobile","default","createElement","Search","_extends2","dataHook","onChange","e","value","target","clearResult","onClear","clearSearch","placeholder","defaultValue","onInputClicked","onBlur","expandable","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/components/CollectionSearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Search, SearchProps } from '@wix/design-system';\nimport React, { CSSProperties } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useCollectionContext } from '@wix/bex-core/react';\nimport { useIsMobile } from '../hooks/useIsMobile';\n\nexport interface CollectionSearchProps extends Partial<SearchProps> {\n  onSearchChange?: (value: string) => unknown;\n  onSearchClick?: () => unknown;\n  onSearchBlur?: (value: string) => unknown;\n  visibility?: CSSProperties['visibility'];\n}\n\nexport const CollectionSearch = observer(function CollectionSearch<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({\n  onSearchChange,\n  onSearchClick,\n  onSearchBlur,\n  visibility,\n  ...rest\n}: CollectionSearchProps) {\n  const collection = useCollectionContext<T, F>();\n  const {\n    query: { search },\n    translate: t,\n  } = collection;\n  const isMobile = useIsMobile();\n  return (\n    <Search\n      dataHook=\"collection-search\"\n      onChange={(e) => {\n        const value = e.target.value;\n        collection.search(e.target.value, { clearResult: true });\n        onSearchChange?.(value);\n      }}\n      value={search.value}\n      onClear={() => {\n        const value = '';\n        collection.clearSearch();\n        onSearchChange?.(value);\n      }}\n      placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}\n      onInputClicked={() => onSearchClick?.()}\n      onBlur={(e) => {\n        const value = e.target.value;\n        onSearchBlur?.(value);\n      }}\n      expandable={isMobile}\n      {...rest}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAAmD,IAAAM,YAAA;AAS5C,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAC,SAASF,gBAAgBA,CAGhE;EACAG,cAAc;EACdC,aAAa;EACbC,YAAY;EACZC,UAAU;EACV,GAAGC;AACkB,CAAC,EAAE;EACxB,MAAMC,UAAU,GAAG,IAAAC,4BAAoB,EAAO,CAAC;EAC/C,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAO,CAAC;IACjBC,SAAS,EAAEC;EACb,CAAC,GAAGL,UAAU;EACd,MAAMM,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAC9B,oBACEpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAwB,MAAM,MAAAC,SAAA,CAAAH,OAAA;IACLI,QAAQ,EAAC,mBAAmB;IAC5BC,QAAQ,EAAGC,CAAC,IAAK;MACf,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5Bf,UAAU,CAACG,MAAM,CAACW,CAAC,CAACE,MAAM,CAACD,KAAK,EAAE;QAAEE,WAAW,EAAE;MAAK,CAAC,CAAC;MACxDtB,cAAc,YAAdA,cAAc,CAAGoB,KAAK,CAAC;IACzB,CAAE;IACFA,KAAK,EAAEZ,MAAM,CAACY,KAAM;IACpBG,OAAO,EAAEA,CAAA,KAAM;MACb,MAAMH,KAAK,GAAG,EAAE;MAChBf,UAAU,CAACmB,WAAW,CAAC,CAAC;MACxBxB,cAAc,YAAdA,cAAc,CAAGoB,KAAK,CAAC;IACzB,CAAE;IACFK,WAAW,EAAEf,CAAC,CAAC,yBAAyB,EAAE;MAAEgB,YAAY,EAAE;IAAG,CAAC,CAAE;IAChEC,cAAc,EAAEA,CAAA,KAAM1B,aAAa,oBAAbA,aAAa,CAAG,CAAE;IACxC2B,MAAM,EAAGT,CAAC,IAAK;MACb,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5BlB,YAAY,YAAZA,YAAY,CAAGkB,KAAK,CAAC;IACvB,CAAE;IACFS,UAAU,EAAElB;EAAS,GACjBP,IAAI;IAAA0B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.js

@@ -13,6 +13,7 @@ var _CollectionToolbars = require("../CollectionToolbars");
 var _BorderOnlyBox = require("../BorderOnlyBox");
 var _commonStCss = require("../common.st.css.js");
 var _react2 = require("@wix/bex-core/react");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionTable/CollectionTableWSRTable.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 _CollectionTableWSRTable(props) {
@@ -51,6 +52,7 @@ function _CollectionTableWSRTable(props) {
     onSelectionChanged,
     moreActions
   } = props;
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   const {
     toolbar,
     tableState: table,
@@ -90,20 +92,51 @@ function _CollectionTableWSRTable(props) {
   const tableSkeletonEnabled = (_toolbar$container$in = toolbar.container.internalExperiments) == null ? void 0 : _toolbar$container$in.enabled('specs.cairo.TableSkeletonLoader');
   const hideTitleBar = !size || table.showLoadingState || initTask.status.isError;
   const showBorderBox = !(tableSkeletonEnabled && table.showLoadingState) && (hideTitleBar || !showTitleBar);
+  const tableColumns = isMobile ? [{
+    id: 'tableColumn',
+    title: '',
+    render: (params, index) => {
+      var _columns$0$render, _columns$, _columns$1$render, _columns$2;
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        direction: "vertical",
+        gap: "SP2",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 170,
+          columnNumber: 13
+        }
+      }, columns[0] && /*#__PURE__*/_react.default.createElement("div", {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 171,
+          columnNumber: 30
+        }
+      }, (_columns$0$render = (_columns$ = columns[0]).render) == null ? void 0 : _columns$0$render.call(_columns$, params, index)), columns[1] && /*#__PURE__*/_react.default.createElement("div", {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 172,
+          columnNumber: 30
+        }
+      }, (_columns$1$render = (_columns$2 = columns[1]).render) == null ? void 0 : _columns$1$render.call(_columns$2, params, index)));
+    }
+  }] : columns;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-hook": "collection-table",
     className: (0, _commonStCss.st)(_commonStCss.classes.fullHeight, _commonStCss.classes.column),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 163,
+      lineNumber: 180,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, props, {
     withWrapper: false,
     data: keyedItems,
     viewportRef: stackingRootRef,
-    columns: columns,
+    columns: tableColumns,
     onRowClick: onRowClick ? handleRowCLick : undefined
     // this forces WSR <Table/> to render the loader even when `data.length=0`
     ,
@@ -119,7 +152,7 @@ function _CollectionTableWSRTable(props) {
       showSelection,
       stickySelectionColumn
     }),
-    showSelection: showSelection,
+    showSelection: !isMobile && showSelection,
     selectedIds: bulk.selectedIds,
     onSelectionStarted: state.toolbar.onSelectionStarted,
     onSelectionChanged: onSelectionChanged ?? ((_selectedIds, _change) => {
@@ -128,7 +161,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 184,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionToolbars.CollectionToolbars, {
@@ -152,7 +185,7 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 225,
+        lineNumber: 242,
         columnNumber: 33
       }
     }), !hideTitleBar && /*#__PURE__*/_react.default.createElement("div", {
@@ -163,14 +196,14 @@ function _CollectionTableWSRTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 227,
+        lineNumber: 244,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Titlebar, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 231,
+        lineNumber: 248,
         columnNumber: 19
       }
     }))),
@@ -183,7 +216,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 204,
+      lineNumber: 221,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
@@ -191,7 +224,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 243,
+      lineNumber: 260,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -203,7 +236,7 @@ function _CollectionTableWSRTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 244,
+      lineNumber: 261,
       columnNumber: 11
     }
   }, children))));