@wix/patterns 1.212.0 → 1.214.0

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

@@ -1 +1 @@
-{"version":3,"file":"ActionControl.js","sourceRoot":"","sources":["../../../../src/components/ActionControl/ActionControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,UAAU,aAAa,CAAC,KAK7B;IACC,MAAM,EACJ,UAAU,EAAE,EAAE,QAAQ,EAAE,GACzB,GAAG,KAAK,CAAC;IAEV,OAAO,QAAQ,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,oBAAC,YAAY,OAAK,KAAK,GAAI,CAAC;AAC/E,CAAC"}
+{"version":3,"file":"ActionControl.js","sourceRoot":"","sources":["../../../../src/components/ActionControl/ActionControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,UAAU,aAAa,CAAC,KAM7B;IACC,MAAM,EACJ,UAAU,EAAE,EAAE,QAAQ,EAAE,GACzB,GAAG,KAAK,CAAC;IAEV,OAAO,QAAQ,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,oBAAC,YAAY,OAAK,KAAK,GAAI,CAAC;AAC/E,CAAC"}

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

@@ -3,7 +3,7 @@ import React, { useMemo } from 'react';
 import { ChevronDown } from '@wix/wix-ui-icons-common';
 import { DisabledTooltip } from '../DisabledTooltip';
 export function ActionPopover(props) {
-    const { actionItem, size, priority, onPopoverClick } = props;
+    const { actionItem, size, priority, onPopoverClick, fullWidth } = props;
     const { dataHook, subItems, popoverMenuProps } = actionItem;
     const allActions = useMemo(() => {
         return subItems
@@ -21,7 +21,7 @@ export function ActionPopover(props) {
         }, []);
     }, [subItems]);
     return (React.createElement(PopoverMenu, { ...popoverMenuProps, dataHook: dataHook ? `${dataHook}-popover` : undefined, triggerElement: ({ toggle }) => (React.createElement(DisabledTooltip, { content: actionItem.tooltip, dataHook: dataHook ? `${dataHook}-tooltip` : undefined },
-            React.createElement(Button, { skin: "standard", priority: priority, size: size, dataHook: actionItem.dataHook, onClick: () => {
+            React.createElement(Button, { skin: "standard", priority: priority, size: size, fullWidth: fullWidth, dataHook: actionItem.dataHook, onClick: () => {
                     onPopoverClick?.();
                     toggle();
                 }, ellipsis: true, prefixIcon: actionItem.prefixIcon, disabled: actionItem.disabled, suffixIcon: React.createElement(ChevronDown, null) }, actionItem.label))) }, allActions));

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

@@ -1 +1 @@
-{"version":3,"file":"ActionPopover.js","sourceRoot":"","sources":["../../../../src/components/ActionControl/ActionPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACtE,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,UAAU,aAAa,CAAC,KAK7B;IACC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAC7D,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC;IAE5D,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ;YACb,EAAE,MAAM,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC;aAC/C,MAAM,CAAc,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;YACnD,OAAO;gBACL,GAAG,MAAM;gBACT,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBACpB,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,GACrB,CACH,CAAC;gBACJ,CAAC,CAAC;gBACF,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;oBAC5B,CAAC,CAAC,CAAC,oBAAC,WAAW,CAAC,OAAO,IAAC,GAAG,EAAE,KAAK,GAAI,CAAC;oBACvC,CAAC,CAAC,EAAE,CAAC;aACR,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACX,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,WAAW,OACN,gBAAgB,EACpB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC,CAAC,SAAS,EACtD,cAAc,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC9B,oBAAC,eAAe,IACd,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC,CAAC,SAAS;YAEtD,oBAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,OAAO,EAAE,GAAG,EAAE;oBACZ,cAAc,EAAE,EAAE,CAAC;oBACnB,MAAM,EAAE,CAAC;gBACX,CAAC,EACD,QAAQ,QACR,UAAU,EAAE,UAAU,CAAC,UAAU,EACjC,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,UAAU,EAAE,oBAAC,WAAW,OAAG,IAE1B,UAAU,CAAC,KAAK,CACV,CACO,CACnB,IAEA,UAAU,CACC,CACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ActionPopover.js","sourceRoot":"","sources":["../../../../src/components/ActionControl/ActionPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACtE,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,UAAU,aAAa,CAAC,KAM7B;IACC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACxE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC;IAE5D,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ;YACb,EAAE,MAAM,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC;aAC/C,MAAM,CAAc,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;YACnD,OAAO;gBACL,GAAG,MAAM;gBACT,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBACpB,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,GACrB,CACH,CAAC;gBACJ,CAAC,CAAC;gBACF,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;oBAC5B,CAAC,CAAC,CAAC,oBAAC,WAAW,CAAC,OAAO,IAAC,GAAG,EAAE,KAAK,GAAI,CAAC;oBACvC,CAAC,CAAC,EAAE,CAAC;aACR,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACX,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,WAAW,OACN,gBAAgB,EACpB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC,CAAC,SAAS,EACtD,cAAc,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC9B,oBAAC,eAAe,IACd,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC,CAAC,SAAS;YAEtD,oBAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,OAAO,EAAE,GAAG,EAAE;oBACZ,cAAc,EAAE,EAAE,CAAC;oBACnB,MAAM,EAAE,CAAC;gBACX,CAAC,EACD,QAAQ,QACR,UAAU,EAAE,UAAU,CAAC,UAAU,EACjC,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,UAAU,EAAE,oBAAC,WAAW,OAAG,IAE1B,UAAU,CAAC,KAAK,CACV,CACO,CACnB,IAEA,UAAU,CACC,CACf,CAAC;AACJ,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse3359350192";
+var _namespace_ = "Collapse3849883550";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse3359350192__root", "exit": "Collapse3359350192__exit" };
+export var classes = { "root": "Collapse3849883550__root", "exit": "Collapse3849883550__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -7,8 +7,10 @@ import { CollectionPageContent } from '../CollectionPageContent';
 import { observer } from 'mobx-react-lite';
 import { CollectionPageContextProvider } from '../../providers';
 import { usePageHeader } from '../../hooks/usePageHeaderNew';
+import { st, classes } from './CollectionPage.st.css.js';
 import { useCollectionPageState, useWixPatternsContainer, } from '@wix/bex-core/react';
 import { useCollectionPageLoadReporting } from './useCollectionPageLoadReporting';
+import { useIsMobile } from '../../hooks/useIsMobile';
 function _CollectionPage({ children, scrollableContentRef, ...rest }) {
     const wrappedChildren = useCollectionPageChild(children);
     const childrenArr = React.Children.toArray(children);
@@ -30,12 +32,13 @@ function _CollectionPage({ children, scrollableContentRef, ...rest }) {
         startTime: collectionPageState.startTime,
         withinRouter: !!collectionPageState.withinRouter,
     });
+    const isMobile = useIsMobile();
     return (React.createElement(CollectionPageContextProvider, { value: collectionPageState },
         React.createElement(PageWrapperBase, { pageState: collectionPageState.pageState },
-            React.createElement(Page, { scrollableContentRef: (el) => {
+            React.createElement(Page, { className: st(classes.root, { mobile: isMobile }), scrollableContentRef: (el) => {
                     collectionPageState.pageState.scrollableContentRef.current = el;
                     scrollableContentRef?.(el);
-                }, ...rest }, wrappedChildren))));
+                }, ...rest, minWidth: isMobile ? 0 : undefined }, wrappedChildren))));
 }
 _CollectionPage.Header = CollectionPageHeader;
 _CollectionPage.Content = CollectionPageContent;

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionPage.js","sourceRoot":"","sources":["../../../../src/components/CollectionPageNew/CollectionPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EACL,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAUlF,SAAS,eAAe,CAAC,EACvB,QAAQ,EACR,oBAAoB,EACpB,GAAG,IAAI,EACa;IACpB,MAAM,eAAe,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IACzD,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,EACJ,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,eAAe,EAC1B,MAAM,GACP,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;IAC/B,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAE5C,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC/B,SAAS,CAAC,cAAc,CAAC;QACvB,aAAa,EAAE,iBAAiB;QAChC,QAAQ,EAAE,YAAY;QACtB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ;KAChC,CAAC,CACH,CAAC;IAEF,MAAM,mBAAmB,GAAG,sBAAsB,CAAC;QACjD,QAAQ;QACR,SAAS;QACT,SAAS,EAAE,MAAM,IAAI,IAAI;QACzB,eAAe;KAChB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAEhD,8BAA8B,CAAC;QAC7B,SAAS,EAAE,mBAAmB,CAAC,SAAS;QACxC,YAAY,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAAY;KACjD,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,6BAA6B,IAAC,KAAK,EAAE,mBAAmB;QACvD,oBAAC,eAAe,IAAC,SAAS,EAAE,mBAAmB,CAAC,SAAS;YACvD,oBAAC,IAAI,IACH,oBAAoB,EAAE,CAAC,EAAE,EAAE,EAAE;oBAC3B,mBAAmB,CAAC,SAAS,CAAC,oBAAoB,CAAC,OAAO,GAAG,EAAE,CAAC;oBAChE,oBAAoB,EAAE,CAAC,EAAE,CAAC,CAAC;gBAC7B,CAAC,KACG,IAAI,IAEP,eAAe,CACX,CACS,CACY,CACjC,CAAC;AACJ,CAAC;AAED,eAAe,CAAC,MAAM,GAAG,oBAAoB,CAAC;AAC9C,eAAe,CAAC,OAAO,GAAG,qBAAqB,CAAC;AAEhD,eAAe,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC"}
+{"version":3,"file":"CollectionPage.js","sourceRoot":"","sources":["../../../../src/components/CollectionPageNew/CollectionPage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/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/esm/components/CollectionPageNew/CollectionPage.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "CollectionPage1750757517";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "CollectionPage1750757517__root" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-page-header-padding-horizontal": "--wds-page-header-padding-horizontal" };
+//# sourceMappingURL=CollectionPage.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionPage.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,CAAC;AAC/D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}

package/dist/esm/components/CollectionSearch.js

@@ -2,9 +2,11 @@ import { observer } from 'mobx-react-lite';
 import { Search } from '@wix/design-system';
 import React from 'react';
 import { useCollectionContext } from '@wix/bex-core/react';
+import { useIsMobile } from '../hooks/useIsMobile';
 export const CollectionSearch = observer(function CollectionSearch({ onSearchChange, onSearchClick, onSearchBlur, visibility, ...rest }) {
     const collection = useCollectionContext();
     const { query: { search }, translate: t, } = collection;
+    const isMobile = useIsMobile();
     return (React.createElement(Search, { dataHook: "collection-search", onChange: (e) => {
             const value = e.target.value;
             collection.search(e.target.value, { clearResult: true });
@@ -16,6 +18,6 @@ export const CollectionSearch = observer(function CollectionSearch({ onSearchCha
         }, placeholder: t('cairo.searchPlaceholder', { defaultValue: '' }), onInputClicked: () => onSearchClick?.(), onBlur: (e) => {
             const value = e.target.value;
             onSearchBlur?.(value);
-        }, ...rest }));
+        }, expandable: isMobile, ...rest }));
 });
 //# sourceMappingURL=CollectionSearch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionSearch.js","sourceRoot":"","sources":["../../../src/components/CollectionSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAS3D,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,SAAS,gBAAgB,CAGhE,EACA,cAAc,EACd,aAAa,EACb,YAAY,EACZ,UAAU,EACV,GAAG,IAAI,EACe;IACtB,MAAM,UAAU,GAAG,oBAAoB,EAAQ,CAAC;IAChD,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,SAAS,EAAE,CAAC,GACb,GAAG,UAAU,CAAC;IACf,OAAO,CACL,oBAAC,MAAM,IACL,QAAQ,EAAC,mBAAmB,EAC5B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAC7B,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;YACzD,cAAc,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,EACD,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,KAAK,GAAG,EAAE,CAAC;YACjB,UAAU,CAAC,WAAW,EAAE,CAAC;YACzB,cAAc,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,EAC/D,cAAc,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE,EACvC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAC7B,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"CollectionSearch.js","sourceRoot":"","sources":["../../../src/components/CollectionSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AASnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,SAAS,gBAAgB,CAGhE,EACA,cAAc,EACd,aAAa,EACb,YAAY,EACZ,UAAU,EACV,GAAG,IAAI,EACe;IACtB,MAAM,UAAU,GAAG,oBAAoB,EAAQ,CAAC;IAChD,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,SAAS,EAAE,CAAC,GACb,GAAG,UAAU,CAAC;IACf,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,MAAM,IACL,QAAQ,EAAC,mBAAmB,EAC5B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAC7B,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;YACzD,cAAc,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,EACD,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,KAAK,GAAG,EAAE,CAAC;YACjB,UAAU,CAAC,WAAW,EAAE,CAAC;YACzB,cAAc,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,EAC/D,cAAc,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE,EACvC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAC7B,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,EACD,UAAU,EAAE,QAAQ,KAChB,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -7,8 +7,10 @@ import { CollectionToolbars } from '../CollectionToolbars';
 import { BorderOnlyBox } from '../BorderOnlyBox';
 import { classes, st } from '../common.st.css.js';
 import { usePageContext } from '@wix/bex-core/react';
+import { useIsMobile } from '../../hooks/useIsMobile';
 function _CollectionTableWSRTable(props) {
     const { state, filters, title, tabs, customColumns: customColumnsProp, multiLevelSorting: multiLevelSortingProp, views, extraToolbar, summaryBar, topNotification, selectionToolbar, dragAndDropReorderModeToolbar, showSelection: showSelectionProp, exportButton, tags, sticky, onRowClick, search, children, tableGridSwitchButton, useShowLoaderWhenEmpty, dragAndDrop, showTitleBar, horizontalScroll, stickyColumns, stickySelectionColumn, hideBulkSelectionCheckbox, columns, primaryActionButton, secondaryActions, onSelectionChanged, moreActions, } = props;
+    const isMobile = useIsMobile();
     const { toolbar, tableState: table, keyedItems } = state;
     const { bulk, collection: toolbarCollection, initTask } = toolbar;
     const { collection } = table;
@@ -29,8 +31,19 @@ function _CollectionTableWSRTable(props) {
     const hideTitleBar = !size || table.showLoadingState || initTask.status.isError;
     const showBorderBox = !(tableSkeletonEnabled && table.showLoadingState) &&
         (hideTitleBar || !showTitleBar);
+    const tableColumns = isMobile
+        ? [
+            {
+                id: 'tableColumn',
+                title: '',
+                render: (params, index) => (React.createElement(Box, { direction: "vertical", gap: "SP2" },
+                    columns[0] && React.createElement("div", null, columns[0].render?.(params, index)),
+                    columns[1] && React.createElement("div", null, columns[1].render?.(params, index)))),
+            },
+        ]
+        : columns;
     return (React.createElement("div", { "data-hook": "collection-table", className: st(classes.fullHeight, classes.column) },
-        React.createElement(Table, { ...props, withWrapper: false, data: keyedItems, viewportRef: stackingRootRef, columns: columns, onRowClick: onRowClick ? handleRowCLick : undefined, 
+        React.createElement(Table, { ...props, withWrapper: false, data: keyedItems, viewportRef: stackingRootRef, columns: tableColumns, onRowClick: onRowClick ? handleRowCLick : undefined, 
             // this forces WSR <Table/> to render the loader even when `data.length=0`
             showHeaderWhenEmpty: useShowLoaderWhenEmpty &&
                 !showRefreshLoader &&
@@ -40,7 +53,7 @@ function _CollectionTableWSRTable(props) {
                 stickyColumns,
                 showSelection,
                 stickySelectionColumn,
-            }), showSelection: showSelection, selectedIds: bulk.selectedIds, onSelectionStarted: state.toolbar.onSelectionStarted, onSelectionChanged: onSelectionChanged ??
+            }), showSelection: !isMobile && showSelection, selectedIds: bulk.selectedIds, onSelectionStarted: state.toolbar.onSelectionStarted, onSelectionChanged: onSelectionChanged ??
                 ((_selectedIds, _change) => {
                     state.toolbar.onSelectionChanged(_selectedIds, _change);
                 }) },

package/dist/esm/components/CollectionTable/CollectionTableWSRTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionTableWSRTable.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CollectionTableWSRTable.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CollectionToolbar/CollectionToolbar.js

@@ -11,19 +11,40 @@ import { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarAc
 import { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';
 import { MoreActions } from '../MoreActions';
 import { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';
+import { useIsMobile } from '../../hooks/useIsMobile';
+import { isValidElement } from '../isValidElement';
+import { CollectionSearch } from '../CollectionSearch';
 function _CollectionToolbar(props) {
     const { state, search = true, title, tabs, customColumns, multiLevelSorting, views, dataHook, filters: filtersProp, tableGridSwitchButton, exportButton, dragAndDropReorderModeToolbar, primaryActionButton, secondaryActions, moreActions, } = props;
+    const isMobile = useIsMobile();
+    const [isSearchFocused, setIsSearchFocused] = useState(false);
     assertComponentType(primaryActionButton, 'PrimaryActionButton', 'PrimaryActionButton');
     const { collection, featuredComponents, toolbar: { responsive }, } = state;
     const addDataHookToMoreActions = () => {
         return (React.createElement(MoreActions, { dataHook: "toolbar-more-actions", ...moreActions.props }));
     };
+    const searchCallbacks = useMemo(() => {
+        return {
+            onSearchClick: () => {
+                setIsSearchFocused(true);
+            },
+            onSearchBlur: () => {
+                setIsSearchFocused(false);
+            },
+        };
+    }, []);
+    const searchElement = isValidElement(search) ? React.cloneElement(search, {
+        ...searchCallbacks,
+    }) : search ? (React.createElement(CollectionSearch, { size: "small", ...searchCallbacks })) : (search);
     const MoreFiltersButton = featuredComponents.moreFiltersButton
         .value;
     const viewsToolbarItem = views && (React.createElement(ToolbarItemBox, { dataHook: "collection-table-toolbar-views-item" }, views));
     const CollectionToolbarFilters = state.tagsCollectionState?.components.CollectionToolbarFilters ||
         state.collectionDataExtension?.components.CollectionToolbarFilters;
     const filtersElement = useMemo(() => {
+        if (isMobile) {
+            return undefined;
+        }
         if (filtersProp) {
             return filtersProp;
         }
@@ -33,13 +54,20 @@ function _CollectionToolbar(props) {
         ].filter(Boolean);
         return (filtersProp ??
             (CollectionToolbarFilters && (React.createElement(CollectionToolbarFilters, { inline: 0 }, featureFilters))));
-    }, [filtersProp]);
+    }, [filtersProp, isMobile]);
     let left;
-    if (tabs) {
-        left = (React.createElement(ToolbarItemBox, { removeStartPadding: true, expandable: true, layout: "button" }, tabs));
+    if (isMobile) {
+        if (title && !isSearchFocused) {
+            left = title;
+        }
     }
-    else if (title) {
-        left = title;
+    else {
+        if (tabs) {
+            left = (React.createElement(ToolbarItemBox, { removeStartPadding: true, expandable: true, layout: "button" }, tabs));
+        }
+        else if (title) {
+            left = title;
+        }
     }
     useCollectionToolbarSyncedProps({
         left,
@@ -56,7 +84,7 @@ function _CollectionToolbar(props) {
                 state.toolbarFiltersState?.totalInlineFilters.value !== null &&
                 state.toolbarFiltersState?.totalInlineFilters.value > 0));
     }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);
-    const shouldAddDivider = tableGridSwitchButton && (search || MoreFiltersButton);
+    const shouldAddDivider = tableGridSwitchButton && (searchElement || MoreFiltersButton);
     const analyticsCustomColumnsDiscoverability = state.container.experiments?.get('specs.analytics.CustomColumnsWithLabelAndNewIcon');
     const showCustomColumnsOnTheLeft = analyticsCustomColumnsDiscoverability === 'b' ||
         analyticsCustomColumnsDiscoverability === 'c';
@@ -69,8 +97,8 @@ function _CollectionToolbar(props) {
         React.createElement(TableToolbar.ItemGroup, { position: "start", className: st(classes.left, { expandable: !!tabs }), dataHook: "collection-table-toolbar-filters" }, left ?? (React.createElement(React.Fragment, null,
             viewsToolbarItem && (React.createElement(InitialLoadingConditional, { state: state, loadingElement: React.createElement(CollectionToolbarSkeletonItem, { dataHook: "toolbar-views-skeleton", width: "100px" }) }, viewsToolbarItem)),
             !viewsToolbarItem ? filtersElement : undefined))),
-        React.createElement(TableToolbar.ItemGroup, { position: "end", className: st(classes.right, {}, ...[rendersStart ? undefined : classes.fullWidth]) },
-            React.createElement(CollectionToolbarActionsGroup, { viewsToolbarItem: viewsToolbarItem, filtersElement: filtersElement, MoreFiltersButton: MoreFiltersButton, multiLevelSorting: multiLevelSorting, customColumns: customColumns, exportButton: exportButton, search: search, showCustomColumnsOnTheLeft: showCustomColumnsOnTheLeft, left: left }),
+        React.createElement(TableToolbar.ItemGroup, { position: isMobile && isSearchFocused ? undefined : 'end', className: st(classes.right, {}, ...[rendersStart ? undefined : classes.fullWidth]) },
+            React.createElement(CollectionToolbarActionsGroup, { viewsToolbarItem: viewsToolbarItem, filtersElement: filtersElement, MoreFiltersButton: MoreFiltersButton, multiLevelSorting: multiLevelSorting, customColumns: isMobile ? undefined : customColumns, exportButton: exportButton, search: searchElement, showCustomColumnsOnTheLeft: showCustomColumnsOnTheLeft, left: left }),
             primaryActionButton && (React.createElement(TableToolbar.Item, null, primaryActionButton)),
             moreActions && (React.createElement(TableToolbar.Item, null, addDataHookToMoreActions())),
             secondaryActions && (React.createElement(TableToolbar.Item, null, secondaryActions)),

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionToolbar.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CollectionToolbar.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAKzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,yCAAyC,EAAE,MAAM,6CAA6C,CAAC;AACxG,OAAO,EAAE,6CAA6C,EAAE,MAAM,iDAAiD,CAAC;AAChH,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA0BvD,SAAS,kBAAkB,CACzB,KAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,MAAM,GAAG,IAAI,EACb,KAAK,EACL,IAAI,EACJ,aAAa,EACb,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,qBAAqB,EACrB,YAAY,EACZ,6BAA6B,EAC7B,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,mBAAmB,CACjB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,CACtB,CAAC;IACF,MAAM,EACJ,UAAU,EACV,kBAAkB,EAClB,OAAO,EAAE,EAAE,UAAU,EAAE,GACxB,GAAG,KAAK,CAAC;IAEV,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,OAAO,CACL,oBAAC,WAAW,IAAC,QAAQ,EAAC,sBAAsB,KAAK,WAAY,CAAC,KAAK,GAAI,CACxE,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO;YACL,aAAa,EAAE,GAAG,EAAE;gBAClB,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAC3B,CAAC;YACD,YAAY,EAAE,GAAG,EAAE;gBACjB,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;SACF,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAC3C,KAAK,CAAC,YAAY,CAAC,MAAiC,EAAE;QACrD,GAAG,eAAe;KACnB,CACF,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CACX,oBAAC,gBAAgB,IAAC,IAAI,EAAC,OAAO,KAAK,eAAe,GAAI,CACvD,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;IAEF,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,iBAAiB;SAC3D,KAA6D,CAAC;IAEjE,MAAM,gBAAgB,GAAG,KAAK,IAAI,CAChC,oBAAC,cAAc,IAAC,QAAQ,EAAC,qCAAqC,IAC3D,KAAK,CACS,CAClB,CAAC;IAEF,MAAM,wBAAwB,GAC5B,KAAK,CAAC,mBAAmB,EAAE,UAAU,CAAC,wBAAwB;QAC9D,KAAK,CAAC,uBAAuB,EAAE,UAAU,CAAC,wBAAwB,CAAC;IAErE,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,QAAQ,EAAE;YACZ,OAAO,SAAS,CAAC;SAClB;QAED,IAAI,WAAW,EAAE;YACf,OAAO,WAAW,CAAC;SACpB;QACD,MAAM,cAAc,GAAG;YACrB,GAAG,CAAC,KAAK,CAAC,uBAAuB,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC;YACnE,KAAK,CAAC,mBAAmB,EAAE,sBAAsB,EAAE;SACpD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAElB,OAAO,CACL,WAAW;YACX,CAAC,wBAAwB,IAAI,CAC3B,oBAAC,wBAAwB,IAAC,MAAM,EAAE,CAAC,IAChC,cAAc,CACU,CAC5B,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,IAAI,IAA8B,CAAC;IAEnC,IAAI,QAAQ,EAAE;QACZ,IAAI,KAAK,IAAI,CAAC,eAAe,EAAE;YAC7B,IAAI,GAAG,KAAK,CAAC;SACd;KACF;SAAM;QACL,IAAI,IAAI,EAAE;YACR,IAAI,GAAG,CACL,oBAAC,cAAc,IAAC,kBAAkB,QAAC,UAAU,QAAC,MAAM,EAAC,QAAQ,IAC1D,IAAI,CACU,CAClB,CAAC;SACH;aAAM,IAAI,KAAK,EAAE;YAChB,IAAI,GAAG,KAAK,CAAC;SACd;KACF;IAED,+BAA+B,CAAC;QAC9B,IAAI;QACJ,cAAc;QACd,gBAAgB;QAChB,KAAK;KACN,CAAC,CAAC;IAEH,uFAAuF;IACvF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAW,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CACb,CAAC,CAAC,IAAI;YACJ,CAAC,CAAC,gBAAgB;YAClB,CAAC,KAAK,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,KAAK,KAAK,SAAS;gBAChE,KAAK,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,KAAK,KAAK,IAAI;gBAC5D,KAAK,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,KAAK,GAAG,CAAC,CAAC,CAC7D,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,CAAC,8BAA8B,CAAC,CAAC,CAAC;IAEnE,MAAM,gBAAgB,GACpB,qBAAqB,IAAI,CAAC,aAAa,IAAI,iBAAiB,CAAC,CAAC;IAEhE,MAAM,qCAAqC,GACzC,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,CAC9B,kDAAkD,CACnD,CAAC;IAEJ,MAAM,0BAA0B,GAC9B,qCAAqC,KAAK,GAAG;QAC7C,qCAAqC,KAAK,GAAG,CAAC;IAEhD,MAAM,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAAC,mBAAmB,EAAE,OAAO,CACvE,iCAAiC,CAClC,CAAC;IAEF,MAAM,sCAAsC,GAC1C,KAAK,CAAC,SAAS,CAAC,mBAAmB,EAAE,OAAO,CAC1C,6CAA6C,CAC9C,CAAC;IAEJ,MAAM,6BAA6B,GAAG,UAAU,CAAC,kBAAkB;QACjE,CAAC,CAAC,yCAAyC;QAC3C,CAAC,CAAC,6CAA6C,CAAC;IAElD,MAAM,cAAc,GAAG,CACrB;QACE,oBAAC,YAAY,CAAC,SAAS,IACrB,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EACnD,QAAQ,EAAC,kCAAkC,IAE1C,IAAI,IAAI,CACP;YACG,gBAAgB,IAAI,CACnB,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,cAAc,EACZ,oBAAC,6BAA6B,IAC5B,QAAQ,EAAC,wBAAwB,EACjC,KAAK,EAAC,OAAO,GACb,IAGH,gBAAgB,CACS,CAC7B;YACA,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAC9C,CACJ,CACsB;QAEzB,oBAAC,YAAY,CAAC,SAAS,IACrB,QAAQ,EAAE,QAAQ,IAAI,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EACzD,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,KAAK,EACb,EAAE,EACF,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAClD;YAED,oBAAC,6BAA6B,IAC5B,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EACnD,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,aAAa,EACrB,0BAA0B,EAAE,0BAA0B,EACtD,IAAI,EAAE,IAAI,GACV;YAED,mBAAmB,IAAI,CACtB,oBAAC,YAAY,CAAC,IAAI,QAAE,mBAAmB,CAAqB,CAC7D;YACA,WAAW,IAAI,CACd,oBAAC,YAAY,CAAC,IAAI,QAAE,wBAAwB,EAAE,CAAqB,CACpE;YACA,gBAAgB,IAAI,CACnB,oBAAC,YAAY,CAAC,IAAI,QAAE,gBAAgB,CAAqB,CAC1D;YACA,gBAAgB,IAAI,CACnB,oBAAC,GAAG,IAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK;gBACxC,oBAAC,OAAO,IACN,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAC,wCAAwC,GACjD,CACE,CACP;YACA,qBAAqB,IAAI,CACxB,oBAAC,YAAY,CAAC,IAAI,QAAE,qBAAqB,CAAqB,CAC/D,CACsB,CACxB,CACJ,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAC1B,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,cAAc,EACZ,oBAAoB,CAAC,CAAC,CAAC,CACrB,oBAAC,6BAA6B,IAC5B,QAAQ,EAAC,kBAAkB,EAC3B,KAAK,EAAC,OAAO,GACb,CACH,CAAC,CAAC,CAAC,IAAI,EAEV,kBAAkB,EAAE,sCAAsC,IAEzD,cAAc,CACW,CAC7B,CAAC;IAEF,OAAO,CACL,oBAAC,kBAAkB,IAAC,KAAK,EAAE,UAAU;QACnC,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAE,QAAQ;YAC1C,oBAAC,GAAG,IAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,IACpD,KAAK,CAAC,2BAA2B,CAAC,CAAC,CAAC,CACnC,6BAA6B,CAC9B,CAAC,CAAC,CAAC,CACF,oBAAC,YAAY,IACX,qBAAqB,QACrB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;oBAC1B,KAAK,EAAE,CAAC,UAAU,CAAC,kBAAkB;iBACtC,CAAC,EACF,QAAQ,EAAC,0BAA0B,IAElC,mBAAmB,CACP,CAChB,CACG,CACF,CACa,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar2824696561";
+var _namespace_ = "CollectionToolbar2427766201";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar2824696561__root", "left": "CollectionToolbar2824696561__left", "right": "CollectionToolbar2824696561__right", "fullWidth": "CollectionToolbar2824696561__fullWidth" };
+export var classes = { "root": "CollectionToolbar2427766201__root", "left": "CollectionToolbar2427766201__left", "right": "CollectionToolbar2427766201__right", "fullWidth": "CollectionToolbar2427766201__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.js

@@ -1,27 +1,21 @@
 import { Box, TableToolbar } from '@wix/design-system';
-import { CollectionSearch } from '../CollectionSearch';
 import React from 'react';
 import { classes, st } from './SearchOrCustomFilter.st.css.js';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { observer } from 'mobx-react-lite';
+import { useIsMobile } from '../../hooks/useIsMobile';
 function _SearchOrCustomFilter(props) {
     const { search } = props;
     const { toolbar: { responsive }, } = useToolbarCollectionContext();
     const { _nextToShrink, search: searchResponsive, responsiveDisabled, } = responsive;
-    let child;
-    if (search === true) {
-        child = React.createElement(CollectionSearch, { size: "small" });
-    }
-    else {
-        child = search;
-    }
-    if (responsiveDisabled) {
-        return (React.createElement(TableToolbar.Item, { className: st(classes.search) }, child));
+    const isMobile = useIsMobile();
+    if (responsiveDisabled || isMobile) {
+        return (React.createElement(TableToolbar.Item, { className: st(isMobile ? classes.searchMobile : classes.search) }, search));
     }
     const shouldShrink = _nextToShrink._count >= searchResponsive._count &&
         searchResponsive._shouldShrink;
     return (React.createElement(Box, { direction: "horizontal", maxWidth: "240px", minWidth: shouldShrink ? '139px' : '140px' },
-        React.createElement(Box, { width: shouldShrink ? '140px' : '240px' }, child)));
+        React.createElement(Box, { width: shouldShrink ? '140px' : '240px' }, search)));
 }
 export const SearchOrCustomFilter = observer(_SearchOrCustomFilter);
 //# sourceMappingURL=SearchOrCustomFilter.js.map

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchOrCustomFilter.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAM3C,SAAS,qBAAqB,CAAC,KAAgC;IAC7D,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,MAAM,EACJ,OAAO,EAAE,EAAE,UAAU,EAAE,GACxB,GAAG,2BAA2B,EAAE,CAAC;IAElC,MAAM,EACJ,aAAa,EACb,MAAM,EAAE,gBAAgB,EACxB,kBAAkB,GACnB,GAAG,UAAU,CAAC;IAEf,IAAI,KAAK,CAAC;IAEV,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,KAAK,GAAG,oBAAC,gBAAgB,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC;KAC3C;SAAM;QACL,KAAK,GAAG,MAAM,CAAC;KAChB;IAED,IAAI,kBAAkB,EAAE;QACtB,OAAO,CACL,oBAAC,YAAY,CAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,IAC7C,KAAK,CACY,CACrB,CAAC;KACH;IAED,MAAM,YAAY,GAChB,aAAa,CAAC,MAAM,IAAI,gBAAgB,CAAC,MAAM;QAC/C,gBAAgB,CAAC,aAAa,CAAC;IAEjC,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAC,OAAO,EAChB,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;QAE1C,oBAAC,GAAG,IAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAAG,KAAK,CAAO,CACvD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"SearchOrCustomFilter.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMtD,SAAS,qBAAqB,CAAC,KAAgC;IAC7D,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,MAAM,EACJ,OAAO,EAAE,EAAE,UAAU,EAAE,GACxB,GAAG,2BAA2B,EAAE,CAAC;IAClC,MAAM,EACJ,aAAa,EACb,MAAM,EAAE,gBAAgB,EACxB,kBAAkB,GACnB,GAAG,UAAU,CAAC;IAEf,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAI,kBAAkB,IAAI,QAAQ,EAAE;QAClC,OAAO,CACL,oBAAC,YAAY,CAAC,IAAI,IAChB,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAE9D,MAAM,CACW,CACrB,CAAC;KACH;IAED,MAAM,YAAY,GAChB,aAAa,CAAC,MAAM,IAAI,gBAAgB,CAAC,MAAM;QAC/C,gBAAgB,CAAC,aAAa,CAAC;IAEjC,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAC,OAAO,EAChB,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;QAE1C,oBAAC,GAAG,IAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAAG,MAAM,CAAO,CACxD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css

@@ -3,3 +3,8 @@
   max-width: 240px;
   flex: 1 0;
 }
+
+.searchMobile {
+  width: 100%;
+  justify-content: flex-end;
+}

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter2690457493";
+var _namespace_ = "SearchOrCustomFilter151868873";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter2690457493__root", "search": "SearchOrCustomFilter2690457493__search" };
+export var classes = { "root": "SearchOrCustomFilter151868873__root", "search": "SearchOrCustomFilter151868873__search", "searchMobile": "SearchOrCustomFilter151868873__searchMobile" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchOrCustomFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sCAAsC,EAAC,QAAQ,EAAC,wCAAwC,EAAC,CAAC;AACvH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SearchOrCustomFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qCAAqC,EAAC,QAAQ,EAAC,uCAAuC,EAAC,cAAc,EAAC,6CAA6C,EAAC,CAAC;AAClL,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

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

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

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

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

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

package/dist/esm/components/EntityPage/EntityPagePlain.js

@@ -2,10 +2,13 @@ import { Page } from '@wix/design-system';
 import React, { useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useEntityPageChild } from '../../hooks';
+import { useIsMobile } from '../../hooks/useIsMobile';
+import { st, classes } from './EntityPagePlain.st.css.js';
 function _EntityPagePlain({ state, children, ...rest }) {
     const [scrollableRef, setScrollableRef] = useState(null);
     const childrenArr = useEntityPageChild(children, scrollableRef);
-    return (React.createElement(Page, { scrollableContentRef: setScrollableRef, ...rest }, childrenArr));
+    const isMobile = useIsMobile();
+    return (React.createElement(Page, { className: st(classes.root, { mobile: isMobile }), minWidth: isMobile ? 0 : undefined, scrollableContentRef: setScrollableRef, ...rest }, childrenArr));
 }
 export const EntityPagePlain = observer(_EntityPagePlain);
 //# sourceMappingURL=EntityPagePlain.js.map

package/dist/esm/components/EntityPage/EntityPagePlain.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPagePlain.js","sourceRoot":"","sources":["../../../../src/components/EntityPage/EntityPagePlain.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAOjD,SAAS,gBAAgB,CAAyC,EAChE,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACoB;IAC3B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAC7E,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAEhE,OAAO,CACL,oBAAC,IAAI,IAAC,oBAAoB,EAAE,gBAAgB,KAAM,IAAI,IACnD,WAAW,CACP,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"EntityPagePlain.js","sourceRoot":"","sources":["../../../../src/components/EntityPage/EntityPagePlain.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGjD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAK1D,SAAS,gBAAgB,CAAyC,EAChE,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACoB;IAC3B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAC7E,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAChE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EACjD,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAClC,oBAAoB,EAAE,gBAAgB,KAClC,IAAI,IAEP,WAAW,CACP,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/esm/components/EntityPage/EntityPagePlain.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/esm/components/EntityPage/EntityPagePlain.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "EntityPagePlain4024963659";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "EntityPagePlain4024963659__root" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-page-header-padding-horizontal": "--wds-page-header-padding-horizontal" };
+//# sourceMappingURL=EntityPagePlain.st.css.js.map

package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPagePlain.st.css.js","sourceRoot":"","sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2BAA2B,CAAC;AAC9C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,iCAAiC,EAAC,CAAC;AAChE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}

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

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

package/dist/esm/components/FormPage/FormPageActionsBar.js

@@ -4,16 +4,18 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useFormPageContext } from '../../providers';
 import { observer } from 'mobx-react-lite';
 import { ctaKeys } from '@wix/bex-core';
+import { useIsMobile } from '../../hooks/useIsMobile';
 export function _FormPageActionsBar({ moreActions, onCancel, onSave, actionsBarConfig, }) {
     const { translate: t, initTask } = useWixPatternsContainer();
     const state = useFormPageContext();
+    const isMobile = useIsMobile();
     if (!initTask.status.isSuccess) {
         return null;
     }
     return (React.createElement(Box, { gap: "SP2" },
-        moreActions,
-        React.createElement(Button, { priority: "secondary", dataHook: "form-page-cancel-btn", onClick: onCancel }, t('cairo.entityPage.header.cancel.CTA')),
-        React.createElement(Button, { dataHook: "form-page-save-btn", onClick: onSave }, state.submitTask.status.isLoading ? (React.createElement(Loader, { size: "tiny" })) : (t(ctaKeys[actionsBarConfig?.saveCta?.text ?? 'SAVE'])))));
+        isMobile ? undefined : moreActions,
+        React.createElement(Button, { priority: "secondary", fullWidth: isMobile, size: isMobile ? 'small' : 'medium', dataHook: "form-page-cancel-btn", onClick: onCancel }, t('cairo.entityPage.header.cancel.CTA')),
+        React.createElement(Button, { fullWidth: isMobile, size: isMobile ? 'small' : 'medium', dataHook: "form-page-save-btn", onClick: onSave }, state.submitTask.status.isLoading ? (React.createElement(Loader, { size: "tiny" })) : (t(ctaKeys[actionsBarConfig?.saveCta?.text ?? 'SAVE'])))));
 }
 export const FormPageActionsBar = observer(_FormPageActionsBar);
 //# sourceMappingURL=FormPageActionsBar.js.map

package/dist/esm/components/FormPage/FormPageActionsBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormPageActionsBar.js","sourceRoot":"","sources":["../../../../src/components/FormPage/FormPageActionsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAoB,OAAO,EAAE,MAAM,eAAe,CAAC;AAS1D,MAAM,UAAU,mBAAmB,CAAC,EAClC,WAAW,EACX,QAAQ,EACR,MAAM,EACN,gBAAgB,GACQ;IACxB,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAC7D,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAC;IAEnC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;QAC9B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;QACX,WAAW;QACZ,oBAAC,MAAM,IACL,QAAQ,EAAC,WAAW,EACpB,QAAQ,EAAC,sBAAsB,EAC/B,OAAO,EAAE,QAAQ,IAEhB,CAAC,CAAC,oCAAoC,CAAC,CACjC;QACT,oBAAC,MAAM,IAAC,QAAQ,EAAC,oBAAoB,EAAC,OAAO,EAAE,MAAM,IAClD,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CACnC,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,GAAG,CACvB,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,OAAO,CAAC,gBAAgB,EAAE,OAAO,EAAE,IAAI,IAAI,MAAM,CAAC,CAAC,CACtD,CACM,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"FormPageActionsBar.js","sourceRoot":"","sources":["../../../../src/components/FormPage/FormPageActionsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAoB,OAAO,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAStD,MAAM,UAAU,mBAAmB,CAAC,EAClC,WAAW,EACX,QAAQ,EACR,MAAM,EACN,gBAAgB,GACQ;IACxB,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAC7D,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;QAC9B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;QACX,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW;QACnC,oBAAC,MAAM,IACL,QAAQ,EAAC,WAAW,EACpB,SAAS,EAAE,QAAQ,EACnB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EACnC,QAAQ,EAAC,sBAAsB,EAC/B,OAAO,EAAE,QAAQ,IAEhB,CAAC,CAAC,oCAAoC,CAAC,CACjC;QACT,oBAAC,MAAM,IACL,SAAS,EAAE,QAAQ,EACnB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EACnC,QAAQ,EAAC,oBAAoB,EAC7B,OAAO,EAAE,MAAM,IAEd,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CACnC,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,GAAG,CACvB,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,OAAO,CAAC,gBAAgB,EAAE,OAAO,EAAE,IAAI,IAAI,MAAM,CAAC,CAAC,CACtD,CACM,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/esm/components/FormPageAdditionalContent/FormPageAdditionalContent.js

@@ -1,8 +1,10 @@
 import React from 'react';
 import { Box, Cell } from '@wix/design-system';
+import { useIsMobile } from '../../hooks/useIsMobile';
 export function FormPageAdditionalContent(props) {
+    const isMobile = useIsMobile();
     const { children, ...rest } = props;
-    return (React.createElement(Cell, { span: 4, ...rest },
+    return (React.createElement(Cell, { span: isMobile ? 12 : 4, ...rest },
         React.createElement(Box, { direction: "vertical", gap: "SP4" }, children)));
 }
 FormPageAdditionalContent.displayName = 'FormPageAdditionalContent';