@oc-digital/react-component-library 4.5.0-beta.9 → 4.6.0-beta.0

package/build/Button/Button.d.ts

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

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

@@ -1,6 +1,7 @@
 import { CellProps, HeaderGroup, Row, TableBodyPropGetter, TableBodyProps, TablePropGetter, TableProps } from "react-table";
 import { SchemaOf } from "yup";
 import React from "react";
+import { VirtualItem } from "react-virtual/types";
 export type IAlignment = "left" | "right" | "inherit" | "center" | "justify";
 export type RowData = {
     [key: string]: any;
@@ -91,6 +92,9 @@ export interface ITableContentProps extends Pick<IEditableTableProps, "disabled"
     rowsToRender: Row<RowData>[];
     disabled: boolean;
     includeRowSelect: boolean;
+    paddingTop: number;
+    paddingBottom: number;
+    virtualRows: VirtualItem[];
     isAllRowsSelected: boolean;
     selectedFlatRows: Row<RowData>[];
 }

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface IableDateInputProps {
+    disabled: boolean;
+    value: Date | null;
+    error: string | false;
+    onChange: (value: string) => void;
+}
+export declare const TableDateInput: ({ disabled, value, error, onChange, }: IableDateInputProps) => JSX.Element;
+export {};

package/build/EditableTable/components/styled/Input.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Input: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;

package/build/EditableTable/components/styled/SmallError.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const SmallError: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/build/EditableTable/defaultCells.d.ts

@@ -1,20 +1,17 @@
 import React, { ReactChild, ReactNode } from "react";
 import { ICustomRenderFnProps, IEssentialRenderFnProps } from "./EditableTable.types";
 export declare const TableTextField: React.FC<IEssentialRenderFnProps & {
+    inputStyling?: string;
+    wrapperStyling?: string;
     widthOverride?: string | undefined;
     name?: string | undefined;
 }>;
-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 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.JSXElementConstructor<Omit<import("@mui/material").CheckboxProps, "classes"> & import("@mui/styles/withStyles").StyledComponentProps<"root">>;
-interface ITableDatePicker extends IEssentialRenderFnProps {
-    fullDate?: boolean;
-    onBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
-}
-export declare const TableDatePicker: React.FC<ITableDatePicker>;
-export declare const tableDateField: (tableProps: ICustomRenderFnProps) => React.JSX.Element;
-export declare const tableCheckbox: (tableProps: ICustomRenderFnProps) => React.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;

package/build/NavbarLayout/Navbar.d.ts

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

package/build/NavbarLayout/NavbarLayout.d.ts

@@ -12,5 +12,5 @@ export type NavbarLayoutProps = {
     leaveHeightForMenu?: boolean;
     children: React.ReactNode;
 };
-declare const NavbarLayout: ({ tabs, hideTabs, leaveHeightForMenu, children, }: NavbarLayoutProps) => React.JSX.Element;
+declare const NavbarLayout: ({ tabs, hideTabs, leaveHeightForMenu, children, }: NavbarLayoutProps) => JSX.Element;
 export default NavbarLayout;

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) => React.JSX.Element;
+export declare const NumberFormatField: (props: INumberFormatProps) => JSX.Element;

package/build/index.d.ts

@@ -18,7 +18,7 @@ import KeyboardDatePicker from "./KeyboardDatePicker/KeyboardDatePicker";
 import ButtonWithConfirm from "./ButtonWithConfirm/ButtonWithConfirm";
 import EditableTable from "./EditableTable/EditableTable";
 import { FieldConfig, RowData, ITableHeader, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps } from "./EditableTable/EditableTable.types";
-import { TableTextField, tableNumericStringField, tableNumericStringFixedDecimalField, tableDateField, tableCheckbox, TableSelect, TableMultipleSelect, NonEditableField, TableDatePicker } from "./EditableTable/defaultCells";
+import { TableTextField, tableNumericStringField, tableNumericStringFixedDecimalField, tableDateField, tableCheckbox, TableSelect, TableMultipleSelect, NonEditableField } from "./EditableTable/defaultCells";
 import { useDebounceEffect, useInterval, useWhyDidYouUpdate } from "./hooks";
 import { didCellValueChange } from "./utils";
 import ImageDisplayAndUpload from "./ImageDisplayAndUpload/ImageDisplayAndUpload";
@@ -31,6 +31,6 @@ import MobileDatePicker from "./MobileDatePicker/MobileDatePicker";
 import { AutoSaveTextField } from "./AutoSave/Text";
 import { AutoSaveSelectField } from "./AutoSave/Select";
 import { OptionalTooltip } from "./Tooltip";
-import type { Theme } from "./styles/themes";
-export { ImageDisplayAndUpload, Alert, Button, ContentLabel, ContentBox, StaticTable, LoadingSpinner, Breadcrumbs, EntityList, ErrorIndicator, LeftNavigation, MainLayout, SearchBar, TextField, Select, DatePicker, AutoSaveTextField, AutoSaveSelectField, KeyboardDatePicker, MobileDatePicker, ButtonWithConfirm, EditableTable, TableTextField, TableSelect, TableMultipleSelect, NonEditableField, TableDatePicker, tableNumericStringField, tableNumericStringFixedDecimalField, tableDateField, tableCheckbox, didCellValueChange, useDebounceEffect, useInterval, useWhyDidYouUpdate, AlphabeticalList, NumberFormatField, NavbarLayout, OptionalTooltip, FORM_SUCCESS, FORM_ERROR, FORM_LOADING, FORM_ENABLED, FORM_WARNING, FORM_DELETING, };
-export type { FieldConfig, RowData, ITableHeader, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps, ISelectProps, IEntity, INavigationLink, ISecondaryNavigationItem, ISecondaryNavigationSubItem, NavbarLayoutTabs, FormStatuses, Theme, };
+import { TableDateInput } from "./EditableTable/components/TableDateInput";
+export { ImageDisplayAndUpload, Alert, Button, ContentLabel, ContentBox, StaticTable, LoadingSpinner, Breadcrumbs, EntityList, ErrorIndicator, LeftNavigation, MainLayout, SearchBar, TextField, Select, DatePicker, AutoSaveTextField, AutoSaveSelectField, KeyboardDatePicker, MobileDatePicker, ButtonWithConfirm, EditableTable, TableTextField, TableSelect, TableMultipleSelect, NonEditableField, TableDateInput as TableDatePicker, tableNumericStringField, tableNumericStringFixedDecimalField, tableDateField, tableCheckbox, didCellValueChange, useDebounceEffect, useInterval, useWhyDidYouUpdate, AlphabeticalList, NumberFormatField, NavbarLayout, OptionalTooltip, FORM_SUCCESS, FORM_ERROR, FORM_LOADING, FORM_ENABLED, FORM_WARNING, FORM_DELETING, };
+export type { FieldConfig, RowData, ITableHeader, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps, ISelectProps, IEntity, INavigationLink, ISecondaryNavigationItem, ISecondaryNavigationSubItem, NavbarLayoutTabs, FormStatuses, };