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

package/dist/cjs/configs/index.js

@@ -27,7 +27,6 @@ var configs_exports = {};
 module.exports = __toCommonJS(configs_exports);
 var React = __toESM(require("react"));
 __reExport(configs_exports, require("./constants.js"), module.exports);
-__reExport(configs_exports, require("./fixedSizes.js"), module.exports);
 __reExport(configs_exports, require("./useRowFlattenization.js"), module.exports);
 __reExport(configs_exports, require("./zIndexInternalConfig.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/configs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/configs/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './constants.js';\nexport * from './fixedSizes.js';\nexport * from './useRowFlattenization.js';\nexport * from './zIndexInternalConfig.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAc,2BAAd;AACA,4BAAc,4BADd;AAEA,4BAAc,sCAFd;AAGA,4BAAc,sCAHd;",
+  "sourcesContent": ["export * from './constants.js';\nexport * from './useRowFlattenization.js';\nexport * from './zIndexInternalConfig.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAc,2BAAd;AACA,4BAAc,sCADd;AAEA,4BAAc,sCAFd;",
   "names": []
 }

package/dist/cjs/configs/useStore/index.js

@@ -28,15 +28,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useStore_exports = {};
 __export(useStore_exports, {
-  InternalProvider: () => import_createInternalAndPropsContext.InternalProvider,
-  PropsProvider: () => import_createInternalAndPropsContext.PropsProvider,
-  config: () => import_useStore.config,
-  useInternalStore: () => import_createInternalAndPropsContext.useInternalStore,
-  usePropsStore: () => import_createInternalAndPropsContext.usePropsStore,
-  useWholeStore: () => import_useStore.useWholeStore
+  config: () => import_useStore.config
 });
 module.exports = __toCommonJS(useStore_exports);
 var React = __toESM(require("react"));
 var import_useStore = require("./useStore.js");
-var import_createInternalAndPropsContext = require("./createInternalAndPropsContext.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/configs/useStore/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/configs/useStore/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { useWholeStore, config } from './useStore.js';\nexport { PropsProvider, usePropsStore, InternalProvider, useInternalStore } from './createInternalAndPropsContext.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAsC;AACtC,2CAAiF;",
+  "sourcesContent": ["export { config } from './useStore.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAuB;",
   "names": []
 }

package/dist/cjs/configs/useTableColsWithAddons.js

@@ -81,7 +81,7 @@ const useTableColsWithAddons = ({
     colsToAppend.forEach((col) => {
       if (!isColumnInArrayOfColumns(columnsWithAddons, col)) columnsWithAddons.push(col);
     });
-    return columnsWithAddons.filter((col) => col.accessor === void 0 || !isColumnVisible(col.accessor, col.columns, hiddenColumns)).map((col) => {
+    return columnsWithAddons.filter((col) => col.accessor === void 0 || !isColumnHidden(col.accessor, col.columns, hiddenColumns)).map((col) => {
       if (col.columns) {
         col.columns = col.columns.filter(
           (subCol) => subCol.accessor === void 0 || !hiddenColumns?.includes(subCol.accessor)
@@ -100,7 +100,7 @@ const useTableColsWithAddons = ({
     hiddenColumns
   ]);
 };
-const isColumnVisible = (columnAccessor, columns, hiddenColumns) => {
+const isColumnHidden = (columnAccessor, columns, hiddenColumns = []) => {
   if (!columns) return hiddenColumns.includes(columnAccessor);
   if (hiddenColumns.includes(columnAccessor)) return true;
   return columns.every((col) => hiddenColumns.includes(col.accessor || col.id));

package/dist/cjs/configs/useTableColsWithAddons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/configs/useTableColsWithAddons.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable import/no-cycle */\n/* eslint-disable @typescript-eslint/no-use-before-define */\n/* eslint-disable max-params */\nimport { createRef, useMemo } from 'react';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\nimport {\n  dragHandleColumn,\n  expandRowColumn,\n  actionColumn,\n  singleSelectColumn,\n  multiSelectColumn,\n} from '../addons/Columns/index.js';\n\nconst augmentColumns = (columns: DSDataTableT.Column[]): DSDataTableT.InternalColumn[] => {\n  const augmentColumn = (\n    column: DSDataTableT.Column,\n    index: number,\n    parentId: string | null = null,\n    depth = 0,\n  ): DSDataTableT.InternalColumn => {\n    let id = `column${index}`;\n    if (typeof column.Header === 'string') id = column.Header;\n    if (typeof column.accessor === 'string') id = column.accessor;\n    const { columns: childColumns, ...restOfColumn } = column;\n    const newCol: DSDataTableT.InternalColumn = {\n      index,\n      id,\n      parentId,\n      depth,\n      ...restOfColumn,\n      ref: createRef<HTMLTableColElement>() as React.MutableRefObject<HTMLTableColElement>,\n    };\n    if (childColumns) newCol.columns = childColumns.map((col, i) => augmentColumn(col, i, id, depth + 1));\n    return newCol;\n  };\n  return columns.map((col, index) => augmentColumn(col, index));\n};\n\nconst isColumnInArrayOfColumns = (columns: DSDataTableT.Column[], col: DSDataTableT.Column) =>\n  columns.some((column) => column.id === col.id);\n\nconst useTableColsWithAddons = (\n  {\n    columns,\n    renderRowActions,\n    isExpandable,\n    selectSingle,\n    selection,\n    dragAndDropRows,\n    noSelectionColumn,\n  }: DSDataTableT.InternalProps,\n  hiddenColumns: string[],\n) => {\n  const withSelection = Boolean(selection);\n\n  return useMemo(() => {\n    const columnsWithAddons = [...augmentColumns(columns)];\n    // Columns to be prepended\n    const colsToPrepend: DSDataTableT.InternalColumn[] = [];\n    // Columns to be appended\n    const colsToAppend: DSDataTableT.InternalColumn[] = [];\n\n    if (isExpandable) colsToPrepend.push(expandRowColumn);\n    if (withSelection && !noSelectionColumn) {\n      if (selectSingle) colsToPrepend.push(singleSelectColumn as unknown as DSDataTableT.InternalColumn);\n      else colsToPrepend.push(multiSelectColumn as unknown as DSDataTableT.InternalColumn);\n    }\n    if (dragAndDropRows) colsToPrepend.push(dragHandleColumn as unknown as DSDataTableT.InternalColumn);\n    if (renderRowActions) colsToAppend.push(actionColumn(renderRowActions));\n\n    // Prepend or append all the columns that were not extended by the user\n    colsToPrepend.forEach((col) => {\n      if (!isColumnInArrayOfColumns(columnsWithAddons, col)) columnsWithAddons.unshift(col);\n    });\n    colsToAppend.forEach((col) => {\n      if (!isColumnInArrayOfColumns(columnsWithAddons, col)) columnsWithAddons.push(col);\n    });\n\n    return columnsWithAddons\n      .filter((col) => col.accessor === undefined || !isColumnVisible(col.accessor, col.columns, hiddenColumns))\n      .map((col) => {\n        if (col.columns) {\n          col.columns = col.columns.filter(\n            (subCol: DSDataTableT.Column) => subCol.accessor === undefined || !hiddenColumns?.includes(subCol.accessor),\n          );\n        }\n        return col;\n      });\n  }, [\n    columns,\n    isExpandable,\n    withSelection,\n    noSelectionColumn,\n    dragAndDropRows,\n    renderRowActions,\n    selectSingle,\n    hiddenColumns,\n  ]);\n};\n\nexport { useTableColsWithAddons };\n\nconst isColumnVisible = (\n  columnAccessor: string,\n  columns: DSDataTableT.Column[] | undefined,\n  hiddenColumns: string[],\n) => {\n  if (!columns) return hiddenColumns.includes(columnAccessor);\n  if (hiddenColumns.includes(columnAccessor)) return true;\n  return columns.every((col) => hiddenColumns.includes(col.accessor || col.id!));\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAmC;AAEnC,qBAMO;AAEP,MAAM,iBAAiB,CAAC,YAAkE;AACxF,QAAM,gBAAgB,CACpB,QACA,OACA,WAA0B,MAC1B,QAAQ,MACwB;AAChC,QAAI,KAAK,SAAS,KAAK;AACvB,QAAI,OAAO,OAAO,WAAW,SAAU,MAAK,OAAO;AACnD,QAAI,OAAO,OAAO,aAAa,SAAU,MAAK,OAAO;AACrD,UAAM,EAAE,SAAS,cAAc,GAAG,aAAa,IAAI;AACnD,UAAM,SAAsC;AAAA,MAC1C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH,SAAK,wBAA+B;AAAA,IACtC;AACA,QAAI,aAAc,QAAO,UAAU,aAAa,IAAI,CAAC,KAAK,MAAM,cAAc,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC;AACpG,WAAO;AAAA,EACT;AACA,SAAO,QAAQ,IAAI,CAAC,KAAK,UAAU,cAAc,KAAK,KAAK,CAAC;AAC9D;AAEA,MAAM,2BAA2B,CAAC,SAAgC,QAChE,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,IAAI,EAAE;AAE/C,MAAM,yBAAyB,CAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACA,kBACG;AACH,QAAM,gBAAgB,QAAQ,SAAS;AAEvC,aAAO,sBAAQ,MAAM;AACnB,UAAM,oBAAoB,CAAC,GAAG,eAAe,OAAO,CAAC;AAErD,UAAM,gBAA+C,CAAC;AAEtD,UAAM,eAA8C,CAAC;AAErD,QAAI,aAAc,eAAc,KAAK,8BAAe;AACpD,QAAI,iBAAiB,CAAC,mBAAmB;AACvC,UAAI,aAAc,eAAc,KAAK,iCAA4D;AAAA,UAC5F,eAAc,KAAK,gCAA2D;AAAA,IACrF;AACA,QAAI,gBAAiB,eAAc,KAAK,+BAA0D;AAClG,QAAI,iBAAkB,cAAa,SAAK,6BAAa,gBAAgB,CAAC;AAGtE,kBAAc,QAAQ,CAAC,QAAQ;AAC7B,UAAI,CAAC,yBAAyB,mBAAmB,GAAG,EAAG,mBAAkB,QAAQ,GAAG;AAAA,IACtF,CAAC;AACD,iBAAa,QAAQ,CAAC,QAAQ;AAC5B,UAAI,CAAC,yBAAyB,mBAAmB,GAAG,EAAG,mBAAkB,KAAK,GAAG;AAAA,IACnF,CAAC;AAED,WAAO,kBACJ,OAAO,CAAC,QAAQ,IAAI,aAAa,UAAa,CAAC,gBAAgB,IAAI,UAAU,IAAI,SAAS,aAAa,CAAC,EACxG,IAAI,CAAC,QAAQ;AACZ,UAAI,IAAI,SAAS;AACf,YAAI,UAAU,IAAI,QAAQ;AAAA,UACxB,CAAC,WAAgC,OAAO,aAAa,UAAa,CAAC,eAAe,SAAS,OAAO,QAAQ;AAAA,QAC5G;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACL,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;AAIA,MAAM,kBAAkB,CACtB,gBACA,SACA,kBACG;AACH,MAAI,CAAC,QAAS,QAAO,cAAc,SAAS,cAAc;AAC1D,MAAI,cAAc,SAAS,cAAc,EAAG,QAAO;AACnD,SAAO,QAAQ,MAAM,CAAC,QAAQ,cAAc,SAAS,IAAI,YAAY,IAAI,EAAG,CAAC;AAC/E;",
+  "sourcesContent": ["/* eslint-disable import/no-cycle */\n/* eslint-disable @typescript-eslint/no-use-before-define */\n/* eslint-disable max-params */\nimport { createRef, useMemo } from 'react';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\nimport {\n  dragHandleColumn,\n  expandRowColumn,\n  actionColumn,\n  singleSelectColumn,\n  multiSelectColumn,\n} from '../addons/Columns/index.js';\n\nconst augmentColumns = (columns: DSDataTableT.Column[]): DSDataTableT.InternalColumn[] => {\n  const augmentColumn = (\n    column: DSDataTableT.Column,\n    index: number,\n    parentId: string | null = null,\n    depth = 0,\n  ): DSDataTableT.InternalColumn => {\n    let id = `column${index}`;\n    if (typeof column.Header === 'string') id = column.Header;\n    if (typeof column.accessor === 'string') id = column.accessor;\n    const { columns: childColumns, ...restOfColumn } = column;\n    const newCol: DSDataTableT.InternalColumn = {\n      index,\n      id,\n      parentId,\n      depth,\n      ...restOfColumn,\n      ref: createRef<HTMLTableColElement>() as React.MutableRefObject<HTMLTableColElement>,\n    };\n    if (childColumns) newCol.columns = childColumns.map((col, i) => augmentColumn(col, i, id, depth + 1));\n    return newCol;\n  };\n  return columns.map((col, index) => augmentColumn(col, index));\n};\n\nconst isColumnInArrayOfColumns = (columns: DSDataTableT.Column[], col: DSDataTableT.Column) =>\n  columns.some((column) => column.id === col.id);\n\nconst useTableColsWithAddons = (\n  {\n    columns,\n    renderRowActions,\n    isExpandable,\n    selectSingle,\n    selection,\n    dragAndDropRows,\n    noSelectionColumn,\n  }: DSDataTableT.InternalProps,\n  hiddenColumns: string[],\n) => {\n  const withSelection = Boolean(selection);\n\n  return useMemo(() => {\n    const columnsWithAddons = [...augmentColumns(columns)];\n    // Columns to be prepended\n    const colsToPrepend: DSDataTableT.InternalColumn[] = [];\n    // Columns to be appended\n    const colsToAppend: DSDataTableT.InternalColumn[] = [];\n\n    if (isExpandable) colsToPrepend.push(expandRowColumn);\n    if (withSelection && !noSelectionColumn) {\n      if (selectSingle) colsToPrepend.push(singleSelectColumn as unknown as DSDataTableT.InternalColumn);\n      else colsToPrepend.push(multiSelectColumn as unknown as DSDataTableT.InternalColumn);\n    }\n    if (dragAndDropRows) colsToPrepend.push(dragHandleColumn as unknown as DSDataTableT.InternalColumn);\n    if (renderRowActions) colsToAppend.push(actionColumn(renderRowActions));\n\n    // Prepend or append all the columns that were not extended by the user\n    colsToPrepend.forEach((col) => {\n      if (!isColumnInArrayOfColumns(columnsWithAddons, col)) columnsWithAddons.unshift(col);\n    });\n    colsToAppend.forEach((col) => {\n      if (!isColumnInArrayOfColumns(columnsWithAddons, col)) columnsWithAddons.push(col);\n    });\n\n    return columnsWithAddons\n      .filter((col) => col.accessor === undefined || !isColumnHidden(col.accessor, col.columns, hiddenColumns))\n      .map((col) => {\n        if (col.columns) {\n          col.columns = col.columns.filter(\n            (subCol: DSDataTableT.Column) => subCol.accessor === undefined || !hiddenColumns?.includes(subCol.accessor),\n          );\n        }\n        return col;\n      });\n  }, [\n    columns,\n    isExpandable,\n    withSelection,\n    noSelectionColumn,\n    dragAndDropRows,\n    renderRowActions,\n    selectSingle,\n    hiddenColumns,\n  ]);\n};\n\nexport { useTableColsWithAddons };\n\nconst isColumnHidden = (\n  columnAccessor: string,\n  columns: DSDataTableT.Column[] | undefined,\n  hiddenColumns: string[] = [],\n) => {\n  if (!columns) return hiddenColumns.includes(columnAccessor);\n  if (hiddenColumns.includes(columnAccessor)) return true;\n  return columns.every((col) => hiddenColumns.includes(col.accessor || col.id!));\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAmC;AAEnC,qBAMO;AAEP,MAAM,iBAAiB,CAAC,YAAkE;AACxF,QAAM,gBAAgB,CACpB,QACA,OACA,WAA0B,MAC1B,QAAQ,MACwB;AAChC,QAAI,KAAK,SAAS,KAAK;AACvB,QAAI,OAAO,OAAO,WAAW,SAAU,MAAK,OAAO;AACnD,QAAI,OAAO,OAAO,aAAa,SAAU,MAAK,OAAO;AACrD,UAAM,EAAE,SAAS,cAAc,GAAG,aAAa,IAAI;AACnD,UAAM,SAAsC;AAAA,MAC1C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH,SAAK,wBAA+B;AAAA,IACtC;AACA,QAAI,aAAc,QAAO,UAAU,aAAa,IAAI,CAAC,KAAK,MAAM,cAAc,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC;AACpG,WAAO;AAAA,EACT;AACA,SAAO,QAAQ,IAAI,CAAC,KAAK,UAAU,cAAc,KAAK,KAAK,CAAC;AAC9D;AAEA,MAAM,2BAA2B,CAAC,SAAgC,QAChE,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,IAAI,EAAE;AAE/C,MAAM,yBAAyB,CAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACA,kBACG;AACH,QAAM,gBAAgB,QAAQ,SAAS;AAEvC,aAAO,sBAAQ,MAAM;AACnB,UAAM,oBAAoB,CAAC,GAAG,eAAe,OAAO,CAAC;AAErD,UAAM,gBAA+C,CAAC;AAEtD,UAAM,eAA8C,CAAC;AAErD,QAAI,aAAc,eAAc,KAAK,8BAAe;AACpD,QAAI,iBAAiB,CAAC,mBAAmB;AACvC,UAAI,aAAc,eAAc,KAAK,iCAA4D;AAAA,UAC5F,eAAc,KAAK,gCAA2D;AAAA,IACrF;AACA,QAAI,gBAAiB,eAAc,KAAK,+BAA0D;AAClG,QAAI,iBAAkB,cAAa,SAAK,6BAAa,gBAAgB,CAAC;AAGtE,kBAAc,QAAQ,CAAC,QAAQ;AAC7B,UAAI,CAAC,yBAAyB,mBAAmB,GAAG,EAAG,mBAAkB,QAAQ,GAAG;AAAA,IACtF,CAAC;AACD,iBAAa,QAAQ,CAAC,QAAQ;AAC5B,UAAI,CAAC,yBAAyB,mBAAmB,GAAG,EAAG,mBAAkB,KAAK,GAAG;AAAA,IACnF,CAAC;AAED,WAAO,kBACJ,OAAO,CAAC,QAAQ,IAAI,aAAa,UAAa,CAAC,eAAe,IAAI,UAAU,IAAI,SAAS,aAAa,CAAC,EACvG,IAAI,CAAC,QAAQ;AACZ,UAAI,IAAI,SAAS;AACf,YAAI,UAAU,IAAI,QAAQ;AAAA,UACxB,CAAC,WAAgC,OAAO,aAAa,UAAa,CAAC,eAAe,SAAS,OAAO,QAAQ;AAAA,QAC5G;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACL,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;AAIA,MAAM,iBAAiB,CACrB,gBACA,SACA,gBAA0B,CAAC,MACxB;AACH,MAAI,CAAC,QAAS,QAAO,cAAc,SAAS,cAAc;AAC1D,MAAI,cAAc,SAAS,cAAc,EAAG,QAAO;AACnD,SAAO,QAAQ,MAAM,CAAC,QAAQ,cAAc,SAAS,IAAI,YAAY,IAAI,EAAG,CAAC;AAC/E;",
   "names": []
 }

package/dist/cjs/constants/index.js

@@ -87,7 +87,8 @@ const DATA_TABLE_SLOTS = {
   FREE_TEXT_SEARCH_WRAPPER: "free-text-search-wrapper",
   FILTER_POPOVER: "filter-popover",
   FILTER_BAR_MENU_BUTTON: "filter-bar-menu-button",
-  FILTER_POPOVER_FOOTER: "filter-popover-footer"
+  FILTER_POPOVER_FOOTER: "filter-popover-footer",
+  FOCUS_WITHIN: "focus-within"
 };
 const DATA_TABLE_DATA_TESTID = {
   ...(0, import_ds_system.slotObjectToDataTestIds)(DSDataTableName, DATA_TABLE_SLOTS),

package/dist/cjs/constants/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { legacyDataTestIds } from './legacyToBeDeprecated.js';\n\nexport const DSDataTableName = 'DSDatatable';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_SLOTS = {\n  ROOT: 'root',\n  CONTENT_WRAPPER: 'content-wrapper',\n  TABLE_WRAPPER: 'table-wrapper',\n  PAGINATION_WRAPPER: 'pagination-wrapper',\n  TABLE_CONTENT_WRAPPER: 'table-content-wrapper',\n  VIRTUAL_LIST_WRAPPER: 'virtual-list-wrapper',\n  HEAD_WRAPPER: 'head-wrapper',\n  HEAD_TR: 'head-tr',\n  HEAD_TH: 'head-th',\n  HEAD_RIGHT_ICONS_WRAPPER: 'head-right-icons-wrapper',\n  HEADER_CELL_WRAPPER: 'header-cell-wrapper',\n  EMPTY_HEADER: 'empty-header',\n  RESIZER: 'resizer',\n  ACTION_CELL: 'action-cell',\n  EXPAND_CELL_CONTAINER: 'expand-cell-container',\n  GLOBAL_CHECKBOX_CONTAINER: 'global-checkbox-container',\n  SINGLE_CELL_CONTAINER: 'single-cell-container',\n  DRAG_AND_DROP_GRIPPER: 'drag-and-drop-gripper',\n  TEXT_EDITABLE_CELL_INPUT: 'text-editable-cell-input',\n  FILTER_POPOVER_BUTTON: 'filter-popover-button',\n  FILTER_POPOVER_CONTENT: 'filter-popover-content',\n  DROP_INDICATOR: 'drop-indicator',\n  CELL: 'cell',\n  CELL_CONTENT: 'cell-content',\n  PENCIL_ICON: 'pencil-icon',\n  EDITABLE_CONTAINER: 'editable-container',\n  FULLSIZE_GRID: 'fullsize-grid',\n  ROW: 'row',\n  GROUP_HEADER_CONTAINER: 'group-header-container',\n  GROUP_HEADER_TITLE: 'header-title',\n  CELL_CONTAINER: 'cells-container',\n  TOOLBAR_WRAPPER: 'toolbar-wrapper',\n  TOOLBAR_BUTTONS_WRAPPER: 'toolbar-buttons-wrapper',\n  TOOLBAR_BUTTON: 'toolbar-button',\n  TOOLBAR_POSITION: 'toolbar-position',\n  EMPTY_STATE_WRAPPER: 'empty-state-wrapper',\n  WARNING_ICON: 'warning-icon',\n  EMPTY_PRIMARY_MESSAGE: 'empty-primary-message',\n  EMPTY_SECONDARY_MESSAGE: 'empty-secondary-message',\n  EMPTY_BUTTON: 'empty-button',\n  CENTER_CONTENT_FLEX_WRAPPER: 'center-content-flex-wrapper',\n  LOADER_WRAPPER: 'loader-wrapper',\n  FILTER_BAR_WRAPPER: 'filter-bar-wrapper',\n  FREE_TEXT_SEARCH_FILTER: 'free-text-search-filter',\n  FREE_TEXT_SEARCH_WRAPPER: 'free-text-search-wrapper',\n  FILTER_POPOVER: 'filter-popover',\n  FILTER_BAR_MENU_BUTTON: 'filter-bar-menu-button',\n  FILTER_POPOVER_FOOTER: 'filter-popover-footer',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSDataTableName, DATA_TABLE_SLOTS),\n  /**\n   * These data-testid were defined in src/configs/constants.tsx\n   * but they were never exposed to consumers in the index.ts file.\n   * We are exposing them here for backward compatibility, as they are the ones used in the component implementation.\n   *\n   */\n  ...legacyDataTestIds,\n  /**\n   * As there is a mix of hardcoded data-testid and the ones auto generated by slot definitions\n   * we are overriding the auto generated ones with the hardcoded values for consistency.\n   */\n  CONTENT_WRAPPER: legacyDataTestIds.DATA_TABLE_CONTENT_WRAPPER,\n  TABLE_WRAPPER: legacyDataTestIds.DATA_TABLE_TABLE,\n  CELL_CONTAINER: legacyDataTestIds.DATA_TABLE_ROW_CONTENT,\n  DRAG_AND_DROP_GRIPPER: legacyDataTestIds.DATA_TABLE_DRAG_HANDLE,\n  FREE_TEXT_SEARCH_FILTER: legacyDataTestIds.DATA_TABLE_FILTER_FREE_TEXT_SEARCH,\n  FILTER_POPOVER_BUTTON: legacyDataTestIds.DATA_TABLE_FILTER_BUTTON,\n  HEAD_TH: legacyDataTestIds.DATA_TABLE_HEADER,\n  CELL: legacyDataTestIds.DATA_TABLE_CELL,\n  FULLSIZE_GRID: legacyDataTestIds.DATA_TABLE_ROW,\n  ROOT: legacyDataTestIds.DATA_TABLE_WRAPPER,\n  VIRTUAL_LIST_WRAPPER: legacyDataTestIds.DATA_TABLE_SCROLLABLE_CONTAINER,\n  GROUP_HEADER_CONTAINER: legacyDataTestIds.DATA_TABLE_ROW_GROUP_HEADER,\n  FILTER_BAR_MENU_BUTTON: legacyDataTestIds.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON,\n  // This one does not exist in the legacy list, but it was hardcoded in the component definition\n  EXPAND_CELL_CONTAINER: 'data-table-row-expand-cell',\n};\n\n// Legacy exports before Dimsum Compliance Task\nexport const DSDataTableSlots = DATA_TABLE_SLOTS;\nexport const DSDataTableDataTestIds = DATA_TABLE_DATA_TESTID;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AACxC,kCAAkC;AAE3B,MAAM,kBAAkB;AAGxB,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,0BAA0B;AAAA,EAC1B,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,2BAA2B;AAAA,EAC3B,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,cAAc;AAAA,EACd,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,KAAK;AAAA,EACL,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,cAAc;AAAA,EACd,6BAA6B;AAAA,EAC7B,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,uBAAuB;AACzB;AAGO,MAAM,yBAAyB;AAAA,EACpC,OAAG,0CAAwB,iBAAiB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5D,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,EAKH,iBAAiB,8CAAkB;AAAA,EACnC,eAAe,8CAAkB;AAAA,EACjC,gBAAgB,8CAAkB;AAAA,EAClC,uBAAuB,8CAAkB;AAAA,EACzC,yBAAyB,8CAAkB;AAAA,EAC3C,uBAAuB,8CAAkB;AAAA,EACzC,SAAS,8CAAkB;AAAA,EAC3B,MAAM,8CAAkB;AAAA,EACxB,eAAe,8CAAkB;AAAA,EACjC,MAAM,8CAAkB;AAAA,EACxB,sBAAsB,8CAAkB;AAAA,EACxC,wBAAwB,8CAAkB;AAAA,EAC1C,wBAAwB,8CAAkB;AAAA;AAAA,EAE1C,uBAAuB;AACzB;AAGO,MAAM,mBAAmB;AACzB,MAAM,yBAAyB;",
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { legacyDataTestIds } from './legacyToBeDeprecated.js';\n\nexport const DSDataTableName = 'DSDatatable';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_SLOTS = {\n  ROOT: 'root',\n  CONTENT_WRAPPER: 'content-wrapper',\n  TABLE_WRAPPER: 'table-wrapper',\n  PAGINATION_WRAPPER: 'pagination-wrapper',\n  TABLE_CONTENT_WRAPPER: 'table-content-wrapper',\n  VIRTUAL_LIST_WRAPPER: 'virtual-list-wrapper',\n  HEAD_WRAPPER: 'head-wrapper',\n  HEAD_TR: 'head-tr',\n  HEAD_TH: 'head-th',\n  HEAD_RIGHT_ICONS_WRAPPER: 'head-right-icons-wrapper',\n  HEADER_CELL_WRAPPER: 'header-cell-wrapper',\n  EMPTY_HEADER: 'empty-header',\n  RESIZER: 'resizer',\n  ACTION_CELL: 'action-cell',\n  EXPAND_CELL_CONTAINER: 'expand-cell-container',\n  GLOBAL_CHECKBOX_CONTAINER: 'global-checkbox-container',\n  SINGLE_CELL_CONTAINER: 'single-cell-container',\n  DRAG_AND_DROP_GRIPPER: 'drag-and-drop-gripper',\n  TEXT_EDITABLE_CELL_INPUT: 'text-editable-cell-input',\n  FILTER_POPOVER_BUTTON: 'filter-popover-button',\n  FILTER_POPOVER_CONTENT: 'filter-popover-content',\n  DROP_INDICATOR: 'drop-indicator',\n  CELL: 'cell',\n  CELL_CONTENT: 'cell-content',\n  PENCIL_ICON: 'pencil-icon',\n  EDITABLE_CONTAINER: 'editable-container',\n  FULLSIZE_GRID: 'fullsize-grid',\n  ROW: 'row',\n  GROUP_HEADER_CONTAINER: 'group-header-container',\n  GROUP_HEADER_TITLE: 'header-title',\n  CELL_CONTAINER: 'cells-container',\n  TOOLBAR_WRAPPER: 'toolbar-wrapper',\n  TOOLBAR_BUTTONS_WRAPPER: 'toolbar-buttons-wrapper',\n  TOOLBAR_BUTTON: 'toolbar-button',\n  TOOLBAR_POSITION: 'toolbar-position',\n  EMPTY_STATE_WRAPPER: 'empty-state-wrapper',\n  WARNING_ICON: 'warning-icon',\n  EMPTY_PRIMARY_MESSAGE: 'empty-primary-message',\n  EMPTY_SECONDARY_MESSAGE: 'empty-secondary-message',\n  EMPTY_BUTTON: 'empty-button',\n  CENTER_CONTENT_FLEX_WRAPPER: 'center-content-flex-wrapper',\n  LOADER_WRAPPER: 'loader-wrapper',\n  FILTER_BAR_WRAPPER: 'filter-bar-wrapper',\n  FREE_TEXT_SEARCH_FILTER: 'free-text-search-filter',\n  FREE_TEXT_SEARCH_WRAPPER: 'free-text-search-wrapper',\n  FILTER_POPOVER: 'filter-popover',\n  FILTER_BAR_MENU_BUTTON: 'filter-bar-menu-button',\n  FILTER_POPOVER_FOOTER: 'filter-popover-footer',\n  FOCUS_WITHIN: 'focus-within',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSDataTableName, DATA_TABLE_SLOTS),\n  /**\n   * These data-testid were defined in src/configs/constants.tsx\n   * but they were never exposed to consumers in the index.ts file.\n   * We are exposing them here for backward compatibility, as they are the ones used in the component implementation.\n   *\n   */\n  ...legacyDataTestIds,\n  /**\n   * As there is a mix of hardcoded data-testid and the ones auto generated by slot definitions\n   * we are overriding the auto generated ones with the hardcoded values for consistency.\n   */\n  CONTENT_WRAPPER: legacyDataTestIds.DATA_TABLE_CONTENT_WRAPPER,\n  TABLE_WRAPPER: legacyDataTestIds.DATA_TABLE_TABLE,\n  CELL_CONTAINER: legacyDataTestIds.DATA_TABLE_ROW_CONTENT,\n  DRAG_AND_DROP_GRIPPER: legacyDataTestIds.DATA_TABLE_DRAG_HANDLE,\n  FREE_TEXT_SEARCH_FILTER: legacyDataTestIds.DATA_TABLE_FILTER_FREE_TEXT_SEARCH,\n  FILTER_POPOVER_BUTTON: legacyDataTestIds.DATA_TABLE_FILTER_BUTTON,\n  HEAD_TH: legacyDataTestIds.DATA_TABLE_HEADER,\n  CELL: legacyDataTestIds.DATA_TABLE_CELL,\n  FULLSIZE_GRID: legacyDataTestIds.DATA_TABLE_ROW,\n  ROOT: legacyDataTestIds.DATA_TABLE_WRAPPER,\n  VIRTUAL_LIST_WRAPPER: legacyDataTestIds.DATA_TABLE_SCROLLABLE_CONTAINER,\n  GROUP_HEADER_CONTAINER: legacyDataTestIds.DATA_TABLE_ROW_GROUP_HEADER,\n  FILTER_BAR_MENU_BUTTON: legacyDataTestIds.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON,\n  // This one does not exist in the legacy list, but it was hardcoded in the component definition\n  EXPAND_CELL_CONTAINER: 'data-table-row-expand-cell',\n};\n\n// Legacy exports before Dimsum Compliance Task\nexport const DSDataTableSlots = DATA_TABLE_SLOTS;\nexport const DSDataTableDataTestIds = DATA_TABLE_DATA_TESTID;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AACxC,kCAAkC;AAE3B,MAAM,kBAAkB;AAGxB,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,0BAA0B;AAAA,EAC1B,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,2BAA2B;AAAA,EAC3B,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,cAAc;AAAA,EACd,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,KAAK;AAAA,EACL,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,cAAc;AAAA,EACd,6BAA6B;AAAA,EAC7B,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,cAAc;AAChB;AAGO,MAAM,yBAAyB;AAAA,EACpC,OAAG,0CAAwB,iBAAiB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5D,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,EAKH,iBAAiB,8CAAkB;AAAA,EACnC,eAAe,8CAAkB;AAAA,EACjC,gBAAgB,8CAAkB;AAAA,EAClC,uBAAuB,8CAAkB;AAAA,EACzC,yBAAyB,8CAAkB;AAAA,EAC3C,uBAAuB,8CAAkB;AAAA,EACzC,SAAS,8CAAkB;AAAA,EAC3B,MAAM,8CAAkB;AAAA,EACxB,eAAe,8CAAkB;AAAA,EACjC,MAAM,8CAAkB;AAAA,EACxB,sBAAsB,8CAAkB;AAAA,EACxC,wBAAwB,8CAAkB;AAAA,EAC1C,wBAAwB,8CAAkB;AAAA;AAAA,EAE1C,uBAAuB;AACzB;AAGO,MAAM,mBAAmB;AACzB,MAAM,yBAAyB;",
   "names": []
 }

package/dist/cjs/exported-related/EditableCell.js

@@ -42,7 +42,9 @@ const EditableCell = (props) => {
   const virtualListHelpers = (0, import_createInternalAndPropsContext.usePropsStore)((state) => state.virtualListHelpers);
   const getOwnerProps = (0, import_createInternalAndPropsContext.usePropsStore)((store) => store.get);
   const getOwnerPropsArguments = import_react.default.useCallback(() => cell, [cell]);
+  const getPencilIconArguments = import_react.default.useCallback(() => ({ cell }), [cell]);
   const [isEditing, setIsEditing] = (0, import_react.useState)(false);
+  const instructionId = `editable-cell-${cell.id}-${domIdAffix}`;
   const [lastIsEditing, setLastIsEditing] = (0, import_react.useState)(false);
   (0, import_react.useLayoutEffect)(() => {
     if (isEditing !== lastIsEditing) {
@@ -92,15 +94,15 @@ const EditableCell = (props) => {
       onBlur: handleOnBlur,
       shouldDisplayEditIcon: cell.column.alwaysDisplayEditIcon,
       role: "group",
-      "aria-labelledby": isEditing ? void 0 : cell.id,
+      "aria-labelledby": isEditing ? void 0 : instructionId,
       getOwnerProps,
       getOwnerPropsArguments,
       children: [
         !isEditing ? StandardRender : EditableRenderer,
-        !isEditing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledPencilIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { id: `editable-cell-${cell.id}-${domIdAffix}`, style: { display: "none" }, "aria-hidden": "true", children: [
+        !isEditing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledPencilIcon, { getOwnerProps, getOwnerPropsArguments: getPencilIconArguments }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { id: instructionId, style: { display: "none" }, "aria-hidden": "true", children: [
           cell.value,
-          ", editable cell. To edit the content's of this cell, press the Enter key"
+          ", editable cell. To edit the content of this cell, press the Enter key"
         ] })
       ]
     }

package/dist/cjs/exported-related/EditableCell.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/exported-related/EditableCell.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useLayoutEffect, useState } from 'react';\nimport { usePropsStore } from '../configs/useStore/createInternalAndPropsContext.js';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\nimport { StyledEditableContainer, StyledPencilIcon } from '../styled.js';\n\nexport const EditableCell: React.ComponentType<{\n  StandardRender: JSX.Element;\n  EditableRenderer: JSX.Element;\n  cell: DSDataTableT.Cell<HTMLDivElement>;\n  isRowSelected?: boolean;\n}> = (props) => {\n  const { StandardRender, EditableRenderer, cell, isRowSelected } = props;\n  const domIdAffix = usePropsStore((state) => state.domIdAffix);\n  const virtualListHelpers = usePropsStore((state) => state.virtualListHelpers);\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = React.useCallback(() => cell, [cell]);\n\n  const [isEditing, setIsEditing] = useState(false);\n  const [lastIsEditing, setLastIsEditing] = useState(false);\n  // When an editable cell is switched on-off, we recalculate the height of the rows\n  useLayoutEffect(() => {\n    if (isEditing !== lastIsEditing) {\n      virtualListHelpers.measure();\n      setLastIsEditing(isEditing);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isEditing]);\n\n  const handleCellClick = useCallback(\n    (e: React.MouseEvent | React.KeyboardEvent) => {\n      e.stopPropagation();\n      if (!isEditing) {\n        setIsEditing(true);\n      }\n    },\n    [isEditing],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isEditing) {\n        e.stopPropagation();\n        if (['Enter', 'Escape'].includes(e.code)) {\n          setIsEditing(false);\n        }\n      } else if (['Enter', 'Space'].includes(e.code)) {\n        handleCellClick(e);\n      }\n    },\n    [isEditing, handleCellClick, setIsEditing],\n  );\n\n  const handleOnBlur = useCallback(\n    (event: React.FocusEvent) => {\n      if (isEditing && !event.currentTarget?.contains(event.relatedTarget)) {\n        // Not triggered when swapping focus between children\n        setIsEditing(false);\n      }\n    },\n    [isEditing],\n  );\n  const cols = !isEditing ? ['auto', 'min-content'] : ['auto'];\n  return (\n    <StyledEditableContainer\n      cols={cols}\n      tabIndex={isRowSelected && !isEditing ? 0 : -1}\n      innerRef={cell.ref}\n      onClick={handleCellClick}\n      onKeyDown={handleOnKeyDown}\n      onBlur={handleOnBlur}\n      shouldDisplayEditIcon={cell.column.alwaysDisplayEditIcon}\n      role=\"group\"\n      aria-labelledby={isEditing ? undefined : cell.id}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      {!isEditing ? StandardRender : EditableRenderer}\n      {!isEditing && <StyledPencilIcon />}\n      <span id={`editable-cell-${cell.id}-${domIdAffix}`} style={{ display: 'none' }} aria-hidden=\"true\">\n        {cell.value as string}, editable cell. To edit the content&apos;s of this cell, press the Enter key\n      </span>\n    </StyledEditableContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6EF;AA7ErB,mBAA8D;AAC9D,2CAA8B;AAE9B,oBAA0D;AAEnD,MAAM,eAKR,CAAC,UAAU;AACd,QAAM,EAAE,gBAAgB,kBAAkB,MAAM,cAAc,IAAI;AAClE,QAAM,iBAAa,oDAAc,CAAC,UAAU,MAAM,UAAU;AAC5D,QAAM,yBAAqB,oDAAc,CAAC,UAAU,MAAM,kBAAkB;AAC5E,QAAM,oBAAgB,oDAAc,CAAC,UAAU,MAAM,GAAG;AACxD,QAAM,yBAAyB,aAAAA,QAAM,YAAY,MAAM,MAAM,CAAC,IAAI,CAAC;AAEnE,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,KAAK;AAExD,oCAAgB,MAAM;AACpB,QAAI,cAAc,eAAe;AAC/B,yBAAmB,QAAQ;AAC3B,uBAAiB,SAAS;AAAA,IAC5B;AAAA,EAEF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,sBAAkB;AAAA,IACtB,CAAC,MAA8C;AAC7C,QAAE,gBAAgB;AAClB,UAAI,CAAC,WAAW;AACd,qBAAa,IAAI;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,sBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,WAAW;AACb,UAAE,gBAAgB;AAClB,YAAI,CAAC,SAAS,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG;AACxC,uBAAa,KAAK;AAAA,QACpB;AAAA,MACF,WAAW,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AAC9C,wBAAgB,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,WAAW,iBAAiB,YAAY;AAAA,EAC3C;AAEA,QAAM,mBAAe;AAAA,IACnB,CAAC,UAA4B;AAC3B,UAAI,aAAa,CAAC,MAAM,eAAe,SAAS,MAAM,aAAa,GAAG;AAEpE,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AACA,QAAM,OAAO,CAAC,YAAY,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU,iBAAiB,CAAC,YAAY,IAAI;AAAA,MAC5C,UAAU,KAAK;AAAA,MACf,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,uBAAuB,KAAK,OAAO;AAAA,MACnC,MAAK;AAAA,MACL,mBAAiB,YAAY,SAAY,KAAK;AAAA,MAC9C;AAAA,MACA;AAAA,MAEC;AAAA,SAAC,YAAY,iBAAiB;AAAA,QAC9B,CAAC,aAAa,4CAAC,kCAAiB;AAAA,QACjC,6CAAC,UAAK,IAAI,iBAAiB,KAAK,EAAE,IAAI,UAAU,IAAI,OAAO,EAAE,SAAS,OAAO,GAAG,eAAY,QACzF;AAAA,eAAK;AAAA,UAAgB;AAAA,WACxB;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import React, { useCallback, useLayoutEffect, useState } from 'react';\nimport { usePropsStore } from '../configs/useStore/createInternalAndPropsContext.js';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\nimport { StyledEditableContainer, StyledPencilIcon } from '../styled.js';\n\nexport const EditableCell: React.ComponentType<{\n  StandardRender: JSX.Element;\n  EditableRenderer: JSX.Element;\n  cell: DSDataTableT.Cell<HTMLDivElement>;\n  isRowSelected?: boolean;\n}> = (props) => {\n  const { StandardRender, EditableRenderer, cell, isRowSelected } = props;\n  const domIdAffix = usePropsStore((state) => state.domIdAffix);\n  const virtualListHelpers = usePropsStore((state) => state.virtualListHelpers);\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = React.useCallback(() => cell, [cell]);\n  // why two separate callbacks for getOwnerPropsArguments and getPencilIconArguments?\n  // check .github/memories/antipattern_non_extensible_api_shapes.md but in short, getOwnerPropsArguments is a legacy shape\n  // we don't want to introduce breaking change, but React.useCallback(() => cell, [cell]); was the wrong call back in the day.\n  const getPencilIconArguments = React.useCallback(() => ({ cell }), [cell]);\n\n  const [isEditing, setIsEditing] = useState(false);\n  const instructionId = `editable-cell-${cell.id}-${domIdAffix}`;\n  const [lastIsEditing, setLastIsEditing] = useState(false);\n  // When an editable cell is switched on-off, we recalculate the height of the rows\n  useLayoutEffect(() => {\n    if (isEditing !== lastIsEditing) {\n      virtualListHelpers.measure();\n      setLastIsEditing(isEditing);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isEditing]);\n\n  const handleCellClick = useCallback(\n    (e: React.MouseEvent | React.KeyboardEvent) => {\n      e.stopPropagation();\n      if (!isEditing) {\n        setIsEditing(true);\n      }\n    },\n    [isEditing],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isEditing) {\n        e.stopPropagation();\n        if (['Enter', 'Escape'].includes(e.code)) {\n          setIsEditing(false);\n        }\n      } else if (['Enter', 'Space'].includes(e.code)) {\n        handleCellClick(e);\n      }\n    },\n    [isEditing, handleCellClick, setIsEditing],\n  );\n\n  const handleOnBlur = useCallback(\n    (event: React.FocusEvent) => {\n      if (isEditing && !event.currentTarget?.contains(event.relatedTarget)) {\n        // Not triggered when swapping focus between children\n        setIsEditing(false);\n      }\n    },\n    [isEditing],\n  );\n  const cols = !isEditing ? ['auto', 'min-content'] : ['auto'];\n  return (\n    <StyledEditableContainer\n      cols={cols}\n      tabIndex={isRowSelected && !isEditing ? 0 : -1}\n      innerRef={cell.ref}\n      onClick={handleCellClick}\n      onKeyDown={handleOnKeyDown}\n      onBlur={handleOnBlur}\n      shouldDisplayEditIcon={cell.column.alwaysDisplayEditIcon}\n      role=\"group\"\n      aria-labelledby={isEditing ? undefined : instructionId}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      {!isEditing ? StandardRender : EditableRenderer}\n      {!isEditing && <StyledPencilIcon getOwnerProps={getOwnerProps} getOwnerPropsArguments={getPencilIconArguments} />}\n      <span id={instructionId} style={{ display: 'none' }} aria-hidden=\"true\">\n        {cell.value as string}, editable cell. To edit the content of this cell, press the Enter key\n      </span>\n    </StyledEditableContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkFF;AAlFrB,mBAA8D;AAC9D,2CAA8B;AAE9B,oBAA0D;AAEnD,MAAM,eAKR,CAAC,UAAU;AACd,QAAM,EAAE,gBAAgB,kBAAkB,MAAM,cAAc,IAAI;AAClE,QAAM,iBAAa,oDAAc,CAAC,UAAU,MAAM,UAAU;AAC5D,QAAM,yBAAqB,oDAAc,CAAC,UAAU,MAAM,kBAAkB;AAC5E,QAAM,oBAAgB,oDAAc,CAAC,UAAU,MAAM,GAAG;AACxD,QAAM,yBAAyB,aAAAA,QAAM,YAAY,MAAM,MAAM,CAAC,IAAI,CAAC;AAInE,QAAM,yBAAyB,aAAAA,QAAM,YAAY,OAAO,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC;AAEzE,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAChD,QAAM,gBAAgB,iBAAiB,KAAK,EAAE,IAAI,UAAU;AAC5D,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,KAAK;AAExD,oCAAgB,MAAM;AACpB,QAAI,cAAc,eAAe;AAC/B,yBAAmB,QAAQ;AAC3B,uBAAiB,SAAS;AAAA,IAC5B;AAAA,EAEF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,sBAAkB;AAAA,IACtB,CAAC,MAA8C;AAC7C,QAAE,gBAAgB;AAClB,UAAI,CAAC,WAAW;AACd,qBAAa,IAAI;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,sBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,WAAW;AACb,UAAE,gBAAgB;AAClB,YAAI,CAAC,SAAS,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG;AACxC,uBAAa,KAAK;AAAA,QACpB;AAAA,MACF,WAAW,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AAC9C,wBAAgB,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,WAAW,iBAAiB,YAAY;AAAA,EAC3C;AAEA,QAAM,mBAAe;AAAA,IACnB,CAAC,UAA4B;AAC3B,UAAI,aAAa,CAAC,MAAM,eAAe,SAAS,MAAM,aAAa,GAAG;AAEpE,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AACA,QAAM,OAAO,CAAC,YAAY,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU,iBAAiB,CAAC,YAAY,IAAI;AAAA,MAC5C,UAAU,KAAK;AAAA,MACf,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,uBAAuB,KAAK,OAAO;AAAA,MACnC,MAAK;AAAA,MACL,mBAAiB,YAAY,SAAY;AAAA,MACzC;AAAA,MACA;AAAA,MAEC;AAAA,SAAC,YAAY,iBAAiB;AAAA,QAC9B,CAAC,aAAa,4CAAC,kCAAiB,eAA8B,wBAAwB,wBAAwB;AAAA,QAC/G,6CAAC,UAAK,IAAI,eAAe,OAAO,EAAE,SAAS,OAAO,GAAG,eAAY,QAC9D;AAAA,eAAK;AAAA,UAAgB;AAAA,WACxB;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/exported-related/FilterBar/FilterBarDropdownMenu.js

@@ -34,75 +34,29 @@ module.exports = __toCommonJS(FilterBarDropdownMenu_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ds_dropdownmenu_v2 = require("@elliemae/ds-dropdownmenu-v2");
-var import_ds_button_v2 = require("@elliemae/ds-button-v2");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_configs = require("../../configs/index.js");
 var import_createInternalAndPropsContext = require("../../configs/useStore/createInternalAndPropsContext.js");
 var import_FilterMenuButton = require("./FilterMenuButton.js");
+var import_dropdownMenuV2Bridge = require("./dropdownMenuV2Bridge/index.js");
 const FilterBarDropdownMenu = (props) => {
   const onFiltersChange = (0, import_createInternalAndPropsContext.usePropsStore)((state) => state.onFiltersChange);
-  const [isOpened, setIsOpened] = (0, import_react.useState)(false);
-  const { options: extraOptions = [], innerRef, ...restProps } = props;
-  const removeFilters = (0, import_react.useCallback)(() => {
-    onFiltersChange([]);
-    setIsOpened(false);
-    innerRef?.current?.focus?.();
-  }, [innerRef, onFiltersChange]);
+  const getOwnerProps = (0, import_createInternalAndPropsContext.usePropsStore)((state) => state.get);
+  const { options: extraOptions, innerRef } = props;
+  const convertedOptions = (0, import_react.useMemo)(() => {
+    const { convertedOptions: converted, report } = (0, import_dropdownMenuV2Bridge.convertDropdownOptionsToMenuButtonOptions)(extraOptions ?? []);
+    report.humanReadableWarnings.forEach((warning) => console.warn(warning));
+    return converted;
+  }, [extraOptions]);
   const onClearFilters = (0, import_react.useCallback)(() => {
     onFiltersChange([]);
   }, [onFiltersChange]);
-  const options = (0, import_react.useMemo)(
-    () => [
-      {
-        dsId: "__internal__option__clear__filters",
-        label: "Clear Filters",
-        value: "clear",
-        type: "action",
-        onClick: removeFilters,
-        onKeyDown: (e) => {
-          if (["Enter", "Space"].includes(e.code)) removeFilters(e);
-        }
-      },
-      ...extraOptions
-    ],
-    [extraOptions, removeFilters]
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_FilterMenuButton.FilterMenuButton,
+    {
+      options: convertedOptions,
+      onClearFilters,
+      innerRef,
+      getOwnerProps
+    }
   );
-  try {
-    const { convertedOptions, report } = (0, import_ds_dropdownmenu_v2.checkAndConvertOptions)(extraOptions);
-    report.humanReadableWarnings.forEach((warning) => console.warn(warning));
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FilterMenuButton.FilterMenuButton, { options: convertedOptions, onClearFilters, innerRef });
-  } catch {
-    console.error(`
-      In upcoming releases, DSDropdownMenuV2 will be deprecated as it is not accessible. 
-      In effort to have compliant components we are enforcing MenuButton usage, by converting options.
-      If you find this error it is because the provided options are not possible to be made A11y accessible, and we are displaying the DSDropdownMenuV2 as fallback.`);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ds_dropdownmenu_v2.DSDropdownMenuV2,
-      {
-        isOpened,
-        startPlacementPreference: "bottom-end",
-        options,
-        onClickOutside: () => {
-          setIsOpened(false);
-        },
-        onKeyDown: (e) => {
-          if (e.code === "Escape") innerRef?.current?.focus?.();
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_ds_button_v2.DSButtonV2,
-          {
-            buttonType: import_ds_button_v2.BUTTON_TYPES.ICON,
-            onClick: () => setIsOpened((prevOpened) => !prevOpened),
-            innerRef,
-            "aria-label": "Filter bar addon",
-            "data-testid": import_configs.DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON,
-            ...restProps,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, {})
-          }
-        )
-      }
-    ) });
-  }
 };
 //# sourceMappingURL=FilterBarDropdownMenu.js.map

package/dist/cjs/exported-related/FilterBar/FilterBarDropdownMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/FilterBar/FilterBarDropdownMenu.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState, useCallback, useMemo } from 'react';\nimport { checkAndConvertOptions, DSDropdownMenuV2, type DSDropdownMenuT } from '@elliemae/ds-dropdownmenu-v2';\nimport { DSButtonV2, BUTTON_TYPES } from '@elliemae/ds-button-v2';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { DATA_TESTID } from '../../configs/index.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport { FilterMenuButton } from './FilterMenuButton.js';\n\ninterface FilterBarDropdownMenuProps {\n  options?: DSDropdownMenuT.Props['options'];\n  innerRef?: React.RefObject<HTMLButtonElement>;\n}\n\nexport const FilterBarDropdownMenu: React.ComponentType<FilterBarDropdownMenuProps> = (props) => {\n  const onFiltersChange = usePropsStore((state) => state.onFiltersChange);\n  const [isOpened, setIsOpened] = useState(false);\n\n  const { options: extraOptions = [], innerRef, ...restProps } = props;\n  const removeFilters: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(() => {\n    onFiltersChange([]);\n    setIsOpened(false);\n    innerRef?.current?.focus?.();\n  }, [innerRef, onFiltersChange]);\n  const onClearFilters = useCallback(() => {\n    onFiltersChange([]);\n  }, [onFiltersChange]);\n\n  const options: DSDropdownMenuT.Item[] = useMemo(\n    () => [\n      {\n        dsId: '__internal__option__clear__filters',\n        label: 'Clear Filters',\n        value: 'clear',\n        type: 'action',\n        onClick: removeFilters,\n        onKeyDown: (e: React.KeyboardEvent) => {\n          if (['Enter', 'Space'].includes(e.code)) removeFilters(e);\n        },\n      } as unknown as DSDropdownMenuT.Item,\n      ...extraOptions,\n    ],\n    [extraOptions, removeFilters],\n  );\n\n  /** PUI-15557 (https://jira.elliemae.io/browse/PUI-15557)\n   * On behalf of this ticket, we are promoting the usage of withFilterBar always in combination with filterAddonRenderer, and never alone.\n   * On Storybook, we were using this component (FilterBarDropdownMenu) as the addon, which was using DSDropdownMenuV2.\n   * As DSDropdownMenuV2 is not accessible, we are enforcing the usage of DSMenuButton instead, by converting options from DSDropdownMenuV2 to DSMenuButton.\n   * If the conversion fails, we fallback to rendering the DSDropdownMenuV2 directly.\n   */\n\n  try {\n    const { convertedOptions, report } = checkAndConvertOptions(extraOptions);\n    // eslint-disable-next-line no-console\n    report.humanReadableWarnings.forEach((warning) => console.warn(warning));\n    return <FilterMenuButton options={convertedOptions} onClearFilters={onClearFilters} innerRef={innerRef} />;\n  } catch {\n    // eslint-disable-next-line no-console\n    console.error(`\n      In upcoming releases, DSDropdownMenuV2 will be deprecated as it is not accessible. \n      In effort to have compliant components we are enforcing MenuButton usage, by converting options.\n      If you find this error it is because the provided options are not possible to be made A11y accessible, and we are displaying the DSDropdownMenuV2 as fallback.`);\n    return (\n      <div style={{ marginLeft: 'auto' }}>\n        <DSDropdownMenuV2\n          isOpened={isOpened}\n          startPlacementPreference=\"bottom-end\"\n          options={options}\n          onClickOutside={() => {\n            setIsOpened(false);\n          }}\n          onKeyDown={(e: React.KeyboardEvent) => {\n            if (e.code === 'Escape') innerRef?.current?.focus?.();\n          }}\n        >\n          <DSButtonV2\n            buttonType={BUTTON_TYPES.ICON}\n            onClick={() => setIsOpened((prevOpened) => !prevOpened)}\n            innerRef={innerRef}\n            aria-label=\"Filter bar addon\"\n            data-testid={DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON}\n            {...restProps}\n          >\n            <MoreOptionsVert />\n          </DSButtonV2>\n        </DSDropdownMenuV2>\n      </div>\n    );\n  }\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuDZ;AAvDX,mBAAsD;AACtD,gCAA+E;AAC/E,0BAAyC;AACzC,sBAAgC;AAChC,qBAA4B;AAC5B,2CAA8B;AAC9B,8BAAiC;AAO1B,MAAM,wBAAyE,CAAC,UAAU;AAC/F,QAAM,sBAAkB,oDAAc,CAAC,UAAU,MAAM,eAAe;AACtE,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAE9C,QAAM,EAAE,SAAS,eAAe,CAAC,GAAG,UAAU,GAAG,UAAU,IAAI;AAC/D,QAAM,oBAAsE,0BAAY,MAAM;AAC5F,oBAAgB,CAAC,CAAC;AAClB,gBAAY,KAAK;AACjB,cAAU,SAAS,QAAQ;AAAA,EAC7B,GAAG,CAAC,UAAU,eAAe,CAAC;AAC9B,QAAM,qBAAiB,0BAAY,MAAM;AACvC,oBAAgB,CAAC,CAAC;AAAA,EACpB,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,cAAkC;AAAA,IACtC,MAAM;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAW,CAAC,MAA2B;AACrC,cAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,EAAG,eAAc,CAAC;AAAA,QAC1D;AAAA,MACF;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,EAC9B;AASA,MAAI;AACF,UAAM,EAAE,kBAAkB,OAAO,QAAI,kDAAuB,YAAY;AAExE,WAAO,sBAAsB,QAAQ,CAAC,YAAY,QAAQ,KAAK,OAAO,CAAC;AACvE,WAAO,4CAAC,4CAAiB,SAAS,kBAAkB,gBAAgC,UAAoB;AAAA,EAC1G,QAAQ;AAEN,YAAQ,MAAM;AAAA;AAAA;AAAA,qKAGmJ;AACjK,WACE,4CAAC,SAAI,OAAO,EAAE,YAAY,OAAO,GAC/B;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,0BAAyB;AAAA,QACzB;AAAA,QACA,gBAAgB,MAAM;AACpB,sBAAY,KAAK;AAAA,QACnB;AAAA,QACA,WAAW,CAAC,MAA2B;AACrC,cAAI,EAAE,SAAS,SAAU,WAAU,SAAS,QAAQ;AAAA,QACtD;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,YAAY,iCAAa;AAAA,YACzB,SAAS,MAAM,YAAY,CAAC,eAAe,CAAC,UAAU;AAAA,YACtD;AAAA,YACA,cAAW;AAAA,YACX,eAAa,2BAAY;AAAA,YACxB,GAAG;AAAA,YAEJ,sDAAC,mCAAgB;AAAA;AAAA,QACnB;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import React, { useCallback, useMemo } from 'react';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport { FilterMenuButton } from './FilterMenuButton.js';\nimport { convertDropdownOptionsToMenuButtonOptions } from './dropdownMenuV2Bridge/index.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\n\n/** PUI-19093 (https://jira.elliemae.io/browse/PUI-19093)\n * The filter bar addon always renders `DSMenuButton`, the accessible menu (PUI-15557 started it, PUI-19093 finished it).\n * The `options` keep the shape `DSDropdownMenuV2` items had, so existing callers do not change: they are translated\n * by a translation layer local to this package (`./dropdownMenuV2Bridge`). What cannot be translated is dropped and\n * reported through `console.warn`; there is no `DSDropdownMenuV2` fallback anymore.\n */\nexport const FilterBarDropdownMenu: React.ComponentType<DSDataTableT.FilterBarDropdownMenuProps> = (props) => {\n  const onFiltersChange = usePropsStore((state) => state.onFiltersChange);\n  const getOwnerProps = usePropsStore((state) => state.get);\n  const { options: extraOptions, innerRef } = props;\n\n  const convertedOptions = useMemo(() => {\n    const { convertedOptions: converted, report } = convertDropdownOptionsToMenuButtonOptions(extraOptions ?? []);\n    // eslint-disable-next-line no-console\n    report.humanReadableWarnings.forEach((warning) => console.warn(warning));\n    return converted;\n  }, [extraOptions]);\n\n  const onClearFilters = useCallback(() => {\n    onFiltersChange([]);\n  }, [onFiltersChange]);\n\n  return (\n    <FilterMenuButton\n      options={convertedOptions}\n      onClearFilters={onClearFilters}\n      innerRef={innerRef}\n      getOwnerProps={getOwnerProps}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BnB;AA7BJ,mBAA4C;AAC5C,2CAA8B;AAC9B,8BAAiC;AACjC,kCAA0D;AASnD,MAAM,wBAAsF,CAAC,UAAU;AAC5G,QAAM,sBAAkB,oDAAc,CAAC,UAAU,MAAM,eAAe;AACtE,QAAM,oBAAgB,oDAAc,CAAC,UAAU,MAAM,GAAG;AACxD,QAAM,EAAE,SAAS,cAAc,SAAS,IAAI;AAE5C,QAAM,uBAAmB,sBAAQ,MAAM;AACrC,UAAM,EAAE,kBAAkB,WAAW,OAAO,QAAI,uEAA0C,gBAAgB,CAAC,CAAC;AAE5G,WAAO,sBAAsB,QAAQ,CAAC,YAAY,QAAQ,KAAK,OAAO,CAAC;AACvE,WAAO;AAAA,EACT,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,qBAAiB,0BAAY,MAAM;AACvC,oBAAgB,CAAC,CAAC;AAAA,EACpB,GAAG,CAAC,eAAe,CAAC;AAEpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/cjs/exported-related/FilterBar/FilterMenuButton.js

@@ -51,8 +51,14 @@ const FilterMenuButton = ({
   onItemSelected,
   onActivateItem,
   selectedItems,
+  onOpen,
+  onClose,
   ...restProps
 }) => {
+  const preventDefaultOnActivationKeys = (0, import_react.useCallback)((e) => {
+    if (["Enter", "Space"].includes(e.code)) e.preventDefault();
+    return null;
+  }, []);
   const menuButtonOptions = (0, import_react.useMemo)(
     () => [
       {
@@ -61,33 +67,25 @@ const FilterMenuButton = ({
         label: "Clear Filters",
         value: "clear",
         onClick: onClearFilters,
-        onKeyDown: (e) => {
-          if (["Enter", "Space"].includes(e.code)) {
-            e.preventDefault();
-            onClearFilters();
-          }
-          return null;
-        }
+        onKeyDown: preventDefaultOnActivationKeys
       },
       ...options.map((option) => {
         if (option.type !== import_ds_menu_button.MENU_ITEMS_TYPES.SEPARATOR && option.type !== import_ds_menu_button.MENU_ITEMS_TYPES.GROUP && option.type !== import_ds_menu_button.MENU_ITEMS_TYPES.SKELETON_ITEM) {
           return {
             ...option,
             onKeyDown: (e) => {
-              if (["Enter", "Space"].includes(e.code)) {
-                e.preventDefault();
-                if (typeof option?.onClick === "function") {
-                  option.onClick(e);
-                }
+              preventDefaultOnActivationKeys(e);
+              if (option.type === import_ds_menu_button.MENU_ITEMS_TYPES.WITH_SUBMENU_ITEM && ["Enter", "Space"].includes(e.code)) {
+                option.onClick?.(e);
               }
-              return null;
+              return option.onKeyDown?.(e) ?? null;
             }
           };
         }
         return option;
       })
     ],
-    [options, onClearFilters]
+    [options, onClearFilters, preventDefaultOnActivationKeys]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     StyledDSMenuButton,
@@ -97,7 +95,9 @@ const FilterMenuButton = ({
       innerRef,
       "aria-label": "Filter bar addon",
       "data-testid": import_configs.DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON,
-      onClose: () => {
+      onOpen,
+      onClose: (metainfo) => {
+        onClose?.(metainfo);
         innerRef?.current?.focus?.();
       },
       onItemSelected: onItemSelected ?? (() => {

package/dist/cjs/exported-related/FilterBar/FilterMenuButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/FilterBar/FilterMenuButton.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { BUTTON_TYPES } from '@elliemae/ds-button-v2';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { DSMenuButton, MENU_ITEMS_TYPES, type DSMenuButtonT } from '@elliemae/ds-menu-button';\nimport { styled } from '@elliemae/ds-system';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { useMemo } from 'react';\nimport { DATA_TESTID } from '../../configs/index.js';\nimport { DATA_TABLE_SLOTS, DSDataTableName } from '../../constants/index.js';\n\ninterface FilterMenuButtonProps {\n  options?: DSMenuButtonT.MenuItemInterface[];\n  innerRef?: React.RefObject<HTMLButtonElement>;\n  onClearFilters: TypescriptHelpersT.GenericFunc;\n  onItemSelected?: (\n    newSelection: DSMenuButtonT.SelectionableMenuNodes[],\n    metainfo: { itemNode: DSMenuButtonT.SelectionableMenuNodes; event?: React.SyntheticEvent },\n  ) => void | TypescriptHelpersT.StateSetter<DSMenuButtonT.SelectionableMenuNodes[]>;\n  onActivateItem?: (\n    itemNode: DSMenuButtonT.PseudoFocusableMenuNodes,\n    metainfo: { itemNode: DSMenuButtonT.PseudoFocusableMenuNodes; event?: React.SyntheticEvent },\n  ) => void;\n  [key: string]: unknown;\n  selectedItems?: DSMenuButtonT.SelectionableMenuNodes[] | DSMenuButtonT.SelectionableMenuItemInterface[];\n}\n\nconst StyledDSMenuButton = styled(DSMenuButton, {\n  name: DSDataTableName,\n  slot: DATA_TABLE_SLOTS.FILTER_BAR_MENU_BUTTON,\n})``;\n\nexport const FilterMenuButton: React.ComponentType<FilterMenuButtonProps> = ({\n  options = [],\n  innerRef,\n  onClearFilters,\n  onItemSelected,\n  onActivateItem,\n  selectedItems,\n  ...restProps\n}) => {\n  const menuButtonOptions: DSMenuButtonT.MenuItemInterface[] = useMemo(\n    () => [\n      {\n        type: MENU_ITEMS_TYPES.ACTIVABLE_ITEM,\n        dsId: '__internal__option__clear__filters',\n        label: 'Clear Filters',\n        value: 'clear',\n        onClick: onClearFilters,\n        onKeyDown: (e: React.KeyboardEvent) => {\n          if (['Enter', 'Space'].includes(e.code)) {\n            e.preventDefault();\n            onClearFilters();\n          }\n          return null;\n        },\n      },\n      ...options.map((option) => {\n        if (\n          option.type !== MENU_ITEMS_TYPES.SEPARATOR &&\n          option.type !== MENU_ITEMS_TYPES.GROUP &&\n          option.type !== MENU_ITEMS_TYPES.SKELETON_ITEM\n        ) {\n          return {\n            ...option,\n            onKeyDown: (e: React.KeyboardEvent) => {\n              if (['Enter', 'Space'].includes(e.code)) {\n                e.preventDefault();\n                if (typeof option?.onClick === 'function') {\n                  option.onClick(e);\n                }\n              }\n              return null;\n            },\n          };\n        }\n        return option;\n      }),\n    ],\n    [options, onClearFilters],\n  );\n\n  return (\n    <div style={{ marginLeft: 'auto' }}>\n      <StyledDSMenuButton\n        buttonType={BUTTON_TYPES.ICON}\n        options={menuButtonOptions}\n        innerRef={innerRef}\n        aria-label=\"Filter bar addon\"\n        data-testid={DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON}\n        onClose={() => {\n          innerRef?.current?.focus?.();\n        }}\n        /** PUI-15557 (https://jira.elliemae.io/browse/PUI-15557)\n         * On behalf of this ticket, we are converting options from DSDropdownMenuV2 to DSMenuButton.\n         * As DSMenuButton handles selection differently than DSDropdownMenuV2, we are providing\n         * empty functions as onItemSelected and onActivateItem to avoid breaking changes for now.\n         * As those props are required if any of the options are selectionable/activable.\n         * In future releases, we should properly enforce user to provide these props as needed.\n         */\n        onItemSelected={onItemSelected ?? (() => {})}\n        onActivateItem={onActivateItem ?? (() => {})}\n        selectedItems={selectedItems ?? []}\n        {...restProps}\n      >\n        <MoreOptionsVert />\n      </StyledDSMenuButton>\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuGf;AAvGR,0BAA6B;AAC7B,sBAAgC;AAChC,4BAAmE;AACnE,uBAAuB;AAEvB,mBAAwB;AACxB,qBAA4B;AAC5B,uBAAkD;AAkBlD,MAAM,yBAAqB,yBAAO,oCAAc;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,kCAAiB;AACzB,CAAC;AAEM,MAAM,mBAA+D,CAAC;AAAA,EAC3E,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,wBAAuD;AAAA,IAC3D,MAAM;AAAA,MACJ;AAAA,QACE,MAAM,uCAAiB;AAAA,QACvB,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAW,CAAC,MAA2B;AACrC,cAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AACvC,cAAE,eAAe;AACjB,2BAAe;AAAA,UACjB;AACA,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,GAAG,QAAQ,IAAI,CAAC,WAAW;AACzB,YACE,OAAO,SAAS,uCAAiB,aACjC,OAAO,SAAS,uCAAiB,SACjC,OAAO,SAAS,uCAAiB,eACjC;AACA,iBAAO;AAAA,YACL,GAAG;AAAA,YACH,WAAW,CAAC,MAA2B;AACrC,kBAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AACvC,kBAAE,eAAe;AACjB,oBAAI,OAAO,QAAQ,YAAY,YAAY;AACzC,yBAAO,QAAQ,CAAC;AAAA,gBAClB;AAAA,cACF;AACA,qBAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,cAAc;AAAA,EAC1B;AAEA,SACE,4CAAC,SAAI,OAAO,EAAE,YAAY,OAAO,GAC/B;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,iCAAa;AAAA,MACzB,SAAS;AAAA,MACT;AAAA,MACA,cAAW;AAAA,MACX,eAAa,2BAAY;AAAA,MACzB,SAAS,MAAM;AACb,kBAAU,SAAS,QAAQ;AAAA,MAC7B;AAAA,MAQA,gBAAgB,mBAAmB,MAAM;AAAA,MAAC;AAAA,MAC1C,gBAAgB,mBAAmB,MAAM;AAAA,MAAC;AAAA,MAC1C,eAAe,iBAAiB,CAAC;AAAA,MAChC,GAAG;AAAA,MAEJ,sDAAC,mCAAgB;AAAA;AAAA,EACnB,GACF;AAEJ;",
+  "sourcesContent": ["import { BUTTON_TYPES } from '@elliemae/ds-button-v2';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { DSMenuButton, MENU_ITEMS_TYPES, type DSMenuButtonT } from '@elliemae/ds-menu-button';\nimport { styled } from '@elliemae/ds-system';\nimport { useCallback, useMemo } from 'react';\nimport { DATA_TESTID } from '../../configs/index.js';\nimport { DATA_TABLE_SLOTS, DSDataTableName } from '../../constants/index.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\n\nconst StyledDSMenuButton = styled(DSMenuButton, {\n  name: DSDataTableName,\n  slot: DATA_TABLE_SLOTS.FILTER_BAR_MENU_BUTTON,\n})``;\n\nexport const FilterMenuButton: React.ComponentType<DSDataTableT.FilterMenuButtonProps> = ({\n  options = [],\n  innerRef,\n  onClearFilters,\n  onItemSelected,\n  onActivateItem,\n  selectedItems,\n  onOpen,\n  onClose,\n  ...restProps\n}) => {\n  // DSMenuButton already runs an item's `onClick` on keyboard activation (Enter / Space) for activable and selectable\n  //   items, so those items must NOT call it again from `onKeyDown` (that ran every keyboard activation twice).\n  //   A submenu-only item opens its submenu on Enter and the menu does not run its `onClick`: it keeps being called here.\n  // The `preventDefault` stays: without it, in Chromium, the menu stayed open after Enter (observed; the likely cause is\n  //   the browser default of the same key press re-activating the trigger button that gets the focus back on close).\n  const preventDefaultOnActivationKeys = useCallback((e: React.KeyboardEvent) => {\n    if (['Enter', 'Space'].includes(e.code)) e.preventDefault();\n    return null;\n  }, []);\n  const menuButtonOptions: DSMenuButtonT.MenuItemInterface[] = useMemo(\n    () => [\n      {\n        type: MENU_ITEMS_TYPES.ACTIVABLE_ITEM,\n        dsId: '__internal__option__clear__filters',\n        label: 'Clear Filters',\n        value: 'clear',\n        onClick: onClearFilters,\n        onKeyDown: preventDefaultOnActivationKeys,\n      },\n      ...options.map((option) => {\n        if (\n          option.type !== MENU_ITEMS_TYPES.SEPARATOR &&\n          option.type !== MENU_ITEMS_TYPES.GROUP &&\n          option.type !== MENU_ITEMS_TYPES.SKELETON_ITEM\n        ) {\n          return {\n            ...option,\n            onKeyDown: (e: React.KeyboardEvent) => {\n              preventDefaultOnActivationKeys(e);\n              if (option.type === MENU_ITEMS_TYPES.WITH_SUBMENU_ITEM && ['Enter', 'Space'].includes(e.code)) {\n                option.onClick?.(e);\n              }\n              return option.onKeyDown?.(e) ?? null;\n            },\n          };\n        }\n        return option;\n      }),\n    ],\n    [options, onClearFilters, preventDefaultOnActivationKeys],\n  );\n\n  return (\n    <div style={{ marginLeft: 'auto' }}>\n      <StyledDSMenuButton\n        buttonType={BUTTON_TYPES.ICON}\n        options={menuButtonOptions}\n        innerRef={innerRef}\n        aria-label=\"Filter bar addon\"\n        data-testid={DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON}\n        onOpen={onOpen}\n        onClose={(metainfo) => {\n          onClose?.(metainfo);\n          innerRef?.current?.focus?.();\n        }}\n        /** PUI-15557 (https://jira.elliemae.io/browse/PUI-15557)\n         * On behalf of this ticket, the filter bar menu moved from DSDropdownMenuV2 to DSMenuButton (the options\n         * of FilterBarDropdownMenu are translated before they get here, see ./dropdownMenuV2Bridge).\n         * As DSMenuButton handles selection differently than DSDropdownMenuV2, we are providing\n         * empty functions as onItemSelected and onActivateItem to avoid breaking changes for now.\n         * As those props are required if any of the options are selectionable/activable.\n         * In future releases, we should properly enforce user to provide these props as needed.\n         */\n        onItemSelected={onItemSelected ?? (() => {})}\n        onActivateItem={onActivateItem ?? (() => {})}\n        selectedItems={selectedItems ?? []}\n        {...restProps}\n      >\n        <MoreOptionsVert />\n      </StyledDSMenuButton>\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6Ff;AA7FR,0BAA6B;AAC7B,sBAAgC;AAChC,4BAAmE;AACnE,uBAAuB;AACvB,mBAAqC;AACrC,qBAA4B;AAC5B,uBAAkD;AAGlD,MAAM,yBAAqB,yBAAO,oCAAc;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,kCAAiB;AACzB,CAAC;AAEM,MAAM,mBAA4E,CAAC;AAAA,EACxF,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AAMJ,QAAM,qCAAiC,0BAAY,CAAC,MAA2B;AAC7E,QAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,EAAG,GAAE,eAAe;AAC1D,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACL,QAAM,wBAAuD;AAAA,IAC3D,MAAM;AAAA,MACJ;AAAA,QACE,MAAM,uCAAiB;AAAA,QACvB,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA,GAAG,QAAQ,IAAI,CAAC,WAAW;AACzB,YACE,OAAO,SAAS,uCAAiB,aACjC,OAAO,SAAS,uCAAiB,SACjC,OAAO,SAAS,uCAAiB,eACjC;AACA,iBAAO;AAAA,YACL,GAAG;AAAA,YACH,WAAW,CAAC,MAA2B;AACrC,6CAA+B,CAAC;AAChC,kBAAI,OAAO,SAAS,uCAAiB,qBAAqB,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AAC7F,uBAAO,UAAU,CAAC;AAAA,cACpB;AACA,qBAAO,OAAO,YAAY,CAAC,KAAK;AAAA,YAClC;AAAA,UACF;AAAA,QACF;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,gBAAgB,8BAA8B;AAAA,EAC1D;AAEA,SACE,4CAAC,SAAI,OAAO,EAAE,YAAY,OAAO,GAC/B;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,iCAAa;AAAA,MACzB,SAAS;AAAA,MACT;AAAA,MACA,cAAW;AAAA,MACX,eAAa,2BAAY;AAAA,MACzB;AAAA,MACA,SAAS,CAAC,aAAa;AACrB,kBAAU,QAAQ;AAClB,kBAAU,SAAS,QAAQ;AAAA,MAC7B;AAAA,MASA,gBAAgB,mBAAmB,MAAM;AAAA,MAAC;AAAA,MAC1C,gBAAgB,mBAAmB,MAAM;AAAA,MAAC;AAAA,MAC1C,eAAe,iBAAiB,CAAC;AAAA,MAChC,GAAG;AAAA,MAEJ,sDAAC,mCAAgB;AAAA;AAAA,EACnB,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/exported-related/FilterBar/PillsFromDataTableFilters.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/FilterBar/PillsFromDataTableFilters.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport React, { useMemo } from 'react';\nimport {\n  DateRangePill,\n  DateSwitcherPill,\n  FreeTextSearchPillPill,\n  MultiSelectPill,\n  NumberRangePill,\n  SelectPill,\n  SingleDatePill,\n} from '../../parts/FilterBar/components/index.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport { FILTER_TYPES } from '../FilterTypes.js';\n\nconst pillRenderMapper = {\n  [FILTER_TYPES.SELECT]: SelectPill,\n  [FILTER_TYPES.SELECT_V2]: SelectPill,\n  [FILTER_TYPES.MULTI_SELECT]: MultiSelectPill,\n  [FILTER_TYPES.MULTI_SELECT_V2]: MultiSelectPill,\n  [FILTER_TYPES.SINGLE_DATE]: SingleDatePill,\n  [FILTER_TYPES.SINGLE_DATE_V2]: SingleDatePill,\n  [FILTER_TYPES.DATE_RANGE]: DateRangePill,\n  [FILTER_TYPES.DATE_RANGE_V2]: DateRangePill,\n  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherPill,\n  [FILTER_TYPES.DATE_SWITCHER_V2]: DateSwitcherPill,\n  [FILTER_TYPES.NUMBER_RANGE]: NumberRangePill,\n  [FILTER_TYPES.NUMBER_RANGE_V2]: NumberRangePill,\n  [FILTER_TYPES.CURRENCY_RANGE]: NumberRangePill,\n  [FILTER_TYPES.CURRENCY_RANGE_V2]: NumberRangePill,\n  [FILTER_TYPES.FREE_TEXT_SEARCH]: FreeTextSearchPillPill,\n  [FILTER_TYPES.FREE_TEXT_SEARCH_V2]: FreeTextSearchPillPill,\n} as const;\n\ninterface PillsFromDataTableFiltersProps {\n  filters: DSDataTableT.Filter[];\n  columns: DSDataTableT.Column[];\n  onFiltersChange: (filters: DSDataTableT.Filter[]) => void;\n  onPillRemove?: (remove: () => void) => void;\n  customPillRenderers?: Record<string, React.ComponentType<DSDataTableT.FilterPillProps<unknown>>>;\n  customPillRenderer?: React.ComponentType<DSDataTableT.FilterPillProps<unknown>>;\n}\n\nexport const PillsFromDataTableFilters: React.FC<PillsFromDataTableFiltersProps> = ({\n  filters,\n  columns,\n\n  onFiltersChange,\n  onPillRemove,\n  customPillRenderers,\n  customPillRenderer,\n}) => {\n  const pillRefs = useMemo(() => {\n    const refs: React.RefObject<HTMLElement>[] = [];\n    for (let i = 0; i < filters.length; i += 1) refs.push(React.createRef());\n    return refs;\n  }, [filters.length]);\n  return (\n    <>\n      {filters.map(({ id: column, type, value }, index) => {\n        const matchedColumn = columns.find((col) => col.accessor === column);\n        const columnHeader = matchedColumn?.pillLabel || matchedColumn?.Header;\n        let Component:\n          | TypescriptHelpersT.ObjectValues<typeof pillRenderMapper>\n          | React.ComponentType<DSDataTableT.FilterPillProps<unknown>> = () => null;\n\n        const filterType = type;\n        if (customPillRenderers?.[column]) {\n          Component = customPillRenderers[column];\n        } else if (customPillRenderer) {\n          Component = customPillRenderer;\n        } else if (filterType in pillRenderMapper) {\n          Component = pillRenderMapper[filterType as keyof typeof pillRenderMapper];\n        }\n\n        return (\n          <Component\n            key={column}\n            columnHeader={typeof columnHeader === 'string' ? columnHeader : column}\n            column={column}\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment\n            value={value as any}\n            filters={filters}\n            onFiltersChange={onFiltersChange}\n            innerRef={pillRefs[index]}\n            onPillRemove={onPillRemove}\n          />\n        );\n      })}\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyDnB;AAxDJ,mBAA+B;AAC/B,wBAQO;AAEP,yBAA6B;AAE7B,MAAM,mBAAmB;AAAA,EACvB,CAAC,gCAAa,MAAM,GAAG;AAAA,EACvB,CAAC,gCAAa,SAAS,GAAG;AAAA,EAC1B,CAAC,gCAAa,YAAY,GAAG;AAAA,EAC7B,CAAC,gCAAa,eAAe,GAAG;AAAA,EAChC,CAAC,gCAAa,WAAW,GAAG;AAAA,EAC5B,CAAC,gCAAa,cAAc,GAAG;AAAA,EAC/B,CAAC,gCAAa,UAAU,GAAG;AAAA,EAC3B,CAAC,gCAAa,aAAa,GAAG;AAAA,EAC9B,CAAC,gCAAa,aAAa,GAAG;AAAA,EAC9B,CAAC,gCAAa,gBAAgB,GAAG;AAAA,EACjC,CAAC,gCAAa,YAAY,GAAG;AAAA,EAC7B,CAAC,gCAAa,eAAe,GAAG;AAAA,EAChC,CAAC,gCAAa,cAAc,GAAG;AAAA,EAC/B,CAAC,gCAAa,iBAAiB,GAAG;AAAA,EAClC,CAAC,gCAAa,gBAAgB,GAAG;AAAA,EACjC,CAAC,gCAAa,mBAAmB,GAAG;AACtC;AAWO,MAAM,4BAAsE,CAAC;AAAA,EAClF;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAW,sBAAQ,MAAM;AAC7B,UAAM,OAAuC,CAAC;AAC9C,aAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK,EAAG,MAAK,KAAK,aAAAA,QAAM,UAAU,CAAC;AACvE,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,MAAM,CAAC;AACnB,SACE,2EACG,kBAAQ,IAAI,CAAC,EAAE,IAAI,QAAQ,MAAM,MAAM,GAAG,UAAU;AACnD,UAAM,gBAAgB,QAAQ,KAAK,CAAC,QAAQ,IAAI,aAAa,MAAM;AACnE,UAAM,eAAe,eAAe,aAAa,eAAe;AAChE,QAAI,YAE6D,MAAM;AAEvE,UAAM,aAAa;AACnB,QAAI,sBAAsB,MAAM,GAAG;AACjC,kBAAY,oBAAoB,MAAM;AAAA,IACxC,WAAW,oBAAoB;AAC7B,kBAAY;AAAA,IACd,WAAW,cAAc,kBAAkB;AACzC,kBAAY,iBAAiB,UAA2C;AAAA,IAC1E;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,cAAc,OAAO,iBAAiB,WAAW,eAAe;AAAA,QAChE;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,SAAS,KAAK;AAAA,QACxB;AAAA;AAAA,MARK;AAAA,IASP;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "sourcesContent": ["import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport React, { useMemo } from 'react';\nimport {\n  DateRangePill,\n  DateSwitcherPill,\n  FreeTextSearchPillPill,\n  MultiSelectPill,\n  NumberRangePill,\n  SelectPill,\n  SingleDatePill,\n} from '../../parts/FilterBar/components/index.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport { FILTER_TYPES } from '../FilterTypes.js';\n\nconst pillRenderMapper = {\n  [FILTER_TYPES.SELECT]: SelectPill,\n  [FILTER_TYPES.SELECT_V2]: SelectPill,\n  [FILTER_TYPES.MULTI_SELECT]: MultiSelectPill,\n  [FILTER_TYPES.MULTI_SELECT_V2]: MultiSelectPill,\n  [FILTER_TYPES.SINGLE_DATE]: SingleDatePill,\n  [FILTER_TYPES.SINGLE_DATE_V2]: SingleDatePill,\n  [FILTER_TYPES.DATE_RANGE]: DateRangePill,\n  [FILTER_TYPES.DATE_RANGE_V2]: DateRangePill,\n  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherPill,\n  [FILTER_TYPES.DATE_SWITCHER_V2]: DateSwitcherPill,\n  [FILTER_TYPES.NUMBER_RANGE]: NumberRangePill,\n  [FILTER_TYPES.NUMBER_RANGE_V2]: NumberRangePill,\n  [FILTER_TYPES.CURRENCY_RANGE]: NumberRangePill,\n  [FILTER_TYPES.CURRENCY_RANGE_V2]: NumberRangePill,\n  [FILTER_TYPES.FREE_TEXT_SEARCH]: FreeTextSearchPillPill,\n  [FILTER_TYPES.FREE_TEXT_SEARCH_V2]: FreeTextSearchPillPill,\n} as const;\n\nexport const PillsFromDataTableFilters: React.FC<DSDataTableT.PillsFromDataTableFiltersProps> = ({\n  filters,\n  columns,\n\n  onFiltersChange,\n  onPillRemove,\n  customPillRenderers,\n  customPillRenderer,\n}) => {\n  const pillRefs = useMemo(() => {\n    const refs: React.RefObject<HTMLElement>[] = [];\n    for (let i = 0; i < filters.length; i += 1) refs.push(React.createRef());\n    return refs;\n  }, [filters.length]);\n  return (\n    <>\n      {filters.map(({ id: column, type, value }, index) => {\n        const matchedColumn = columns.find((col) => col.accessor === column);\n        const columnHeader = matchedColumn?.pillLabel || matchedColumn?.Header;\n        let Component:\n          | TypescriptHelpersT.ObjectValues<typeof pillRenderMapper>\n          | React.ComponentType<DSDataTableT.FilterPillProps<unknown>> = () => null;\n\n        const filterType = type;\n        if (customPillRenderers?.[column]) {\n          Component = customPillRenderers[column];\n        } else if (customPillRenderer) {\n          Component = customPillRenderer;\n        } else if (filterType in pillRenderMapper) {\n          Component = pillRenderMapper[filterType as keyof typeof pillRenderMapper];\n        }\n\n        return (\n          <Component\n            key={column}\n            columnHeader={typeof columnHeader === 'string' ? columnHeader : column}\n            column={column}\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment\n            value={value as any}\n            filters={filters}\n            onFiltersChange={onFiltersChange}\n            innerRef={pillRefs[index]}\n            onPillRemove={onPillRemove}\n          />\n        );\n      })}\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgDnB;AA/CJ,mBAA+B;AAC/B,wBAQO;AAEP,yBAA6B;AAE7B,MAAM,mBAAmB;AAAA,EACvB,CAAC,gCAAa,MAAM,GAAG;AAAA,EACvB,CAAC,gCAAa,SAAS,GAAG;AAAA,EAC1B,CAAC,gCAAa,YAAY,GAAG;AAAA,EAC7B,CAAC,gCAAa,eAAe,GAAG;AAAA,EAChC,CAAC,gCAAa,WAAW,GAAG;AAAA,EAC5B,CAAC,gCAAa,cAAc,GAAG;AAAA,EAC/B,CAAC,gCAAa,UAAU,GAAG;AAAA,EAC3B,CAAC,gCAAa,aAAa,GAAG;AAAA,EAC9B,CAAC,gCAAa,aAAa,GAAG;AAAA,EAC9B,CAAC,gCAAa,gBAAgB,GAAG;AAAA,EACjC,CAAC,gCAAa,YAAY,GAAG;AAAA,EAC7B,CAAC,gCAAa,eAAe,GAAG;AAAA,EAChC,CAAC,gCAAa,cAAc,GAAG;AAAA,EAC/B,CAAC,gCAAa,iBAAiB,GAAG;AAAA,EAClC,CAAC,gCAAa,gBAAgB,GAAG;AAAA,EACjC,CAAC,gCAAa,mBAAmB,GAAG;AACtC;AAEO,MAAM,4BAAmF,CAAC;AAAA,EAC/F;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAW,sBAAQ,MAAM;AAC7B,UAAM,OAAuC,CAAC;AAC9C,aAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK,EAAG,MAAK,KAAK,aAAAA,QAAM,UAAU,CAAC;AACvE,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,MAAM,CAAC;AACnB,SACE,2EACG,kBAAQ,IAAI,CAAC,EAAE,IAAI,QAAQ,MAAM,MAAM,GAAG,UAAU;AACnD,UAAM,gBAAgB,QAAQ,KAAK,CAAC,QAAQ,IAAI,aAAa,MAAM;AACnE,UAAM,eAAe,eAAe,aAAa,eAAe;AAChE,QAAI,YAE6D,MAAM;AAEvE,UAAM,aAAa;AACnB,QAAI,sBAAsB,MAAM,GAAG;AACjC,kBAAY,oBAAoB,MAAM;AAAA,IACxC,WAAW,oBAAoB;AAC7B,kBAAY;AAAA,IACd,WAAW,cAAc,kBAAkB;AACzC,kBAAY,iBAAiB,UAA2C;AAAA,IAC1E;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,cAAc,OAAO,iBAAiB,WAAW,eAAe;AAAA,QAChE;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,SAAS,KAAK;AAAA,QACxB;AAAA;AAAA,MARK;AAAA,IASP;AAAA,EAEJ,CAAC,GACH;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/{parts/RowVariants/types.js → exported-related/FilterBar/dropdownMenuV2Bridge/bridgeTypes.js}

@@ -22,7 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
+var bridgeTypes_exports = {};
+module.exports = __toCommonJS(bridgeTypes_exports);
 var React = __toESM(require("react"));
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=bridgeTypes.js.map

package/dist/cjs/exported-related/FilterBar/dropdownMenuV2Bridge/bridgeTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/exported-related/FilterBar/dropdownMenuV2Bridge/bridgeTypes.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export declare namespace DSDropdownV2BridgeT {\n  /**\n   * What the conversion had to do (or lose) to turn DSDropdownMenuV2 options into valid DSMenuButton options.\n   * It is recorded BY the conversion, while it converts: there is no second walk of the options that could drift from\n   * what was really converted.\n   */\n  export type ConversionAdjustmentsT = {\n    /** an option carried a `render`: DSMenuButton items are strict about their markup, it is ignored */\n    lostRender: boolean;\n    /** an option carried `rightAddon: 'ellipsis'`: not supported, submenu items always show the chevron */\n    lostEllipsis: boolean;\n    /** a `single` / `singleWithSubmenu` option was not inside a `section`: it got a placeholder group */\n    filledPlaceholderGroup: boolean;\n    /** a level or a `section` had nothing to focus: it got ONE skeleton item (see `fillWithSkeleton`) */\n    filledSkeleton: boolean;\n    /** an option had a `type` the conversion does not know: it (and what it holds) was dropped, the rest was kept */\n    droppedUnknownType: boolean;\n  };\n  export type ConversionReportT = ConversionAdjustmentsT & { humanReadableWarnings: string[] };\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "names": []
+}