@jobber/components 6.63.2 → 6.63.4

package/dist/DataList.module-cjs.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var styles = {"wrapper":"v3oESmhykhE-","titleContainer":"KuG6k-a5jEM-","headerFilters":"E0wzULGeIvs-","headerTitles":"TzEnOGRRd8g-","batchSelectContainer":"DvRzj3qOLCk-","headerBatchSelect":"pmQV-ZYKQMg-","listItem":"i-w6mU9puzE-","listItemClickable":"Hx3I3kI1E7Q-","active":"eCAyzR-N1Xk-","selectable":"zvpLQa7hDp0-","selectAllCheckbox":"_8fx-1j3wk2E-","visible":"VaDzSy52w-w-","selected":"_0qmb-Daumfs-","filtering":"Xl0eCv2fMNM-","filteringSpinner":"t9txZ5-Upp4-","srOnly":"HBTfumId4rA-","spinning":"_8Bw0FhmP0Mk-"};
+var styles = {"wrapper":"v3oESmhykhE-","titleContainer":"KuG6k-a5jEM-","headerFilters":"E0wzULGeIvs-","headerTitles":"TzEnOGRRd8g-","batchSelectContainer":"DvRzj3qOLCk-","headerBatchSelect":"pmQV-ZYKQMg-","listItem":"i-w6mU9puzE-","listItemClickable":"Hx3I3kI1E7Q-","active":"eCAyzR-N1Xk-","selectable":"zvpLQa7hDp0-","selectAllCheckbox":"_8fx-1j3wk2E-","selected":"_0qmb-Daumfs-","filtering":"Xl0eCv2fMNM-","filteringSpinner":"t9txZ5-Upp4-","srOnly":"HBTfumId4rA-","spinning":"_8Bw0FhmP0Mk-"};
 
 exports.styles = styles;

package/dist/DataList.module-es.js

@@ -1,3 +1,3 @@
-var styles = {"wrapper":"v3oESmhykhE-","titleContainer":"KuG6k-a5jEM-","headerFilters":"E0wzULGeIvs-","headerTitles":"TzEnOGRRd8g-","batchSelectContainer":"DvRzj3qOLCk-","headerBatchSelect":"pmQV-ZYKQMg-","listItem":"i-w6mU9puzE-","listItemClickable":"Hx3I3kI1E7Q-","active":"eCAyzR-N1Xk-","selectable":"zvpLQa7hDp0-","selectAllCheckbox":"_8fx-1j3wk2E-","visible":"VaDzSy52w-w-","selected":"_0qmb-Daumfs-","filtering":"Xl0eCv2fMNM-","filteringSpinner":"t9txZ5-Upp4-","srOnly":"HBTfumId4rA-","spinning":"_8Bw0FhmP0Mk-"};
+var styles = {"wrapper":"v3oESmhykhE-","titleContainer":"KuG6k-a5jEM-","headerFilters":"E0wzULGeIvs-","headerTitles":"TzEnOGRRd8g-","batchSelectContainer":"DvRzj3qOLCk-","headerBatchSelect":"pmQV-ZYKQMg-","listItem":"i-w6mU9puzE-","listItemClickable":"Hx3I3kI1E7Q-","active":"eCAyzR-N1Xk-","selectable":"zvpLQa7hDp0-","selectAllCheckbox":"_8fx-1j3wk2E-","selected":"_0qmb-Daumfs-","filtering":"Xl0eCv2fMNM-","filteringSpinner":"t9txZ5-Upp4-","srOnly":"HBTfumId4rA-","spinning":"_8Bw0FhmP0Mk-"};
 
 export { styles as s };

package/dist/DataListHeader-cjs.js

@@ -27,9 +27,9 @@ function DataListHeaderCheckbox({ children }) {
     const deselectText = sm ? "Deselect All" : "Deselect";
     const selectedLabel = selectedCount ? `${selectedCount} selected` : "";
     return (React.createElement("div", { className: DataList_module.styles.selectable },
-        React.createElement("div", { "data-testid": DATA_LIST_HEADER_CHECKBOX_TEST_ID, className: classnames(DataList_module.styles.selectAllCheckbox, {
-                [DataList_module.styles.visible]: canSelectAll,
-            }) },
+        React.createElement("div", { "data-testid": DATA_LIST_HEADER_CHECKBOX_TEST_ID, style: {
+                visibility: canSelectAll ? "visible" : "hidden",
+            }, className: classnames(DataList_module.styles.selectAllCheckbox) },
             React.createElement(Checkbox_index.Checkbox, { checked: isAllSelected(), indeterminate: isIndeterminate(), onChange: handleSelectAll },
                 React.createElement("div", { className: DataList_module.styles.srOnly }, selectedLabel))),
         React.createElement(ColumnHeaderContent, { canSelectAll: canSelectAll, hasAtLeastOneSelected: hasAtLeastOneSelected, selectedCount: selectedCount, deselectText: deselectText, onSelect: onSelect }, children)));

package/dist/DataListHeader-es.js

@@ -25,9 +25,9 @@ function DataListHeaderCheckbox({ children }) {
     const deselectText = sm ? "Deselect All" : "Deselect";
     const selectedLabel = selectedCount ? `${selectedCount} selected` : "";
     return (React__default.createElement("div", { className: styles.selectable },
-        React__default.createElement("div", { "data-testid": DATA_LIST_HEADER_CHECKBOX_TEST_ID, className: classnames(styles.selectAllCheckbox, {
-                [styles.visible]: canSelectAll,
-            }) },
+        React__default.createElement("div", { "data-testid": DATA_LIST_HEADER_CHECKBOX_TEST_ID, style: {
+                visibility: canSelectAll ? "visible" : "hidden",
+            }, className: classnames(styles.selectAllCheckbox) },
             React__default.createElement(Checkbox, { checked: isAllSelected(), indeterminate: isIndeterminate(), onChange: handleSelectAll },
                 React__default.createElement("div", { className: styles.srOnly }, selectedLabel))),
         React__default.createElement(ColumnHeaderContent, { canSelectAll: canSelectAll, hasAtLeastOneSelected: hasAtLeastOneSelected, selectedCount: selectedCount, deselectText: deselectText, onSelect: onSelect }, children)));

package/dist/InputTime/index.cjs

@@ -209,8 +209,9 @@ function InputTimeRebuilt(_a) {
         handleChange,
     });
     const { inputStyle } = FormField.useFormFieldWrapperStyles(params);
+    const wrapperRef = React.useRef(null);
     const id = getId(params);
-    return (React.createElement(FormField.FormFieldWrapper, { disabled: params.disabled, size: params.size, align: params.align, inline: params.inline, name: params.name, error: params.error || "", identifier: id, descriptionIdentifier: `descriptionUUID--${id}`, invalid: Boolean(params.invalid), description: params.description, clearable: (_c = params.clearable) !== null && _c !== void 0 ? _c : "never", onClear: handleClear, type: "time", readonly: params.readonly, placeholder: params.placeholder, value: dateToTimeString(value) },
+    return (React.createElement(FormField.FormFieldWrapper, { disabled: params.disabled, size: params.size, align: params.align, inline: params.inline, name: params.name, error: params.error || "", identifier: id, descriptionIdentifier: `descriptionUUID--${id}`, invalid: Boolean(params.invalid), description: params.description, clearable: (_c = params.clearable) !== null && _c !== void 0 ? _c : "never", onClear: handleClear, type: "time", readonly: params.readonly, placeholder: params.placeholder, value: dateToTimeString(value), wrapperRef: wrapperRef },
         React.createElement("input", { ref: ref, type: "time", name: params.name, className: inputStyle, onBlur: handleBlur, id: id, disabled: params.disabled, readOnly: params.readonly, onChange: handleChangeEvent, onFocus: handleFocus, "data-testid": "ATL-InputTime-input", onKeyUp: e => {
                 if (params.disabled || params.readonly)
                     return;
@@ -250,13 +251,14 @@ function InputTimeRebuilt(_a) {
 function InputTime$1(_a) {
     var { defaultValue, value, onChange } = _a, params = tslib_es6.__rest(_a, ["defaultValue", "value", "onChange"]);
     const ref = React.useRef(null);
+    const wrapperRef = React.useRef(null);
     const { setTypedTime } = useTimePredict({ value, handleChange });
     const fieldProps = omit.omit(Object.assign(Object.assign(Object.assign({ onChange: handleChange }, (defaultValue && { defaultValue: dateToTimeString(defaultValue) })), (!defaultValue && { value: dateToTimeString(value) })), params), ["version"]);
     return (React.createElement(FormField.FormField, Object.assign({ inputRef: ref, type: "time" }, fieldProps, { onBlur: handleBlur, onKeyUp: e => {
             var _a;
             (_a = fieldProps.onKeyUp) === null || _a === void 0 ? void 0 : _a.call(fieldProps, e);
             !isNaN(parseInt(e.key, 10)) && setTypedTime(prev => prev + e.key);
-        } })));
+        }, wrapperRef: wrapperRef })));
     function handleChange(newValue) {
         onChange === null || onChange === void 0 ? void 0 : onChange(timeStringToDate(newValue));
     }

package/dist/InputTime/index.mjs

@@ -207,8 +207,9 @@ function InputTimeRebuilt(_a) {
         handleChange,
     });
     const { inputStyle } = useFormFieldWrapperStyles(params);
+    const wrapperRef = React__default.useRef(null);
     const id = getId(params);
-    return (React__default.createElement(FormFieldWrapper, { disabled: params.disabled, size: params.size, align: params.align, inline: params.inline, name: params.name, error: params.error || "", identifier: id, descriptionIdentifier: `descriptionUUID--${id}`, invalid: Boolean(params.invalid), description: params.description, clearable: (_c = params.clearable) !== null && _c !== void 0 ? _c : "never", onClear: handleClear, type: "time", readonly: params.readonly, placeholder: params.placeholder, value: dateToTimeString(value) },
+    return (React__default.createElement(FormFieldWrapper, { disabled: params.disabled, size: params.size, align: params.align, inline: params.inline, name: params.name, error: params.error || "", identifier: id, descriptionIdentifier: `descriptionUUID--${id}`, invalid: Boolean(params.invalid), description: params.description, clearable: (_c = params.clearable) !== null && _c !== void 0 ? _c : "never", onClear: handleClear, type: "time", readonly: params.readonly, placeholder: params.placeholder, value: dateToTimeString(value), wrapperRef: wrapperRef },
         React__default.createElement("input", { ref: ref, type: "time", name: params.name, className: inputStyle, onBlur: handleBlur, id: id, disabled: params.disabled, readOnly: params.readonly, onChange: handleChangeEvent, onFocus: handleFocus, "data-testid": "ATL-InputTime-input", onKeyUp: e => {
                 if (params.disabled || params.readonly)
                     return;
@@ -248,13 +249,14 @@ function InputTimeRebuilt(_a) {
 function InputTime$1(_a) {
     var { defaultValue, value, onChange } = _a, params = __rest(_a, ["defaultValue", "value", "onChange"]);
     const ref = useRef(null);
+    const wrapperRef = useRef(null);
     const { setTypedTime } = useTimePredict({ value, handleChange });
     const fieldProps = omit(Object.assign(Object.assign(Object.assign({ onChange: handleChange }, (defaultValue && { defaultValue: dateToTimeString(defaultValue) })), (!defaultValue && { value: dateToTimeString(value) })), params), ["version"]);
     return (React__default.createElement(FormField, Object.assign({ inputRef: ref, type: "time" }, fieldProps, { onBlur: handleBlur, onKeyUp: e => {
             var _a;
             (_a = fieldProps.onKeyUp) === null || _a === void 0 ? void 0 : _a.call(fieldProps, e);
             !isNaN(parseInt(e.key, 10)) && setTypedTime(prev => prev + e.key);
-        } })));
+        }, wrapperRef: wrapperRef })));
     function handleChange(newValue) {
         onChange === null || onChange === void 0 ? void 0 : onChange(timeStringToDate(newValue));
     }

package/dist/styles.css

@@ -4879,17 +4879,12 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 ._8fx-1j3wk2E- {
   display: -ms-flexbox;
   display: flex;
-  visibility: hidden;
 
   /* To compensate the Checkbox's label margin that we are using for screen-readers */
   margin-right: calc(16px * -1);
   margin-right: calc(var(--space-base) * -1);
 }
 
-._8fx-1j3wk2E-.VaDzSy52w-w- {
-  visibility: visible;
-}
-
 .i-w6mU9puzE- .zvpLQa7hDp0- > :first-child {
   -ms-flex-order: 2;
       order: 2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.63.2",
+  "version": "6.63.4",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -542,5 +542,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "1d09b31023be41c83ba1824bf4202ae6dbbcd8ff"
+  "gitHead": "a911fba649110e9d5e1a10b02113e8637d235d83"
 }