@jobber/components 4.85.2 → 4.85.4-CJS-to-ESM.0

package/dist/ButtonDismiss/ButtonDismiss.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 interface ButtonDismissProps {
     onClick?(event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>): void;
-    ariaLabel: string;
+    readonly ariaLabel: string;
 }
 export declare function ButtonDismiss({ onClick, ariaLabel }: ButtonDismissProps): JSX.Element;
 export {};

package/dist/Card/CardClickable.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from "react";
 interface ClickableCardProps {
     onClick(event: React.MouseEvent<HTMLElement>): void;
-    className: string;
+    readonly className: string;
     readonly children: ReactNode | ReactNode[];
 }
 /**

package/dist/DataList/components/DataListTotalCount/DataListTotalCount.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export declare const DATALIST_TOTALCOUNT_TEST_ID = "ATL-DataList-TotalCount";
 interface DataListTotalCountProps {
-    totalCount?: number | null;
-    loading?: boolean;
+    readonly totalCount?: number | null;
+    readonly loading?: boolean;
 }
 export declare function DataListTotalCount({ totalCount, loading, }: DataListTotalCountProps): JSX.Element | null;
 export {};

package/dist/DataTable/BodyLoading.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Table } from "@tanstack/react-table";
 interface BodyLoadingProps<T> {
-    table: Table<T>;
+    readonly table: Table<T>;
 }
 export declare function BodyLoading<T extends object>({ table }: BodyLoadingProps<T>): JSX.Element;
 export {};

package/dist/DataTable/Footer.d.ts

@@ -1,7 +1,7 @@
 import { Table } from "@tanstack/react-table";
 export type ViewType = "desktop" | "handheld";
 export interface FooterProps<T> {
-    table: Table<T>;
-    viewType?: ViewType;
+    readonly table: Table<T>;
+    readonly viewType?: ViewType;
 }
 export declare const Footer: <T extends object>({ table, viewType, }: FooterProps<T>) => JSX.Element | null;

package/dist/DataTable/SortIcon.d.ts

@@ -5,7 +5,7 @@ export declare enum SortDirection {
     equilibrium = 2
 }
 interface SortIconProps {
-    direction: SortDirection;
+    readonly direction: SortDirection;
 }
 export declare function SortIcon({ direction }: SortIconProps): JSX.Element;
 export {};

package/dist/DescriptionList/DescriptionList.d.ts

@@ -4,7 +4,7 @@ interface DescriptionListProps {
      * A tuple where the first item is the string to display as the term
      * and the second value is the string to display as the definition
      */
-    data: [string, string | ReactNode][];
+    readonly data: [string, string | ReactNode][];
 }
 export declare function DescriptionList({ data }: DescriptionListProps): JSX.Element;
 export {};

package/dist/Drawer/DrawerGrid.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from "react";
 interface DrawerGridProps {
-    children: ReactElement | ReactElement[];
+    readonly children: ReactElement | ReactElement[];
 }
 export declare function DrawerGrid({ children }: DrawerGridProps): JSX.Element;
 export {};

package/dist/Emphasis/Emphasis.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from "react";
 import { TypographyOptions } from "../Typography";
 interface EmphasisProps {
-    variation: "bold" | "italic" | "highlight";
-    children: ReactNode;
+    readonly variation: "bold" | "italic" | "highlight";
+    readonly children: ReactNode;
 }
 export interface VariationMap {
     [variation: string]: TypographyOptions;

package/dist/FormField/FormFieldAffix.d.ts

@@ -2,8 +2,8 @@ import { RefObject } from "react";
 import { XOR } from "ts-xor";
 import { Affix, FormFieldProps, Suffix } from "./FormFieldTypes";
 interface AffixLabelProps extends Affix {
-    labelRef: RefObject<HTMLDivElement>;
-    variation?: "prefix" | "suffix";
+    readonly labelRef: RefObject<HTMLDivElement>;
+    readonly variation?: "prefix" | "suffix";
 }
 export declare function AffixLabel({ label, variation, labelRef, }: AffixLabelProps): JSX.Element;
 interface AffixIconProps extends Pick<FormFieldProps, "size"> {

package/dist/FormatFile/FormatFileDeleteButton.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 interface DeleteButtonProps {
-    size?: "base" | "large";
-    onDelete?: () => void;
+    readonly size?: "base" | "large";
+    readonly onDelete?: () => void;
 }
 export declare function FormatFileDeleteButton({ size, onDelete }: DeleteButtonProps): JSX.Element;
 export {};

package/dist/InlineLabel/InlineLabel.d.ts

@@ -5,13 +5,13 @@ interface InlineLabelProps {
      * The size of the label
      * @default base
      */
-    size?: "base" | "large" | "larger";
+    readonly size?: "base" | "large" | "larger";
     /**
      * The color of the label
      * @default "greyBlue"
      */
-    color?: InlineLabelColors;
-    children: ReactNode;
+    readonly color?: InlineLabelColors;
+    readonly children: ReactNode;
 }
 export declare function InlineLabel({ size, color, children, }: InlineLabelProps): JSX.Element;
 export {};

package/dist/InputNumber/InputNumber.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 export interface InputNumberProps extends CommonFormFieldProps, Pick<FormFieldProps, "maxLength" | "autocomplete" | "max" | "min" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations" | "readonly" | "defaultValue" | "keyboard" | "prefix" | "suffix"> {
-    value?: number;
+    readonly value?: number;
 }
 export interface InputNumberRef {
     blur(): void;

package/dist/InputPassword/InputPassword.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 interface InputPasswordProps extends CommonFormFieldProps, Pick<FormFieldProps, "autocomplete" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations" | "defaultValue"> {
-    value?: string;
+    readonly value?: string;
     onChange?(newValue: string): void;
     /**
      * Display toggle to change the visibility of the password input
      * @default false
      */
-    hasVisibility?: boolean;
+    readonly hasVisibility?: boolean;
 }
 export declare function InputPassword(props: InputPasswordProps): JSX.Element;
 export {};

package/dist/RecurringSelect/CurrentRecurrenceComponent.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { RecurrenceRule } from "./types";
 interface RecurringSelectProps {
-    disabled?: boolean;
-    recurrenceRule: RecurrenceRule;
+    readonly disabled?: boolean;
+    readonly recurrenceRule: RecurrenceRule;
     onChange(newRecurrence: RecurrenceRule): void;
 }
 export declare function CurrentRecurrenceComponent({ recurrenceRule, disabled, onChange, }: RecurringSelectProps): JSX.Element;

package/dist/RecurringSelect/components/MonthlyDayOfWeekSelect.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { WeekDay } from "../types";
 interface MonthlyDayOfWeekSelectProps {
-    disabled: boolean;
-    selectedWeeks: Set<WeekDay>[];
+    readonly disabled: boolean;
+    readonly selectedWeeks: Set<WeekDay>[];
     onChange(nextSelectedWeeks: Set<WeekDay>[]): void;
 }
 export declare function MonthlyDayOfWeekSelect({ disabled, selectedWeeks, onChange, }: MonthlyDayOfWeekSelectProps): JSX.Element;

package/dist/RecurringSelect/components/MonthlySelect.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { DurationPeriod } from "../types";
 interface MonthlySelectProps {
-    disabled: boolean;
-    selectedMonthOption: DurationPeriod.DayOfMonth | DurationPeriod.WeekDayOfMonth;
+    readonly disabled: boolean;
+    readonly selectedMonthOption: DurationPeriod.DayOfMonth | DurationPeriod.WeekDayOfMonth;
     onChange(type: DurationPeriod.DayOfMonth | DurationPeriod.WeekDayOfMonth): void;
 }
 export declare function MonthlySelect({ disabled, onChange, selectedMonthOption, }: MonthlySelectProps): JSX.Element;

package/dist/Table/Body.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from "react";
 interface BodyProps {
-    children: ReactElement | ReactElement[];
+    readonly children: ReactElement | ReactElement[];
 }
 export declare function Body({ children }: BodyProps): JSX.Element;
 export {};

package/dist/Table/Cells/Cell.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 interface CellProps {
-    children?: ReactNode | ReactNode[];
-    align?: "left" | "center" | "right";
+    readonly children?: ReactNode | ReactNode[];
+    readonly align?: "left" | "center" | "right";
 }
 export declare function Cell({ children, align }: CellProps): JSX.Element;
 export {};

package/dist/Table/Cells/CellCurrency.d.ts

@@ -2,8 +2,8 @@
 import { CurrencyType } from "@jobber/formatters";
 import { CellNumericProps } from "./CellNumeric";
 interface CellCurrencyProps extends CellNumericProps {
-    value: number;
-    currency?: CurrencyType;
+    readonly value: number;
+    readonly currency?: CurrencyType;
 }
 export declare function CellCurrency({ value, currency, }: CellCurrencyProps): JSX.Element;
 export {};

package/dist/Table/Cells/CellNumeric.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export interface CellNumericProps {
-    value: number | string;
+    readonly value: number | string;
 }
 export declare function CellNumeric({ value }: CellNumericProps): JSX.Element;

package/dist/Table/Footer.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from "react";
 interface FooterProps {
-    children: ReactElement | ReactElement[];
+    readonly children: ReactElement | ReactElement[];
 }
 export declare function Footer({ children }: FooterProps): JSX.Element;
 export {};

package/dist/Table/Header.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from "react";
 interface HeaderProps {
-    children: ReactElement | ReactElement[];
+    readonly children: ReactElement | ReactElement[];
 }
 export declare function Header({ children }: HeaderProps): JSX.Element;
 export {};

package/dist/Table/Row.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from "react";
 interface RowProps {
-    children: ReactElement | ReactElement[];
+    readonly children: ReactElement | ReactElement[];
 }
 export declare function Row({ children }: RowProps): JSX.Element;
 export {};

package/dist/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from "react";
 interface TableProps {
-    children: ReactElement | ReactElement[];
+    readonly children: ReactElement | ReactElement[];
 }
 export declare function Table({ children }: TableProps): JSX.Element;
 export {};

package/dist/Text/Text.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from "react";
 interface TextProps {
-    maxLines?: "single" | "small" | "base" | "large" | "larger" | "unlimited";
+    readonly maxLines?: "single" | "small" | "base" | "large" | "larger" | "unlimited";
     readonly variation?: "default" | "subdued" | "success" | "error" | "warn" | "info" | "disabled";
     readonly align?: "start" | "center" | "end";
     readonly size?: "small" | "base" | "large";

package/dist/Typography/Typography.d.ts

@@ -31,7 +31,7 @@ interface TypographyProps {
     readonly align?: keyof typeof alignment;
     readonly fontFamily?: keyof typeof fontFamilies;
     readonly children: ReactNode;
-    numberOfLines?: number;
+    readonly numberOfLines?: number;
 }
 export type TypographyOptions = Omit<TypographyProps, "children">;
 export declare function Typography({ id, children, element: Tag, size, align, fontWeight, textCase, textColor, emphasisType, numberOfLines, fontFamily, }: TypographyProps): JSX.Element;