@jobber/components 6.103.2 → 6.103.4-JOB-138679-1657252.19

package/dist/helpers-cjs.js

@@ -23,7 +23,7 @@ var jobberHooks__namespace = /*#__PURE__*/_interopNamespaceDefault(jobberHooks);
 
 const mockContainerWidth = (exactWidth) => {
     jest.spyOn(jobberHooks__namespace, "useResizeObserver").mockReturnValue([
-        { current: null },
+        { current: document.createElement("div") },
         {
             width: 1200,
             height: 800,

package/dist/helpers-es.js

@@ -2,7 +2,7 @@ import * as jobberHooks from '@jobber/hooks';
 
 const mockContainerWidth = (exactWidth) => {
     jest.spyOn(jobberHooks, "useResizeObserver").mockReturnValue([
-        { current: null },
+        { current: document.createElement("div") },
         {
             width: 1200,
             height: 800,

package/dist/index.cjs

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

package/dist/showToast-cjs.js

@@ -84,8 +84,8 @@ function showToast(props) {
 }
 const ToastContainer = React.forwardRef(ToastInternal);
 function ToasterOven(props) {
-    const toastRef = React.useRef();
-    React.useEffect(() => toastRef.current.add(props));
+    const toastRef = React.useRef(null);
+    React.useEffect(() => { var _a; return (_a = toastRef.current) === null || _a === void 0 ? void 0 : _a.add(props); });
     return React.createElement(ToastContainer, { ref: toastRef });
 }
 function ToastInternal(_, ref) {

package/dist/showToast-es.js

@@ -82,8 +82,8 @@ function showToast(props) {
 }
 const ToastContainer = forwardRef(ToastInternal);
 function ToasterOven(props) {
-    const toastRef = useRef();
-    useEffect(() => toastRef.current.add(props));
+    const toastRef = useRef(null);
+    useEffect(() => { var _a; return (_a = toastRef.current) === null || _a === void 0 ? void 0 : _a.add(props); });
     return React__default.createElement(ToastContainer, { ref: toastRef });
 }
 function ToastInternal(_, ref) {

package/dist/styles.css

@@ -6401,10 +6401,9 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
       -webkit-transform: translateY(0) scale(1);
               transform: translateY(0) scale(1);
     }
-  .-hmXAsAfH9U- {
 
     /* options */
-    option {
+    .-hmXAsAfH9U- option {
       padding: 4px 0;
       padding: var(--space-smaller) 0;
       color: hsl(198, 35%, 21%);
@@ -6414,16 +6413,16 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
       cursor: pointer;
     }
 
-    option:hover,
-    option:focus,
-    option:focus-visible,
-    option:checked {
+    .-hmXAsAfH9U- option:hover,
+    .-hmXAsAfH9U- option:focus,
+    .-hmXAsAfH9U- option:focus-visible,
+    .-hmXAsAfH9U- option:checked {
       background-color: hsl(53, 21%, 93%);
       background-color: var(--color-surface--hover);
     }
 
     /* optgroup headers */
-    optgroup {
+    .-hmXAsAfH9U- optgroup {
       padding: 8px 0 0 0;
       padding: var(--space-small) 0 0 0;
       color: hsl(197, 90%, 12%);
@@ -6438,36 +6437,35 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
     }
 
     /* Divider directly under the group label */
-    optgroup option:first-child {
+    .-hmXAsAfH9U- optgroup option:first-child {
       border-top: 1px solid hsl(200, 13%, 87%);
       border-top: var(--border-base) solid var(--color-border);
     }
 
     /* Disabled groups and their options */
-    optgroup[disabled] {
+    .-hmXAsAfH9U- optgroup[disabled] {
       color: hsl(0, 0%, 58%);
       color: var(--color-disabled);
     }
-    optgroup[disabled] option,
-    option[disabled] {
+    .-hmXAsAfH9U- optgroup[disabled] option,
+    .-hmXAsAfH9U- option[disabled] {
       color: hsl(0, 0%, 58%);
       color: var(--color-disabled);
       cursor: default;
     }
 
-    optgroup[disabled] option:focus,
-    optgroup[disabled] option:focus-visible,
-    optgroup[disabled] option:checked,
-    optgroup[disabled] option:hover,
-    option[disabled]:focus,
-    option[disabled]:focus-visible,
-    option[disabled]:checked,
-    option[disabled]:hover {
+    .-hmXAsAfH9U- optgroup[disabled] option:focus,
+    .-hmXAsAfH9U- optgroup[disabled] option:focus-visible,
+    .-hmXAsAfH9U- optgroup[disabled] option:checked,
+    .-hmXAsAfH9U- optgroup[disabled] option:hover,
+    .-hmXAsAfH9U- option[disabled]:focus,
+    .-hmXAsAfH9U- option[disabled]:focus-visible,
+    .-hmXAsAfH9U- option[disabled]:checked,
+    .-hmXAsAfH9U- option[disabled]:hover {
       background-color: transparent;
     }
 
     /* Animate the chevron rotation for the provided postfix class */
-  }
     .-hmXAsAfH9U- + ._5ST4c1fXDYU- svg {
       transition: -webkit-transform 100ms;
       transition: -webkit-transform var(--timing-quick);

package/dist/useChildComponent-cjs.js

@@ -5,7 +5,7 @@ var React = require('react');
 /**
  * Returns the first React Child that receives `true` from isCorrectComponent
  * @param children React Children
- * @param isCorrectComponent a function that accepts a JSX Element and returns a boolean.
+ * @param isCorrectComponent a function that accepts a ReactElement and returns a boolean.
  * @returns The first child component that returns true on isCorrectComponent
  */
 function useChildComponent(children, isCorrectComponent) {

package/dist/useChildComponent-es.js

@@ -3,7 +3,7 @@ import React__default, { useMemo, isValidElement } from 'react';
 /**
  * Returns the first React Child that receives `true` from isCorrectComponent
  * @param children React Children
- * @param isCorrectComponent a function that accepts a JSX Element and returns a boolean.
+ * @param isCorrectComponent a function that accepts a ReactElement and returns a boolean.
  * @returns The first child component that returns true on isCorrectComponent
  */
 function useChildComponent(children, isCorrectComponent) {

package/dist/utils/mergeRefs.d.ts

@@ -1,6 +1,6 @@
-import type { LegacyRef, MutableRefObject, RefCallback } from "react";
+import type { LegacyRef, RefCallback, RefObject } from "react";
 /**
  * Given an array of refs, merge them into a single ref callback.
  * This is useful for cases where you need to pass a multiple refs to a component.
  */
-export declare function mergeRefs<T = unknown>(refs: Array<MutableRefObject<T> | LegacyRef<T> | undefined | null>): RefCallback<T>;
+export declare function mergeRefs<T = unknown>(refs: Array<RefObject<T> | LegacyRef<T> | undefined | null>): RefCallback<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.103.2",
+  "version": "6.103.4-JOB-138679-1657252.19+1657252e5",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "901fec98e7fac64fac23c225d7ac6da63d0739f5"
+  "gitHead": "1657252e513a93c0df7aabd9bcf1aea9a355a945"
 }