@elliemae/ds-data-table 3.80.0-next.64 → 3.80.0-next.65

package/dist/esm/styled.js

@@ -6,7 +6,7 @@ import { styled } from "@elliemae/ds-system";
 import { ColsLayoutStyle } from "./configs/constants.js";
 import { ZIndexDataTable } from "./configs/zIndexInternalConfig.js";
 import { DSDataTableName, DSDataTableSlots } from "./constants/index.js";
-import { cellPadding, columnPadding, sizeToCss } from "./helpers/index.js";
+import { cellPadding, columnPadding, sizeToCss, smallButtonSizeCss } from "./helpers/index.js";
 const styledFocusCss = ({ theme }, color) => `
 &:after {
   display: block;
@@ -20,7 +20,10 @@ const styledFocusCss = ({ theme }, color) => `
   pointer-events: none;
   z-index: ${ZIndexDataTable.FOCUS_BORDER};
 }`;
-const StyledFocusWithin = styled(Grid)`
+const StyledFocusWithin = styled(Grid, {
+  name: DSDataTableName,
+  slot: DSDataTableSlots.FOCUS_WITHIN
+})`
   :focus-within {
     ${(props) => props.hideFocus ? "" : styledFocusCss(props)}
   }
@@ -158,6 +161,9 @@ const StyledHeaderRightIconsWrapper = styled("div", {
   name: DSDataTableName,
   slot: DSDataTableSlots.HEAD_RIGHT_ICONS_WRAPPER
 })`
+  & > button {
+    ${smallButtonSizeCss}
+  }
   display: flex;
   align-items: center;
   align-self: flex-start;

package/dist/esm/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { DSInputText } from '@elliemae/ds-form-input-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { EditPencil } from '@elliemae/ds-icons';\nimport { styled, type Theme } from '@elliemae/ds-system';\nimport { ColsLayoutStyle } from './configs/constants.js';\nimport { ZIndexDataTable } from './configs/zIndexInternalConfig.js';\nimport { DSDataTableName, DSDataTableSlots } from './constants/index.js';\nimport { cellPadding, columnPadding, sizeToCss } from './helpers/index.js';\nimport type { DSDataTableT } from './react-desc-prop-types.js';\n\ninterface WidthAndHeight {\n  width?: string | number;\n  height?: string | number;\n}\n\nconst styledFocusCss = ({ theme }: { theme: Theme }, color?: string) => `\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ${color ?? theme.colors.brand[700]};\n  pointer-events: none;\n  z-index: ${ZIndexDataTable.FOCUS_BORDER};\n}`;\n\nexport const StyledFocusWithin = styled(Grid)<{ hideFocus?: boolean }>`\n  :focus-within {\n    ${(props) => (props.hideFocus ? '' : styledFocusCss(props))}\n  }\n  svg {\n    fill: ${(props) => props.theme.colors.brand['800']};\n  }\n`;\n\nexport const StyledDataTableWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.ROOT,\n})<WidthAndHeight>`\n  width: ${(props) => sizeToCss(props.width ?? ' 100%')};\n  height: ${(props) => sizeToCss(props.height ?? ' 100%')};\n`;\n\nexport const StyledDataTableContentWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CONTENT_WRAPPER,\n})<{ noSelectionAllowed: boolean }>`\n  user-select: ${({ noSelectionAllowed }) => (noSelectionAllowed ? 'none' : 'auto')};\n  width: 100%;\n`;\n\nexport const StyledTableWrapper = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.TABLE_WRAPPER,\n})<WidthAndHeight>`\n  display: inline-block;\n  border-spacing: 0;\n  z-index: 0;\n  position: relative;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledPaginationWrapper = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.PAGINATION_WRAPPER,\n})`\n  width: 100%;\n`;\n\nexport const StyledTableContentWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.TABLE_CONTENT_WRAPPER,\n})<{ height?: string | number }>`\n  position: relative;\n  ${({ height = 'auto' }) => `\n  height: ${sizeToCss(height) as string};\n  `}\n  width: var(--total-width);\n`;\n\nexport const StyledVirtualListWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.VIRTUAL_LIST_WRAPPER,\n})<{ gridLayout: string[]; totalColumnsWidth: string | number; headerHeightPx: number }>`\n  overflow: auto;\n  height: 100%;\n  /**\n   * PUI-18626: reserve the sticky header's height as scroll-padding so the browser-native\n   * focus scroll (fired when keyboard navigation focuses a row) lands the focused row below\n   * the sticky header instead of behind it. Honored by scrollIntoView / native focus scroll;\n   * orthogonal to the virtualizer's paddingStart, which only affects scrollToIndex offsets.\n   */\n  scroll-padding-top: ${(props) => props.headerHeightPx}px;\n  --grid-layout: ${(props) => props.gridLayout.map((col) => `minmax(0, ${col})`).join(' ')};\n  --total-width: ${(props) => sizeToCss(props.totalColumnsWidth)};\n`;\n\nexport const StyledHeadWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_WRAPPER,\n})<{\n  colsLayoutStyle: string;\n}>`\n  position: sticky;\n  top: 0;\n  z-index: 4;\n  background: white;\n  width: 100%;\n`;\n\nexport const StyledHeadTr = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_TR,\n})<{\n  isExpandable: boolean;\n  colsLayoutStyle: DSDataTableT.ColsLayoutStyleValues;\n}>`\n  ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Auto ? 'width:100%' : '')};\n  grid-template-columns: var(--grid-layout);\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['080']};\n  grid-auto-flow: column;\n`;\n\nexport const StyledHeadTh = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_TH,\n})<{\n  isDraggingActive?: boolean;\n  column: DSDataTableT.InternalColumn;\n  shouldShowDnD?: boolean;\n}>`\n  min-height: 24px;\n  line-height: normal;\n  font-weight: 600;\n  text-transform: uppercase;\n  font-size: 0.923rem;\n  text-align: left;\n  ${columnPadding}\n  color: #353c46;\n  min-height: 1.84615rem;\n  position: sticky;\n  z-index: ${ZIndexDataTable.HEADER_ROW};\n  display: flex;\n  justify-content: space-between;\n  box-sizing: border-box;\n  outline: none;\n  ${(props) =>\n    props.isDraggingActive\n      ? ''\n      : `:hover {\n          &:after {\n            display: block;\n            content: ' ';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-bottom: 1px solid ${props.theme.colors.brand[700]};\n            pointer-events: none;\n            z-index: ${ZIndexDataTable.FOCUS_BORDER};\n          }\n          cursor: pointer;\n        }`}\n\n  :focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid ${(props) => props.theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: ${ZIndexDataTable.FOCUS_BORDER};\n    }\n  }\n`;\n\nexport const StyledHeaderRightIconsWrapper = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_RIGHT_ICONS_WRAPPER,\n})`\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  padding-top: 2px;\n`;\n\nexport const StyledResizer = styled(DSInputText, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.RESIZER,\n})`\n  width: 4px;\n  height: 100%;\n\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 0;\n  min-height: unset;\n  // prevents from scrolling while dragging on touch devices\n  touch-action: none;\n\n  border: none;\n  outline: none;\n\n\n  &:hover,\n  &:focus,\n  &:focus-visible {\n    border: none;\n    outline: none;\n  }\n\n input {\n    appearance: none;\n    cursor: col-resize;\n    background-image: transparent;\n    padding: 0;\n    border-radius: 0;\n    &:focus::-webkit-slider-runnable-track {\n      background: transparent;\n    }\n    &:focus-visible {\n      background: brand-700;\n      ::-webkit-slider-runnable-track {\n        background: transparent;\n      }\n    }\n    &::-webkit-slider-runnable-track {\n      background: transparent;\n    }\n    &::-webkit-slider-thumb {\n      appearance: none;\n      background: transparent;\n    }\n    &::-moz-range-thumb {\n      appearance: none;\n      background: transparent;\n      border: none;\n    }\n`;\n\n// CELL ***********************************************************************/\nexport const StyledActionCell = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.ACTION_CELL,\n})`\n  position: sticky;\n  display: inline-block;\n  right: 0;\n  /* border-bottom: 1px solid #ebedf0; */\n  background: white;\n`;\n\nexport const StyledCell = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CELL,\n})`\n  ${cellPadding}\n  display: flex;\n  align-items: center;\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledCellContent = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CELL_CONTENT,\n})`\n  display: grid;\n  justify-self: flex-end;\n  flex: 1 1 auto;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n`;\n\nexport const StyledPencilIcon = styled(EditPencil, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.PENCIL_ICON,\n})``;\n\nexport const StyledEditableContainer = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.EDITABLE_CONTAINER,\n})<{ shouldDisplayEditIcon?: boolean }>`\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  & ${StyledPencilIcon} {\n    display: ${({ shouldDisplayEditIcon }) => (shouldDisplayEditIcon ? 'block' : 'none')};\n  }\n  &:hover {\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  &:focus {\n    ${styledFocusCss}\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  outline: none;\n`;\n\n// ROW ************************************************************************/\nexport const StyledFullsizeGrid = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.FULLSIZE_GRID,\n})<{ minHeight: string }>`\n  position: relative;\n  z-index: ${ZIndexDataTable.ROW};\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n`;\n\nexport const GroupHeaderContainer = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.GROUP_HEADER_CONTAINER,\n})<{ paddingLeft: string }>`\n  position: relative;\n  background-color: ${({ theme }) => theme.colors.brand[200]};\n  align-items: center;\n  padding-left: ${(props) => props.paddingLeft};\n  border-top: 1px solid ${({ theme }) => theme.colors.brand[300]};\n`;\n\nexport const GroupHeaderTitle = styled('span', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.GROUP_HEADER_TITLE,\n})`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral[700]};\n`;\n\nexport const StyledCellContainer = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CELL_CONTAINER,\n})<{\n  backgroundColor?: string;\n  isDragOverlay?: boolean;\n  isDragging?: boolean;\n  isDisabled?: boolean;\n  isDropValid?: boolean;\n  shouldDisplayHover?: boolean;\n  isDropIndicatorPositionInside?: boolean;\n  minHeight?: string;\n  gridTemplateColumns?: string;\n}>`\n  position: relative;\n  z-index: 2;\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n\n  width: 100%;\n  ${(props) => (props.isDragOverlay ? 'width: fit-content;' : '')};\n\n  grid-template-columns: ${(props) =>\n    props.isDragOverlay ? `minmax(0, 24px) minmax(0, auto)` : (props.gridTemplateColumns ?? `var(--grid-layout)`)};\n\n  background-color: ${({ backgroundColor, isDragging, theme }) =>\n    isDragging ? theme.colors.neutral[100] : backgroundColor || 'white'};\n\n  outline: none;\n\n  :focus {\n    ${(props) => (props.isDragOverlay ? '' : styledFocusCss(props))}\n  }\n\n  ${({ isDropIndicatorPositionInside, isDropValid, theme }) => {\n    if (!isDropIndicatorPositionInside) return '';\n    return styledFocusCss({ theme }, isDropValid ? theme.colors.brand[700] : theme.colors.danger[900]);\n  }}\n\n  ${({ shouldDisplayHover, theme, isDisabled }) =>\n    shouldDisplayHover && !isDisabled\n      ? `:hover {\n            background-color: ${theme.colors.brand[200]};\n          }`\n      : ''}\n\n  box-shadow: 0 2px 4px 0 ${(props) => (props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent')};\n\n  opacity: ${(props) => (props.isDragging ? 0.8 : 1)};\n\n  ${(props) =>\n    !props.selected\n      ? ''\n      : `\n    background-color: ${props.theme.colors.brand[200]};\n    border: 1px solid ${props.theme.colors.brand[500]};\n    `}\n\n  ${GroupHeaderTitle} {\n    color: ${(props) => (props.isDisabled ? props.theme.colors.neutral['200'] : props.theme.colors.neutral['700'])};\n  }\n  color: ${(props) => (props.isDisabled ? props.theme.colors.neutral['200'] : '#333333')};\n\n  svg {\n    fill: ${(props) => (props.isDisabled ? props.theme.colors.neutral['200'] : props.theme.colors.brand['800'])};\n  }\n`;\n\nexport const ScreenReaderOnly = styled.div`\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { DSInputText } from '@elliemae/ds-form-input-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { EditPencil } from '@elliemae/ds-icons';\nimport { styled, type Theme } from '@elliemae/ds-system';\nimport { ColsLayoutStyle } from './configs/constants.js';\nimport { ZIndexDataTable } from './configs/zIndexInternalConfig.js';\nimport { DSDataTableName, DSDataTableSlots } from './constants/index.js';\nimport { cellPadding, columnPadding, sizeToCss, smallButtonSizeCss } from './helpers/index.js';\nimport type { DSDataTableT } from './react-desc-prop-types.js';\n\ninterface WidthAndHeight {\n  width?: string | number;\n  height?: string | number;\n}\n\nconst styledFocusCss = ({ theme }: { theme: Theme }, color?: string) => `\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ${color ?? theme.colors.brand[700]};\n  pointer-events: none;\n  z-index: ${ZIndexDataTable.FOCUS_BORDER};\n}`;\n\nexport const StyledFocusWithin = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.FOCUS_WITHIN,\n})<{ hideFocus?: boolean }>`\n  :focus-within {\n    ${(props) => (props.hideFocus ? '' : styledFocusCss(props))}\n  }\n  svg {\n    fill: ${(props) => props.theme.colors.brand['800']};\n  }\n`;\n\nexport const StyledDataTableWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.ROOT,\n})<WidthAndHeight>`\n  width: ${(props) => sizeToCss(props.width ?? ' 100%')};\n  height: ${(props) => sizeToCss(props.height ?? ' 100%')};\n`;\n\nexport const StyledDataTableContentWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CONTENT_WRAPPER,\n})<{ noSelectionAllowed: boolean }>`\n  user-select: ${({ noSelectionAllowed }) => (noSelectionAllowed ? 'none' : 'auto')};\n  width: 100%;\n`;\n\nexport const StyledTableWrapper = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.TABLE_WRAPPER,\n})<WidthAndHeight>`\n  display: inline-block;\n  border-spacing: 0;\n  z-index: 0;\n  position: relative;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledPaginationWrapper = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.PAGINATION_WRAPPER,\n})`\n  width: 100%;\n`;\n\nexport const StyledTableContentWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.TABLE_CONTENT_WRAPPER,\n})<{ height?: string | number }>`\n  position: relative;\n  ${({ height = 'auto' }) => `\n  height: ${sizeToCss(height) as string};\n  `}\n  width: var(--total-width);\n`;\n\nexport const StyledVirtualListWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.VIRTUAL_LIST_WRAPPER,\n})<{ gridLayout: string[]; totalColumnsWidth: string | number; headerHeightPx: number }>`\n  overflow: auto;\n  height: 100%;\n  /**\n   * PUI-18626: reserve the sticky header's height as scroll-padding so the browser-native\n   * focus scroll (fired when keyboard navigation focuses a row) lands the focused row below\n   * the sticky header instead of behind it. Honored by scrollIntoView / native focus scroll;\n   * orthogonal to the virtualizer's paddingStart, which only affects scrollToIndex offsets.\n   */\n  scroll-padding-top: ${(props) => props.headerHeightPx}px;\n  --grid-layout: ${(props) => props.gridLayout.map((col) => `minmax(0, ${col})`).join(' ')};\n  --total-width: ${(props) => sizeToCss(props.totalColumnsWidth)};\n`;\n\nexport const StyledHeadWrapper = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_WRAPPER,\n})<{\n  colsLayoutStyle: string;\n}>`\n  position: sticky;\n  top: 0;\n  z-index: 4;\n  background: white;\n  width: 100%;\n`;\n\nexport const StyledHeadTr = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_TR,\n})<{\n  isExpandable: boolean;\n  colsLayoutStyle: DSDataTableT.ColsLayoutStyleValues;\n}>`\n  ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Auto ? 'width:100%' : '')};\n  grid-template-columns: var(--grid-layout);\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['080']};\n  grid-auto-flow: column;\n`;\n\nexport const StyledHeadTh = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_TH,\n})<{\n  isDraggingActive?: boolean;\n  column: DSDataTableT.InternalColumn;\n  shouldShowDnD?: boolean;\n}>`\n  min-height: 24px;\n  line-height: normal;\n  font-weight: 600;\n  text-transform: uppercase;\n  font-size: 0.923rem;\n  text-align: left;\n  ${columnPadding}\n  color: #353c46;\n  min-height: 1.84615rem;\n  position: sticky;\n  z-index: ${ZIndexDataTable.HEADER_ROW};\n  display: flex;\n  justify-content: space-between;\n  box-sizing: border-box;\n  outline: none;\n  ${(props) =>\n    props.isDraggingActive\n      ? ''\n      : `:hover {\n          &:after {\n            display: block;\n            content: ' ';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-bottom: 1px solid ${props.theme.colors.brand[700]};\n            pointer-events: none;\n            z-index: ${ZIndexDataTable.FOCUS_BORDER};\n          }\n          cursor: pointer;\n        }`}\n\n  :focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border: 2px solid ${(props) => props.theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: ${ZIndexDataTable.FOCUS_BORDER};\n    }\n  }\n`;\n\nexport const StyledHeaderRightIconsWrapper = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.HEAD_RIGHT_ICONS_WRAPPER,\n})`\n  & > button {\n    ${smallButtonSizeCss}\n  }\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  padding-top: 2px;\n`;\n\nexport const StyledResizer = styled(DSInputText, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.RESIZER,\n})`\n  width: 4px;\n  height: 100%;\n\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 0;\n  min-height: unset;\n  // prevents from scrolling while dragging on touch devices\n  touch-action: none;\n\n  border: none;\n  outline: none;\n\n\n  &:hover,\n  &:focus,\n  &:focus-visible {\n    border: none;\n    outline: none;\n  }\n\n input {\n    appearance: none;\n    cursor: col-resize;\n    background-image: transparent;\n    padding: 0;\n    border-radius: 0;\n    &:focus::-webkit-slider-runnable-track {\n      background: transparent;\n    }\n    &:focus-visible {\n      background: brand-700;\n      ::-webkit-slider-runnable-track {\n        background: transparent;\n      }\n    }\n    &::-webkit-slider-runnable-track {\n      background: transparent;\n    }\n    &::-webkit-slider-thumb {\n      appearance: none;\n      background: transparent;\n    }\n    &::-moz-range-thumb {\n      appearance: none;\n      background: transparent;\n      border: none;\n    }\n`;\n\n// CELL ***********************************************************************/\nexport const StyledActionCell = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.ACTION_CELL,\n})`\n  position: sticky;\n  display: inline-block;\n  right: 0;\n  /* border-bottom: 1px solid #ebedf0; */\n  background: white;\n`;\n\nexport const StyledCell = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CELL,\n})`\n  ${cellPadding}\n  display: flex;\n  align-items: center;\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledCellContent = styled('div', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CELL_CONTENT,\n})`\n  display: grid;\n  justify-self: flex-end;\n  flex: 1 1 auto;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n`;\n\nexport const StyledPencilIcon = styled(EditPencil, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.PENCIL_ICON,\n})``;\n\nexport const StyledEditableContainer = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.EDITABLE_CONTAINER,\n})<{ shouldDisplayEditIcon?: boolean }>`\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  & ${StyledPencilIcon} {\n    display: ${({ shouldDisplayEditIcon }) => (shouldDisplayEditIcon ? 'block' : 'none')};\n  }\n  &:hover {\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  &:focus {\n    ${styledFocusCss}\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  outline: none;\n`;\n\n// ROW ************************************************************************/\nexport const StyledFullsizeGrid = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.FULLSIZE_GRID,\n})<{ minHeight: string }>`\n  position: relative;\n  z-index: ${ZIndexDataTable.ROW};\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n`;\n\nexport const GroupHeaderContainer = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.GROUP_HEADER_CONTAINER,\n})<{ paddingLeft: string }>`\n  position: relative;\n  background-color: ${({ theme }) => theme.colors.brand[200]};\n  align-items: center;\n  padding-left: ${(props) => props.paddingLeft};\n  border-top: 1px solid ${({ theme }) => theme.colors.brand[300]};\n`;\n\nexport const GroupHeaderTitle = styled('span', {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.GROUP_HEADER_TITLE,\n})`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral[700]};\n`;\n\nexport const StyledCellContainer = styled(Grid, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.CELL_CONTAINER,\n})<{\n  backgroundColor?: string;\n  isDragOverlay?: boolean;\n  isDragging?: boolean;\n  isDisabled?: boolean;\n  isDropValid?: boolean;\n  shouldDisplayHover?: boolean;\n  isDropIndicatorPositionInside?: boolean;\n  minHeight?: string;\n  gridTemplateColumns?: string;\n}>`\n  position: relative;\n  z-index: 2;\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n\n  width: 100%;\n  ${(props) => (props.isDragOverlay ? 'width: fit-content;' : '')};\n\n  grid-template-columns: ${(props) =>\n    props.isDragOverlay ? `minmax(0, 24px) minmax(0, auto)` : (props.gridTemplateColumns ?? `var(--grid-layout)`)};\n\n  background-color: ${({ backgroundColor, isDragging, theme }) =>\n    isDragging ? theme.colors.neutral[100] : backgroundColor || 'white'};\n\n  outline: none;\n\n  :focus {\n    ${(props) => (props.isDragOverlay ? '' : styledFocusCss(props))}\n  }\n\n  ${({ isDropIndicatorPositionInside, isDropValid, theme }) => {\n    if (!isDropIndicatorPositionInside) return '';\n    return styledFocusCss({ theme }, isDropValid ? theme.colors.brand[700] : theme.colors.danger[900]);\n  }}\n\n  ${({ shouldDisplayHover, theme, isDisabled }) =>\n    shouldDisplayHover && !isDisabled\n      ? `:hover {\n            background-color: ${theme.colors.brand[200]};\n          }`\n      : ''}\n\n  box-shadow: 0 2px 4px 0 ${(props) => (props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent')};\n\n  opacity: ${(props) => (props.isDragging ? 0.8 : 1)};\n\n  ${(props) =>\n    !props.selected\n      ? ''\n      : `\n    background-color: ${props.theme.colors.brand[200]};\n    border: 1px solid ${props.theme.colors.brand[500]};\n    `}\n\n  ${GroupHeaderTitle} {\n    color: ${(props) => (props.isDisabled ? props.theme.colors.neutral['200'] : props.theme.colors.neutral['700'])};\n  }\n  color: ${(props) => (props.isDisabled ? props.theme.colors.neutral['200'] : '#333333')};\n\n  svg {\n    fill: ${(props) => (props.isDisabled ? props.theme.colors.neutral['200'] : props.theme.colors.brand['800'])};\n  }\n`;\n\nexport const ScreenReaderOnly = styled.div`\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/tentative-typescript-testing-for-unsafe-type/README.md

@@ -0,0 +1,9 @@
+# Tentative type contracts (not run by the pre-push gate)
+
+These files are the static type contracts of `ds-data-table`: the slot argument shapes (`slot-props.ts`), the filter bar props (`filter-bar-props.tsx`), the row variant props (`get-row-variant.ts`) and the column width types (`sizes.ts`). They are the same kind of file as the `typescript-testing/` folder of the packages with `publishConfig.typeSafety: true`.
+
+The folder is not called `typescript-testing` on purpose. The pre-push hook (`.husky/custom-scripts/typescript-deliverable.mjs`) type-checks every folder with that name, and these files import the package source. `ds-data-table` is `typeSafety: false`: its source has ten existing type errors (the `cellIsNextToExpander` prop, `HTMLElement` against `HTMLInputElement` refs, the `DataTable` config typing) that come from the design of the API and have resisted earlier fixes. A folder named `typescript-testing` would make the hook fail on them.
+
+They still document the contract and still compile: none of the four files has an error of its own. The ten errors come from the source files they import (`ColumnAction`, `ColumnSelectMultiple`, `ColumnSelectSingle`, `BaseSelectFilter`, `BaseSelectFilterV2`, `DataTable.tsx`, `Cells/index.tsx`, `HeaderCell.tsx`). The package `tsconfig.json` excludes this folder, so `tsc` in the package does not check it. To check the contracts, rename the folder to `typescript-testing` temporarily and run `node .husky/custom-scripts/typescript-deliverable.mjs` from the repository root.
+
+Rename this folder back to `typescript-testing` when the ten errors are fixed and the package flips to `typeSafety: true` (see `.github/memories/project_typesafety_flag.md`).

package/dist/esm/tentative-typescript-testing-for-unsafe-type/filter-bar-props.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { DataTable, FilterBarDropdownMenu } from "../index.js";
+const requiredProps = { columns: [], data: [] };
+const bridgedDropdownMenuProps = {
+  onDropdownMenuToggle: (isOpen, eventType) => {
+  },
+  onDropdownMenuClickOutside: () => {
+  },
+  onDropdownMenuTriggerClick: () => {
+  },
+  isDropdownMenuOpen: false
+};
+const bridgedAsCast = {
+  onDropdownMenuToggle: (isOpen, eventType) => {
+  },
+  isDropdownMenuOpen: true
+};
+const ConsumerAddon = () => null;
+const consumerOwnedMenu = { filterBarAddonRenderer: ConsumerAddon };
+const BridgeAddon = (props) => /* @__PURE__ */ jsx(
+  FilterBarDropdownMenu,
+  {
+    ...props,
+    options: [{ dsId: "action", type: "action", label: "Action", value: "action", onClick: () => {
+    } }]
+  }
+);
+const bridgeAsAddon = { filterBarAddonRenderer: BridgeAddon };
+const SpreadUsage = () => /* @__PURE__ */ jsx(DataTable, { ...requiredProps, withFilterBar: true, filterBarProps: bridgedDropdownMenuProps });
+const InlineUsage = () => /* @__PURE__ */ jsx(
+  DataTable,
+  {
+    ...requiredProps,
+    withFilterBar: true,
+    filterBarProps: {
+      onDropdownMenuToggle: (isOpen, eventType) => {
+      },
+      onDropdownMenuClickOutside: () => {
+      },
+      onDropdownMenuTriggerClick: () => {
+      },
+      isDropdownMenuOpen: true,
+      filterBarAddonRenderer: ConsumerAddon
+    }
+  }
+);
+//# sourceMappingURL=filter-bar-props.js.map

package/dist/esm/tentative-typescript-testing-for-unsafe-type/filter-bar-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tentative-typescript-testing-for-unsafe-type/filter-bar-props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n// Static contract of `filterBarProps` (PUI-19093): the four *DropdownMenu* props that the default menu button addon\n// bridges, plus the escape hatch (`filterBarAddonRenderer`) a consumer uses to bring their own menu.\n// A change that breaks one of these shapes fails the TypeScript deliverable check before it reaches a consumer.\nimport React from 'react';\nimport { DataTable, FilterBarDropdownMenu } from '../index.js';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\n\ntype FilterBarProps = NonNullable<DSDataTableT.Props['filterBarProps']>;\n\nconst requiredProps = { columns: [], data: [] } satisfies DSDataTableT.RequiredProps;\n\n// the four bridged props, each with the signature a PUI-19093 consumer relies on\nconst bridgedDropdownMenuProps: FilterBarProps = {\n  onDropdownMenuToggle: (isOpen: boolean, eventType: string) => {},\n  onDropdownMenuClickOutside: () => {},\n  onDropdownMenuTriggerClick: () => {},\n  isDropdownMenuOpen: false,\n};\n\n// the same shape as an `as` cast and as `as const`: each widens/infers differently\nconst bridgedAsCast = {\n  onDropdownMenuToggle: (isOpen: boolean, eventType: string) => {},\n  isDropdownMenuOpen: true,\n} as FilterBarProps;\n\n// the consumer path: their own addon, handed the ref the filter bar passes\nconst ConsumerAddon: React.ComponentType<{ innerRef: React.MutableRefObject<HTMLButtonElement | null> }> = () => null;\nconst consumerOwnedMenu: FilterBarProps = { filterBarAddonRenderer: ConsumerAddon };\n\n// the exported bridge: DSDropdownMenuV2-shaped `options`, and the optional ref\nconst BridgeAddon: React.ComponentType<{ innerRef: React.MutableRefObject<HTMLButtonElement | null> }> = (props) => (\n  <FilterBarDropdownMenu\n    {...props}\n    options={[{ dsId: 'action', type: 'action', label: 'Action', value: 'action', onClick: () => {} }]}\n  />\n);\nconst bridgeAsAddon: FilterBarProps = { filterBarAddonRenderer: BridgeAddon };\n\n// real JSX consumption, props spread and passed inline (object-literal assignment alone can pass where JSX fails)\nconst SpreadUsage = () => <DataTable {...requiredProps} withFilterBar filterBarProps={bridgedDropdownMenuProps} />;\nconst InlineUsage = () => (\n  <DataTable\n    {...requiredProps}\n    withFilterBar\n    filterBarProps={{\n      onDropdownMenuToggle: (isOpen, eventType) => {},\n      onDropdownMenuClickOutside: () => {},\n      onDropdownMenuTriggerClick: () => {},\n      isDropdownMenuOpen: true,\n      filterBarAddonRenderer: ConsumerAddon,\n    }}\n  />\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgCrB;AA3BF,SAAS,WAAW,6BAA6B;AAKjD,MAAM,gBAAgB,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,EAAE;AAG9C,MAAM,2BAA2C;AAAA,EAC/C,sBAAsB,CAAC,QAAiB,cAAsB;AAAA,EAAC;AAAA,EAC/D,4BAA4B,MAAM;AAAA,EAAC;AAAA,EACnC,4BAA4B,MAAM;AAAA,EAAC;AAAA,EACnC,oBAAoB;AACtB;AAGA,MAAM,gBAAgB;AAAA,EACpB,sBAAsB,CAAC,QAAiB,cAAsB;AAAA,EAAC;AAAA,EAC/D,oBAAoB;AACtB;AAGA,MAAM,gBAAqG,MAAM;AACjH,MAAM,oBAAoC,EAAE,wBAAwB,cAAc;AAGlF,MAAM,cAAmG,CAAC,UACxG;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,SAAS,CAAC,EAAE,MAAM,UAAU,MAAM,UAAU,OAAO,UAAU,OAAO,UAAU,SAAS,MAAM;AAAA,IAAC,EAAE,CAAC;AAAA;AACnG;AAEF,MAAM,gBAAgC,EAAE,wBAAwB,YAAY;AAG5E,MAAM,cAAc,MAAM,oBAAC,aAAW,GAAG,eAAe,eAAa,MAAC,gBAAgB,0BAA0B;AAChH,MAAM,cAAc,MAClB;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,eAAa;AAAA,IACb,gBAAgB;AAAA,MACd,sBAAsB,CAAC,QAAQ,cAAc;AAAA,MAAC;AAAA,MAC9C,4BAA4B,MAAM;AAAA,MAAC;AAAA,MACnC,4BAA4B,MAAM;AAAA,MAAC;AAAA,MACnC,oBAAoB;AAAA,MACpB,wBAAwB;AAAA,IAC1B;AAAA;AACF;",
+  "names": []
+}

package/dist/esm/tentative-typescript-testing-for-unsafe-type/get-row-variant.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { ROW_VARIANTS } from "../exported-related/RowVariants.js";
+const getRowVariantWithEveryVariant = (row) => {
+  if (row.id === "a") return ROW_VARIANTS.HEADER_GROUP;
+  if (row.id === "b") return ROW_VARIANTS.PRIMARY;
+  if (row.id === "c") return ROW_VARIANTS.SECONDARY;
+  if (row.id === "d") return ROW_VARIANTS.COMPACT_PRIMARY;
+  if (row.id === "e") return ROW_VARIANTS.COMPACT_SECONDARY;
+  return ROW_VARIANTS.SKELETON;
+};
+const allRowVariantsAreTyped = true;
+const groupedHeaderReturningString = (value, subRows) => `${value}(${subRows?.length ?? 0})`;
+const groupedHeaderReturningNothing = () => null;
+const groupedHeaderAsString = "Group";
+//# sourceMappingURL=get-row-variant.js.map

package/dist/esm/tentative-typescript-testing-for-unsafe-type/get-row-variant.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tentative-typescript-testing-for-unsafe-type/get-row-variant.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport { ROW_VARIANTS } from '../exported-related/RowVariants.js';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\n\n// Every value of ROW_VARIANTS is a valid return of getRowVariant\nconst getRowVariantWithEveryVariant: DSDataTableT.Props['getRowVariant'] = (row) => {\n  if (row.id === 'a') return ROW_VARIANTS.HEADER_GROUP;\n  if (row.id === 'b') return ROW_VARIANTS.PRIMARY;\n  if (row.id === 'c') return ROW_VARIANTS.SECONDARY;\n  if (row.id === 'd') return ROW_VARIANTS.COMPACT_PRIMARY;\n  if (row.id === 'e') return ROW_VARIANTS.COMPACT_SECONDARY;\n  return ROW_VARIANTS.SKELETON;\n};\n\n// Exhaustiveness: adding a value to ROW_VARIANTS without adding it to DSDataTableT.RowVariant fails here\ntype AllRowVariantsAreTyped = (typeof ROW_VARIANTS)[keyof typeof ROW_VARIANTS] extends DSDataTableT.RowVariant\n  ? true\n  : never;\nconst allRowVariantsAreTyped: AllRowVariantsAreTyped = true;\n\n// groupedRowsRenderHeader is a function returning anything React can render (a string included); a string value is\n// not accepted: the code ignores it\nconst groupedHeaderReturningString: DSDataTableT.Props['groupedRowsRenderHeader'] = (value, subRows) =>\n  `${value}(${subRows?.length ?? 0})`;\nconst groupedHeaderReturningNothing: DSDataTableT.Props['groupedRowsRenderHeader'] = () => null;\n// @ts-expect-error - a string is ignored by the table, so the type does not accept it\nconst groupedHeaderAsString: DSDataTableT.Props['groupedRowsRenderHeader'] = 'Group';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,oBAAoB;AAI7B,MAAM,gCAAqE,CAAC,QAAQ;AAClF,MAAI,IAAI,OAAO,IAAK,QAAO,aAAa;AACxC,MAAI,IAAI,OAAO,IAAK,QAAO,aAAa;AACxC,MAAI,IAAI,OAAO,IAAK,QAAO,aAAa;AACxC,MAAI,IAAI,OAAO,IAAK,QAAO,aAAa;AACxC,MAAI,IAAI,OAAO,IAAK,QAAO,aAAa;AACxC,SAAO,aAAa;AACtB;AAMA,MAAM,yBAAiD;AAIvD,MAAM,+BAA8E,CAAC,OAAO,YAC1F,GAAG,KAAK,IAAI,SAAS,UAAU,CAAC;AAClC,MAAM,gCAA+E,MAAM;AAE3F,MAAM,wBAAuE;",
+  "names": []
+}

package/dist/esm/tentative-typescript-testing-for-unsafe-type/sizes.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+const columnsWithNumberAndStringWidths = [
+  { Header: "Number", accessor: "number", width: 100 },
+  { Header: "Pixels string", accessor: "pixelsString", width: "100px" },
+  { Header: "Percent", accessor: "percent", width: "20%" },
+  { Header: "Unset", accessor: "unset" }
+];
+const resizeableTable = { isResizeable: true, columns: columnsWithNumberAndStringWidths, data: [] };
+const sizesAsNumbers = { height: 300, width: 500 };
+const sizesAsStrings = { height: "60vh", width: "100%" };
+//# sourceMappingURL=sizes.js.map

package/dist/esm/tentative-typescript-testing-for-unsafe-type/sizes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tentative-typescript-testing-for-unsafe-type/sizes.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\n\n// Column.width: a number of pixels or a string (the propTypes schema and the runtime accept both).\n// The resizer works in pixels (a number or a px string): the types do not enforce it, the documentation states it.\nconst columnsWithNumberAndStringWidths: DSDataTableT.Column[] = [\n  { Header: 'Number', accessor: 'number', width: 100 },\n  { Header: 'Pixels string', accessor: 'pixelsString', width: '100px' },\n  { Header: 'Percent', accessor: 'percent', width: '20%' },\n  { Header: 'Unset', accessor: 'unset' },\n];\nconst resizeableTable: DSDataTableT.Props = { isResizeable: true, columns: columnsWithNumberAndStringWidths, data: [] };\n\n// height and width of the table: a number of pixels or a string\nconst sizesAsNumbers: Partial<DSDataTableT.Props> = { height: 300, width: 500 };\nconst sizesAsStrings: Partial<DSDataTableT.Props> = { height: '60vh', width: '100%' };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMvB,MAAM,mCAA0D;AAAA,EAC9D,EAAE,QAAQ,UAAU,UAAU,UAAU,OAAO,IAAI;AAAA,EACnD,EAAE,QAAQ,iBAAiB,UAAU,gBAAgB,OAAO,QAAQ;AAAA,EACpE,EAAE,QAAQ,WAAW,UAAU,WAAW,OAAO,MAAM;AAAA,EACvD,EAAE,QAAQ,SAAS,UAAU,QAAQ;AACvC;AACA,MAAM,kBAAsC,EAAE,cAAc,MAAM,SAAS,kCAAkC,MAAM,CAAC,EAAE;AAGtH,MAAM,iBAA8C,EAAE,QAAQ,KAAK,OAAO,IAAI;AAC9E,MAAM,iBAA8C,EAAE,QAAQ,QAAQ,OAAO,OAAO;",
+  "names": []
+}

package/dist/esm/tentative-typescript-testing-for-unsafe-type/slot-props.js

@@ -0,0 +1,111 @@
+import * as React from "react";
+const SlotPropsAsObject = {
+  dsDatatableRoot: { "aria-label": "just a typescript test" },
+  dsDatatableContentWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableTableWrapper: { "aria-label": "just a typescript test" },
+  dsDatatablePaginationWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableTableContentWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableVirtualListWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableHeadWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableHeadTr: { "aria-label": "just a typescript test" },
+  dsDatatableHeadTh: { "aria-label": "just a typescript test" },
+  dsDatatableHeadRightIconsWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableHeaderCellWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableEmptyHeader: { "aria-label": "just a typescript test" },
+  dsDatatableResizer: { "aria-label": "just a typescript test" },
+  dsDatatableActionCell: { "aria-label": "just a typescript test" },
+  dsDatatableExpandCellContainer: { "aria-label": "just a typescript test" },
+  dsDatatableGlobalCheckboxContainer: { "aria-label": "just a typescript test" },
+  dsDatatableSingleCellContainer: { "aria-label": "just a typescript test" },
+  dsDatatableDragAndDropGripper: { "aria-label": "just a typescript test" },
+  dsDatatableTextEditableCellInput: { "aria-label": "just a typescript test" },
+  dsDatatableFilterPopoverButton: { "aria-label": "just a typescript test" },
+  dsDatatableFilterPopoverContent: { "aria-label": "just a typescript test" },
+  dsDatatableDropIndicator: { "aria-label": "just a typescript test" },
+  dsDatatableCell: { "aria-label": "just a typescript test" },
+  dsDatatableCellContent: { "aria-label": "just a typescript test" },
+  dsDatatablePencilIcon: { "aria-label": "just a typescript test" },
+  dsDatatableEditableContainer: { "aria-label": "just a typescript test" },
+  dsDatatableFullsizeGrid: { "aria-label": "just a typescript test" },
+  dsDatatableRow: { "aria-label": "just a typescript test" },
+  dsDatatableGroupHeaderContainer: { "aria-label": "just a typescript test" },
+  dsDatatableHeaderTitle: { "aria-label": "just a typescript test" },
+  dsDatatableCellsContainer: { "aria-label": "just a typescript test" },
+  dsDatatableToolbarWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableToolbarButtonsWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableToolbarButton: { "aria-label": "just a typescript test" },
+  dsDatatableToolbarPosition: { "aria-label": "just a typescript test" },
+  dsDatatableEmptyStateWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableWarningIcon: { "aria-label": "just a typescript test" },
+  dsDatatableEmptyPrimaryMessage: { "aria-label": "just a typescript test" },
+  dsDatatableEmptySecondaryMessage: { "aria-label": "just a typescript test" },
+  dsDatatableEmptyButton: { "aria-label": "just a typescript test" },
+  dsDatatableCenterContentFlexWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableLoaderWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableFilterBarWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableFreeTextSearchFilter: { "aria-label": "just a typescript test" },
+  dsDatatableFreeTextSearchWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableFilterPopover: { "aria-label": "just a typescript test" },
+  dsDatatableFilterBarMenuButton: { "aria-label": "just a typescript test" },
+  dsDatatableFilterPopoverFooter: { "aria-label": "just a typescript test" },
+  dsDatatableFocusWithin: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsDatatableRoot: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableContentWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableTableWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatablePaginationWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableTableContentWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableVirtualListWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableHeadWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableHeadTr: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableHeadTh: ({ columnId, firstFocuseableColumnHeaderId }) => ({
+    "aria-label": `${columnId} ${firstFocuseableColumnHeaderId}`
+  }),
+  dsDatatableHeadRightIconsWrapper: ({ columnId, firstFocuseableColumnHeaderId }) => ({
+    "aria-label": `${columnId} ${firstFocuseableColumnHeaderId}`
+  }),
+  dsDatatableHeaderCellWrapper: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableEmptyHeader: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableResizer: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableActionCell: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableExpandCellContainer: ({ isGlobal }) => ({ "aria-label": `${isGlobal}` }),
+  dsDatatableGlobalCheckboxContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableSingleCellContainer: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableDragAndDropGripper: ({ row, columnId }) => ({ "aria-label": row?.uid ?? columnId }),
+  dsDatatableTextEditableCellInput: (cell) => ({ "aria-label": cell.id }),
+  dsDatatableFilterPopoverButton: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableFilterPopoverContent: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableDropIndicator: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableCell: (cell) => ({ "aria-label": cell.id }),
+  dsDatatableCellContent: (cell) => ({ "aria-label": cell.id }),
+  dsDatatablePencilIcon: ({ cell }) => ({ "aria-label": cell.id }),
+  dsDatatableEditableContainer: (cell) => ({ "aria-label": cell.id }),
+  dsDatatableFullsizeGrid: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableRow: (row) => ({ "aria-label": row.uid }),
+  dsDatatableGroupHeaderContainer: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableHeaderTitle: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableCellsContainer: (row) => ({ "aria-label": row.uid }),
+  dsDatatableToolbarWrapper: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableToolbarButtonsWrapper: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableToolbarButton: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableToolbarPosition: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableEmptyStateWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableWarningIcon: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableEmptyPrimaryMessage: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableEmptySecondaryMessage: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableEmptyButton: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableCenterContentFlexWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableLoaderWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableFilterBarWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableFreeTextSearchFilter: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableFreeTextSearchWrapper: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableFilterPopover: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableFilterBarMenuButton: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableFilterPopoverFooter: ({ columnId }) => ({ "aria-label": columnId }),
+  // one shape for the three contexts of this slot (a header drag handle, an expand caret, a row drag handle): each
+  // site fills its own keys
+  dsDatatableFocusWithin: ({ row, columnId, isGlobal }) => ({ "aria-label": row?.uid ?? columnId ?? String(isGlobal) })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/esm/tentative-typescript-testing-for-unsafe-type/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tentative-typescript-testing-for-unsafe-type/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSDataTableName, DATA_TABLE_SLOTS } from '../constants/index.js';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\n\n// Object form \u2014 static slot props (validates every slot key exists on Props)\nconst SlotPropsAsObject: Partial<DSDataTableT.Props> = {\n  dsDatatableRoot: { 'aria-label': 'just a typescript test' },\n  dsDatatableContentWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableTableWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatablePaginationWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableTableContentWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableVirtualListWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableHeadWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableHeadTr: { 'aria-label': 'just a typescript test' },\n  dsDatatableHeadTh: { 'aria-label': 'just a typescript test' },\n  dsDatatableHeadRightIconsWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableHeaderCellWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableEmptyHeader: { 'aria-label': 'just a typescript test' },\n  dsDatatableResizer: { 'aria-label': 'just a typescript test' },\n  dsDatatableActionCell: { 'aria-label': 'just a typescript test' },\n  dsDatatableExpandCellContainer: { 'aria-label': 'just a typescript test' },\n  dsDatatableGlobalCheckboxContainer: { 'aria-label': 'just a typescript test' },\n  dsDatatableSingleCellContainer: { 'aria-label': 'just a typescript test' },\n  dsDatatableDragAndDropGripper: { 'aria-label': 'just a typescript test' },\n  dsDatatableTextEditableCellInput: { 'aria-label': 'just a typescript test' },\n  dsDatatableFilterPopoverButton: { 'aria-label': 'just a typescript test' },\n  dsDatatableFilterPopoverContent: { 'aria-label': 'just a typescript test' },\n  dsDatatableDropIndicator: { 'aria-label': 'just a typescript test' },\n  dsDatatableCell: { 'aria-label': 'just a typescript test' },\n  dsDatatableCellContent: { 'aria-label': 'just a typescript test' },\n  dsDatatablePencilIcon: { 'aria-label': 'just a typescript test' },\n  dsDatatableEditableContainer: { 'aria-label': 'just a typescript test' },\n  dsDatatableFullsizeGrid: { 'aria-label': 'just a typescript test' },\n  dsDatatableRow: { 'aria-label': 'just a typescript test' },\n  dsDatatableGroupHeaderContainer: { 'aria-label': 'just a typescript test' },\n  dsDatatableHeaderTitle: { 'aria-label': 'just a typescript test' },\n  dsDatatableCellsContainer: { 'aria-label': 'just a typescript test' },\n  dsDatatableToolbarWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableToolbarButtonsWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableToolbarButton: { 'aria-label': 'just a typescript test' },\n  dsDatatableToolbarPosition: { 'aria-label': 'just a typescript test' },\n  dsDatatableEmptyStateWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableWarningIcon: { 'aria-label': 'just a typescript test' },\n  dsDatatableEmptyPrimaryMessage: { 'aria-label': 'just a typescript test' },\n  dsDatatableEmptySecondaryMessage: { 'aria-label': 'just a typescript test' },\n  dsDatatableEmptyButton: { 'aria-label': 'just a typescript test' },\n  dsDatatableCenterContentFlexWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableLoaderWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableFilterBarWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableFreeTextSearchFilter: { 'aria-label': 'just a typescript test' },\n  dsDatatableFreeTextSearchWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableFilterPopover: { 'aria-label': 'just a typescript test' },\n  dsDatatableFilterBarMenuButton: { 'aria-label': 'just a typescript test' },\n  dsDatatableFilterPopoverFooter: { 'aria-label': 'just a typescript test' },\n  dsDatatableFocusWithin: { 'aria-label': 'just a typescript test' },\n};\n\n// Function form \u2014 dynamic slot props. Slots that repeat per row, cell or column receive that instance as argument.\nconst SlotPropsAsFunctions: DSDataTableT.SlotFunctionArguments = {\n  dsDatatableRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableContentWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableTableWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatablePaginationWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableTableContentWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableVirtualListWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableHeadWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableHeadTr: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableHeadTh: ({ columnId, firstFocuseableColumnHeaderId }) => ({\n    'aria-label': `${columnId} ${firstFocuseableColumnHeaderId}`,\n  }),\n  dsDatatableHeadRightIconsWrapper: ({ columnId, firstFocuseableColumnHeaderId }) => ({\n    'aria-label': `${columnId} ${firstFocuseableColumnHeaderId}`,\n  }),\n  dsDatatableHeaderCellWrapper: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableEmptyHeader: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableResizer: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableActionCell: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableExpandCellContainer: ({ isGlobal }) => ({ 'aria-label': `${isGlobal}` }),\n  dsDatatableGlobalCheckboxContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableSingleCellContainer: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableDragAndDropGripper: ({ row, columnId }) => ({ 'aria-label': row?.uid ?? columnId }),\n  dsDatatableTextEditableCellInput: (cell) => ({ 'aria-label': cell.id }),\n  dsDatatableFilterPopoverButton: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableFilterPopoverContent: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableDropIndicator: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableCell: (cell) => ({ 'aria-label': cell.id }),\n  dsDatatableCellContent: (cell) => ({ 'aria-label': cell.id }),\n  dsDatatablePencilIcon: ({ cell }) => ({ 'aria-label': cell.id }),\n  dsDatatableEditableContainer: (cell) => ({ 'aria-label': cell.id }),\n  dsDatatableFullsizeGrid: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableRow: (row) => ({ 'aria-label': row.uid }),\n  dsDatatableGroupHeaderContainer: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableHeaderTitle: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableCellsContainer: (row) => ({ 'aria-label': row.uid }),\n  dsDatatableToolbarWrapper: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableToolbarButtonsWrapper: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableToolbarButton: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableToolbarPosition: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableEmptyStateWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableWarningIcon: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableEmptyPrimaryMessage: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableEmptySecondaryMessage: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableEmptyButton: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableCenterContentFlexWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableLoaderWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableFilterBarWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableFreeTextSearchFilter: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableFreeTextSearchWrapper: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableFilterPopover: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableFilterBarMenuButton: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableFilterPopoverFooter: ({ columnId }) => ({ 'aria-label': columnId }),\n  // one shape for the three contexts of this slot (a header drag handle, an expand caret, a row drag handle): each\n  // site fills its own keys\n  dsDatatableFocusWithin: ({ row, columnId, isGlobal }) => ({ 'aria-label': row?.uid ?? columnId ?? String(isGlobal) }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if a slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSDataTableName, typeof DATA_TABLE_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/types/TruncatedTooltipText.d.ts

@@ -1,9 +1,4 @@
 import React from 'react';
-import { type DSHookFloatingContextT } from '@elliemae/ds-floating-context';
-interface TruncatedTooltipTextProps {
-    value?: React.ReactNode;
-    placement?: DSHookFloatingContextT.PopperPlacementsT;
-}
-declare const TruncatedTooltipText: ({ value, placement }: TruncatedTooltipTextProps) => React.JSX.Element;
+import type { DSDataTableT } from './react-desc-prop-types.js';
+declare const TruncatedTooltipText: ({ value, placement }: DSDataTableT.TruncatedTooltipTextProps) => React.JSX.Element;
 export { TruncatedTooltipText };
-export default TruncatedTooltipText;

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

@@ -1,4 +1,2 @@
 import type { DSDataTableT } from '../../../react-desc-prop-types.js';
-type ConfigurableColumn = (renderRowActions: DSDataTableT.RenderRowActionsConfig) => DSDataTableT.InternalColumn;
-export declare const actionColumn: ConfigurableColumn;
-export {};
+export declare const actionColumn: DSDataTableT.ConfigurableColumn;

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

@@ -1,8 +1,3 @@
 import React from 'react';
 import type { DSDataTableT } from '../../../../react-desc-prop-types.js';
-interface CurrentRangeFilterValue {
-    from: string | null;
-    to: string | null;
-}
-export declare const CurrencyRangeFilterV2: React.ComponentType<DSDataTableT.FilterProps<CurrentRangeFilterValue>>;
-export {};
+export declare const CurrencyRangeFilterV2: React.ComponentType<DSDataTableT.FilterProps<DSDataTableT.CurrentRangeFilterValue>>;

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

@@ -1,8 +1,3 @@
 import React from 'react';
 import type { DSDataTableT } from '../../../../react-desc-prop-types.js';
-interface CurrentRangeFilterValue {
-    from: string | null;
-    to: string | null;
-}
-export declare const CurrencyRangeFilter: React.ComponentType<DSDataTableT.FilterProps<CurrentRangeFilterValue>>;
-export {};
+export declare const CurrencyRangeFilter: React.ComponentType<DSDataTableT.FilterProps<DSDataTableT.CurrentRangeFilterValue>>;

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

@@ -1,8 +1,3 @@
 import React from 'react';
 import type { DSDataTableT } from '../../../../react-desc-prop-types.js';
-interface DateRangeFilterValue {
-    startDate: string | null;
-    endDate: string | null;
-}
-export declare const DateRangeFilterV2: React.ComponentType<DSDataTableT.FilterProps<DateRangeFilterValue>>;
-export {};
+export declare const DateRangeFilterV2: React.ComponentType<DSDataTableT.FilterProps<DSDataTableT.DateRangeFilterValue>>;

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

@@ -1,8 +1,3 @@
 import React from 'react';
 import type { DSDataTableT } from '../../../../react-desc-prop-types.js';
-interface DateRangeFilterValue {
-    startDate: string | null;
-    endDate: string | null;
-}
-export declare const DateRangeFilter: React.ComponentType<DSDataTableT.FilterProps<DateRangeFilterValue>>;
-export {};
+export declare const DateRangeFilter: React.ComponentType<DSDataTableT.FilterProps<DSDataTableT.DateRangeFilterValue>>;

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

@@ -1,9 +1,3 @@
 import React from 'react';
 import type { DSDataTableT } from '../../../../react-desc-prop-types.js';
-interface DateSwitcherFilterValue {
-    startDate: string | null;
-    endDate: string | null;
-    isDateRange: boolean;
-}
-export declare const DateSwitcherFilterV2: React.ComponentType<DSDataTableT.FilterProps<DateSwitcherFilterValue>>;
-export {};
+export declare const DateSwitcherFilterV2: React.ComponentType<DSDataTableT.FilterProps<DSDataTableT.DateSwitcherFilterValue>>;

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

@@ -1,9 +1,3 @@
 import React from 'react';
 import type { DSDataTableT } from '../../../../react-desc-prop-types.js';
-interface DateSwitcherFilterValue {
-    startDate: string | null;
-    endDate: string | null;
-    isDateRange: boolean;
-}
-export declare const DateSwitcherFilter: React.ComponentType<DSDataTableT.FilterProps<DateSwitcherFilterValue>>;
-export {};
+export declare const DateSwitcherFilter: React.ComponentType<DSDataTableT.FilterProps<DSDataTableT.DateSwitcherFilterValue>>;

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

@@ -1,8 +1,3 @@
 import React from 'react';
 import type { DSDataTableT } from '../../../../react-desc-prop-types.js';
-interface NumberRangeFilterValue {
-    from: number | '' | null;
-    to: number | '' | null;
-}
-export declare const NumberRangeFilterV2: React.ComponentType<DSDataTableT.FilterProps<NumberRangeFilterValue>>;
-export {};
+export declare const NumberRangeFilterV2: React.ComponentType<DSDataTableT.FilterProps<DSDataTableT.NumberRangeFilterValue>>;

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

@@ -1,8 +1,3 @@
 import React from 'react';
 import type { DSDataTableT } from '../../../../react-desc-prop-types.js';
-interface NumberRangeFilterValue {
-    from: number | '' | null;
-    to: number | '' | null;
-}
-export declare const NumberRangeFilter: React.ComponentType<DSDataTableT.FilterProps<NumberRangeFilterValue>>;
-export {};
+export declare const NumberRangeFilter: React.ComponentType<DSDataTableT.FilterProps<DSDataTableT.NumberRangeFilterValue>>;

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

@@ -1,11 +1,3 @@
 import React from 'react';
-import type { DSComboboxT } from '@elliemae/ds-form-combobox';
 import type { DSDataTableT } from '../../../../react-desc-prop-types.js';
-interface BaseSelectProps {
-    isMulti?: boolean;
-    creatable?: boolean;
-    type: string;
-}
-type BaseSelectFilterValue = DSComboboxT.SelectedOptionsT;
-export declare const BaseSelectFilter: React.ComponentType<DSDataTableT.FilterProps<BaseSelectFilterValue> & BaseSelectProps>;
-export {};
+export declare const BaseSelectFilter: React.ComponentType<DSDataTableT.FilterProps<DSDataTableT.BaseSelectFilterValue> & DSDataTableT.BaseSelectProps>;

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

@@ -1,11 +1,3 @@
 import React from 'react';
-import type { DSComboboxT } from '@elliemae/ds-form-combobox';
 import type { DSDataTableT } from '../../../../react-desc-prop-types.js';
-interface BaseSelectProps {
-    isMulti?: boolean;
-    creatable?: boolean;
-    type: string;
-}
-type BaseSelectFilterValue = DSComboboxT.SelectedOptionsT;
-export declare const BaseSelectFilterV2: React.ComponentType<DSDataTableT.FilterProps<BaseSelectFilterValue> & BaseSelectProps>;
-export {};
+export declare const BaseSelectFilterV2: React.ComponentType<DSDataTableT.FilterProps<DSDataTableT.BaseSelectFilterValue> & DSDataTableT.BaseSelectProps>;

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

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

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

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

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

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

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

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

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

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

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

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