@oc-digital/react-component-library 8.1.0 → 8.2.0-beta.0

package/build/EditableTable/EditableTable.d.ts

@@ -1,3 +1,7 @@
+/**
+ * V7 docs are not officially hosted anywhere anymore for react table v7
+ * it took a while but found someone self hosting them https://react-table-v7-docs.netlify.app/docs/api/useTable#column-options
+ */
 import React from "react";
 import { IEditableTableProps } from "./EditableTable.types";
 declare const EditableTable: React.FC<IEditableTableProps>;

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

@@ -9,7 +9,45 @@ export type ITableHeader = {
     Header: string | JSX.Element;
     accessor: string;
     textAlign?: IAlignment;
+    stickyCell?: boolean;
+    shadedHeader?: boolean;
 };
+export type ITableHeaderComplexAccessor = {
+    Header: string | JSX.Element;
+    id: string;
+    accessor: (originalRow: any, rowIndex: any) => any;
+    textAlign?: IAlignment;
+    stickyCell?: boolean;
+    shadedHeader?: boolean;
+};
+export type IColumnsTableHeader = {
+    Header: string | JSX.Element;
+    textAlign?: IAlignment;
+    stickyCell?: boolean;
+    shadedHeaderGroup?: boolean;
+    accessor?: any;
+    columns: {
+        Header: string | JSX.Element;
+        shadedHeaderGroup?: boolean;
+        accessor: string;
+        textAlign?: IAlignment;
+    }[];
+};
+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;
+    }[];
+};
+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;
 export type SortMeta = {
@@ -43,7 +81,7 @@ export type FieldConfig = {
 };
 export interface IEditableTableProps {
     tableRows: RowData[] | null;
-    tableHeaders: ITableHeader[];
+    tableHeaders: ITableHeaders[];
     syncCellWithState: SynchCellWithStateFn;
     setRows?: React.Dispatch<React.SetStateAction<RowData[] | null>> | undefined;
     skipPageReset?: boolean;
@@ -103,7 +141,7 @@ export interface ITableContentProps extends Pick<IEditableTableProps, "disabled"
     isAllRowsSelected: boolean;
     selectedFlatRows: Row<RowData>[];
     fieldConfig: FieldConfig;
-    tableHeaders: ITableHeader[];
+    tableHeaders: ITableHeaders[];
     sortMeta: SortMeta | null;
     setSortMeta: React.Dispatch<React.SetStateAction<SortMeta | null>>;
 }

package/build/ThemeProvider/index.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+declare const Theme: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export default Theme;

package/build/index.d.ts

@@ -17,7 +17,7 @@ import DatePicker from "./DatePicker/DatePicker";
 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 { FieldConfig, RowData, ITableHeader, ITableHeaderComplexAccessor, IColumnsTableHeader, IColumnsTableHeaderComplexAccessor, ITableHeaders, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps } 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";
@@ -36,4 +36,4 @@ import { TableTextInput } from "./EditableTable/components/TableTextInput";
 import type { ITableTextInputProps } from "./EditableTable/components/TableTextInput";
 import type { ISideNavConfig } 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, 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, ITableTextInputProps, ISideNavConfig, };
+export type { FieldConfig, RowData, ITableHeader, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps, ISelectProps, IEntity, INavigationLink, ISecondaryNavigationItem, ISecondaryNavigationSubItem, NavbarLayoutTabs, FormStatuses, ITableTextInputProps, ISideNavConfig, ITableHeaderComplexAccessor, IColumnsTableHeader, IColumnsTableHeaderComplexAccessor, ITableHeaders, };