@jobber/components 6.47.0 → 6.48.0

package/dist/Combobox/Combobox.types.d.ts

@@ -46,6 +46,10 @@ export interface ComboboxProps {
      * Should the Combobox display the loading state.
      */
     readonly loading?: boolean;
+    /**
+     * A ref to the default activator button element.
+     */
+    readonly defaultActivatorRef?: React.Ref<HTMLButtonElement>;
 }
 export interface ComboboxCustomActivatorProps {
     /**
@@ -76,6 +80,7 @@ export interface ComboboxActivatorProps {
 }
 export interface ComboboxTriggerProps extends Pick<ComboboxContentProps, "selected"> {
     readonly label?: string;
+    readonly activatorRef?: React.Ref<HTMLButtonElement>;
 }
 export interface ComboboxOptionProps {
     /**

package/dist/Combobox/components/ComboboxTrigger/ComboboxTrigger.d.ts

@@ -1,2 +1,2 @@
 import { ComboboxTriggerProps } from "../../Combobox.types";
-export declare function ComboboxTrigger({ label, selected, }: ComboboxTriggerProps): JSX.Element;
+export declare function ComboboxTrigger({ label, selected, activatorRef, }: ComboboxTriggerProps): JSX.Element;

package/dist/Combobox-cjs.js

@@ -107,7 +107,7 @@ function Combobox(props) {
     return (React.createElement(ComboboxProvider.ComboboxContextProvider, { selected: selectedOptions, selectionHandler: handleSelection, open: open, handleOpen: handleOpen, handleClose: handleClose, shouldScroll: shouldScroll, searchValue: searchValue, label: props.label },
         React.createElement("div", { ref: wrapperRef, className: styles.wrapper },
             open && (React.createElement("div", { className: styles.overlay, onClick: () => handleClose(), "data-testid": "ATL-Combobox-Overlay" })),
-            triggerElement || (React.createElement(ComboboxTrigger.ComboboxTrigger, { label: props.label, selected: props.selected })),
+            triggerElement || (React.createElement(ComboboxTrigger.ComboboxTrigger, { label: props.label, selected: props.selected, activatorRef: props.defaultActivatorRef })),
             React.createElement(ComboboxContent.ComboboxContent, { multiselect: props.multiSelect, subjectNoun: props.subjectNoun, selected: selectedOptions, actionElements: actionElements, selectedStateSetter: selectedStateSetter, handleSelection: handleSelection, searchValue: searchValue, setSearchValue: setSearchValue, wrapperRef: wrapperRef, open: open, options: props.onSearch ? options : internalFilteredOptions, loading: props.loading, handleSearchChange: handleSearchChange, onLoadMore: props.onLoadMore }))));
 }
 Combobox.Activator = ComboboxActivator.ComboboxActivator;

package/dist/Combobox-es.js

@@ -105,7 +105,7 @@ function Combobox(props) {
     return (React__default.createElement(ComboboxContextProvider, { selected: selectedOptions, selectionHandler: handleSelection, open: open, handleOpen: handleOpen, handleClose: handleClose, shouldScroll: shouldScroll, searchValue: searchValue, label: props.label },
         React__default.createElement("div", { ref: wrapperRef, className: styles.wrapper },
             open && (React__default.createElement("div", { className: styles.overlay, onClick: () => handleClose(), "data-testid": "ATL-Combobox-Overlay" })),
-            triggerElement || (React__default.createElement(ComboboxTrigger, { label: props.label, selected: props.selected })),
+            triggerElement || (React__default.createElement(ComboboxTrigger, { label: props.label, selected: props.selected, activatorRef: props.defaultActivatorRef })),
             React__default.createElement(ComboboxContent, { multiselect: props.multiSelect, subjectNoun: props.subjectNoun, selected: selectedOptions, actionElements: actionElements, selectedStateSetter: selectedStateSetter, handleSelection: handleSelection, searchValue: searchValue, setSearchValue: setSearchValue, wrapperRef: wrapperRef, open: open, options: props.onSearch ? options : internalFilteredOptions, loading: props.loading, handleSearchChange: handleSearchChange, onLoadMore: props.onLoadMore }))));
 }
 Combobox.Activator = ComboboxActivator;

package/dist/ComboboxTrigger-cjs.js

@@ -6,11 +6,11 @@ require('./tslib.es6-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var ComboboxProvider = require('./ComboboxProvider-cjs.js');
 
-function ComboboxTrigger({ label = "Select", selected, }) {
+function ComboboxTrigger({ label = "Select", selected, activatorRef, }) {
     const { handleOpen } = React.useContext(ComboboxProvider.ComboboxContext);
     const hasSelection = selected.length;
     const selectedLabel = selected.map(option => option.label).join(", ");
-    return (React.createElement(Chip.ChipNamespace, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox" }, !hasSelection && (React.createElement(Chip.ChipNamespace.Suffix, null,
+    return (React.createElement(Chip.ChipNamespace, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox", ref: activatorRef }, !hasSelection && (React.createElement(Chip.ChipNamespace.Suffix, null,
         React.createElement(Icon.Icon, { name: "add", size: "small" })))));
 }
 

package/dist/ComboboxTrigger-es.js

@@ -4,11 +4,11 @@ import './tslib.es6-es.js';
 import { I as Icon } from './Icon-es.js';
 import { a as ComboboxContext } from './ComboboxProvider-es.js';
 
-function ComboboxTrigger({ label = "Select", selected, }) {
+function ComboboxTrigger({ label = "Select", selected, activatorRef, }) {
     const { handleOpen } = React__default.useContext(ComboboxContext);
     const hasSelection = selected.length;
     const selectedLabel = selected.map(option => option.label).join(", ");
-    return (React__default.createElement(ChipNamespace, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox" }, !hasSelection && (React__default.createElement(ChipNamespace.Suffix, null,
+    return (React__default.createElement(ChipNamespace, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox", ref: activatorRef }, !hasSelection && (React__default.createElement(ChipNamespace.Suffix, null,
         React__default.createElement(Icon, { name: "add", size: "small" })))));
 }