@wix/patterns 1.213.0 → 1.214.0

package/dist/cjs/state/EntityPage/useEntityPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_EntityPage","_FormPage","_WixPatternsRouterProvider","_jsxFileName","useEntityPageHeader","child","_router$currentState","state","useEntityPageContext","router","useWixPatternsRouter","actionsBar","default","createElement","EntityPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","routerEntityData","currentState","_chosenEntity","entity","title","subtitle","breadcrumbs","isFetching","header","useFormPageHeader","headerProps","dataHook","showBackButton","onBackClicked","navigateToParent","overrides","text"],"sources":["../../../../src/state/EntityPage/useEntityPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityPageHeaderElement } from '../../components/EntityPageHeader';\nimport { useEntityPageContext } from '../../providers';\nimport { EntityPageActionsBar } from '../../components/EntityPage';\nimport { useFormPageHeader } from '../FormPage';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\n\nexport function useEntityPageHeader(child: EntityPageHeaderElement) {\n  const state = useEntityPageContext();\n  const router = useWixPatternsRouter();\n\n  const actionsBar = (\n    <EntityPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  const routerEntityData = router?.currentState?._chosenEntity?.entity;\n  const {\n    title = null,\n    subtitle = null,\n    breadcrumbs = null,\n  } = routerEntityData || !state.isFetching ? child.props : {};\n\n  const header = useFormPageHeader(child, {\n    headerProps: {\n      dataHook: 'entity-page-header',\n      actionsBar,\n      showBackButton: true,\n      onBackClicked: () => state.navigateToParent(),\n    },\n    overrides: {\n      title: title?.text,\n      subtitle,\n      breadcrumbs,\n    },\n  });\n\n  return header;\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AAAiF,IAAAK,YAAA;AAE1E,SAASC,mBAAmBA,CAACC,KAA8B,EAAE;EAAA,IAAAC,oBAAA;EAClE,MAAMC,KAAK,GAAG,IAAAC,+BAAoB,EAAC,CAAC;EACpC,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAMC,UAAU,gBACdf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,WAAA,CAAAc,oBAAoB;IAACC,WAAW,EAAEV,KAAK,CAACW,KAAK,CAACD,WAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC9D;EAED,MAAMC,gBAAgB,GAAGb,MAAM,aAAAH,oBAAA,GAANG,MAAM,CAAEc,YAAY,cAAAjB,oBAAA,GAApBA,oBAAA,CAAsBkB,aAAa,qBAAnClB,oBAAA,CAAqCmB,MAAM;EACpE,MAAM;IACJC,KAAK,GAAG,IAAI;IACZC,QAAQ,GAAG,IAAI;IACfC,WAAW,GAAG;EAChB,CAAC,GAAGN,gBAAgB,IAAI,CAACf,KAAK,CAACsB,UAAU,GAAGxB,KAAK,CAACW,KAAK,GAAG,CAAC,CAAC;EAE5D,MAAMc,MAAM,GAAG,IAAAC,2BAAiB,EAAC1B,KAAK,EAAE;IACtC2B,WAAW,EAAE;MACXC,QAAQ,EAAE,oBAAoB;MAC9BtB,UAAU;MACVuB,cAAc,EAAE,IAAI;MACpBC,aAAa,EAAEA,CAAA,KAAM5B,KAAK,CAAC6B,gBAAgB,CAAC;IAC9C,CAAC;IACDC,SAAS,EAAE;MACTX,KAAK,EAAEA,KAAK,oBAALA,KAAK,CAAEY,IAAI;MAClBX,QAAQ;MACRC;IACF;EACF,CAAC,CAAC;EAEF,OAAOE,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_EntityPage","_FormPage","_WixPatternsRouterProvider","_useIsMobile","_designSystem","_jsxFileName","useEntityPageHeader","child","_router$currentState","state","useEntityPageContext","router","useWixPatternsRouter","actionsBar","default","createElement","EntityPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","routerEntityData","currentState","_chosenEntity","entity","title","subtitle","breadcrumbs","isFetching","isMobile","useIsMobile","header","useFormPageHeader","headerProps","dataHook","showBackButton","onBackClicked","navigateToParent","overrides","text","undefined","Breadcrumbs","items"],"sources":["../../../../src/state/EntityPage/useEntityPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityPageHeaderElement } from '../../components/EntityPageHeader';\nimport { useEntityPageContext } from '../../providers';\nimport { EntityPageActionsBar } from '../../components/EntityPage';\nimport { useFormPageHeader } from '../FormPage';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { Breadcrumbs } from '@wix/design-system';\n\nexport function useEntityPageHeader(child: EntityPageHeaderElement) {\n  const state = useEntityPageContext();\n  const router = useWixPatternsRouter();\n\n  const actionsBar = (\n    <EntityPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  const routerEntityData = router?.currentState?._chosenEntity?.entity;\n  const {\n    title = null,\n    subtitle = null,\n    breadcrumbs = null,\n  } = routerEntityData || !state.isFetching ? child.props : {};\n  const isMobile = useIsMobile();\n\n  const header = useFormPageHeader(child, {\n    headerProps: {\n      dataHook: 'entity-page-header',\n      actionsBar,\n      showBackButton: !isMobile,\n      onBackClicked: () => state.navigateToParent(),\n    },\n    overrides: {\n      title: title?.text,\n      subtitle: isMobile ? undefined : subtitle,\n      breadcrumbs: isMobile ? <Breadcrumbs items={[]} /> : breadcrumbs,\n    },\n  });\n\n  return header;\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAAiD,IAAAO,YAAA;AAE1C,SAASC,mBAAmBA,CAACC,KAA8B,EAAE;EAAA,IAAAC,oBAAA;EAClE,MAAMC,KAAK,GAAG,IAAAC,+BAAoB,EAAC,CAAC;EACpC,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAMC,UAAU,gBACdjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,WAAA,CAAAgB,oBAAoB;IAACC,WAAW,EAAEV,KAAK,CAACW,KAAK,CAACD,WAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC9D;EAED,MAAMC,gBAAgB,GAAGb,MAAM,aAAAH,oBAAA,GAANG,MAAM,CAAEc,YAAY,cAAAjB,oBAAA,GAApBA,oBAAA,CAAsBkB,aAAa,qBAAnClB,oBAAA,CAAqCmB,MAAM;EACpE,MAAM;IACJC,KAAK,GAAG,IAAI;IACZC,QAAQ,GAAG,IAAI;IACfC,WAAW,GAAG;EAChB,CAAC,GAAGN,gBAAgB,IAAI,CAACf,KAAK,CAACsB,UAAU,GAAGxB,KAAK,CAACW,KAAK,GAAG,CAAC,CAAC;EAC5D,MAAMc,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,MAAMC,MAAM,GAAG,IAAAC,2BAAiB,EAAC5B,KAAK,EAAE;IACtC6B,WAAW,EAAE;MACXC,QAAQ,EAAE,oBAAoB;MAC9BxB,UAAU;MACVyB,cAAc,EAAE,CAACN,QAAQ;MACzBO,aAAa,EAAEA,CAAA,KAAM9B,KAAK,CAAC+B,gBAAgB,CAAC;IAC9C,CAAC;IACDC,SAAS,EAAE;MACTb,KAAK,EAAEA,KAAK,oBAALA,KAAK,CAAEc,IAAI;MAClBb,QAAQ,EAAEG,QAAQ,GAAGW,SAAS,GAAGd,QAAQ;MACzCC,WAAW,EAAEE,QAAQ,gBAAGpC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAwC,WAAW;QAACC,KAAK,EAAE,EAAG;QAAA1B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,GAAGO;IACvD;EACF,CAAC,CAAC;EAEF,OAAOI,MAAM;AACf","ignoreList":[]}

package/dist/cjs/state/FormPage/FormPageHeader.st.css

@@ -0,0 +1,13 @@
+.root {
+  -st-states: mobile;
+}
+
+.root:mobile {
+  flex-direction: column;
+}
+
+.root:mobile > * {
+  margin-left: 0;
+  margin-top: 6px !important;
+  height: auto;
+}

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js

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

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map

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

package/dist/cjs/state/FormPage/useFormPageContent.js

@@ -10,6 +10,7 @@ var _FormPage = require("../../components/FormPage");
 var _useAutoScrollOnLoad = require("../../hooks/useAutoScrollOnLoad");
 var _bexUtils = require("@wix/bex-utils");
 var _FormFooter = require("./FormFooter");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/FormPage/useFormPageContent.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 useFormPageContent(child, {
@@ -42,12 +43,13 @@ function useFormPageContent(child, {
     }, childrenArray[0].props.children);
   }
   (0, _useAutoScrollOnLoad.useAutoScrollOnLoad)(scrollToItem, doesItemExist);
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Page.Content, {
     key: child.key,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 94,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_bexUtils.FocusableWrapper, {
@@ -61,21 +63,23 @@ function useFormPageContent(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 95,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+    cols: isMobile ? 1 : undefined,
+    gap: isMobile ? '24px 0' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 104,
       columnNumber: 9
     }
   }, childrenArray, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 109,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_FormFooter.FormFooter, {
@@ -84,7 +88,7 @@ function useFormPageContent(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 110,
       columnNumber: 13
     }
   })))));

package/dist/cjs/state/FormPage/useFormPageContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_FormPageMainContent","_FormPageAdditionalContent","_FormPage","_useAutoScrollOnLoad","_bexUtils","_FormFooter","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useFormPageContent","child","elementName","MainContentElement","FormPageMainContent","AdditionalContentElement","FormPageAdditionalContent","FooterElement","FormPageActionsBar","scrollableRef","childrenArray","Children","toArray","props","children","scrollToItem","useRef","doesItemExist","process","env","NODE_ENV","every","elem","isValidElement","type","Error","length","cloneElement","span","useAutoScrollOnLoad","createElement","Page","Content","key","__self","__source","fileName","lineNumber","columnNumber","FocusableWrapper","getScrollableTrigger","triggerScrollable","current","getDoesItemExist","callback","Layout","Cell","FormFooter"],"sources":["../../../../src/state/FormPage/useFormPageContent.tsx"],"sourcesContent":["import React, {\n  Children,\n  ComponentType,\n  cloneElement,\n  isValidElement,\n  useRef,\n} from 'react';\nimport { Cell, Layout, Page } from '@wix/design-system';\nimport { FormPageMainContent } from '../../components/FormPageMainContent';\nimport { FormPageAdditionalContent } from '../../components/FormPageAdditionalContent';\nimport {\n  FormPageActionsBar,\n  FormPageActionsBarProps,\n} from '../../components/FormPage';\nimport { useAutoScrollOnLoad } from '../../hooks/useAutoScrollOnLoad';\nimport { FocusableWrapper } from '@wix/bex-utils';\nimport { FormFooter } from './FormFooter';\n\nexport function useFormPageContent(\n  child: JSX.Element,\n  {\n    elementName = 'FormPage',\n    MainContentElement = FormPageMainContent,\n    AdditionalContentElement = FormPageAdditionalContent,\n    FooterElement = FormPageActionsBar,\n    scrollableRef,\n  }: {\n    elementName?: string;\n    MainContentElement?: ComponentType<JSX.Element>;\n    AdditionalContentElement?: ComponentType<JSX.Element>;\n    FooterElement?: ComponentType<FormPageActionsBarProps>;\n    scrollableRef?: HTMLElement | null;\n  } = {},\n) {\n  const childrenArray = Children.toArray(child.props.children);\n  const scrollToItem = useRef<() => void>();\n  const doesItemExist = useRef<() => boolean>();\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (\n      !childrenArray.every(\n        (elem) =>\n          isValidElement(elem) &&\n          (elem.type === MainContentElement ||\n            elem.type === AdditionalContentElement),\n      )\n    ) {\n      throw new Error(\n        `<${elementName}.Content/> must have only <${elementName}.MainContent/> and <${elementName}.AdditionalContent/> children`,\n      );\n    }\n\n    if (childrenArray.length === 0 || childrenArray.length > 2) {\n      throw new Error(\n        `<${elementName}.Content/> must have 1 (<${elementName}.MainContent/>) or 2 (<${elementName}.MainContent/> and <${elementName}.AdditionalContent/>) children`,\n      );\n    }\n\n    if (\n      !isValidElement(childrenArray[0]) ||\n      childrenArray[0].type !== MainContentElement\n    ) {\n      throw new Error(\n        `<${elementName}.MainContent/> should be the first child of <${elementName}.Content/>`,\n      );\n    }\n\n    if (\n      childrenArray.length === 2 &&\n      (!isValidElement(childrenArray[1]) ||\n        childrenArray[1].type !== AdditionalContentElement)\n    ) {\n      throw new Error(\n        `Only <${elementName}.AdditionalContent/> can be the second child of <${elementName}.Content/>`,\n      );\n    }\n  }\n\n  if (isValidElement(childrenArray[0])) {\n    childrenArray[0] = cloneElement(\n      childrenArray[0],\n      {\n        span: childrenArray.length === 1 ? 12 : 8,\n      } as any,\n      childrenArray[0].props.children,\n    );\n  }\n\n  useAutoScrollOnLoad(scrollToItem, doesItemExist);\n\n  return (\n    <Page.Content key={child.key}>\n      <FocusableWrapper\n        scrollableRef={scrollableRef}\n        getScrollableTrigger={(triggerScrollable) => {\n          scrollToItem.current = triggerScrollable;\n        }}\n        getDoesItemExist={(callback) => {\n          doesItemExist.current = callback;\n        }}\n      >\n        <Layout>\n          {childrenArray}\n          <Cell>\n            <FormFooter\n              scrollableRef={scrollableRef}\n              FooterElement={FooterElement}\n            />\n          </Cell>\n        </Layout>\n      </FocusableWrapper>\n    </Page.Content>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_FormPageMainContent","_FormPageAdditionalContent","_FormPage","_useAutoScrollOnLoad","_bexUtils","_FormFooter","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useFormPageContent","child","elementName","MainContentElement","FormPageMainContent","AdditionalContentElement","FormPageAdditionalContent","FooterElement","FormPageActionsBar","scrollableRef","childrenArray","Children","toArray","props","children","scrollToItem","useRef","doesItemExist","process","env","NODE_ENV","every","elem","isValidElement","type","Error","length","cloneElement","span","useAutoScrollOnLoad","isMobile","useIsMobile","createElement","Page","Content","key","__self","__source","fileName","lineNumber","columnNumber","FocusableWrapper","getScrollableTrigger","triggerScrollable","current","getDoesItemExist","callback","Layout","cols","undefined","gap","Cell","FormFooter"],"sources":["../../../../src/state/FormPage/useFormPageContent.tsx"],"sourcesContent":["import React, {\n  Children,\n  ComponentType,\n  cloneElement,\n  isValidElement,\n  useRef,\n} from 'react';\nimport { Cell, Layout, Page } from '@wix/design-system';\nimport { FormPageMainContent } from '../../components/FormPageMainContent';\nimport { FormPageAdditionalContent } from '../../components/FormPageAdditionalContent';\nimport {\n  FormPageActionsBar,\n  FormPageActionsBarProps,\n} from '../../components/FormPage';\nimport { useAutoScrollOnLoad } from '../../hooks/useAutoScrollOnLoad';\nimport { FocusableWrapper } from '@wix/bex-utils';\nimport { FormFooter } from './FormFooter';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport function useFormPageContent(\n  child: JSX.Element,\n  {\n    elementName = 'FormPage',\n    MainContentElement = FormPageMainContent,\n    AdditionalContentElement = FormPageAdditionalContent,\n    FooterElement = FormPageActionsBar,\n    scrollableRef,\n  }: {\n    elementName?: string;\n    MainContentElement?: ComponentType<JSX.Element>;\n    AdditionalContentElement?: ComponentType<JSX.Element>;\n    FooterElement?: ComponentType<FormPageActionsBarProps>;\n    scrollableRef?: HTMLElement | null;\n  } = {},\n) {\n  const childrenArray = Children.toArray(child.props.children);\n  const scrollToItem = useRef<() => void>();\n  const doesItemExist = useRef<() => boolean>();\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (\n      !childrenArray.every(\n        (elem) =>\n          isValidElement(elem) &&\n          (elem.type === MainContentElement ||\n            elem.type === AdditionalContentElement),\n      )\n    ) {\n      throw new Error(\n        `<${elementName}.Content/> must have only <${elementName}.MainContent/> and <${elementName}.AdditionalContent/> children`,\n      );\n    }\n\n    if (childrenArray.length === 0 || childrenArray.length > 2) {\n      throw new Error(\n        `<${elementName}.Content/> must have 1 (<${elementName}.MainContent/>) or 2 (<${elementName}.MainContent/> and <${elementName}.AdditionalContent/>) children`,\n      );\n    }\n\n    if (\n      !isValidElement(childrenArray[0]) ||\n      childrenArray[0].type !== MainContentElement\n    ) {\n      throw new Error(\n        `<${elementName}.MainContent/> should be the first child of <${elementName}.Content/>`,\n      );\n    }\n\n    if (\n      childrenArray.length === 2 &&\n      (!isValidElement(childrenArray[1]) ||\n        childrenArray[1].type !== AdditionalContentElement)\n    ) {\n      throw new Error(\n        `Only <${elementName}.AdditionalContent/> can be the second child of <${elementName}.Content/>`,\n      );\n    }\n  }\n\n  if (isValidElement(childrenArray[0])) {\n    childrenArray[0] = cloneElement(\n      childrenArray[0],\n      {\n        span: childrenArray.length === 1 ? 12 : 8,\n      } as any,\n      childrenArray[0].props.children,\n    );\n  }\n\n  useAutoScrollOnLoad(scrollToItem, doesItemExist);\n  const isMobile = useIsMobile();\n\n  return (\n    <Page.Content key={child.key}>\n      <FocusableWrapper\n        scrollableRef={scrollableRef}\n        getScrollableTrigger={(triggerScrollable) => {\n          scrollToItem.current = triggerScrollable;\n        }}\n        getDoesItemExist={(callback) => {\n          doesItemExist.current = callback;\n        }}\n      >\n        <Layout\n          cols={isMobile ? 1 : undefined}\n          gap={isMobile ? '24px 0' : undefined}\n        >\n          {childrenArray}\n          <Cell>\n            <FormFooter\n              scrollableRef={scrollableRef}\n              FooterElement={FooterElement}\n            />\n          </Cell>\n        </Layout>\n      </FocusableWrapper>\n    </Page.Content>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/FormPage/useFormPageHeader.js

@@ -9,12 +9,15 @@ var _designSystem = require("@wix/design-system");
 var _providers = require("../../providers");
 var _FormPage = require("../../components/FormPage");
 var _PageSubTitle = require("../../components/PageSubTitle");
+var _FormPageHeaderStCss = require("./FormPageHeader.st.css.js");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/FormPage/useFormPageHeader.tsx";
 function useFormPageHeader(child, {
   headerProps = {},
   overrides = {}
 } = {}) {
   const state = (0, _providers.useFormPageContext)();
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   const {
     title,
     subtitle,
@@ -25,11 +28,14 @@ function useFormPageHeader(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 34,
       columnNumber: 5
     }
   });
   return /*#__PURE__*/_react.default.createElement(_designSystem.Page.Header, (0, _extends2.default)({
+    className: (0, _FormPageHeaderStCss.st)(_FormPageHeaderStCss.classes.root, {
+      mobile: isMobile
+    }),
     key: child.key,
     title: !title ? /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
       height: "24px",
@@ -37,10 +43,18 @@ function useFormPageHeader(child, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 36,
-        columnNumber: 23
+        lineNumber: 43,
+        columnNumber: 11
       }
-    }) : title,
+    }) : /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+      size: isMobile ? 'large' : 'extraLarge',
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 45,
+        columnNumber: 11
+      }
+    }, title),
     subtitle: !subtitle && state.isFetching ? /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
       marginTop: "SP1",
       height: "12px",
@@ -48,14 +62,14 @@ function useFormPageHeader(child, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 39,
+        lineNumber: 50,
         columnNumber: 11
       }
     }) : subtitle && /*#__PURE__*/_react.default.createElement(_PageSubTitle.PageSubTitle, (0, _extends2.default)({}, subtitle, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 52,
         columnNumber: 23
       }
     })),
@@ -65,7 +79,7 @@ function useFormPageHeader(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 38,
       columnNumber: 5
     }
   }));

package/dist/cjs/state/FormPage/useFormPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_FormPage","_PageSubTitle","_jsxFileName","useFormPageHeader","child","headerProps","overrides","state","useFormPageContext","title","subtitle","breadcrumbs","actionsBar","default","createElement","FormPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","Page","Header","_extends2","key","SkeletonRectangle","height","width","isFetching","marginTop","PageSubTitle"],"sources":["../../../../src/state/FormPage/useFormPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Breadcrumbs,\n  Page,\n  PageHeaderProps,\n  SkeletonRectangle,\n} from '@wix/design-system';\nimport { useFormPageContext } from '../../providers';\nimport { FormPageActionsBar } from '../../components/FormPage';\nimport { PageSubTitle, PageSubTitleProps } from '../../components/PageSubTitle';\n\nexport function useFormPageHeader(\n  child: JSX.Element,\n  {\n    headerProps = {},\n    overrides = {},\n  }: {\n    headerProps?: PageHeaderProps;\n    overrides?: {\n      title?: string;\n      subtitle?: PageSubTitleProps | null;\n      breadcrumbs?: React.ReactElement<Breadcrumbs> | null;\n    };\n  } = {},\n) {\n  const state = useFormPageContext();\n  const { title, subtitle, breadcrumbs } = overrides;\n\n  const actionsBar = (\n    <FormPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  return (\n    <Page.Header\n      key={child.key}\n      title={!title ? <SkeletonRectangle height=\"24px\" width=\"50%\" /> : title}\n      subtitle={\n        !subtitle && state.isFetching ? (\n          <SkeletonRectangle marginTop=\"SP1\" height=\"12px\" width=\"70%\" />\n        ) : (\n          subtitle && <PageSubTitle {...subtitle} />\n        )\n      }\n      actionsBar={actionsBar}\n      breadcrumbs={breadcrumbs}\n      {...headerProps}\n    />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAMA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAgF,IAAAK,YAAA;AAEzE,SAASC,iBAAiBA,CAC/BC,KAAkB,EAClB;EACEC,WAAW,GAAG,CAAC,CAAC;EAChBC,SAAS,GAAG,CAAC;AAQf,CAAC,GAAG,CAAC,CAAC,EACN;EACA,MAAMC,KAAK,GAAG,IAAAC,6BAAkB,EAAC,CAAC;EAClC,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGL,SAAS;EAElD,MAAMM,UAAU,gBACdjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,SAAA,CAAAe,kBAAkB;IAACC,WAAW,EAAEZ,KAAK,CAACa,KAAK,CAACD,WAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5D;EAED,oBACE3B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAyB,IAAI,CAACC,MAAM,MAAAC,SAAA,CAAAZ,OAAA;IACVa,GAAG,EAAEtB,KAAK,CAACsB,GAAI;IACfjB,KAAK,EAAE,CAACA,KAAK,gBAAGd,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAA6B,iBAAiB;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAAGb,KAAM;IACxEC,QAAQ,EACN,CAACA,QAAQ,IAAIH,KAAK,CAACuB,UAAU,gBAC3BnC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAA6B,iBAAiB;MAACI,SAAS,EAAC,KAAK;MAACH,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAE/DZ,QAAQ,iBAAIf,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAA+B,YAAY,MAAAP,SAAA,CAAAZ,OAAA,MAAKH,QAAQ;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAE5C;IACDV,UAAU,EAAEA,UAAW;IACvBD,WAAW,EAAEA;EAAY,GACrBN,WAAW;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAChB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_FormPage","_PageSubTitle","_FormPageHeaderStCss","_useIsMobile","_jsxFileName","useFormPageHeader","child","headerProps","overrides","state","useFormPageContext","isMobile","useIsMobile","title","subtitle","breadcrumbs","actionsBar","default","createElement","FormPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","Page","Header","_extends2","className","st","classes","root","mobile","key","SkeletonRectangle","height","width","Heading","size","isFetching","marginTop","PageSubTitle"],"sources":["../../../../src/state/FormPage/useFormPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Breadcrumbs,\n  Heading,\n  Page,\n  PageHeaderProps,\n  SkeletonRectangle,\n} from '@wix/design-system';\nimport { useFormPageContext } from '../../providers';\nimport { FormPageActionsBar } from '../../components/FormPage';\nimport { PageSubTitle, PageSubTitleProps } from '../../components/PageSubTitle';\nimport { st, classes } from './FormPageHeader.st.css.js';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport function useFormPageHeader(\n  child: JSX.Element,\n  {\n    headerProps = {},\n    overrides = {},\n  }: {\n    headerProps?: PageHeaderProps;\n    overrides?: {\n      title?: string;\n      subtitle?: PageSubTitleProps | null;\n      breadcrumbs?: React.ReactElement<Breadcrumbs> | null;\n    };\n  } = {},\n) {\n  const state = useFormPageContext();\n  const isMobile = useIsMobile();\n  const { title, subtitle, breadcrumbs } = overrides;\n\n  const actionsBar = (\n    <FormPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  return (\n    <Page.Header\n      className={st(classes.root, { mobile: isMobile })}\n      key={child.key}\n      title={\n        !title ? (\n          <SkeletonRectangle height=\"24px\" width=\"50%\" />\n        ) : (\n          <Heading size={isMobile ? 'large' : 'extraLarge'}>{title}</Heading>\n        )\n      }\n      subtitle={\n        !subtitle && state.isFetching ? (\n          <SkeletonRectangle marginTop=\"SP1\" height=\"12px\" width=\"70%\" />\n        ) : (\n          subtitle && <PageSubTitle {...subtitle} />\n        )\n      }\n      actionsBar={actionsBar}\n      breadcrumbs={breadcrumbs}\n      {...headerProps}\n    />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAOA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAAsD,IAAAO,YAAA;AAE/C,SAASC,iBAAiBA,CAC/BC,KAAkB,EAClB;EACEC,WAAW,GAAG,CAAC,CAAC;EAChBC,SAAS,GAAG,CAAC;AAQf,CAAC,GAAG,CAAC,CAAC,EACN;EACA,MAAMC,KAAK,GAAG,IAAAC,6BAAkB,EAAC,CAAC;EAClC,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAC9B,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGP,SAAS;EAElD,MAAMQ,UAAU,gBACdrB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAmB,kBAAkB;IAACC,WAAW,EAAEd,KAAK,CAACe,KAAK,CAACD,WAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5D;EAED,oBACE/B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAA6B,IAAI,CAACC,MAAM,MAAAC,SAAA,CAAAZ,OAAA;IACVa,SAAS,EAAE,IAAAC,uBAAE,EAACC,4BAAO,CAACC,IAAI,EAAE;MAAEC,MAAM,EAAEvB;IAAS,CAAC,CAAE;IAClDwB,GAAG,EAAE7B,KAAK,CAAC6B,GAAI;IACftB,KAAK,EACH,CAACA,KAAK,gBACJlB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAsC,iBAAiB;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,KAAK;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,gBAE/C/B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAyC,OAAO;MAACC,IAAI,EAAE7B,QAAQ,GAAG,OAAO,GAAG,YAAa;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEb,KAAe,CAErE;IACDC,QAAQ,EACN,CAACA,QAAQ,IAAIL,KAAK,CAACgC,UAAU,gBAC3B9C,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAsC,iBAAiB;MAACM,SAAS,EAAC,KAAK;MAACL,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,KAAK;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAE/DZ,QAAQ,iBAAInB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA0C,YAAY,MAAAd,SAAA,CAAAZ,OAAA,MAAKH,QAAQ;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAE5C;IACDV,UAAU,EAAEA,UAAW;IACvBD,WAAW,EAAEA;EAAY,GACrBR,WAAW;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAChB,CAAC;AAEN","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.Collapse2135771507__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2135771507__exit{height:0}.CollectionToolbar3402133796__left{min-width:0}.CollectionToolbar3402133796__root.CollectionToolbar3402133796--views .CollectionToolbar3402133796__left{flex-shrink:1;flex-grow:0}.CollectionToolbar3402133796__left.CollectionToolbar3402133796--expandable{flex:auto}.CollectionToolbar3402133796__root .CollectionToolbar3402133796__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3402133796__root.CollectionToolbar3402133796--views .CollectionToolbar3402133796__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3402133796__root .CollectionToolbar3402133796__right.CollectionToolbar3402133796__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter612147629__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly4102105229__root.AutoCompleteReadonly4102105229--disableEditing{cursor:pointer}.AutoCompleteReadonly4102105229__root.AutoCompleteReadonly4102105229--disableEditing input{cursor:pointer}.ViewsDropdown3659202630__root{width:200px}.DragHandle2505483177__root{display:flex;align-items:center}.DragHandle2505483177__root:not(.DragHandle2505483177--disabled){cursor:grab;color:#a8caff}.DragHandle2505483177__root.DragHandle2505483177--disabled{color:#acafc4}.DragHandle2505483177__root:focus-visible:not(.DragHandle2505483177--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2505483177__root.DragHandle2505483177--disabled{pointer-events:none}.DragHandle2505483177__root.DragHandle2505483177--dragging:not(.DragHandle2505483177--disabled){cursor:grabbing}.Fade4021757298__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade4021757298__root.Fade4021757298--exit{opacity:0}.Heading2354856498__root{visibility:visible}.Heading2354856498__root.Heading2354856498--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3335741566__root.InputOverflow3335741566--selected:not(.InputOverflow3335741566--focused) input::placeholder{color:#000624}@keyframes LoadingRow1534194502__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1534194502__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1534194502__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2648108780__root{opacity:1}.MaxHeightText2648108780__root.MaxHeightText2648108780--height24{line-height:24px}.MaxLines837426918__root{overflow:hidden}.MaxLines837426918__root.MaxLines837426918--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4278063084__root{min-width:0}.NestedTablePlaceholderStatesRow1534067256__root td{padding:0!important;width:100%}.NestedTableRow2329497725__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2329497725__root:hover{background-color:#e7f0ff!important}.NestedTableRow2329497725__root.NestedTableRow2329497725--expandable{cursor:pointer}.NestedTableRow2329497725__placeholder td{padding:0!important;width:100%}.NestedTableRow2329497725__root:hover td:first-of-type::before,.NestedTableRow2329497725__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect13053153__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2693329400__root.NestedTableDragAndDropRow2693329400--draggingInto td{background-color:#e7f0ff!important}.PickerContent3156186553__root{display:flex}.PickerContentAdditionalStep1362321125__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1362321125__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3385236494__root{box-sizing:border-box}.ScrollableContent881473138__root.ScrollableContent881473138--overflowY{overflow-y:auto}.ScrollableContent881473138__root.ScrollableContent881473138--overflowX{overflow-x:auto}.ScrollableContent881473138__root.ScrollableContent881473138--smooth{scroll-behavior:smooth}.SkeletonCard3946157733__headerLoading{display:block!important}.SlidingModal3499233100__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3499233100__root:not(.SlidingModal3499233100--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3446194275__root .TabsFilter3446194275__title{color:inherit!important}.ManageTagsModal2368245146__root{display:flex}.ToolbarItem1654027307__root{min-width:0}.ToolbarItemBox1004029647__root{min-width:0}.ToolbarItemBox1004029647__root.ToolbarItemBox1004029647--removeStartPadding{margin-left:-24px}.ToolbarItemBox1004029647__root.ToolbarItemBox1004029647--expandable{flex:1 0}.common3944062144__column{display:flex;flex-direction:column}.common3944062144__fullHeight{height:100%;min-height:0}
+.Collapse3849883550__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3849883550__exit{height:0}.CollectionPage1750757517__root.CollectionPage1750757517--mobile{--wds-page-header-padding-horizontal:24px}.CollectionToolbar2427766201__left{min-width:0}.CollectionToolbar2427766201__root.CollectionToolbar2427766201--views .CollectionToolbar2427766201__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2427766201__left.CollectionToolbar2427766201--expandable{flex:auto}.CollectionToolbar2427766201__root .CollectionToolbar2427766201__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2427766201__root.CollectionToolbar2427766201--views .CollectionToolbar2427766201__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2427766201__root .CollectionToolbar2427766201__right.CollectionToolbar2427766201__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter151868873__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter151868873__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly3019942609__root.AutoCompleteReadonly3019942609--disableEditing{cursor:pointer}.AutoCompleteReadonly3019942609__root.AutoCompleteReadonly3019942609--disableEditing input{cursor:pointer}.ViewsDropdown2566353492__root{width:200px}.DragHandle1851905475__root{display:flex;align-items:center}.DragHandle1851905475__root:not(.DragHandle1851905475--disabled){cursor:grab;color:#a8caff}.DragHandle1851905475__root.DragHandle1851905475--disabled{color:#acafc4}.DragHandle1851905475__root:focus-visible:not(.DragHandle1851905475--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1851905475__root.DragHandle1851905475--disabled{pointer-events:none}.DragHandle1851905475__root.DragHandle1851905475--dragging:not(.DragHandle1851905475--disabled){cursor:grabbing}.EntityPagePlain4024963659__root.EntityPagePlain4024963659--mobile{--wds-page-header-padding-horizontal:24px}.Fade3865436704__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3865436704__root.Fade3865436704--exit{opacity:0}.Heading1882774573__root{visibility:visible}.Heading1882774573__root.Heading1882774573--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2235828534__root.InputOverflow2235828534--selected:not(.InputOverflow2235828534--focused) input::placeholder{color:#000624}@keyframes LoadingRow3607542296__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3607542296__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3607542296__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1017006677__root{opacity:1}.MaxHeightText1017006677__root.MaxHeightText1017006677--height24{line-height:24px}.MaxLines1357754376__root{overflow:hidden}.MaxLines1357754376__root.MaxLines1357754376--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3159440338__root{min-width:0}.NestedTablePlaceholderStatesRow1051446419__root td{padding:0!important;width:100%}.NestedTableRow3676145886__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3676145886__root:hover{background-color:#e7f0ff!important}.NestedTableRow3676145886__root.NestedTableRow3676145886--expandable{cursor:pointer}.NestedTableRow3676145886__placeholder td{padding:0!important;width:100%}.NestedTableRow3676145886__root:hover td:first-of-type::before,.NestedTableRow3676145886__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect237718440__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2656180038__root.NestedTableDragAndDropRow2656180038--draggingInto td{background-color:#e7f0ff!important}.PickerContent2483730309__root{display:flex}.PickerContentAdditionalStep2245581024__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2245581024__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2889089055__root{box-sizing:border-box}.ScrollableContent2024960391__root.ScrollableContent2024960391--overflowY{overflow-y:auto}.ScrollableContent2024960391__root.ScrollableContent2024960391--overflowX{overflow-x:auto}.ScrollableContent2024960391__root.ScrollableContent2024960391--smooth{scroll-behavior:smooth}.SkeletonCard4219346183__headerLoading{display:block!important}.SlidingModal1187687177__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1187687177__root:not(.SlidingModal1187687177--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter171559702__root .TabsFilter171559702__title{color:inherit!important}.ManageTagsModal1146529280__root{display:flex}.ToolbarItem4158460928__root{min-width:0}.ToolbarItemBox3828704627__root{min-width:0}.ToolbarItemBox3828704627__root.ToolbarItemBox3828704627--removeStartPadding{margin-left:-24px}.ToolbarItemBox3828704627__root.ToolbarItemBox3828704627--expandable{flex:1 0}.common3268878218__column{display:flex;flex-direction:column}.common3268878218__fullHeight{height:100%;min-height:0}.CollectionPageHeader2634951745__root.CollectionPageHeader2634951745--mobile{flex-direction:column}.CollectionPageHeader2634951745__root.CollectionPageHeader2634951745--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2957541410__root.FormPageHeader2957541410--mobile{flex-direction:column}.FormPageHeader2957541410__root.FormPageHeader2957541410--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/version.js

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

package/dist/cjs/version.js.map

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

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

@@ -2,9 +2,9 @@ import { Button } from '@wix/design-system';
 import React from 'react';
 import { DisabledTooltip } from '../DisabledTooltip';
 export function ActionButton(props) {
-    const { actionItem, suffixIcon, size, priority } = props;
+    const { actionItem, suffixIcon, size, priority, fullWidth } = props;
     const { tooltip, prefixIcon, label, onClick, dataHook, disabled } = actionItem;
     return (React.createElement(DisabledTooltip, { content: tooltip, dataHook: `${dataHook}-tooltip` },
-        React.createElement(Button, { skin: "standard", priority: priority, size: size, prefixIcon: prefixIcon, ellipsis: true, onClick: onClick, dataHook: dataHook, disabled: disabled, suffixIcon: suffixIcon }, label)));
+        React.createElement(Button, { skin: "standard", priority: priority, size: size, prefixIcon: prefixIcon, ellipsis: true, onClick: onClick, dataHook: dataHook, disabled: disabled, suffixIcon: suffixIcon, fullWidth: fullWidth }, label)));
 }
 //# sourceMappingURL=ActionButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAUrD,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAC/D,UAAU,CAAC;IAEb,OAAO,CACL,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,QAAQ,UAAU;QAChE,oBAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,QAAQ,QACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAErB,KAAK,CACC,CACO,CACnB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAWrD,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACpE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAC/D,UAAU,CAAC;IAEb,OAAO,CACL,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,QAAQ,UAAU;QAChE,oBAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,QAAQ,QACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAEnB,KAAK,CACC,CACO,CACnB,CAAC;AACJ,CAAC"}

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_ = "Collapse2135771507";
+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": "Collapse2135771507__root", "exit": "Collapse2135771507__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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"}