@oc-digital/react-component-library 7.2.2 → 7.2.3-beta.1

package/build/Alert/Alert.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
-import { IAlertProps } from "./Alert.types";
-declare const Alert: React.FC<IAlertProps>;
-export default Alert;
+import { default as React } from 'react';
+import { IAlertProps } from './Alert.types';
+
+declare const Alert: React.FC<IAlertProps>;
+export default Alert;

package/build/Alert/Alert.types.d.ts

@@ -1,13 +1,14 @@
-import { ReactChild } from "react";
-import { FormStatuses } from "../globals";
-export interface IAlertProps {
-    alertActionHandler?: () => void;
-    formStatus: FormStatuses;
-    actionButton?: {
-        handler: () => void;
-        text: string;
-    };
-    alertMessage: ReactChild;
-    addBreak?: boolean;
-    styling?: string;
-}
+import { ReactChild } from 'react';
+import { FormStatuses } from '../globals';
+
+export interface IAlertProps {
+    alertActionHandler?: () => void;
+    formStatus: FormStatuses;
+    actionButton?: {
+        handler: () => void;
+        text: string;
+    };
+    alertMessage: ReactChild;
+    addBreak?: boolean;
+    styling?: string;
+}

package/build/AlphabeticalList/AlphabeticalList.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
-import { IAlphabeticalListProps } from "./AlphabeticalList.types";
-declare const AlphabeticalList: React.FC<IAlphabeticalListProps>;
-export default AlphabeticalList;
+import { default as React } from 'react';
+import { IAlphabeticalListProps } from './AlphabeticalList.types';
+
+declare const AlphabeticalList: React.FC<IAlphabeticalListProps>;
+export default AlphabeticalList;

package/build/AlphabeticalList/AlphabeticalList.types.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-export interface IAlphabeticalListProps {
-    array: any[] | undefined | null;
-    sortFn?: (arg1: any, arg2: any) => number;
-    sortKey?: string;
-    loading?: boolean;
-    buttonClick?: (item?: any) => void;
-    linkTo?: (item?: any) => string;
-    ItemTemplate: React.FC<{
-        item: any;
-    }>;
-    arrayKey?: string;
-    loadingMessage?: string;
-    emptyMessage?: string | JSX.Element;
-    alphabetisedHeader?: boolean;
-    isItemDisabled?: (item: any) => {
-        disabled: true;
-        reason: string;
-    } | {
-        disabled: false;
-    };
-}
+/// <reference types="react" />
+export interface IAlphabeticalListProps {
+    array: any[] | undefined | null;
+    sortFn?: (arg1: any, arg2: any) => number;
+    sortKey?: string;
+    loading?: boolean;
+    buttonClick?: (item?: any) => void;
+    linkTo?: (item?: any) => string;
+    ItemTemplate: React.FC<{
+        item: any;
+    }>;
+    arrayKey?: string;
+    loadingMessage?: string;
+    emptyMessage?: string | JSX.Element;
+    alphabetisedHeader?: boolean;
+    isItemDisabled?: (item: any) => {
+        disabled: true;
+        reason: string;
+    } | {
+        disabled: false;
+    };
+}

package/build/AutoSave/Select/AutoSave.types.d.ts

@@ -1,11 +1,11 @@
-export interface AutoSaveSelectFieldProps {
-    autoSave: (newValue: string) => Promise<void>;
-    selectOptions: {
-        value: string;
-        description: string;
-    }[];
-    value: string;
-    className: string;
-    label: string;
-    disabled: boolean;
-}
+export interface AutoSaveSelectFieldProps {
+    autoSave: (newValue: string) => Promise<void>;
+    selectOptions: {
+        value: string;
+        description: string;
+    }[];
+    value: string;
+    className: string;
+    label: string;
+    disabled: boolean;
+}

package/build/AutoSave/Select/index.d.ts

@@ -1,3 +1,4 @@
-import React from "react";
-import type { AutoSaveSelectFieldProps } from "./AutoSave.types";
-export declare const AutoSaveSelectField: React.FC<AutoSaveSelectFieldProps>;
+import { default as React } from 'react';
+import { AutoSaveSelectFieldProps } from './AutoSave.types';
+
+export declare const AutoSaveSelectField: React.FC<AutoSaveSelectFieldProps>;

package/build/AutoSave/Text/AutoSave.types.d.ts

@@ -1,16 +1,17 @@
-import { FocusEvent } from "react";
-import { AccessLevels } from "../../globals";
-export interface AutoSaveTextFieldProps {
-    autoSave: (value: string) => void;
-    value: string;
-    className: string;
-    label: string;
-    onBlur?: {
-        (e: FocusEvent<any, Element>): void;
-        <T = any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;
-    };
-    disabled: boolean;
-    accessLevel: AccessLevels | undefined;
-    error: boolean;
-    helperText: string | false | undefined;
-}
+import { FocusEvent } from 'react';
+import { AccessLevels } from '../../globals';
+
+export interface AutoSaveTextFieldProps {
+    autoSave: (value: string) => void;
+    value: string;
+    className: string;
+    label: string;
+    onBlur?: {
+        (e: FocusEvent<any, Element>): void;
+        <T = any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;
+    };
+    disabled: boolean;
+    accessLevel: AccessLevels | undefined;
+    error: boolean;
+    helperText: string | false | undefined;
+}

package/build/AutoSave/Text/index.d.ts

@@ -1,3 +1,4 @@
-import React from "react";
-import { AutoSaveTextFieldProps } from "./AutoSave.types";
-export declare const AutoSaveTextField: React.FC<AutoSaveTextFieldProps>;
+import { default as React } from 'react';
+import { AutoSaveTextFieldProps } from './AutoSave.types';
+
+export declare const AutoSaveTextField: React.FC<AutoSaveTextFieldProps>;

package/build/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
-import { IBreadcrumbsProps } from "./Breadcrumbs.types";
-declare const Breadcrumbs: React.FC<IBreadcrumbsProps>;
-export default Breadcrumbs;
+import { default as React } from 'react';
+import { IBreadcrumbsProps } from './Breadcrumbs.types';
+
+declare const Breadcrumbs: React.FC<IBreadcrumbsProps>;
+export default Breadcrumbs;

package/build/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -1,23 +1,24 @@
-import { ReactNode } from "react";
-type BreadcrumbSlot = {
-    name: string;
-    link: string;
-};
-type BreadCrumbKeys = "first" | "second" | "third";
-type IBreadcrumbs = {
-    [K in BreadCrumbKeys]?: BreadcrumbSlot;
-};
-type colorOptions = {
-    background?: string;
-    color?: string;
-};
-type ColorKeys = "primary" | "secondary" | "tertiary";
-export type IBreadcrumbColors = {
-    [K in ColorKeys]?: colorOptions;
-};
-export interface IBreadcrumbsProps {
-    logo: ReactNode;
-    content: IBreadcrumbs;
-    colors?: IBreadcrumbColors;
-}
-export {};
+import { ReactNode } from 'react';
+
+type BreadcrumbSlot = {
+    name: string;
+    link: string;
+};
+type BreadCrumbKeys = "first" | "second" | "third";
+type IBreadcrumbs = {
+    [K in BreadCrumbKeys]?: BreadcrumbSlot;
+};
+type colorOptions = {
+    background?: string;
+    color?: string;
+};
+type ColorKeys = "primary" | "secondary" | "tertiary";
+export type IBreadcrumbColors = {
+    [K in ColorKeys]?: colorOptions;
+};
+export interface IBreadcrumbsProps {
+    logo: ReactNode;
+    content: IBreadcrumbs;
+    colors?: IBreadcrumbColors;
+}
+export {};

package/build/Button/Button.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IButtonProps } from "./Button.types";
-declare function Button({ loading, children, errors, type, onClick, disabled, variant, styling, color, accessLevel, ...rest }: IButtonProps): JSX.Element | null;
-export default Button;
+import { IButtonProps } from './Button.types';
+
+declare function Button({ loading, children, errors, type, onClick, disabled, variant, styling, color, accessLevel, ...rest }: IButtonProps): JSX.Element | null;
+export default Button;

package/build/Button/Button.types.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { IAuthoriserProp } from "../globals";
-import { ButtonProps } from "@mui/material/Button";
-export type IButtonProps<C extends React.ElementType = React.ElementType> = ButtonProps<C, {
-    component?: C;
-}> & IAuthoriserProp & {
-    loading?: boolean;
-    errors?: boolean;
-    styling?: string;
-};
+import { IAuthoriserProp } from '../globals';
+import { ButtonProps } from '@mui/material/Button';
+
+export type IButtonProps<C extends React.ElementType = React.ElementType> = ButtonProps<C, {
+    component?: C;
+}> & IAuthoriserProp & {
+    loading?: boolean;
+    errors?: boolean;
+    styling?: string;
+};

package/build/ButtonWithConfirm/ButtonWithConfirm.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
-import { IButtonWithConfirmProps } from "./ButtonWithConfirm.types";
-declare const ButtonWithConfirm: React.FC<IButtonWithConfirmProps>;
-export default ButtonWithConfirm;
+import { default as React } from 'react';
+import { IButtonWithConfirmProps } from './ButtonWithConfirm.types';
+
+declare const ButtonWithConfirm: React.FC<IButtonWithConfirmProps>;
+export default ButtonWithConfirm;

package/build/ButtonWithConfirm/ButtonWithConfirm.types.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { IAuthoriserProp } from "../globals";
-import { ButtonProps } from "@mui/material";
-export interface IButtonWithConfirmProps extends ButtonProps, IAuthoriserProp {
-    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    loading: boolean;
-    styling?: string;
-    confirmButtonLabel?: string;
-}
+import { IAuthoriserProp } from '../globals';
+import { ButtonProps } from '@mui/material';
+
+export interface IButtonWithConfirmProps extends ButtonProps, IAuthoriserProp {
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    loading: boolean;
+    styling?: string;
+    confirmButtonLabel?: string;
+}

package/build/ContentBox/ContentBox.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
-import { IContentBoxProps } from "./ContentBox.types";
-declare const ContentBox: React.FC<IContentBoxProps>;
-export default ContentBox;
+import { default as React } from 'react';
+import { IContentBoxProps } from './ContentBox.types';
+
+declare const ContentBox: React.FC<IContentBoxProps>;
+export default ContentBox;

package/build/ContentBox/ContentBox.types.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export interface IContentBoxProps {
-    id?: string;
-    children: React.ReactNode;
-    limitWidth?: boolean;
-    styling?: string;
-}
+/// <reference types="react" />
+export interface IContentBoxProps {
+    id?: string;
+    children: React.ReactNode;
+    limitWidth?: boolean;
+    styling?: string;
+}

package/build/ContentLabel/ContentLabel.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
-import { IContentLabelProps } from "./ContentLabel.types";
-declare const ContentLabel: React.FC<IContentLabelProps>;
-export default ContentLabel;
+import { default as React } from 'react';
+import { IContentLabelProps } from './ContentLabel.types';
+
+declare const ContentLabel: React.FC<IContentLabelProps>;
+export default ContentLabel;

package/build/ContentLabel/ContentLabel.types.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export interface IContentLabelProps {
-    children: React.ReactNode;
-    styling?: null | string;
-}
+/// <reference types="react" />
+export interface IContentLabelProps {
+    children: React.ReactNode;
+    styling?: null | string;
+}

package/build/DatePicker/DatePicker.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
-import { IDatePickerProps } from "./DatePicker.types";
-declare const DatePicker: React.FC<IDatePickerProps>;
-export default DatePicker;
+import { default as React } from 'react';
+import { IDatePickerProps } from './DatePicker.types';
+
+declare const DatePicker: React.FC<IDatePickerProps>;
+export default DatePicker;

package/build/DatePicker/DatePicker.types.d.ts

@@ -1,5 +1,6 @@
-import { DatePickerProps } from "@mui/x-date-pickers/DatePicker";
-import { IAuthoriserProp } from "../globals";
-export type IDatePickerProps = DatePickerProps<Date> & IAuthoriserProp & {
-    styling?: string;
-};
+import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
+import { IAuthoriserProp } from '../globals';
+
+export type IDatePickerProps = DatePickerProps<Date> & IAuthoriserProp & {
+    styling?: string;
+};

package/build/EditableTable/EditableTable.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
-import { IEditableTableProps } from "./EditableTable.types";
-declare const EditableTable: React.FC<IEditableTableProps>;
-export default EditableTable;
+import { default as React } from 'react';
+import { IEditableTableProps } from './EditableTable.types';
+
+declare const EditableTable: React.FC<IEditableTableProps>;
+export default EditableTable;

package/build/EditableTable/EditableTable.types.d.ts

@@ -1,106 +1,107 @@
-import { CellProps, HeaderGroup, Row, TableBodyPropGetter, TableBodyProps, TablePropGetter, TableProps } from "react-table";
-import { SchemaOf } from "yup";
-import React from "react";
-export type IAlignment = "left" | "right" | "inherit" | "center" | "justify";
-export type RowData = {
-    [key: string]: any;
-};
-export type ITableHeader = {
-    Header: string | JSX.Element;
-    accessor: string;
-    textAlign?: IAlignment;
-};
-export type TableCellValues = null | undefined | string | number | Date | boolean | string[];
-export type SynchCellWithStateFn = (rowIndex: number, columnId: string, value: TableCellValues, errorStatus: boolean, forceUpdate?: boolean) => void;
-export type FieldConfig = {
-    [key: string]: {
-        validationRule?: SchemaOf<any>;
-        dependentValidationRule?: (values: {
-            [key: string]: any;
-        }) => SchemaOf<any>;
-        customRenderFn?: (args: ICustomRenderFnProps) => JSX.Element;
-        prefix?: React.ReactNode | React.JSXElementConstructor<any>;
-        suffix?: React.ReactNode | React.JSXElementConstructor<any>;
-        textAlign?: IAlignment;
-        onBlur?: (args: {
-            rowIndex: number;
-            value: string;
-            setRows: React.Dispatch<React.SetStateAction<RowData[] | null>>;
-            values: RowData;
-        }) => Promise<void>;
-        isCheckbox?: boolean;
-        isDateField?: boolean;
-        onChangeValueModifier?: (value: string) => TableCellValues;
-        getCalculatedValue?: (values: RowData) => TableCellValues;
-        total?: boolean;
-    };
-};
-export interface IEditableTableProps {
-    tableRows: RowData[] | null;
-    tableHeaders: ITableHeader[];
-    syncCellWithState: SynchCellWithStateFn;
-    setRows?: React.Dispatch<React.SetStateAction<RowData[] | null>> | undefined;
-    skipPageReset?: boolean;
-    fieldConfig: FieldConfig;
-    disabled?: boolean;
-    setSelectedRows?: React.Dispatch<React.SetStateAction<number[]>>;
-    includeRowSelect?: boolean;
-    filterTypes?: {
-        [key: string]: (rows: any, id: any, filterValue: any) => any;
-    };
-    filterData?: {
-        filterRow: string;
-        filterValues: RowData[];
-    };
-    emptyTableText?: string;
-    paginate?: boolean;
-    defaultPageSize?: number;
-    virtContainerStyling?: string;
-    overscan?: number;
-    rowHeight?: number;
-    includeGlobalSearch?: boolean;
-    disableHeaderSelect?: boolean;
-}
-type AdditionalCellProps = Pick<IEditableTableProps, "fieldConfig" | "syncCellWithState" | "setRows">;
-export interface ExtendedCellProps extends AdditionalCellProps, CellProps<RowData> {
-    disabled: boolean;
-}
-export interface IEssentialRenderFnProps {
-    error: string | false;
-    disabled: boolean;
-    value: TableCellValues;
-    onChange: (e: any) => void;
-    onBlur: any;
-    prefix?: React.ReactNode | React.JSXElementConstructor<any> | Element;
-    suffix?: React.ReactNode | React.JSXElementConstructor<any> | Element;
-    numberField?: boolean;
-    textAlign?: IAlignment;
-    fixedDecimalScale?: boolean;
-}
-export interface ICustomRenderFnProps extends IEssentialRenderFnProps {
-    values: {
-        [key: string]: any;
-    };
-    originalValues: {
-        [key: string]: any;
-    };
-}
-export interface ITableContentProps extends Pick<IEditableTableProps, "disabled" | "includeRowSelect"> {
-    getTableProps: (propGetter?: TablePropGetter<RowData> | undefined) => TableProps;
-    headerGroups: HeaderGroup<RowData>[];
-    getTableBodyProps: (propGetter?: TableBodyPropGetter<RowData> | undefined) => TableBodyProps;
-    prepareRow: (row: Row<RowData>) => void;
-    rowsToRender: Row<RowData>[];
-    disabled: boolean;
-    includeRowSelect: boolean;
-    isAllRowsSelected: boolean;
-    selectedFlatRows: Row<RowData>[];
-    fieldConfig: FieldConfig;
-    tableHeaders: ITableHeader[];
-}
-export interface IGlobalFilterProps {
-    preGlobalFilteredRows: RowData[];
-    globalFilter: string | undefined;
-    setGlobalFilter: (val: string | undefined) => void;
-}
-export {};
+import { CellProps, HeaderGroup, Row, TableBodyPropGetter, TableBodyProps, TablePropGetter, TableProps } from 'react-table';
+import { SchemaOf } from 'yup';
+import { default as React } from 'react';
+
+export type IAlignment = "left" | "right" | "inherit" | "center" | "justify";
+export type RowData = {
+    [key: string]: any;
+};
+export type ITableHeader = {
+    Header: string | JSX.Element;
+    accessor: string;
+    textAlign?: IAlignment;
+};
+export type TableCellValues = null | undefined | string | number | Date | boolean | string[];
+export type SynchCellWithStateFn = (rowIndex: number, columnId: string, value: TableCellValues, errorStatus: boolean, forceUpdate?: boolean) => void;
+export type FieldConfig = {
+    [key: string]: {
+        validationRule?: SchemaOf<any>;
+        dependentValidationRule?: (values: {
+            [key: string]: any;
+        }) => SchemaOf<any>;
+        customRenderFn?: (args: ICustomRenderFnProps) => JSX.Element;
+        prefix?: React.ReactNode | React.JSXElementConstructor<any>;
+        suffix?: React.ReactNode | React.JSXElementConstructor<any>;
+        textAlign?: IAlignment;
+        onBlur?: (args: {
+            rowIndex: number;
+            value: string;
+            setRows: React.Dispatch<React.SetStateAction<RowData[] | null>>;
+            values: RowData;
+        }) => Promise<void>;
+        isCheckbox?: boolean;
+        isDateField?: boolean;
+        onChangeValueModifier?: (value: string) => TableCellValues;
+        getCalculatedValue?: (values: RowData) => TableCellValues;
+        total?: boolean;
+    };
+};
+export interface IEditableTableProps {
+    tableRows: RowData[] | null;
+    tableHeaders: ITableHeader[];
+    syncCellWithState: SynchCellWithStateFn;
+    setRows?: React.Dispatch<React.SetStateAction<RowData[] | null>> | undefined;
+    skipPageReset?: boolean;
+    fieldConfig: FieldConfig;
+    disabled?: boolean;
+    setSelectedRows?: React.Dispatch<React.SetStateAction<number[]>>;
+    includeRowSelect?: boolean;
+    filterTypes?: {
+        [key: string]: (rows: any, id: any, filterValue: any) => any;
+    };
+    filterData?: {
+        filterRow: string;
+        filterValues: RowData[];
+    };
+    emptyTableText?: string;
+    paginate?: boolean;
+    defaultPageSize?: number;
+    virtContainerStyling?: string;
+    overscan?: number;
+    rowHeight?: number;
+    includeGlobalSearch?: boolean;
+    disableHeaderSelect?: boolean;
+}
+type AdditionalCellProps = Pick<IEditableTableProps, "fieldConfig" | "syncCellWithState" | "setRows">;
+export interface ExtendedCellProps extends AdditionalCellProps, CellProps<RowData> {
+    disabled: boolean;
+}
+export interface IEssentialRenderFnProps {
+    error: string | false;
+    disabled: boolean;
+    value: TableCellValues;
+    onChange: (e: any) => void;
+    onBlur: any;
+    prefix?: React.ReactNode | React.JSXElementConstructor<any> | Element;
+    suffix?: React.ReactNode | React.JSXElementConstructor<any> | Element;
+    numberField?: boolean;
+    textAlign?: IAlignment;
+    fixedDecimalScale?: boolean;
+}
+export interface ICustomRenderFnProps extends IEssentialRenderFnProps {
+    values: {
+        [key: string]: any;
+    };
+    originalValues: {
+        [key: string]: any;
+    };
+}
+export interface ITableContentProps extends Pick<IEditableTableProps, "disabled" | "includeRowSelect"> {
+    getTableProps: (propGetter?: TablePropGetter<RowData> | undefined) => TableProps;
+    headerGroups: HeaderGroup<RowData>[];
+    getTableBodyProps: (propGetter?: TableBodyPropGetter<RowData> | undefined) => TableBodyProps;
+    prepareRow: (row: Row<RowData>) => void;
+    rowsToRender: Row<RowData>[];
+    disabled: boolean;
+    includeRowSelect: boolean;
+    isAllRowsSelected: boolean;
+    selectedFlatRows: Row<RowData>[];
+    fieldConfig: FieldConfig;
+    tableHeaders: ITableHeader[];
+}
+export interface IGlobalFilterProps {
+    preGlobalFilteredRows: RowData[];
+    globalFilter: string | undefined;
+    setGlobalFilter: (val: string | undefined) => void;
+}
+export {};

package/build/EditableTable/components/TableCheckbox.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-interface ITableCheckboxProps {
-    disabled?: boolean;
-    value: boolean | null | undefined;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
-export declare const TableCheckbox: ({ disabled, value, onChange }: ITableCheckboxProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+interface ITableCheckboxProps {
+    disabled?: boolean;
+    value: boolean | null | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const TableCheckbox: ({ disabled, value, onChange }: ITableCheckboxProps) => JSX.Element;
+export {};