@jobber/components 6.103.3 → 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/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.3",
+  "version": "6.103.4",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "06b9bc94eb94f53486ddc9c41a978731163a85b5"
+  "gitHead": "89fec0b77276ec2b2fc80f4fc4ec2f6d207c1ac6"
 }