@oc-digital/react-component-library 4.4.0-beta.0 → 4.8.2-0

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

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

package/build/Button/Button.d.ts

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

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

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

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

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

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

@@ -2,18 +2,18 @@ import { CellProps, HeaderGroup, Row, TableBodyPropGetter, TableBodyProps, Table
 import { SchemaOf } from "yup";
 import React from "react";
 import { VirtualItem } from "react-virtual/types";
-export declare type IAlignment = "left" | "right" | "inherit" | "center" | "justify";
-export declare type RowData = {
+export type IAlignment = "left" | "right" | "inherit" | "center" | "justify";
+export type RowData = {
     [key: string]: any;
 };
-export declare type ITableHeader = {
+export type ITableHeader = {
     Header: string | JSX.Element;
     accessor: string;
     textAlign?: IAlignment;
 };
-export declare type TableCellValues = null | undefined | string | number | Date | boolean | string[];
-export declare type SynchCellWithStateFn = (rowIndex: number, columnId: string, value: TableCellValues, errorStatus: boolean, forceUpdate?: boolean) => void;
-export declare type FieldConfig = {
+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: {
@@ -60,7 +60,7 @@ export interface IEditableTableProps {
     includeGlobalSearch?: boolean;
     disableHeaderSelect?: boolean;
 }
-declare type AdditionalCellProps = Pick<IEditableTableProps, "fieldConfig" | "syncCellWithState" | "setRows">;
+type AdditionalCellProps = Pick<IEditableTableProps, "fieldConfig" | "syncCellWithState" | "setRows">;
 export interface ExtendedCellProps extends AdditionalCellProps, CellProps<RowData> {
     disabled: boolean;
 }

package/build/EditableTable/defaultCells.d.ts

@@ -6,16 +6,16 @@ export declare const TableTextField: React.FC<IEssentialRenderFnProps & {
     widthOverride?: string | undefined;
     name?: string | undefined;
 }>;
-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 tableTextField: (tableProps: ICustomRenderFnProps) => React.JSX.Element;
+export declare const tableNumericStringField: (tableProps: ICustomRenderFnProps) => React.JSX.Element;
+export declare const tableNumericStringFixedDecimalField: (tableProps: ICustomRenderFnProps) => React.JSX.Element;
 export declare const SelectionCheckbox: React.JSXElementConstructor<Omit<import("@mui/material").CheckboxProps, "classes"> & import("@mui/styles/withStyles").StyledComponentProps<"root">>;
 interface ITableDatePicker extends IEssentialRenderFnProps {
     fullDate?: boolean;
 }
 export declare const TableDatePicker: React.FC<ITableDatePicker>;
-export declare const tableDateField: (tableProps: ICustomRenderFnProps) => JSX.Element;
-export declare const tableCheckbox: (tableProps: ICustomRenderFnProps) => JSX.Element;
+export declare const tableDateField: (tableProps: ICustomRenderFnProps) => React.JSX.Element;
+export declare const tableCheckbox: (tableProps: ICustomRenderFnProps) => React.JSX.Element;
 interface INonEditableField extends Pick<IEssentialRenderFnProps, "numberField" | "prefix" | "suffix" | "textAlign" | "fixedDecimalScale"> {
     text: React.ReactText;
     styling?: string;

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

@@ -6,7 +6,7 @@ export interface INavigationLink {
     Icon: React.FC<ISvgComponentProps>;
     hasSecondary?: boolean;
 }
-export declare type IExpandedOptions = {
+export type IExpandedOptions = {
     view: string;
     expanded: boolean;
 };

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

@@ -2,7 +2,7 @@ import { ReactElement } from "react";
 export interface IMainLayoutProps {
     id?: string;
     sideNavigation?: ReactElement;
-    desktopWidth?: boolean;
+    desktopWidth?: boolean | string;
     children: ReactElement;
     topOffset?: number | string;
 }

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

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

package/build/NavbarLayout/Navbar.d.ts

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

package/build/NavbarLayout/NavbarLayout.d.ts

@@ -1,16 +1,16 @@
 import React, { FC } from "react";
 import { ISvgComponentProps } from "../SvgComponents/types";
-export declare type NavbarLayoutTabs = Array<{
+export type NavbarLayoutTabs = Array<{
     Icon: FC<ISvgComponentProps>;
     field: string;
     path: string;
     separate?: boolean;
 }>;
-export declare type NavbarLayoutProps = {
+export type NavbarLayoutProps = {
     tabs: NavbarLayoutTabs;
     hideTabs?: boolean;
     leaveHeightForMenu?: boolean;
     children: React.ReactNode;
 };
-declare const NavbarLayout: ({ tabs, hideTabs, leaveHeightForMenu, children, }: NavbarLayoutProps) => JSX.Element;
+declare const NavbarLayout: ({ tabs, hideTabs, leaveHeightForMenu, children, }: NavbarLayoutProps) => React.JSX.Element;
 export default NavbarLayout;

package/build/StaticTable/StaticTable.types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare type cellAlignmentOptions = "centerJustify" | "leftJustify" | "rightJustify";
-export declare type headerColours = {
+export type cellAlignmentOptions = "centerJustify" | "leftJustify" | "rightJustify";
+export type headerColours = {
     background?: string;
     border?: string;
     text?: string;

package/build/TextField/TextField.d.ts

@@ -12,4 +12,4 @@ interface INumberFormatProps extends Omit<NumberFormatProps, "onChange"> {
     }) => void;
     fixedDecimalScale: boolean;
 }
-export declare const NumberFormatField: (props: INumberFormatProps) => JSX.Element;
+export declare const NumberFormatField: (props: INumberFormatProps) => React.JSX.Element;

package/build/globals/index.d.ts

@@ -15,11 +15,11 @@ export declare const FORM_LOADING = "loading";
 export declare const FORM_ENABLED = "enabled";
 export declare const FORM_WARNING = "warning";
 export declare const FORM_DELETING = "deleting";
-export declare type FormStatuses = typeof FORM_SUCCESS | typeof FORM_ERROR | typeof FORM_LOADING | typeof FORM_ENABLED | typeof FORM_WARNING | typeof FORM_DELETING;
+export type FormStatuses = typeof FORM_SUCCESS | typeof FORM_ERROR | typeof FORM_LOADING | typeof FORM_ENABLED | typeof FORM_WARNING | typeof FORM_DELETING;
 export declare const READ_LEVEL = "read";
 export declare const WRITE_LEVEL = "write";
 export declare const NO_ACCESS_LEVEL = "noAccess";
-export declare type AccessLevels = typeof READ_LEVEL | typeof WRITE_LEVEL | typeof NO_ACCESS_LEVEL;
+export type AccessLevels = typeof READ_LEVEL | typeof WRITE_LEVEL | typeof NO_ACCESS_LEVEL;
 export interface IAuthoriserProp {
     accessLevel?: AccessLevels;
 }