@oc-digital/react-component-library 8.17.2 → 8.17.4

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface IAlphabeticalListProps {
     array: any[] | undefined | null;
     sortFn?: (arg1: any, arg2: any) => number;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IAuthoriserProp } from "../globals";
 import { ButtonProps } from "@mui/material";
 export interface IButtonWithConfirmProps extends ButtonProps, IAuthoriserProp {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface IContentBoxProps {
     id?: string;
     children: React.ReactNode;

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

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

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

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

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

@@ -5,56 +5,51 @@ export type IAlignment = "left" | "right" | "inherit" | "center" | "justify";
 export type RowData = {
     [key: string]: any;
 };
-/** @deprecated old legacy type - doesn't support recursive nested columns */
-type IBaseTableHeader = {
+export type ITableHeader = {
     Header: string | JSX.Element;
-    stickyColumn?: boolean;
-    textAlign?: IAlignment;
-};
-/** @deprecated old legacy type - doesn't support recursive nested columns */
-export type ITableHeader = IBaseTableHeader & {
     accessor: string;
+    textAlign?: IAlignment;
+    stickyCell?: boolean;
     shadedHeader?: boolean;
     linkedStatusColumn?: string;
 };
-/** @deprecated old legacy type - doesn't support recursive nested columns */
-export type ITableHeaderComplexAccessor = IBaseTableHeader & {
+export type ITableHeaderComplexAccessor = {
+    Header: string | JSX.Element;
     id: string;
     accessor: (originalRow: any, rowIndex: any) => any;
+    textAlign?: IAlignment;
+    stickyCell?: boolean;
     shadedHeader?: boolean;
 };
-type SharedHeaderStructure = {
+export type IColumnsTableHeader = {
     Header: string | JSX.Element;
     textAlign?: IAlignment;
+    stickyCell?: boolean;
     shadedHeaderGroup?: boolean;
-};
-type TopLevelOnlyFields = {
     accessor?: any;
-    stickyColumn?: boolean;
-    shadedHeader?: boolean;
-};
-type LowerLevelOnlyFields = {
-    linkedStatusColumn?: string;
-} & ({
-    id: string;
-    accessor: (originalRow: any, rowIndex: any) => any;
-} | {
-    accessor?: string;
-});
-type TableHeaderWithSubColumns = LowerLevelOnlyFields & {
-    id?: string;
-    accessor?: never;
-    columns: (RecursiveTableHeader & LowerLevelOnlyFields)[];
+    columns: {
+        Header: string | JSX.Element;
+        shadedHeaderGroup?: boolean;
+        accessor: string;
+        textAlign?: IAlignment;
+        linkedStatusColumn?: string;
+    }[];
 };
-type TableHeaderWithAccessor = LowerLevelOnlyFields & {
-    accessor: LowerLevelOnlyFields["accessor"];
-    columns?: never;
+export type IColumnsTableHeaderComplexAccessor = {
+    Header: string | JSX.Element;
+    textAlign?: IAlignment;
+    stickyCell?: boolean;
+    shadedHeaderGroup?: boolean;
+    accessor?: any;
+    columns: {
+        Header: string | JSX.Element;
+        id: string;
+        shadedHeaderGroup?: boolean;
+        accessor: (originalRow: any, rowIndex: any) => any;
+        textAlign?: IAlignment;
+        linkedStatusColumn?: string;
+    }[];
 };
-type RecursiveTableHeader = SharedHeaderStructure & (TableHeaderWithSubColumns | TableHeaderWithAccessor);
-export type IColumnsTableHeader = RecursiveTableHeader & TopLevelOnlyFields;
-/** @deprecated old legacy type - doesn't support recursive nested columns */
-export type IColumnsTableHeaderComplexAccessor = IColumnsTableHeader;
-/** @deprecated old legacy type - use IColumnsTableHeader directly */
 export type ITableHeaders = ITableHeader | ITableHeaderComplexAccessor | IColumnsTableHeader | IColumnsTableHeaderComplexAccessor;
 export type TableCellValues = null | undefined | string | number | Date | boolean | string[];
 export type SynchCellWithStateFn = (rowIndex: number, columnId: string, value: TableCellValues, errorStatus: boolean, forceUpdate?: boolean, original?: RowData) => void;
@@ -62,35 +57,31 @@ export type SortMeta = {
     sortingColumnId: string;
     asc: boolean;
 };
-type EditableTableFieldConfiguration = {
-    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;
-    isReadOnly?: boolean;
-    total?: boolean;
-    canUserSort?: boolean;
-    sortCompareFn?: (a: any, b: any) => number;
-};
 export type FieldConfig = {
-    [key: string]: EditableTableFieldConfiguration;
-};
-export type TypedFieldConfiguration<T> = {
-    [key in keyof T]?: EditableTableFieldConfiguration;
+    [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;
+        isReadOnly?: boolean;
+        total?: boolean;
+        canUserSort?: boolean;
+        sortCompareFn?: (a: any, b: any) => number;
+    };
 };
 export interface IEditableTableProps {
     tableRows: RowData[] | null;
@@ -118,8 +109,6 @@ export interface IEditableTableProps {
     includeGlobalSearch?: boolean;
     disableHeaderSelect?: boolean;
     defaultSortMeta?: SortMeta | null;
-    shadedHeaderLeadingColumns?: 1 | 2;
-    freezeHeader?: boolean;
 }
 export interface IEditableTableRef {
     setValue: (rowIndex: number, columnId: string, value: TableCellValues) => void;
@@ -164,8 +153,6 @@ export interface ITableContentProps extends Pick<IEditableTableProps, "disabled"
     sortMeta: SortMeta | null;
     setSortMeta: React.Dispatch<React.SetStateAction<SortMeta | null>>;
     allColumns: ColumnInstance<RowData>[];
-    shadedHeaderLeadingColumns?: 1 | 2;
-    freezeHeader: boolean;
 }
 export interface IGlobalFilterProps {
     preGlobalFilteredRows: RowData[];

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ITableCheckboxProps {
     disabled?: boolean;
     value: boolean | null | undefined;

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

@@ -1,5 +1,5 @@
-import type { DatePickerProps } from "@mui/x-date-pickers";
-import type { IAuthoriserProp } from "../globals";
+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.types.d.ts

@@ -71,6 +71,7 @@ interface ISecondaryConfig {
     titleColor?: string;
     titleIconColor?: string;
     sortByStartDate?: boolean;
+    disableSubItemCount?: boolean;
 }
 export interface ISideNavConfig {
     rootRouteName: string;
@@ -85,6 +86,7 @@ export interface ILeftNavigationProps<T = any> {
 export interface IListItemProps extends ISecondaryNavigationItem {
     config: ISideNavConfig;
     Icon: React.FC<ISvgComponentProps>;
+    disableSubItemCount?: boolean;
 }
 export interface INavListItemStyleProps extends ISecondaryMainConfig, ISecondarySubConfig {
 }

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

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

package/build/SearchBar/SearchBar.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ISearchBarProps {
     array: any[] | undefined | null;
     sortFn?: (arg1: any, arg2: any) => number;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { OutlinedTextFieldProps } from "@mui/material";
 import { IAuthoriserProp } from "../globals";
 export interface ISelectProps extends IAuthoriserProp, Omit<OutlinedTextFieldProps, "variant"> {

package/build/index.d.ts

@@ -17,8 +17,7 @@ import DatePicker from "./DatePicker/DatePicker";
 import KeyboardDatePicker from "./KeyboardDatePicker/KeyboardDatePicker";
 import ButtonWithConfirm from "./ButtonWithConfirm/ButtonWithConfirm";
 import EditableTable from "./EditableTable/EditableTable";
-import { useElementDimensions } from "./hooks/useElementDimensions";
-import { FieldConfig, TypedFieldConfiguration, RowData, ITableHeader, ITableHeaderComplexAccessor, IColumnsTableHeader, IColumnsTableHeaderComplexAccessor, ITableHeaders, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps, SortMeta, IEditableTableRef } from "./EditableTable/EditableTable.types";
+import { FieldConfig, RowData, ITableHeader, ITableHeaderComplexAccessor, IColumnsTableHeader, IColumnsTableHeaderComplexAccessor, ITableHeaders, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps, SortMeta, IEditableTableRef } from "./EditableTable/EditableTable.types";
 import { tableNumericStringField, tableNumericStringFixedDecimalField, tableDateField, tableCheckbox, TableSelect, TableMultipleSelect, NonEditableField } from "./EditableTable/defaultCells";
 import { useDebounceEffect, useInterval, useWhyDidYouUpdate } from "./hooks";
 import { didCellValueChange } from "./utils";
@@ -37,5 +36,5 @@ import { TableDateInput } from "./EditableTable/components/TableDateInput";
 import { TableTextInput } from "./EditableTable/components/TableTextInput";
 import type { ITableTextInputProps } from "./EditableTable/components/TableTextInput";
 import type { ISideNavConfig, ISecondaryNavigationElement, ISecondaryNavigationElements } from "./LeftNavigation/LeftNavigation.types";
-export { ImageDisplayAndUpload, Alert, Button, ContentLabel, ContentBox, StaticTable, LoadingSpinner, Breadcrumbs, EntityList, ErrorIndicator, LeftNavigation, MainLayout, SearchBar, TextField, Select, DatePicker, AutoSaveTextField, AutoSaveSelectField, KeyboardDatePicker, MobileDatePicker, ButtonWithConfirm, EditableTable, TableSelect, TableMultipleSelect, NonEditableField, TableDateInput as TableDatePicker, TableTextInput as TableTextField, tableNumericStringField, tableNumericStringFixedDecimalField, tableDateField, tableCheckbox, didCellValueChange, useDebounceEffect, useInterval, useWhyDidYouUpdate, useElementDimensions, AlphabeticalList, NumberFormatField, NavbarLayout, OptionalTooltip, FORM_SUCCESS, FORM_ERROR, FORM_LOADING, FORM_ENABLED, FORM_WARNING, FORM_INFO, FORM_DELETING, };
-export type { FieldConfig, TypedFieldConfiguration, RowData, ITableHeader, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps, ISelectProps, IEntity, INavigationLink, ISecondaryNavigationItem, ISecondaryNavigationSubItem, NavbarLayoutTabs, FormStatuses, ITableTextInputProps, ISideNavConfig, ITableHeaderComplexAccessor, IColumnsTableHeader, IColumnsTableHeaderComplexAccessor, ITableHeaders, SortMeta, IEditableTableRef, IAlertProps, ISecondaryNavigationElement, ISecondaryNavigationElements, };
+export { ImageDisplayAndUpload, Alert, Button, ContentLabel, ContentBox, StaticTable, LoadingSpinner, Breadcrumbs, EntityList, ErrorIndicator, LeftNavigation, MainLayout, SearchBar, TextField, Select, DatePicker, AutoSaveTextField, AutoSaveSelectField, KeyboardDatePicker, MobileDatePicker, ButtonWithConfirm, EditableTable, TableSelect, TableMultipleSelect, NonEditableField, TableDateInput as TableDatePicker, TableTextInput as TableTextField, tableNumericStringField, tableNumericStringFixedDecimalField, tableDateField, tableCheckbox, didCellValueChange, useDebounceEffect, useInterval, useWhyDidYouUpdate, AlphabeticalList, NumberFormatField, NavbarLayout, OptionalTooltip, FORM_SUCCESS, FORM_ERROR, FORM_LOADING, FORM_ENABLED, FORM_WARNING, FORM_INFO, FORM_DELETING, };
+export type { FieldConfig, RowData, ITableHeader, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps, ISelectProps, IEntity, INavigationLink, ISecondaryNavigationItem, ISecondaryNavigationSubItem, NavbarLayoutTabs, FormStatuses, ITableTextInputProps, ISideNavConfig, ITableHeaderComplexAccessor, IColumnsTableHeader, IColumnsTableHeaderComplexAccessor, ITableHeaders, SortMeta, IEditableTableRef, IAlertProps, ISecondaryNavigationElement, ISecondaryNavigationElements, };