@jobber/components 6.96.0 → 6.97.1

package/dist/ComboboxContent-cjs.js

@@ -51,12 +51,13 @@ function useComboboxAccessibility(selectionCallback, filteredOptions, optionsLis
     const nodeId = floatingUi_react.useFloatingNodeId();
     jobberHooks.useRefocusOnActivator(open);
     const floatingRef = jobberHooks.useFocusTrap(open);
-    const { floatingStyles, update, context } = floatingUi_react.useFloating({
+    const { floatingStyles, update, context, elements } = floatingUi_react.useFloating({
         nodeId,
         elements: {
             reference: wrapperRef.current,
             floating: floatingRef.current,
         },
+        placement: "bottom-start",
         open,
         onOpenChange: openState => {
             if (!openState)
@@ -66,11 +67,17 @@ function useComboboxAccessibility(selectionCallback, filteredOptions, optionsLis
             floatingUi_react.offset(COMBOBOX_OFFSET),
             floatingUi_react.flip({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
         ],
-        placement: "bottom-start",
-        whileElementsMounted: floatingUi_react.autoUpdate,
     });
     const dismiss = floatingUi_react.useDismiss(context);
     const { getFloatingProps } = floatingUi_react.useInteractions([dismiss]);
+    // Floating element is hidden via CSS (not conditionally rendered),
+    // set up and tear down autoUpdate manually to avoid unnecessary observers.
+    React.useEffect(() => {
+        if (open && elements.reference && elements.floating) {
+            const cleanup = floatingUi_react.autoUpdate(elements.reference, elements.floating, update);
+            return cleanup;
+        }
+    }, [open, floatingUi_react.autoUpdate, elements, update]);
     React.useEffect(() => {
         focusedIndex.current = null;
         if (open) {

package/dist/ComboboxContent-es.js

@@ -1,6 +1,6 @@
 import React__default, { useContext, useRef, useEffect, useMemo } from 'react';
 import classnames from 'classnames';
-import { g as useFloatingParentNodeId, h as useFloatingNodeId, u as useFloating, o as offset, f as flip, c as autoUpdate, a as useDismiss, b as useInteractions, i as FloatingTree, j as FloatingNode, F as FloatingPortal } from './floating-ui.react-es.js';
+import { g as useFloatingParentNodeId, h as useFloatingNodeId, u as useFloating, o as offset, f as flip, a as useDismiss, b as useInteractions, c as autoUpdate, i as FloatingTree, j as FloatingNode, F as FloatingPortal } from './floating-ui.react-es.js';
 import { C as ComboboxContentSearch } from './ComboboxContentSearch-es.js';
 import { C as ComboboxContentList } from './ComboboxContentList-es.js';
 import { C as ComboboxContentHeader } from './ComboboxContentHeader-es.js';
@@ -49,12 +49,13 @@ function useComboboxAccessibility(selectionCallback, filteredOptions, optionsLis
     const nodeId = useFloatingNodeId();
     useRefocusOnActivator(open);
     const floatingRef = useFocusTrap(open);
-    const { floatingStyles, update, context } = useFloating({
+    const { floatingStyles, update, context, elements } = useFloating({
         nodeId,
         elements: {
             reference: wrapperRef.current,
             floating: floatingRef.current,
         },
+        placement: "bottom-start",
         open,
         onOpenChange: openState => {
             if (!openState)
@@ -64,11 +65,17 @@ function useComboboxAccessibility(selectionCallback, filteredOptions, optionsLis
             offset(COMBOBOX_OFFSET),
             flip({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
         ],
-        placement: "bottom-start",
-        whileElementsMounted: autoUpdate,
     });
     const dismiss = useDismiss(context);
     const { getFloatingProps } = useInteractions([dismiss]);
+    // Floating element is hidden via CSS (not conditionally rendered),
+    // set up and tear down autoUpdate manually to avoid unnecessary observers.
+    useEffect(() => {
+        if (open && elements.reference && elements.floating) {
+            const cleanup = autoUpdate(elements.reference, elements.floating, update);
+            return cleanup;
+        }
+    }, [open, autoUpdate, elements, update]);
     useEffect(() => {
         focusedIndex.current = null;
         if (open) {

package/dist/DataListItem-cjs.js

@@ -101,6 +101,8 @@ function DataListItem({ item, layout, }) {
         setShowMenu(true);
     }
     function handleHideMenu() {
+        if (isContextMenuVisible)
+            return;
         setShowMenu(false);
     }
     function handleContextMenu(event) {

package/dist/DataListItem-es.js

@@ -99,6 +99,8 @@ function DataListItem({ item, layout, }) {
         setShowMenu(true);
     }
     function handleHideMenu() {
+        if (isContextMenuVisible)
+            return;
         setShowMenu(false);
     }
     function handleContextMenu(event) {

package/dist/FormField/hooks/useAtlantisReactHookForm.d.ts

@@ -9,6 +9,7 @@ export declare function useAtlantisReactHookForm({ actionsRef, name, defaultValu
     inputRefs: import("react").RefCallback<any>;
     useControllerField: {
         value: any;
+        disabled?: boolean;
         name: string;
     };
     setValue: import("react-hook-form").UseFormSetValue<import("react-hook-form").FieldValues>;

package/dist/InputText/useInputTextFormField.d.ts

@@ -59,7 +59,7 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         className: string;
         name: string;
         disabled: boolean | undefined;
-        inputMode: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode: "none" | "text" | "search" | "email" | "decimal" | "tel" | "url" | "numeric" | undefined;
         onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
         onBlur: () => void;
         onFocus: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.96.0",
+  "version": "6.97.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -483,13 +483,13 @@
     "classnames": "^2.3.2",
     "color": "^3.1.2",
     "filesize": "^6.1.0",
-    "framer-motion": "^11.0.3",
+    "framer-motion": "^11.11.12",
     "lodash": "^4.17.21",
     "react-aria-components": "^1.11.0",
     "react-countdown": "^2.3.2",
     "react-datepicker": "^8.7.0",
     "react-dropzone": "^11.0.2",
-    "react-hook-form": "^7.43.7",
+    "react-hook-form": "^7.52.0",
     "react-markdown": "^10.1.0",
     "react-router-dom": "^5.3.4",
     "ts-xor": "^1.0.8"
@@ -529,11 +529,11 @@
     "classnames": "^2",
     "color": "^4",
     "filesize": "^6",
-    "framer-motion": "^11",
+    "framer-motion": "^11.11.12",
     "lodash": "^4",
     "react": "^18.2.0",
     "react-dom": "^18",
-    "react-hook-form": "^7",
+    "react-hook-form": "^7.52.0",
     "react-router-dom": "^6"
   },
   "browserslist": [
@@ -541,5 +541,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "99ad0dd569d2d8d3158db804e7d8e9e2761142e9"
+  "gitHead": "7ad3ab047c32d137b34e2b9d8c067b16f9d46a49"
 }