@elliemae/ds-data-table 3.16.0-next.2 → 3.16.0-next.21

package/dist/types/DataTable.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TypescriptProps } from './types/props';
+import type { TypescriptProps } from './types/props.js';
 export declare const DataTable: {
     (props: TypescriptProps): JSX.Element;
     propTypes: React.WeakValidationMap<unknown>;
@@ -7,60 +7,60 @@ export declare const DataTable: {
         height?: string | undefined;
         width?: string | undefined;
         renderRowActions?: boolean | undefined;
-        getRowVariant?: ((row: import("./types/props").TypescriptRow, defaultCellRenderer: React.ComponentType<any>) => React.ComponentType<any> | import("./types/props").RowVariant) | undefined;
+        getRowVariant?: ((row: import("./types/props.js").TypescriptRow, defaultCellRenderer: React.ComponentType<any>) => React.ComponentType<any> | import("./types/props.js").RowVariant) | undefined;
         withFilterBar?: boolean | undefined;
         isExpandable?: boolean | undefined;
         expandedRows?: Record<string, boolean> | undefined;
         disabledRows?: Record<string, boolean> | undefined;
         isResizeable?: boolean | undefined;
         isLoading?: boolean | undefined;
-        pagination?: false | import("./types/props").TypescriptPagination | undefined;
-        filters?: import("./types/props").DataTableFilter[] | undefined;
-        colsLayoutStyle?: import("./configs/constants").ColsLayoutStyle | undefined;
+        pagination?: false | import("./types/props.js").TypescriptPagination | undefined;
+        filters?: import("./types/props.js").DataTableFilter[] | undefined;
+        colsLayoutStyle?: import("./configs/constants.js").ColsLayoutStyle | undefined;
         hiddenColumns?: string[] | undefined;
         noResultsMessage?: string | undefined;
         dragAndDropRows?: boolean | undefined;
         maxDragAndDropLevel?: number | undefined;
-        onRowsReorder?: ((newData: import("./types/props").TypescriptRow[], indexes: {
+        onRowsReorder?: ((newData: import("./types/props.js").TypescriptRow[], indexes: {
             targetIndex: number;
             fromIndex: number;
         }, considerExpanding: string | null, extraData: {
-            flattenedData: import("./types/props").InternalTypescriptRow[];
-            allDataFlattened: import("./types/props").InternalTypescriptRow[];
+            flattenedData: import("./types/props.js").InternalTypescriptRow[];
+            allDataFlattened: import("./types/props.js").InternalTypescriptRow[];
         }) => void) | undefined;
         dragAndDropColumns?: boolean | undefined;
-        onColumnsReorder?: ((newData: import("./types/props").TypescriptColumn<HTMLElement>[], indexes: {
+        onColumnsReorder?: ((newData: import("./types/props.js").TypescriptColumn<HTMLElement>[], indexes: {
             targetIndex: number;
             fromIndex: number;
         }) => void) | undefined;
-        getIsDropValid?: ((active: import("./types/props").InternalTypescriptRow, over: import("./types/props").InternalTypescriptRow, dropIndicatorPosition: import("./types/props").DropIndicatorPosition) => boolean) | undefined;
+        getIsDropValid?: ((active: import("./types/props.js").InternalTypescriptRow, over: import("./types/props.js").InternalTypescriptRow, dropIndicatorPosition: import("./types/props.js").DropIndicatorPosition) => boolean) | undefined;
         onColumnResize?: ((headerId: string, width: number) => void) | undefined;
-        onColumnSizeChange?: ((newColumns: import("./types/props").TypescriptColumn<HTMLElement>[], headerId: string, width: number) => void) | undefined;
-        onRowClick?: import("./types/props").TypescriptGenericFunc | undefined;
-        onRowFocus?: import("./types/props").TypescriptGenericFunc | undefined;
+        onColumnSizeChange?: ((newColumns: import("./types/props.js").TypescriptColumn<HTMLElement>[], headerId: string, width: number) => void) | undefined;
+        onRowClick?: import("./types/props.js").TypescriptGenericFunc | undefined;
+        onRowFocus?: import("./types/props.js").TypescriptGenericFunc | undefined;
         noSelectionColumn?: boolean | undefined;
         selectSingle?: boolean | undefined;
-        onSelectionChange?: ((newSelection: import("./types/props").TypescriptSelection, selectedControl: string, event: React.ChangeEvent<Element> | React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void) | undefined;
+        onSelectionChange?: ((newSelection: import("./types/props.js").TypescriptSelection, selectedControl: string, event: React.ChangeEvent<Element> | React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void) | undefined;
         textWrap?: "wrap" | "wrap-all" | "truncate" | undefined;
         onCellValueChange?: ((cellChange: {
             value: any;
             property: any;
             rowIndex: number;
         }) => void) | undefined;
-        onFiltersChange?: import("./types/props").TypescriptGenericFunc | undefined;
-        onPageChanged?: import("./types/props").TypescriptGenericFunc | undefined;
+        onFiltersChange?: import("./types/props.js").TypescriptGenericFunc | undefined;
+        onPageChanged?: import("./types/props.js").TypescriptGenericFunc | undefined;
         onRowExpand?: ((expandedRows: Record<string, boolean>, toggledRow: string) => void) | undefined;
         onColumnSortChange?: ((newSortRequest: {
             column: any;
             direction: any;
         }) => void) | undefined;
-        onColumnSort?: ((newColumns: import("./types/props").TypescriptColumn<HTMLElement>[], headerId: string, direction: "ASC" | "DESC") => void) | undefined;
-        columns?: import("./types/props").TypescriptColumn<HTMLElement>[] | undefined;
-        data?: import("./types/props").TypescriptRow[] | undefined;
-        uniqueRowAccessor?: import("./types/props").UniqueRowAccessorType;
+        onColumnSort?: ((newColumns: import("./types/props.js").TypescriptColumn<HTMLElement>[], headerId: string, direction: "ASC" | "DESC") => void) | undefined;
+        columns?: import("./types/props.js").TypescriptColumn<HTMLElement>[] | undefined;
+        data?: import("./types/props.js").TypescriptRow[] | undefined;
+        uniqueRowAccessor?: import("./types/props.js").UniqueRowAccessorType;
         cellRendererProps?: Record<string, any> | undefined;
-        selection?: import("./types/props").TypescriptSelection | undefined;
-        groupedRowsRenderHeader?: string | import("./types/props").TypescriptGenericFunc | undefined;
+        selection?: import("./types/props.js").TypescriptSelection | undefined;
+        groupedRowsRenderHeader?: string | import("./types/props.js").TypescriptGenericFunc | undefined;
         filterBarProps?: {
             filterBarAddonRenderer?: React.ComponentType<any> | undefined;
             customPillRenderer?: React.ComponentType<any> | undefined;
@@ -68,15 +68,16 @@ export declare const DataTable: {
                 type: string;
                 id: string;
                 label: string;
-                onClick?: import("./types/props").TypescriptGenericFunc | undefined;
+                onClick?: import("./types/props.js").TypescriptGenericFunc | undefined;
             }[] | undefined;
         } | undefined;
         actionRef?: React.RefObject<any> | undefined;
         noResultsSecondaryMessage?: string | undefined;
         noResultsButtonLabel?: string | undefined;
-        noResultsPlaceholder?: import("./types/props").TypescriptGenericFunc | undefined;
-        onNoResultsButtonClick?: import("./types/props").TypescriptGenericFunc | undefined;
+        noResultsPlaceholder?: import("./types/props.js").TypescriptGenericFunc | undefined;
+        onNoResultsButtonClick?: import("./types/props.js").TypescriptGenericFunc | undefined;
+        Pagination?: React.ComponentType<Record<string, never>> | undefined;
     };
     displayName: string;
 };
-export declare const DataTableWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<TypescriptProps>;
+export declare const DataTableWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<TypescriptProps>;

package/dist/types/DataTableContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { TypescriptContext, TypescriptProps } from './types/props';
+import type { TypescriptContext, TypescriptProps } from './types/props.js';
 export declare const defaultProps: Partial<TypescriptProps>;
 /** Context for cross component communication */
 declare const DataTableContext: import("react").Context<TypescriptContext>;

package/dist/types/addons/Columns/ColumnAction/ColumnAction.d.ts

@@ -1,4 +1,4 @@
-import type { TypescriptColumn, TypescriptRenderRowActionsConfig } from '../../../types/props';
+import type { TypescriptColumn, TypescriptRenderRowActionsConfig } from '../../../types/props.js';
 type ConfigurableColumn = (renderRowActions: TypescriptRenderRowActionsConfig) => TypescriptColumn;
 export declare const actionColumn: ConfigurableColumn;
 export {};

package/dist/types/addons/Columns/ColumnDragHandle/ColumnDragHandle.d.ts

@@ -1,2 +1,2 @@
-import type { TypescriptColumn } from '../../../types/props';
+import type { TypescriptColumn } from '../../../types/props.js';
 export declare const dragHandleColumn: TypescriptColumn<HTMLDivElement>;

package/dist/types/addons/Columns/ColumnExpand/ColumnExpand.d.ts

@@ -1,2 +1,2 @@
-import type { TypescriptColumn } from '../../../types/props';
+import type { TypescriptColumn } from '../../../types/props.js';
 export declare const expandRowColumn: TypescriptColumn<HTMLSpanElement>;

package/dist/types/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.d.ts

@@ -1,2 +1,2 @@
-import type { TypescriptColumn } from '../../../types/props';
+import type { TypescriptColumn } from '../../../types/props.js';
 export declare const multiSelectColumn: TypescriptColumn<HTMLInputElement>;

package/dist/types/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.d.ts

@@ -1,2 +1,2 @@
-import type { TypescriptColumn } from '../../../types/props';
+import type { TypescriptColumn } from '../../../types/props.js';
 export declare const singleSelectColumn: TypescriptColumn<HTMLInputElement>;

package/dist/types/addons/Columns/index.d.ts

@@ -1,6 +1,6 @@
-export { actionColumn } from './ColumnAction/ColumnAction';
-export { expandRowColumn } from './ColumnExpand/ColumnExpand';
-export { multiSelectColumn } from './ColumnSelectMultiple/ColumnSelectMultiple';
-export { singleSelectColumn } from './ColumnSelectSingle/ColumnSelectSingle';
-export { dragHandleColumn } from './ColumnDragHandle/ColumnDragHandle';
+export { actionColumn } from './ColumnAction/ColumnAction.js';
+export { expandRowColumn } from './ColumnExpand/ColumnExpand.js';
+export { multiSelectColumn } from './ColumnSelectMultiple/ColumnSelectMultiple.js';
+export { singleSelectColumn } from './ColumnSelectSingle/ColumnSelectSingle.js';
+export { dragHandleColumn } from './ColumnDragHandle/ColumnDragHandle.js';
 export declare const INTERNAL_COLUMNS: string[];

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FilterProps } from '../../../../types/props';
+import type { FilterProps } from '../../../../types/props.js';
 interface FilterOptionT {
     dsId: string;
     type: string;

package/dist/types/addons/Filters/Components/SelectFilter/MultiCreatableFilter.d.ts

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

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

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

package/dist/types/addons/Filters/Components/SelectFilter/SingleCreatableFilter.d.ts

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

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

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

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

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

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

@@ -1,9 +1,9 @@
-export * from './DateRangeFilter';
-export * from './DateSwitcherFilter';
-export * from './NumberRangeFilter';
-export * from './CurrencyRangeFilter';
-export * from './SelectFilter/SingleSelectFilter';
-export * from './SelectFilter/MultiSelectFilter';
-export * from './SingleDateFilter';
-export * from './SelectFilter/SingleCreatableFilter';
-export * from './SelectFilter/MultiCreatableFilter';
+export * from './DateRangeFilter/index.js';
+export * from './DateSwitcherFilter/index.js';
+export * from './NumberRangeFilter/index.js';
+export * from './CurrencyRangeFilter/index.js';
+export * from './SelectFilter/SingleSelectFilter.js';
+export * from './SelectFilter/MultiSelectFilter.js';
+export * from './SingleDateFilter/index.js';
+export * from './SelectFilter/SingleCreatableFilter.js';
+export * from './SelectFilter/MultiCreatableFilter.js';

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

@@ -1 +1 @@
-export * from './Components';
+export * from './Components/index.js';

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

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

package/dist/types/configs/index.d.ts

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

package/dist/types/configs/useDatatableConfig.d.ts

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

package/dist/types/configs/useInternalStateConfig.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ReduxHeader } from '../types/props';
+import type { ReduxHeader } from '../types/props.js';
 export declare const useInternalStateConfig: () => {
     drilldownRowId: string | null;
     setDrilldownRowId: import("react").Dispatch<import("react").SetStateAction<string | null>>;

package/dist/types/configs/usePaginationConfig.d.ts

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

package/dist/types/configs/useRowFlattenization.d.ts

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

package/dist/types/configs/useTableColsWithAddons.d.ts

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

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

@@ -1 +1 @@
-export * from './FilterBarDropdownMenu';
+export * from './FilterBarDropdownMenu.js';

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { FilterPopoverProps } from './types';
+import type { FilterPopoverProps } from './types.js';
 export declare const FilterPopover: React.ComponentType<FilterPopoverProps>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { InternalTypescriptColumn, ReduxHeader } from '../../types/props';
+import type { InternalTypescriptColumn, ReduxHeader } from '../../types/props.js';
 export interface FilterPopoverProps {
     column: InternalTypescriptColumn;
     columnId: string;

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

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { FilterPopoverProps } from './types';
+import type { FilterPopoverProps } from './types.js';
 export declare const useGetFilterHandlers: (props: FilterPopoverProps, isMenuOpen: boolean, buttonReference: HTMLButtonElement | null, setIsButtonFocused: React.Dispatch<React.SetStateAction<boolean>>) => {
     handleTriggerClick: (e: React.MouseEvent) => void;
     handleClickOutsideMenu: () => void;

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

@@ -1,4 +1,4 @@
-import type { ReduxHeader } from '../../types/props';
+import type { ReduxHeader } from '../../types/props.js';
 export declare const useGetFilterVisibility: (reduxHeader: ReduxHeader) => {
     isIconVisible: boolean;
     isMenuOpen: boolean;

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

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

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

@@ -1,4 +1,4 @@
-import type { FilterFn } from './types';
+import type { FilterFn } from './types.js';
 export declare const currencyRangeFilterFn: FilterFn<{
     from: string;
     to: string;

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

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

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

@@ -1,4 +1,4 @@
-import type { FilterFn } from './types';
+import type { FilterFn } from './types.js';
 export declare const dateSwitcherFilterFn: FilterFn<{
     startDate: string;
     endDate: string;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import type { FilterFn } from './types';
+import type { FilterFn } from './types.js';
 export declare const numberRangeFilterFn: FilterFn<{
     from: number;
     to: number;

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { RowVariantProps } from '../../parts/RowVariants/types';
-import type { InternalTypescriptRow } from '../../types/props';
+import type { RowVariantProps } from '../../parts/RowVariants/types.js';
+import type { InternalTypescriptRow } from '../../types/props.js';
 interface RowRendererProps {
     row: InternalTypescriptRow;
     compact?: boolean;

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

@@ -1,6 +1,6 @@
 import type React from 'react';
-import type { SortableItemContextType } from '../../parts/HoC/SortableItemContext';
-import type { InternalTypescriptRow } from '../../types/props';
+import type { SortableItemContextType } from '../../parts/HoC/SortableItemContext.js';
+import type { InternalTypescriptRow } from '../../types/props.js';
 export declare const useRowRendererHandlers: ({ row, itemIndex, items, draggableProps, isDragOverlay, drilldownRowId, }: {
     row: InternalTypescriptRow;
     itemIndex: number;

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

@@ -1,6 +1,6 @@
-import type { ColsLayoutStyle } from '../../configs/constants';
-import type { InternalTypescriptRow } from '../../types/props';
-import { useRowStyle } from './useRowStyle';
+import type { ColsLayoutStyle } from '../../configs/constants.js';
+import type { InternalTypescriptRow } from '../../types/props.js';
+import { useRowStyle } from './useRowStyle.js';
 export declare const useRowRendererProperties: ({ row, }: {
     row: InternalTypescriptRow;
 }) => {
@@ -9,6 +9,6 @@ export declare const useRowRendererProperties: ({ row, }: {
 } & {
     rowStyle: Record<string, unknown>;
     shouldAppendDottedBorder: boolean;
-    dropIndicatorPosition: false | import("../../types/props").DropIndicatorPosition;
+    dropIndicatorPosition: false | import("../../types/props.js").DropIndicatorPosition;
     isDropValid: boolean;
 };

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

@@ -1,4 +1,4 @@
-import type { InternalTypescriptRow, DropIndicatorPosition } from '../../types/props';
+import type { InternalTypescriptRow, DropIndicatorPosition } from '../../types/props.js';
 export declare const useRowStyle: (row: InternalTypescriptRow) => {
     rowStyle: Record<string, unknown>;
     shouldAppendDottedBorder: boolean;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TypescriptCell } from '../../types/props';
+import type { TypescriptCell } from '../../types/props.js';
 interface ToolbarProps {
     isRowSelected?: boolean;
     cell: TypescriptCell;

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

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

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

@@ -1,8 +1,8 @@
-export { FilterPopover } from './FilterPopover';
-export { EditableCell } from './EditableCell';
-export { Toolbar } from './Toolbar';
-export { groupBy } from './groupBy';
-export * from './FilterTypes';
-export * from './RowVariants';
-export * from './Filters';
-export * from './FilterBar';
+export { FilterPopover } from './FilterPopover/index.js';
+export { EditableCell } from './EditableCell.js';
+export { Toolbar } from './Toolbar/index.js';
+export { groupBy } from './groupBy.js';
+export * from './FilterTypes.js';
+export * from './RowVariants.js';
+export * from './Filters/index.js';
+export * from './FilterBar/index.js';

package/dist/types/helpers/addCellData.d.ts

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

package/dist/types/helpers/columnsToGrid.d.ts

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

package/dist/types/helpers/getIdFromUniqueRowAccessor.d.ts

@@ -1,2 +1,2 @@
-import type { InternalTypescriptRow, UniqueRowAccessorType } from '../types/props';
+import type { InternalTypescriptRow, UniqueRowAccessorType } from '../types/props.js';
 export declare const getIdFromUniqueRowAccessor: (uniqueRowAccessor: UniqueRowAccessorType, row: Pick<InternalTypescriptRow, 'id' | 'original'>) => string;

package/dist/types/helpers/index.d.ts

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

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export * from './DataTable';
-export * from './exported-related';
-export * from './addons/Columns';
+export * from './DataTable.js';
+export * from './exported-related/index.js';
+export * from './addons/Columns/index.js';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TypescriptColumn, TypescriptRow } from '../../types/props';
+import type { TypescriptColumn, TypescriptRow } from '../../types/props.js';
 interface CellProps {
     cell: any;
     column: TypescriptColumn;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TypescriptRow } from '../../types/props';
+import type { TypescriptRow } from '../../types/props.js';
 declare const Cells: React.ComponentType<{
     row: TypescriptRow;
     isRowSelected: boolean;

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

@@ -1,3 +1,3 @@
 import { type CSSProperties } from 'react';
-import type { InternalTypescriptColumn } from '../../types/props';
+import type { InternalTypescriptColumn } from '../../types/props.js';
 export declare const useCellStyle: (column: InternalTypescriptColumn, shouldAddExpandCell: boolean) => [string, CSSProperties];

package/dist/types/parts/DropIndicator.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DropIndicatorPosition } from '../types/props';
+import { DropIndicatorPosition } from '../types/props.js';
 interface DropIndicatorProps {
     vertical: boolean;
     dropIndicatorPosition: false | DropIndicatorPosition;

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

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

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

@@ -1,4 +1,4 @@
-import type { FilterPillComponent } from '../types';
+import type { FilterPillComponent } from '../types.js';
 export declare const DateSwitcherPill: FilterPillComponent<{
     startDate: string;
     endDate: string;

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

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

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

@@ -1,4 +1,4 @@
-import type { FilterPillComponent } from '../types';
+import type { FilterPillComponent } from '../types.js';
 export declare const NumberRangePill: FilterPillComponent<{
     from: string;
     to: string;