@jobber/components 6.117.0 → 6.117.1

package/dist/Page/types.d.ts

@@ -114,6 +114,9 @@ export interface PageMenuProps {
     readonly children: ReactNode;
     readonly triggerLabel?: string;
 }
+export interface PageContextValue {
+    readonly width: PageComposableProps["width"];
+}
 export interface PageBodyProps {
     readonly children: ReactNode;
 }

package/dist/Page-cjs.js

@@ -15,18 +15,24 @@ var filterDataAttributes = require('./filterDataAttributes-cjs.js');
 
 var styles = {"page":"BLYnKItuM3c-","fill":"n5WRRhMkoLs-","standard":"WziKEWW9nA8-","narrow":"qgGzgDyS2NY-","titleBar":"lbmoDvdtQO4-","titleRow":"k9y5NuqTcks-","actionGroup":"_7t53-bnzh98-","large":"SH0aNOLVhE8-","medium":"Lc7Z0FsBa6w-","small":"iF5IA1SYKoA-","primaryAction":"g-H7CKkX-LA-","actionButton":"RSP7jHjP-mw-","subtitle":"EqsNMrZVL-8-","spinning":"MJZVhEmx6h4-"};
 
+const PageContext = React.createContext({ width: undefined });
+function usePageContext() {
+    return React.useContext(PageContext);
+}
 /** Discriminates between the props-based API and the composable children API. */
 function isLegacy(props) {
     return "title" in props;
 }
 function Page(props) {
     var _a;
-    const pageStyles = classnames(styles.page, styles[(_a = props.width) !== null && _a !== void 0 ? _a : "standard"]);
+    const width = (_a = props.width) !== null && _a !== void 0 ? _a : "standard";
+    const pageStyles = classnames(styles.page, styles[width]);
     if (isLegacy(props)) {
         return React.createElement(PageLegacy, Object.assign({}, props, { pageStyles: pageStyles }));
     }
-    return (React.createElement("div", { className: pageStyles },
-        React.createElement(Content.Content, null, props.children)));
+    return (React.createElement(PageContext.Provider, { value: { width } },
+        React.createElement("div", { className: pageStyles },
+            React.createElement(Content.Content, null, props.children))));
 }
 /** Props-based renderer. Preserves the original Page behavior for existing consumers. */
 function PageLegacy(_a) {
@@ -163,11 +169,13 @@ function PageSecondaryButton(_a) {
 function PageMenu(_a) {
     var { children, triggerLabel = "More Actions" } = _a, rest = tslib_es6.__rest(_a, ["children", "triggerLabel"]);
     const dataAttrs = filterDataAttributes.filterDataAttributes(rest);
+    const { width } = usePageContext();
+    const preferredPlacement = width === "fill" ? "bottom end" : undefined;
     return (React.createElement("div", Object.assign({}, dataAttrs),
         React.createElement(Menu.Menu, null,
             React.createElement(Menu.Menu.Trigger, { UNSAFE_style: { display: "block" } },
                 React.createElement(Button.Button, { icon: "more", label: triggerLabel, type: "secondary", fullWidth: true })),
-            React.createElement(Menu.Menu.Content, null, children))));
+            React.createElement(Menu.Menu.Content, { preferredPlacement: preferredPlacement }, children))));
 }
 /** Main content area of the page. */
 function PageBody({ children }) {

package/dist/Page-es.js

@@ -1,5 +1,5 @@
 import { _ as __rest } from './tslib.es6-es.js';
-import React__default from 'react';
+import React__default, { createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { useResizeObserver, Breakpoints } from '@jobber/hooks';
 import { H as Heading } from './Heading-es.js';
@@ -13,18 +13,24 @@ import { f as filterDataAttributes } from './filterDataAttributes-es.js';
 
 var styles = {"page":"BLYnKItuM3c-","fill":"n5WRRhMkoLs-","standard":"WziKEWW9nA8-","narrow":"qgGzgDyS2NY-","titleBar":"lbmoDvdtQO4-","titleRow":"k9y5NuqTcks-","actionGroup":"_7t53-bnzh98-","large":"SH0aNOLVhE8-","medium":"Lc7Z0FsBa6w-","small":"iF5IA1SYKoA-","primaryAction":"g-H7CKkX-LA-","actionButton":"RSP7jHjP-mw-","subtitle":"EqsNMrZVL-8-","spinning":"MJZVhEmx6h4-"};
 
+const PageContext = createContext({ width: undefined });
+function usePageContext() {
+    return useContext(PageContext);
+}
 /** Discriminates between the props-based API and the composable children API. */
 function isLegacy(props) {
     return "title" in props;
 }
 function Page(props) {
     var _a;
-    const pageStyles = classnames(styles.page, styles[(_a = props.width) !== null && _a !== void 0 ? _a : "standard"]);
+    const width = (_a = props.width) !== null && _a !== void 0 ? _a : "standard";
+    const pageStyles = classnames(styles.page, styles[width]);
     if (isLegacy(props)) {
         return React__default.createElement(PageLegacy, Object.assign({}, props, { pageStyles: pageStyles }));
     }
-    return (React__default.createElement("div", { className: pageStyles },
-        React__default.createElement(Content, null, props.children)));
+    return (React__default.createElement(PageContext.Provider, { value: { width } },
+        React__default.createElement("div", { className: pageStyles },
+            React__default.createElement(Content, null, props.children))));
 }
 /** Props-based renderer. Preserves the original Page behavior for existing consumers. */
 function PageLegacy(_a) {
@@ -161,11 +167,13 @@ function PageSecondaryButton(_a) {
 function PageMenu(_a) {
     var { children, triggerLabel = "More Actions" } = _a, rest = __rest(_a, ["children", "triggerLabel"]);
     const dataAttrs = filterDataAttributes(rest);
+    const { width } = usePageContext();
+    const preferredPlacement = width === "fill" ? "bottom end" : undefined;
     return (React__default.createElement("div", Object.assign({}, dataAttrs),
         React__default.createElement(Menu, null,
             React__default.createElement(Menu.Trigger, { UNSAFE_style: { display: "block" } },
                 React__default.createElement(Button, { icon: "more", label: triggerLabel, type: "secondary", fullWidth: true })),
-            React__default.createElement(Menu.Content, null, children))));
+            React__default.createElement(Menu.Content, { preferredPlacement: preferredPlacement }, children))));
 }
 /** Main content area of the page. */
 function PageBody({ children }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.117.0",
+  "version": "6.117.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -541,5 +541,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "9e6be14fefe016c5d2cebae54d087531dac6e248"
+  "gitHead": "2005605be27d94b3e18231d7ede6fff71132f371"
 }