@oc-digital/react-component-library 4.8.2-5 → 5.0.0-beta.3

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/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,9 @@
+/// <reference types="react" />
+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,15 @@
+/// <reference types="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 | JSX.Element | null;
+    suffix?: string | JSX.Element | null;
+    textAlign?: "left" | "right" | "center";
+    numberField?: boolean;
+    fixedDecimalScale?: boolean;
+    error?: string | false;
+    disabled?: boolean;
+}
+export declare const TableTextInput: ({ name, value, onChange, onBlur, prefix, suffix, textAlign, numberField, fixedDecimalScale, error, disabled, }: ITableTextInputProps) => JSX.Element;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Checkbox: 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/CheckboxLabel.d.ts

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

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

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

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

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

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,21 +1,10 @@
 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 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) => React.JSX.Element;
-export declare const tableCheckbox: (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 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 { 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,5 +31,7 @@ import MobileDatePicker from "./MobileDatePicker/MobileDatePicker";
 import { AutoSaveTextField } from "./AutoSave/Text";
 import { AutoSaveSelectField } from "./AutoSave/Select";
 import { OptionalTooltip } from "./Tooltip";
-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, };
+import { TableDateInput } from "./EditableTable/components/TableDateInput";
+import { TableTextInput } from "./EditableTable/components/TableTextInput";
+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_DELETING, };
 export type { FieldConfig, RowData, ITableHeader, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps, ISelectProps, IEntity, INavigationLink, ISecondaryNavigationItem, ISecondaryNavigationSubItem, NavbarLayoutTabs, FormStatuses, };