@jobber/components 6.72.0 → 6.73.0

package/dist/Checkbox/Checkbox.rebuilt.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 export declare const CheckboxRebuilt: React.ForwardRefExoticComponent<Omit<import("./Checkbox.types").BaseCheckboxProps, "children" | "onChange" | "label" | "description"> & {
     label?: string | React.ReactElement;
-    description?: string | React.ReactElement;
+    description?: React.ReactNode;
     onChange?(newValue: boolean, event: React.ChangeEvent<HTMLInputElement>): void;
     version: 2;
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/Checkbox/Checkbox.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import { ReactElement, ReactNode } from "react";
 import { XOR } from "ts-xor";
 export interface BaseCheckboxProps {
     /**
@@ -32,7 +32,7 @@ export interface BaseCheckboxProps {
     /**
      * Further description of the label
      */
-    readonly description?: string;
+    readonly description?: ReactNode;
     /**
      * ID for the checkbox input
      */
@@ -78,7 +78,7 @@ export type CheckboxRebuiltProps = Omit<BaseCheckboxProps, "label" | "descriptio
      * String will be rendered with the default markup.
      * ReactElement will be rendered with provided positioning.
      */
-    description?: string | ReactElement;
+    description?: ReactNode;
     /**
      * Called when the checkbox value changes.
      * Includes the change event as a second argument.

package/dist/FormField/FormFieldDescription.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import React, { ReactNode } from "react";
 interface FormFieldDescriptionProps {
     readonly id: string;
-    readonly description?: string;
+    readonly description?: ReactNode;
     readonly visible?: boolean;
 }
 export declare function FormFieldDescription({ id, description, visible, }: FormFieldDescriptionProps): React.JSX.Element | null;

package/dist/FormField/FormFieldTypes.d.ts

@@ -33,7 +33,7 @@ export interface CommonFormFieldProps {
     /**
      * Further description of the input, can be used for a hint.
      */
-    readonly description?: string;
+    readonly description?: ReactNode;
     /**
      * Disable the input
      */

package/dist/FormField-cjs.js

@@ -69,8 +69,8 @@ function AffixIcon({ icon, onClick, ariaLabel, variation = "prefix", size, }) {
 function FormFieldDescription({ id, description, visible = true, }) {
     if (!visible)
         return null;
-    return (React.createElement("div", { id: id, className: styles$1.description },
-        React.createElement(Text.Text, { size: "small", variation: "subdued" }, description)));
+    const useStringFormat = !description || typeof description === "string";
+    return (React.createElement("div", { id: id, className: styles$1.description }, useStringFormat ? (React.createElement(Text.Text, { size: "small", variation: "subdued" }, description)) : (description)));
 }
 
 var styles = {"clearInput":"YmRTd-KeXv4-","spinning":"B25z9B8I3gs-"};

package/dist/FormField-es.js

@@ -67,8 +67,8 @@ function AffixIcon({ icon, onClick, ariaLabel, variation = "prefix", size, }) {
 function FormFieldDescription({ id, description, visible = true, }) {
     if (!visible)
         return null;
-    return (React__default.createElement("div", { id: id, className: styles$1.description },
-        React__default.createElement(Text, { size: "small", variation: "subdued" }, description)));
+    const useStringFormat = !description || typeof description === "string";
+    return (React__default.createElement("div", { id: id, className: styles$1.description }, useStringFormat ? (React__default.createElement(Text, { size: "small", variation: "subdued" }, description)) : (description)));
 }
 
 var styles = {"clearInput":"YmRTd-KeXv4-","spinning":"B25z9B8I3gs-"};

package/dist/InputEmail/hooks/useInputEmailFormField.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FocusEvent, KeyboardEvent } from "react";
+import { ChangeEvent, FocusEvent, KeyboardEvent, ReactNode } from "react";
 export interface UseInputEmailFormFieldProps {
     readonly id: string;
     readonly name: string;
@@ -6,7 +6,7 @@ export interface UseInputEmailFormFieldProps {
     readonly autofocus?: boolean;
     readonly error?: string;
     readonly inline?: boolean;
-    readonly description?: string;
+    readonly description?: ReactNode;
     readonly invalid?: boolean;
     readonly value?: string;
     readonly handleChange: (event: ChangeEvent<HTMLInputElement>) => void;

package/dist/InputNumber/InputNumber.rebuilt.types.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 export type InputNumberVersion = 1 | 2 | undefined;
 export interface InputNumberRebuiltProps extends Omit<CommonFormFieldProps, "version">, Pick<FormFieldProps, "onFocus" | "onBlur" | "inputRef" | "readonly" | "size"> {
@@ -6,7 +6,7 @@ export interface InputNumberRebuiltProps extends Omit<CommonFormFieldProps, "ver
     readonly autocomplete?: boolean;
     readonly autoFocus?: boolean;
     readonly defaultValue?: number;
-    readonly description?: string;
+    readonly description?: ReactNode;
     readonly error?: string;
     readonly formatOptions?: Intl.NumberFormatOptions;
     readonly identifier?: string;

package/dist/InputPhoneNumber/hooks/useInputPhoneFormField.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FocusEvent, KeyboardEvent } from "react";
+import { ChangeEvent, FocusEvent, KeyboardEvent, ReactNode } from "react";
 export interface useInputPhoneFormFieldProps {
     /**
      * The html id for the field
@@ -22,7 +22,7 @@ export interface useInputPhoneFormFieldProps {
     /**
      * Further description of the input, can be used for a hint.
      */
-    readonly description?: string;
+    readonly description?: ReactNode;
     /**
      * Callback for when the field value changes
      */

package/dist/InputText/InputText.d.ts

@@ -5,7 +5,7 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     readonly rows?: (number | import("./InputText.types").RowRange) | undefined;
     readonly id?: string | undefined;
     readonly align?: ("center" | "right") | undefined;
-    readonly description?: string | undefined;
+    readonly description?: React.ReactNode;
     readonly disabled?: boolean | undefined;
     readonly showMiniLabel?: boolean | undefined;
     readonly invalid?: boolean | undefined;
@@ -39,7 +39,7 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     multiline?: boolean | undefined;
     readonly id?: string | undefined;
     readonly align?: ("center" | "right") | undefined;
-    readonly description?: string | undefined;
+    readonly description?: React.ReactNode;
     readonly disabled?: boolean | undefined;
     readonly showMiniLabel?: boolean | undefined;
     readonly invalid?: boolean | undefined;

package/dist/InputText/useInputTextFormField.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FocusEvent, KeyboardEvent } from "react";
+import { ChangeEvent, FocusEvent, KeyboardEvent, ReactNode } from "react";
 export interface useInputTextFormFieldProps extends React.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
     /**
      * The html id for the field
@@ -22,7 +22,7 @@ export interface useInputTextFormFieldProps extends React.InputHTMLAttributes<HT
     /**
      * Further description of the input, can be used for a hint.
      */
-    readonly description?: string;
+    readonly description?: ReactNode;
     /**
      * Callback for when the field value changes
      */
@@ -187,7 +187,7 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         "aria-valuemin"?: number | undefined;
         "aria-valuenow"?: number | undefined;
         "aria-valuetext"?: string | undefined;
-        children?: import("react").ReactNode | undefined;
+        children?: ReactNode | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;

package/dist/Select/hooks/useSelectFormField.d.ts

@@ -1,10 +1,10 @@
-import { ChangeEvent } from "react";
+import { ChangeEvent, ReactNode } from "react";
 export interface UseSelectFormFieldProps {
     readonly id: string;
     readonly name: string;
     readonly disabled?: boolean;
     readonly autofocus?: boolean;
-    readonly description?: string;
+    readonly description?: ReactNode;
     readonly inline?: boolean;
     readonly error?: string;
     readonly invalid?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.72.0",
+  "version": "6.73.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -542,5 +542,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "2f1e354aaf4dd7a15dad518b598887366f55fa8d"
+  "gitHead": "7f8481c4a6dbde1cd25aa16cf06e763aea00d9c8"
 }