@elliemae/ds-datagrids 2.0.0-alpha.11 → 2.0.0-alpha.12

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 (202) hide show
  1. package/cjs/DSDataGrid.js +246 -243
  2. package/cjs/DataGridImpl.js +16 -8
  3. package/cjs/PaginatedDataGrid.js +5 -0
  4. package/cjs/columns/IconColumn.js +19 -17
  5. package/cjs/columns/NumberColumn.js +2 -4
  6. package/cjs/components/BodyCell.js +17 -10
  7. package/cjs/components/BodyList.js +7 -0
  8. package/cjs/components/ColumnVisibilityMenuOption.js +10 -6
  9. package/cjs/components/ColumnsOptionsMenuSection.js +34 -28
  10. package/cjs/components/EmptyState.js +19 -17
  11. package/cjs/components/HeaderCell.js +14 -8
  12. package/cjs/components/List.js +5 -0
  13. package/cjs/components/ListItem.js +7 -0
  14. package/cjs/components/NoResults.js +5 -0
  15. package/cjs/components/RowsLoader.js +5 -4
  16. package/cjs/components/Table.js +5 -0
  17. package/cjs/components/TableBody.js +5 -0
  18. package/cjs/components/TableHeader.js +5 -0
  19. package/cjs/components/footer/addOptionalFooterComponents.js +5 -4
  20. package/cjs/components/header/PrimaryControls.js +20 -15
  21. package/cjs/components/header/addOptionalHeaderComponents.js +4 -3
  22. package/cjs/components/renderers/defaultClassedRenderers.js +33 -21
  23. package/cjs/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js +46 -35
  24. package/cjs/plugins/column-dnd/DndColumnsPlugin.js +9 -5
  25. package/cjs/plugins/column-dnd/decorateGridWithDndColumns.js +2 -3
  26. package/cjs/plugins/column-sizing/ColumnSizingPlugin.js +10 -8
  27. package/cjs/plugins/column-sizing/columnMeasurerTransformer.js +13 -6
  28. package/cjs/plugins/column-sizing/ext-points/decorateColumn.js +3 -3
  29. package/cjs/plugins/column-sizing/ext-points/getTableProps.js +22 -17
  30. package/cjs/plugins/column-sizing/useColumnSizeService.js +9 -0
  31. package/cjs/plugins/column-sizing/useStylesheetHelpers.js +56 -40
  32. package/cjs/plugins/column-sizing/utils.js +10 -6
  33. package/cjs/plugins/custom-cell-renderer/addCustomRendererToCell.js +9 -4
  34. package/cjs/plugins/custom-cell-renderer/getRendererComponent.js +20 -21
  35. package/cjs/plugins/editable/EditableComponents/ComboBox.js +9 -6
  36. package/cjs/plugins/editable/EditableComponents/TextBox.js +22 -17
  37. package/cjs/plugins/editable/EditablePlugin.js +15 -15
  38. package/cjs/plugins/editable/decorateEditable.js +18 -11
  39. package/cjs/plugins/editable/getEditorComponent.js +45 -34
  40. package/cjs/plugins/expandable-grid/ExpandableColumn.js +57 -50
  41. package/cjs/plugins/expandable-grid/ExpandablePlugin.js +37 -26
  42. package/cjs/plugins/expandable-grid/ExpandedRow.js +28 -18
  43. package/cjs/plugins/expandable-grid/ExpandedRowExtra.js +16 -10
  44. package/cjs/plugins/expandable-grid/useExpandGridState.js +3 -8
  45. package/cjs/plugins/export-data/ExportDataPlugin.js +23 -10
  46. package/cjs/plugins/filterable/FilterablePlugin.js +7 -6
  47. package/cjs/plugins/filterable/addFilterToColumn.js +5 -0
  48. package/cjs/plugins/filterable/components/FilterableHeader.js +35 -27
  49. package/cjs/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js +38 -32
  50. package/cjs/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js +26 -22
  51. package/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js +119 -154
  52. package/cjs/plugins/filterable/components/filterable-menus/TextFilterMenu.js +28 -20
  53. package/cjs/plugins/filterable/filterableFormatter.js +15 -10
  54. package/cjs/plugins/filterable/filtering-helper/filterRowsByQuery.js +16 -4
  55. package/cjs/plugins/filterable/filtering-helper/strategiesOperators.js +7 -4
  56. package/cjs/plugins/filterable/helper.js +16 -7
  57. package/cjs/plugins/filterable/useFilterableState.js +11 -5
  58. package/cjs/plugins/grouping-by/GroupingByPlugin.js +2 -0
  59. package/cjs/plugins/grouping-grid/GroupingPlugin.js +9 -0
  60. package/cjs/plugins/grouping-grid/walkStrategy.js +11 -9
  61. package/cjs/plugins/infinite-scrolling/InfiniteScrollPlugin.js +7 -1
  62. package/cjs/plugins/pagination/PaginationPlugin.js +9 -2
  63. package/cjs/plugins/pagination/components/Pagination.js +10 -9
  64. package/cjs/plugins/pagination/components/Paginator.js +21 -20
  65. package/cjs/plugins/pagination/components/PerPageDropdown.js +20 -13
  66. package/cjs/plugins/pagination/helper.js +10 -7
  67. package/cjs/plugins/pagination/usePaginationState.js +7 -3
  68. package/cjs/plugins/resizable/ResizablePlugin.js +5 -4
  69. package/cjs/plugins/resizable/decorateResizable.js +14 -8
  70. package/cjs/plugins/resizable/useResizeHandle.js +21 -16
  71. package/cjs/plugins/resizable/utils.js +8 -5
  72. package/cjs/plugins/row-dnd/DndRowsPlugin.js +23 -16
  73. package/cjs/plugins/selectable/SelectablePlugin.js +10 -8
  74. package/cjs/plugins/selectable/addSelectableColumn.js +24 -16
  75. package/cjs/plugins/selectable/helper.js +12 -3
  76. package/cjs/plugins/selectable/selectableFormatter.js +80 -71
  77. package/cjs/plugins/selectable/useSelectableState.js +24 -11
  78. package/cjs/plugins/sortable/SortablePlugin.js +8 -7
  79. package/cjs/plugins/sortable/sortHeaderFormatter.js +14 -15
  80. package/cjs/plugins/sortable/sortTree.js +13 -3
  81. package/cjs/plugins/sortable/sorter.js +151 -134
  82. package/cjs/plugins/sortable/useSortableState.js +7 -0
  83. package/cjs/plugins/toolbar/RowRenderer.js +7 -2
  84. package/cjs/plugins/toolbar/ToolbarTrigger.js +15 -10
  85. package/cjs/plugins/virtualization/AutoHeightList.js +10 -8
  86. package/cjs/plugins/virtualization/VirtualizationPlugin.js +32 -25
  87. package/cjs/plugins/virtualization/VirtualizedBody.js +18 -9
  88. package/cjs/plugins/virtualization/VirtualizedBodyRow.js +8 -7
  89. package/cjs/renders/CellWithAddons.js +20 -18
  90. package/cjs/renders/styled.js +3 -2
  91. package/cjs/utilities/getPluginsFromProps.js +5 -1
  92. package/cjs/utilities/getScrollbarSize.js +2 -1
  93. package/cjs/utilities/normalizeData.js +7 -1
  94. package/esm/DSDataGrid.js +246 -243
  95. package/esm/DataGridImpl.js +16 -8
  96. package/esm/PaginatedDataGrid.js +5 -0
  97. package/esm/columns/IconColumn.js +18 -16
  98. package/esm/columns/NumberColumn.js +2 -4
  99. package/esm/components/BodyCell.js +17 -10
  100. package/esm/components/BodyList.js +7 -0
  101. package/esm/components/ColumnVisibilityMenuOption.js +10 -6
  102. package/esm/components/ColumnsOptionsMenuSection.js +34 -28
  103. package/esm/components/EmptyState.js +18 -15
  104. package/esm/components/HeaderCell.js +14 -8
  105. package/esm/components/List.js +5 -0
  106. package/esm/components/ListItem.js +7 -0
  107. package/esm/components/NoResults.js +5 -0
  108. package/esm/components/RowsLoader.js +5 -4
  109. package/esm/components/Table.js +5 -0
  110. package/esm/components/TableBody.js +5 -0
  111. package/esm/components/TableHeader.js +5 -0
  112. package/esm/components/footer/addOptionalFooterComponents.js +5 -4
  113. package/esm/components/header/PrimaryControls.js +20 -14
  114. package/esm/components/header/addOptionalHeaderComponents.js +4 -3
  115. package/esm/components/renderers/defaultClassedRenderers.js +33 -21
  116. package/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js +46 -35
  117. package/esm/plugins/column-dnd/DndColumnsPlugin.js +6 -2
  118. package/esm/plugins/column-dnd/decorateGridWithDndColumns.js +1 -1
  119. package/esm/plugins/column-sizing/ColumnSizingPlugin.js +9 -7
  120. package/esm/plugins/column-sizing/columnMeasurerTransformer.js +12 -5
  121. package/esm/plugins/column-sizing/ext-points/decorateColumn.js +1 -1
  122. package/esm/plugins/column-sizing/ext-points/getTableProps.js +21 -15
  123. package/esm/plugins/column-sizing/useColumnSizeService.js +9 -0
  124. package/esm/plugins/column-sizing/useStylesheetHelpers.js +54 -38
  125. package/esm/plugins/column-sizing/utils.js +8 -4
  126. package/esm/plugins/custom-cell-renderer/addCustomRendererToCell.js +6 -1
  127. package/esm/plugins/custom-cell-renderer/getRendererComponent.js +15 -11
  128. package/esm/plugins/editable/EditableComponents/ComboBox.js +8 -4
  129. package/esm/plugins/editable/EditableComponents/TextBox.js +21 -15
  130. package/esm/plugins/editable/EditablePlugin.js +13 -12
  131. package/esm/plugins/editable/decorateEditable.js +16 -8
  132. package/esm/plugins/editable/getEditorComponent.js +49 -38
  133. package/esm/plugins/expandable-grid/ExpandableColumn.js +56 -47
  134. package/esm/plugins/expandable-grid/ExpandablePlugin.js +33 -20
  135. package/esm/plugins/expandable-grid/ExpandedRow.js +27 -17
  136. package/esm/plugins/expandable-grid/ExpandedRowExtra.js +15 -9
  137. package/esm/plugins/expandable-grid/useExpandGridState.js +1 -2
  138. package/esm/plugins/export-data/ExportDataPlugin.js +22 -9
  139. package/esm/plugins/filterable/FilterablePlugin.js +5 -4
  140. package/esm/plugins/filterable/addFilterToColumn.js +5 -0
  141. package/esm/plugins/filterable/components/FilterableHeader.js +31 -22
  142. package/esm/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js +38 -31
  143. package/esm/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js +26 -21
  144. package/esm/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js +118 -152
  145. package/esm/plugins/filterable/components/filterable-menus/TextFilterMenu.js +27 -18
  146. package/esm/plugins/filterable/filterableFormatter.js +15 -10
  147. package/esm/plugins/filterable/filtering-helper/filterRowsByQuery.js +14 -2
  148. package/esm/plugins/filterable/filtering-helper/strategiesOperators.js +7 -4
  149. package/esm/plugins/filterable/helper.js +10 -1
  150. package/esm/plugins/filterable/useFilterableState.js +11 -5
  151. package/esm/plugins/grouping-by/GroupingByPlugin.js +2 -0
  152. package/esm/plugins/grouping-grid/GroupingPlugin.js +9 -0
  153. package/esm/plugins/grouping-grid/walkStrategy.js +11 -9
  154. package/esm/plugins/infinite-scrolling/InfiniteScrollPlugin.js +7 -1
  155. package/esm/plugins/pagination/PaginationPlugin.js +8 -1
  156. package/esm/plugins/pagination/components/Pagination.js +10 -9
  157. package/esm/plugins/pagination/components/Paginator.js +20 -19
  158. package/esm/plugins/pagination/components/PerPageDropdown.js +17 -9
  159. package/esm/plugins/pagination/helper.js +10 -7
  160. package/esm/plugins/pagination/usePaginationState.js +6 -1
  161. package/esm/plugins/resizable/ResizablePlugin.js +4 -3
  162. package/esm/plugins/resizable/decorateResizable.js +14 -8
  163. package/esm/plugins/resizable/useResizeHandle.js +21 -16
  164. package/esm/plugins/resizable/utils.js +6 -3
  165. package/esm/plugins/row-dnd/DndRowsPlugin.js +21 -13
  166. package/esm/plugins/selectable/SelectablePlugin.js +9 -7
  167. package/esm/plugins/selectable/addSelectableColumn.js +24 -16
  168. package/esm/plugins/selectable/helper.js +10 -1
  169. package/esm/plugins/selectable/selectableFormatter.js +79 -68
  170. package/esm/plugins/selectable/useSelectableState.js +19 -5
  171. package/esm/plugins/sortable/SortablePlugin.js +5 -4
  172. package/esm/plugins/sortable/sortHeaderFormatter.js +12 -11
  173. package/esm/plugins/sortable/sortTree.js +13 -3
  174. package/esm/plugins/sortable/sorter.js +151 -134
  175. package/esm/plugins/sortable/useSortableState.js +7 -0
  176. package/esm/plugins/toolbar/RowRenderer.js +6 -1
  177. package/esm/plugins/toolbar/ToolbarTrigger.js +14 -8
  178. package/esm/plugins/virtualization/AutoHeightList.js +6 -3
  179. package/esm/plugins/virtualization/VirtualizationPlugin.js +31 -24
  180. package/esm/plugins/virtualization/VirtualizedBody.js +14 -5
  181. package/esm/plugins/virtualization/VirtualizedBodyRow.js +8 -7
  182. package/esm/renders/CellWithAddons.js +15 -14
  183. package/esm/renders/styled.js +1 -1
  184. package/esm/utilities/getPluginsFromProps.js +5 -1
  185. package/esm/utilities/getScrollbarSize.js +2 -1
  186. package/esm/utilities/normalizeData.js +7 -1
  187. package/package.json +27 -18
  188. package/types/DSDataGrid.d.ts +744 -105
  189. package/types/components/BodyCell.d.ts +1 -1
  190. package/types/components/HeaderCell.d.ts +1 -1
  191. package/types/plugins/column-sizing/columnMeasurerTransformer.d.ts +1 -1
  192. package/types/plugins/column-sizing/ext-points/getTableProps.d.ts +1 -1
  193. package/types/plugins/expandable-grid/ExpandedRowExtra.d.ts +1 -1
  194. package/types/plugins/expandable-grid/useExpandGridState.d.ts +4 -4
  195. package/types/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.d.ts +1 -1
  196. package/types/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.d.ts +1 -1
  197. package/types/plugins/filterable/components/filterable-menus/TextFilterMenu.d.ts +1 -1
  198. package/types/plugins/filterable/helper.d.ts +15 -3
  199. package/types/plugins/pagination/components/Paginator.d.ts +1 -1
  200. package/types/plugins/pagination/components/PerPageDropdown.d.ts +1 -1
  201. package/types/plugins/sortable/sorter.d.ts +1 -1
  202. package/types/renders/styled.d.ts +3 -3
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import PropTypes from 'prop-types';
3
- declare function BodyCell({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid, }: {
3
+ declare function BodyCell({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }: {
4
4
  component: any;
5
5
  classProps: any;
6
6
  rowProps: any;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import PropTypes from 'prop-types';
3
- declare function HeaderCell({ column, columnIndex, component: Component, classProps, grid, }: {
3
+ declare function HeaderCell({ column, columnIndex, component: Component, classProps, grid }: {
4
4
  column: any;
5
5
  columnIndex: any;
6
6
  component: any;
@@ -2,5 +2,5 @@ export declare const columnMeasurerTransformer: (columnSizeService: any) => (val
2
2
  column: any;
3
3
  grid: any;
4
4
  }, props?: {}) => {
5
- innerRef: any;
5
+ innerRef: (node: any) => void;
6
6
  };
@@ -1,4 +1,4 @@
1
- export declare function getTableProps(tableProps: any, { refs, tableRef, bodyWidth, scrollbarWidth, isDragging, columnSizeService, updateRowWidth, columns, }: {
1
+ export declare function getTableProps(tableProps: any, { refs, tableRef, bodyWidth, scrollbarWidth, isDragging, columnSizeService, updateRowWidth, columns }: {
2
2
  refs: any;
3
3
  tableRef: any;
4
4
  bodyWidth: any;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- declare function ExpandedRowExtra({ children, rowData, rowProps, rowComponent: RowComponent, renderRowDetails, }: {
2
+ declare function ExpandedRowExtra({ children, rowData, rowProps, rowComponent: RowComponent, renderRowDetails }: {
3
3
  children: any;
4
4
  rowData: any;
5
5
  rowProps: any;
@@ -1,14 +1,14 @@
1
1
  export declare const useExpandGridState: (grid: any) => {
2
2
  state: {
3
3
  expandedRows: any;
4
- isExpandedAll: any;
4
+ isExpandedAll: boolean;
5
5
  shouldRefocus: boolean;
6
6
  };
7
7
  actions: {
8
- expandRow: (row: any) => any;
9
- toggleExpandAllRows: any;
8
+ expandRow: (row: any) => void;
9
+ toggleExpandAllRows: (stateData?: boolean | undefined) => void;
10
10
  toggleExpand: (row: any) => void;
11
11
  toggleShowAllRows: (row: any) => void;
12
- collapseRow: any;
12
+ collapseRow: (item: any) => void;
13
13
  };
14
14
  };
@@ -5,7 +5,7 @@ declare function DateRangeFilterMenu({ column, className, isMenuOpened, onOpenMe
5
5
  className: any;
6
6
  isMenuOpened?: boolean | undefined;
7
7
  onOpenMenu?: (() => null) | undefined;
8
- placement?: any;
8
+ placement?: string | undefined;
9
9
  onAddFilter?: (() => null) | undefined;
10
10
  dateFormatter?: (({ startDate, endDate }: {
11
11
  startDate: any;
@@ -5,7 +5,7 @@ declare function SingleDateFilterMenu({ column, className, isMenuOpened, onOpenM
5
5
  className: any;
6
6
  isMenuOpened?: boolean | undefined;
7
7
  onOpenMenu?: (() => null) | undefined;
8
- placement?: any;
8
+ placement?: string | undefined;
9
9
  onAddFilter?: (() => null) | undefined;
10
10
  dateFormatter?: ((date: any, format?: string) => any) | undefined;
11
11
  showHeader?: boolean | undefined;
@@ -8,7 +8,7 @@ declare function TextFilterMenu({ column, menuStyle, className, filters, isMenuO
8
8
  isMenuOpened?: boolean | undefined;
9
9
  onOpenMenu?: (() => null) | undefined;
10
10
  onClose?: (() => null) | undefined;
11
- placement?: any;
11
+ placement?: string | undefined;
12
12
  menuProps?: {} | undefined;
13
13
  onAddFilter?: (() => null) | undefined;
14
14
  onRemoveFilter?: (() => null) | undefined;
@@ -1,8 +1,20 @@
1
1
  export declare const getFilterLabel: (column: any, value: any) => any;
2
- export declare const getFilterLabels: (column: any, rows: any) => any;
3
- export declare const getFilterLabelsGroup: (column: any, rows: any) => any;
2
+ export declare const getFilterLabels: (column: any, rows: any) => ({
3
+ id?: undefined;
4
+ label?: undefined;
5
+ } | {
6
+ id: any;
7
+ label: any;
8
+ })[];
9
+ export declare const getFilterLabelsGroup: (column: any, rows: any) => ({
10
+ id?: undefined;
11
+ label?: undefined;
12
+ } | {
13
+ id: any;
14
+ label: any;
15
+ })[];
4
16
  export declare function getFilterValue(filter: any, column: any): any;
5
- export declare function buildFilterArray(newFilter: any, filters: any): any;
17
+ export declare function buildFilterArray(newFilter: any, filters: any): any[];
6
18
  export declare const groupFilters: (filters: any) => any;
7
19
  export declare function parseFiltersToQuery(filters: any): {
8
20
  condition: string;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- declare const Paginator: ({ pagination, pages, onSelect, labelPrevious, labelNext, }: {
2
+ declare const Paginator: ({ pagination, pages, onSelect, labelPrevious, labelNext }: {
3
3
  pagination: any;
4
4
  pages: any;
5
5
  onSelect: any;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- declare function PerPageDropdown({ min, max, step, value, onChange, }: {
2
+ declare function PerPageDropdown({ min, max, step, value, onChange }: {
3
3
  min?: number | undefined;
4
4
  max?: number | undefined;
5
5
  step?: number | undefined;
@@ -4,7 +4,7 @@ export declare const sorter: ({ columns, sortingColumns, sort, emptyLast }?: {
4
4
  sort: any;
5
5
  emptyLast: any;
6
6
  }) => (data: any) => any;
7
- export declare const sorterGroups: ({ columns, sortingColumns, sort, emptyLast, }?: {
7
+ export declare const sorterGroups: ({ columns, sortingColumns, sort, emptyLast }?: {
8
8
  columns: any;
9
9
  sortingColumns: any;
10
10
  sort: any;
@@ -1,3 +1,3 @@
1
- export declare const CellWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const ValueWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const CellContainer: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
1
+ export declare const CellWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
2
+ export declare const ValueWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const CellContainer: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;