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

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-interface ITableDateInputProps {
-    disabled: boolean;
-    value: Date | string | null | undefined;
-    error: string | false;
-    onChange: (value: Date | string) => void;
-}
-export declare const TableDateInput: ({ disabled, value, error, onChange, }: ITableDateInputProps) => JSX.Element;
-export {};
+interface ITableDateInputProps {
+    disabled: boolean;
+    value: Date | string | null | undefined;
+    error: string | false;
+    onChange: (value: Date | string) => void;
+}
+export declare const TableDateInput: ({ disabled, value, error, onChange, }: ITableDateInputProps) => JSX.Element;
+export {};

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

@@ -1,20 +1,21 @@
-import { PureComponent } from "react";
-export interface ITableTextInputProps {
-    name?: string;
-    value: string | number | null | undefined;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    prefix?: string | React.ReactElement | JSX.Element | null;
-    suffix?: string | React.ReactElement | JSX.Element | null;
-    textAlign?: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent" | "inherit";
-    numberField?: boolean;
-    fixedDecimalScale?: boolean;
-    error?: string | false;
-    disabled?: boolean;
-    fullWidth?: boolean;
-    wrapperStyling?: string;
-    styling?: string;
-}
-export declare class TableTextInput extends PureComponent<ITableTextInputProps> {
-    render(): JSX.Element;
-}
+import { PureComponent } from 'react';
+
+export interface ITableTextInputProps {
+    name?: string;
+    value: string | number | null | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    prefix?: string | React.ReactElement | JSX.Element | null;
+    suffix?: string | React.ReactElement | JSX.Element | null;
+    textAlign?: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent" | "inherit";
+    numberField?: boolean;
+    fixedDecimalScale?: boolean;
+    error?: string | false;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    wrapperStyling?: string;
+    styling?: string;
+}
+export declare class TableTextInput extends PureComponent<ITableTextInputProps> {
+    render(): JSX.Element;
+}

package/build/EditableTable/components/utils/getTextWidth.d.ts

@@ -1,13 +1,13 @@
-/**
- * Optimised for TableTextField.
- *
- * Instead of accepting a HTMLElement, which would require a re-render to get the correct width,
- * this function is oprimised to accept only the text and max width.
- */
-export declare function getTableTextInputTextWidth(text: string, minWidth?: number, maxWidth?: number): string;
-/**
- * Calculates the width of a given string in pixels (perfect result)
- *
- * When using this to size inputs, the input must have CSS box-sizing: content-box
- */
-export declare function getTextWidth(text: string, element: HTMLElement, minWidth?: number, maxWidth?: number): string;
+/**
+ * Optimised for TableTextField.
+ *
+ * Instead of accepting a HTMLElement, which would require a re-render to get the correct width,
+ * this function is oprimised to accept only the text and max width.
+ */
+export declare function getTableTextInputTextWidth(text: string, minWidth?: number, maxWidth?: number): string;
+/**
+ * Calculates the width of a given string in pixels (perfect result)
+ *
+ * When using this to size inputs, the input must have CSS box-sizing: content-box
+ */
+export declare function getTextWidth(text: string, element: HTMLElement, minWidth?: number, maxWidth?: number): string;

package/build/EditableTable/defaultCells.d.ts

@@ -1,30 +1,31 @@
-import React, { ReactChild, ReactNode } from "react";
-import { ICustomRenderFnProps, IEssentialRenderFnProps } from "./EditableTable.types";
-export declare const tableTextField: (tableProps: ICustomRenderFnProps) => JSX.Element;
-export declare const tableNumericStringField: (tableProps: ICustomRenderFnProps) => JSX.Element;
-export declare const tableNumericStringFixedDecimalField: (tableProps: ICustomRenderFnProps) => JSX.Element;
-export declare const tableDateField: ({ value, onChange, disabled, error, }: ICustomRenderFnProps) => JSX.Element;
-export declare const tableCheckbox: (tableProps: ICustomRenderFnProps) => JSX.Element;
-interface INonEditableField extends Pick<IEssentialRenderFnProps, "numberField" | "prefix" | "suffix" | "textAlign" | "fixedDecimalScale"> {
-    text: React.ReactText;
-    styling?: string;
-    inputStyling?: string;
-    widthOverride?: string | undefined;
-    fullWidth?: boolean;
-}
-export declare const NonEditableField: React.FC<INonEditableField>;
-interface ITableSelect extends IEssentialRenderFnProps {
-    selectOptions: {
-        [key: string]: ReactChild;
-    };
-}
-export declare const TableSelect: React.FC<ITableSelect>;
-interface IMultipleTableSelect extends Omit<IEssentialRenderFnProps, "value"> {
-    selectOptions: {
-        [key: string]: ReactChild;
-    };
-    value: string[];
-    renderValue?: (value: any) => ReactNode;
-}
-export declare const TableMultipleSelect: React.FC<IMultipleTableSelect>;
-export {};
+import { default as React, ReactChild, ReactNode } from 'react';
+import { ICustomRenderFnProps, IEssentialRenderFnProps } from './EditableTable.types';
+
+export declare const tableTextField: (tableProps: ICustomRenderFnProps) => JSX.Element;
+export declare const tableNumericStringField: (tableProps: ICustomRenderFnProps) => JSX.Element;
+export declare const tableNumericStringFixedDecimalField: (tableProps: ICustomRenderFnProps) => JSX.Element;
+export declare const tableDateField: ({ value, onChange, disabled, error, }: ICustomRenderFnProps) => JSX.Element;
+export declare const tableCheckbox: (tableProps: ICustomRenderFnProps) => JSX.Element;
+interface INonEditableField extends Pick<IEssentialRenderFnProps, "numberField" | "prefix" | "suffix" | "textAlign" | "fixedDecimalScale"> {
+    text: React.ReactText;
+    styling?: string;
+    inputStyling?: string;
+    widthOverride?: string | undefined;
+    fullWidth?: boolean;
+}
+export declare const NonEditableField: React.FC<INonEditableField>;
+interface ITableSelect extends IEssentialRenderFnProps {
+    selectOptions: {
+        [key: string]: ReactChild;
+    };
+}
+export declare const TableSelect: React.FC<ITableSelect>;
+interface IMultipleTableSelect extends Omit<IEssentialRenderFnProps, "value"> {
+    selectOptions: {
+        [key: string]: ReactChild;
+    };
+    value: string[];
+    renderValue?: (value: any) => ReactNode;
+}
+export declare const TableMultipleSelect: React.FC<IMultipleTableSelect>;
+export {};

package/build/EntityList/EntityList.d.ts

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

package/build/EntityList/EntityList.types.d.ts

@@ -1,14 +1,15 @@
-import { ReactNode } from "react";
-export interface IEntity {
-    id: string;
-    name: string;
-    link: string;
-    [key: string]: any;
-}
-export interface IEntityListProps {
-    entities: IEntity[] | undefined;
-    icon: (entity?: IEntity) => ReactNode;
-    loadingMessage?: string;
-    emptyMessage?: string;
-    onClick?: (org: IEntity) => void;
-}
+import { ReactNode } from 'react';
+
+export interface IEntity {
+    id: string;
+    name: string;
+    link: string;
+    [key: string]: any;
+}
+export interface IEntityListProps {
+    entities: IEntity[] | undefined;
+    icon: (entity?: IEntity) => ReactNode;
+    loadingMessage?: string;
+    emptyMessage?: string;
+    onClick?: (org: IEntity) => void;
+}

package/build/ErrorIndicator/ErrorIndicator.d.ts

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

package/build/ErrorIndicator/ErrorIndicator.types.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
-export interface IErrorIndicatorProps {
-    text?: ReactNode;
-}
+import { ReactNode } from 'react';
+
+export interface IErrorIndicatorProps {
+    text?: ReactNode;
+}

package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.d.ts

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

package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.d.ts

@@ -1,8 +1,9 @@
-import { IAuthoriserProp } from "../globals";
-export interface IImageDisplayAndUploadProps extends IAuthoriserProp {
-    id?: string;
-    url: string | null;
-    handleSaveImage: (format: string, buffer: ArrayBuffer, file: File) => Promise<void>;
-    roundedAvatar?: boolean;
-    alt?: string;
-}
+import { IAuthoriserProp } from '../globals';
+
+export interface IImageDisplayAndUploadProps extends IAuthoriserProp {
+    id?: string;
+    url: string | null;
+    handleSaveImage: (format: string, buffer: ArrayBuffer, file: File) => Promise<void>;
+    roundedAvatar?: boolean;
+    alt?: string;
+}

package/build/KeyboardDatePicker/KeyboardDatePicker.d.ts

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

package/build/KeyboardDatePicker/KeyboardDatePicker.types.d.ts

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

package/build/LeftNavigation/LeftNavigation.d.ts

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

package/build/LeftNavigation/LeftNavigation.types.d.ts

@@ -1,96 +1,97 @@
-import React, { ReactNode, ReactChild } from "react";
-import { ISvgComponentProps } from "../SvgComponents/types";
-export interface INavigationLink {
-    field: string;
-    path: string;
-    Icon: React.FC<ISvgComponentProps>;
-    hasSecondary?: boolean;
-}
-export type IExpandedOptions = {
-    view: string;
-    expanded: boolean;
-};
-export interface IMainNavigationItem {
-    id: string;
-    name: ReactChild;
-    route: string;
-    archived?: boolean;
-}
-export interface ISecondaryNavigationSubItem {
-    id: string;
-    name: ReactChild;
-    route: string;
-}
-export interface ISecondaryNavigationItem {
-    mainItem: IMainNavigationItem;
-    subItems?: ISecondaryNavigationSubItem[];
-    startDate: string;
-}
-export interface ISecondaryNavigationElement {
-    items: ISecondaryNavigationItem[];
-    archivedItems?: ISecondaryNavigationItem[];
-    button?: {
-        url: string;
-        text: string;
-    };
-}
-export interface ISecondaryNavigationElements {
-    [key: string]: ISecondaryNavigationElement;
-}
-export interface IPrimaryConfig {
-    background?: string;
-    text?: string;
-    activeText?: string;
-    moveLastItemToBottom?: boolean;
-    activeBorderColor?: string;
-}
-export interface ISecondaryMainConfig {
-    mainBackground?: string;
-    mainText?: string;
-    mainHover?: string;
-    mainIcon?: string;
-    mainActiveText?: string;
-}
-export interface ISecondarySubConfig {
-    subItemBackground?: string;
-    subItemText?: string;
-    subItemHover?: string;
-    subItemActiveBackground?: string;
-    subItemActiveHover?: string;
-    subItemActiveText?: string;
-}
-export interface ISideNavConfig {
-    rootRouteName: string;
-    primary?: IPrimaryConfig;
-    secondary?: {
-        mainItemColors?: ISecondaryMainConfig;
-        subItemColors?: ISecondarySubConfig;
-        closeButtonSvg?: ReactNode;
-        titleColor?: string;
-        titleIconColor?: string;
-    };
-}
-export interface ILeftNavigationProps {
-    primaryNavItems: INavigationLink[];
-    secondaryNavItems: ISecondaryNavigationElements;
-    config: ISideNavConfig;
-}
-export interface IListItemProps extends ISecondaryNavigationItem {
-    config: ISideNavConfig;
-    Icon: React.FC<ISvgComponentProps>;
-}
-export interface INavListItemStyleProps extends ISecondaryMainConfig, ISecondarySubConfig {
-}
-export interface IPrimaryLeftNavContainerProps {
-    expandedOptions: IExpandedOptions;
-    navigationLinks: INavigationLink[];
-    setExpandedOptions: React.Dispatch<React.SetStateAction<IExpandedOptions>>;
-    config: ISideNavConfig;
-}
-export interface ISecondaryLeftNavContainerProps {
-    secondaryNavItems: ISecondaryNavigationElements;
-    primaryNavItems: INavigationLink[];
-    expandedOptions: IExpandedOptions;
-    setExpandedOptions: React.Dispatch<React.SetStateAction<IExpandedOptions>>;
-    config: ISideNavConfig;
-}
+import { default as React, ReactNode, ReactChild } from 'react';
+import { ISvgComponentProps } from '../SvgComponents/types';
+
+export interface INavigationLink {
+    field: string;
+    path: string;
+    Icon: React.FC<ISvgComponentProps>;
+    hasSecondary?: boolean;
+}
+export type IExpandedOptions = {
+    view: string;
+    expanded: boolean;
+};
+export interface IMainNavigationItem {
+    id: string;
+    name: ReactChild;
+    route: string;
+    archived?: boolean;
+}
+export interface ISecondaryNavigationSubItem {
+    id: string;
+    name: ReactChild;
+    route: string;
+}
+export interface ISecondaryNavigationItem {
+    mainItem: IMainNavigationItem;
+    subItems?: ISecondaryNavigationSubItem[];
+    startDate: string;
+}
+export interface ISecondaryNavigationElement {
+    items: ISecondaryNavigationItem[];
+    archivedItems?: ISecondaryNavigationItem[];
+    button?: {
+        url: string;
+        text: string;
+    };
+}
+export interface ISecondaryNavigationElements {
+    [key: string]: ISecondaryNavigationElement;
+}
+export interface IPrimaryConfig {
+    background?: string;
+    text?: string;
+    activeText?: string;
+    moveLastItemToBottom?: boolean;
+    activeBorderColor?: string;
+}
+export interface ISecondaryMainConfig {
+    mainBackground?: string;
+    mainText?: string;
+    mainHover?: string;
+    mainIcon?: string;
+    mainActiveText?: string;
+}
+export interface ISecondarySubConfig {
+    subItemBackground?: string;
+    subItemText?: string;
+    subItemHover?: string;
+    subItemActiveBackground?: string;
+    subItemActiveHover?: string;
+    subItemActiveText?: string;
+}
+export interface ISideNavConfig {
+    rootRouteName: string;
+    primary?: IPrimaryConfig;
+    secondary?: {
+        mainItemColors?: ISecondaryMainConfig;
+        subItemColors?: ISecondarySubConfig;
+        closeButtonSvg?: ReactNode;
+        titleColor?: string;
+        titleIconColor?: string;
+    };
+}
+export interface ILeftNavigationProps {
+    primaryNavItems: INavigationLink[];
+    secondaryNavItems: ISecondaryNavigationElements;
+    config: ISideNavConfig;
+}
+export interface IListItemProps extends ISecondaryNavigationItem {
+    config: ISideNavConfig;
+    Icon: React.FC<ISvgComponentProps>;
+}
+export interface INavListItemStyleProps extends ISecondaryMainConfig, ISecondarySubConfig {
+}
+export interface IPrimaryLeftNavContainerProps {
+    expandedOptions: IExpandedOptions;
+    navigationLinks: INavigationLink[];
+    setExpandedOptions: React.Dispatch<React.SetStateAction<IExpandedOptions>>;
+    config: ISideNavConfig;
+}
+export interface ISecondaryLeftNavContainerProps {
+    secondaryNavItems: ISecondaryNavigationElements;
+    primaryNavItems: INavigationLink[];
+    expandedOptions: IExpandedOptions;
+    setExpandedOptions: React.Dispatch<React.SetStateAction<IExpandedOptions>>;
+    config: ISideNavConfig;
+}

package/build/LeftNavigation/NavListItem.d.ts

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

package/build/LeftNavigation/PrimaryLeftNavigation.d.ts

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

package/build/LeftNavigation/SecondaryLeftNavigation.d.ts

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

package/build/LoadingSpinner/LoadingSpinner.d.ts

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

package/build/LoadingSpinner/LoadingSpinner.types.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from "react";
-export interface ILoadingSpinnerProps {
-    text?: ReactNode;
-    styling?: string;
-}
+import { ReactNode } from 'react';
+
+export interface ILoadingSpinnerProps {
+    text?: ReactNode;
+    styling?: string;
+}

package/build/MainLayout/MainLayout.d.ts

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

package/build/MainLayout/MainLayout.types.d.ts

@@ -1,10 +1,11 @@
-import { ReactElement } from "react";
-export interface IMainLayoutProps {
-    id?: string;
-    sideNavigation?: ReactElement;
-    desktopWidth?: boolean | string;
-    children: ReactElement;
-    topOffset?: number | string;
-}
-export interface IMainLayoutStyleProps extends Pick<IMainLayoutProps, "topOffset"> {
-}
+import { ReactElement } from 'react';
+
+export interface IMainLayoutProps {
+    id?: string;
+    sideNavigation?: ReactElement;
+    desktopWidth?: boolean | string;
+    children: ReactElement;
+    topOffset?: number | string;
+}
+export interface IMainLayoutStyleProps extends Pick<IMainLayoutProps, "topOffset"> {
+}

package/build/MobileDatePicker/MobileDatePicker.d.ts

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

package/build/MobileDatePicker/MobileDatePicker.types.d.ts

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

package/build/NavbarLayout/Navbar.d.ts

@@ -1,12 +1,13 @@
-import { FC } from "react";
-import { ISvgComponentProps } from "../SvgComponents/types";
-export type NavbarProps = {
-    tabs: Array<{
-        Icon: FC<ISvgComponentProps>;
-        field: string;
-        path: string;
-        separate?: boolean;
-    }>;
-};
-declare const Navbar: ({ tabs }: NavbarProps) => JSX.Element;
-export default Navbar;
+import { FC } from 'react';
+import { ISvgComponentProps } from '../SvgComponents/types';
+
+export type NavbarProps = {
+    tabs: Array<{
+        Icon: FC<ISvgComponentProps>;
+        field: string;
+        path: string;
+        separate?: boolean;
+    }>;
+};
+declare const Navbar: ({ tabs }: NavbarProps) => JSX.Element;
+export default Navbar;