@oc-digital/react-component-library 2.1.11-beta.1 → 2.2.0-beta.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/DatePicker/DatePicker.types.d.ts

@@ -1,5 +1,7 @@
-import { DatePickerProps } from "@material-ui/pickers";
+import { DatePickerProps } from "@mui/x-date-pickers";
 import { IAuthoriserProp } from "../globals";
-export interface IDatePickerProps extends IAuthoriserProp, DatePickerProps {
+type InputDate = any;
+export interface IDatePickerProps extends IAuthoriserProp, DatePickerProps<InputDate, InputDate> {
     styling?: string;
 }
+export {};

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

@@ -1,17 +1,17 @@
 import React, { ReactChild, ReactNode } from "react";
 import { ICustomRenderFnProps, IEssentialRenderFnProps } from "./EditableTable.types";
 export declare const TableTextField: React.FC<IEssentialRenderFnProps>;
-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 SelectionCheckbox: React.ComponentType<Pick<import("@material-ui/core").CheckboxProps, "color" | "translate" | "hidden" | "size" | "style" | "icon" | "disabled" | "value" | "onBlur" | "onChange" | "prefix" | "checked" | "indeterminate" | "checkedIcon" | "className" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "form" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "disableFocusRipple" | "edge" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "inputProps" | "inputRef" | "readOnly" | "required" | "indeterminateIcon"> & import("@material-ui/core").StyledComponentProps<"root">>;
+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 tableInvoiceDateField: (tableProps: ICustomRenderFnProps) => JSX.Element;
-export declare const tableCheckbox: (tableProps: ICustomRenderFnProps) => JSX.Element;
+export declare const tableDateField: (tableProps: ICustomRenderFnProps) => React.JSX.Element;
+export declare const tableInvoiceDateField: (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;
 }

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

@@ -1,5 +1,7 @@
-import { KeyboardDatePickerProps } from "@material-ui/pickers";
+import { DatePickerProps } from "@mui/x-date-pickers";
 import { IAuthoriserProp } from "../globals";
-export interface IKeyboardDatePickerProps extends IAuthoriserProp, KeyboardDatePickerProps {
+type InputDate = any;
+export interface IKeyboardDatePickerProps extends IAuthoriserProp, DatePickerProps<InputDate, InputDate> {
     styling?: string;
 }
+export {};

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/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/Select/Select.types.d.ts

@@ -1,4 +1,4 @@
-import { OutlinedTextFieldProps } from "@material-ui/core";
+import { OutlinedTextFieldProps } from "@mui/material";
 import { IAuthoriserProp } from "../globals";
 export interface IStyleProps {
     background: string;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import NumberFormat, { NumberFormatProps } from "react-number-format";
+import { NumberFormatProps } from "react-number-format";
 import { ITextFieldProps } from "./TextField.types";
 declare const TextField: React.FC<ITextFieldProps>;
 export default TextField;
@@ -10,7 +10,7 @@ interface INumberFormatProps extends Omit<NumberFormatProps, "onChange"> {
             value: string;
         };
     }) => void;
-    inputRef: (instance: NumberFormat | null) => void;
+    inputRef: any;
     fixedDecimalScale: boolean;
 }
-export declare const NumberFormatField: (props: INumberFormatProps) => JSX.Element;
+export declare const NumberFormatField: (props: INumberFormatProps) => React.JSX.Element;

package/build/TextField/TextField.types.d.ts

@@ -1,4 +1,4 @@
-import { OutlinedTextFieldProps } from "@material-ui/core";
+import { OutlinedTextFieldProps } from "@mui/material";
 import { IAuthoriserProp } from "../globals";
 export interface ITextFieldProps extends IAuthoriserProp, Omit<OutlinedTextFieldProps, "variant"> {
     styling?: string;

package/build/globals/index.d.ts

@@ -14,7 +14,7 @@ export declare const FORM_ERROR = "error";
 export declare const FORM_LOADING = "loading";
 export declare const FORM_ENABLED = "enabled";
 export declare const FORM_WARNING = "warning";
-export declare type FormStatuses = typeof FORM_SUCCESS | typeof FORM_ERROR | typeof FORM_LOADING | typeof FORM_ENABLED | typeof FORM_WARNING;
+export type FormStatuses = typeof FORM_SUCCESS | typeof FORM_ERROR | typeof FORM_LOADING | typeof FORM_ENABLED | typeof FORM_WARNING;
 export declare const READ_LEVEL = "read";
 export declare const WRITE_LEVEL = "write";
 export declare const NO_ACCESS_LEVEL = "noAccess";