@elliemae/ds-data-table 3.13.1 → 3.13.2

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 (134) hide show
  1. package/dist/cjs/DataTableContext.js +0 -2
  2. package/dist/cjs/DataTableContext.js.map +2 -2
  3. package/dist/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js +2 -2
  4. package/dist/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map +2 -2
  5. package/dist/cjs/configs/useDatatableConfig.js +1 -1
  6. package/dist/cjs/configs/useDatatableConfig.js.map +2 -2
  7. package/dist/cjs/configs/useTableColsWithAddons.js +0 -2
  8. package/dist/cjs/configs/useTableColsWithAddons.js.map +2 -2
  9. package/dist/cjs/exported-related/FilterPopover/index.js +2 -2
  10. package/dist/cjs/exported-related/FilterPopover/index.js.map +3 -3
  11. package/dist/cjs/exported-related/FilterPopover/useGetFilterHandlers.js +2 -2
  12. package/dist/cjs/exported-related/FilterPopover/useGetFilterHandlers.js.map +3 -3
  13. package/dist/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js +1 -0
  14. package/dist/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js.map +2 -2
  15. package/dist/cjs/exported-related/RowRenderer/index.js +1 -3
  16. package/dist/cjs/exported-related/RowRenderer/index.js.map +2 -2
  17. package/dist/cjs/exported-related/RowRenderer/useRowRendererProperties.js +1 -3
  18. package/dist/cjs/exported-related/RowRenderer/useRowRendererProperties.js.map +2 -2
  19. package/dist/cjs/exported-related/RowRenderer/useRowStyle.js +2 -2
  20. package/dist/cjs/exported-related/RowRenderer/useRowStyle.js.map +3 -3
  21. package/dist/cjs/parts/Cells/Cell.js +1 -3
  22. package/dist/cjs/parts/Cells/Cell.js.map +2 -2
  23. package/dist/cjs/parts/Cells/index.js +1 -3
  24. package/dist/cjs/parts/Cells/index.js.map +2 -2
  25. package/dist/cjs/parts/DnDHandle.js +1 -2
  26. package/dist/cjs/parts/DnDHandle.js.map +2 -2
  27. package/dist/cjs/parts/DropIndicator.js +1 -3
  28. package/dist/cjs/parts/DropIndicator.js.map +2 -2
  29. package/dist/cjs/parts/EmptyContent.js +1 -3
  30. package/dist/cjs/parts/EmptyContent.js.map +2 -2
  31. package/dist/cjs/parts/Filters/index.js +2 -2
  32. package/dist/cjs/parts/Filters/index.js.map +3 -3
  33. package/dist/cjs/parts/Headers/HeaderCell.js +2 -2
  34. package/dist/cjs/parts/Headers/HeaderCell.js.map +2 -2
  35. package/dist/cjs/parts/Headers/HeaderCellGroup.js +3 -5
  36. package/dist/cjs/parts/Headers/HeaderCellGroup.js.map +3 -3
  37. package/dist/cjs/parts/Headers/index.js +4 -14
  38. package/dist/cjs/parts/Headers/index.js.map +2 -2
  39. package/dist/cjs/parts/Headers/useHeaderCellConfig.js +2 -2
  40. package/dist/cjs/parts/Headers/useHeaderCellConfig.js.map +3 -3
  41. package/dist/cjs/parts/Headers/useHeaderCellHandlers.js +2 -2
  42. package/dist/cjs/parts/Headers/useHeaderCellHandlers.js.map +3 -3
  43. package/dist/cjs/parts/Loader.js +1 -3
  44. package/dist/cjs/parts/Loader.js.map +2 -2
  45. package/dist/cjs/parts/Row.js +3 -5
  46. package/dist/cjs/parts/Row.js.map +3 -3
  47. package/dist/cjs/parts/Rows.js +25 -31
  48. package/dist/cjs/parts/Rows.js.map +2 -2
  49. package/dist/cjs/parts/TableContent.js +26 -32
  50. package/dist/cjs/parts/TableContent.js.map +3 -3
  51. package/dist/cjs/parts/VirtualRowsList.js +1 -3
  52. package/dist/cjs/parts/VirtualRowsList.js.map +2 -2
  53. package/dist/cjs/styled.js +3 -3
  54. package/dist/cjs/styled.js.map +2 -2
  55. package/dist/cjs/types/props.js.map +1 -1
  56. package/dist/esm/DataTableContext.js +0 -2
  57. package/dist/esm/DataTableContext.js.map +2 -2
  58. package/dist/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js +2 -2
  59. package/dist/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map +2 -2
  60. package/dist/esm/configs/useDatatableConfig.js +1 -1
  61. package/dist/esm/configs/useDatatableConfig.js.map +2 -2
  62. package/dist/esm/configs/useTableColsWithAddons.js +0 -2
  63. package/dist/esm/configs/useTableColsWithAddons.js.map +2 -2
  64. package/dist/esm/exported-related/FilterPopover/index.js +1 -1
  65. package/dist/esm/exported-related/FilterPopover/index.js.map +2 -2
  66. package/dist/esm/exported-related/FilterPopover/useGetFilterHandlers.js +1 -1
  67. package/dist/esm/exported-related/FilterPopover/useGetFilterHandlers.js.map +2 -2
  68. package/dist/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js +1 -0
  69. package/dist/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js.map +2 -2
  70. package/dist/esm/exported-related/RowRenderer/index.js +1 -3
  71. package/dist/esm/exported-related/RowRenderer/index.js.map +2 -2
  72. package/dist/esm/exported-related/RowRenderer/useRowRendererProperties.js +1 -3
  73. package/dist/esm/exported-related/RowRenderer/useRowRendererProperties.js.map +2 -2
  74. package/dist/esm/exported-related/RowRenderer/useRowStyle.js +1 -1
  75. package/dist/esm/exported-related/RowRenderer/useRowStyle.js.map +2 -2
  76. package/dist/esm/parts/Cells/Cell.js +1 -3
  77. package/dist/esm/parts/Cells/Cell.js.map +2 -2
  78. package/dist/esm/parts/Cells/index.js +1 -3
  79. package/dist/esm/parts/Cells/index.js.map +2 -2
  80. package/dist/esm/parts/DnDHandle.js +1 -2
  81. package/dist/esm/parts/DnDHandle.js.map +2 -2
  82. package/dist/esm/parts/DropIndicator.js +1 -3
  83. package/dist/esm/parts/DropIndicator.js.map +2 -2
  84. package/dist/esm/parts/EmptyContent.js +1 -3
  85. package/dist/esm/parts/EmptyContent.js.map +2 -2
  86. package/dist/esm/parts/Filters/index.js +1 -1
  87. package/dist/esm/parts/Filters/index.js.map +2 -2
  88. package/dist/esm/parts/Headers/HeaderCell.js +2 -2
  89. package/dist/esm/parts/Headers/HeaderCell.js.map +2 -2
  90. package/dist/esm/parts/Headers/HeaderCellGroup.js +2 -4
  91. package/dist/esm/parts/Headers/HeaderCellGroup.js.map +2 -2
  92. package/dist/esm/parts/Headers/index.js +5 -15
  93. package/dist/esm/parts/Headers/index.js.map +2 -2
  94. package/dist/esm/parts/Headers/useHeaderCellConfig.js +1 -1
  95. package/dist/esm/parts/Headers/useHeaderCellConfig.js.map +2 -2
  96. package/dist/esm/parts/Headers/useHeaderCellHandlers.js +1 -1
  97. package/dist/esm/parts/Headers/useHeaderCellHandlers.js.map +2 -2
  98. package/dist/esm/parts/Loader.js +1 -3
  99. package/dist/esm/parts/Loader.js.map +2 -2
  100. package/dist/esm/parts/Row.js +2 -4
  101. package/dist/esm/parts/Row.js.map +2 -2
  102. package/dist/esm/parts/Rows.js +26 -32
  103. package/dist/esm/parts/Rows.js.map +2 -2
  104. package/dist/esm/parts/TableContent.js +26 -32
  105. package/dist/esm/parts/TableContent.js.map +2 -2
  106. package/dist/esm/parts/VirtualRowsList.js +1 -3
  107. package/dist/esm/parts/VirtualRowsList.js.map +2 -2
  108. package/dist/esm/styled.js +3 -3
  109. package/dist/esm/styled.js.map +2 -2
  110. package/dist/esm/types/props.js.map +1 -1
  111. package/dist/types/DataTableContext.d.ts +0 -1
  112. package/dist/types/configs/useTableColsWithAddons.d.ts +0 -1
  113. package/dist/types/exported-related/RowRenderer/index.d.ts +0 -1
  114. package/dist/types/exported-related/RowRenderer/useRowRendererProperties.d.ts +0 -1
  115. package/dist/types/parts/Cells/Cell.d.ts +0 -1
  116. package/dist/types/parts/Cells/index.d.ts +0 -1
  117. package/dist/types/parts/DnDHandle.d.ts +1 -2
  118. package/dist/types/parts/DropIndicator.d.ts +0 -1
  119. package/dist/types/parts/EmptyContent.d.ts +0 -1
  120. package/dist/types/parts/Headers/HeaderCellGroup.d.ts +1 -1
  121. package/dist/types/parts/Headers/index.d.ts +0 -1
  122. package/dist/types/parts/Loader.d.ts +0 -1
  123. package/dist/types/parts/Row.d.ts +0 -1
  124. package/dist/types/parts/Rows.d.ts +0 -1
  125. package/dist/types/parts/TableContent.d.ts +0 -1
  126. package/dist/types/parts/VirtualRowsList.d.ts +0 -1
  127. package/dist/types/styled.d.ts +3 -3
  128. package/dist/types/types/props.d.ts +1 -1
  129. package/package.json +18 -18
  130. package/dist/cjs/parts/index.js +0 -40
  131. package/dist/cjs/parts/index.js.map +0 -7
  132. package/dist/esm/parts/index.js +0 -14
  133. package/dist/esm/parts/index.js.map +0 -7
  134. package/dist/types/parts/index.d.ts +0 -5
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/types/props.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport type { MutableRefObject } from 'react';\nimport type React from 'react';\nimport type { useVirtual } from 'react-virtual/types';\nimport type { useSortable } from '@elliemae/ds-drag-and-drop';\nimport type { CSSProperties } from 'styled-components';\nimport type { ColsLayoutStyle } from '../configs/constants';\n\nexport type TypescriptGenericFunc = (...args: unknown[]) => unknown;\ninterface FilterOptionT {\n dsId: string;\n type: string;\n value: string;\n label: string;\n}\n\ninterface HeaderComponentProps {\n ctx: TypescriptContext;\n}\n\nexport type DraggablePropsT =\n | false\n | (ReturnType<typeof useSortable> & {\n dropIndicatorPosition: DropIndicatorPosition;\n shouldShowDropIndicatorPosition: boolean;\n lastActiveId: string;\n setLastActiveId: React.Dispatch<React.SetStateAction<string>>;\n isDropValid: boolean;\n });\n\ninterface CellComponentProps<T = HTMLElement> {\n ctx: TypescriptContext;\n isRowSelected: boolean;\n row: InternalTypescriptRow;\n cell: TypescriptCell<T>;\n draggableProps: DraggablePropsT;\n isDragOverlay: boolean;\n}\n\nexport enum DropIndicatorPosition {\n None = 0,\n Before = 1,\n After = 2,\n Inside = 3,\n}\n\nexport interface TypescriptColumn<T extends HTMLElement = HTMLElement> {\n id?: string;\n Header: string | React.ComponentType<HeaderComponentProps>;\n accessor?: string;\n filter?: string;\n filterOptions?: FilterOptionT[] | (() => FilterOptionT[]);\n filterMinWidth?: number | string;\n Filter?: React.ComponentType<FilterProps>;\n Cell?: React.ComponentType<CellComponentProps<T>>;\n editable?: string | TypescriptGenericFunc;\n disableDnD?: boolean;\n width?: number;\n minWidth?: number;\n maxWidth?: number;\n padding?: number;\n columns?: TypescriptColumn[];\n canSort?: boolean;\n isSortedDesc?: boolean;\n canResize?: boolean;\n isFocuseable?: boolean;\n textWrap?: 'wrap' | 'wrap-all' | 'truncate';\n ref?: React.MutableRefObject<HTMLTableColElement>;\n required?: boolean;\n cellStyle?: CSSProperties;\n alwaysDisplayEditIcon?: boolean;\n}\n\nexport interface InternalTypescriptColumn<T extends HTMLElement = HTMLElement> extends TypescriptColumn<T> {\n id: string;\n parentId: string | null;\n depth: number;\n columns?: InternalTypescriptColumn[];\n}\n\nexport interface TypescriptCell<T = HTMLElement> {\n column: TypescriptColumn;\n value: any;\n render: React.ComponentType<CellComponentProps>;\n row: InternalTypescriptRow;\n ref: React.RefObject<T>;\n id: string;\n}\n\nexport interface TypescriptRow {\n [key: string]: any;\n subRows: TypescriptRow[];\n tableRowDetails: React.ComponentType<any>;\n dimsumHeaderValue: string;\n}\n\nexport interface InternalTypescriptRow {\n id: string;\n uid: string;\n index: number;\n realIndex: number;\n parent: InternalTypescriptRow | null;\n parentId: string | null;\n parentIndex: number | null;\n depth: number;\n isExpanded: boolean;\n subRows: TypescriptRow[];\n childrenCount: number;\n original: TypescriptRow;\n cells: TypescriptCell[];\n}\n\nexport type RowVariant = 'ds-header-group-row' | 'ds-primary-row' | 'ds-secondary-row';\n\nexport type TypescriptRenderRowActionsConfig = {\n columnWidth: number;\n renderer: (...args: any[]) => JSX.Element;\n};\n\nexport type TypescriptRenderRowActions = false | TypescriptRenderRowActionsConfig;\n\nexport type TypescriptAppliedFilter = {\n id: string;\n type: string;\n value: any;\n};\n\nexport type TypescriptPagination = {\n page?: any[];\n pageIndex?: number;\n canPreviousPage?: boolean;\n canNextPage?: boolean;\n pageSize?: number;\n dataIsPage?: boolean;\n showPerPageSelector?: boolean;\n perPageOptions?: number[];\n perPageStep?: number;\n minPerPage?: number;\n maxPerPage?: number;\n onPageSizeChange?: (pageSize: number) => void;\n onPreviousPage?: () => void;\n onNextPage?: () => void;\n onPageChange?: (page: number) => void;\n pageCount?: number;\n pageDetails?: string[];\n pageDetailsTitle?: string;\n};\n\nexport type TypescriptSortBy = {\n id: string;\n desc: boolean;\n};\n\nexport type TypescriptSelectionItem = boolean | 'mixed';\n\nexport type TypescriptSelection = Record<string | number, TypescriptSelectionItem>;\n\nexport type UniqueRowAccessorType = string | string[] | ((row: TypescriptRow) => string) | undefined;\n\nexport interface ReduxHeader {\n hideFilterMenu?: boolean;\n hideFilterButton?: boolean;\n showDnDHandle?: boolean;\n withTabStops?: boolean;\n}\n\nexport interface DataTableFilter {\n id: string;\n type: string;\n value: any;\n}\n\ninterface PropsWithDefault {\n height: string;\n width: string;\n renderRowActions: boolean;\n getRowVariant: (\n row: TypescriptRow,\n defaultCellRenderer: React.ComponentType<any>,\n ) => RowVariant | React.ComponentType<any>;\n withFilterBar: boolean;\n isExpandable: boolean;\n expandedRows: Record<string, boolean>;\n disabledRows: Record<string, boolean>;\n isResizeable: boolean;\n isLoading: boolean;\n pagination: false | TypescriptPagination;\n filters: DataTableFilter[];\n colsLayoutStyle: ColsLayoutStyle;\n hiddenColumns: string[];\n noResultsMessage: string;\n dragAndDropRows: boolean;\n maxDragAndDropLevel: number;\n onRowsReorder: (\n newData: TypescriptRow[],\n indexes: { targetIndex: number; fromIndex: number },\n considerExpanding: string,\n extraData: { flattenedData: InternalTypescriptRow[]; allDataFlattened: InternalTypescriptRow[] },\n ) => void;\n dragAndDropColumns: boolean;\n onColumnsReorder: (newData: TypescriptColumn[], indexes: { targetIndex: number; fromIndex: number }) => void;\n getIsDropValid: (\n active: InternalTypescriptRow,\n over: InternalTypescriptRow,\n dropIndicatorPosition: DropIndicatorPosition,\n ) => boolean;\n onColumnResize: (headerId: string, width: number) => void;\n onColumnSizeChange: (newColumns: TypescriptColumn[], headerId: string, width: number) => void;\n onRowClick: TypescriptGenericFunc;\n onRowFocus: TypescriptGenericFunc;\n noSelectionColumn: boolean;\n selectSingle: boolean;\n onSelectionChange: (\n newSelection: TypescriptSelection,\n selectedControl: string,\n event: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent,\n ) => void;\n textWrap: 'wrap' | 'wrap-all' | 'truncate';\n onCellValueChange: (cellChange: { value: any; property: any; rowIndex: number }) => void;\n onFiltersChange: TypescriptGenericFunc;\n onPageChanged: TypescriptGenericFunc;\n onRowExpand: (expandedRows: Record<string, boolean>, toggledRow: string) => void;\n onColumnSortChange: (newSortRequest: { column: any; direction: any }) => void;\n onColumnSort: (newColumns: TypescriptColumn[], headerId: string, direction: 'ASC' | 'DESC') => void;\n}\n\ninterface PropsRequired {\n columns: TypescriptColumn[];\n data: TypescriptRow[];\n}\n\ninterface PropsOptional {\n uniqueRowAccessor?: UniqueRowAccessorType;\n cellRendererProps?: Record<string, any>;\n selection?: TypescriptSelection;\n groupedRowsRenderHeader?: TypescriptGenericFunc | string;\n filterBarProps?: {\n filterBarAddonRenderer?: React.ComponentType<any>;\n customPillRenderer?: React.ComponentType<any>;\n extraOptions?: { type: string; id: string; label: string; onClick?: TypescriptGenericFunc }[];\n };\n actionRef?: React.RefObject<any>;\n noResultsSecondaryMessage?: string;\n noResultsButtonLabel?: string;\n noResultsPlaceholder?: TypescriptGenericFunc;\n onNoResultsButtonClick?: TypescriptGenericFunc;\n}\n\nexport interface TypescriptProps extends Partial<PropsWithDefault>, PropsRequired, PropsOptional {}\nexport interface InternalTypescriptProps extends PropsWithDefault, PropsRequired, PropsOptional {}\n\nexport interface FilterProps {\n column: TypescriptColumn;\n ctx: TypescriptContext;\n onFiltersChange?: (filters: DataTableFilter[]) => void;\n onValueChange: (type: string, value: any) => void;\n patchHeaderFilterButtonAndMenu: (headerId: string, newState: any) => void;\n patchHeader: (headerId: string, newHeader: any) => void;\n filterValue?: any;\n reduxHeader?: any;\n innerRef: MutableRefObject<HTMLDivElement | null>;\n}\n\nexport type TypescriptContext = {\n tableProps: InternalTypescriptProps;\n virtualListRef: React.RefObject<HTMLDivElement>;\n columnHeaderRef: React.RefObject<HTMLDivElement>;\n flattenedData: InternalTypescriptRow[];\n allDataFlattened: InternalTypescriptRow[];\n visibleColumns: InternalTypescriptColumn[];\n virtualListHelpers: ReturnType<typeof useVirtual>;\n layoutHelpers: {\n totalColumnsWidth: number | string;\n gridLayout: string[];\n setGridLayout: React.Dispatch<React.SetStateAction<string[]>>;\n };\n paginationHelpers: TypescriptPagination;\n drilldownRowId: string | null;\n setDrilldownRowId: React.Dispatch<React.SetStateAction<string | null>>;\n focusedRowId: string | null;\n setFocusedRowId: React.Dispatch<React.SetStateAction<string | null>>;\n reduxHeaders: Record<string, ReduxHeader>;\n patchHeader: (headerId: string, newHeader: ReduxHeader) => void;\n patchHeaderFilterButtonAndMenu: (headerId: string, value: boolean) => void;\n isShiftPressed: boolean;\n setIsShiftPressed: React.Dispatch<React.SetStateAction<boolean>>;\n lastSelected: React.MutableRefObject<number>;\n};\n"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport type { MutableRefObject } from 'react';\nimport type React from 'react';\nimport type { useVirtual } from 'react-virtual/types';\nimport type { useSortable } from '@elliemae/ds-drag-and-drop';\nimport type { CSSProperties } from 'styled-components';\nimport type { ColsLayoutStyle } from '../configs/constants';\n\nexport type TypescriptGenericFunc = (...args: unknown[]) => unknown;\ninterface FilterOptionT {\n dsId: string;\n type: string;\n value: string;\n label: string;\n}\n\ninterface HeaderComponentProps {\n ctx: TypescriptContext;\n}\n\nexport type DraggablePropsT =\n | false\n | (ReturnType<typeof useSortable> & {\n dropIndicatorPosition: DropIndicatorPosition;\n shouldShowDropIndicatorPosition: boolean;\n lastActiveId: string;\n setLastActiveId: React.Dispatch<React.SetStateAction<string>>;\n isDropValid: boolean;\n });\n\ninterface CellComponentProps<T = HTMLElement> {\n ctx: TypescriptContext;\n isRowSelected: boolean;\n row: InternalTypescriptRow;\n cell: TypescriptCell<T>;\n draggableProps: DraggablePropsT;\n isDragOverlay: boolean;\n}\n\nexport enum DropIndicatorPosition {\n None = 0,\n Before = 1,\n After = 2,\n Inside = 3,\n}\n\nexport interface TypescriptColumn<T extends HTMLElement = HTMLElement> {\n id?: string;\n Header: string | React.ComponentType<HeaderComponentProps>;\n accessor?: string;\n filter?: string;\n filterOptions?: FilterOptionT[] | (() => FilterOptionT[]);\n filterMinWidth?: number | string;\n Filter?: React.ComponentType<FilterProps>;\n Cell?: React.ComponentType<CellComponentProps<T>>;\n editable?: string | TypescriptGenericFunc;\n disableDnD?: boolean;\n width?: number;\n minWidth?: number;\n maxWidth?: number;\n padding?: number;\n columns?: TypescriptColumn[];\n canSort?: boolean;\n isSortedDesc?: boolean;\n canResize?: boolean;\n isFocuseable?: boolean;\n textWrap?: 'wrap' | 'wrap-all' | 'truncate';\n ref?: React.MutableRefObject<HTMLTableColElement>;\n required?: boolean;\n cellStyle?: CSSProperties;\n alwaysDisplayEditIcon?: boolean;\n}\n\nexport interface InternalTypescriptColumn<T extends HTMLElement = HTMLElement> extends TypescriptColumn<T> {\n id: string;\n parentId: string | null;\n depth: number;\n columns?: InternalTypescriptColumn[];\n}\n\nexport interface TypescriptCell<T = HTMLElement> {\n column: TypescriptColumn;\n value: any;\n render: React.ComponentType<CellComponentProps>;\n row: InternalTypescriptRow;\n ref: React.RefObject<T>;\n id: string;\n}\n\nexport interface TypescriptRow {\n [key: string]: any;\n subRows: TypescriptRow[];\n tableRowDetails: React.ComponentType<any>;\n dimsumHeaderValue: string;\n}\n\nexport interface InternalTypescriptRow {\n id: string;\n uid: string;\n index: number;\n realIndex: number;\n parent: InternalTypescriptRow | null;\n parentId: string | null;\n parentIndex: number | null;\n depth: number;\n isExpanded: boolean;\n subRows: TypescriptRow[];\n childrenCount: number;\n original: TypescriptRow;\n cells: TypescriptCell[];\n}\n\nexport type RowVariant = 'ds-header-group-row' | 'ds-primary-row' | 'ds-secondary-row';\n\nexport type TypescriptRenderRowActionsConfig = {\n columnWidth: number;\n renderer: (...args: any[]) => JSX.Element;\n};\n\nexport type TypescriptRenderRowActions = false | TypescriptRenderRowActionsConfig;\n\nexport type TypescriptAppliedFilter = {\n id: string;\n type: string;\n value: any;\n};\n\nexport type TypescriptPagination = {\n page?: any[];\n pageIndex?: number;\n canPreviousPage?: boolean;\n canNextPage?: boolean;\n pageSize?: number;\n dataIsPage?: boolean;\n showPerPageSelector?: boolean;\n perPageOptions?: number[];\n perPageStep?: number;\n minPerPage?: number;\n maxPerPage?: number;\n onPageSizeChange?: (pageSize: number) => void;\n onPreviousPage?: () => void;\n onNextPage?: () => void;\n onPageChange?: (page: number) => void;\n pageCount?: number;\n pageDetails?: string[];\n pageDetailsTitle?: string;\n};\n\nexport type TypescriptSortBy = {\n id: string;\n desc: boolean;\n};\n\nexport type TypescriptSelectionItem = boolean | 'mixed';\n\nexport type TypescriptSelection = Record<string | number, TypescriptSelectionItem>;\n\nexport type UniqueRowAccessorType = string | string[] | ((row: TypescriptRow) => string) | undefined;\n\nexport interface ReduxHeader {\n hideFilterMenu?: boolean;\n hideFilterButton?: boolean;\n showDnDHandle?: boolean;\n withTabStops?: boolean;\n}\n\nexport interface DataTableFilter {\n id: string;\n type: string;\n value: any;\n}\n\ninterface PropsWithDefault {\n height: string;\n width: string;\n renderRowActions: boolean;\n getRowVariant: (\n row: TypescriptRow,\n defaultCellRenderer: React.ComponentType<any>,\n ) => RowVariant | React.ComponentType<any>;\n withFilterBar: boolean;\n isExpandable: boolean;\n expandedRows: Record<string, boolean>;\n disabledRows: Record<string, boolean>;\n isResizeable: boolean;\n isLoading: boolean;\n pagination: false | TypescriptPagination;\n filters: DataTableFilter[];\n colsLayoutStyle: ColsLayoutStyle;\n hiddenColumns: string[];\n noResultsMessage: string;\n dragAndDropRows: boolean;\n maxDragAndDropLevel: number;\n onRowsReorder: (\n newData: TypescriptRow[],\n indexes: { targetIndex: number; fromIndex: number },\n considerExpanding: string,\n extraData: { flattenedData: InternalTypescriptRow[]; allDataFlattened: InternalTypescriptRow[] },\n ) => void;\n dragAndDropColumns: boolean;\n onColumnsReorder: (newData: TypescriptColumn[], indexes: { targetIndex: number; fromIndex: number }) => void;\n getIsDropValid: (\n active: InternalTypescriptRow,\n over: InternalTypescriptRow,\n dropIndicatorPosition: DropIndicatorPosition,\n ) => boolean;\n onColumnResize: (headerId: string, width: number) => void;\n onColumnSizeChange: (newColumns: TypescriptColumn[], headerId: string, width: number) => void;\n onRowClick: TypescriptGenericFunc;\n onRowFocus: TypescriptGenericFunc;\n noSelectionColumn: boolean;\n selectSingle: boolean;\n onSelectionChange: (\n newSelection: TypescriptSelection,\n selectedControl: string,\n event: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent,\n ) => void;\n textWrap: 'wrap' | 'wrap-all' | 'truncate';\n onCellValueChange: (cellChange: { value: any; property: any; rowIndex: number }) => void;\n onFiltersChange: TypescriptGenericFunc;\n onPageChanged: TypescriptGenericFunc;\n onRowExpand: (expandedRows: Record<string, boolean>, toggledRow: string) => void;\n onColumnSortChange: (newSortRequest: { column: any; direction: any }) => void;\n onColumnSort: (newColumns: TypescriptColumn[], headerId: string, direction: 'ASC' | 'DESC') => void;\n}\n\ninterface PropsRequired {\n columns: TypescriptColumn[];\n data: TypescriptRow[];\n}\n\ninterface PropsOptional {\n uniqueRowAccessor?: UniqueRowAccessorType;\n cellRendererProps?: Record<string, any>;\n selection?: TypescriptSelection;\n groupedRowsRenderHeader?: TypescriptGenericFunc | string;\n filterBarProps?: {\n filterBarAddonRenderer?: React.ComponentType<any>;\n customPillRenderer?: React.ComponentType<any>;\n extraOptions?: { type: string; id: string; label: string; onClick?: TypescriptGenericFunc }[];\n };\n actionRef?: React.RefObject<any>;\n noResultsSecondaryMessage?: string;\n noResultsButtonLabel?: string;\n noResultsPlaceholder?: TypescriptGenericFunc;\n onNoResultsButtonClick?: TypescriptGenericFunc;\n}\n\nexport interface TypescriptProps extends Partial<PropsWithDefault>, PropsRequired, PropsOptional {}\nexport interface InternalTypescriptProps extends PropsWithDefault, PropsRequired, PropsOptional {}\n\nexport interface FilterProps {\n column: TypescriptColumn;\n ctx: TypescriptContext;\n onFiltersChange?: (filters: DataTableFilter[]) => void;\n onValueChange: (type: string, value: any) => void;\n patchHeaderFilterButtonAndMenu: (headerId: string, newState: any) => void;\n patchHeader: (headerId: string, newHeader: any) => void;\n filterValue?: any;\n reduxHeader?: any;\n innerRef: MutableRefObject<HTMLDivElement | null>;\n}\n\nexport type TypescriptContext = {\n tableProps: InternalTypescriptProps;\n columnHeaderRef: React.RefObject<HTMLDivElement>;\n virtualListRef: React.RefObject<HTMLDivElement>;\n flattenedData: InternalTypescriptRow[];\n allDataFlattened: InternalTypescriptRow[];\n visibleColumns: InternalTypescriptColumn[];\n virtualListHelpers: ReturnType<typeof useVirtual>;\n layoutHelpers: {\n totalColumnsWidth: number | string;\n gridLayout: string[];\n setGridLayout: React.Dispatch<React.SetStateAction<string[]>>;\n };\n paginationHelpers: TypescriptPagination;\n drilldownRowId: string | null;\n setDrilldownRowId: React.Dispatch<React.SetStateAction<string | null>>;\n focusedRowId: string | null;\n setFocusedRowId: React.Dispatch<React.SetStateAction<string | null>>;\n reduxHeaders: Record<string, ReduxHeader>;\n patchHeader: (headerId: string, newHeader: ReduxHeader) => void;\n patchHeaderFilterButtonAndMenu: (headerId: string, value: boolean) => void;\n isShiftPressed: boolean;\n setIsShiftPressed: React.Dispatch<React.SetStateAction<boolean>>;\n lastSelected: React.MutableRefObject<number>;\n};\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACuChB,IAAK,wBAAL,kBAAKA,2BAAL;AACL,EAAAA,8CAAA,UAAO,KAAP;AACA,EAAAA,8CAAA,YAAS,KAAT;AACA,EAAAA,8CAAA,WAAQ,KAAR;AACA,EAAAA,8CAAA,YAAS,KAAT;AAJU,SAAAA;AAAA,GAAA;",
6
6
  "names": ["DropIndicatorPosition"]
7
7
  }
@@ -4,4 +4,3 @@ export declare const defaultProps: Partial<TypescriptProps>;
4
4
  /** Context for cross component communication */
5
5
  declare const DataTableContext: import("react").Context<TypescriptContext>;
6
6
  export { DataTableContext };
7
- export default DataTableContext;
@@ -2,4 +2,3 @@ import type { InternalTypescriptColumn, TypescriptProps } from '../types/props';
2
2
  type UseTableColsWithAddonsType = (config: TypescriptProps) => InternalTypescriptColumn[];
3
3
  declare const useTableColsWithAddons: UseTableColsWithAddonsType;
4
4
  export { useTableColsWithAddons };
5
- export default useTableColsWithAddons;
@@ -17,4 +17,3 @@ interface RowRendererProps {
17
17
  }
18
18
  declare const RowRenderer: React.ComponentType<RowRendererProps>;
19
19
  export { RowRenderer };
20
- export default RowRenderer;
@@ -6,7 +6,6 @@ export declare const useRowRendererProperties: ({ row, }: {
6
6
  }) => {
7
7
  userDataProperties: Record<string, unknown>;
8
8
  colsLayoutStyle: ColsLayoutStyle;
9
- totalColumnsWidth: string | number | undefined;
10
9
  } & {
11
10
  rowStyle: Record<string, unknown>;
12
11
  shouldAppendDottedBorder: boolean;
@@ -10,4 +10,3 @@ interface CellProps {
10
10
  }
11
11
  declare const Cell: React.ComponentType<CellProps>;
12
12
  export { Cell };
13
- export default Cell;
@@ -6,4 +6,3 @@ declare const Cells: React.ComponentType<{
6
6
  isDragOverlay: boolean;
7
7
  }>;
8
8
  export { Cells };
9
- export default Cells;
@@ -1,9 +1,8 @@
1
1
  import React from 'react';
2
- declare const DragHandle: React.ComponentType<{
2
+ export declare const DragHandle: React.ComponentType<{
3
3
  id: string;
4
4
  isReachable: boolean;
5
5
  isDragOverlay: boolean;
6
6
  isDisabled: boolean;
7
7
  innerRef: React.RefObject<HTMLDivElement> | React.RefCallback<HTMLDivElement>;
8
8
  }>;
9
- export default DragHandle;
@@ -8,4 +8,3 @@ interface DropIndicatorProps {
8
8
  }
9
9
  declare const DropIndicator: React.ComponentType<DropIndicatorProps>;
10
10
  export { DropIndicator };
11
- export default DropIndicator;
@@ -3,4 +3,3 @@ declare const EmptyContent: React.ComponentType<{
3
3
  width: string | number;
4
4
  }>;
5
5
  export { EmptyContent };
6
- export default EmptyContent;
@@ -10,4 +10,4 @@ interface HeaderCellGroupCompProps {
10
10
  }
11
11
  export declare const HeaderCellGroup: React.FunctionComponent<HeaderCellGroupCompProps>;
12
12
  export declare const HeaderCellGroupSortable: (props: HeaderCellGroupCompProps) => JSX.Element;
13
- export default HeaderCellGroupSortable;
13
+ export {};
@@ -1,2 +1 @@
1
1
  export declare const Headers: (props: any) => JSX.Element;
2
- export default Headers;
@@ -1,3 +1,2 @@
1
1
  import React from 'react';
2
2
  export declare const MemoizedLoader: React.MemoExoticComponent<() => JSX.Element>;
3
- export default MemoizedLoader;
@@ -1,4 +1,3 @@
1
1
  export declare const Row: (props: any) => JSX.Element;
2
2
  declare const RowWithContext: (props: any) => JSX.Element;
3
3
  export { RowWithContext };
4
- export default RowWithContext;
@@ -1,2 +1 @@
1
1
  export declare const RowsWithContext: (props: any) => JSX.Element;
2
- export default RowsWithContext;
@@ -1,2 +1 @@
1
1
  export declare const TableContent: () => JSX.Element;
2
- export default TableContent;
@@ -1,2 +1 @@
1
1
  export declare const VirtualRowsList: () => JSX.Element;
2
- export default VirtualRowsList;
@@ -6,13 +6,13 @@ interface WidthAndHeight {
6
6
  }
7
7
  export declare const StyledFocusWithin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
8
8
  export declare const StyledDataTableWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, WidthAndHeight, never>;
9
- export declare const StyledDataTableContentWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, WidthAndHeight & {
9
+ export declare const StyledDataTableContentWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
10
10
  noSelectionAllowed: boolean;
11
11
  }, never>;
12
12
  export declare const StyledTableWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & WidthAndHeight, never>;
13
13
  export declare const StyledTableContentWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, WidthAndHeight, never>;
14
- export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & WidthAndHeight, never>;
15
- export declare const StyledHeadWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & {
14
+ export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
15
+ export declare const StyledHeadWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
16
16
  colsLayoutStyle: string;
17
17
  totalColumnsWidth: number | string;
18
18
  }, never>;
@@ -240,8 +240,8 @@ export interface FilterProps {
240
240
  }
241
241
  export type TypescriptContext = {
242
242
  tableProps: InternalTypescriptProps;
243
- virtualListRef: React.RefObject<HTMLDivElement>;
244
243
  columnHeaderRef: React.RefObject<HTMLDivElement>;
244
+ virtualListRef: React.RefObject<HTMLDivElement>;
245
245
  flattenedData: InternalTypescriptRow[];
246
246
  allDataFlattened: InternalTypescriptRow[];
247
247
  visibleColumns: InternalTypescriptColumn[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-data-table",
3
- "version": "3.13.1",
3
+ "version": "3.13.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Data Table",
6
6
  "files": [
@@ -573,23 +573,23 @@
573
573
  "dependencies": {
574
574
  "react-virtual": "~2.10.4",
575
575
  "uid": "~2.0.0",
576
- "@elliemae/ds-button": "3.13.1",
577
- "@elliemae/ds-dropdownmenu": "3.13.1",
578
- "@elliemae/ds-circular-progress-indicator": "3.13.1",
579
- "@elliemae/ds-grid": "3.13.1",
580
- "@elliemae/ds-icons": "3.13.1",
581
- "@elliemae/ds-pills": "3.13.1",
582
- "@elliemae/ds-popperjs": "3.13.1",
583
- "@elliemae/ds-form": "3.13.1",
584
- "@elliemae/ds-system": "3.13.1",
585
- "@elliemae/ds-truncated-tooltip-text": "3.13.1",
586
- "@elliemae/ds-utilities": "3.13.1",
587
- "@elliemae/ds-pagination": "3.13.1",
588
- "@elliemae/ds-skeleton": "3.13.1",
589
- "@elliemae/ds-toolbar": "3.13.1",
590
- "@elliemae/ds-form-layout-blocks": "3.13.1",
591
- "@elliemae/ds-controlled-form": "3.13.1",
592
- "@elliemae/ds-drag-and-drop": "3.13.1"
576
+ "@elliemae/ds-button": "3.13.2",
577
+ "@elliemae/ds-circular-progress-indicator": "3.13.2",
578
+ "@elliemae/ds-controlled-form": "3.13.2",
579
+ "@elliemae/ds-drag-and-drop": "3.13.2",
580
+ "@elliemae/ds-dropdownmenu": "3.13.2",
581
+ "@elliemae/ds-form": "3.13.2",
582
+ "@elliemae/ds-form-layout-blocks": "3.13.2",
583
+ "@elliemae/ds-grid": "3.13.2",
584
+ "@elliemae/ds-pagination": "3.13.2",
585
+ "@elliemae/ds-pills": "3.13.2",
586
+ "@elliemae/ds-icons": "3.13.2",
587
+ "@elliemae/ds-popperjs": "3.13.2",
588
+ "@elliemae/ds-skeleton": "3.13.2",
589
+ "@elliemae/ds-system": "3.13.2",
590
+ "@elliemae/ds-toolbar": "3.13.2",
591
+ "@elliemae/ds-truncated-tooltip-text": "3.13.2",
592
+ "@elliemae/ds-utilities": "3.13.2"
593
593
  },
594
594
  "devDependencies": {
595
595
  "@testing-library/react": "~12.1.3",
@@ -1,40 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
- mod
23
- ));
24
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
- var parts_exports = {};
26
- __export(parts_exports, {
27
- DnDHandle: () => import_DnDHandle.default,
28
- EmptyContent: () => import_EmptyContent.default,
29
- Loader: () => import_Loader.default,
30
- Row: () => import_Row.default,
31
- TableContent: () => import_TableContent.default
32
- });
33
- module.exports = __toCommonJS(parts_exports);
34
- var React = __toESM(require("react"));
35
- var import_TableContent = __toESM(require("./TableContent"));
36
- var import_Loader = __toESM(require("./Loader"));
37
- var import_EmptyContent = __toESM(require("./EmptyContent"));
38
- var import_Row = __toESM(require("./Row"));
39
- var import_DnDHandle = __toESM(require("./DnDHandle"));
40
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/parts/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export { default as TableContent } from './TableContent';\nexport { default as Loader } from './Loader';\nexport { default as EmptyContent } from './EmptyContent';\nexport { default as Row } from './Row';\nexport { default as DnDHandle } from './DnDHandle';\n\n// not exporting Headers, Rows, RowLoading RowsDnD, VirtualRowsList, VirtualRowsListDnD to avoid circular dependencies\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAwC;AACxC,oBAAkC;AAClC,0BAAwC;AACxC,iBAA+B;AAC/B,uBAAqC;",
6
- "names": []
7
- }
@@ -1,14 +0,0 @@
1
- import * as React from "react";
2
- import { default as default2 } from "./TableContent";
3
- import { default as default3 } from "./Loader";
4
- import { default as default4 } from "./EmptyContent";
5
- import { default as default5 } from "./Row";
6
- import { default as default6 } from "./DnDHandle";
7
- export {
8
- default6 as DnDHandle,
9
- default4 as EmptyContent,
10
- default3 as Loader,
11
- default5 as Row,
12
- default2 as TableContent
13
- };
14
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as TableContent } from './TableContent';\nexport { default as Loader } from './Loader';\nexport { default as EmptyContent } from './EmptyContent';\nexport { default as Row } from './Row';\nexport { default as DnDHandle } from './DnDHandle';\n\n// not exporting Headers, Rows, RowLoading RowsDnD, VirtualRowsList, VirtualRowsListDnD to avoid circular dependencies\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAoB,WAAXA,gBAA+B;AACxC,SAAoB,WAAXA,gBAAyB;AAClC,SAAoB,WAAXA,gBAA+B;AACxC,SAAoB,WAAXA,gBAAsB;AAC/B,SAAoB,WAAXA,gBAA4B;",
6
- "names": ["default"]
7
- }
@@ -1,5 +0,0 @@
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 DnDHandle } from './DnDHandle';