@oc-digital/react-component-library 7.2.2-beta.0 → 7.2.2-beta.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/Alert/Alert.d.ts +4 -4
- package/build/Alert/Alert.types.d.ts +13 -13
- package/build/AlphabeticalList/AlphabeticalList.d.ts +4 -4
- package/build/AlphabeticalList/AlphabeticalList.types.d.ts +22 -22
- package/build/AutoSave/Select/AutoSave.types.d.ts +11 -11
- package/build/AutoSave/Select/index.d.ts +3 -3
- package/build/AutoSave/Text/AutoSave.types.d.ts +16 -16
- package/build/AutoSave/Text/index.d.ts +3 -3
- package/build/Breadcrumbs/Breadcrumbs.d.ts +4 -4
- package/build/Breadcrumbs/Breadcrumbs.types.d.ts +23 -23
- package/build/Button/Button.d.ts +4 -4
- package/build/Button/Button.types.d.ts +10 -10
- package/build/ButtonWithConfirm/ButtonWithConfirm.d.ts +4 -4
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.d.ts +9 -9
- package/build/ContentBox/ContentBox.d.ts +4 -4
- package/build/ContentBox/ContentBox.types.d.ts +7 -7
- package/build/ContentLabel/ContentLabel.d.ts +4 -4
- package/build/ContentLabel/ContentLabel.types.d.ts +5 -5
- package/build/DatePicker/DatePicker.d.ts +4 -4
- package/build/DatePicker/DatePicker.types.d.ts +5 -5
- package/build/EditableTable/EditableTable.d.ts +4 -4
- package/build/EditableTable/EditableTable.types.d.ts +106 -106
- package/build/EditableTable/components/TableCheckbox.d.ts +8 -8
- package/build/EditableTable/components/TableDateInput.d.ts +9 -9
- package/build/EditableTable/components/TableTextInput.d.ts +20 -20
- package/build/EditableTable/components/utils/getTextWidth.d.ts +13 -13
- package/build/EditableTable/defaultCells.d.ts +30 -30
- package/build/EntityList/EntityList.d.ts +4 -4
- package/build/EntityList/EntityList.types.d.ts +14 -14
- package/build/ErrorIndicator/ErrorIndicator.d.ts +4 -4
- package/build/ErrorIndicator/ErrorIndicator.types.d.ts +4 -4
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.d.ts +4 -4
- package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.types.d.ts +8 -8
- package/build/KeyboardDatePicker/KeyboardDatePicker.d.ts +4 -4
- package/build/KeyboardDatePicker/KeyboardDatePicker.types.d.ts +5 -5
- package/build/LeftNavigation/LeftNavigation.d.ts +4 -4
- package/build/LeftNavigation/LeftNavigation.types.d.ts +96 -96
- package/build/LeftNavigation/NavListItem.d.ts +4 -4
- package/build/LeftNavigation/PrimaryLeftNavigation.d.ts +4 -4
- package/build/LeftNavigation/SecondaryLeftNavigation.d.ts +4 -4
- package/build/LoadingSpinner/LoadingSpinner.d.ts +4 -4
- package/build/LoadingSpinner/LoadingSpinner.types.d.ts +5 -5
- package/build/MainLayout/MainLayout.d.ts +4 -4
- package/build/MainLayout/MainLayout.types.d.ts +10 -10
- package/build/MobileDatePicker/MobileDatePicker.d.ts +4 -4
- package/build/MobileDatePicker/MobileDatePicker.types.d.ts +5 -5
- package/build/NavbarLayout/Navbar.d.ts +12 -12
- package/build/NavbarLayout/NavbarLayout.d.ts +16 -16
- package/build/NavbarLayout/index.d.ts +2 -2
- package/build/SearchBar/SearchBar.d.ts +4 -4
- package/build/SearchBar/SearchBar.types.d.ts +33 -33
- package/build/Select/Select.d.ts +4 -4
- package/build/Select/Select.types.d.ts +16 -16
- package/build/StaticTable/StaticTable.d.ts +4 -4
- package/build/StaticTable/StaticTable.types.d.ts +21 -21
- package/build/SvgComponents/ContainedPartnersLogo.d.ts +4 -4
- package/build/SvgComponents/HomeSvg.d.ts +4 -4
- package/build/SvgComponents/NovelLogoSvg.d.ts +4 -4
- package/build/SvgComponents/OrganisationList.d.ts +4 -4
- package/build/SvgComponents/ProjectsSvg.d.ts +4 -4
- package/build/SvgComponents/index.d.ts +5 -5
- package/build/SvgComponents/types.d.ts +6 -6
- package/build/TextField/TextField.d.ts +15 -15
- package/build/TextField/TextField.types.d.ts +7 -7
- package/build/Tooltip/OptionalTooltip.d.ts +8 -8
- package/build/Tooltip/index.d.ts +1 -1
- package/build/globals/index.d.ts +26 -26
- package/build/hooks/index.d.ts +3 -3
- package/build/hooks/useDebounceEffect.d.ts +2 -2
- package/build/hooks/useInterval.d.ts +2 -2
- package/build/hooks/useWhyDidYouUpdate.d.ts +1 -1
- package/build/index.d.ts +37 -37
- package/build/index.js +1 -1
- package/build/index.js.map +1 -1
- package/build/stories/Button.d.ts +28 -0
- package/build/stories/Button.stories.d.ts +10 -0
- package/build/stories/Header.d.ts +12 -0
- package/build/stories/Header.stories.d.ts +8 -0
- package/build/stories/Page.d.ts +3 -0
- package/build/stories/Page.stories.d.ts +8 -0
- package/build/style.css +1 -0
- package/build/styles/colours.d.ts +3 -3
- package/build/styles/font.d.ts +1 -1
- package/build/styles/index.d.ts +3 -3
- package/build/styles/layout.d.ts +1 -1
- package/build/styles/spacing.d.ts +1 -1
- package/build/styles/themes.d.ts +2 -2
- package/build/utils/index.d.ts +5 -5
- package/package.json +23 -19
- package/build/EditableTable/components/styled/Checkbox.d.ts +0 -5
- package/build/EditableTable/components/styled/CheckboxLabel.d.ts +0 -5
- package/build/EditableTable/components/styled/Input.d.ts +0 -21
- package/build/EditableTable/components/styled/InputAdornmentWrapper.d.ts +0 -5
- package/build/EditableTable/components/styled/InputWrapper.d.ts +0 -5
- package/build/EditableTable/components/styled/SmallError.d.ts +0 -5
- package/build/assets/index-DCUzKTQq.css +0 -78
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { PureComponent } from "react";
|
|
2
|
-
export interface ITableTextInputProps {
|
|
3
|
-
name?: string;
|
|
4
|
-
value: string | number | null | undefined;
|
|
5
|
-
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
6
|
-
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
7
|
-
prefix?: string | React.ReactElement | JSX.Element | null;
|
|
8
|
-
suffix?: string | React.ReactElement | JSX.Element | null;
|
|
9
|
-
textAlign?: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent" | "inherit";
|
|
10
|
-
numberField?: boolean;
|
|
11
|
-
fixedDecimalScale?: boolean;
|
|
12
|
-
error?: string | false;
|
|
13
|
-
disabled?: boolean;
|
|
14
|
-
fullWidth?: boolean;
|
|
15
|
-
wrapperStyling?: string;
|
|
16
|
-
styling?: string;
|
|
17
|
-
}
|
|
18
|
-
export declare class TableTextInput extends PureComponent<ITableTextInputProps> {
|
|
19
|
-
render(): JSX.Element;
|
|
20
|
-
}
|
|
1
|
+
import { PureComponent } from "react";
|
|
2
|
+
export interface ITableTextInputProps {
|
|
3
|
+
name?: string;
|
|
4
|
+
value: string | number | null | undefined;
|
|
5
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
6
|
+
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
7
|
+
prefix?: string | React.ReactElement | JSX.Element | null;
|
|
8
|
+
suffix?: string | React.ReactElement | JSX.Element | null;
|
|
9
|
+
textAlign?: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent" | "inherit";
|
|
10
|
+
numberField?: boolean;
|
|
11
|
+
fixedDecimalScale?: boolean;
|
|
12
|
+
error?: string | false;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
fullWidth?: boolean;
|
|
15
|
+
wrapperStyling?: string;
|
|
16
|
+
styling?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare class TableTextInput extends PureComponent<ITableTextInputProps> {
|
|
19
|
+
render(): JSX.Element;
|
|
20
|
+
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Optimised for TableTextField.
|
|
3
|
-
*
|
|
4
|
-
* Instead of accepting a HTMLElement, which would require a re-render to get the correct width,
|
|
5
|
-
* this function is oprimised to accept only the text and max width.
|
|
6
|
-
*/
|
|
7
|
-
export declare function getTableTextInputTextWidth(text: string, minWidth?: number, maxWidth?: number): string;
|
|
8
|
-
/**
|
|
9
|
-
* Calculates the width of a given string in pixels (perfect result)
|
|
10
|
-
*
|
|
11
|
-
* When using this to size inputs, the input must have CSS box-sizing: content-box
|
|
12
|
-
*/
|
|
13
|
-
export declare function getTextWidth(text: string, element: HTMLElement, minWidth?: number, maxWidth?: number): string;
|
|
1
|
+
/**
|
|
2
|
+
* Optimised for TableTextField.
|
|
3
|
+
*
|
|
4
|
+
* Instead of accepting a HTMLElement, which would require a re-render to get the correct width,
|
|
5
|
+
* this function is oprimised to accept only the text and max width.
|
|
6
|
+
*/
|
|
7
|
+
export declare function getTableTextInputTextWidth(text: string, minWidth?: number, maxWidth?: number): string;
|
|
8
|
+
/**
|
|
9
|
+
* Calculates the width of a given string in pixels (perfect result)
|
|
10
|
+
*
|
|
11
|
+
* When using this to size inputs, the input must have CSS box-sizing: content-box
|
|
12
|
+
*/
|
|
13
|
+
export declare function getTextWidth(text: string, element: HTMLElement, minWidth?: number, maxWidth?: number): string;
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import React, { ReactChild, ReactNode } from "react";
|
|
2
|
-
import { ICustomRenderFnProps, IEssentialRenderFnProps } from "./EditableTable.types";
|
|
3
|
-
export declare const tableTextField: (tableProps: ICustomRenderFnProps) => JSX.Element;
|
|
4
|
-
export declare const tableNumericStringField: (tableProps: ICustomRenderFnProps) => JSX.Element;
|
|
5
|
-
export declare const tableNumericStringFixedDecimalField: (tableProps: ICustomRenderFnProps) => JSX.Element;
|
|
6
|
-
export declare const tableDateField: ({ value, onChange, disabled, error, }: ICustomRenderFnProps) => JSX.Element;
|
|
7
|
-
export declare const tableCheckbox: (tableProps: ICustomRenderFnProps) => JSX.Element;
|
|
8
|
-
interface INonEditableField extends Pick<IEssentialRenderFnProps, "numberField" | "prefix" | "suffix" | "textAlign" | "fixedDecimalScale"> {
|
|
9
|
-
text: React.ReactText;
|
|
10
|
-
styling?: string;
|
|
11
|
-
inputStyling?: string;
|
|
12
|
-
widthOverride?: string | undefined;
|
|
13
|
-
fullWidth?: boolean;
|
|
14
|
-
}
|
|
15
|
-
export declare const NonEditableField: React.FC<INonEditableField>;
|
|
16
|
-
interface ITableSelect extends IEssentialRenderFnProps {
|
|
17
|
-
selectOptions: {
|
|
18
|
-
[key: string]: ReactChild;
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
export declare const TableSelect: React.FC<ITableSelect>;
|
|
22
|
-
interface IMultipleTableSelect extends Omit<IEssentialRenderFnProps, "value"> {
|
|
23
|
-
selectOptions: {
|
|
24
|
-
[key: string]: ReactChild;
|
|
25
|
-
};
|
|
26
|
-
value: string[];
|
|
27
|
-
renderValue?: (value: any) => ReactNode;
|
|
28
|
-
}
|
|
29
|
-
export declare const TableMultipleSelect: React.FC<IMultipleTableSelect>;
|
|
30
|
-
export {};
|
|
1
|
+
import React, { ReactChild, ReactNode } from "react";
|
|
2
|
+
import { ICustomRenderFnProps, IEssentialRenderFnProps } from "./EditableTable.types";
|
|
3
|
+
export declare const tableTextField: (tableProps: ICustomRenderFnProps) => JSX.Element;
|
|
4
|
+
export declare const tableNumericStringField: (tableProps: ICustomRenderFnProps) => JSX.Element;
|
|
5
|
+
export declare const tableNumericStringFixedDecimalField: (tableProps: ICustomRenderFnProps) => JSX.Element;
|
|
6
|
+
export declare const tableDateField: ({ value, onChange, disabled, error, }: ICustomRenderFnProps) => JSX.Element;
|
|
7
|
+
export declare const tableCheckbox: (tableProps: ICustomRenderFnProps) => JSX.Element;
|
|
8
|
+
interface INonEditableField extends Pick<IEssentialRenderFnProps, "numberField" | "prefix" | "suffix" | "textAlign" | "fixedDecimalScale"> {
|
|
9
|
+
text: React.ReactText;
|
|
10
|
+
styling?: string;
|
|
11
|
+
inputStyling?: string;
|
|
12
|
+
widthOverride?: string | undefined;
|
|
13
|
+
fullWidth?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare const NonEditableField: React.FC<INonEditableField>;
|
|
16
|
+
interface ITableSelect extends IEssentialRenderFnProps {
|
|
17
|
+
selectOptions: {
|
|
18
|
+
[key: string]: ReactChild;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export declare const TableSelect: React.FC<ITableSelect>;
|
|
22
|
+
interface IMultipleTableSelect extends Omit<IEssentialRenderFnProps, "value"> {
|
|
23
|
+
selectOptions: {
|
|
24
|
+
[key: string]: ReactChild;
|
|
25
|
+
};
|
|
26
|
+
value: string[];
|
|
27
|
+
renderValue?: (value: any) => ReactNode;
|
|
28
|
+
}
|
|
29
|
+
export declare const TableMultipleSelect: React.FC<IMultipleTableSelect>;
|
|
30
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IEntityListProps } from "./EntityList.types";
|
|
3
|
-
declare const EntityList: React.FC<IEntityListProps>;
|
|
4
|
-
export default EntityList;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IEntityListProps } from "./EntityList.types";
|
|
3
|
+
declare const EntityList: React.FC<IEntityListProps>;
|
|
4
|
+
export default EntityList;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
export interface IEntity {
|
|
3
|
-
id: string;
|
|
4
|
-
name: string;
|
|
5
|
-
link: string;
|
|
6
|
-
[key: string]: any;
|
|
7
|
-
}
|
|
8
|
-
export interface IEntityListProps {
|
|
9
|
-
entities: IEntity[] | undefined;
|
|
10
|
-
icon: (entity?: IEntity) => ReactNode;
|
|
11
|
-
loadingMessage?: string;
|
|
12
|
-
emptyMessage?: string;
|
|
13
|
-
onClick?: (org: IEntity) => void;
|
|
14
|
-
}
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
export interface IEntity {
|
|
3
|
+
id: string;
|
|
4
|
+
name: string;
|
|
5
|
+
link: string;
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
}
|
|
8
|
+
export interface IEntityListProps {
|
|
9
|
+
entities: IEntity[] | undefined;
|
|
10
|
+
icon: (entity?: IEntity) => ReactNode;
|
|
11
|
+
loadingMessage?: string;
|
|
12
|
+
emptyMessage?: string;
|
|
13
|
+
onClick?: (org: IEntity) => void;
|
|
14
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IErrorIndicatorProps } from "./ErrorIndicator.types";
|
|
3
|
-
declare const ErrorIndicator: React.FC<IErrorIndicatorProps>;
|
|
4
|
-
export default ErrorIndicator;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IErrorIndicatorProps } from "./ErrorIndicator.types";
|
|
3
|
+
declare const ErrorIndicator: React.FC<IErrorIndicatorProps>;
|
|
4
|
+
export default ErrorIndicator;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
export interface IErrorIndicatorProps {
|
|
3
|
-
text?: ReactNode;
|
|
4
|
-
}
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
export interface IErrorIndicatorProps {
|
|
3
|
+
text?: ReactNode;
|
|
4
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IImageDisplayAndUploadProps } from "./ImageDisplayAndUpload.types";
|
|
3
|
-
declare const ImageDisplayAndUpload: React.FC<IImageDisplayAndUploadProps>;
|
|
4
|
-
export default ImageDisplayAndUpload;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IImageDisplayAndUploadProps } from "./ImageDisplayAndUpload.types";
|
|
3
|
+
declare const ImageDisplayAndUpload: React.FC<IImageDisplayAndUploadProps>;
|
|
4
|
+
export default ImageDisplayAndUpload;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { IAuthoriserProp } from "../globals";
|
|
2
|
-
export interface IImageDisplayAndUploadProps extends IAuthoriserProp {
|
|
3
|
-
id?: string;
|
|
4
|
-
url: string | null;
|
|
5
|
-
handleSaveImage: (format: string, buffer: ArrayBuffer, file: File) => Promise<void>;
|
|
6
|
-
roundedAvatar?: boolean;
|
|
7
|
-
alt?: string;
|
|
8
|
-
}
|
|
1
|
+
import { IAuthoriserProp } from "../globals";
|
|
2
|
+
export interface IImageDisplayAndUploadProps extends IAuthoriserProp {
|
|
3
|
+
id?: string;
|
|
4
|
+
url: string | null;
|
|
5
|
+
handleSaveImage: (format: string, buffer: ArrayBuffer, file: File) => Promise<void>;
|
|
6
|
+
roundedAvatar?: boolean;
|
|
7
|
+
alt?: string;
|
|
8
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IDatePickerProps } from "./KeyboardDatePicker.types";
|
|
3
|
-
declare const KeyboardDatePicker: React.FC<IDatePickerProps>;
|
|
4
|
-
export default KeyboardDatePicker;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IDatePickerProps } from "./KeyboardDatePicker.types";
|
|
3
|
+
declare const KeyboardDatePicker: React.FC<IDatePickerProps>;
|
|
4
|
+
export default KeyboardDatePicker;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { DatePickerProps } from "@mui/x-date-pickers/DatePicker";
|
|
2
|
-
import { IAuthoriserProp } from "../globals";
|
|
3
|
-
export interface IDatePickerProps extends IAuthoriserProp, DatePickerProps<Date> {
|
|
4
|
-
styling?: string;
|
|
5
|
-
}
|
|
1
|
+
import { DatePickerProps } from "@mui/x-date-pickers/DatePicker";
|
|
2
|
+
import { IAuthoriserProp } from "../globals";
|
|
3
|
+
export interface IDatePickerProps extends IAuthoriserProp, DatePickerProps<Date> {
|
|
4
|
+
styling?: string;
|
|
5
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ILeftNavigationProps } from "./LeftNavigation.types";
|
|
3
|
-
declare const LeftNavigation: React.FC<ILeftNavigationProps>;
|
|
4
|
-
export default LeftNavigation;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ILeftNavigationProps } from "./LeftNavigation.types";
|
|
3
|
+
declare const LeftNavigation: React.FC<ILeftNavigationProps>;
|
|
4
|
+
export default LeftNavigation;
|
|
@@ -1,96 +1,96 @@
|
|
|
1
|
-
import React, { ReactNode, ReactChild } from "react";
|
|
2
|
-
import { ISvgComponentProps } from "../SvgComponents/types";
|
|
3
|
-
export interface INavigationLink {
|
|
4
|
-
field: string;
|
|
5
|
-
path: string;
|
|
6
|
-
Icon: React.FC<ISvgComponentProps>;
|
|
7
|
-
hasSecondary?: boolean;
|
|
8
|
-
}
|
|
9
|
-
export type IExpandedOptions = {
|
|
10
|
-
view: string;
|
|
11
|
-
expanded: boolean;
|
|
12
|
-
};
|
|
13
|
-
export interface IMainNavigationItem {
|
|
14
|
-
id: string;
|
|
15
|
-
name: ReactChild;
|
|
16
|
-
route: string;
|
|
17
|
-
archived?: boolean;
|
|
18
|
-
}
|
|
19
|
-
export interface ISecondaryNavigationSubItem {
|
|
20
|
-
id: string;
|
|
21
|
-
name: ReactChild;
|
|
22
|
-
route: string;
|
|
23
|
-
}
|
|
24
|
-
export interface ISecondaryNavigationItem {
|
|
25
|
-
mainItem: IMainNavigationItem;
|
|
26
|
-
subItems?: ISecondaryNavigationSubItem[];
|
|
27
|
-
startDate: string;
|
|
28
|
-
}
|
|
29
|
-
export interface ISecondaryNavigationElement {
|
|
30
|
-
items: ISecondaryNavigationItem[];
|
|
31
|
-
archivedItems?: ISecondaryNavigationItem[];
|
|
32
|
-
button?: {
|
|
33
|
-
url: string;
|
|
34
|
-
text: string;
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
export interface ISecondaryNavigationElements {
|
|
38
|
-
[key: string]: ISecondaryNavigationElement;
|
|
39
|
-
}
|
|
40
|
-
export interface IPrimaryConfig {
|
|
41
|
-
background?: string;
|
|
42
|
-
text?: string;
|
|
43
|
-
activeText?: string;
|
|
44
|
-
moveLastItemToBottom?: boolean;
|
|
45
|
-
activeBorderColor?: string;
|
|
46
|
-
}
|
|
47
|
-
export interface ISecondaryMainConfig {
|
|
48
|
-
mainBackground?: string;
|
|
49
|
-
mainText?: string;
|
|
50
|
-
mainHover?: string;
|
|
51
|
-
mainIcon?: string;
|
|
52
|
-
mainActiveText?: string;
|
|
53
|
-
}
|
|
54
|
-
export interface ISecondarySubConfig {
|
|
55
|
-
subItemBackground?: string;
|
|
56
|
-
subItemText?: string;
|
|
57
|
-
subItemHover?: string;
|
|
58
|
-
subItemActiveBackground?: string;
|
|
59
|
-
subItemActiveHover?: string;
|
|
60
|
-
subItemActiveText?: string;
|
|
61
|
-
}
|
|
62
|
-
export interface ISideNavConfig {
|
|
63
|
-
rootRouteName: string;
|
|
64
|
-
primary?: IPrimaryConfig;
|
|
65
|
-
secondary?: {
|
|
66
|
-
mainItemColors?: ISecondaryMainConfig;
|
|
67
|
-
subItemColors?: ISecondarySubConfig;
|
|
68
|
-
closeButtonSvg?: ReactNode;
|
|
69
|
-
titleColor?: string;
|
|
70
|
-
titleIconColor?: string;
|
|
71
|
-
};
|
|
72
|
-
}
|
|
73
|
-
export interface ILeftNavigationProps {
|
|
74
|
-
primaryNavItems: INavigationLink[];
|
|
75
|
-
secondaryNavItems: ISecondaryNavigationElements;
|
|
76
|
-
config: ISideNavConfig;
|
|
77
|
-
}
|
|
78
|
-
export interface IListItemProps extends ISecondaryNavigationItem {
|
|
79
|
-
config: ISideNavConfig;
|
|
80
|
-
Icon: React.FC<ISvgComponentProps>;
|
|
81
|
-
}
|
|
82
|
-
export interface INavListItemStyleProps extends ISecondaryMainConfig, ISecondarySubConfig {
|
|
83
|
-
}
|
|
84
|
-
export interface IPrimaryLeftNavContainerProps {
|
|
85
|
-
expandedOptions: IExpandedOptions;
|
|
86
|
-
navigationLinks: INavigationLink[];
|
|
87
|
-
setExpandedOptions: React.Dispatch<React.SetStateAction<IExpandedOptions>>;
|
|
88
|
-
config: ISideNavConfig;
|
|
89
|
-
}
|
|
90
|
-
export interface ISecondaryLeftNavContainerProps {
|
|
91
|
-
secondaryNavItems: ISecondaryNavigationElements;
|
|
92
|
-
primaryNavItems: INavigationLink[];
|
|
93
|
-
expandedOptions: IExpandedOptions;
|
|
94
|
-
setExpandedOptions: React.Dispatch<React.SetStateAction<IExpandedOptions>>;
|
|
95
|
-
config: ISideNavConfig;
|
|
96
|
-
}
|
|
1
|
+
import React, { ReactNode, ReactChild } from "react";
|
|
2
|
+
import { ISvgComponentProps } from "../SvgComponents/types";
|
|
3
|
+
export interface INavigationLink {
|
|
4
|
+
field: string;
|
|
5
|
+
path: string;
|
|
6
|
+
Icon: React.FC<ISvgComponentProps>;
|
|
7
|
+
hasSecondary?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export type IExpandedOptions = {
|
|
10
|
+
view: string;
|
|
11
|
+
expanded: boolean;
|
|
12
|
+
};
|
|
13
|
+
export interface IMainNavigationItem {
|
|
14
|
+
id: string;
|
|
15
|
+
name: ReactChild;
|
|
16
|
+
route: string;
|
|
17
|
+
archived?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export interface ISecondaryNavigationSubItem {
|
|
20
|
+
id: string;
|
|
21
|
+
name: ReactChild;
|
|
22
|
+
route: string;
|
|
23
|
+
}
|
|
24
|
+
export interface ISecondaryNavigationItem {
|
|
25
|
+
mainItem: IMainNavigationItem;
|
|
26
|
+
subItems?: ISecondaryNavigationSubItem[];
|
|
27
|
+
startDate: string;
|
|
28
|
+
}
|
|
29
|
+
export interface ISecondaryNavigationElement {
|
|
30
|
+
items: ISecondaryNavigationItem[];
|
|
31
|
+
archivedItems?: ISecondaryNavigationItem[];
|
|
32
|
+
button?: {
|
|
33
|
+
url: string;
|
|
34
|
+
text: string;
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
export interface ISecondaryNavigationElements {
|
|
38
|
+
[key: string]: ISecondaryNavigationElement;
|
|
39
|
+
}
|
|
40
|
+
export interface IPrimaryConfig {
|
|
41
|
+
background?: string;
|
|
42
|
+
text?: string;
|
|
43
|
+
activeText?: string;
|
|
44
|
+
moveLastItemToBottom?: boolean;
|
|
45
|
+
activeBorderColor?: string;
|
|
46
|
+
}
|
|
47
|
+
export interface ISecondaryMainConfig {
|
|
48
|
+
mainBackground?: string;
|
|
49
|
+
mainText?: string;
|
|
50
|
+
mainHover?: string;
|
|
51
|
+
mainIcon?: string;
|
|
52
|
+
mainActiveText?: string;
|
|
53
|
+
}
|
|
54
|
+
export interface ISecondarySubConfig {
|
|
55
|
+
subItemBackground?: string;
|
|
56
|
+
subItemText?: string;
|
|
57
|
+
subItemHover?: string;
|
|
58
|
+
subItemActiveBackground?: string;
|
|
59
|
+
subItemActiveHover?: string;
|
|
60
|
+
subItemActiveText?: string;
|
|
61
|
+
}
|
|
62
|
+
export interface ISideNavConfig {
|
|
63
|
+
rootRouteName: string;
|
|
64
|
+
primary?: IPrimaryConfig;
|
|
65
|
+
secondary?: {
|
|
66
|
+
mainItemColors?: ISecondaryMainConfig;
|
|
67
|
+
subItemColors?: ISecondarySubConfig;
|
|
68
|
+
closeButtonSvg?: ReactNode;
|
|
69
|
+
titleColor?: string;
|
|
70
|
+
titleIconColor?: string;
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
export interface ILeftNavigationProps {
|
|
74
|
+
primaryNavItems: INavigationLink[];
|
|
75
|
+
secondaryNavItems: ISecondaryNavigationElements;
|
|
76
|
+
config: ISideNavConfig;
|
|
77
|
+
}
|
|
78
|
+
export interface IListItemProps extends ISecondaryNavigationItem {
|
|
79
|
+
config: ISideNavConfig;
|
|
80
|
+
Icon: React.FC<ISvgComponentProps>;
|
|
81
|
+
}
|
|
82
|
+
export interface INavListItemStyleProps extends ISecondaryMainConfig, ISecondarySubConfig {
|
|
83
|
+
}
|
|
84
|
+
export interface IPrimaryLeftNavContainerProps {
|
|
85
|
+
expandedOptions: IExpandedOptions;
|
|
86
|
+
navigationLinks: INavigationLink[];
|
|
87
|
+
setExpandedOptions: React.Dispatch<React.SetStateAction<IExpandedOptions>>;
|
|
88
|
+
config: ISideNavConfig;
|
|
89
|
+
}
|
|
90
|
+
export interface ISecondaryLeftNavContainerProps {
|
|
91
|
+
secondaryNavItems: ISecondaryNavigationElements;
|
|
92
|
+
primaryNavItems: INavigationLink[];
|
|
93
|
+
expandedOptions: IExpandedOptions;
|
|
94
|
+
setExpandedOptions: React.Dispatch<React.SetStateAction<IExpandedOptions>>;
|
|
95
|
+
config: ISideNavConfig;
|
|
96
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IListItemProps } from "./LeftNavigation.types";
|
|
3
|
-
declare const NavListItem: React.FC<IListItemProps>;
|
|
4
|
-
export default NavListItem;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IListItemProps } from "./LeftNavigation.types";
|
|
3
|
+
declare const NavListItem: React.FC<IListItemProps>;
|
|
4
|
+
export default NavListItem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IPrimaryLeftNavContainerProps } from "./LeftNavigation.types";
|
|
3
|
-
declare const PrimaryLeftNavContainer: React.FC<IPrimaryLeftNavContainerProps>;
|
|
4
|
-
export default PrimaryLeftNavContainer;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IPrimaryLeftNavContainerProps } from "./LeftNavigation.types";
|
|
3
|
+
declare const PrimaryLeftNavContainer: React.FC<IPrimaryLeftNavContainerProps>;
|
|
4
|
+
export default PrimaryLeftNavContainer;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ISecondaryLeftNavContainerProps } from "./LeftNavigation.types";
|
|
3
|
-
declare const SecondaryLeftNavContainer: React.FC<ISecondaryLeftNavContainerProps>;
|
|
4
|
-
export default SecondaryLeftNavContainer;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ISecondaryLeftNavContainerProps } from "./LeftNavigation.types";
|
|
3
|
+
declare const SecondaryLeftNavContainer: React.FC<ISecondaryLeftNavContainerProps>;
|
|
4
|
+
export default SecondaryLeftNavContainer;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ILoadingSpinnerProps } from "./LoadingSpinner.types";
|
|
3
|
-
declare const LoadingSpinner: React.FC<ILoadingSpinnerProps>;
|
|
4
|
-
export default LoadingSpinner;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ILoadingSpinnerProps } from "./LoadingSpinner.types";
|
|
3
|
+
declare const LoadingSpinner: React.FC<ILoadingSpinnerProps>;
|
|
4
|
+
export default LoadingSpinner;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
export interface ILoadingSpinnerProps {
|
|
3
|
-
text?: ReactNode;
|
|
4
|
-
styling?: string;
|
|
5
|
-
}
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
export interface ILoadingSpinnerProps {
|
|
3
|
+
text?: ReactNode;
|
|
4
|
+
styling?: string;
|
|
5
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IMainLayoutProps } from "./MainLayout.types";
|
|
3
|
-
declare const MainLayout: React.FC<IMainLayoutProps>;
|
|
4
|
-
export default MainLayout;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IMainLayoutProps } from "./MainLayout.types";
|
|
3
|
+
declare const MainLayout: React.FC<IMainLayoutProps>;
|
|
4
|
+
export default MainLayout;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { ReactElement } from "react";
|
|
2
|
-
export interface IMainLayoutProps {
|
|
3
|
-
id?: string;
|
|
4
|
-
sideNavigation?: ReactElement;
|
|
5
|
-
desktopWidth?: boolean | string;
|
|
6
|
-
children: ReactElement;
|
|
7
|
-
topOffset?: number | string;
|
|
8
|
-
}
|
|
9
|
-
export interface IMainLayoutStyleProps extends Pick<IMainLayoutProps, "topOffset"> {
|
|
10
|
-
}
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
|
+
export interface IMainLayoutProps {
|
|
3
|
+
id?: string;
|
|
4
|
+
sideNavigation?: ReactElement;
|
|
5
|
+
desktopWidth?: boolean | string;
|
|
6
|
+
children: ReactElement;
|
|
7
|
+
topOffset?: number | string;
|
|
8
|
+
}
|
|
9
|
+
export interface IMainLayoutStyleProps extends Pick<IMainLayoutProps, "topOffset"> {
|
|
10
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IMobileDatePickerProps } from "./MobileDatePicker.types";
|
|
3
|
-
declare const MobileDatePicker: React.FC<IMobileDatePickerProps>;
|
|
4
|
-
export default MobileDatePicker;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IMobileDatePickerProps } from "./MobileDatePicker.types";
|
|
3
|
+
declare const MobileDatePicker: React.FC<IMobileDatePickerProps>;
|
|
4
|
+
export default MobileDatePicker;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { MobileDatePickerProps } from "@mui/x-date-pickers/MobileDatePicker";
|
|
2
|
-
import { IAuthoriserProp } from "../globals";
|
|
3
|
-
export type IMobileDatePickerProps = MobileDatePickerProps<Date> & IAuthoriserProp & {
|
|
4
|
-
styling?: string;
|
|
5
|
-
};
|
|
1
|
+
import { MobileDatePickerProps } from "@mui/x-date-pickers/MobileDatePicker";
|
|
2
|
+
import { IAuthoriserProp } from "../globals";
|
|
3
|
+
export type IMobileDatePickerProps = MobileDatePickerProps<Date> & IAuthoriserProp & {
|
|
4
|
+
styling?: string;
|
|
5
|
+
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
|
-
import { ISvgComponentProps } from "../SvgComponents/types";
|
|
3
|
-
export type NavbarProps = {
|
|
4
|
-
tabs: Array<{
|
|
5
|
-
Icon: FC<ISvgComponentProps>;
|
|
6
|
-
field: string;
|
|
7
|
-
path: string;
|
|
8
|
-
separate?: boolean;
|
|
9
|
-
}>;
|
|
10
|
-
};
|
|
11
|
-
declare const Navbar: ({ tabs }: NavbarProps) => JSX.Element;
|
|
12
|
-
export default Navbar;
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { ISvgComponentProps } from "../SvgComponents/types";
|
|
3
|
+
export type NavbarProps = {
|
|
4
|
+
tabs: Array<{
|
|
5
|
+
Icon: FC<ISvgComponentProps>;
|
|
6
|
+
field: string;
|
|
7
|
+
path: string;
|
|
8
|
+
separate?: boolean;
|
|
9
|
+
}>;
|
|
10
|
+
};
|
|
11
|
+
declare const Navbar: ({ tabs }: NavbarProps) => JSX.Element;
|
|
12
|
+
export default Navbar;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import React, { FC } from "react";
|
|
2
|
-
import { ISvgComponentProps } from "../SvgComponents/types";
|
|
3
|
-
export type NavbarLayoutTabs = Array<{
|
|
4
|
-
Icon: FC<ISvgComponentProps>;
|
|
5
|
-
field: string;
|
|
6
|
-
path: string;
|
|
7
|
-
separate?: boolean;
|
|
8
|
-
}>;
|
|
9
|
-
export type NavbarLayoutProps = {
|
|
10
|
-
tabs: NavbarLayoutTabs;
|
|
11
|
-
hideTabs?: boolean;
|
|
12
|
-
leaveHeightForMenu?: boolean;
|
|
13
|
-
children: React.ReactNode;
|
|
14
|
-
};
|
|
15
|
-
declare const NavbarLayout: ({ tabs, hideTabs, leaveHeightForMenu, children, }: NavbarLayoutProps) => JSX.Element;
|
|
16
|
-
export default NavbarLayout;
|
|
1
|
+
import React, { FC } from "react";
|
|
2
|
+
import { ISvgComponentProps } from "../SvgComponents/types";
|
|
3
|
+
export type NavbarLayoutTabs = Array<{
|
|
4
|
+
Icon: FC<ISvgComponentProps>;
|
|
5
|
+
field: string;
|
|
6
|
+
path: string;
|
|
7
|
+
separate?: boolean;
|
|
8
|
+
}>;
|
|
9
|
+
export type NavbarLayoutProps = {
|
|
10
|
+
tabs: NavbarLayoutTabs;
|
|
11
|
+
hideTabs?: boolean;
|
|
12
|
+
leaveHeightForMenu?: boolean;
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
};
|
|
15
|
+
declare const NavbarLayout: ({ tabs, hideTabs, leaveHeightForMenu, children, }: NavbarLayoutProps) => JSX.Element;
|
|
16
|
+
export default NavbarLayout;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as NavbarLayout } from "./NavbarLayout";
|
|
2
|
-
export type { NavbarLayoutProps, NavbarLayoutTabs } from "./NavbarLayout";
|
|
1
|
+
export { default as NavbarLayout } from "./NavbarLayout";
|
|
2
|
+
export type { NavbarLayoutProps, NavbarLayoutTabs } from "./NavbarLayout";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ISearchBarProps } from "./SearchBar.types";
|
|
3
|
-
declare const SearchBar: React.FC<ISearchBarProps>;
|
|
4
|
-
export default SearchBar;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ISearchBarProps } from "./SearchBar.types";
|
|
3
|
+
declare const SearchBar: React.FC<ISearchBarProps>;
|
|
4
|
+
export default SearchBar;
|