@jobber/components 6.103.2 → 6.103.4

package/dist/Chip/hooks/useChildComponent.d.ts

@@ -1,8 +1,9 @@
-import type { ReactNode } from "react";
+import type { ReactElement, ReactNode } from "react";
+import React 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
  */
-export declare function useChildComponent(children: ReactNode | undefined, isCorrectComponent: (toCheck: JSX.Element) => boolean): JSX.Element | undefined;
+export declare function useChildComponent(children: ReactNode | undefined, isCorrectComponent: (toCheck: ReactElement) => boolean): ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;

package/dist/Combobox/Combobox.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 import type { ComboboxProps } from "./Combobox.types";
 import { ComboboxAction } from "./components/ComboboxAction";
 import { ComboboxOption as ComboboxOptionComponent } from "./components/ComboboxOption/ComboboxOption";
 import { ComboboxActivator } from "./components/ComboboxActivator";
-export declare function Combobox(props: ComboboxProps): JSX.Element;
+export declare function Combobox(props: ComboboxProps): React.JSX.Element;
 export declare namespace Combobox {
     var Activator: typeof ComboboxActivator;
     var Action: typeof ComboboxAction;

package/dist/Combobox/ComboboxProvider.d.ts

@@ -15,4 +15,4 @@ export interface ComboboxProviderProps {
     readonly onSelectAll?: (selection: ComboboxOption[]) => void;
 }
 export declare const ComboboxContext: React.Context<Omit<ComboboxProviderProps, "children">>;
-export declare function ComboboxContextProvider({ children, ...props }: ComboboxProviderProps): JSX.Element;
+export declare function ComboboxContextProvider({ children, ...props }: ComboboxProviderProps): React.JSX.Element;

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

@@ -1,2 +1,3 @@
+import React from "react";
 import type { ComboboxContentProps } from "../../Combobox.types";
-export declare function ComboboxContent(props: ComboboxContentProps): JSX.Element;
+export declare function ComboboxContent(props: ComboboxContentProps): React.JSX.Element;

package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/ComboboxContentHeader.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import type { ComboboxHeaderProps } from "../../../Combobox.types";
-export declare function ComboboxContentHeader(props: ComboboxHeaderProps): JSX.Element;
+export declare function ComboboxContentHeader(props: ComboboxHeaderProps): React.JSX.Element;

package/dist/Combobox/components/ComboboxContent/ComboboxContentList/ComboboxContentList.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import type { ComboboxListProps } from "../../../Combobox.types";
-export declare function ComboboxContentList(props: ComboboxListProps): JSX.Element;
+export declare function ComboboxContentList(props: ComboboxListProps): React.JSX.Element;

package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/ComboboxContentSearch.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import type { ComboboxSearchProps } from "../../../Combobox.types";
-export declare function ComboboxContentSearch(props: ComboboxSearchProps): JSX.Element;
+export declare function ComboboxContentSearch(props: ComboboxSearchProps): React.JSX.Element;

package/dist/DataList/DataList.types.d.ts

@@ -1,4 +1,4 @@
-import type { ReactElement, ReactNode } from "react";
+import { type ReactElement, type ReactNode } from "react";
 import type { IconNames } from "@jobber/design";
 import type { XOR } from "ts-xor";
 import { type Breakpoints } from "./DataList.const";
@@ -144,7 +144,7 @@ export interface DataListSelectedAllType<T extends DataListObject = DataListObje
     readonly unselected: T["id"][];
 }
 export type DataListSelectedType<T extends string | number = DataListObject["id"]> = T[] | DataListSelectedAllType;
-export type LayoutRenderer<T extends DataListObject> = (item: DataListItemType<T[]>) => JSX.Element;
+export type LayoutRenderer<T extends DataListObject> = (item: DataListItemType<T[]>) => ReactElement;
 export interface DataListLayoutProps<T extends DataListObject> {
     readonly children: LayoutRenderer<T>;
     /**

package/dist/DataList/components/DataListItem/DataListItemInternal.d.ts

@@ -1,7 +1,8 @@
+import type { ReactElement } from "react";
 import React from "react";
 import type { DataListObject } from "@jobber/components/DataList/DataList.types";
 interface ListItemInternalProps<T extends DataListObject> {
-    readonly children: JSX.Element;
+    readonly children: ReactElement;
     readonly item: T;
 }
 export declare function DataListItemInternal<T extends DataListObject>({ children, item, }: ListItemInternalProps<T>): React.JSX.Element;

package/dist/DataTable/SortIcon.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export declare enum SortDirection {
     ascending = 0,
     descending = 1,
@@ -6,5 +7,5 @@ export declare enum SortDirection {
 interface SortIconProps {
     readonly direction: SortDirection;
 }
-export declare function SortIcon({ direction }: SortIconProps): JSX.Element;
+export declare function SortIcon({ direction }: SortIconProps): React.JSX.Element;
 export {};

package/dist/DataTable/components/DataTableSortableHeader.d.ts

@@ -15,4 +15,4 @@ export interface DataTableSortableHeaderProps {
      */
     readonly onSort?: () => void;
 }
-export declare function DataTableSortableHeader(props: DataTableSortableHeaderProps & React.HTMLAttributes<HTMLTableCellElement>): JSX.Element;
+export declare function DataTableSortableHeader(props: DataTableSortableHeaderProps & React.HTMLAttributes<HTMLTableCellElement>): React.JSX.Element;

package/dist/StatusLabel/StatusLabel.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { StatusIndicatorType } from "../StatusIndicator/StatusIndicator.type";
 export interface StatusLabelType {
     readonly statusLabel: string;
@@ -21,5 +22,5 @@ interface StatusLabelProps {
      */
     readonly status: StatusIndicatorType;
 }
-export declare function StatusLabel({ label, alignment, status, }: StatusLabelProps): JSX.Element;
+export declare function StatusLabel({ label, alignment, status, }: StatusLabelProps): React.JSX.Element;
 export {};

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

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