@oc-digital/react-component-library 9.0.0-beta.2 → 9.0.0-beta.20

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

@@ -6,28 +6,48 @@ export type RowData = {
     [key: string]: any;
 };
 export type ITableHeader = {
-    Header: string | React.ReactElement;
+    Header: string | JSX.Element;
+    accessor: string;
+    textAlign?: IAlignment;
+    stickyCell?: boolean;
+    shadedHeader?: boolean;
+};
+export type ITableHeaderComplexAccessor = {
+    Header: string | JSX.Element;
     id: string;
-    accessor: string | ((originalRow: any, rowIndex: any) => any);
+    accessor: (originalRow: any, rowIndex: any) => any;
     textAlign?: IAlignment;
     stickyCell?: boolean;
+    shadedHeader?: boolean;
 };
-export type IComplexTableHeader = {
-    Header: string | React.ReactElement;
+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;
-    id: string;
     accessor?: any;
     columns: {
-        Header: string | React.ReactElement;
-        id?: string;
+        Header: string | JSX.Element;
+        id: string;
         shadedHeaderGroup?: boolean;
-        accessor: string | ((originalRow: any, rowIndex: any) => any);
+        accessor: (originalRow: any, rowIndex: any) => any;
         textAlign?: IAlignment;
     }[];
 };
-export type ITableHeaders = ITableHeader | IComplexTableHeader;
+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 FieldConfig = {

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