@jobber/components 6.116.5 → 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.5",
+  "version": "6.117.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -453,16 +453,18 @@
   },
   "scripts": {
     "build": "npm run build:pre && rollup --config && npm run build:post",
-    "build:pre": "PREBUILD_CSS=true rollup --config && cp dist/styles.css ./styles.css.backup && npm run clean",
+    "build:pre": "npm run css:types:build && PREBUILD_CSS=true rollup --config && cp dist/styles.css ./styles.css.backup && npm run clean",
     "build:post": "mv ./styles.css.backup dist/styles.css",
     "bootstrap": "npm run clean; npm run build",
     "clean": "rm -rf dist/* tsconfig.rollup.tsbuildinfo",
+    "css:types:watch": "tcm -w -p \"**/*.module.css\" src",
+    "css:types:build": "tcm -p \"**/*.module.css\" src",
     "entryPoints:build": "ts-node --project ../../tsconfig.bin.json ../../scripts/entryPoints.ts",
     "entryPoints:clean": "npm run entryPoints:build clean",
     "prepack": "npm run entryPoints:build",
     "postpack": "npm run entryPoints:clean",
-    "watch": "rollup -c rollup.config.mjs --watch",
-    "storybook": "storybook dev -p 6007 --disable-telemetry",
+    "watch": "concurrently -k -n rollup,css -c yellow,magenta \"rollup -c rollup.config.mjs --watch\" \"npm run css:types:watch\"",
+    "storybook": "concurrently -k -n storybook,css -c blue,magenta \"storybook dev -p 6007 --disable-telemetry\" \"npm run css:types:watch\"",
     "storybook:build": "storybook build --disable-telemetry"
   },
   "files": [
@@ -516,7 +518,7 @@
     "rollup-plugin-polyfill-node": "^0.13.0",
     "rollup-plugin-postcss": "^4.0.2",
     "storybook": "9.1.19",
-    "typed-css-modules": "^0.7.0"
+    "typed-css-modules": "^0.9.1"
   },
   "peerDependencies": {
     "@apollo/client": "^3",
@@ -539,5 +541,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "32a7c3acc520be4a8014e3ff2c1206f9ea6dc349"
+  "gitHead": "9e6be14fefe016c5d2cebae54d087531dac6e248"
 }