@jobber/components 7.8.0 → 7.9.0

package/dist/Modal/index.mjs

@@ -7,7 +7,7 @@ import { H as Heading } from '../Heading-es.js';
 import { B as Button } from '../Button-es.js';
 import { B as ButtonDismiss } from '../ButtonDismiss-es.js';
 import { n as noop } from '../noop-es.js';
-import { b as useFloatingNodeId, u as useFloating, c as useDismiss, g as useRole, d as useInteractions, a as useFloatingParentNodeId, e as FloatingTree, f as FloatingNode, F as FloatingPortal, h as FloatingFocusManager, i as FloatingOverlay } from '../floating-ui.react-es.js';
+import { b as useFloatingNodeId, u as useFloating, c as useDismiss, h as useRole, d as useInteractions, a as useFloatingParentNodeId, e as FloatingTree, f as FloatingNode, F as FloatingPortal, i as FloatingFocusManager, j as FloatingOverlay } from '../floating-ui.react-es.js';
 import { b as identity } from '../identity-es.js';
 import { A as AtlantisPortalContent } from '../AtlantisPortalContent-es.js';
 import '../Typography-es.js';

package/dist/Page/index.cjs

@@ -23,11 +23,14 @@ require('../floating-ui.react-cjs.js');
 require('../index.esm-cjs.js');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
-require('../Text-cjs2.js');
-require('../clsx-cjs.js');
-require('../index-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
+require('../useRenderElement-cjs.js');
+require('../BottomSheet-cjs.js');
+require('../DrawerRoot-cjs.js');
+require('../OverlaySeparator-cjs.js');
+require('../Separator-cjs.js');
+require('../MenuSubmenuTrigger-cjs.js');
 require('../filterDataAttributes-cjs.js');
 
 

package/dist/Page/index.mjs

@@ -21,9 +21,12 @@ import '../floating-ui.react-es.js';
 import '../index.esm-es.js';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
-import '../Text-es2.js';
-import '../clsx-es.js';
-import '../index-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
+import '../useRenderElement-es.js';
+import '../BottomSheet-es.js';
+import '../DrawerRoot-es.js';
+import '../OverlaySeparator-es.js';
+import '../Separator-es.js';
+import '../MenuSubmenuTrigger-es.js';
 import '../filterDataAttributes-es.js';

package/dist/Page-cjs.js

@@ -173,7 +173,7 @@ function PageMenu(_a) {
     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(Menu.Menu.Trigger, null,
                 React.createElement(Button.Button, { icon: "more", label: triggerLabel, type: "secondary", fullWidth: true })),
             React.createElement(Menu.Menu.Content, { preferredPlacement: preferredPlacement }, children))));
 }

package/dist/Page-es.js

@@ -171,7 +171,7 @@ function PageMenu(_a) {
     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(Menu.Trigger, null,
                 React__default.createElement(Button, { icon: "more", label: triggerLabel, type: "secondary", fullWidth: true })),
             React__default.createElement(Menu.Content, { preferredPlacement: preferredPlacement }, children))));
 }

package/dist/RecurringSelect/index.cjs

@@ -21,7 +21,6 @@ require('../Spinner-cjs.js');
 require('react-hook-form');
 require('../filterDataAttributes-cjs.js');
 require('../InputNumber/index.cjs');
-require('../Text-cjs2.js');
 require('../clsx-cjs.js');
 require('../FormField-cjs.js');
 require('../InputGroup-cjs.js');

package/dist/RecurringSelect/index.mjs

@@ -19,7 +19,6 @@ import '../Spinner-es.js';
 import 'react-hook-form';
 import '../filterDataAttributes-es.js';
 import '../InputNumber/index.mjs';
-import '../Text-es2.js';
 import '../clsx-es.js';
 import '../FormField-es.js';
 import '../InputGroup-es.js';

package/dist/docs/Menu/Menu.md

@@ -298,69 +298,14 @@ through inline styles.
 
 ### Web
 
-#### Menu
-
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `items` | `SectionProps[]` | Yes | — | Collection of action items. |
-| `activator` | `ReactElement<{ [key: string]: unknown; fullWidth?: boolean; onClick?: (event?: MouseEvent<Element, MouseEvent>) => void; }, string | JSXElementConstructor<any>>` | No | — | Custom menu activator. If this is not provided a default [… More] will be used. |
-| `UNSAFE_className` | `{ menu?: string; header?: string; action?: string; }` | No | — | **Use at your own risk:** Custom class names for specific elements. This should only be used as a **last resort**. Us... |
-| `UNSAFE_style` | `{ menu?: CSSProperties; header?: CSSProperties; action?: CSSProperties; }` | No | — | **Use at your own risk:** Custom style for specific elements. This should only be used as a **last resort**. Using th... |
-
-#### Menu.Section
-
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `children` | `ReactNode` | Yes | — | Section content If no Menu.Header is provided, ariaLabel must be provided to identify the section to assistive techno... |
-| `ariaLabel` | `string` | No | — | Accessible label for the section |
-| `UNSAFE_className` | `string` | No | — |  |
-| `UNSAFE_style` | `CSSProperties` | No | — |  |
-
-#### Menu.Header
-
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `UNSAFE_className` | `string` | No | — |  |
-| `UNSAFE_style` | `CSSProperties` | No | — |  |
-
-#### Menu.Content
-
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `preferredPlacement` | `Placement` | No | `'bottom start'` | Describes the preferred placement of the Menu. |
-| `UNSAFE_className` | `string` | No | — |  |
-| `UNSAFE_style` | `CSSProperties` | No | — |  |
-
-#### Menu.Separator
-
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `UNSAFE_className` | `string` | No | — |  |
-| `UNSAFE_style` | `CSSProperties` | No | — |  |
-
-#### Menu.ItemIcon
-
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `name` | `IconNames` | Yes | — | The icon to show. |
-| `color` | `"text" | "task" | "warning" | "icon" | "white" | "grey" | "greyBlue" | "greyBlueDark" | "greyBlueLighter" | "blue" | "lightBlue" | "green" | "yellow" | "red" | "navy" | "orange" | ... 33 more ... | "brandHighlight"` | No | — | Determines the color of the icon. Some icons have a default system colour like quotes, jobs, and invoices. Others tha... |
-| `customColor` | `string` | No | — | Sets a custom color for the icon. Can be a rgb() or hex value. |
-| `size` | `"base" | "small" | "large"` | No | `base` | Changes the size to small or large. |
-| `testID` | `string` | No | — | Used to locate this view in end-to-end tests |
-| `UNSAFE_className` | `{ svg?: string; path?: string; }` | No | — | **Use at your own risk:** Custom classnames for specific elements. This should only be used as a **last resort**. Usi... |
-| `UNSAFE_style` | `{ svg?: CSSProperties; path?: CSSProperties; }` | No | — | **Use at your own risk:** Custom style for specific elements. This should only be used as a **last resort**. Using th... |
-
-#### Menu.ItemLabel
-
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `children` | `ReactNode` | Yes | — | Item label content. This is rendered inside a Typography (span) component, so you MUST supply either a string or a fr... |
-
-#### MenuLegacy
-
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `items` | `SectionProps[]` | Yes | — | Collection of action items. |
 | `activator` | `ReactElement<{ [key: string]: unknown; fullWidth?: boolean; onClick?: (event?: MouseEvent<Element, MouseEvent>) => void; }, string | JSXElementConstructor<any>>` | No | — | Custom menu activator. If this is not provided a default [… More] will be used. |
-| `UNSAFE_className` | `{ menu?: string; header?: string; action?: string; }` | No | — | **Use at your own risk:** Custom class names for specific elements. This should only be used as a **last resort**. Us... |
-| `UNSAFE_style` | `{ menu?: CSSProperties; header?: CSSProperties; action?: CSSProperties; }` | No | — | **Use at your own risk:** Custom style for specific elements. This should only be used as a **last resort**. Using th... |
+| `className` | `string` | No | — |  |
+| `defaultOpen` | `boolean` | No | — |  |
+| `onOpenChange` | `(isOpen: boolean) => void` | No | — |  |
+| `open` | `boolean` | No | — |  |
+| `style` | `CSSProperties` | No | — |  |
+| `UNSAFE_className` | `string | { menu?: string; header?: string; action?: string; }` | No | — | **Use at your own risk:** Custom class names for specific elements. This should only be used as a **last resort**. Us... |
+| `UNSAFE_style` | `{ menu?: CSSProperties; header?: CSSProperties; action?: CSSProperties; } | CSSProperties` | No | — | **Use at your own risk:** Custom style for specific elements. This should only be used as a **last resort**. Using th... |

package/dist/floating-ui.react-dom-es.js

@@ -1,4 +1,4 @@
-import { n as evaluate, o as getSide, p as getSideAxis, q as getOppositePlacement, r as getExpandedPlacements, s as getOppositeAxisPlacements, u as getAlignmentSides, v as getAlignment, w as min, x as max, y as getAlignmentAxis, z as getPaddingObject, A as rectToClientRect, B as clamp, C as getAxisLength, D as sides, E as getOppositeAxis, F as placements, G as getOppositeAlignmentPlacement, g as getOverflowAncestors, b as isElement, H as createCoords, I as getWindow, J as getFrameElement, l as getComputedStyle$1, K as getDocumentElement, a as isHTMLElement, L as round, m as isWebKit, f as floor, M as isTopLayer, d as getNodeName, N as isOverflowElement, O as getNodeScroll, k as getParentNode, j as isLastTraversableNode, P as isTableElement, Q as isContainingBlock, R as getContainingBlock } from './index.esm-es.js';
+import { n as evaluate, o as getSide, p as getSideAxis, q as getOppositePlacement, r as getExpandedPlacements, s as getOppositeAxisPlacements, u as getAlignmentSides, v as getAlignment, w as min, x as max, y as getAlignmentAxis, z as getPaddingObject, A as rectToClientRect, B as clamp, C as getAxisLength, D as sides, E as getOppositeAxis, F as placements, G as getOppositeAlignmentPlacement, l as getOverflowAncestors, b as isElement, H as createCoords, I as getWindow, J as getFrameElement, k as getComputedStyle$1, K as getDocumentElement, a as isHTMLElement, L as round, m as isWebKit, f as floor, M as isTopLayer, g as getNodeName, N as isOverflowElement, O as getNodeScroll, j as getParentNode, h as isLastTraversableNode, P as isTableElement, Q as isContainingBlock, R as getContainingBlock } from './index.esm-es.js';
 import * as React from 'react';
 import { useLayoutEffect } from 'react';
 import * as ReactDOM from 'react-dom';

package/dist/floating-ui.react-es.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useLayoutEffect } from 'react';
-import { i as isShadowRoot, a as isHTMLElement, t as tabbable, f as floor, b as isElement, g as getOverflowAncestors, c as isNode, d as getNodeName, e as isTabbable, h as focusable, j as isLastTraversableNode, k as getParentNode, l as getComputedStyle, m as isWebKit } from './index.esm-es.js';
+import { i as isShadowRoot, a as isHTMLElement, t as tabbable, f as floor, b as isElement, c as isNode, g as getNodeName, d as isTabbable, e as focusable, h as isLastTraversableNode, j as getParentNode, k as getComputedStyle, l as getOverflowAncestors, m as isWebKit } from './index.esm-es.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import { u as useFloating$1 } from './floating-ui.react-dom-es.js';
@@ -3232,4 +3232,4 @@ function useTransitionStyles(context, props) {
   };
 }
 
-export { FloatingPortal as F, useFloatingParentNodeId as a, useFloatingNodeId as b, useDismiss as c, useInteractions as d, FloatingTree as e, FloatingNode as f, useRole as g, FloatingFocusManager as h, FloatingOverlay as i, useClick as j, useListNavigation as k, useTransitionStyles as l, FloatingArrow as m, useFloating as u };
+export { FloatingPortal as F, useFloatingParentNodeId as a, useFloatingNodeId as b, useDismiss as c, useInteractions as d, FloatingTree as e, FloatingNode as f, useListNavigation as g, useRole as h, FloatingFocusManager as i, FloatingOverlay as j, useClick as k, useTransitionStyles as l, FloatingArrow as m, useFloating as u };