@elliemae/ds-data-table 3.17.0-next.9 → 3.17.0

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

@@ -1,3 +1,6 @@
 import React from 'react';
+import type { DSComboboxT } from '@elliemae/ds-form-combobox';
 import type { FilterProps } from '../../../../types/props.js';
-export declare const MultiCreatableFilter: React.ComponentType<FilterProps>;
+type MultiCreatableFilterValue = DSComboboxT.SelectedOptionsT;
+export declare const MultiCreatableFilter: React.ComponentType<FilterProps<MultiCreatableFilterValue>>;
+export {};

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

@@ -1,3 +1,6 @@
 import React from 'react';
+import type { DSComboboxT } from '@elliemae/ds-form-combobox';
 import type { FilterProps } from '../../../../types/props.js';
-export declare const MultiSelectFilter: React.ComponentType<FilterProps>;
+type MultiSelectFilterValue = DSComboboxT.SelectedOptionsT;
+export declare const MultiSelectFilter: React.ComponentType<FilterProps<MultiSelectFilterValue>>;
+export {};

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

@@ -1,3 +1,6 @@
 import React from 'react';
+import type { DSComboboxT } from '@elliemae/ds-form-combobox';
 import type { FilterProps } from '../../../../types/props.js';
-export declare const SingleCreatableFilter: React.ComponentType<FilterProps>;
+type SingleCreatableFilterValue = DSComboboxT.SelectedOptionsT;
+export declare const SingleCreatableFilter: React.ComponentType<FilterProps<SingleCreatableFilterValue>>;
+export {};

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

@@ -1,3 +1,6 @@
 import React from 'react';
+import type { DSComboboxT } from '@elliemae/ds-form-combobox';
 import type { FilterProps } from '../../../../types/props.js';
-export declare const SingleSelectFilter: React.ComponentType<FilterProps>;
+type SingleSelectFilterValue = DSComboboxT.SelectedOptionsT;
+export declare const SingleSelectFilter: React.ComponentType<FilterProps<SingleSelectFilterValue>>;
+export {};

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

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

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

@@ -1,9 +1,11 @@
+import type { Theme } from '@elliemae/ds-system';
+import type { InternalTypescriptColumn } from '../types/props.js';
 export declare const cellPadding: ({ theme, column }: {
-    theme: any;
-    column: any;
+    theme: Theme;
+    column: InternalTypescriptColumn;
 }) => string;
 export declare const columnPadding: ({ theme, column, shouldShowDnD, }: {
-    theme: any;
-    column: any;
-    shouldShowDnD: boolean;
+    theme: Theme;
+    column: InternalTypescriptColumn;
+    shouldShowDnD?: boolean | undefined;
 }) => string;

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

@@ -1 +1 @@
-export declare const sizeToCss: (size: any) => any;
+export declare const sizeToCss: (size: number | string | null | undefined) => string | number | null | undefined;

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

@@ -1,2 +1,5 @@
-import type { FilterPillComponent, FilterOptionT } from '../types.js';
-export declare const MultiSelectPill: FilterPillComponent<FilterOptionT[]>;
+import type { FilterPillComponent } from '../types.js';
+import type { DSComboboxT } from '@elliemae/ds-form-combobox';
+type MultiSelectPillValues = DSComboboxT.ItemOption[];
+export declare const MultiSelectPill: FilterPillComponent<MultiSelectPillValues>;
+export {};

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

@@ -1,2 +1,3 @@
-import type { FilterOptionT, FilterPillComponent } from '../types.js';
-export declare const SelectPill: FilterPillComponent<FilterOptionT>;
+import type { DSComboboxT } from '@elliemae/ds-form-combobox';
+import type { FilterPillComponent } from '../types.js';
+export declare const SelectPill: FilterPillComponent<DSComboboxT.ItemOption | null>;

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

@@ -1,16 +1,4 @@
 import type React from 'react';
-export type ReduxFilters = {
-    [column: string]: {
-        type: string;
-        value: any;
-    };
-};
-export interface FilterOptionT {
-    dsId: string;
-    type: string;
-    value: string;
-    label: string;
-}
 export type FilterPillComponent<T> = React.ComponentType<{
     columnHeader: string;
     column: string;

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { FilterProps } from '../../types/props.js';
-export declare const FilterMapItem: React.ComponentType<Omit<FilterProps, 'patchHeaderFilterButtonAndMenu' | 'patchHeader' | 'onValueChange'>>;
+import type { FilterItemProps } from '../../types/props.js';
+export declare const FilterMapItem: React.ComponentType<FilterItemProps>;

package/dist/types/parts/Headers/useHeaderCellHandlers.d.ts

@@ -5,7 +5,7 @@ type UseHeaderCellHandlersType = (args: {
     column: InternalTypescriptColumn;
     hasDnD: boolean;
     dragHandleRef: React.MutableRefObject<HTMLDivElement | null>;
-    filterIconRef: React.MutableRefObject<HTMLDivElement | null>;
+    filterIconRef: React.MutableRefObject<HTMLButtonElement | null>;
 }) => {
     onMouseEnter: React.MouseEventHandler;
     onMouseLeave: React.MouseEventHandler;

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

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const MemoizedLoader: React.MemoExoticComponent<() => JSX.Element>;
+export declare const MemoizedLoader: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const Row: (props: any) => JSX.Element;
+export declare const Row: (props: any) => import("react/jsx-runtime.js").JSX.Element;
 declare const RowWithContext: (props: any) => JSX.Element;
 export { RowWithContext };

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const TableContent: () => JSX.Element;
+export declare const TableContent: () => import("react/jsx-runtime.js").JSX.Element;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const VirtualRowsList: () => JSX.Element;
+export declare const VirtualRowsList: () => import("react/jsx-runtime.js").JSX.Element;

package/dist/types/styled.d.ts

@@ -1,46 +1,66 @@
 /// <reference types="react" />
+import { type Theme } from '@elliemae/ds-system';
 import { ColsLayoutStyle } from './configs/constants.js';
+import type { InternalTypescriptColumn } from './types/props.js';
 interface WidthAndHeight {
     width?: string | number;
     height?: string | number;
 }
-export declare const StyledFocusWithin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
-export declare const StyledDataTableWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, WidthAndHeight, never>;
-export declare const StyledDataTableContentWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
+export declare const StyledFocusWithin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
+    hideFocus?: boolean | undefined;
+}, never>;
+export declare const StyledDataTableWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, WidthAndHeight, never>;
+export declare const StyledDataTableContentWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
     noSelectionAllowed: boolean;
 }, never>;
-export declare const StyledTableWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & WidthAndHeight, never>;
-export declare const StyledTableContentWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, WidthAndHeight, never>;
-export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
-export declare const StyledHeadWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
+export declare const StyledTableWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, Theme, Record<string, unknown> & WidthAndHeight, never>;
+export declare const StyledTableContentWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, WidthAndHeight, never>;
+export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, object, never>;
+export declare const StyledHeadWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
     colsLayoutStyle: string;
     totalColumnsWidth: number | string;
 }, never>;
-export declare const StyledHeadTr: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
+export declare const StyledHeadTr: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
     isExpandable: boolean;
     colsLayoutStyle: ColsLayoutStyle;
+    cols: string[];
+}, never>;
+export declare const StyledHeadTh: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, Theme, Record<string, unknown> & {
+    isDraggingActive?: boolean | undefined;
+    column: InternalTypescriptColumn;
 }, never>;
-export declare const StyledHeadTh: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, any, never>;
-export declare const StyledHeaderRightIconsWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
-export declare const StyledResizer: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & {
+export declare const StyledHeaderRightIconsWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, Theme, Record<string, unknown> & object, never>;
+export declare const StyledResizer: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, Theme, Record<string, unknown> & {
     isResizing: boolean;
 }, never>;
-export declare const StyledActionCell: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
-export declare const StyledCell: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & {
-    theme: any;
-    column: any;
+export declare const StyledActionCell: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, Theme, Record<string, unknown> & object, never>;
+export declare const StyledCell: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, Theme, Record<string, unknown> & {
+    theme: Theme;
+    column: InternalTypescriptColumn<HTMLElement>;
 }, never>;
-export declare const StyledCellContent: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
-export declare const StyledPencilIcon: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("@elliemae/ds-system").Theme, object, never>;
-export declare const StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
+export declare const StyledCellContent: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, Theme, Record<string, unknown> & object, never>;
+export declare const StyledPencilIcon: import("styled-components").StyledComponent<(rest: import("@elliemae/ds-icons").SvgIconT.Props) => import("react/jsx-runtime.js").JSX.Element, Theme, object, never>;
+export declare const StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
     shouldDisplayEditIcon: string;
 }, never>;
-export declare const StyledFullsizeGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
-export declare const GroupHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
+export declare const StyledFullsizeGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
+    minHeight: string;
+}, never>;
+export declare const GroupHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
     paddingLeft: string;
 }, never>;
-export declare const GroupHeaderTitle: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
-export declare const StyledCellContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
+export declare const GroupHeaderTitle: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, Theme, Record<string, unknown> & object, never>;
+export declare const StyledCellContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
     backgroundColor?: string | undefined;
+    isDragOverlay?: boolean | undefined;
+    isDragging?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isExpandable?: boolean | undefined;
+    colsLayoutStyle?: ColsLayoutStyle | undefined;
+    cols?: string[] | undefined;
+    isDropValid?: boolean | undefined;
+    shouldDisplayHover?: boolean | undefined;
+    isDropIndicatorPositionInside?: boolean | undefined;
+    minHeight?: string | undefined;
 }, never>;
 export {};

package/dist/types/types/props.d.ts

@@ -4,13 +4,9 @@ import type { useVirtual } from 'react-virtual/types';
 import type { useSortable } from '@elliemae/ds-drag-and-drop';
 import type { CSSProperties } from 'styled-components';
 import type { ColsLayoutStyle } from '../configs/constants.js';
+import type { DSComboboxT } from '@elliemae/ds-form-combobox';
 export type TypescriptGenericFunc = (...args: unknown[]) => unknown;
-interface FilterOptionT {
-    dsId: string;
-    type: string;
-    value: string;
-    label: string;
-}
+export type FilterOptionT = DSComboboxT.Props['allOptions'][number];
 interface HeaderComponentProps {
     ctx: TypescriptContext;
 }
@@ -40,7 +36,7 @@ export interface TypescriptColumn<T extends HTMLElement = HTMLElement> {
     filter?: string;
     filterOptions?: FilterOptionT[] | (() => FilterOptionT[]);
     filterMinWidth?: number | string;
-    Filter?: React.ComponentType<FilterProps>;
+    Filter?: React.ComponentType<FilterProps<unknown>>;
     Cell?: React.ComponentType<CellComponentProps<T>>;
     editable?: string | TypescriptGenericFunc;
     disableDnD?: boolean;
@@ -143,7 +139,7 @@ export interface ReduxHeader {
 export interface DataTableFilter {
     id: string;
     type: string;
-    value: any;
+    value: unknown;
 }
 interface PropsWithDefault {
     height: string;
@@ -210,6 +206,11 @@ interface PropsOptional {
     filterBarProps?: {
         filterBarAddonRenderer?: React.ComponentType<any>;
         customPillRenderer?: React.ComponentType<any>;
+        onClearAllFiltersClick?: () => void;
+        onDropdownMenuToggle?: (isOpen: boolean, eventType: string) => void;
+        onDropdownMenuClickOutside?: () => void;
+        onDropdownMenuTriggerClick?: () => void;
+        isDropdownMenuOpen?: boolean;
         extraOptions?: {
             type: string;
             id: string;
@@ -229,16 +230,23 @@ export interface TypescriptProps extends Partial<PropsWithDefault>, PropsRequire
 }
 export interface InternalTypescriptProps extends PropsWithDefault, PropsRequired, PropsOptional {
 }
-export interface FilterProps {
-    column: TypescriptColumn;
+export interface FilterItemProps {
+    column: InternalTypescriptColumn;
+    ctx: TypescriptContext;
+    filters: DataTableFilter[];
+    onFiltersChange: (filters: DataTableFilter[]) => void;
+    reduxHeader: ReduxHeader;
+    innerRef: MutableRefObject<HTMLButtonElement | null>;
+}
+export interface FilterProps<T> {
+    column: InternalTypescriptColumn;
     ctx: TypescriptContext;
-    onFiltersChange?: (filters: DataTableFilter[]) => void;
-    onValueChange: (type: string, value: any) => void;
+    onValueChange: (type: string, value: T | undefined) => void;
     patchHeaderFilterButtonAndMenu: (headerId: string, newState: any) => void;
     patchHeader: (headerId: string, newHeader: any) => void;
-    filterValue?: any;
-    reduxHeader?: any;
-    innerRef: MutableRefObject<HTMLDivElement | null>;
+    filterValue: T;
+    reduxHeader: ReduxHeader;
+    innerRef: MutableRefObject<HTMLButtonElement | null>;
 }
 export type TypescriptContext = {
     tableProps: InternalTypescriptProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-data-table",
-  "version": "3.17.0-next.9",
+  "version": "3.17.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Table",
   "files": [
@@ -573,24 +573,27 @@
   "dependencies": {
     "react-virtual": "~2.10.4",
     "uid": "~2.0.1",
-    "@elliemae/ds-button": "3.17.0-next.9",
-    "@elliemae/ds-dropdownmenu": "3.17.0-next.9",
-    "@elliemae/ds-form": "3.17.0-next.9",
-    "@elliemae/ds-circular-progress-indicator": "3.17.0-next.9",
-    "@elliemae/ds-grid": "3.17.0-next.9",
-    "@elliemae/ds-icons": "3.17.0-next.9",
-    "@elliemae/ds-pagination": "3.17.0-next.9",
-    "@elliemae/ds-pills": "3.17.0-next.9",
-    "@elliemae/ds-popperjs": "3.17.0-next.9",
-    "@elliemae/ds-props-helpers": "3.17.0-next.9",
-    "@elliemae/ds-controlled-form": "3.17.0-next.9",
-    "@elliemae/ds-system": "3.17.0-next.9",
-    "@elliemae/ds-form-layout-blocks": "3.17.0-next.9",
-    "@elliemae/ds-truncated-tooltip-text": "3.17.0-next.9",
-    "@elliemae/ds-utilities": "3.17.0-next.9",
-    "@elliemae/ds-drag-and-drop": "3.17.0-next.9",
-    "@elliemae/ds-toolbar": "3.17.0-next.9",
-    "@elliemae/ds-skeleton": "3.17.0-next.9"
+    "@elliemae/ds-button": "3.17.0",
+    "@elliemae/ds-circular-progress-indicator": "3.17.0",
+    "@elliemae/ds-controlled-form": "3.17.0",
+    "@elliemae/ds-drag-and-drop": "3.17.0",
+    "@elliemae/ds-dropdownmenu": "3.17.0",
+    "@elliemae/ds-form-checkbox": "3.17.0",
+    "@elliemae/ds-form-combobox": "3.17.0",
+    "@elliemae/ds-form-date-range-picker": "3.17.0",
+    "@elliemae/ds-form-date-time-picker": "3.17.0",
+    "@elliemae/ds-form-layout-blocks": "3.17.0",
+    "@elliemae/ds-grid": "3.17.0",
+    "@elliemae/ds-pills": "3.17.0",
+    "@elliemae/ds-pagination": "3.17.0",
+    "@elliemae/ds-icons": "3.17.0",
+    "@elliemae/ds-popperjs": "3.17.0",
+    "@elliemae/ds-props-helpers": "3.17.0",
+    "@elliemae/ds-skeleton": "3.17.0",
+    "@elliemae/ds-system": "3.17.0",
+    "@elliemae/ds-toolbar": "3.17.0",
+    "@elliemae/ds-truncated-tooltip-text": "3.17.0",
+    "@elliemae/ds-utilities": "3.17.0"
   },
   "devDependencies": {
     "@testing-library/react": "~12.1.3",