@wix/patterns 1.294.0 → 1.299.0

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

@@ -10,6 +10,9 @@ var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _DisabledTooltip = require("../DisabledTooltip");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ActionControl/ActionPopover.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 isActionSubitemLabel(item) {
+  return typeof item === 'object' && item !== null && 'sectionTitle' in item;
+}
 function ActionPopover(props) {
   const {
     actionItem,
@@ -25,31 +28,50 @@ function ActionPopover(props) {
   } = actionItem;
   const allActions = (0, _react.useMemo)(() => {
     return subItems == null ? void 0 : subItems.filter(subItemGroup => subItemGroup == null ? void 0 : subItemGroup.length).reduce((result, group, index, array) => {
-      return [...result, ...group.map(item => {
-        return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
-          prefixIcon: item.prefixIcon,
-          disabled: item.disabled,
-          text: item.label,
-          key: item.label,
-          subtitle: item.subtitle,
-          dataHook: item.dataHook,
-          onClick: item.onClick,
+      const nodes = [];
+      group.forEach((item, itemIndex) => {
+        if (isActionSubitemLabel(item)) {
+          nodes.push(/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.SectionTitle, {
+            key: `section-${index}-${itemIndex}`,
+            title: item.sectionTitle,
+            dataHook: item.dataHook,
+            __self: this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 35,
+              columnNumber: 15
+            }
+          }));
+        } else {
+          nodes.push(/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+            prefixIcon: item.prefixIcon,
+            disabled: item.disabled,
+            text: item.label,
+            key: item.label,
+            subtitle: item.subtitle,
+            dataHook: item.dataHook,
+            onClick: item.onClick,
+            __self: this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 43,
+              columnNumber: 15
+            }
+          }));
+        }
+      });
+      if (index !== array.length - 1) {
+        nodes.push(/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+          key: `divider-${index}`,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 25,
-            columnNumber: 15
+            lineNumber: 57,
+            columnNumber: 22
           }
-        });
-      }), ...(index !== array.length - 1 ? [/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
-        key: index,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 37,
-          columnNumber: 16
-        }
-      })] : [])];
+        }));
+      }
+      return [...result, ...nodes];
     }, []);
   }, [subItems]);
   return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, (0, _extends2.default)({}, popoverMenuProps, {
@@ -62,7 +84,7 @@ function ActionPopover(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 69,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -82,21 +104,21 @@ function ActionPopover(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 65,
+          lineNumber: 86,
           columnNumber: 25
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 52,
+        lineNumber: 73,
         columnNumber: 11
       }
     }, actionItem.label)),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 65,
       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","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":[]}
+{"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","isActionSubitemLabel","item","ActionPopover","props","actionItem","size","priority","onPopoverClick","fullWidth","dataHook","subItems","popoverMenuProps","allActions","useMemo","filter","subItemGroup","length","reduce","result","group","index","array","nodes","forEach","itemIndex","push","createElement","PopoverMenu","SectionTitle","key","title","sectionTitle","__self","__source","fileName","lineNumber","columnNumber","MenuItem","prefixIcon","disabled","text","label","subtitle","onClick","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 {\n  ActionSubItemPrivate,\n  ActionSubitemLabelPrivate,\n} from './ActionSubItemProps';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nfunction isActionSubitemLabel(\n  item: NonNullable<ActionSubItemPrivate['subItems']>[number][number],\n): item is ActionSubitemLabelPrivate {\n  return typeof item === 'object' && item !== null && 'sectionTitle' in item;\n}\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        const nodes: ReactNode[] = [];\n\n        group.forEach((item, itemIndex) => {\n          if (isActionSubitemLabel(item)) {\n            nodes.push(\n              <PopoverMenu.SectionTitle\n                key={`section-${index}-${itemIndex}`}\n                title={item.sectionTitle}\n                dataHook={item.dataHook}\n              />,\n            );\n          } else {\n            nodes.push(\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        });\n\n        if (index !== array.length - 1) {\n          nodes.push(<PopoverMenu.Divider key={`divider-${index}`} />);\n        }\n\n        return [...result, ...nodes];\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/ActionControl/ActionSubItemProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/ActionControl/ActionSubItemProps.tsx"],"sourcesContent":["import { IconElement, PopoverMenuProps } from '@wix/design-system';\n\nexport type ActionSubitem = {\n  /**\n   * A callback that runs each time the button is clicked.\n   * @external\n   */\n  onClick?: any;\n  /**\n   * Button label.\n   * @external\n   */\n  label?: string;\n  /**\n   * Button subtitle. Relevant for buttons inside the popover.\n   * @external\n   */\n  subtitle?: string;\n  /**\n   * An optional Icon prefix.\n   * @external\n   */\n  prefixIcon?: IconElement;\n  /**\n   * An optional tooltip when the popover is disabled.\n   * @external\n   */\n  tooltip?: string;\n  /**\n   * An optional disabled flag.\n   * @external\n   */\n  disabled?: boolean;\n  /**\n   *  A data-hook for the button.\n   * @external\n   */\n  dataHook?: string;\n  /**\n   * A unique name for cairoPageCtaClicked BI event. For example: 'edit'.\n   */\n  biName?: string;\n  /**\n   * Additional info for cairoPageCtaClicked BI event.\n   */\n  biAdditionalInfo?: string;\n  /**\n   * Array of action items to render in a popover menu. Actions can be grouped by using an array of arrays, and a divider will be added between each group.\n   * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem) | [ActionSubitem[][]](./?path=/story/common-types--actionsubitem)\n   * @external\n   */\n  subItems?: ActionSubitem[] | ActionSubitem[][];\n  /**\n   * Custom [PopoverMenuProps](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) to pass to the sub-items popover menu\n   * @external\n   */\n  popoverMenuProps?: Partial<PopoverMenuProps>;\n};\n\nexport type MultiBulkActionSubItem = ActionSubitem;\n\nexport type ActionSubItemPrivate = Omit<ActionSubitem, 'subItems'> & {\n  subItems?: (ActionSubitem & {\n    componentId?: string;\n    appId?: string;\n  })[][];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/ActionControl/ActionSubItemProps.tsx"],"sourcesContent":["import { IconElement, PopoverMenuProps } from '@wix/design-system';\n\nexport type ActionSubitem = {\n  /**\n   * A callback that runs each time the button is clicked.\n   * @external\n   */\n  onClick?: any;\n  /**\n   * Button label.\n   * @external\n   */\n  label?: string;\n  /**\n   * Button subtitle. Relevant for buttons inside the popover.\n   * @external\n   */\n  subtitle?: string;\n  /**\n   * An optional Icon prefix.\n   * @external\n   */\n  prefixIcon?: IconElement;\n  /**\n   * An optional tooltip when the popover is disabled.\n   * @external\n   */\n  tooltip?: string;\n  /**\n   * An optional disabled flag.\n   * @external\n   */\n  disabled?: boolean;\n  /**\n   *  A data-hook for the button.\n   * @external\n   */\n  dataHook?: string;\n  /**\n   * A unique name for cairoPageCtaClicked BI event. For example: 'edit'.\n   */\n  biName?: string;\n  /**\n   * Additional info for cairoPageCtaClicked BI event.\n   */\n  biAdditionalInfo?: string;\n  /**\n   * Array of action items to render in a popover menu. Actions can be grouped by using an array of arrays, and a divider will be added between each group.\n   * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem) | [ActionSubitem[][]](./?path=/story/common-types--actionsubitem)\n   * @external\n   */\n  subItems?: ActionSubitem[] | ActionSubitem[][];\n  /**\n   * Custom [PopoverMenuProps](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) to pass to the sub-items popover menu\n   * @external\n   */\n  popoverMenuProps?: Partial<PopoverMenuProps>;\n};\n\nexport type MultiBulkActionSubItem = ActionSubitem;\n\nexport type ActionSubitemLabelPrivate = {\n  sectionTitle: string;\n  dataHook?: string;\n};\n\nexport type ActionSubItemPrivate = Omit<ActionSubitem, 'subItems'> & {\n  subItems?: (\n    | (ActionSubitem & {\n        componentId?: string;\n        appId?: string;\n      })\n    | ActionSubitemLabelPrivate\n  )[][];\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/CardContainer/CardContainer.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_ = "CardContainer2073959692";
+var _namespace_ = "CardContainer1374240961";
 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": "CardContainer2073959692__root"
+  "root": "CardContainer1374240961__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CardContainer/CardContainer.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/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer2073959692\";\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\":\"CardContainer2073959692__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer1374240961\";\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\":\"CardContainer1374240961__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/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_ = "Collapse1894828700";
+var _namespace_ = "Collapse927227220";
 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": "Collapse1894828700__root",
-  "exit": "Collapse1894828700__exit"
+  "root": "Collapse927227220__root",
+  "exit": "Collapse927227220__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_ = \"Collapse1894828700\";\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\":\"Collapse1894828700__root\",\"exit\":\"Collapse1894828700__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_ = \"Collapse927227220\";\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\":\"Collapse927227220__root\",\"exit\":\"Collapse927227220__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,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,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.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_ = "CollectionPage2843569420";
+var _namespace_ = "CollectionPage4051539634";
 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": "CollectionPage2843569420__root"
+  "root": "CollectionPage4051539634__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionPageNew/CollectionPage.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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage2843569420\";\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\":\"CollectionPage2843569420__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\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\"}; \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,sCAAsC;EAAC,+BAA+B,EAAC;AAAiC,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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage4051539634\";\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\":\"CollectionPage4051539634__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\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\"}; \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,sCAAsC;EAAC,+BAA+B,EAAC;AAAiC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionSearch.js

@@ -6,14 +6,18 @@ exports.CollectionSearch = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@wix/bex-core/react");
+var _useIsMobile = require("../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionSearch.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); }
 const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)(function CollectionSearch({
   onSearchChange,
   onSearchClick,
   onSearchBlur,
+  onExpandChange,
   visibility,
+  expandable,
   ...rest
 }) {
   const collection = (0, _react2.useCollectionContext)();
@@ -23,7 +27,23 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
     },
     translate: t
   } = collection;
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Search, (0, _extends2.default)({
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  const [isSearchExpanded, setIsSearchExpanded] = (0, _react.useState)(!!search.value);
+  const searchInputRef = (0, _react.useRef)(null);
+  const updateExpandedState = (0, _react.useCallback)(isExpanded => {
+    setIsSearchExpanded(isExpanded);
+    onExpandChange == null || onExpandChange(isExpanded);
+  }, [onExpandChange]);
+  const handleCancel = (0, _react.useCallback)(() => {
+    collection.clearSearch();
+    onSearchChange == null || onSearchChange('');
+    if (searchInputRef.current) {
+      searchInputRef.current.blur();
+    }
+    updateExpandedState(false);
+  }, [collection, onSearchChange, updateExpandedState]);
+  const showCancelButton = isMobile && isSearchExpanded;
+  const searchElement = /*#__PURE__*/_react.default.createElement(_designSystem.Search, (0, _extends2.default)({
     dataHook: "collection-search",
     onChange: e => {
       const value = e.target.value;
@@ -32,28 +52,61 @@ const CollectionSearch = exports.CollectionSearch = (0, _mobxReactLite.observer)
       });
       onSearchChange == null || onSearchChange(value);
     },
+    ref: searchInputRef,
     value: search.value,
     onClear: () => {
       const value = '';
       collection.clearSearch();
       onSearchChange == null || onSearchChange(value);
     },
+    expandable: expandable,
+    expandDirection: isMobile ? 'left' : undefined,
     placeholder: t('cairo.searchPlaceholder', {
       defaultValue: ''
     }),
-    onInputClicked: () => onSearchClick == null ? void 0 : onSearchClick(),
+    onInputClicked: () => {
+      updateExpandedState(true);
+      onSearchClick == null || onSearchClick();
+    },
     textOverflow: "ellipsis",
     onBlur: e => {
       const value = e.target.value;
+      if (!value) {
+        updateExpandedState(false);
+      }
       onSearchBlur == null || onSearchBlur(value);
     }
   }, rest, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 60,
       columnNumber: 5
     }
   }));
+  if (isMobile && expandable) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      width: "100%",
+      gap: "SP2",
+      verticalAlign: "middle",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 95,
+        columnNumber: 7
+      }
+    }, searchElement, showCancelButton && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+      dataHook: "collection-search-cancel",
+      onClick: handleCancel,
+      size: "small",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 98,
+        columnNumber: 11
+      }
+    }, t('cairo.cancel.button')));
+  }
+  return searchElement;
 });
 //# sourceMappingURL=CollectionSearch.js.map

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","textOverflow","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\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      textOverflow=\"ellipsis\"\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;EAEd,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,YAAY,EAAC,UAAU;IACvBC,MAAM,EAAGV,CAAC,IAAK;MACb,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM,CAACD,KAAK;MAC5BhB,YAAY,YAAZA,YAAY,CAAGgB,KAAK,CAAC;IACvB;EAAE,GACEd,IAAI;IAAAwB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireWildcard","_react2","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionSearch","exports","observer","onSearchChange","onSearchClick","onSearchBlur","onExpandChange","visibility","expandable","rest","collection","useCollectionContext","query","search","translate","isMobile","useIsMobile","isSearchExpanded","setIsSearchExpanded","useState","value","searchInputRef","useRef","updateExpandedState","useCallback","isExpanded","handleCancel","clearSearch","current","blur","showCancelButton","searchElement","createElement","Search","_extends2","dataHook","onChange","target","clearResult","ref","onClear","expandDirection","undefined","placeholder","defaultValue","onInputClicked","textOverflow","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","width","gap","verticalAlign","TextButton","onClick","size"],"sources":["../../../src/components/CollectionSearch.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Box, Search, SearchProps, TextButton } from '@wix/design-system';\nimport React, { CSSProperties, useState, useRef, useCallback } 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  onExpandChange?: (isExpanded: boolean) => 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  onExpandChange,\n  visibility,\n  expandable,\n  ...rest\n}: CollectionSearchProps) {\n  const collection = useCollectionContext<T, F>();\n  const {\n    query: { search },\n    translate: t,\n  } = collection;\n\n  const isMobile = useIsMobile();\n  const [isSearchExpanded, setIsSearchExpanded] = useState(!!search.value);\n  const searchInputRef = useRef<Search>(null);\n\n  const updateExpandedState = useCallback(\n    (isExpanded: boolean) => {\n      setIsSearchExpanded(isExpanded);\n      onExpandChange?.(isExpanded);\n    },\n    [onExpandChange],\n  );\n\n  const handleCancel = useCallback(() => {\n    collection.clearSearch();\n    onSearchChange?.('');\n\n    if (searchInputRef.current) {\n      searchInputRef.current.blur();\n    }\n\n    updateExpandedState(false);\n  }, [collection, onSearchChange, updateExpandedState]);\n\n  const showCancelButton = isMobile && isSearchExpanded;\n\n  const searchElement = (\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      ref={searchInputRef}\n      value={search.value}\n      onClear={() => {\n        const value = '';\n        collection.clearSearch();\n        onSearchChange?.(value);\n      }}\n      expandable={expandable}\n      expandDirection={isMobile ? 'left' : undefined}\n      placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}\n      onInputClicked={() => {\n        updateExpandedState(true);\n        onSearchClick?.();\n      }}\n      textOverflow=\"ellipsis\"\n      onBlur={(e) => {\n        const value = e.target.value;\n        if (!value) {\n          updateExpandedState(false);\n        }\n        onSearchBlur?.(value);\n      }}\n      {...rest}\n    />\n  );\n\n  if (isMobile && expandable) {\n    return (\n      <Box width=\"100%\" gap=\"SP2\" verticalAlign=\"middle\">\n        {searchElement}\n        {showCancelButton && (\n          <TextButton\n            dataHook=\"collection-search-cancel\"\n            onClick={handleCancel}\n            size=\"small\"\n          >\n            {t('cairo.cancel.button')}\n          </TextButton>\n        )}\n      </Box>\n    );\n  }\n\n  return searchElement;\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -89,7 +89,6 @@ function _CollectionTable(props) {
   } = props;
   const dataExtensionType = (0, _isValidElement.isValidElement)(dataExtension) ? dataExtension.type : dataExtension;
   const state = tableState.toolbar;
-  const showSelection = showSelectionProp ?? bulkActionToolbar != null;
   const horizontalScroll = horizontalScrollProp ?? ((_state$container$inte = state.container.internalExperiments) == null ? void 0 : _state$container$inte.enabled('specs.cairo.HorizontalScrollAsDefault'));
   const {
     scrollableContentRef
@@ -99,11 +98,12 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 209,
+      lineNumber: 207,
       columnNumber: 27
     }
   });
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const showSelection = isMobile ? bulkActionToolbar != null : showSelectionProp ?? bulkActionToolbar != null;
   (0, _useTableCollectionSyncProps.useTableCollectionSyncProps)({
     ...props,
     dataExtension,
@@ -168,7 +168,7 @@ function _CollectionTable(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 265,
+            lineNumber: 267,
             columnNumber: 13
           }
         }, renderedContent) : renderedContent;
@@ -222,7 +222,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 324,
+        lineNumber: 326,
         columnNumber: 11
       }
     }),
@@ -253,7 +253,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 311,
+      lineNumber: 313,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
@@ -277,7 +277,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 355,
+      lineNumber: 357,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
@@ -285,7 +285,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 376,
+      lineNumber: 378,
       columnNumber: 7
     }
   }, useNewInfiniteScrollLoader || internalScroll ? /*#__PURE__*/_react.default.createElement(_PageInfiniteScrollLoader.PageInfiniteScrollLoader, {
@@ -295,7 +295,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 378,
+      lineNumber: 380,
       columnNumber: 11
     }
   }) : undefined, children));
@@ -310,7 +310,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 392,
+        lineNumber: 394,
         columnNumber: 7
       }
     }, table);
@@ -325,7 +325,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 403,
+      lineNumber: 405,
       columnNumber: 5
     }
   }), exportModal ?? state.featuredComponents.exportModal.value, bulkActionModal && /*#__PURE__*/_react.default.createElement(_BulkAction.SingleCollectionBulkActionModal, {
@@ -334,7 +334,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 413,
+      lineNumber: 415,
       columnNumber: 9
     }
   }), table);