@oc-digital/react-component-library 7.2.3-beta.0 → 7.2.3-beta.10

package/build/Alert/Alert.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { IAlertProps } from './Alert.types';
+
+declare const Alert: React.FC<IAlertProps>;
+export default Alert;

package/build/Alert/Alert.types.d.ts

@@ -0,0 +1,14 @@
+import { ReactChild } from 'react';
+import { FormStatuses } from '../globals';
+
+export interface IAlertProps {
+    alertActionHandler?: () => void;
+    formStatus: FormStatuses;
+    actionButton?: {
+        handler: () => void;
+        text: string;
+    };
+    alertMessage: ReactChild;
+    addBreak?: boolean;
+    styling?: string;
+}

package/build/AlphabeticalList/AlphabeticalList.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { IAlphabeticalListProps } from './AlphabeticalList.types';
+
+declare const AlphabeticalList: React.FC<IAlphabeticalListProps>;
+export default AlphabeticalList;

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export interface IAlphabeticalListProps {
+    array: any[] | undefined | null;
+    sortFn?: (arg1: any, arg2: any) => number;
+    sortKey?: string;
+    loading?: boolean;
+    buttonClick?: (item?: any) => void;
+    linkTo?: (item?: any) => string;
+    ItemTemplate: React.FC<{
+        item: any;
+    }>;
+    arrayKey?: string;
+    loadingMessage?: string;
+    emptyMessage?: string | JSX.Element;
+    alphabetisedHeader?: boolean;
+    isItemDisabled?: (item: any) => {
+        disabled: true;
+        reason: string;
+    } | {
+        disabled: false;
+    };
+}

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

@@ -0,0 +1,11 @@
+export interface AutoSaveSelectFieldProps {
+    autoSave: (newValue: string) => Promise<void>;
+    selectOptions: {
+        value: string;
+        description: string;
+    }[];
+    value: string;
+    className: string;
+    label: string;
+    disabled: boolean;
+}

package/build/AutoSave/Select/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AutoSaveSelectFieldProps } from './AutoSave.types';
+
+export declare const AutoSaveSelectField: React.FC<AutoSaveSelectFieldProps>;

package/build/AutoSave/Text/AutoSave.types.d.ts

@@ -0,0 +1,17 @@
+import { FocusEvent } from 'react';
+import { AccessLevels } from '../../globals';
+
+export interface AutoSaveTextFieldProps {
+    autoSave: (value: string) => void;
+    value: string;
+    className: string;
+    label: string;
+    onBlur?: {
+        (e: FocusEvent<any, Element>): void;
+        <T = any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;
+    };
+    disabled: boolean;
+    accessLevel: AccessLevels | undefined;
+    error: boolean;
+    helperText: string | false | undefined;
+}

package/build/AutoSave/Text/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AutoSaveTextFieldProps } from './AutoSave.types';
+
+export declare const AutoSaveTextField: React.FC<AutoSaveTextFieldProps>;

package/build/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { IBreadcrumbsProps } from './Breadcrumbs.types';
+
+declare const Breadcrumbs: React.FC<IBreadcrumbsProps>;
+export default Breadcrumbs;

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

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

package/build/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import { IButtonProps } from './Button.types';
+
+declare function Button({ loading, children, errors, type, onClick, disabled, variant, styling, color, accessLevel, ...rest }: IButtonProps): JSX.Element | null;
+export default Button;

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

@@ -0,0 +1,10 @@
+import { IAuthoriserProp } from '../globals';
+import { ButtonProps } from '@mui/material/Button';
+
+export type IButtonProps<C extends React.ElementType = React.ElementType> = ButtonProps<C, {
+    component?: C;
+}> & IAuthoriserProp & {
+    loading?: boolean;
+    errors?: boolean;
+    styling?: string;
+};

package/build/ButtonWithConfirm/ButtonWithConfirm.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { IButtonWithConfirmProps } from './ButtonWithConfirm.types';
+
+declare const ButtonWithConfirm: React.FC<IButtonWithConfirmProps>;
+export default ButtonWithConfirm;

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

@@ -0,0 +1,9 @@
+import { IAuthoriserProp } from '../globals';
+import { ButtonProps } from '@mui/material';
+
+export interface IButtonWithConfirmProps extends ButtonProps, IAuthoriserProp {
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    loading: boolean;
+    styling?: string;
+    confirmButtonLabel?: string;
+}

package/build/ContentBox/ContentBox.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { IContentBoxProps } from './ContentBox.types';
+
+declare const ContentBox: React.FC<IContentBoxProps>;
+export default ContentBox;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface IContentBoxProps {
+    id?: string;
+    children: React.ReactNode;
+    limitWidth?: boolean;
+    styling?: string;
+}

package/build/ContentLabel/ContentLabel.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { IContentLabelProps } from './ContentLabel.types';
+
+declare const ContentLabel: React.FC<IContentLabelProps>;
+export default ContentLabel;

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

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

package/build/DatePicker/DatePicker.d.ts

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

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

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

package/build/EditableTable/EditableTable.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { IEditableTableProps } from './EditableTable.types';
+
+declare const EditableTable: React.FC<IEditableTableProps>;
+export default EditableTable;

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

@@ -0,0 +1,107 @@
+import { CellProps, HeaderGroup, Row, TableBodyPropGetter, TableBodyProps, TablePropGetter, TableProps } from 'react-table';
+import { SchemaOf } from 'yup';
+import { default as React } from 'react';
+
+export type IAlignment = "left" | "right" | "inherit" | "center" | "justify";
+export type RowData = {
+    [key: string]: any;
+};
+export type ITableHeader = {
+    Header: string | JSX.Element;
+    accessor: string;
+    textAlign?: IAlignment;
+};
+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: {
+            [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;
+        total?: boolean;
+    };
+};
+export interface IEditableTableProps {
+    tableRows: RowData[] | null;
+    tableHeaders: ITableHeader[];
+    syncCellWithState: SynchCellWithStateFn;
+    setRows?: React.Dispatch<React.SetStateAction<RowData[] | null>> | undefined;
+    skipPageReset?: boolean;
+    fieldConfig: FieldConfig;
+    disabled?: boolean;
+    setSelectedRows?: React.Dispatch<React.SetStateAction<number[]>>;
+    includeRowSelect?: boolean;
+    filterTypes?: {
+        [key: string]: (rows: any, id: any, filterValue: any) => any;
+    };
+    filterData?: {
+        filterRow: string;
+        filterValues: RowData[];
+    };
+    emptyTableText?: string;
+    paginate?: boolean;
+    defaultPageSize?: number;
+    virtContainerStyling?: string;
+    overscan?: number;
+    rowHeight?: number;
+    includeGlobalSearch?: boolean;
+    disableHeaderSelect?: boolean;
+}
+type AdditionalCellProps = Pick<IEditableTableProps, "fieldConfig" | "syncCellWithState" | "setRows">;
+export interface ExtendedCellProps extends AdditionalCellProps, CellProps<RowData> {
+    disabled: boolean;
+}
+export interface IEssentialRenderFnProps {
+    error: string | false;
+    disabled: boolean;
+    value: TableCellValues;
+    onChange: (e: any) => void;
+    onBlur: any;
+    prefix?: React.ReactNode | React.JSXElementConstructor<any> | Element;
+    suffix?: React.ReactNode | React.JSXElementConstructor<any> | Element;
+    numberField?: boolean;
+    textAlign?: IAlignment;
+    fixedDecimalScale?: boolean;
+}
+export interface ICustomRenderFnProps extends IEssentialRenderFnProps {
+    values: {
+        [key: string]: any;
+    };
+    originalValues: {
+        [key: string]: any;
+    };
+}
+export interface ITableContentProps extends Pick<IEditableTableProps, "disabled" | "includeRowSelect"> {
+    getTableProps: (propGetter?: TablePropGetter<RowData> | undefined) => TableProps;
+    headerGroups: HeaderGroup<RowData>[];
+    getTableBodyProps: (propGetter?: TableBodyPropGetter<RowData> | undefined) => TableBodyProps;
+    prepareRow: (row: Row<RowData>) => void;
+    rowsToRender: Row<RowData>[];
+    disabled: boolean;
+    includeRowSelect: boolean;
+    isAllRowsSelected: boolean;
+    selectedFlatRows: Row<RowData>[];
+    fieldConfig: FieldConfig;
+    tableHeaders: ITableHeader[];
+}
+export interface IGlobalFilterProps {
+    preGlobalFilteredRows: RowData[];
+    globalFilter: string | undefined;
+    setGlobalFilter: (val: string | undefined) => void;
+}
+export {};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface ITableCheckboxProps {
+    disabled?: boolean;
+    value: boolean | null | undefined;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const TableCheckbox: ({ disabled, value, onChange }: ITableCheckboxProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +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;
+}

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

@@ -0,0 +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;

package/build/EditableTable/defaultCells.d.ts

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +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;
+}

package/build/ErrorIndicator/ErrorIndicator.d.ts

@@ -0,0 +1,5 @@
+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

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

package/build/ImageDisplayAndUpload/ImageDisplayAndUpload.d.ts

@@ -0,0 +1,5 @@
+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

@@ -0,0 +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;
+}

package/build/KeyboardDatePicker/KeyboardDatePicker.d.ts

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,97 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,5 @@
+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

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

package/build/MainLayout/MainLayout.d.ts

@@ -0,0 +1,5 @@
+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

@@ -0,0 +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"> {
+}

package/build/MobileDatePicker/MobileDatePicker.d.ts

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