@jobber/components 6.112.2 → 6.113.0

package/dist/Autocomplete/tests/Autocomplete.setup.d.ts

@@ -1,12 +1,14 @@
 import React from "react";
 import { type AutocompleteRebuiltProps, type MenuItem, type OptionLike } from "../Autocomplete.types";
-export declare function Wrapper<T extends OptionLike>({ initialValue, initialInputValue, onChange, onInputChange, onBlur, onFocus, menu, openOnFocus, filterOptions, emptyActions, customRenderOption, customRenderAction, customRenderSection, customRenderInput, customRenderHeader, customRenderFooter, loading, customRenderLoading, emptyStateMessage, ref, readOnly, UNSAFE_className, UNSAFE_styles, debounce, ...props }: {
+export declare function Wrapper<T extends OptionLike>({ initialValue, initialInputValue, onChange, onInputChange, onBlur, onFocus, onOpen, onClose, menu, openOnFocus, filterOptions, emptyActions, customRenderOption, customRenderAction, customRenderSection, customRenderInput, customRenderHeader, customRenderFooter, loading, customRenderLoading, emptyStateMessage, ref, readOnly, UNSAFE_className, UNSAFE_styles, debounce, ...props }: {
     readonly initialValue?: T;
     readonly initialInputValue?: string;
     readonly onChange?: (v: T | undefined) => void;
     readonly onInputChange?: (v: string) => void;
     readonly onBlur?: () => void;
     readonly onFocus?: () => void;
+    readonly onOpen?: () => void;
+    readonly onClose?: () => void;
     readonly menu?: MenuItem<T>[];
     readonly openOnFocus?: boolean;
     readonly filterOptions?: false | ((opts: T[], input: string) => T[]);
@@ -24,7 +26,9 @@ export declare function Wrapper<T extends OptionLike>({ initialValue, initialInp
     readonly UNSAFE_className?: AutocompleteRebuiltProps<T, false>["UNSAFE_className"];
     readonly UNSAFE_styles?: AutocompleteRebuiltProps<T, false>["UNSAFE_styles"];
     readonly readOnly?: boolean;
+    readonly clearable?: AutocompleteRebuiltProps<T, false>["clearable"];
     readonly debounce?: number;
+    readonly disabled?: boolean;
 }): React.JSX.Element;
 export declare function FreeFormWrapper({ initialValue, initialInputValue, onChange, onInputChange, menu, openOnFocus, inputEqualsOption, debounce, }: {
     readonly initialValue?: OptionLike;
@@ -36,16 +40,47 @@ export declare function FreeFormWrapper({ initialValue, initialInputValue, onCha
     readonly inputEqualsOption?: (input: string, option: OptionLike) => boolean;
     readonly debounce?: number;
 }): React.JSX.Element;
+/**
+ * Stateful wrapper for testing multiple-selection behavior.
+ * Manages both value (array) and inputValue internally so tests
+ * can perform multiple interactions that build on each other.
+ *
+ * When allowFreeForm is true, uses createFreeFormValue if provided,
+ * otherwise defaults to (input) => ({ label: input }).
+ */
+export declare function MultipleWrapper<T extends OptionLike>({ initialValue, initialInputValue, onChange, onInputChange, menu, disabled, readOnly, debounce, customRenderValue, clearable, allowFreeForm, createFreeFormValue, onBlur, UNSAFE_className, UNSAFE_styles, limitVisibleSelections, limitSelectionText, }: MultipleWrapperProps<T>): React.JSX.Element;
+interface MultipleWrapperProps<T extends OptionLike> {
+    readonly initialValue?: T[];
+    readonly initialInputValue?: string;
+    readonly onChange?: (v: T[]) => void;
+    readonly onInputChange?: (v: string) => void;
+    readonly menu?: MenuItem<T>[];
+    readonly debounce?: number;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly customRenderValue?: AutocompleteRebuiltProps<T, true>["customRenderValue"];
+    readonly clearable?: AutocompleteRebuiltProps<T, true>["clearable"];
+    readonly allowFreeForm?: boolean;
+    readonly createFreeFormValue?: (input: string) => T;
+    readonly onBlur?: () => void;
+    readonly UNSAFE_className?: AutocompleteRebuiltProps<T, true>["UNSAFE_className"];
+    readonly UNSAFE_styles?: AutocompleteRebuiltProps<T, true>["UNSAFE_styles"];
+    readonly limitVisibleSelections?: number;
+    readonly limitSelectionText?: (truncatedCount: number) => string;
+}
 /**
  * Wrapper for testing focus and blur behavior with tabbable siblings
  * Includes tabbable elements before and after the autocomplete
  * so tests can use tab navigation to focus without clicking
  */
-export declare function FocusableSiblingsWrapper<T extends OptionLike>({ onFocus, onChange, onInputChange, menu, readOnly, openOnFocus, }: {
+export declare function FocusableSiblingsWrapper<T extends OptionLike>({ onFocus, onOpen, onClose, onChange, onInputChange, menu, readOnly, openOnFocus, }: {
     readonly onChange?: (v: T | undefined) => void;
     readonly onInputChange?: (v: string) => void;
     readonly menu?: MenuItem<T>[];
     readonly readOnly?: boolean;
     readonly onFocus?: () => void;
+    readonly onOpen?: () => void;
+    readonly onClose?: () => void;
     readonly openOnFocus?: boolean;
 }): React.JSX.Element;
+export {};

package/dist/Autocomplete/useAutocomplete.d.ts

@@ -11,7 +11,7 @@ export type RenderItem<T extends OptionLike, S extends object = Record<string, u
     kind: "section";
     section: MenuSection<T, S, A>;
 };
-export declare function useAutocomplete<Value extends OptionLike, Multiple extends boolean = false, SectionExtra extends object = Record<string, unknown>, ActionExtra extends object = Record<string, unknown>>(props: AutocompleteRebuiltProps<Value, Multiple, SectionExtra, ActionExtra>): {
+export declare function useAutocomplete<Value extends OptionLike, Multiple extends boolean = false, SectionExtra extends object = Record<string, unknown>, ActionExtra extends object = Record<string, unknown>>(props: AutocompleteRebuiltProps<Value, Multiple, SectionExtra, ActionExtra>, inputRef: React.RefObject<HTMLInputElement | HTMLTextAreaElement | null>): {
     renderable: RenderItem<Value, SectionExtra, ActionExtra>[];
     optionCount: number;
     persistentsHeaders: import("./Autocomplete.types").MenuHeader<ActionExtra>[];
@@ -59,6 +59,8 @@ export declare function useAutocomplete<Value extends OptionLike, Multiple exten
     onSelection: (option: Value) => void;
     onAction: (action: ActionConfig) => void;
     onInteractionPointerDown: (e: React.PointerEvent) => void;
+    removeSelection: (option: Value) => void;
+    clearAll: () => void;
     onInputChangeFromUser: (val: string) => void;
     onInputBlur: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     onInputFocus: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useLayoutEffect } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 
 function hasWindow() {

package/dist/index.cjs

@@ -112,12 +112,12 @@ require('react/jsx-runtime');
 require('react-dom');
 require('classnames');
 require('./maxHeight-cjs.js');
-require('./filterDataAttributes-cjs.js');
 require('./tslib.es6-cjs.js');
+require('react-hook-form');
+require('./filterDataAttributes-cjs.js');
 require('color');
 require('react-router-dom');
 require('./getMappedAtlantisSpaceToken-cjs.js');
-require('react-hook-form');
 require('./useChildComponent-cjs.js');
 require('./InternalChipDismissible-cjs.js');
 require('./useScrollToActive-cjs.js');

package/dist/index.mjs

@@ -110,12 +110,12 @@ import 'react/jsx-runtime';
 import 'react-dom';
 import 'classnames';
 import './maxHeight-es.js';
-import './filterDataAttributes-es.js';
 import './tslib.es6-es.js';
+import 'react-hook-form';
+import './filterDataAttributes-es.js';
 import 'color';
 import 'react-router-dom';
 import './getMappedAtlantisSpaceToken-es.js';
-import 'react-hook-form';
 import './useChildComponent-es.js';
 import './InternalChipDismissible-es.js';
 import './useScrollToActive-es.js';