@elliemae/ds-data-table 3.33.1 → 3.34.0-next.2

package/dist/types/react-desc-prop-types.d.ts

@@ -42,6 +42,60 @@ export declare namespace DSDataTableT {
         type: string;
         value: unknown;
     }
+    export type FilterFn<T> = (unfilteredData: Row[], filterKey: string, filterValue: T) => Row[];
+    export type FilterFnOutOfTheBoxCurrencyRange = DSDataTableT.FilterFn<{
+        from: string;
+        to: string;
+    }>;
+    export type FilterFnOutOfTheBoxDateRange = DSDataTableT.FilterFn<{
+        startDate: string;
+        endDate: string;
+    }>;
+    export type FilterFnOutOfTheBoxDateSwitcher = DSDataTableT.FilterFn<{
+        startDate: string;
+        endDate: string;
+        isDateRange: boolean;
+    }>;
+    export type FilterFnOutOfTheBoxMultiSelect = DSDataTableT.FilterFn<{
+        label: string;
+        value: string;
+    }[]>;
+    export type FilterFnOutOfTheBoxNumberRange = DSDataTableT.FilterFn<{
+        from?: number;
+        to?: number;
+    }>;
+    export type FilterFnOutOfTheBoxSingleDate = DSDataTableT.FilterFn<string>;
+    export type FilterFnOutOfTheBoxSingleSelect = DSDataTableT.FilterFn<{
+        label: string;
+        value: string;
+    }>;
+    export interface FilterItemProps {
+        column: InternalColumn;
+        filters: Filter[];
+        onFiltersChange: (filters: Filter[]) => void;
+        reduxHeader: ReduxHeader;
+        innerRef: React.MutableRefObject<HTMLButtonElement | null>;
+    }
+    export interface FilterProps<T> {
+        column: InternalColumn;
+        onValueChange: (type: string, value: T | undefined) => void;
+        patchHeaderFilterButtonAndMenu: (headerId: string, newState: boolean) => void;
+        patchHeader: (headerId: string, newHeader: ReduxHeader) => void;
+        filterValue: T;
+        reduxHeader: ReduxHeader;
+        innerRef: React.MutableRefObject<HTMLButtonElement | null>;
+        domIdAffix?: string;
+    }
+    export interface FilterPillProps<T> {
+        columnHeader: string;
+        column: string;
+        value: T;
+        filters: Filter[];
+        onFiltersChange: (filters: Filter[]) => void;
+        prevRef: React.RefObject<HTMLElement>;
+        innerRef: React.RefObject<HTMLElement>;
+        nextRef: React.RefObject<HTMLElement>;
+    }
     export interface ReduxHeader {
         hideFilterMenu?: boolean;
         hideFilterButton?: boolean;
@@ -97,7 +151,10 @@ export declare namespace DSDataTableT {
         tableRowDetails?: React.ComponentType<DetailsProps>;
         dimsumHeaderValue?: string;
     }
-    export interface Column<T extends HTMLElement = HTMLElement> {
+    export interface EditableCellProps<T extends HTMLElement = HTMLElement> extends CellProps<T> {
+        DefaultCellRender: JSX.Element;
+    }
+    export interface Column {
         id?: string;
         Header: string | React.ComponentType<HeaderProps>;
         accessor?: string;
@@ -106,8 +163,8 @@ export declare namespace DSDataTableT {
         editOptions?: EditOptionT[] | (() => EditOptionT[]);
         filterMinWidth?: number | string;
         Filter?: React.ComponentType<FilterProps<unknown>>;
-        Cell?: React.ComponentType<CellProps<T>>;
-        editable?: string | TypescriptHelpersT.GenericFunc;
+        Cell?: React.ComponentType<CellRendererProps>;
+        editable?: string | React.ComponentType<EditableCellProps>;
         disableDnD?: boolean;
         width?: number;
         minWidth?: number;
@@ -139,17 +196,28 @@ export declare namespace DSDataTableT {
         original: Row;
         cells: Cell[];
     }
-    export interface InternalColumn<T extends HTMLElement = HTMLElement> extends Column<T> {
+    export interface InternalColumn extends Column {
         id: string;
         parentId: string | null;
         depth: number;
         ref: React.MutableRefObject<HTMLTableColElement | null>;
         columns?: InternalColumn[];
     }
-    export interface Cell<T = HTMLElement> {
+    export interface CellRendererProps {
+        row: InternalRow;
+        column: InternalColumn;
+        cell: Cell;
+        isRowSelected: boolean;
+        isDragOverlay: boolean;
+        shouldAddExpandCell: boolean;
+        isDisabledRow?: boolean;
+        draggableProps?: DraggablePropsT;
+        domIdAffix?: string;
+    }
+    export interface Cell<T extends HTMLElement = HTMLElement> {
         column: InternalColumn;
         value: unknown;
-        render: React.ComponentType<CellProps>;
+        render: React.ComponentType<CellRendererProps>;
         row: InternalRow;
         ref: React.MutableRefObject<T | null>;
         id: string;
@@ -159,44 +227,20 @@ export declare namespace DSDataTableT {
         draggableProps: DraggablePropsT;
     }
     export interface CellProps<T extends HTMLElement = HTMLElement> {
-        isRowSelected: boolean;
         row: InternalRow;
         column: InternalColumn;
         cell: Cell<T>;
-        draggableProps?: DraggablePropsT;
-        isDragOverlay?: boolean;
+        domIdAffix?: string;
+        isRowSelected: boolean;
+        isDragOverlay: boolean;
+        shouldAddExpandCell: boolean;
         isDisabledRow?: boolean;
-    }
-    export interface FilterItemProps {
-        column: InternalColumn;
-        filters: Filter[];
-        onFiltersChange: (filters: Filter[]) => void;
-        reduxHeader: ReduxHeader;
-        innerRef: React.MutableRefObject<HTMLButtonElement | null>;
-    }
-    export interface FilterProps<T> {
-        column: InternalColumn;
-        onValueChange: (type: string, value: T | undefined) => void;
-        patchHeaderFilterButtonAndMenu: (headerId: string, newState: boolean) => void;
-        patchHeader: (headerId: string, newHeader: ReduxHeader) => void;
-        filterValue: T;
-        reduxHeader: ReduxHeader;
-        innerRef: React.MutableRefObject<HTMLButtonElement | null>;
+        draggableProps?: DraggablePropsT;
     }
     export interface DetailsProps {
         detailsIndent: number;
         row: InternalRow;
     }
-    export interface FilterPillProps<T> {
-        columnHeader: string;
-        column: string;
-        value: T;
-        filters: Filter[];
-        onFiltersChange: (filters: Filter[]) => void;
-        prevRef: React.RefObject<HTMLElement>;
-        innerRef: React.RefObject<HTMLElement>;
-        nextRef: React.RefObject<HTMLElement>;
-    }
     export interface RowVariantProps {
         row: DSDataTableT.InternalRow;
         itemIndex: number;
@@ -290,6 +334,7 @@ export declare namespace DSDataTableT {
         }) => void;
         onColumnSort: (newColumns: Column[], headerId: string, direction: 'ASC' | 'DESC') => void;
         isSkeleton: boolean;
+        domIdAffix?: string;
     }
     export interface OptionalProps {
         uniqueRowAccessor?: UniqueRowAccessorType;
@@ -339,6 +384,6 @@ export declare namespace DSDataTableT {
     export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps>;
     export {};
 }
-export declare const defaultProps: DSDataTableT.DefaultProps;
+export declare const defaultProps: () => DSDataTableT.DefaultProps;
 export declare const DSDataTablePropTypes: DSPropTypesSchema<DSDataTableT.Props>;
 export declare const DSDataTablePropTypesSchema: WeakValidationMap<DSDataTableT.Props>;

package/dist/types/styled.d.ts

@@ -38,7 +38,7 @@ export declare const StyledResizer: import("styled-components").StyledComponent<
 export declare const StyledActionCell: import("styled-components").StyledComponent<"div", Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledCell: import("styled-components").StyledComponent<"div", Theme, {
     theme: Theme;
-    column: DSDataTableT.InternalColumn<HTMLElement>;
+    column: DSDataTableT.InternalColumn;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledCellContent: import("styled-components").StyledComponent<"div", Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledPencilIcon: import("styled-components").StyledComponent<(rest: import("@elliemae/ds-icons").SvgIconT.Props) => import("react/jsx-runtime.js").JSX.Element, Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<(rest: import("@elliemae/ds-icons").SvgIconT.Props) => import("react/jsx-runtime.js").JSX.Element>, never>;

package/dist/types/tests/a11y/internally-printed-ids.A11y.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/types/FunctionalHoC.d.ts

@@ -1,2 +1,2 @@
 import type React from 'react';
-export type FunctionalHOC = <T = any>(Component: React.ComponentType<T>, ...other: any[]) => React.ComponentType<T & JSX.IntrinsicAttributes>;
+export type FunctionalHOC = <T = unknown>(Component: React.ComponentType<T>, ...other: unknown[]) => React.ComponentType<T & JSX.IntrinsicAttributes>;