@elliemae/ds-data-table 1.61.0 → 2.0.0-alpha.12

package/types/addons/Filters/Components/SelectFilter/BaseSelectFilter.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FilterProps } from '../../../../types/props';
+interface FilterOptionT {
+    dsId: string;
+    type: string;
+    value: string;
+    label: string;
+}
+interface BaseSelectProps {
+    isSingle?: boolean;
+    isMulti?: boolean;
+    selectedItems?: FilterOptionT[] | FilterOptionT;
+    type: string;
+}
+export declare const BaseSelectFilter: React.ComponentType<FilterProps & BaseSelectProps>;
+export {};

package/types/addons/Filters/Components/SelectFilter/MultiSelectFilter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { FilterProps } from '../../../../types/props';
+export declare const MultiSelectFilter: React.ComponentType<FilterProps>;

package/types/addons/Filters/Components/SelectFilter/SingleSelectFilter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { FilterProps } from '../../../../types/props';
+export declare const SingleSelectFilter: React.ComponentType<FilterProps>;

package/types/addons/Filters/Components/SelectFilter/components.d.ts

@@ -0,0 +1,6 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const MenuList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const MenuItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const VirtualListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.d.ts

@@ -0,0 +1,9 @@
+import { FilterProps } from '../../../../types/props';
+interface BaseSelectProps {
+    isSingle?: boolean;
+    isMulti?: boolean;
+    selectedItems?: unknown[];
+    type: string;
+}
+export declare const useSelectFilterHandlers: ({ column: { id }, type, isSingle, isMulti, selectedItems, onValueChange, patchHeaderFilterButtonAndMenu, patchHeader, }: Partial<FilterProps> & BaseSelectProps) => any;
+export {};

package/types/addons/Filters/Components/SelectFilter/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const focusNextMenuItem: (e: any, index: any) => void;
+export declare const focusPrevMenuItem: (e: any, index: any) => void;

package/types/addons/Filters/Components/SingleDateFilter/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { FilterProps } from '../../../../types/props';
+export declare const SingleDateFilter: React.ComponentType<FilterProps>;

package/types/addons/Filters/Components/index.d.ts

@@ -0,0 +1,7 @@
+export * from './DateRangeFilter';
+export * from './DateSwitcherFilter';
+export * from './NumberRangeFilter';
+export * from './CurrencyRangeFilter';
+export * from './SelectFilter/SingleSelectFilter';
+export * from './SelectFilter/MultiSelectFilter';
+export * from './SingleDateFilter';

package/types/addons/Filters/index.d.ts

@@ -0,0 +1 @@
+export * from './Components';

package/types/addons/Pagination/Pagination.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Pagination: React.ComponentType<Record<string, never>>;

package/types/addons/Pagination/index.d.ts

@@ -0,0 +1 @@
+export { Pagination } from './Pagination';

package/types/configs/constants.d.ts

@@ -0,0 +1,39 @@
+export declare const momentFormat = "MM/DD/YYYY";
+export declare enum ColsLayoutStyle {
+    Fixed = "fixed",
+    Auto = "auto"
+}
+export declare const DATA_TESTID: {
+    DATA_TABLE_WRAPPER: string;
+    DATA_TABLE_GLOBAL_EXPAND_CELL: string;
+    DATA_TABLE_ICON_ARROW_DOWN: string;
+    DATA_TABLE_ICON_ARROW_RIGHT: string;
+    DATA_TABLE_ICON_ARROW_MIXED: string;
+    DATA_TABLE_ICON_CHILD: string;
+    DATA_TABLE_GLOBAL_CHECKBOX: string;
+    DATA_TABLE_CHECKBOX: string;
+    DATA_TABLE_RADIO: string;
+    DATA_TABLE_DATE_RANGE_CONTROLLER: string;
+    DATA_TABLE_SINGLE_DATE_CONTROLLER: string;
+    DATA_TABLE_NUMBER_RANGE_CONTROLLER: string;
+    DATA_TABLE_CURRENCY_RANGE_CONTROLLER: string;
+    DATA_TABLE_SELECT_MENU_ITEM: string;
+    DATA_TABLE_MULTISELECT_CONTROLLER: string;
+    DATA_TABLE_SINGLESELECT_CONTROLLER: string;
+    DATA_TABLE_FILTER_BUTTON: string;
+    DATA_TABLE_FILTER_MENU_CONTENT: string;
+    DATA_TABLE_ROW_CONTENT: string;
+    DATA_TABLE_ROW: string;
+    DATA_TABLE_TOOLBAR_TRIGGER: string;
+    DATA_TABLE_CELL: string;
+    DATA_TABLE_DRAG_HANDLE: string;
+    DATA_TABLE_CONTENT_WRAPPER: string;
+    DATA_TABLE_TABLE: string;
+    DATA_TABLE_SCROLLABLE_CONTAINER: string;
+    DATA_TABLE_HEADER: string;
+    DATA_TABLE_ROW_HEADER_CONTENT: string;
+    DATA_TABLE_ROW_GROUP_HEADER: string;
+    DATA_TABLE_COLUMN_DRAG_OVERLAY: string;
+    DATA_TABLE_HEADER_CELL_TITLE: string;
+    DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON: string;
+};

package/types/configs/fixedSizes.d.ts

@@ -0,0 +1,3 @@
+export declare const FIXED_SIZES: {
+    PAGINATION_HEIGHT: number;
+};

package/types/configs/index.d.ts

@@ -0,0 +1,5 @@
+export * from './constants';
+export * from './fixedSizes';
+export * from './useDatatableConfig';
+export * from './useRowFlattenization';
+export * from './zIndexInternalConfig';

package/types/configs/useDatatableConfig.d.ts

@@ -0,0 +1,2 @@
+import { TypescriptContext, TypescriptProps } from '../types/props';
+export declare const useDatatableConfig: (props: TypescriptProps) => TypescriptContext;

package/types/configs/usePaginationConfig.d.ts

@@ -0,0 +1,2 @@
+import { TypescriptPagination, TypescriptProps, TypescriptRow } from '../types/props';
+export declare const usePaginationConfig: (props: TypescriptProps, flattenedData: TypescriptRow[]) => [TypescriptRow[], TypescriptPagination];

package/types/configs/useRowFlattenization.d.ts

@@ -0,0 +1,2 @@
+import { TypescriptProps, TypescriptRow } from '../types/props';
+export declare const useRowFlattenization: (props: Partial<TypescriptProps>) => [TypescriptRow[], TypescriptRow[]];

package/types/configs/useTableColsWithAddons.d.ts

@@ -0,0 +1,4 @@
+import { TypescriptColumn, TypescriptProps } from '../types/props';
+declare type useTableColsWithAddonsType = (config: TypescriptProps) => TypescriptColumn[];
+declare const useTableColsWithAddons: useTableColsWithAddonsType;
+export default useTableColsWithAddons;

package/types/configs/zIndexInternalConfig.d.ts

@@ -0,0 +1,8 @@
+export declare const ZIndexDataTable: {
+    ROW: number;
+    EXTERNAL: number;
+    HEADER_ROW: number;
+    ROW_HOVER: number;
+    DROP_INDICATOR: number;
+    FOCUS_BORDER: number;
+};

package/types/exported-related/EditableCell.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EditableCell: React.ComponentType<any>;

package/types/exported-related/FilterPopover.d.ts

@@ -0,0 +1,20 @@
+import React, { MutableRefObject } from 'react';
+import { TypescriptColumn } from '../types/props';
+interface FilterPopoverProps {
+    column: TypescriptColumn;
+    columnId: string;
+    triggerIcon: JSX.Element;
+    menuContent: JSX.Element;
+    onTriggerClick?: (id: string, e: UIEvent) => void;
+    onClickOutsideMenu?: (id: string, e: UIEvent) => void;
+    reduxHeader: {
+        hideFilterButton: boolean;
+        hideFilterMenu: boolean;
+        withTabStops: boolean;
+    };
+    innerRef: MutableRefObject<HTMLDivElement>;
+    ariaLabel: string;
+    customStyles?: React.CSSProperties;
+}
+export declare const FilterPopover: React.ComponentType<FilterPopoverProps>;
+export {};

package/types/exported-related/FilterTypes.d.ts

@@ -0,0 +1,9 @@
+export declare const FILTER_TYPES: {
+    SELECT: string;
+    MULTI_SELECT: string;
+    SINGLE_DATE: string;
+    DATE_RANGE: string;
+    DATE_SWITCHER: string;
+    NUMBER_RANGE: string;
+    CURRENCY_RANGE: string;
+};

package/types/exported-related/Filters/applyOutOfTheBoxFilters.d.ts

@@ -0,0 +1,2 @@
+import { TypescriptAppliedFilter, TypescriptRow } from '../../types/props';
+export declare const applyOutOfTheBoxFilters: (data: TypescriptRow[], filters: TypescriptAppliedFilter[]) => TypescriptRow[];

package/types/exported-related/Filters/currencyRangeFilterFn.d.ts

@@ -0,0 +1,5 @@
+import { FilterFn } from './types';
+export declare const currencyRangeFilterFn: FilterFn<{
+    from: string;
+    to: string;
+}>;

package/types/exported-related/Filters/dateRangeFilterFn.d.ts

@@ -0,0 +1,5 @@
+import { FilterFn } from './types';
+export declare const dateRangeFilterFn: FilterFn<{
+    startDate: string;
+    endDate: string;
+}>;

package/types/exported-related/Filters/dateSwitcherFilterFn.d.ts

@@ -0,0 +1,6 @@
+import { FilterFn } from './types';
+export declare const dateSwitcherFilterFn: FilterFn<{
+    startDate: string;
+    endDate: string;
+    isDateRange: boolean;
+}>;

package/types/exported-related/Filters/index.d.ts

@@ -0,0 +1,7 @@
+export * from './applyOutOfTheBoxFilters';
+export * from './singleDateFilterFn';
+export * from './singleSelectFilterFn';
+export * from './multiSelectFilterFn';
+export * from './numberRangeFilterFn';
+export * from './currencyRangeFilterFn';
+export * from './dateRangeFilterFn';

package/types/exported-related/Filters/multiSelectFilterFn.d.ts

@@ -0,0 +1,4 @@
+import { FilterFn } from './types';
+export declare const multiSelectFilterFn: FilterFn<{
+    label: string;
+}[]>;

package/types/exported-related/Filters/numberRangeFilterFn.d.ts

@@ -0,0 +1,5 @@
+import { FilterFn } from './types';
+export declare const numberRangeFilterFn: FilterFn<{
+    from: number;
+    to: number;
+}>;

package/types/exported-related/Filters/singleDateFilterFn.d.ts

@@ -0,0 +1,2 @@
+import { FilterFn } from './types';
+export declare const singleDateFilterFn: FilterFn<string>;

package/types/exported-related/Filters/singleSelectFilterFn.d.ts

@@ -0,0 +1,4 @@
+import { FilterFn } from './types';
+export declare const singleSelectFilterFn: FilterFn<{
+    label: string;
+}>;

package/types/exported-related/Filters/types.d.ts

@@ -0,0 +1,2 @@
+import { TypescriptRow } from '../../types/props';
+export declare type FilterFn<T = unknown> = (unfilteredData: TypescriptRow[], filterKey: string, filterValue: T) => TypescriptRow[];

package/types/exported-related/RowRenderer/DefaultRowContentRenderer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RowVariantProps } from '../../parts/RowVariants/types';
+export declare const DefaultRowContentRenderer: React.ComponentType<RowVariantProps>;

package/types/exported-related/RowRenderer/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { RowVariantProps } from '../../parts/RowVariants/types';
+import { TypescriptRow } from '../../types/props';
+interface RowRendererProps {
+    row: TypescriptRow;
+    compact: boolean;
+    itemIndex: number;
+    isDragOverlay: boolean;
+    minHeight: string;
+    height: string;
+    rowsLayout?: (string | number)[];
+    colsLayout?: (string | number)[];
+    CustomRowContentRenderer?: React.ComponentType<RowVariantProps>;
+    focusedRowId: string;
+    selectedRowId: string;
+    backgroundColor?: string;
+}
+declare const RowRenderer: React.ComponentType<RowRendererProps>;
+export default RowRenderer;

package/types/exported-related/RowRenderer/useRowRendererHandlers.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { SortableItemContextType } from '../../parts/HoC/SortableItemContext';
+import { TypescriptRow } from '../../types/props';
+export declare const useRowRendererHandlers: ({ row, itemIndex, items, draggableProps, isDragOverlay, selectedRowId, }: {
+    row: TypescriptRow;
+    itemIndex: number;
+    items: TypescriptRow[];
+    draggableProps: SortableItemContextType['draggableProps'];
+    isDragOverlay: boolean;
+    selectedRowId: string;
+}) => {
+    handleItemClick: React.MouseEventHandler;
+    handleKeyDown: React.KeyboardEventHandler;
+    handleOnBlur: React.FocusEventHandler;
+    handleOnFocus: React.FocusEventHandler;
+};

package/types/exported-related/RowRenderer/useRowRendererProperties.d.ts

@@ -0,0 +1,14 @@
+import { ColsLayoutStyle } from '../../configs';
+import { TypescriptRow } from '../../types/props';
+import { useRowStyle } from './useRowStyle';
+export declare const useRowRendererProperties: ({ row, }: {
+    row: TypescriptRow;
+}) => {
+    userDataProperties: Record<string, unknown>;
+    colsLayoutStyle: ColsLayoutStyle;
+    totalColumnsWidth: string | number;
+} & {
+    rowStyle: Record<string, unknown>;
+    shouldAppendDottedBorder: boolean;
+    dropIndicatorPosition: import("../../parts/HoC/SortableItemContext").DropIndicatorPosition;
+};

package/types/exported-related/RowRenderer/useRowStyle.d.ts

@@ -0,0 +1,7 @@
+import { DropIndicatorPosition } from '../../parts/HoC/SortableItemContext';
+import { TypescriptRow } from '../../types/props';
+export declare const useRowStyle: (row: TypescriptRow) => {
+    rowStyle: Record<string, unknown>;
+    shouldAppendDottedBorder: boolean;
+    dropIndicatorPosition: DropIndicatorPosition;
+};

package/types/exported-related/RowVariants.d.ts

@@ -0,0 +1,9 @@
+export declare const ROW_VARIANTS: {
+    HEADER_GROUP: string;
+    PRIMARY: string;
+    SECONDARY: string;
+    COMPACT_PRIMARY: string;
+    COMPACT_SECONDARY: string;
+};
+export declare const ROW_VARIANT_KEY = "row_variant_type";
+export declare const ROW_VARIANT_COMPACT_KEY = "row_variant_compact";

package/types/exported-related/Toolbar/Toolbar.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Toolbar: React.ComponentType;

package/types/exported-related/Toolbar/index.d.ts

@@ -0,0 +1 @@
+export { Toolbar } from './Toolbar';

package/types/exported-related/groupBy.d.ts

@@ -0,0 +1,5 @@
+export declare const groupBy: (data: any, headerKey: any) => {
+    dimsumHeaderValue: string;
+    subRows: unknown;
+    uid: string;
+}[];

package/types/exported-related/index.d.ts

@@ -0,0 +1,7 @@
+export { FilterPopover } from './FilterPopover';
+export { EditableCell } from './EditableCell';
+export { Toolbar } from './Toolbar';
+export { groupBy } from './groupBy';
+export * from './FilterTypes';
+export * from './RowVariants';
+export * from './Filters';

package/types/helpers/addCellData.d.ts

@@ -0,0 +1,2 @@
+import { TypescriptColumn, TypescriptRow } from '../types/props';
+export declare const addCellData: (datum: TypescriptRow, columns: TypescriptColumn[]) => void;

package/types/helpers/cellPadding.d.ts

@@ -0,0 +1,9 @@
+export declare const cellPadding: ({ theme, column }: {
+    theme: any;
+    column: any;
+}) => string;
+export declare const columnPadding: ({ theme, column, shouldShowDnD, }: {
+    theme: any;
+    column: any;
+    shouldShowDnD: boolean;
+}) => string;

package/types/helpers/columnsToGrid.d.ts

@@ -0,0 +1,3 @@
+import { ColsLayoutStyle } from '../configs/constants';
+import { TypescriptColumn } from '../types/props';
+export declare const columnsToGrid: (columns: TypescriptColumn[], colsLayoutStyle: ColsLayoutStyle) => string[];

package/types/helpers/getIdFromUniqueRowAccessor.d.ts

@@ -0,0 +1,2 @@
+import { TypescriptRow, uniqueRowAccessorType } from '../types/props';
+export declare const getIdFromUniqueRowAccessor: (uniqueRowAccessor: uniqueRowAccessorType, row: Partial<TypescriptRow>) => string;

package/types/helpers/index.d.ts

@@ -0,0 +1,6 @@
+export * from './sizeToCss';
+export * from './columnsToGrid';
+export * from './cellPadding';
+export * from './refs-helpers';
+export * from './getIdFromUniqueRowAccessor';
+export * from './addCellData';

package/types/helpers/refs-helpers.d.ts

@@ -0,0 +1 @@
+export declare const setMultipleRefs: (...refs: any[]) => (newRef: any) => void;

package/types/helpers/sizeToCss.d.ts

@@ -0,0 +1 @@
+export declare const sizeToCss: (size: any) => any;

package/types/hooks/useRecoverFocusCol.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useRecoverFocusCol: (condition: boolean, ref: React.MutableRefObject<HTMLElement>) => void;

package/types/hooks/useRecoverFocusRow.d.ts

@@ -0,0 +1 @@
+export declare const useRecoverFocusRow: (row: any, cell: any, isDragOverlay: any, draggableProps: any) => void;

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DataTable';
+export * from './exported-related';

package/types/parts/Cells/Cell.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TypescriptColumn, TypescriptRow } from '../../types/props';
+interface CellProps {
+    cell: any;
+    column: TypescriptColumn;
+    row: TypescriptRow;
+    isRowSelected: boolean;
+    shouldAddExpandCell: boolean;
+    isDragOverlay: boolean;
+}
+declare const Cell: React.ComponentType<CellProps>;
+export default Cell;

package/types/parts/Cells/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TypescriptRow } from '../../types/props';
+declare const Cells: React.ComponentType<{
+    row: TypescriptRow;
+    isRowSelected: boolean;
+    isDragOverlay: boolean;
+}>;
+export default Cells;

package/types/parts/Cells/useCellStyle.d.ts

@@ -0,0 +1,3 @@
+import * as CSS from 'csstype';
+import { TypescriptColumn } from '../../types/props';
+export declare const useCellStyle: (column: TypescriptColumn, shouldAddExpandCell: boolean) => [string, CSS.Properties];

package/types/parts/DnDHandle.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const DragHandle: React.ComponentType<{
+    id: string;
+    isReachable: boolean;
+    isDragOverlay: boolean;
+    innerRef: React.RefObject<HTMLDivElement> | React.RefCallback<HTMLDivElement>;
+}>;
+export default DragHandle;

package/types/parts/DropIndicator.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DropIndicatorPosition } from './HoC/SortableItemContext';
+interface DropIndicatorProps {
+    vertical: boolean;
+    dropIndicatorPosition: DropIndicatorPosition;
+    isLast?: boolean;
+}
+declare const DropIndicator: ({ vertical, dropIndicatorPosition, isLast }: DropIndicatorProps) => JSX.Element;
+export default DropIndicator;

package/types/parts/EmptyContent.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const EmptyContent: React.ComponentType<{
+    width: string | number;
+}>;
+export default EmptyContent;

package/types/parts/FilterBar/FiltersBar.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FiltersBar: React.ComponentType;

package/types/parts/FilterBar/components/DateRangePill.d.ts

@@ -0,0 +1,5 @@
+import { FilterPillComponent } from '../types';
+export declare const DateRangePill: FilterPillComponent<{
+    startDate: string;
+    endDate: string;
+}>;

package/types/parts/FilterBar/components/DateSwitcherPill.d.ts

@@ -0,0 +1,6 @@
+import { FilterPillComponent } from '../types';
+export declare const DateSwitcherPill: FilterPillComponent<{
+    startDate: string;
+    endDate: string;
+    isDateRange: boolean;
+}>;

package/types/parts/FilterBar/components/MultiSelectPill.d.ts

@@ -0,0 +1,2 @@
+import { FilterPillComponent, FilterOptionT } from '../types';
+export declare const MultiSelectPill: FilterPillComponent<FilterOptionT[]>;

package/types/parts/FilterBar/components/NumberRangePill.d.ts

@@ -0,0 +1,5 @@
+import { FilterPillComponent } from '../types';
+export declare const NumberRangePill: FilterPillComponent<{
+    from: string;
+    to: string;
+}>;

package/types/parts/FilterBar/components/SelectPill.d.ts

@@ -0,0 +1,2 @@
+import { FilterOptionT, FilterPillComponent } from '../types';
+export declare const SelectPill: FilterPillComponent<FilterOptionT>;

package/types/parts/FilterBar/components/SingleDatePill.d.ts

@@ -0,0 +1,2 @@
+import { FilterPillComponent } from '../types';
+export declare const SingleDatePill: FilterPillComponent<string>;

package/types/parts/FilterBar/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './DateRangePill';
+export * from './DateSwitcherPill';
+export * from './MultiSelectPill';
+export * from './NumberRangePill';
+export * from './SelectPill';
+export * from './SingleDatePill';

package/types/parts/FilterBar/index.d.ts

@@ -0,0 +1 @@
+export { FiltersBar } from './FiltersBar';