@jobber/components 6.116.6 → 6.117.0

package/dist/Menu/Menu.d.ts

@@ -15,7 +15,7 @@ export declare namespace Menu {
     var HeaderLabel: typeof MenuHeaderLabel;
 }
 export declare function MenuLegacy({ activator, items, UNSAFE_className, UNSAFE_style, }: MenuLegacyProps): React.JSX.Element;
-declare function MenuContentComposable({ children, UNSAFE_style, UNSAFE_className, }: MenuContentComposableProps): React.JSX.Element;
+declare function MenuContentComposable({ children, UNSAFE_style, UNSAFE_className, preferredPlacement, }: MenuContentComposableProps): React.JSX.Element;
 declare function MenuSeparatorComposable({ UNSAFE_style, UNSAFE_className, }: MenuSeparatorComposableProps): React.JSX.Element;
 declare function MenuSectionComposable({ children, UNSAFE_style, UNSAFE_className, ariaLabel, }: MenuSectionComposableProps): React.JSX.Element;
 declare function MenuHeaderComposable(props: MenuHeaderComposableProps): React.JSX.Element;

package/dist/Menu/Menu.types.d.ts

@@ -2,6 +2,7 @@ import type { IconColorNames, IconNames } from "@jobber/design";
 import type React from "react";
 import type { CSSProperties, ComponentProps, ReactElement, ReactNode } from "react";
 import type { Pressable as AriaPressable } from "react-aria-components";
+import type { Placement } from "@react-types/overlays";
 import type { IconProps } from "../Icon";
 type PressableChild = ComponentProps<typeof AriaPressable>["children"];
 export interface MenuLegacyProps extends MenuBaseProps {
@@ -167,6 +168,11 @@ export interface MenuItemIconComposableProps extends IconProps {
 }
 export interface MenuContentComposableProps extends UnsafeProps {
     readonly children: ReactNode;
+    /**
+     * Describes the preferred placement of the Menu.
+     * @default 'bottom start'
+     */
+    readonly preferredPlacement?: Placement;
 }
 export interface MenuTriggerComposableProps extends UnsafeProps {
     /**

package/dist/Menu-cjs.js

@@ -8706,11 +8706,11 @@ const MenuTriggerComposable = React.forwardRef(function MenuTriggerComposable({
     return (React.createElement($3b117e43dc0ca95d$export$27c701ed9e449e99, { "aria-label": ariaLabel },
         React.createElement("div", { role: "button", className: className, ref: ref, style: UNSAFE_style }, children)));
 });
-function MenuContentComposable({ children, UNSAFE_style, UNSAFE_className, }) {
+function MenuContentComposable({ children, UNSAFE_style, UNSAFE_className, preferredPlacement, }) {
     const { state: animation, setState } = useMenuAnimation();
     const isMobile = isMobileDevice();
     return (React.createElement(React.Fragment, null,
-        React.createElement($07b14b47974efb58$export$5b6b19405a83ff9d, { isExiting: animation === "hidden", placement: "bottom start", offset: MENU_OFFSET }, ({ placement }) => {
+        React.createElement($07b14b47974efb58$export$5b6b19405a83ff9d, { isExiting: animation === "hidden", placement: preferredPlacement !== null && preferredPlacement !== void 0 ? preferredPlacement : "bottom start", offset: MENU_OFFSET }, ({ placement }) => {
             const directionModifier = (placement === null || placement === void 0 ? void 0 : placement.includes("bottom")) ? -1 : 1;
             const variants = isMobile
                 ? {

package/dist/Menu-es.js

@@ -8704,11 +8704,11 @@ const MenuTriggerComposable = React__default.forwardRef(function MenuTriggerComp
     return (React__default.createElement($3b117e43dc0ca95d$export$27c701ed9e449e99, { "aria-label": ariaLabel },
         React__default.createElement("div", { role: "button", className: className, ref: ref, style: UNSAFE_style }, children)));
 });
-function MenuContentComposable({ children, UNSAFE_style, UNSAFE_className, }) {
+function MenuContentComposable({ children, UNSAFE_style, UNSAFE_className, preferredPlacement, }) {
     const { state: animation, setState } = useMenuAnimation();
     const isMobile = isMobileDevice();
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement($07b14b47974efb58$export$5b6b19405a83ff9d, { isExiting: animation === "hidden", placement: "bottom start", offset: MENU_OFFSET }, ({ placement }) => {
+        React__default.createElement($07b14b47974efb58$export$5b6b19405a83ff9d, { isExiting: animation === "hidden", placement: preferredPlacement !== null && preferredPlacement !== void 0 ? preferredPlacement : "bottom start", offset: MENU_OFFSET }, ({ placement }) => {
             const directionModifier = (placement === null || placement === void 0 ? void 0 : placement.includes("bottom")) ? -1 : 1;
             const variants = isMobile
                 ? {

package/package.json

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