@elliemae/ds-data-table 2.3.0-alpha.8 → 2.3.0-alpha.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (146) hide show
  1. package/dist/types/DataTable.d.ts +127 -0
  2. package/dist/types/DataTableContext.d.ts +17 -0
  3. package/dist/types/DataTableSchema.d.ts +45 -0
  4. package/dist/types/addons/Columns/ColumnAction/ColumnAction.d.ts +4 -0
  5. package/dist/types/addons/Columns/ColumnDragHandle/ColumnDragHandle.d.ts +2 -0
  6. package/dist/types/addons/Columns/ColumnExpand/ColumnExpand.d.ts +2 -0
  7. package/dist/types/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.d.ts +2 -0
  8. package/dist/types/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.d.ts +2 -0
  9. package/dist/types/addons/Columns/index.d.ts +6 -0
  10. package/dist/types/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.d.ts +2 -0
  11. package/dist/types/addons/Editables/DateEditableCell/DateEditableCell.d.ts +8 -0
  12. package/dist/types/addons/Editables/TextEditableCell/TextEditableCell.d.ts +2 -0
  13. package/dist/types/addons/Editables/index.d.ts +4 -0
  14. package/dist/types/addons/Filters/Components/CurrencyRangeFilter/index.d.ts +3 -0
  15. package/dist/types/addons/Filters/Components/DateRangeFilter/index.d.ts +3 -0
  16. package/dist/types/addons/Filters/Components/DateSwitcherFilter/index.d.ts +3 -0
  17. package/dist/types/addons/Filters/Components/NumberRangeFilter/index.d.ts +3 -0
  18. package/dist/types/addons/Filters/Components/SelectFilter/BaseSelectFilter.d.ts +16 -0
  19. package/dist/types/addons/Filters/Components/SelectFilter/MultiSelectFilter.d.ts +3 -0
  20. package/dist/types/addons/Filters/Components/SelectFilter/SingleSelectFilter.d.ts +3 -0
  21. package/dist/types/addons/Filters/Components/SelectFilter/components.d.ts +6 -0
  22. package/dist/types/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.d.ts +9 -0
  23. package/dist/types/addons/Filters/Components/SelectFilter/utils.d.ts +2 -0
  24. package/dist/types/addons/Filters/Components/SingleDateFilter/index.d.ts +3 -0
  25. package/dist/types/addons/Filters/Components/index.d.ts +7 -0
  26. package/dist/types/addons/Filters/index.d.ts +1 -0
  27. package/dist/types/addons/Pagination/Pagination.d.ts +2 -0
  28. package/dist/types/addons/Pagination/index.d.ts +1 -0
  29. package/dist/types/configs/constants.d.ts +39 -0
  30. package/dist/types/configs/fixedSizes.d.ts +3 -0
  31. package/dist/types/configs/index.d.ts +5 -0
  32. package/dist/types/configs/useDatatableConfig.d.ts +2 -0
  33. package/dist/types/configs/usePaginationConfig.d.ts +2 -0
  34. package/dist/types/configs/useRowFlattenization.d.ts +2 -0
  35. package/dist/types/configs/useTableColsWithAddons.d.ts +5 -0
  36. package/dist/types/configs/zIndexInternalConfig.d.ts +8 -0
  37. package/dist/types/exported-related/EditableCell.d.ts +2 -0
  38. package/dist/types/exported-related/FilterPopover.d.ts +20 -0
  39. package/dist/types/exported-related/FilterTypes.d.ts +9 -0
  40. package/dist/types/exported-related/Filters/applyOutOfTheBoxFilters.d.ts +2 -0
  41. package/dist/types/exported-related/Filters/currencyRangeFilterFn.d.ts +5 -0
  42. package/dist/types/exported-related/Filters/dateRangeFilterFn.d.ts +5 -0
  43. package/dist/types/exported-related/Filters/dateSwitcherFilterFn.d.ts +6 -0
  44. package/dist/types/exported-related/Filters/index.d.ts +7 -0
  45. package/dist/types/exported-related/Filters/multiSelectFilterFn.d.ts +4 -0
  46. package/dist/types/exported-related/Filters/numberRangeFilterFn.d.ts +5 -0
  47. package/dist/types/exported-related/Filters/singleDateFilterFn.d.ts +2 -0
  48. package/dist/types/exported-related/Filters/singleSelectFilterFn.d.ts +4 -0
  49. package/dist/types/exported-related/Filters/types.d.ts +2 -0
  50. package/dist/types/exported-related/RowRenderer/DefaultRowContentRenderer.d.ts +3 -0
  51. package/dist/types/exported-related/RowRenderer/index.d.ts +20 -0
  52. package/dist/types/exported-related/RowRenderer/useRowRendererHandlers.d.ts +16 -0
  53. package/dist/types/exported-related/RowRenderer/useRowRendererProperties.d.ts +14 -0
  54. package/dist/types/exported-related/RowRenderer/useRowStyle.d.ts +7 -0
  55. package/dist/types/exported-related/RowVariants.d.ts +9 -0
  56. package/dist/types/exported-related/Toolbar/Toolbar.d.ts +2 -0
  57. package/dist/types/exported-related/Toolbar/index.d.ts +1 -0
  58. package/dist/types/exported-related/groupBy.d.ts +5 -0
  59. package/dist/types/exported-related/index.d.ts +7 -0
  60. package/dist/types/helpers/addCellData.d.ts +2 -0
  61. package/dist/types/helpers/cellPadding.d.ts +9 -0
  62. package/dist/types/helpers/columnsToGrid.d.ts +3 -0
  63. package/dist/types/helpers/getIdFromUniqueRowAccessor.d.ts +2 -0
  64. package/dist/types/helpers/index.d.ts +6 -0
  65. package/dist/types/helpers/refs-helpers.d.ts +1 -0
  66. package/dist/types/helpers/sizeToCss.d.ts +1 -0
  67. package/dist/types/hooks/useRecoverFocusCol.d.ts +2 -0
  68. package/dist/types/hooks/useRecoverFocusRow.d.ts +1 -0
  69. package/dist/types/index.d.ts +2 -0
  70. package/dist/types/parts/Cells/Cell.d.ts +13 -0
  71. package/dist/types/parts/Cells/index.d.ts +9 -0
  72. package/dist/types/parts/Cells/useCellStyle.d.ts +3 -0
  73. package/dist/types/parts/DnDHandle.d.ts +8 -0
  74. package/dist/types/parts/DropIndicator.d.ts +10 -0
  75. package/dist/types/parts/EmptyContent.d.ts +6 -0
  76. package/dist/types/parts/FilterBar/FiltersBar.d.ts +2 -0
  77. package/dist/types/parts/FilterBar/components/DateRangePill.d.ts +5 -0
  78. package/dist/types/parts/FilterBar/components/DateSwitcherPill.d.ts +6 -0
  79. package/dist/types/parts/FilterBar/components/MultiSelectPill.d.ts +2 -0
  80. package/dist/types/parts/FilterBar/components/NumberRangePill.d.ts +5 -0
  81. package/dist/types/parts/FilterBar/components/SelectPill.d.ts +2 -0
  82. package/dist/types/parts/FilterBar/components/SingleDatePill.d.ts +2 -0
  83. package/dist/types/parts/FilterBar/components/index.d.ts +6 -0
  84. package/dist/types/parts/FilterBar/index.d.ts +1 -0
  85. package/dist/types/parts/FilterBar/styled.d.ts +199 -0
  86. package/dist/types/parts/FilterBar/types.d.ts +31 -0
  87. package/dist/types/parts/Filters/index.d.ts +3 -0
  88. package/dist/types/parts/Footer.d.ts +4 -0
  89. package/dist/types/parts/Headers/EmptyChildrenGroup.d.ts +2 -0
  90. package/dist/types/parts/Headers/HeaderCell.d.ts +11 -0
  91. package/dist/types/parts/Headers/HeaderCellGroup.d.ts +11 -0
  92. package/dist/types/parts/Headers/HeaderCellTitle.d.ts +11 -0
  93. package/dist/types/parts/Headers/HeaderResizer.d.ts +5 -0
  94. package/dist/types/parts/Headers/RequiredDot.d.ts +2 -0
  95. package/dist/types/parts/Headers/index.d.ts +3 -0
  96. package/dist/types/parts/Headers/useHeaderCellConfig.d.ts +20 -0
  97. package/dist/types/parts/Headers/useHeaderCellHandlers.d.ts +25 -0
  98. package/dist/types/parts/HoC/SortableItemContext.d.ts +18 -0
  99. package/dist/types/parts/HoC/withConditionalDnDColumnContext.d.ts +8 -0
  100. package/dist/types/parts/HoC/withConditionalDnDRowContext.d.ts +14 -0
  101. package/dist/types/parts/HoC/withConditionalDnDSortableContext.d.ts +3 -0
  102. package/dist/types/parts/HoC/withDnDSortableColumnContext.d.ts +2 -0
  103. package/dist/types/parts/HoC/withDnDSortableRowContext.d.ts +2 -0
  104. package/dist/types/parts/Loader.d.ts +3 -0
  105. package/dist/types/parts/Row.d.ts +5 -0
  106. package/dist/types/parts/RowLoading.d.ts +4 -0
  107. package/dist/types/parts/RowVariants/RowVariantHeader.d.ts +3 -0
  108. package/dist/types/parts/RowVariants/RowVariantPrimary.d.ts +3 -0
  109. package/dist/types/parts/RowVariants/RowVariantSecondary.d.ts +3 -0
  110. package/dist/types/parts/RowVariants/index.d.ts +12 -0
  111. package/dist/types/parts/RowVariants/types.d.ts +19 -0
  112. package/dist/types/parts/Rows.d.ts +3 -0
  113. package/dist/types/parts/SortByCaret.d.ts +4 -0
  114. package/dist/types/parts/SortableHeaderCell.d.ts +7 -0
  115. package/dist/types/parts/TableContent.d.ts +4 -0
  116. package/dist/types/parts/VirtualRowsList.d.ts +3 -0
  117. package/dist/types/parts/index.d.ts +6 -0
  118. package/dist/types/prop-types.d.ts +53 -0
  119. package/dist/types/redux/reducers/headersReducers/defaults.d.ts +1 -0
  120. package/dist/types/redux/reducers/headersReducers/index.d.ts +2 -0
  121. package/dist/types/redux/reducers/headersReducers/logic.d.ts +5 -0
  122. package/dist/types/redux/reducers/headersReducers/useDispatchHeadersActions.d.ts +10 -0
  123. package/dist/types/redux/reducers/index.d.ts +25 -0
  124. package/dist/types/redux/reducers/rowsReducers/actions_types.d.ts +7 -0
  125. package/dist/types/redux/reducers/rowsReducers/defaults.d.ts +29 -0
  126. package/dist/types/redux/reducers/rowsReducers/index.d.ts +2 -0
  127. package/dist/types/redux/reducers/rowsReducers/logic.d.ts +8 -0
  128. package/dist/types/redux/reducers/rowsReducers/useDispatchRowsActions.d.ts +38 -0
  129. package/dist/types/redux/storeConfig.d.ts +24 -0
  130. package/dist/types/styled.d.ts +39 -0
  131. package/dist/types/tests/callbacks/pagination.events.test.d.ts +1 -0
  132. package/dist/types/tests/callbacks/row.events.test.d.ts +1 -0
  133. package/dist/types/tests/keyboard/dragAndDropColumns.test.d.ts +1 -0
  134. package/dist/types/tests/keyboard/dragAndDropRows.test.d.ts +1 -0
  135. package/dist/types/tests/keyboard/expandable.test.d.ts +1 -0
  136. package/dist/types/tests/keyboard/grouped.test.d.ts +1 -0
  137. package/dist/types/tests/keyboard/masterDetails.test.d.ts +1 -0
  138. package/dist/types/tests/keyboard/navigation.test.d.ts +1 -0
  139. package/dist/types/tests/keyboard/selectMultiple.test.d.ts +1 -0
  140. package/dist/types/tests/keyboard/selectSingle.test.d.ts +1 -0
  141. package/dist/types/tests/keyboard/sort.test.d.ts +1 -0
  142. package/dist/types/tests/render/toolbar.test.d.ts +1 -0
  143. package/dist/types/tests/utils/index.d.ts +46 -0
  144. package/dist/types/types/FunctionalHoC.d.ts +2 -0
  145. package/dist/types/types/props.d.ts +184 -0
  146. package/package.json +19 -19
@@ -0,0 +1,19 @@
1
+ /// <reference types="react" />
2
+ import { TypescriptContext, TypescriptRow } from '../../types/props';
3
+ import { DropIndicatorPosition, SortableItemContextType } from '../HoC/SortableItemContext';
4
+ export interface RowVariantProps {
5
+ row: TypescriptRow;
6
+ ctx: TypescriptContext;
7
+ compact?: boolean;
8
+ focusedRowId?: string;
9
+ selectedRowId?: string;
10
+ itemIndex: number;
11
+ draggableProps: SortableItemContextType['draggableProps'];
12
+ backgroundColor?: string;
13
+ isDragOverlay: boolean;
14
+ minHeight: string;
15
+ height: string;
16
+ rowsLayout?: (string | number)[];
17
+ dropIndicatorPosition: DropIndicatorPosition;
18
+ CustomRowContentRenderer?: React.ComponentType<RowVariantProps>;
19
+ }
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const RowsWithContext: (props: any) => JSX.Element;
3
+ export default RowsWithContext;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ export declare const SortByCaret: React.ComponentType<{
3
+ isSortedDesc: boolean;
4
+ }>;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { TypescriptColumn } from '../types/props';
3
+ export declare const SortableHeaderCell: ({ items, isDragOverlay, ...rest }: {
4
+ items: TypescriptColumn[];
5
+ isDragOverlay?: boolean | undefined;
6
+ children: JSX.Element | JSX.Element[];
7
+ }) => JSX.Element;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ declare const TableContent: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
3
+ export { TableContent };
4
+ export default TableContent;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const VirtualRowsList: import("react-redux").ConnectedComponent<() => JSX.Element, import("react-redux").Omit<unknown, never>>;
3
+ export default VirtualRowsList;
@@ -0,0 +1,6 @@
1
+ export { default as TableContent } from './TableContent';
2
+ export { default as Loader } from './Loader';
3
+ export { default as EmptyContent } from './EmptyContent';
4
+ export { default as Row } from './Row';
5
+ export { default as Footer } from './Footer';
6
+ export { default as DnDHandle } from './DnDHandle';
@@ -0,0 +1,53 @@
1
+ export declare const tableStateShape: {
2
+ allColumns: any;
3
+ columns: any;
4
+ visibleColumns: any;
5
+ data: any;
6
+ preFilteredFlatRows: any;
7
+ preFilteredRows: any;
8
+ rows: any;
9
+ page: any;
10
+ preFilteredRowsById: any;
11
+ rowsById: any;
12
+ setAllFilters: any;
13
+ setFilter: any;
14
+ totalColumnsWidth: any;
15
+ };
16
+ export declare const filterComponentPropType: {
17
+ column: any;
18
+ allColumns: any;
19
+ columns: any;
20
+ visibleColumns: any;
21
+ data: any;
22
+ preFilteredFlatRows: any;
23
+ preFilteredRows: any;
24
+ rows: any;
25
+ page: any;
26
+ preFilteredRowsById: any;
27
+ rowsById: any;
28
+ setAllFilters: any;
29
+ setFilter: any;
30
+ totalColumnsWidth: any;
31
+ };
32
+ export declare const editableCellPropType: {
33
+ cell: any;
34
+ DefaultCellRender: any;
35
+ };
36
+ export declare const CellPropType: {
37
+ allColumns: any;
38
+ columns: any;
39
+ visibleColumns: any;
40
+ data: any;
41
+ preFilteredFlatRows: any;
42
+ preFilteredRows: any;
43
+ rows: any;
44
+ page: any;
45
+ preFilteredRowsById: any;
46
+ rowsById: any;
47
+ setAllFilters: any;
48
+ setFilter: any;
49
+ totalColumnsWidth: any;
50
+ };
51
+ export declare const headerGroupsType: any;
52
+ export declare const renderRowActionsPropType: any;
53
+ export declare const paginationPropType: any;
@@ -0,0 +1 @@
1
+ export declare const defaultHeadersState: {};
@@ -0,0 +1,2 @@
1
+ export * from './headersReducers';
2
+ export * from './useDispatchHeadersActions';
@@ -0,0 +1,5 @@
1
+ export declare const patchUpdateOneHeader: (payload: any, state: any) => void;
2
+ export declare const patchHeaderFilterButtonAndMenu: ({ headerId, newState }: {
3
+ headerId: any;
4
+ newState: any;
5
+ }, state: any) => void;
@@ -0,0 +1,10 @@
1
+ export declare const useDispatchHeadersActions: () => {
2
+ patchHeader: (headerId: any, newHeader: any) => {
3
+ payload: any;
4
+ type: string;
5
+ };
6
+ patchHeaderFilterButtonAndMenu: (headerId: any, newState: any) => {
7
+ payload: any;
8
+ type: string;
9
+ };
10
+ };
@@ -0,0 +1,25 @@
1
+ export declare const rootReducer: import("redux").Reducer<import("redux").CombinedState<{
2
+ headers: {};
3
+ rows: {
4
+ isDraggingRow: boolean;
5
+ isKeyboardDraggingRow: boolean;
6
+ relativeRowMouseCord: {
7
+ isBefore: boolean;
8
+ isAfter: boolean;
9
+ isValid: boolean;
10
+ hoveredRowIndex: null;
11
+ x: null;
12
+ y: null;
13
+ relativeElementDOMRect: null;
14
+ relativeElementIndex: null;
15
+ };
16
+ draggedRowId: null;
17
+ hoverRowId: null;
18
+ activeRowId: null;
19
+ selectedRowId: null;
20
+ focusedRowId: null;
21
+ };
22
+ }>, import("redux").AnyAction>;
23
+ export default rootReducer;
24
+ export { useDispatchHeadersActions } from './headersReducers';
25
+ export { useDispatchRowsActions } from './rowsReducers';
@@ -0,0 +1,7 @@
1
+ export declare const ROWS_REDUCER_SET_IS_DRAGGING_TYPE = "ROWS_REDUCER_SET_IS_DRAGGING";
2
+ export declare const ROWS_REDUCER_SET_IS_KEYBOARD_DRAGGING_TYPE = "ROWS_REDUCER_SET_IS_KEYBOARD_DRAGGING";
3
+ export declare const ROWS_REDUCER_SET_DRAGGED_ROW_TYPE = "ROWS_REDUCER_SET_DRAGGED_ROW";
4
+ export declare const ROWS_REDUCER_SET_HOVER_ROW_TYPE = "ROWS_REDUCER_SET_HOVER_ROW";
5
+ export declare const ROWS_REDUCER_SET_SELECTED_ROW_TYPE = "ROWS_REDUCER_SET_SELECTED_ROW";
6
+ export declare const ROWS_REDUCER_SET_FOCUSED_ROW_TYPE = "ROWS_REDUCER_SET_FOCUSED_ROW";
7
+ export declare const ROWS_REDUCER_SET_RELATIVE_MOUSE_CORD_TYPE = "ROWS_REDUCER_SET_RELATIVE_MOUSE_CORD";
@@ -0,0 +1,29 @@
1
+ export declare const defaultRelativeRowMouseCoord: {
2
+ isBefore: boolean;
3
+ isAfter: boolean;
4
+ isValid: boolean;
5
+ hoveredRowIndex: null;
6
+ x: null;
7
+ y: null;
8
+ relativeElementDOMRect: null;
9
+ relativeElementIndex: null;
10
+ };
11
+ export declare const defaultRowsReducerState: {
12
+ isDraggingRow: boolean;
13
+ isKeyboardDraggingRow: boolean;
14
+ relativeRowMouseCord: {
15
+ isBefore: boolean;
16
+ isAfter: boolean;
17
+ isValid: boolean;
18
+ hoveredRowIndex: null;
19
+ x: null;
20
+ y: null;
21
+ relativeElementDOMRect: null;
22
+ relativeElementIndex: null;
23
+ };
24
+ draggedRowId: null;
25
+ hoverRowId: null;
26
+ activeRowId: null;
27
+ selectedRowId: null;
28
+ focusedRowId: null;
29
+ };
@@ -0,0 +1,2 @@
1
+ export * from './rowsReducer';
2
+ export * from './useDispatchRowsActions';
@@ -0,0 +1,8 @@
1
+ export declare const setRowsIsDragging: (payload: any, state: any) => void;
2
+ export declare const setRowIsKeyboardDragging: (payload: any, state: any) => void;
3
+ export declare const setRowRelativeMouseCoord: (payload: any, state: any) => void;
4
+ export declare const setRowDraggedRowId: (payload: any, state: any) => void;
5
+ export declare const setRowHoverRowId: (payload: any, state: any) => void;
6
+ export declare const setRowSelectedRowId: (payload: any, state: any) => void;
7
+ export declare const setRowFocusedRowId: (payload: any, state: any) => void;
8
+ export declare const setRowDnDActiveRowId: (payload: any, state: any) => void;
@@ -0,0 +1,38 @@
1
+ export declare const useDispatchRowsActions: () => {
2
+ setHoverRowId: (newHoverRowId: any) => {
3
+ payload: any;
4
+ type: string;
5
+ };
6
+ setDnDActiveRowId: (newDnDActiveRowId: any) => {
7
+ payload: any;
8
+ type: string;
9
+ };
10
+ setSelectedRowId: (newSelectedRowId: any) => {
11
+ payload: any;
12
+ type: string;
13
+ };
14
+ setFocusedRowId: (newFocusedRowId: any) => {
15
+ payload: any;
16
+ type: string;
17
+ };
18
+ setIsDraggingRow: (newIsDraggingRow: any) => {
19
+ payload: any;
20
+ type: string;
21
+ };
22
+ setIsKeyboardDraggingRow: (newIsKeyboardDraggingRow: any) => {
23
+ payload: any;
24
+ type: string;
25
+ };
26
+ setRelativeRowMouseCord: (newRelativeRowMouseCord: any) => {
27
+ payload: any;
28
+ type: string;
29
+ };
30
+ resetRelativeRowMouseCord: () => {
31
+ payload: any;
32
+ type: string;
33
+ };
34
+ setDraggedRowId: (newDraggedRowId: any) => {
35
+ payload: any;
36
+ type: string;
37
+ };
38
+ };
@@ -0,0 +1,24 @@
1
+ export declare const storeConfig: {
2
+ reducer: import("redux").Reducer<import("redux").CombinedState<{
3
+ headers: {};
4
+ rows: {
5
+ isDraggingRow: boolean;
6
+ isKeyboardDraggingRow: boolean;
7
+ relativeRowMouseCord: {
8
+ isBefore: boolean;
9
+ isAfter: boolean;
10
+ isValid: boolean;
11
+ hoveredRowIndex: null;
12
+ x: null;
13
+ y: null;
14
+ relativeElementDOMRect: null;
15
+ relativeElementIndex: null;
16
+ };
17
+ draggedRowId: null;
18
+ hoverRowId: null;
19
+ activeRowId: null;
20
+ selectedRowId: null;
21
+ focusedRowId: null;
22
+ };
23
+ }>, import("redux").AnyAction>;
24
+ };
@@ -0,0 +1,39 @@
1
+ /// <reference types="react" />
2
+ interface WidthAndHeight {
3
+ width?: string | number;
4
+ height?: string | number;
5
+ }
6
+ export declare const StyledFocusWithin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
7
+ export declare const StyledDataTableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight & {
8
+ noSelectionAllowed: boolean;
9
+ }, never>;
10
+ export declare const StyledTableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight, never>;
11
+ export declare const StyledTableContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight, never>;
12
+ export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, WidthAndHeight, never>;
13
+ export declare const StyledHeadWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
14
+ colsLayoutStyle: string;
15
+ totalColumnsWidth: number | string;
16
+ }, never>;
17
+ export declare const StyledHeadTr: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
18
+ export declare const StyledHeadTh: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
19
+ export declare const StyledHeaderRightIconsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
20
+ export declare const StyledResizer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
21
+ isResizing: boolean;
22
+ }, never>;
23
+ export declare const StyledActionCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
24
+ export declare const StyledCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
25
+ theme: any;
26
+ column: any;
27
+ }, never>;
28
+ export declare const StyledCellContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
29
+ export declare const StyledPencilIcon: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
30
+ export declare const StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
31
+ shouldDisplayEditIcon: string;
32
+ }, never>;
33
+ export declare const StyledFullsizeGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
34
+ export declare const GroupHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
35
+ padding: string;
36
+ }, never>;
37
+ export declare const GroupHeaderTitle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
38
+ export declare const StyledCellContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
39
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,46 @@
1
+ export declare const genColumns: (canSort?: boolean) => ({
2
+ Header: string;
3
+ accessor: string;
4
+ canSort: boolean;
5
+ } | {
6
+ Header: string;
7
+ accessor: string;
8
+ canSort?: undefined;
9
+ })[];
10
+ export declare const genRows: (n: number) => {
11
+ id: number;
12
+ name: string;
13
+ position: string;
14
+ country: string;
15
+ salary: string;
16
+ singleDate: string;
17
+ dateRange: string;
18
+ uid: string;
19
+ }[];
20
+ export declare const genExpandableRows: (n: number) => Record<string, any>[];
21
+ export declare const genMasterDetailRows: (n: number) => {
22
+ id: any;
23
+ name: string;
24
+ position: string;
25
+ country: string;
26
+ salary: string;
27
+ singleDate: string;
28
+ dateRange: string;
29
+ myUniqueRowAccessor: string;
30
+ tableRowDetails: () => string;
31
+ }[];
32
+ export declare const genGroupedRows: (n: number) => {
33
+ dimsumHeaderValue: any;
34
+ row_variant_type: string;
35
+ subRows: {
36
+ id: number;
37
+ name: string;
38
+ position: string;
39
+ country: string;
40
+ salary: string;
41
+ singleDate: string;
42
+ dateRange: string;
43
+ uid: string;
44
+ }[];
45
+ uid: string;
46
+ }[];
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare type FunctionalHOC = <T = any>(Component: React.ComponentType<T>, ...other: any[]) => (props: T) => JSX.Element;
@@ -0,0 +1,184 @@
1
+ import React, { MutableRefObject } from 'react';
2
+ import { useVirtual } from 'react-virtual/types';
3
+ import { ColsLayoutStyle } from '../configs/constants';
4
+ export declare type TypescriptGenericFunc = (...args: unknown[]) => unknown;
5
+ interface FilterOptionT {
6
+ dsId: string;
7
+ type: string;
8
+ value: string;
9
+ label: string;
10
+ }
11
+ export declare type TypescriptColumn = {
12
+ id?: string;
13
+ Header: string | React.ComponentType<any>;
14
+ accessor?: string;
15
+ filter?: string;
16
+ filterOptions?: FilterOptionT[] | (() => FilterOptionT[]);
17
+ Filter?: React.ComponentType<FilterProps>;
18
+ Cell?: React.ComponentType<any>;
19
+ editable?: string | TypescriptGenericFunc;
20
+ disableDnD?: boolean;
21
+ width?: number;
22
+ minWidth?: number;
23
+ maxWidth?: number;
24
+ padding?: number;
25
+ columns?: TypescriptColumn[];
26
+ canSort?: boolean;
27
+ isSortedDesc?: boolean;
28
+ canResize?: boolean;
29
+ isFocuseable?: boolean;
30
+ textWrap?: 'wrap' | 'wrap-all' | 'truncate';
31
+ ref?: React.MutableRefObject<HTMLTableColElement>;
32
+ required?: boolean;
33
+ alwaysDisplayEditIcon?: boolean;
34
+ };
35
+ export declare type TypescriptRow = {
36
+ [key: string]: any;
37
+ subRows: TypescriptRow[];
38
+ tableRowDetails: React.ComponentType<any>;
39
+ dimsumHeaderValue: string;
40
+ };
41
+ export declare type RowVariant = 'ds-header-group-row' | 'ds-primary-row' | 'ds-secondary-row';
42
+ export declare type TypescriptRenderRowActionsConfig = {
43
+ columnWidth: number;
44
+ renderer: (...args: any[]) => JSX.Element;
45
+ };
46
+ export declare type TypescriptRenderRowActions = false | TypescriptRenderRowActionsConfig;
47
+ export declare type TypescriptAppliedFilter = {
48
+ id: string;
49
+ type: string;
50
+ value: any;
51
+ };
52
+ export declare type TypescriptPagination = {
53
+ page?: any[];
54
+ pageIndex?: number;
55
+ canPreviousPage?: boolean;
56
+ canNextPage?: boolean;
57
+ pageSize?: number;
58
+ showPerPageSelector?: boolean;
59
+ perPageOptions?: number[];
60
+ perPageStep?: number;
61
+ minPerPage?: number;
62
+ maxPerPage?: number;
63
+ onPageSizeChange?: (pageSize: number) => void;
64
+ onPreviousPage?: () => void;
65
+ onNextPage?: () => void;
66
+ onPageChange?: (page: number) => void;
67
+ pageCount?: number;
68
+ pageDetails?: string[];
69
+ pageDetailsTitle?: string;
70
+ };
71
+ export declare type TypescriptSortBy = {
72
+ id: string;
73
+ desc: boolean;
74
+ };
75
+ export declare type TypescriptSelectionItem = true | 'mixed' | false;
76
+ export declare type TypescriptSelection = Record<string | number, TypescriptSelectionItem>;
77
+ export declare type uniqueRowAccessorType = string | string[] | ((row: TypescriptRow) => string);
78
+ export declare type TypescriptProps = {
79
+ columns: TypescriptColumn[];
80
+ data: TypescriptRow[];
81
+ height?: string;
82
+ width?: string;
83
+ renderRowActions?: TypescriptRenderRowActions;
84
+ getRowVariant?: (row: TypescriptRow, defaultCellsRenderer: React.ComponentType<any>) => RowVariant | React.ComponentType<any>;
85
+ isExpandable?: boolean;
86
+ uniqueRowAccessor?: uniqueRowAccessorType;
87
+ disabledRows?: Record<string, boolean>;
88
+ expandedRows?: Record<string, boolean>;
89
+ cellRendererProps?: Record<string, any>;
90
+ noSelectionColumn?: boolean;
91
+ selectSingle?: boolean;
92
+ selection?: TypescriptSelection;
93
+ groupedRowsRenderHeader?: TypescriptGenericFunc | string;
94
+ isResizeable?: boolean;
95
+ withFilterBar?: boolean;
96
+ filters?: {
97
+ id: string;
98
+ type: string;
99
+ value: any;
100
+ }[];
101
+ filterBarProps?: {
102
+ customPillRenderer?: React.ComponentType<any>;
103
+ extraOptions?: {
104
+ type: string;
105
+ id: string;
106
+ label: string;
107
+ onClick?: TypescriptGenericFunc;
108
+ }[];
109
+ };
110
+ actionRef: React.RefObject<any>;
111
+ pagination?: false | TypescriptPagination;
112
+ colsLayoutStyle: ColsLayoutStyle;
113
+ hiddenColumns: string[];
114
+ dragAndDropRows?: boolean;
115
+ maxDragAndDropLevel?: number;
116
+ textWrap?: 'wrap' | 'wrap-all' | 'truncate';
117
+ customSortLogic?: boolean;
118
+ noResultsMessage?: string;
119
+ noResultsSecondaryMessage?: string;
120
+ noResultsButtonLabel?: string;
121
+ isLoading?: boolean;
122
+ isLoadingAppended?: boolean;
123
+ dragAndDropColumns?: boolean;
124
+ onColumnsReorder?: (newData: any[], indexes: {
125
+ targetIndex: number;
126
+ fromIndex: number;
127
+ }) => void;
128
+ onColumnResize?: (headerId: string, width: number) => void;
129
+ isNoMoreDataAppended?: boolean;
130
+ noMoreDataMessage?: string;
131
+ noResultsPlaceholder?: TypescriptGenericFunc;
132
+ onRowExpand?: (expandedRows: Record<string, boolean>, toggledRow: string) => void;
133
+ onRowsReorder?: (newData: any[], indexes: {
134
+ targetIndex: number;
135
+ fromIndex: number;
136
+ }, considerExpanding: string) => void;
137
+ onRowClick?: TypescriptGenericFunc;
138
+ onRowFocus?: TypescriptGenericFunc;
139
+ onCellValueChange: (cellChange: {
140
+ value: any;
141
+ property: any;
142
+ rowIndex: number;
143
+ }) => void;
144
+ onSelectionChange?: (newSelection: TypescriptSelection) => void;
145
+ onFiltersChange?: TypescriptGenericFunc;
146
+ onFilteredDataChange?: TypescriptGenericFunc;
147
+ onPageChanged?: TypescriptGenericFunc;
148
+ onNoResultsButtonClick?: TypescriptGenericFunc;
149
+ onColumnSortChange: (newSortRequest: {
150
+ column: any;
151
+ direction: any;
152
+ }) => void;
153
+ };
154
+ export interface FilterProps {
155
+ column: TypescriptColumn;
156
+ ctx: TypescriptContext;
157
+ onFiltersChange?: (filters: {
158
+ id: string;
159
+ type: string;
160
+ value: any;
161
+ }[]) => void;
162
+ onValueChange: (type: string, value: any) => void;
163
+ patchHeaderFilterButtonAndMenu: (headerId: string, newState: any) => void;
164
+ patchHeader: (headerId: string, newHeader: any) => void;
165
+ filterValue?: any;
166
+ reduxHeader?: any;
167
+ innerRef: MutableRefObject<HTMLDivElement>;
168
+ }
169
+ export declare type TypescriptContext = {
170
+ tableProps: Partial<TypescriptProps>;
171
+ virtualListRef: React.RefObject<HTMLDivElement>;
172
+ columnHeaderRef: React.RefObject<HTMLDivElement>;
173
+ flattenedData: TypescriptRow[];
174
+ allDataFlattened: TypescriptRow[];
175
+ visibleColumns: TypescriptColumn[];
176
+ virtualListHelpers?: ReturnType<typeof useVirtual>;
177
+ layoutHelpers: {
178
+ totalColumnsWidth?: number | string;
179
+ gridLayout?: string[];
180
+ setGridLayout?: React.Dispatch<React.SetStateAction<string[]>>;
181
+ };
182
+ paginationHelpers: TypescriptPagination;
183
+ };
184
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-data-table",
3
- "version": "2.3.0-alpha.8",
3
+ "version": "2.3.0-alpha.9",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Data Table",
6
6
  "files": [
@@ -567,24 +567,24 @@
567
567
  "dependencies": {
568
568
  "@dnd-kit/core": "~4.0.3",
569
569
  "@dnd-kit/sortable": "~5.0.0",
570
- "@elliemae/ds-button": "2.3.0-alpha.8",
571
- "@elliemae/ds-circular-progress-indicator": "2.3.0-alpha.8",
572
- "@elliemae/ds-controlled-form": "2.3.0-alpha.8",
573
- "@elliemae/ds-drag-and-drop": "2.3.0-alpha.8",
574
- "@elliemae/ds-dropdownmenu": "2.3.0-alpha.8",
575
- "@elliemae/ds-form": "2.3.0-alpha.8",
576
- "@elliemae/ds-form-layout-blocks": "2.3.0-alpha.8",
577
- "@elliemae/ds-grid": "2.3.0-alpha.8",
578
- "@elliemae/ds-icons": "2.3.0-alpha.8",
579
- "@elliemae/ds-indeterminate-progress-indicator": "2.3.0-alpha.8",
580
- "@elliemae/ds-pagination": "2.3.0-alpha.8",
581
- "@elliemae/ds-pills": "2.3.0-alpha.8",
582
- "@elliemae/ds-popperjs": "2.3.0-alpha.8",
583
- "@elliemae/ds-props-helpers": "2.3.0-alpha.8",
584
- "@elliemae/ds-system": "2.3.0-alpha.8",
585
- "@elliemae/ds-toolbar": "2.3.0-alpha.8",
586
- "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.8",
587
- "@elliemae/ds-utilities": "2.3.0-alpha.8",
570
+ "@elliemae/ds-button": "2.3.0-alpha.9",
571
+ "@elliemae/ds-circular-progress-indicator": "2.3.0-alpha.9",
572
+ "@elliemae/ds-controlled-form": "2.3.0-alpha.9",
573
+ "@elliemae/ds-drag-and-drop": "2.3.0-alpha.9",
574
+ "@elliemae/ds-dropdownmenu": "2.3.0-alpha.9",
575
+ "@elliemae/ds-form": "2.3.0-alpha.9",
576
+ "@elliemae/ds-form-layout-blocks": "2.3.0-alpha.9",
577
+ "@elliemae/ds-grid": "2.3.0-alpha.9",
578
+ "@elliemae/ds-icons": "2.3.0-alpha.9",
579
+ "@elliemae/ds-indeterminate-progress-indicator": "2.3.0-alpha.9",
580
+ "@elliemae/ds-pagination": "2.3.0-alpha.9",
581
+ "@elliemae/ds-pills": "2.3.0-alpha.9",
582
+ "@elliemae/ds-popperjs": "2.3.0-alpha.9",
583
+ "@elliemae/ds-props-helpers": "2.3.0-alpha.9",
584
+ "@elliemae/ds-system": "2.3.0-alpha.9",
585
+ "@elliemae/ds-toolbar": "2.3.0-alpha.9",
586
+ "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.9",
587
+ "@elliemae/ds-utilities": "2.3.0-alpha.9",
588
588
  "@reduxjs/toolkit": "~1.7.1",
589
589
  "csstype": "~3.0.10",
590
590
  "moment": "~2.29.1",