@jobber/components 6.44.0 → 6.46.0

package/dist/Chip/Chip.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 import { ChipPrefix } from "./components/ChipPrefix/Chip.Prefix";
 import { ChipSuffix } from "./components/ChipSuffix/Chip.Suffix";
 import { ChipProps } from "./Chip.types";
-export declare function Chip({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role, tabIndex, variation, }: ChipProps): JSX.Element;
-export declare namespace Chip {
-    var Prefix: typeof ChipPrefix;
-    var Suffix: typeof ChipSuffix;
-}
+declare const ChipNamespace: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement | HTMLButtonElement>> & {
+    Prefix: typeof ChipPrefix;
+    Suffix: typeof ChipSuffix;
+};
+export { ChipNamespace as Chip };

package/dist/Chip/index.cjs

@@ -21,6 +21,6 @@ require('../tslib.es6-cjs.js');
 
 
 
-exports.Chip = Chip.Chip;
+exports.Chip = Chip.ChipNamespace;
 exports.ChipDismissible = ChipDismissible.ChipDismissible;
 exports.ChipSelectable = ChipDismissible.ChipSelectable;

package/dist/Chip-cjs.js

@@ -75,35 +75,56 @@ const allowedSuffixIcons = [
     "arrowDown",
 ];
 
-function Chip({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }) {
+const ChipComponent = React.forwardRef(({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }, ref) => {
     const classes = classnames(styles$1.chip, {
         [styles$1.invalid]: invalid,
         [styles$1.base]: variation === "base",
         [styles$1.subtle]: variation === "subtle",
         [styles$1.disabled]: disabled,
     });
-    const prefix = useChildComponent.useChildComponent(children, d => d.type === Chip.Prefix);
-    const suffix = useChildComponent.useChildComponent(children, d => d.type === Chip.Suffix);
+    const prefix = useChildComponent.useChildComponent(children, d => d.type === ChipPrefix);
+    const suffix = useChildComponent.useChildComponent(children, d => d.type === ChipSuffix);
     const [labelRef, labelFullyVisible] = useInView.useInView_2();
     const [headingRef, headingFullyVisible] = useInView.useInView_2();
     const tooltipMessage = getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading);
-    const Tag = onClick ? "button" : "div";
-    return (React.createElement(Tooltip.Tooltip, { message: tooltipMessage, setTabIndex: false },
-        React.createElement(Tag, { className: classes, onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev), tabIndex: disabled ? -1 : tabIndex, onKeyDown: onKeyDown, "aria-label": ariaLabel, disabled: disabled, role: role, "data-testid": testID, type: "button" },
-            prefix,
-            React.createElement("div", { className: styles$1.chipContent },
-                heading && (React.createElement(React.Fragment, null,
-                    React.createElement(Typography.Typography, { size: "base", fontWeight: "medium" },
-                        heading,
-                        React.createElement("span", { ref: headingRef, className: styles$1.chipLabelRef })),
-                    label && React.createElement("span", { className: styles$1.chipBar }))),
-                React.createElement(Typography.Typography, { size: "base" },
-                    label,
-                    React.createElement("span", { ref: labelRef, className: styles$1.chipLabelRef })),
-                !labelFullyVisible && (React.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
-                    React.createElement("span", null)))),
-            suffix)));
-}
+    const chipContent = (React.createElement(React.Fragment, null,
+        prefix,
+        React.createElement("div", { className: styles$1.chipContent },
+            heading && (React.createElement(React.Fragment, null,
+                React.createElement(Typography.Typography, { size: "base", fontWeight: "medium" },
+                    heading,
+                    React.createElement("span", { ref: headingRef, className: styles$1.chipLabelRef })),
+                label && React.createElement("span", { className: styles$1.chipBar }))),
+            React.createElement(Typography.Typography, { size: "base" },
+                label,
+                React.createElement("span", { ref: labelRef, className: styles$1.chipLabelRef })),
+            !labelFullyVisible && (React.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
+                React.createElement("span", null)))),
+        suffix));
+    // Use createElement to properly handle the ref typing
+    return (React.createElement(Tooltip.Tooltip, { message: tooltipMessage, setTabIndex: false }, onClick
+        ? React.createElement("button", {
+            className: classes,
+            onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev),
+            tabIndex: disabled ? -1 : tabIndex,
+            onKeyDown,
+            "aria-label": ariaLabel,
+            disabled,
+            role,
+            "data-testid": testID,
+            type: "button",
+            ref,
+        }, chipContent)
+        : React.createElement("div", {
+            className: classes,
+            tabIndex: disabled ? -1 : tabIndex,
+            onKeyDown,
+            "aria-label": ariaLabel,
+            role,
+            "data-testid": testID,
+            ref,
+        }, chipContent)));
+});
 function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading) {
     let message = "";
     if (heading && !headingFullyVisible) {
@@ -114,10 +135,13 @@ function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, headin
     }
     return message;
 }
-Chip.Prefix = ChipPrefix;
-Chip.Suffix = ChipSuffix;
+ChipComponent.displayName = "Chip";
+const ChipNamespace = Object.assign(ChipComponent, {
+    Prefix: ChipPrefix,
+    Suffix: ChipSuffix,
+});
 
-exports.Chip = Chip;
+exports.ChipNamespace = ChipNamespace;
 exports.InternalChipButton = InternalChipButton;
 exports.styles = styles$1;
 exports.styles$1 = styles;

package/dist/Chip-es.js

@@ -1,4 +1,4 @@
-import React__default, { useRef } from 'react';
+import React__default, { useRef, forwardRef } from 'react';
 import classnames from 'classnames';
 import { u as useInView_2 } from './useInView-es.js';
 import { A as Avatar } from './Avatar-es.js';
@@ -73,35 +73,56 @@ const allowedSuffixIcons = [
     "arrowDown",
 ];
 
-function Chip({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }) {
+const ChipComponent = forwardRef(({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }, ref) => {
     const classes = classnames(styles$1.chip, {
         [styles$1.invalid]: invalid,
         [styles$1.base]: variation === "base",
         [styles$1.subtle]: variation === "subtle",
         [styles$1.disabled]: disabled,
     });
-    const prefix = useChildComponent(children, d => d.type === Chip.Prefix);
-    const suffix = useChildComponent(children, d => d.type === Chip.Suffix);
+    const prefix = useChildComponent(children, d => d.type === ChipPrefix);
+    const suffix = useChildComponent(children, d => d.type === ChipSuffix);
     const [labelRef, labelFullyVisible] = useInView_2();
     const [headingRef, headingFullyVisible] = useInView_2();
     const tooltipMessage = getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading);
-    const Tag = onClick ? "button" : "div";
-    return (React__default.createElement(Tooltip, { message: tooltipMessage, setTabIndex: false },
-        React__default.createElement(Tag, { className: classes, onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev), tabIndex: disabled ? -1 : tabIndex, onKeyDown: onKeyDown, "aria-label": ariaLabel, disabled: disabled, role: role, "data-testid": testID, type: "button" },
-            prefix,
-            React__default.createElement("div", { className: styles$1.chipContent },
-                heading && (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement(Typography, { size: "base", fontWeight: "medium" },
-                        heading,
-                        React__default.createElement("span", { ref: headingRef, className: styles$1.chipLabelRef })),
-                    label && React__default.createElement("span", { className: styles$1.chipBar }))),
-                React__default.createElement(Typography, { size: "base" },
-                    label,
-                    React__default.createElement("span", { ref: labelRef, className: styles$1.chipLabelRef })),
-                !labelFullyVisible && (React__default.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
-                    React__default.createElement("span", null)))),
-            suffix)));
-}
+    const chipContent = (React__default.createElement(React__default.Fragment, null,
+        prefix,
+        React__default.createElement("div", { className: styles$1.chipContent },
+            heading && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(Typography, { size: "base", fontWeight: "medium" },
+                    heading,
+                    React__default.createElement("span", { ref: headingRef, className: styles$1.chipLabelRef })),
+                label && React__default.createElement("span", { className: styles$1.chipBar }))),
+            React__default.createElement(Typography, { size: "base" },
+                label,
+                React__default.createElement("span", { ref: labelRef, className: styles$1.chipLabelRef })),
+            !labelFullyVisible && (React__default.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
+                React__default.createElement("span", null)))),
+        suffix));
+    // Use createElement to properly handle the ref typing
+    return (React__default.createElement(Tooltip, { message: tooltipMessage, setTabIndex: false }, onClick
+        ? React__default.createElement("button", {
+            className: classes,
+            onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev),
+            tabIndex: disabled ? -1 : tabIndex,
+            onKeyDown,
+            "aria-label": ariaLabel,
+            disabled,
+            role,
+            "data-testid": testID,
+            type: "button",
+            ref,
+        }, chipContent)
+        : React__default.createElement("div", {
+            className: classes,
+            tabIndex: disabled ? -1 : tabIndex,
+            onKeyDown,
+            "aria-label": ariaLabel,
+            role,
+            "data-testid": testID,
+            ref,
+        }, chipContent)));
+});
 function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading) {
     let message = "";
     if (heading && !headingFullyVisible) {
@@ -112,7 +133,10 @@ function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, headin
     }
     return message;
 }
-Chip.Prefix = ChipPrefix;
-Chip.Suffix = ChipSuffix;
+ChipComponent.displayName = "Chip";
+const ChipNamespace = Object.assign(ChipComponent, {
+    Prefix: ChipPrefix,
+    Suffix: ChipSuffix,
+});
 
-export { Chip as C, InternalChipButton as I, styles as a, styles$1 as s };
+export { ChipNamespace as C, InternalChipButton as I, styles as a, styles$1 as s };

package/dist/ChipDismissible-cjs.js

@@ -7,14 +7,14 @@ var Chip = require('./Chip-cjs.js');
 
 function ChipSelectable(_a) {
     var { selected } = _a, rest = tslib_es6.__rest(_a, ["selected"]);
-    return (React.createElement(Chip.Chip, Object.assign({}, rest),
-        React.createElement(Chip.Chip.Suffix, { className: selected ? Chip.styles.selected : "" },
+    return (React.createElement(Chip.ChipNamespace, Object.assign({}, rest),
+        React.createElement(Chip.ChipNamespace.Suffix, { className: selected ? Chip.styles.selected : "" },
             React.createElement(Icon.Icon, { name: selected ? "checkmark" : "add", size: "small", color: "interactiveSubtle" }))));
 }
 
 function ChipDismissible(props) {
-    return (React.createElement(Chip.Chip, Object.assign({}, props),
-        React.createElement(Chip.Chip.Suffix, null,
+    return (React.createElement(Chip.ChipNamespace, Object.assign({}, props),
+        React.createElement(Chip.ChipNamespace.Suffix, null,
             React.createElement(Icon.Icon, { name: "cross", size: "small", color: "interactiveSubtle" }))));
 }
 

package/dist/ChipDismissible-es.js

@@ -1,18 +1,18 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React__default from 'react';
 import { I as Icon } from './Icon-es.js';
-import { C as Chip, s as styles } from './Chip-es.js';
+import { C as ChipNamespace, s as styles } from './Chip-es.js';
 
 function ChipSelectable(_a) {
     var { selected } = _a, rest = __rest(_a, ["selected"]);
-    return (React__default.createElement(Chip, Object.assign({}, rest),
-        React__default.createElement(Chip.Suffix, { className: selected ? styles.selected : "" },
+    return (React__default.createElement(ChipNamespace, Object.assign({}, rest),
+        React__default.createElement(ChipNamespace.Suffix, { className: selected ? styles.selected : "" },
             React__default.createElement(Icon, { name: selected ? "checkmark" : "add", size: "small", color: "interactiveSubtle" }))));
 }
 
 function ChipDismissible(props) {
-    return (React__default.createElement(Chip, Object.assign({}, props),
-        React__default.createElement(Chip.Suffix, null,
+    return (React__default.createElement(ChipNamespace, Object.assign({}, props),
+        React__default.createElement(ChipNamespace.Suffix, null,
             React__default.createElement(Icon, { name: "cross", size: "small", color: "interactiveSubtle" }))));
 }
 

package/dist/ComboboxActivator-cjs.js

@@ -23,7 +23,7 @@ function ComboboxActivator(props) {
     const { handleOpen } = React.useContext(ComboboxProvider.ComboboxContext);
     const accessibilityAttributes = useComboboxActivatorAccessibility();
     if (typeof props.children !== "function" &&
-        (props.children.type === Button.Button || props.children.type === Chip.Chip)) {
+        (props.children.type === Button.Button || props.children.type === Chip.ChipNamespace)) {
         return React.cloneElement(props.children, {
             role: accessibilityAttributes.role,
             onClick: handleOpen,

package/dist/ComboboxActivator-es.js

@@ -1,7 +1,7 @@
 import React__default, { useContext } from 'react';
 import { B as Button } from './Button-es.js';
 import 'classnames';
-import { C as Chip } from './Chip-es.js';
+import { C as ChipNamespace } from './Chip-es.js';
 import './tslib.es6-es.js';
 import '@jobber/design';
 import { a as ComboboxContext } from './ComboboxProvider-es.js';
@@ -21,7 +21,7 @@ function ComboboxActivator(props) {
     const { handleOpen } = React__default.useContext(ComboboxContext);
     const accessibilityAttributes = useComboboxActivatorAccessibility();
     if (typeof props.children !== "function" &&
-        (props.children.type === Button || props.children.type === Chip)) {
+        (props.children.type === Button || props.children.type === ChipNamespace)) {
         return React__default.cloneElement(props.children, {
             role: accessibilityAttributes.role,
             onClick: handleOpen,

package/dist/ComboboxTrigger-cjs.js

@@ -10,7 +10,7 @@ function ComboboxTrigger({ label = "Select", selected, }) {
     const { handleOpen } = React.useContext(ComboboxProvider.ComboboxContext);
     const hasSelection = selected.length;
     const selectedLabel = selected.map(option => option.label).join(", ");
-    return (React.createElement(Chip.Chip, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox" }, !hasSelection && (React.createElement(Chip.Chip.Suffix, null,
+    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,
         React.createElement(Icon.Icon, { name: "add", size: "small" })))));
 }
 

package/dist/ComboboxTrigger-es.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { C as Chip } from './Chip-es.js';
+import { C as ChipNamespace } from './Chip-es.js';
 import './tslib.es6-es.js';
 import { I as Icon } from './Icon-es.js';
 import { a as ComboboxContext } from './ComboboxProvider-es.js';
@@ -8,7 +8,7 @@ function ComboboxTrigger({ label = "Select", selected, }) {
     const { handleOpen } = React__default.useContext(ComboboxContext);
     const hasSelection = selected.length;
     const selectedLabel = selected.map(option => option.label).join(", ");
-    return (React__default.createElement(Chip, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox" }, !hasSelection && (React__default.createElement(Chip.Suffix, null,
+    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,
         React__default.createElement(Icon, { name: "add", size: "small" })))));
 }
 

package/dist/DataListSort-cjs.js

@@ -21,7 +21,7 @@ function DataListSort() {
             },
         ] },
         React.createElement(Combobox.Combobox.Activator, null,
-            React.createElement(Chip.Chip, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React.createElement(Chip.Chip.Suffix, null,
+            React.createElement(Chip.ChipNamespace, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React.createElement(Chip.ChipNamespace.Suffix, null,
                 React.createElement(Icon.Icon, { name: "arrowDown", size: "small" }))))),
         sortByOptions.map(({ label, value }) => (React.createElement(Combobox.Combobox.Option, { key: value, id: value, label: label })))));
     function getSortByOptions() {

package/dist/DataListSort-es.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { u as useDataListContext } from './DataListContext-es.js';
 import { C as Combobox } from './Combobox-es.js';
 import './ComboboxProvider-es.js';
-import { C as Chip } from './Chip-es.js';
+import { C as ChipNamespace } from './Chip-es.js';
 import './tslib.es6-es.js';
 import { I as Icon } from './Icon-es.js';
 
@@ -19,7 +19,7 @@ function DataListSort() {
             },
         ] },
         React__default.createElement(Combobox.Activator, null,
-            React__default.createElement(Chip, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React__default.createElement(Chip.Suffix, null,
+            React__default.createElement(ChipNamespace, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React__default.createElement(ChipNamespace.Suffix, null,
                 React__default.createElement(Icon, { name: "arrowDown", size: "small" }))))),
         sortByOptions.map(({ label, value }) => (React__default.createElement(Combobox.Option, { key: value, id: value, label: label })))));
     function getSortByOptions() {

package/dist/FormField/FormFieldWrapper.d.ts

@@ -6,7 +6,7 @@ export interface FormFieldWrapperProps extends FormFieldProps {
     readonly identifier: string;
     readonly descriptionIdentifier: string;
     readonly clearable: Clearable;
-    readonly onClear: () => void;
+    readonly onClear?: () => void;
     readonly showMiniLabel?: boolean;
     readonly readonly?: boolean;
 }

package/dist/FormField/components/ClearAction.d.ts

@@ -3,7 +3,7 @@ interface ClearActionProps {
     /**
      * Click handler
      */
-    readonly onClick: () => void;
+    readonly onClick?: () => void;
     readonly visible?: boolean;
 }
 export declare function ClearAction({ onClick, visible, }: ClearActionProps): React.ReactElement | null;

package/dist/InternalChipDismissible-cjs.js

@@ -14,9 +14,9 @@ var Chip = require('./Chip-cjs.js');
 require('./tslib.es6-cjs.js');
 
 function InternalChip({ label, active = false, disabled = false, invalid = false, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }) {
-    return (React.createElement(Chip.Chip, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
-        prefix && React.createElement(Chip.Chip.Prefix, null, prefix),
-        suffix && React.createElement(Chip.Chip.Suffix, null, suffix)));
+    return (React.createElement(Chip.ChipNamespace, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
+        prefix && React.createElement(Chip.ChipNamespace.Prefix, null, prefix),
+        suffix && React.createElement(Chip.ChipNamespace.Suffix, null, suffix)));
 }
 
 var styles = {"wrapper":"XRnU90M2-fs-","input":"Dq-yFHd1zK0-","menu":"F7CpurjKzBI-","menuList":"J8USVG1tjPs-","menuListOption":"_9SAK31TqNDY-","loadingIndicator":"s5vFJVv0t0Q-","activeOption":"_8d0w-JzgzS4-","spinning":"hDJGLX6kE-U-"};

package/dist/InternalChipDismissible-es.js

@@ -8,13 +8,13 @@ import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-es.js';
 import { T as Text } from './Text-es.js';
 import { B as Button } from './Button-es.js';
 import { S as Spinner } from './Spinner-es.js';
-import { C as Chip, I as InternalChipButton } from './Chip-es.js';
+import { C as ChipNamespace, I as InternalChipButton } from './Chip-es.js';
 import './tslib.es6-es.js';
 
 function InternalChip({ label, active = false, disabled = false, invalid = false, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }) {
-    return (React__default.createElement(Chip, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
-        prefix && React__default.createElement(Chip.Prefix, null, prefix),
-        suffix && React__default.createElement(Chip.Suffix, null, suffix)));
+    return (React__default.createElement(ChipNamespace, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
+        prefix && React__default.createElement(ChipNamespace.Prefix, null, prefix),
+        suffix && React__default.createElement(ChipNamespace.Suffix, null, suffix)));
 }
 
 var styles = {"wrapper":"XRnU90M2-fs-","input":"Dq-yFHd1zK0-","menu":"F7CpurjKzBI-","menuList":"J8USVG1tjPs-","menuListOption":"_9SAK31TqNDY-","loadingIndicator":"s5vFJVv0t0Q-","activeOption":"_8d0w-JzgzS4-","spinning":"hDJGLX6kE-U-"};

package/dist/Select/hooks/useSelectActions.d.ts

@@ -11,6 +11,5 @@ export declare function useSelectActions({ onChange, onBlur, onFocus, }: UseSele
     handleChange: (event: ChangeEvent<HTMLSelectElement>) => void;
     handleBlur: () => void;
     handleFocus: () => void;
-    handleClear: () => void;
 };
 export {};

package/dist/Select/index.cjs

@@ -47,15 +47,10 @@ function useSelectActions({ onChange, onBlur, onFocus, }) {
     function handleFocus() {
         onFocus === null || onFocus === void 0 ? void 0 : onFocus();
     }
-    // Noop for SelectRebuilt since onClear is a required prop for FormFieldWrapper
-    // but Select is not clearable.
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    function handleClear() { }
     return {
         handleChange,
         handleBlur,
         handleFocus,
-        handleClear,
     };
 }
 
@@ -82,7 +77,7 @@ function SelectRebuilt(props) {
         nameProp: props.name,
         id: id,
     });
-    const { handleChange, handleBlur, handleFocus, handleClear } = useSelectActions({
+    const { handleChange, handleBlur, handleFocus } = useSelectActions({
         onChange: props.onChange,
         onBlur: props.onBlur,
         onFocus: props.onFocus,
@@ -100,7 +95,7 @@ function SelectRebuilt(props) {
         handleChange,
         handleBlur,
         handleFocus }));
-    return (React.createElement(FormField.FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autofocus, name: name, wrapperRef: wrapperRef, error: "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, onClear: handleClear, clearable: "never", maxLength: props.maxLength },
+    return (React.createElement(FormField.FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autofocus, name: name, wrapperRef: wrapperRef, error: "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, clearable: "never", maxLength: props.maxLength },
         React.createElement(React.Fragment, null,
             React.createElement("select", Object.assign({}, fieldProps, { ref: selectRef, className: inputStyle }), props.children),
             React.createElement(FormField.FormFieldPostFix, { variation: "select" }))));

package/dist/Select/index.mjs

@@ -45,15 +45,10 @@ function useSelectActions({ onChange, onBlur, onFocus, }) {
     function handleFocus() {
         onFocus === null || onFocus === void 0 ? void 0 : onFocus();
     }
-    // Noop for SelectRebuilt since onClear is a required prop for FormFieldWrapper
-    // but Select is not clearable.
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    function handleClear() { }
     return {
         handleChange,
         handleBlur,
         handleFocus,
-        handleClear,
     };
 }
 
@@ -80,7 +75,7 @@ function SelectRebuilt(props) {
         nameProp: props.name,
         id: id,
     });
-    const { handleChange, handleBlur, handleFocus, handleClear } = useSelectActions({
+    const { handleChange, handleBlur, handleFocus } = useSelectActions({
         onChange: props.onChange,
         onBlur: props.onBlur,
         onFocus: props.onFocus,
@@ -98,7 +93,7 @@ function SelectRebuilt(props) {
         handleChange,
         handleBlur,
         handleFocus }));
-    return (React__default.createElement(FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autofocus, name: name, wrapperRef: wrapperRef, error: "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, onClear: handleClear, clearable: "never", maxLength: props.maxLength },
+    return (React__default.createElement(FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autofocus, name: name, wrapperRef: wrapperRef, error: "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, clearable: "never", maxLength: props.maxLength },
         React__default.createElement(React__default.Fragment, null,
             React__default.createElement("select", Object.assign({}, fieldProps, { ref: selectRef, className: inputStyle }), props.children),
             React__default.createElement(FormFieldPostFix, { variation: "select" }))));

package/dist/index.cjs

@@ -215,7 +215,7 @@ exports.Cluster = Cluster.Cluster;
 exports.Container = Container.Container;
 exports.Cover = Cover.Cover;
 exports.Checkbox = Checkbox_index.Checkbox;
-exports.Chip = Chip.Chip;
+exports.Chip = Chip.ChipNamespace;
 exports.ChipDismissible = ChipDismissible.ChipDismissible;
 exports.ChipSelectable = ChipDismissible.ChipSelectable;
 exports.Chips = Chips.Chips;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.44.0",
+  "version": "6.46.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -534,5 +534,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "fe9b52f934d568d14a7e97defddeaf31e8825810"
+  "gitHead": "06b587a6f7e93caf7b6e5a0aa8c191f3d7e1c208"
 }