@jobber/components 6.44.0 → 6.45.0

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/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/package.json

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