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

package/dist/cjs/exported-related/FilterPopover/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/FilterPopover/styled.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { DSDialogFooter } from '@elliemae/ds-dialog';\nimport { FloatingWrapper } from '@elliemae/ds-floating-context';\nimport { DSDataTableName, DSDataTableSlots } from '../../constants/index.js';\n\nexport const FilterButton = styled('span', { name: DSDataTableName, slot: DSDataTableSlots.FILTER_POPOVER_BUTTON })<{\n  hide: boolean;\n}>`\n  display: inline-grid;\n  ${(props) => (props.hide ? 'opacity: 0; display: none; width: 0;' : '')}\n`;\n\nexport const PopperContent = styled('div', { name: DSDataTableName, slot: DSDataTableSlots.FILTER_POPOVER_CONTENT })`\n  background-color: #fff;\n`;\n\nexport const StyledFloatingWrapper = styled(FloatingWrapper, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.FILTER_POPOVER,\n})``;\n\nexport const StyledDSDialogFooter = styled(DSDialogFooter, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.FILTER_POPOVER_FOOTER,\n})`\n  display: flex;\n  flex-wrap: wrap;\n  padding-top: 8px;\n  padding-bottom: 8px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,uBAA+B;AAC/B,iCAAgC;AAChC,uBAAkD;AAE3C,MAAM,mBAAe,yBAAO,QAAQ,EAAE,MAAM,kCAAiB,MAAM,kCAAiB,sBAAsB,CAAC;AAAA;AAAA,IAI9G,CAAC,UAAW,MAAM,OAAO,yCAAyC,EAAG;AAAA;AAGlE,MAAM,oBAAgB,yBAAO,OAAO,EAAE,MAAM,kCAAiB,MAAM,kCAAiB,uBAAuB,CAAC;AAAA;AAAA;AAI5G,MAAM,4BAAwB,yBAAO,4CAAiB;AAAA,EAC3D,MAAM;AAAA,EACN,MAAM,kCAAiB;AACzB,CAAC;AAEM,MAAM,2BAAuB,yBAAO,iCAAgB;AAAA,EACzD,MAAM;AAAA,EACN,MAAM,kCAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { DSDialogFooter } from '@elliemae/ds-dialog';\nimport { FloatingWrapper } from '@elliemae/ds-floating-context';\nimport { DSDataTableName, DSDataTableSlots } from '../../constants/index.js';\nimport { smallButtonSizeCss } from '../../helpers/index.js';\n\nexport const FilterButton = styled('span', { name: DSDataTableName, slot: DSDataTableSlots.FILTER_POPOVER_BUTTON })<{\n  hide: boolean;\n}>`\n  display: inline-grid;\n  ${(props) => (props.hide ? 'opacity: 0; display: none; width: 0;' : '')}\n  & > button {\n    ${smallButtonSizeCss}\n  }\n`;\n\nexport const PopperContent = styled('div', { name: DSDataTableName, slot: DSDataTableSlots.FILTER_POPOVER_CONTENT })`\n  background-color: #fff;\n`;\n\nexport const StyledFloatingWrapper = styled(FloatingWrapper, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.FILTER_POPOVER,\n})``;\n\nexport const StyledDSDialogFooter = styled(DSDialogFooter, {\n  name: DSDataTableName,\n  slot: DSDataTableSlots.FILTER_POPOVER_FOOTER,\n})`\n  display: flex;\n  flex-wrap: wrap;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  & button {\n    ${smallButtonSizeCss}\n    padding: 0.5px ${({ theme }) => theme.space.xs} 0.5px;\n  }\n  & button[type='submit'] {\n    border-width: 1px;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,uBAA+B;AAC/B,iCAAgC;AAChC,uBAAkD;AAClD,qBAAmC;AAE5B,MAAM,mBAAe,yBAAO,QAAQ,EAAE,MAAM,kCAAiB,MAAM,kCAAiB,sBAAsB,CAAC;AAAA;AAAA,IAI9G,CAAC,UAAW,MAAM,OAAO,yCAAyC,EAAG;AAAA;AAAA,MAEnE,iCAAkB;AAAA;AAAA;AAIjB,MAAM,oBAAgB,yBAAO,OAAO,EAAE,MAAM,kCAAiB,MAAM,kCAAiB,uBAAuB,CAAC;AAAA;AAAA;AAI5G,MAAM,4BAAwB,yBAAO,4CAAiB;AAAA,EAC3D,MAAM;AAAA,EACN,MAAM,kCAAiB;AACzB,CAAC;AAEM,MAAM,2BAAuB,yBAAO,iCAAgB;AAAA,EACzD,MAAM;AAAA,EACN,MAAM,kCAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMK,iCAAkB;AAAA,qBACH,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/exported-related/FilterPopover/useGetFilterHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/FilterPopover/useGetFilterHandlers.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-params */\nimport type React from 'react';\nimport { useCallback, useEffect, useRef } from 'react';\nimport { useInternalStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport type { FilterPopoverProps, FilterPopoverV2Props } from './types.js';\n\nconst emptyFunc = () => null;\n\n// https://jira.elliemae.io/browse/PUI-12457\nconst useIframeClickCloseWorkaround = ({\n  columnId,\n  isMenuOpen,\n}: {\n  columnId: FilterPopoverProps['columnId'];\n  isMenuOpen: boolean;\n}) => {\n  // due to how browser handle events when iframes are involved we can only listen to window \"blur\" event to understand if the user clicked on any iframe\n  // out of the box the filter are supposed to close when the user clicks outside of the filter contextual region\n  // this helper ensure that the filter will close even if the user clicks on an iframe.\n  // since we must do vanilla javascript we need to handle this with extreme care and ensure we optimize as much as possible.\n  // we want to attach/detach the event listener only when the filter is open and we want to detach it as soon as the filter is closed.\n  // this is to ensure that no matter how many columns have filter functionality we only pay the performance cost for the filter that would do anything with it.\n  const patchHeaderFilterButtonAndMenu = useInternalStore((state) => state.patchHeaderFilterButtonAndMenu);\n\n  // we only care to invoke the latest version of patchHeaderFilterButtonAndMenu\n  // we do not need to reattach the event listener if pathHeaderFilterButtonAndMenu changes\n  // event attachment/detachment is more expensive than a simple ref update performance wise.\n  const patchRef = useRef(patchHeaderFilterButtonAndMenu);\n  useEffect(() => {\n    patchRef.current = patchHeaderFilterButtonAndMenu;\n  }, [patchHeaderFilterButtonAndMenu]);\n\n  // extremely optimized event listener attachment/detachment\n  //  we run this side effect strictly when required to ensure the best performance possible.\n  //  it's strictly required when:\n  //    - the filter is open ( so clicking an iframe will close it )\n  //    - the columnId changes ( so we close the correct filter )\n  //  if patchHeaderFilterButtonAndMenu changes we do not care to reattach the event listener\n  //    as long as the .current ref is updated in time before the close event is triggered.\n  //  which is guaranteed by:\n  //    - the fact that we update the ref in the useEffect above\n  //    - the fact that we invoke patchRef.current as a consquence of the user \"clicking\" on the filter button (which happens after the previous useEffect)\n  useEffect(() => {\n    // we declare the function locally in the closure to ensure we can detach it later\n    // useEffect is run after render, useCallBack is run before render,\n    // which means that using useCallback here could potentially cause a memory-leak/dangling reference/attached event listener that is never detached\n    const handleBlur = () => {\n      patchRef.current(columnId, true);\n    };\n\n    if (isMenuOpen) window.addEventListener('blur', handleBlur);\n    else window.removeEventListener('blur', handleBlur);\n\n    return () => {\n      window.removeEventListener('blur', handleBlur);\n    };\n  }, [columnId, isMenuOpen]);\n};\n\nexport const useGetFilterHandlers = (\n  props: FilterPopoverProps | FilterPopoverV2Props,\n  isMenuOpen: boolean,\n  buttonReference: HTMLButtonElement | null,\n  setIsButtonFocused: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  const { columnId, onTriggerClick = emptyFunc, onClickOutsideMenu = emptyFunc } = props;\n  useIframeClickCloseWorkaround({ columnId, isMenuOpen });\n\n  const patchHeaderFilterButtonAndMenu = useInternalStore((state) => state.patchHeaderFilterButtonAndMenu);\n  const patchHeader = useInternalStore((state) => state.patchHeader);\n\n  const handleTriggerClick = useCallback(\n    (e: React.MouseEvent | React.KeyboardEvent) => {\n      onTriggerClick(columnId, e);\n      patchHeader(columnId, { hideFilterMenu: isMenuOpen, hideFilterButton: false });\n      e.stopPropagation();\n    },\n    [columnId, isMenuOpen, onTriggerClick, patchHeader],\n  );\n\n  const handleTriggerOnFocus = useCallback(() => setIsButtonFocused(true), [setIsButtonFocused]);\n  const handleTriggerOnBlur = useCallback(() => setIsButtonFocused(false), [setIsButtonFocused]);\n\n  const handleClickOutsideMenu = useCallback(() => {\n    onClickOutsideMenu(columnId);\n    if (isMenuOpen) patchHeaderFilterButtonAndMenu(columnId, true);\n  }, [columnId, isMenuOpen, onClickOutsideMenu, patchHeaderFilterButtonAndMenu]);\n\n  const handleMenuOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      e.stopPropagation();\n      if (e.code === 'Escape') {\n        patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false, showSortCaret: true });\n        buttonReference?.focus();\n      }\n      // Stop propagation for some reason is not enough to prevent scrolling of the datatable\n      // so we just prevent default behaviour in this case\n      if (['ArrowUp', 'ArrowDown'].includes(e.code)) {\n        e.preventDefault();\n      }\n    },\n    [buttonReference, columnId, patchHeader],\n  );\n\n  return { handleTriggerClick, handleClickOutsideMenu, handleMenuOnKeyDown, handleTriggerOnFocus, handleTriggerOnBlur };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["/* eslint-disable max-params */\nimport type React from 'react';\nimport { useCallback, useEffect, useRef } from 'react';\nimport { useInternalStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\n\nconst emptyFunc = () => null;\n\n// https://jira.elliemae.io/browse/PUI-12457\nconst useIframeClickCloseWorkaround = ({\n  columnId,\n  isMenuOpen,\n}: {\n  columnId: DSDataTableT.FilterPopoverProps['columnId'];\n  isMenuOpen: boolean;\n}) => {\n  // due to how browser handle events when iframes are involved we can only listen to window \"blur\" event to understand if the user clicked on any iframe\n  // out of the box the filter are supposed to close when the user clicks outside of the filter contextual region\n  // this helper ensure that the filter will close even if the user clicks on an iframe.\n  // since we must do vanilla javascript we need to handle this with extreme care and ensure we optimize as much as possible.\n  // we want to attach/detach the event listener only when the filter is open and we want to detach it as soon as the filter is closed.\n  // this is to ensure that no matter how many columns have filter functionality we only pay the performance cost for the filter that would do anything with it.\n  const patchHeaderFilterButtonAndMenu = useInternalStore((state) => state.patchHeaderFilterButtonAndMenu);\n\n  // we only care to invoke the latest version of patchHeaderFilterButtonAndMenu\n  // we do not need to reattach the event listener if pathHeaderFilterButtonAndMenu changes\n  // event attachment/detachment is more expensive than a simple ref update performance wise.\n  const patchRef = useRef(patchHeaderFilterButtonAndMenu);\n  useEffect(() => {\n    patchRef.current = patchHeaderFilterButtonAndMenu;\n  }, [patchHeaderFilterButtonAndMenu]);\n\n  // extremely optimized event listener attachment/detachment\n  //  we run this side effect strictly when required to ensure the best performance possible.\n  //  it's strictly required when:\n  //    - the filter is open ( so clicking an iframe will close it )\n  //    - the columnId changes ( so we close the correct filter )\n  //  if patchHeaderFilterButtonAndMenu changes we do not care to reattach the event listener\n  //    as long as the .current ref is updated in time before the close event is triggered.\n  //  which is guaranteed by:\n  //    - the fact that we update the ref in the useEffect above\n  //    - the fact that we invoke patchRef.current as a consquence of the user \"clicking\" on the filter button (which happens after the previous useEffect)\n  useEffect(() => {\n    // we declare the function locally in the closure to ensure we can detach it later\n    // useEffect is run after render, useCallBack is run before render,\n    // which means that using useCallback here could potentially cause a memory-leak/dangling reference/attached event listener that is never detached\n    const handleBlur = () => {\n      patchRef.current(columnId, true);\n    };\n\n    if (isMenuOpen) window.addEventListener('blur', handleBlur);\n    else window.removeEventListener('blur', handleBlur);\n\n    return () => {\n      window.removeEventListener('blur', handleBlur);\n    };\n  }, [columnId, isMenuOpen]);\n};\n\nexport const useGetFilterHandlers = (\n  props: DSDataTableT.FilterPopoverProps | DSDataTableT.FilterPopoverV2Props,\n  isMenuOpen: boolean,\n  buttonReference: HTMLButtonElement | null,\n  setIsButtonFocused: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  const { columnId, onTriggerClick = emptyFunc, onClickOutsideMenu = emptyFunc } = props;\n  useIframeClickCloseWorkaround({ columnId, isMenuOpen });\n\n  const patchHeaderFilterButtonAndMenu = useInternalStore((state) => state.patchHeaderFilterButtonAndMenu);\n  const patchHeader = useInternalStore((state) => state.patchHeader);\n\n  const handleTriggerClick = useCallback(\n    (e: React.MouseEvent | React.KeyboardEvent) => {\n      onTriggerClick(columnId, e);\n      patchHeader(columnId, { hideFilterMenu: isMenuOpen, hideFilterButton: false });\n      e.stopPropagation();\n    },\n    [columnId, isMenuOpen, onTriggerClick, patchHeader],\n  );\n\n  const handleTriggerOnFocus = useCallback(() => setIsButtonFocused(true), [setIsButtonFocused]);\n  const handleTriggerOnBlur = useCallback(() => setIsButtonFocused(false), [setIsButtonFocused]);\n\n  const handleClickOutsideMenu = useCallback(() => {\n    onClickOutsideMenu(columnId);\n    if (isMenuOpen) patchHeaderFilterButtonAndMenu(columnId, true);\n  }, [columnId, isMenuOpen, onClickOutsideMenu, patchHeaderFilterButtonAndMenu]);\n\n  const handleMenuOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      e.stopPropagation();\n      if (e.code === 'Escape') {\n        patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false, showSortCaret: true });\n        buttonReference?.focus();\n      }\n      // Stop propagation for some reason is not enough to prevent scrolling of the datatable\n      // so we just prevent default behaviour in this case\n      if (['ArrowUp', 'ArrowDown'].includes(e.code)) {\n        e.preventDefault();\n      }\n    },\n    [buttonReference, columnId, patchHeader],\n  );\n\n  return { handleTriggerClick, handleClickOutsideMenu, handleMenuOnKeyDown, handleTriggerOnFocus, handleTriggerOnBlur };\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA+C;AAC/C,2CAAiC;AAGjC,MAAM,YAAY,MAAM;AAGxB,MAAM,gCAAgC,CAAC;AAAA,EACrC;AAAA,EACA;AACF,MAGM;AAOJ,QAAM,qCAAiC,uDAAiB,CAAC,UAAU,MAAM,8BAA8B;AAKvG,QAAM,eAAW,qBAAO,8BAA8B;AACtD,8BAAU,MAAM;AACd,aAAS,UAAU;AAAA,EACrB,GAAG,CAAC,8BAA8B,CAAC;AAYnC,8BAAU,MAAM;AAId,UAAM,aAAa,MAAM;AACvB,eAAS,QAAQ,UAAU,IAAI;AAAA,IACjC;AAEA,QAAI,WAAY,QAAO,iBAAiB,QAAQ,UAAU;AAAA,QACrD,QAAO,oBAAoB,QAAQ,UAAU;AAElD,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ,UAAU;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,UAAU,UAAU,CAAC;AAC3B;AAEO,MAAM,uBAAuB,CAClC,OACA,YACA,iBACA,uBACG;AACH,QAAM,EAAE,UAAU,iBAAiB,WAAW,qBAAqB,UAAU,IAAI;AACjF,gCAA8B,EAAE,UAAU,WAAW,CAAC;AAEtD,QAAM,qCAAiC,uDAAiB,CAAC,UAAU,MAAM,8BAA8B;AACvG,QAAM,kBAAc,uDAAiB,CAAC,UAAU,MAAM,WAAW;AAEjE,QAAM,yBAAqB;AAAA,IACzB,CAAC,MAA8C;AAC7C,qBAAe,UAAU,CAAC;AAC1B,kBAAY,UAAU,EAAE,gBAAgB,YAAY,kBAAkB,MAAM,CAAC;AAC7E,QAAE,gBAAgB;AAAA,IACpB;AAAA,IACA,CAAC,UAAU,YAAY,gBAAgB,WAAW;AAAA,EACpD;AAEA,QAAM,2BAAuB,0BAAY,MAAM,mBAAmB,IAAI,GAAG,CAAC,kBAAkB,CAAC;AAC7F,QAAM,0BAAsB,0BAAY,MAAM,mBAAmB,KAAK,GAAG,CAAC,kBAAkB,CAAC;AAE7F,QAAM,6BAAyB,0BAAY,MAAM;AAC/C,uBAAmB,QAAQ;AAC3B,QAAI,WAAY,gCAA+B,UAAU,IAAI;AAAA,EAC/D,GAAG,CAAC,UAAU,YAAY,oBAAoB,8BAA8B,CAAC;AAE7E,QAAM,0BAAsB;AAAA,IAC1B,CAAC,MAA2B;AAC1B,QAAE,gBAAgB;AAClB,UAAI,EAAE,SAAS,UAAU;AACvB,oBAAY,UAAU,EAAE,gBAAgB,MAAM,kBAAkB,OAAO,eAAe,KAAK,CAAC;AAC5F,yBAAiB,MAAM;AAAA,MACzB;AAGA,UAAI,CAAC,WAAW,WAAW,EAAE,SAAS,EAAE,IAAI,GAAG;AAC7C,UAAE,eAAe;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,UAAU,WAAW;AAAA,EACzC;AAEA,SAAO,EAAE,oBAAoB,wBAAwB,qBAAqB,sBAAsB,oBAAoB;AACtH;",
   "names": []
 }

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

@@ -33,24 +33,34 @@ __export(FilterTypes_exports, {
 module.exports = __toCommonJS(FilterTypes_exports);
 var React = __toESM(require("react"));
 const FILTER_TYPES = {
+  /** @deprecated Use FILTER_TYPES.SELECT_V2. */
   SELECT: "ds-filter-select",
   SELECT_V2: "ds-filter-select-v2",
+  /** @deprecated Use FILTER_TYPES.CREATABLE_SELECT_V2. */
   CREATABLE_SELECT: "ds-filter-creatable-select",
   CREATABLE_SELECT_V2: "ds-filter-creatable-select-v2",
+  /** @deprecated Use FILTER_TYPES.MULTI_SELECT_V2. */
   MULTI_SELECT: "ds-filter-multi-select",
   MULTI_SELECT_V2: "ds-filter-multi-select-v2",
+  /** @deprecated Use FILTER_TYPES.CREATABLE_MULTI_SELECT_V2. */
   CREATABLE_MULTI_SELECT: "ds-filter-multi-creatable-select",
   CREATABLE_MULTI_SELECT_V2: "ds-filter-multi-creatable-select-v2",
+  /** @deprecated Use FILTER_TYPES.SINGLE_DATE_V2. */
   SINGLE_DATE: "ds-filter-single-date",
   SINGLE_DATE_V2: "ds-filter-single-date-v2",
+  /** @deprecated Use FILTER_TYPES.DATE_RANGE_V2. */
   DATE_RANGE: "ds-filter-date-range",
   DATE_RANGE_V2: "ds-filter-date-range-v2",
+  /** @deprecated Use FILTER_TYPES.DATE_SWITCHER_V2. */
   DATE_SWITCHER: "ds-filter-date-switcher",
   DATE_SWITCHER_V2: "ds-filter-date-switcher-v2",
+  /** @deprecated Use FILTER_TYPES.NUMBER_RANGE_V2. */
   NUMBER_RANGE: "ds-filter-number-range",
   NUMBER_RANGE_V2: "ds-filter-number-range-v2",
+  /** @deprecated Use FILTER_TYPES.CURRENCY_RANGE_V2. */
   CURRENCY_RANGE: "ds-filter-currency-range",
   CURRENCY_RANGE_V2: "ds-filter-currency-range-v2",
+  /** @deprecated Use FILTER_TYPES.FREE_TEXT_SEARCH_V2. */
   FREE_TEXT_SEARCH: "ds-filter-free-text-search",
   FREE_TEXT_SEARCH_V2: "ds-filter-free-text-search-v2"
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/exported-related/FilterTypes.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const FILTER_TYPES = {\n  SELECT: 'ds-filter-select',\n  SELECT_V2: 'ds-filter-select-v2',\n  CREATABLE_SELECT: 'ds-filter-creatable-select',\n  CREATABLE_SELECT_V2: 'ds-filter-creatable-select-v2',\n  MULTI_SELECT: 'ds-filter-multi-select',\n  MULTI_SELECT_V2: 'ds-filter-multi-select-v2',\n  CREATABLE_MULTI_SELECT: 'ds-filter-multi-creatable-select',\n  CREATABLE_MULTI_SELECT_V2: 'ds-filter-multi-creatable-select-v2',\n  SINGLE_DATE: 'ds-filter-single-date',\n  SINGLE_DATE_V2: 'ds-filter-single-date-v2',\n  DATE_RANGE: 'ds-filter-date-range',\n  DATE_RANGE_V2: 'ds-filter-date-range-v2',\n  DATE_SWITCHER: 'ds-filter-date-switcher',\n  DATE_SWITCHER_V2: 'ds-filter-date-switcher-v2',\n  NUMBER_RANGE: 'ds-filter-number-range',\n  NUMBER_RANGE_V2: 'ds-filter-number-range-v2',\n  CURRENCY_RANGE: 'ds-filter-currency-range',\n  CURRENCY_RANGE_V2: 'ds-filter-currency-range-v2',\n  FREE_TEXT_SEARCH: 'ds-filter-free-text-search',\n  FREE_TEXT_SEARCH_V2: 'ds-filter-free-text-search-v2',\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,wBAAwB;AAAA,EACxB,2BAA2B;AAAA,EAC3B,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,qBAAqB;AACvB;",
+  "sourcesContent": ["export const FILTER_TYPES = {\n  /** @deprecated Use FILTER_TYPES.SELECT_V2. */\n  SELECT: 'ds-filter-select',\n  SELECT_V2: 'ds-filter-select-v2',\n  /** @deprecated Use FILTER_TYPES.CREATABLE_SELECT_V2. */\n  CREATABLE_SELECT: 'ds-filter-creatable-select',\n  CREATABLE_SELECT_V2: 'ds-filter-creatable-select-v2',\n  /** @deprecated Use FILTER_TYPES.MULTI_SELECT_V2. */\n  MULTI_SELECT: 'ds-filter-multi-select',\n  MULTI_SELECT_V2: 'ds-filter-multi-select-v2',\n  /** @deprecated Use FILTER_TYPES.CREATABLE_MULTI_SELECT_V2. */\n  CREATABLE_MULTI_SELECT: 'ds-filter-multi-creatable-select',\n  CREATABLE_MULTI_SELECT_V2: 'ds-filter-multi-creatable-select-v2',\n  /** @deprecated Use FILTER_TYPES.SINGLE_DATE_V2. */\n  SINGLE_DATE: 'ds-filter-single-date',\n  SINGLE_DATE_V2: 'ds-filter-single-date-v2',\n  /** @deprecated Use FILTER_TYPES.DATE_RANGE_V2. */\n  DATE_RANGE: 'ds-filter-date-range',\n  DATE_RANGE_V2: 'ds-filter-date-range-v2',\n  /** @deprecated Use FILTER_TYPES.DATE_SWITCHER_V2. */\n  DATE_SWITCHER: 'ds-filter-date-switcher',\n  DATE_SWITCHER_V2: 'ds-filter-date-switcher-v2',\n  /** @deprecated Use FILTER_TYPES.NUMBER_RANGE_V2. */\n  NUMBER_RANGE: 'ds-filter-number-range',\n  NUMBER_RANGE_V2: 'ds-filter-number-range-v2',\n  /** @deprecated Use FILTER_TYPES.CURRENCY_RANGE_V2. */\n  CURRENCY_RANGE: 'ds-filter-currency-range',\n  CURRENCY_RANGE_V2: 'ds-filter-currency-range-v2',\n  /** @deprecated Use FILTER_TYPES.FREE_TEXT_SEARCH_V2. */\n  FREE_TEXT_SEARCH: 'ds-filter-free-text-search',\n  FREE_TEXT_SEARCH_V2: 'ds-filter-free-text-search-v2',\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA;AAAA,EAE1B,QAAQ;AAAA,EACR,WAAW;AAAA;AAAA,EAEX,kBAAkB;AAAA,EAClB,qBAAqB;AAAA;AAAA,EAErB,cAAc;AAAA,EACd,iBAAiB;AAAA;AAAA,EAEjB,wBAAwB;AAAA,EACxB,2BAA2B;AAAA;AAAA,EAE3B,aAAa;AAAA,EACb,gBAAgB;AAAA;AAAA,EAEhB,YAAY;AAAA,EACZ,eAAe;AAAA;AAAA,EAEf,eAAe;AAAA,EACf,kBAAkB;AAAA;AAAA,EAElB,cAAc;AAAA,EACd,iBAAiB;AAAA;AAAA,EAEjB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA;AAAA,EAEnB,kBAAkB;AAAA,EAClB,qBAAqB;AACvB;",
   "names": []
 }

package/dist/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/RowRenderer/DefaultRowContentRenderer.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n/* eslint-disable complexity */\nimport React, { useMemo, useLayoutEffect, useRef, type PropsWithChildren, useCallback } from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns/index.js';\nimport { DATA_TESTID, DropIndicatorPosition } from '../../configs/constants.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport { Cells } from '../../parts/Cells/index.js';\nimport type { RowVariantProps } from '../../parts/RowVariants/types.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport { StyledCellContainer } from '../../styled.js';\n\nconst DetailsWrapper: React.ComponentType<PropsWithChildren & { row: DSDataTableT.InternalRow }> = (props) => (\n  // This can be further customized\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div\n    id={`${props.row.uid}-detail-view-container`}\n    data-role=\"detail-view\"\n    role=\"region\"\n    style={{\n      borderTop: '1px solid #EBEDF0',\n      borderBottom: '1px solid #EBEDF0',\n    }}\n    onClick={(e) => e.stopPropagation()}\n    onKeyDown={(e) => e.stopPropagation()}\n  >\n    {props.children}\n  </div>\n);\n\nconst getDefaultAriaLabelMessageForRow = ({\n  row,\n  selected,\n  disabled,\n  expanded,\n  expandable,\n}: {\n  row: DSDataTableT.InternalRow;\n  selected: boolean;\n  disabled: boolean;\n  expanded: boolean;\n  expandable: boolean;\n}) =>\n  `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ''}. ${\n    selected ? 'Selected. ' : ''\n  }${disabled ? 'Disabled. ' : 'To interact with the cells press enter. '}${\n    // eslint-disable-next-line no-nested-ternary\n    expandable ? (expanded ? 'Expanded. ' : 'Collapsed. ') : ''\n  }`;\n\nexport const DefaultRowContentRenderer: React.ComponentType<RowVariantProps> = (props) => {\n  const {\n    row,\n    draggableProps,\n    isDragOverlay,\n    backgroundColor = 'neutral-000',\n    dropIndicatorPosition,\n    isDropValid,\n    focusedRowId,\n    drilldownRowId,\n    compact,\n  } = props;\n\n  const isExpandable = usePropsStore((state) => state.isExpandable);\n  const selection = usePropsStore((state) => state.selection);\n  const noSelectionColumn = usePropsStore((state) => state.noSelectionColumn);\n  const expandedRows = usePropsStore((state) => state.expandedRows);\n  const disabledRows = usePropsStore((state) => state.disabledRows);\n  const getAriaLabelForRow = usePropsStore((state) => state.getAriaLabelForRow);\n  const visibleColumns = usePropsStore((state) => state.visibleColumns);\n  const domIdAffix = usePropsStore((state) => state.domIdAffix);\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = useCallback(() => row, [row]);\n  const rowRef = useRef<HTMLDivElement>(null);\n  const isDndActive = draggableProps && draggableProps.active;\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  useLayoutEffect(() => {\n    if (row.uid === focusedRowId) {\n      rowRef.current?.focus();\n    }\n  }, [focusedRowId, row.uid]);\n\n  const detailsIndent = useMemo(() => {\n    let padding = 0;\n    for (let i = 0; i < visibleColumns.length; i += 1) {\n      if (INTERNAL_COLUMNS.includes(visibleColumns[i].id)) {\n        padding += visibleColumns[i].width as number;\n      } else {\n        padding += row.depth * 32 + 15;\n        break;\n      }\n    }\n    return padding;\n  }, [row.depth, visibleColumns]);\n\n  const DetailsView = row.original.tableRowDetails;\n\n  const rowAriaLabelProps = {\n    row,\n    selected: selection?.[row.uid] === true,\n    disabled: disabledRows[row.uid],\n    expandable: isExpandable,\n    expanded: expandedRows[row.uid] === true,\n  };\n\n  const isDetailShown = !isDragOverlay && isExpandable && row.isExpanded;\n\n  return (\n    <>\n      <StyledCellContainer\n        id={`${row.uid}-row`}\n        innerRef={rowRef}\n        key={row.uid}\n        tabIndex={0}\n        role=\"row\"\n        aria-rowindex={row.realIndex + 1}\n        aria-label={(getAriaLabelForRow ?? getDefaultAriaLabelMessageForRow)(rowAriaLabelProps)}\n        aria-selected={selection?.[row.uid] === true}\n        aria-disabled={disabledRows[row.uid]}\n        backgroundColor={backgroundColor}\n        height={compact ? '24px' : 'auto'}\n        minHeight={compact ? '24px' : '36px'}\n        isDropIndicatorPositionInside={dropIndicatorPosition === DropIndicatorPosition.Inside}\n        isDropValid={isDropValid}\n        shouldDisplayHover={!isDndActive && !isDragging && !isDragOverlay}\n        isDragOverlay={isDragOverlay}\n        isDragging={isDragging}\n        selected={noSelectionColumn && selection?.[row.uid] === true}\n        isDisabled={disabledRows[row.uid]}\n        data-testid={DATA_TESTID.DATA_TABLE_ROW_CONTENT}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <Cells\n          row={row}\n          isRowSelected={drilldownRowId === row.uid}\n          isDragOverlay={isDragOverlay}\n          key={row.uid}\n          // @ts-expect-error - data-table typescript is broken\n          domIdAffix={domIdAffix}\n        />\n      </StyledCellContainer>\n      {isDetailShown && DetailsView ? (\n        <DetailsWrapper row={row}>\n          <DetailsView row={row} detailsIndent={detailsIndent} />\n        </DetailsWrapper>\n      ) : null}\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n/* eslint-disable complexity */\nimport React, { useMemo, useLayoutEffect, useRef, type PropsWithChildren, useCallback } from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns/index.js';\nimport { DATA_TESTID, DropIndicatorPosition } from '../../configs/constants.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport { Cells } from '../../parts/Cells/index.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport { StyledCellContainer } from '../../styled.js';\n\nconst DetailsWrapper: React.ComponentType<PropsWithChildren & { row: DSDataTableT.InternalRow }> = (props) => (\n  // This can be further customized\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div\n    id={`${props.row.uid}-detail-view-container`}\n    data-role=\"detail-view\"\n    role=\"region\"\n    style={{\n      borderTop: '1px solid #EBEDF0',\n      borderBottom: '1px solid #EBEDF0',\n    }}\n    onClick={(e) => e.stopPropagation()}\n    onKeyDown={(e) => e.stopPropagation()}\n  >\n    {props.children}\n  </div>\n);\n\nconst getDefaultAriaLabelMessageForRow = ({\n  row,\n  selected,\n  disabled,\n  expanded,\n  expandable,\n}: {\n  row: DSDataTableT.InternalRow;\n  selected: boolean;\n  disabled: boolean;\n  expanded: boolean;\n  expandable: boolean;\n}) =>\n  `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ''}. ${\n    selected ? 'Selected. ' : ''\n  }${disabled ? 'Disabled. ' : 'To interact with the cells press enter. '}${\n    // eslint-disable-next-line no-nested-ternary\n    expandable ? (expanded ? 'Expanded. ' : 'Collapsed. ') : ''\n  }`;\n\nexport const DefaultRowContentRenderer: React.ComponentType<DSDataTableT.RowContentRendererProps> = (props) => {\n  const {\n    row,\n    draggableProps,\n    isDragOverlay,\n    backgroundColor = 'neutral-000',\n    dropIndicatorPosition,\n    isDropValid,\n    focusedRowId,\n    drilldownRowId,\n    compact,\n  } = props;\n\n  const isExpandable = usePropsStore((state) => state.isExpandable);\n  const selection = usePropsStore((state) => state.selection);\n  const noSelectionColumn = usePropsStore((state) => state.noSelectionColumn);\n  const expandedRows = usePropsStore((state) => state.expandedRows);\n  const disabledRows = usePropsStore((state) => state.disabledRows);\n  const getAriaLabelForRow = usePropsStore((state) => state.getAriaLabelForRow);\n  const visibleColumns = usePropsStore((state) => state.visibleColumns);\n  const domIdAffix = usePropsStore((state) => state.domIdAffix);\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = useCallback(() => row, [row]);\n  const rowRef = useRef<HTMLDivElement>(null);\n  const isDndActive = draggableProps && draggableProps.active;\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  useLayoutEffect(() => {\n    if (row.uid === focusedRowId) {\n      rowRef.current?.focus();\n    }\n  }, [focusedRowId, row.uid]);\n\n  const detailsIndent = useMemo(() => {\n    let padding = 0;\n    for (let i = 0; i < visibleColumns.length; i += 1) {\n      if (INTERNAL_COLUMNS.includes(visibleColumns[i].id)) {\n        padding += visibleColumns[i].width as number;\n      } else {\n        padding += row.depth * 32 + 15;\n        break;\n      }\n    }\n    return padding;\n  }, [row.depth, visibleColumns]);\n\n  const DetailsView = row.original.tableRowDetails;\n\n  const rowAriaLabelProps = {\n    row,\n    selected: selection?.[row.uid] === true,\n    disabled: disabledRows[row.uid],\n    expandable: isExpandable,\n    expanded: expandedRows[row.uid] === true,\n  };\n\n  const isDetailShown = !isDragOverlay && isExpandable && row.isExpanded;\n\n  return (\n    <>\n      <StyledCellContainer\n        id={`${row.uid}-row`}\n        innerRef={rowRef}\n        key={row.uid}\n        tabIndex={0}\n        role=\"row\"\n        aria-rowindex={row.realIndex + 1}\n        aria-label={(getAriaLabelForRow ?? getDefaultAriaLabelMessageForRow)(rowAriaLabelProps)}\n        aria-selected={selection?.[row.uid] === true}\n        aria-disabled={disabledRows[row.uid]}\n        backgroundColor={backgroundColor}\n        height={compact ? '24px' : 'auto'}\n        minHeight={compact ? '24px' : '36px'}\n        isDropIndicatorPositionInside={dropIndicatorPosition === DropIndicatorPosition.Inside}\n        isDropValid={isDropValid}\n        shouldDisplayHover={!isDndActive && !isDragging && !isDragOverlay}\n        isDragOverlay={isDragOverlay}\n        isDragging={isDragging}\n        selected={noSelectionColumn && selection?.[row.uid] === true}\n        isDisabled={disabledRows[row.uid]}\n        data-testid={DATA_TESTID.DATA_TABLE_ROW_CONTENT}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <Cells\n          row={row}\n          isRowSelected={drilldownRowId === row.uid}\n          isDragOverlay={isDragOverlay}\n          key={row.uid}\n          // @ts-expect-error - data-table typescript is broken\n          domIdAffix={domIdAffix}\n        />\n      </StyledCellContainer>\n      {isDetailShown && DetailsView ? (\n        <DetailsWrapper row={row}>\n          <DetailsView row={row} detailsIndent={detailsIndent} />\n        </DetailsWrapper>\n      ) : null}\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/exported-related/RowRenderer/index.js

@@ -72,6 +72,7 @@ const RowRenderer = (props) => {
   const flattenedData = (0, import_createInternalAndPropsContext.usePropsStore)((state) => state.flattenedData);
   const { draggableProps } = (0, import_react2.useContext)(import_SortableItemContext.SortableItemContext);
   const getOwnerProps = (0, import_createInternalAndPropsContext.usePropsStore)((store) => store.get);
+  const getOwnerPropsArguments = (0, import_react2.useCallback)(() => ({ row }), [row]);
   const { userDataProperties, rowStyle, shouldAppendDottedBorder, dropIndicatorPosition, isDropValid } = (0, import_useRowRendererProperties.useRowRendererProperties)({
     row
   });
@@ -107,6 +108,7 @@ const RowRenderer = (props) => {
       minHeight,
       height,
       getOwnerProps,
+      getOwnerPropsArguments,
       children: [
         CustomRowContentRenderer ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomRowContentRenderer, { ...rowContentProps }) : /* @__PURE__ */ (0, import_react.createElement)(import_DefaultRowContentRenderer.DefaultRowContentRenderer, { ...rowContentProps, key: row.uid }),
         shouldAppendDottedBorder && !isDragOverlay && magicDottedBorder,

package/dist/cjs/exported-related/RowRenderer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/RowRenderer/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport type { XstyledProps } from '@elliemae/ds-props-helpers';\nimport React, { useContext } from 'react';\nimport { DATA_TESTID } from '../../configs/constants.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport { DropIndicator } from '../../parts/DropIndicator.js';\nimport { SortableItemContext } from '../../parts/HoC/SortableItemContext.js';\nimport type { RowVariantProps } from '../../parts/RowVariants/types.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport { StyledFullsizeGrid } from '../../styled.js';\nimport { DefaultRowContentRenderer } from './DefaultRowContentRenderer.js';\nimport { useRowRendererHandlers } from './useRowRendererHandlers.js';\nimport { useRowRendererProperties } from './useRowRendererProperties.js';\n\ninterface RowRendererProps {\n  row: DSDataTableT.InternalRow;\n  compact?: boolean;\n  itemIndex: number;\n  isDragOverlay: boolean;\n  minHeight: string;\n  height: string;\n  rowsLayout?: string[] | number[];\n  CustomRowContentRenderer?: React.ComponentType<RowVariantProps>;\n  focusedRowId: string | null;\n  drilldownRowId: string | null;\n  backgroundColor?: XstyledProps['backgroundColor'];\n}\n\n// CSS don't let us modify the spacing between the dots, so one solution is to use SVG\nconst magicDottedBorder = (\n  <svg width=\"100%\" height=\"1px\">\n    <line\n      x1=\"0\"\n      y1=\"0\"\n      x2=\"100%\"\n      y2=\"0\"\n      stroke=\"#B0B9C8FF\"\n      strokeWidth=\"1.5\"\n      strokeDasharray=\"0, 5\"\n      strokeDashoffset=\"0\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n\nconst RowRenderer: React.ComponentType<RowRendererProps> = (props) => {\n  const {\n    row,\n    itemIndex,\n    minHeight = '36px',\n    height = 'auto',\n    rowsLayout = [1],\n    CustomRowContentRenderer,\n    focusedRowId,\n    drilldownRowId,\n    isDragOverlay,\n  } = props;\n\n  const flattenedData = usePropsStore((state) => state.flattenedData);\n  const { draggableProps } = useContext(SortableItemContext);\n  const getOwnerProps = usePropsStore((store) => store.get);\n\n  // ===========================================================================\n  // Properties for the row\n  // ===========================================================================\n\n  const { userDataProperties, rowStyle, shouldAppendDottedBorder, dropIndicatorPosition, isDropValid } =\n    useRowRendererProperties({\n      row,\n    });\n\n  // ===========================================================================\n  // Handlers\n  // ===========================================================================\n\n  const { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus } = useRowRendererHandlers({\n    row,\n    itemIndex,\n    items: flattenedData,\n    draggableProps,\n    isDragOverlay,\n    drilldownRowId,\n  });\n\n  const rowContentProps: RowVariantProps = {\n    ...props,\n    focusedRowId,\n    drilldownRowId,\n    draggableProps,\n    dropIndicatorPosition,\n    isDropValid,\n  };\n\n  return (\n    <StyledFullsizeGrid\n      data-testid={DATA_TESTID.DATA_TABLE_ROW}\n      key={row.uid}\n      {...userDataProperties}\n      style={rowStyle}\n      onClick={handleItemClick}\n      onKeyDown={handleKeyDown}\n      onBlur={handleOnBlur}\n      onFocus={handleOnFocus}\n      data-expandable={Boolean(row.original.tableRowDetails)}\n      data-is-row-expanded={row.isExpanded}\n      rows={rowsLayout}\n      minHeight={minHeight}\n      height={height}\n      getOwnerProps={getOwnerProps}\n    >\n      {CustomRowContentRenderer ? (\n        <CustomRowContentRenderer {...rowContentProps} />\n      ) : (\n        <DefaultRowContentRenderer {...rowContentProps} key={row.uid} />\n      )}\n      {shouldAppendDottedBorder && !isDragOverlay && magicDottedBorder}\n      <DropIndicator\n        vertical={false}\n        dropIndicatorPosition={dropIndicatorPosition}\n        isDropValid={isDropValid}\n        isLast={row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging}\n      />\n    </StyledFullsizeGrid>\n  );\n};\n\nexport { RowRenderer };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BnB;AAkFI;AA/GR,IAAAA,gBAAkC;AAClC,uBAA4B;AAC5B,2CAA8B;AAC9B,2BAA8B;AAC9B,iCAAoC;AAGpC,oBAAmC;AACnC,uCAA0C;AAC1C,oCAAuC;AACvC,sCAAyC;AAiBzC,MAAM,oBACJ,4CAAC,SAAI,OAAM,QAAO,QAAO,OACvB;AAAA,EAAC;AAAA;AAAA,IACC,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,kBAAiB;AAAA,IACjB,eAAc;AAAA;AAChB,GACF;AAGF,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa,CAAC,CAAC;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,oBAAgB,oDAAc,CAAC,UAAU,MAAM,aAAa;AAClE,QAAM,EAAE,eAAe,QAAI,0BAAW,8CAAmB;AACzD,QAAM,oBAAgB,oDAAc,CAAC,UAAU,MAAM,GAAG;AAMxD,QAAM,EAAE,oBAAoB,UAAU,0BAA0B,uBAAuB,YAAY,QACjG,0DAAyB;AAAA,IACvB;AAAA,EACF,CAAC;AAMH,QAAM,EAAE,iBAAiB,eAAe,cAAc,cAAc,QAAI,sDAAuB;AAAA,IAC7F;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,kBAAmC;AAAA,IACvC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,6BAAY;AAAA,MAExB,GAAG;AAAA,MACJ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,mBAAiB,QAAQ,IAAI,SAAS,eAAe;AAAA,MACrD,wBAAsB,IAAI;AAAA,MAC1B,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,mCACC,4CAAC,4BAA0B,GAAG,iBAAiB,IAE/C,gDAAC,8DAA2B,GAAG,iBAAiB,KAAK,IAAI,KAAK;AAAA,QAE/D,4BAA4B,CAAC,iBAAiB;AAAA,QAC/C;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,QAAQ,IAAI,UAAU,cAAc,SAAS,KAAK,kBAAkB,eAAe;AAAA;AAAA,QACrF;AAAA;AAAA;AAAA,IAzBK,IAAI;AAAA,EA0BX;AAEJ;",
+  "sourcesContent": ["import React, { useCallback, useContext } from 'react';\nimport { DATA_TESTID } from '../../configs/constants.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport { DropIndicator } from '../../parts/DropIndicator.js';\nimport { SortableItemContext } from '../../parts/HoC/SortableItemContext.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport { StyledFullsizeGrid } from '../../styled.js';\nimport { DefaultRowContentRenderer } from './DefaultRowContentRenderer.js';\nimport { useRowRendererHandlers } from './useRowRendererHandlers.js';\nimport { useRowRendererProperties } from './useRowRendererProperties.js';\n\n// CSS don't let us modify the spacing between the dots, so one solution is to use SVG\nconst magicDottedBorder = (\n  <svg width=\"100%\" height=\"1px\">\n    <line\n      x1=\"0\"\n      y1=\"0\"\n      x2=\"100%\"\n      y2=\"0\"\n      stroke=\"#B0B9C8FF\"\n      strokeWidth=\"1.5\"\n      strokeDasharray=\"0, 5\"\n      strokeDashoffset=\"0\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n\nconst RowRenderer: React.ComponentType<DSDataTableT.RowRendererProps> = (props) => {\n  const {\n    row,\n    itemIndex,\n    minHeight = '36px',\n    height = 'auto',\n    rowsLayout = [1],\n    CustomRowContentRenderer,\n    focusedRowId,\n    drilldownRowId,\n    isDragOverlay,\n  } = props;\n\n  const flattenedData = usePropsStore((state) => state.flattenedData);\n  const { draggableProps } = useContext(SortableItemContext);\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = useCallback(() => ({ row }), [row]);\n\n  // ===========================================================================\n  // Properties for the row\n  // ===========================================================================\n\n  const { userDataProperties, rowStyle, shouldAppendDottedBorder, dropIndicatorPosition, isDropValid } =\n    useRowRendererProperties({\n      row,\n    });\n\n  // ===========================================================================\n  // Handlers\n  // ===========================================================================\n\n  const { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus } = useRowRendererHandlers({\n    row,\n    itemIndex,\n    items: flattenedData,\n    draggableProps,\n    isDragOverlay,\n    drilldownRowId,\n  });\n\n  const rowContentProps: DSDataTableT.RowContentRendererProps = {\n    ...props,\n    focusedRowId,\n    drilldownRowId,\n    draggableProps,\n    dropIndicatorPosition,\n    isDropValid,\n  };\n\n  return (\n    <StyledFullsizeGrid\n      data-testid={DATA_TESTID.DATA_TABLE_ROW}\n      key={row.uid}\n      {...userDataProperties}\n      style={rowStyle}\n      onClick={handleItemClick}\n      onKeyDown={handleKeyDown}\n      onBlur={handleOnBlur}\n      onFocus={handleOnFocus}\n      data-expandable={Boolean(row.original.tableRowDetails)}\n      data-is-row-expanded={row.isExpanded}\n      rows={rowsLayout}\n      minHeight={minHeight}\n      height={height}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      {CustomRowContentRenderer ? (\n        <CustomRowContentRenderer {...rowContentProps} />\n      ) : (\n        <DefaultRowContentRenderer {...rowContentProps} key={row.uid} />\n      )}\n      {shouldAppendDottedBorder && !isDragOverlay && magicDottedBorder}\n      <DropIndicator\n        vertical={false}\n        dropIndicatorPosition={dropIndicatorPosition}\n        isDropValid={isDropValid}\n        isLast={row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging}\n      />\n    </StyledFullsizeGrid>\n  );\n};\n\nexport { RowRenderer };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAoFI;AAlGR,IAAAA,gBAA+C;AAC/C,uBAA4B;AAC5B,2CAA8B;AAC9B,2BAA8B;AAC9B,iCAAoC;AAEpC,oBAAmC;AACnC,uCAA0C;AAC1C,oCAAuC;AACvC,sCAAyC;AAGzC,MAAM,oBACJ,4CAAC,SAAI,OAAM,QAAO,QAAO,OACvB;AAAA,EAAC;AAAA;AAAA,IACC,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,kBAAiB;AAAA,IACjB,eAAc;AAAA;AAChB,GACF;AAGF,MAAM,cAAkE,CAAC,UAAU;AACjF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa,CAAC,CAAC;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,oBAAgB,oDAAc,CAAC,UAAU,MAAM,aAAa;AAClE,QAAM,EAAE,eAAe,QAAI,0BAAW,8CAAmB;AACzD,QAAM,oBAAgB,oDAAc,CAAC,UAAU,MAAM,GAAG;AACxD,QAAM,6BAAyB,2BAAY,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC;AAMjE,QAAM,EAAE,oBAAoB,UAAU,0BAA0B,uBAAuB,YAAY,QACjG,0DAAyB;AAAA,IACvB;AAAA,EACF,CAAC;AAMH,QAAM,EAAE,iBAAiB,eAAe,cAAc,cAAc,QAAI,sDAAuB;AAAA,IAC7F;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,kBAAwD;AAAA,IAC5D,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,6BAAY;AAAA,MAExB,GAAG;AAAA,MACJ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,mBAAiB,QAAQ,IAAI,SAAS,eAAe;AAAA,MACrD,wBAAsB,IAAI;AAAA,MAC1B,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,mCACC,4CAAC,4BAA0B,GAAG,iBAAiB,IAE/C,gDAAC,8DAA2B,GAAG,iBAAiB,KAAK,IAAI,KAAK;AAAA,QAE/D,4BAA4B,CAAC,iBAAiB;AAAA,QAC/C;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,QAAQ,IAAI,UAAU,cAAc,SAAS,KAAK,kBAAkB,eAAe;AAAA;AAAA,QACrF;AAAA;AAAA;AAAA,IA1BK,IAAI;AAAA,EA2BX;AAEJ;",
   "names": ["import_react"]
 }

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

@@ -97,6 +97,7 @@ const Toolbar = ({ isRowSelected, cell, children }) => {
   const handleOnClickOutside = (0, import_react.useCallback)(() => setShow(false), []);
   const handleOnClick = (0, import_react.useCallback)(() => setShow((prev) => !prev), []);
   const getOwnerProps = (0, import_createInternalAndPropsContext.usePropsStore)((store) => store.get);
+  const getOwnerPropsArguments = (0, import_react.useCallback)(() => ({ row: cell?.row }), [cell]);
   const stopPropagation = (0, import_react.useCallback)((e) => e.stopPropagation(), []);
   (0, import_use_onclickoutside.default)(toolbarRef, handleOnClickOutside);
   const onToolbarKeyDown = (0, import_react.useCallback)((e) => {
@@ -113,30 +114,43 @@ const Toolbar = ({ isRowSelected, cell, children }) => {
       }
     });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolbarPosition, { onBlur: handleOnBlurToolBar, innerRef: toolbarRef, tabIndex: -1, getOwnerProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    ToolbarWrapper,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ToolbarPosition,
     {
-      onKeyDown: onToolbarKeyDown,
-      onClick: stopPropagation,
-      isOpen: show,
+      onBlur: handleOnBlurToolBar,
+      innerRef: toolbarRef,
+      tabIndex: -1,
       getOwnerProps,
-      children: [
-        show && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolbarBtns, { getOwnerProps, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          StyledButton,
-          {
-            buttonType: "icon",
-            className: "toolbar-trigger",
-            "data-testid": import_constants2.DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
-            innerRef: (0, import_ds_system.mergeRefs)(toolbarTriggerRef, cell?.ref),
-            onClick: handleOnClick,
-            tabIndex: isRowSelected === false ? -1 : 0,
-            "aria-label": "Row actions",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, {})
-          }
-        )
-      ]
+      getOwnerPropsArguments,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        ToolbarWrapper,
+        {
+          onKeyDown: onToolbarKeyDown,
+          onClick: stopPropagation,
+          isOpen: show,
+          getOwnerProps,
+          getOwnerPropsArguments,
+          children: [
+            show && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolbarBtns, { getOwnerProps, getOwnerPropsArguments, children }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              StyledButton,
+              {
+                getOwnerProps,
+                getOwnerPropsArguments,
+                buttonType: "icon",
+                className: "toolbar-trigger",
+                "data-testid": import_constants2.DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
+                innerRef: (0, import_ds_system.mergeRefs)(toolbarTriggerRef, cell?.ref),
+                onClick: handleOnClick,
+                tabIndex: isRowSelected === false ? -1 : 0,
+                "aria-label": "Row actions",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, {})
+              }
+            )
+          ]
+        }
+      )
     }
-  ) });
+  );
 };
 //# sourceMappingURL=Toolbar.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/Toolbar/Toolbar.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable import/no-cycle */\nimport { DSButtonV3 } from '@elliemae/ds-button-v2';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { css, mergeRefs, styled } from '@elliemae/ds-system';\nimport React, { useCallback, useRef, useState } from 'react';\nimport useOnClickOutside from 'use-onclickoutside';\nimport { DSDataTableName, DSDataTableSlots } from '../../constants/index.js';\nimport { DATA_TESTID } from '../../configs/constants.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\n\nconst ToolbarBtns = styled('div', { name: DSDataTableName, slot: DSDataTableSlots.TOOLBAR_BUTTONS_WRAPPER })``;\n\nconst boxShadow = css`\n  box-shadow:\n    0 1px 2px 0 rgba(0, 0, 0, 0.13),\n    0 1px 2px 0 rgba(0, 0, 0, 0.2);\n  & > .toolbar-trigger {\n    border: none;\n  }\n`;\n\nconst ToolbarWrapper = styled('div', { name: DSDataTableName, slot: DSDataTableSlots.TOOLBAR_WRAPPER })<{\n  isOpen: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  pointer-events: all;\n\n  & .toolbar-trigger:focus {\n    z-index: 8;\n  }\n\n  ${({ isOpen }) => isOpen && boxShadow}\n`;\n\nconst StyledButton = styled(DSButtonV3, { name: DSDataTableName, slot: DSDataTableSlots.TOOLBAR_BUTTON })`\n  background-color: transparent;\n`;\n\nconst ToolbarPosition = styled('div', { name: DSDataTableName, slot: DSDataTableSlots.TOOLBAR_POSITION })`\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  background: transparent;\n  height: 28px;\n  margin-top: 4px;\n  width: 100%;\n  padding-left: 1px;\n  padding-right: 1px;\n  outline: none;\n  &:hover {\n    z-index: 1;\n  }\n  :after {\n    content: '';\n    position: absolute;\n    left: 0px;\n    top: 4px;\n    bottom: 4px;\n    width: 1px;\n    background-color: neutral-080;\n    z-index: 7;\n  }\n`;\n\ninterface ToolbarProps {\n  isRowSelected?: boolean;\n  cell: DSDataTableT.Cell;\n  children: React.ReactNode;\n}\n\nexport const Toolbar: React.ComponentType<ToolbarProps> = ({ isRowSelected, cell, children }) => {\n  const [show, setShow] = useState(false);\n\n  const toolbarRef = useRef<HTMLDivElement | null>(null);\n  const toolbarTriggerRef = useRef<HTMLButtonElement | null>(null);\n\n  const handleOnClickOutside = useCallback(() => setShow(false), []);\n\n  const handleOnClick = useCallback(() => setShow((prev) => !prev), []);\n\n  const getOwnerProps = usePropsStore((store) => store.get);\n\n  const stopPropagation: React.MouseEventHandler = useCallback((e) => e.stopPropagation(), []);\n\n  useOnClickOutside(toolbarRef, handleOnClickOutside);\n\n  const onToolbarKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.code === 'Escape') {\n      setShow(false);\n      toolbarTriggerRef.current?.focus();\n    }\n    e.stopPropagation();\n  }, []);\n\n  const handleOnBlurToolBar = useCallback(() => {\n    setTimeout(() => {\n      if (!toolbarRef?.current?.contains?.(document.activeElement)) {\n        setShow(false);\n      }\n    });\n  }, []);\n\n  return (\n    <ToolbarPosition onBlur={handleOnBlurToolBar} innerRef={toolbarRef} tabIndex={-1} getOwnerProps={getOwnerProps}>\n      <ToolbarWrapper\n        onKeyDown={onToolbarKeyDown}\n        onClick={stopPropagation}\n        isOpen={show}\n        getOwnerProps={getOwnerProps}\n      >\n        {show && <ToolbarBtns getOwnerProps={getOwnerProps}>{children}</ToolbarBtns>}\n        <StyledButton\n          buttonType=\"icon\"\n          className=\"toolbar-trigger\"\n          data-testid={DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER}\n          innerRef={mergeRefs(toolbarTriggerRef, cell?.ref)}\n          onClick={handleOnClick}\n          tabIndex={isRowSelected === false ? -1 : 0}\n          aria-label=\"Row actions\"\n        >\n          <MoreOptionsVert />\n        </StyledButton>\n      </ToolbarWrapper>\n    </ToolbarPosition>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2GjB;AA1GN,0BAA2B;AAC3B,sBAAgC;AAChC,uBAAuC;AACvC,mBAAqD;AACrD,gCAA8B;AAC9B,uBAAkD;AAClD,IAAAA,oBAA4B;AAC5B,2CAA8B;AAG9B,MAAM,kBAAc,yBAAO,OAAO,EAAE,MAAM,kCAAiB,MAAM,kCAAiB,wBAAwB,CAAC;AAE3G,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASlB,MAAM,qBAAiB,yBAAO,OAAO,EAAE,MAAM,kCAAiB,MAAM,kCAAiB,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWlG,CAAC,EAAE,OAAO,MAAM,UAAU,SAAS;AAAA;AAGvC,MAAM,mBAAe,yBAAO,gCAAY,EAAE,MAAM,kCAAiB,MAAM,kCAAiB,eAAe,CAAC;AAAA;AAAA;AAIxG,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,kCAAiB,MAAM,kCAAiB,iBAAiB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCjG,MAAM,UAA6C,CAAC,EAAE,eAAe,MAAM,SAAS,MAAM;AAC/F,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,QAAM,iBAAa,qBAA8B,IAAI;AACrD,QAAM,wBAAoB,qBAAiC,IAAI;AAE/D,QAAM,2BAAuB,0BAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,CAAC;AAEjE,QAAM,oBAAgB,0BAAY,MAAM,QAAQ,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC;AAEpE,QAAM,oBAAgB,oDAAc,CAAC,UAAU,MAAM,GAAG;AAExD,QAAM,sBAA2C,0BAAY,CAAC,MAAM,EAAE,gBAAgB,GAAG,CAAC,CAAC;AAE3F,gCAAAC,SAAkB,YAAY,oBAAoB;AAElD,QAAM,uBAAmB,0BAAY,CAAC,MAA2B;AAC/D,QAAI,EAAE,SAAS,UAAU;AACvB,cAAQ,KAAK;AACb,wBAAkB,SAAS,MAAM;AAAA,IACnC;AACA,MAAE,gBAAgB;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,0BAAsB,0BAAY,MAAM;AAC5C,eAAW,MAAM;AACf,UAAI,CAAC,YAAY,SAAS,WAAW,SAAS,aAAa,GAAG;AAC5D,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,SACE,4CAAC,mBAAgB,QAAQ,qBAAqB,UAAU,YAAY,UAAU,IAAI,eAChF;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR;AAAA,MAEC;AAAA,gBAAQ,4CAAC,eAAY,eAA+B,UAAS;AAAA,QAC9D;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,WAAU;AAAA,YACV,eAAa,8BAAY;AAAA,YACzB,cAAU,4BAAU,mBAAmB,MAAM,GAAG;AAAA,YAChD,SAAS;AAAA,YACT,UAAU,kBAAkB,QAAQ,KAAK;AAAA,YACzC,cAAW;AAAA,YAEX,sDAAC,mCAAgB;AAAA;AAAA,QACnB;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;",
+  "sourcesContent": ["/* eslint-disable import/no-cycle */\nimport { DSButtonV3 } from '@elliemae/ds-button-v2';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { css, mergeRefs, styled } from '@elliemae/ds-system';\nimport React, { useCallback, useRef, useState } from 'react';\nimport useOnClickOutside from 'use-onclickoutside';\nimport { DSDataTableName, DSDataTableSlots } from '../../constants/index.js';\nimport { DATA_TESTID } from '../../configs/constants.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\n\nconst ToolbarBtns = styled('div', { name: DSDataTableName, slot: DSDataTableSlots.TOOLBAR_BUTTONS_WRAPPER })``;\n\nconst boxShadow = css`\n  box-shadow:\n    0 1px 2px 0 rgba(0, 0, 0, 0.13),\n    0 1px 2px 0 rgba(0, 0, 0, 0.2);\n  & > .toolbar-trigger {\n    border: none;\n  }\n`;\n\nconst ToolbarWrapper = styled('div', { name: DSDataTableName, slot: DSDataTableSlots.TOOLBAR_WRAPPER })<{\n  isOpen: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  pointer-events: all;\n\n  & .toolbar-trigger:focus {\n    z-index: 8;\n  }\n\n  ${({ isOpen }) => isOpen && boxShadow}\n`;\n\nconst StyledButton = styled(DSButtonV3, { name: DSDataTableName, slot: DSDataTableSlots.TOOLBAR_BUTTON })`\n  background-color: transparent;\n`;\n\nconst ToolbarPosition = styled('div', { name: DSDataTableName, slot: DSDataTableSlots.TOOLBAR_POSITION })`\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  background: transparent;\n  height: 28px;\n  margin-top: 4px;\n  width: 100%;\n  padding-left: 1px;\n  padding-right: 1px;\n  outline: none;\n  &:hover {\n    z-index: 1;\n  }\n  :after {\n    content: '';\n    position: absolute;\n    left: 0px;\n    top: 4px;\n    bottom: 4px;\n    width: 1px;\n    background-color: neutral-080;\n    z-index: 7;\n  }\n`;\n\nexport const Toolbar: React.ComponentType<DSDataTableT.ToolbarProps> = ({ isRowSelected, cell, children }) => {\n  const [show, setShow] = useState(false);\n\n  const toolbarRef = useRef<HTMLDivElement | null>(null);\n  const toolbarTriggerRef = useRef<HTMLButtonElement | null>(null);\n\n  const handleOnClickOutside = useCallback(() => setShow(false), []);\n\n  const handleOnClick = useCallback(() => setShow((prev) => !prev), []);\n\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = useCallback(() => ({ row: cell?.row }), [cell]);\n\n  const stopPropagation: React.MouseEventHandler = useCallback((e) => e.stopPropagation(), []);\n\n  useOnClickOutside(toolbarRef, handleOnClickOutside);\n\n  const onToolbarKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.code === 'Escape') {\n      setShow(false);\n      toolbarTriggerRef.current?.focus();\n    }\n    e.stopPropagation();\n  }, []);\n\n  const handleOnBlurToolBar = useCallback(() => {\n    setTimeout(() => {\n      if (!toolbarRef?.current?.contains?.(document.activeElement)) {\n        setShow(false);\n      }\n    });\n  }, []);\n\n  return (\n    <ToolbarPosition\n      onBlur={handleOnBlurToolBar}\n      innerRef={toolbarRef}\n      tabIndex={-1}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <ToolbarWrapper\n        onKeyDown={onToolbarKeyDown}\n        onClick={stopPropagation}\n        isOpen={show}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {show && (\n          <ToolbarBtns getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            {children}\n          </ToolbarBtns>\n        )}\n        <StyledButton\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n          buttonType=\"icon\"\n          className=\"toolbar-trigger\"\n          data-testid={DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER}\n          innerRef={mergeRefs(toolbarTriggerRef, cell?.ref)}\n          onClick={handleOnClick}\n          tabIndex={isRowSelected === false ? -1 : 0}\n          aria-label=\"Row actions\"\n        >\n          <MoreOptionsVert />\n        </StyledButton>\n      </ToolbarWrapper>\n    </ToolbarPosition>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["import_constants", "useOnClickOutside"]
 }

package/dist/cjs/helpers/getIdFromUniqueRowAccessor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getIdFromUniqueRowAccessor.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-call */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\n\nexport const getIdFromUniqueRowAccessor = (\n  uniqueRowAccessor: DSDataTableT.UniqueRowAccessorType,\n  row: Pick<DSDataTableT.InternalRow, 'id' | 'original'>,\n): string => {\n  if (uniqueRowAccessor === undefined) {\n    // user did not defined an unique row accesor, use the one generated by react-table\n    return row.id.toString();\n  }\n\n  if (typeof uniqueRowAccessor === 'string') {\n    // user specified a field as an unique row accessor\n    return String(row.original[uniqueRowAccessor]);\n  }\n\n  if (Array.isArray(uniqueRowAccessor)) {\n    // user specified combination of fields as unique row accessor\n    return uniqueRowAccessor.map((key) => String(row.original[key])).join('__');\n  }\n\n  // let the user decide on their end what to do\n  return uniqueRowAccessor(row.original);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-call */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\n\nexport const getIdFromUniqueRowAccessor = (\n  uniqueRowAccessor: DSDataTableT.UniqueRowAccessorType,\n  row: Pick<DSDataTableT.InternalRow, 'id' | 'original'>,\n): string => {\n  if (uniqueRowAccessor === undefined) {\n    // user did not define a unique row accessor, use the position-based id the table generates (see useRowFlattenization)\n    return row.id.toString();\n  }\n\n  if (typeof uniqueRowAccessor === 'string') {\n    // user specified a field as an unique row accessor\n    return String(row.original[uniqueRowAccessor]);\n  }\n\n  if (Array.isArray(uniqueRowAccessor)) {\n    // user specified combination of fields as unique row accessor\n    return uniqueRowAccessor.map((key) => String(row.original[key])).join('__');\n  }\n\n  // let the user decide on their end what to do\n  return uniqueRowAccessor(row.original);\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKhB,MAAM,6BAA6B,CACxC,mBACA,QACW;AACX,MAAI,sBAAsB,QAAW;AAEnC,WAAO,IAAI,GAAG,SAAS;AAAA,EACzB;AAEA,MAAI,OAAO,sBAAsB,UAAU;AAEzC,WAAO,OAAO,IAAI,SAAS,iBAAiB,CAAC;AAAA,EAC/C;AAEA,MAAI,MAAM,QAAQ,iBAAiB,GAAG;AAEpC,WAAO,kBAAkB,IAAI,CAAC,QAAQ,OAAO,IAAI,SAAS,GAAG,CAAC,CAAC,EAAE,KAAK,IAAI;AAAA,EAC5E;AAGA,SAAO,kBAAkB,IAAI,QAAQ;AACvC;",
   "names": []
 }

package/dist/cjs/helpers/gridLayoutHelpers.js

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var gridLayoutHelpers_exports = {};
 __export(gridLayoutHelpers_exports, {
   changeGridLayout: () => changeGridLayout,
+  columnWidthToPixels: () => columnWidthToPixels,
   getGridLayout: () => getGridLayout,
   removeGridLayout: () => removeGridLayout,
   setSubColumnsGridLayout: () => setSubColumnsGridLayout
@@ -82,4 +83,5 @@ const setSubColumnsGridLayout = (wrapper, columns, withRawGridLayout = false) =>
     );
   });
 };
+const columnWidthToPixels = (width) => width === void 0 ? void 0 : Number.parseInt(String(width), 10);
 //# sourceMappingURL=gridLayoutHelpers.js.map

package/dist/cjs/helpers/gridLayoutHelpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/gridLayoutHelpers.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { DSDataTableT } from '../react-desc-prop-types.js';\n\nconst getRawGridLayout = (wrapper: HTMLDivElement | null): string[] => {\n  if (!wrapper) return [];\n  const gridLayoutVar = getComputedStyle(wrapper).getPropertyValue('--grid-layout');\n  if (!gridLayoutVar) return [];\n  return gridLayoutVar\n    .split('minmax(0,')\n    .slice(1)\n    .map((str) => str.replace(')', ''));\n};\n\n// Returns the current grid layout of the table (by reading the CSS variable --grid-layout)\nexport const getGridLayout = (wrapper: HTMLDivElement | null): number[] => {\n  if (!wrapper) return [];\n  const gridLayoutVar = getComputedStyle(wrapper).getPropertyValue('--grid-layout');\n  if (!gridLayoutVar) return [];\n  return gridLayoutVar\n    .split('minmax(0,')\n    .slice(1)\n    .map((str) => str.replace('px) ', '').replace('px)', ''))\n    .map((str) => Number.parseInt(str, 10));\n};\n\n// Changes the grid layout of the table (by changing the CSS variable --grid-layout)\nexport const changeGridLayout = (wrapper: HTMLDivElement | null, colIndex: number, newWidth: number) => {\n  if (!wrapper) return;\n  const cols = getGridLayout(wrapper);\n  cols[colIndex] = newWidth;\n  wrapper.style.setProperty('--grid-layout', cols.map((col) => `minmax(0, ${col}px)`).join(' '));\n  wrapper.style.setProperty('--total-width', `${cols.reduce((acc, col) => acc + col, 0)}px`);\n};\n\nexport const removeGridLayout = (wrapper: HTMLDivElement | null) => {\n  if (!wrapper) return;\n  wrapper.style.removeProperty('--grid-layout');\n  wrapper.style.removeProperty('--total-width');\n};\n\n// TODO: @carusox remove this\n// Since the structure of the column grouping is not ideal (with this I mean that the columns are nested in the HTML DOM),\n// we need to create variables to keep track of the sub-columns layout for each different group\n// When we go ahead and implement the new behavior (also present nowadays on the specs, we should be removing this code)\nexport const setSubColumnsGridLayout = (\n  wrapper: HTMLDivElement | null,\n  columns: DSDataTableT.InternalColumn[],\n  withRawGridLayout = false,\n) => {\n  if (!wrapper) return;\n\n  const cols = withRawGridLayout ? getRawGridLayout(wrapper) : getGridLayout(wrapper);\n\n  let prevIndex = 0;\n\n  const variables = columns.reduce(\n    (acc, cur) => {\n      const count = cur.columns ? cur.columns.length : 1;\n      acc.push({\n        cols: cols.slice(prevIndex, prevIndex + count),\n        id: cur.id,\n      });\n      prevIndex += count;\n      return acc;\n    },\n    [] as { cols: (string | number)[]; id: string }[],\n  );\n\n  variables.forEach((variable) => {\n    wrapper.style.setProperty(\n      `--grid-layout-${variable.id}`,\n      variable.cols.map((col) => (withRawGridLayout ? `minmax(0, ${col})` : `minmax(0, ${col}px)`)).join(' '),\n    );\n  });\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,MAAM,mBAAmB,CAAC,YAA6C;AACrE,MAAI,CAAC,QAAS,QAAO,CAAC;AACtB,QAAM,gBAAgB,iBAAiB,OAAO,EAAE,iBAAiB,eAAe;AAChF,MAAI,CAAC,cAAe,QAAO,CAAC;AAC5B,SAAO,cACJ,MAAM,WAAW,EACjB,MAAM,CAAC,EACP,IAAI,CAAC,QAAQ,IAAI,QAAQ,KAAK,EAAE,CAAC;AACtC;AAGO,MAAM,gBAAgB,CAAC,YAA6C;AACzE,MAAI,CAAC,QAAS,QAAO,CAAC;AACtB,QAAM,gBAAgB,iBAAiB,OAAO,EAAE,iBAAiB,eAAe;AAChF,MAAI,CAAC,cAAe,QAAO,CAAC;AAC5B,SAAO,cACJ,MAAM,WAAW,EACjB,MAAM,CAAC,EACP,IAAI,CAAC,QAAQ,IAAI,QAAQ,QAAQ,EAAE,EAAE,QAAQ,OAAO,EAAE,CAAC,EACvD,IAAI,CAAC,QAAQ,OAAO,SAAS,KAAK,EAAE,CAAC;AAC1C;AAGO,MAAM,mBAAmB,CAAC,SAAgC,UAAkB,aAAqB;AACtG,MAAI,CAAC,QAAS;AACd,QAAM,OAAO,cAAc,OAAO;AAClC,OAAK,QAAQ,IAAI;AACjB,UAAQ,MAAM,YAAY,iBAAiB,KAAK,IAAI,CAAC,QAAQ,aAAa,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;AAC7F,UAAQ,MAAM,YAAY,iBAAiB,GAAG,KAAK,OAAO,CAAC,KAAK,QAAQ,MAAM,KAAK,CAAC,CAAC,IAAI;AAC3F;AAEO,MAAM,mBAAmB,CAAC,YAAmC;AAClE,MAAI,CAAC,QAAS;AACd,UAAQ,MAAM,eAAe,eAAe;AAC5C,UAAQ,MAAM,eAAe,eAAe;AAC9C;AAMO,MAAM,0BAA0B,CACrC,SACA,SACA,oBAAoB,UACjB;AACH,MAAI,CAAC,QAAS;AAEd,QAAM,OAAO,oBAAoB,iBAAiB,OAAO,IAAI,cAAc,OAAO;AAElF,MAAI,YAAY;AAEhB,QAAM,YAAY,QAAQ;AAAA,IACxB,CAAC,KAAK,QAAQ;AACZ,YAAM,QAAQ,IAAI,UAAU,IAAI,QAAQ,SAAS;AACjD,UAAI,KAAK;AAAA,QACP,MAAM,KAAK,MAAM,WAAW,YAAY,KAAK;AAAA,QAC7C,IAAI,IAAI;AAAA,MACV,CAAC;AACD,mBAAa;AACb,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AAEA,YAAU,QAAQ,CAAC,aAAa;AAC9B,YAAQ,MAAM;AAAA,MACZ,iBAAiB,SAAS,EAAE;AAAA,MAC5B,SAAS,KAAK,IAAI,CAAC,QAAS,oBAAoB,aAAa,GAAG,MAAM,aAAa,GAAG,KAAM,EAAE,KAAK,GAAG;AAAA,IACxG;AAAA,EACF,CAAC;AACH;",
+  "sourcesContent": ["import type { DSDataTableT } from '../react-desc-prop-types.js';\n\nconst getRawGridLayout = (wrapper: HTMLDivElement | null): string[] => {\n  if (!wrapper) return [];\n  const gridLayoutVar = getComputedStyle(wrapper).getPropertyValue('--grid-layout');\n  if (!gridLayoutVar) return [];\n  return gridLayoutVar\n    .split('minmax(0,')\n    .slice(1)\n    .map((str) => str.replace(')', ''));\n};\n\n// Returns the current grid layout of the table (by reading the CSS variable --grid-layout)\nexport const getGridLayout = (wrapper: HTMLDivElement | null): number[] => {\n  if (!wrapper) return [];\n  const gridLayoutVar = getComputedStyle(wrapper).getPropertyValue('--grid-layout');\n  if (!gridLayoutVar) return [];\n  return gridLayoutVar\n    .split('minmax(0,')\n    .slice(1)\n    .map((str) => str.replace('px) ', '').replace('px)', ''))\n    .map((str) => Number.parseInt(str, 10));\n};\n\n// Changes the grid layout of the table (by changing the CSS variable --grid-layout)\nexport const changeGridLayout = (wrapper: HTMLDivElement | null, colIndex: number, newWidth: number) => {\n  if (!wrapper) return;\n  const cols = getGridLayout(wrapper);\n  cols[colIndex] = newWidth;\n  wrapper.style.setProperty('--grid-layout', cols.map((col) => `minmax(0, ${col}px)`).join(' '));\n  wrapper.style.setProperty('--total-width', `${cols.reduce((acc, col) => acc + col, 0)}px`);\n};\n\nexport const removeGridLayout = (wrapper: HTMLDivElement | null) => {\n  if (!wrapper) return;\n  wrapper.style.removeProperty('--grid-layout');\n  wrapper.style.removeProperty('--total-width');\n};\n\n// TODO: @carusox remove this\n// Since the structure of the column grouping is not ideal (with this I mean that the columns are nested in the HTML DOM),\n// we need to create variables to keep track of the sub-columns layout for each different group\n// When we go ahead and implement the new behavior (also present nowadays on the specs, we should be removing this code)\nexport const setSubColumnsGridLayout = (\n  wrapper: HTMLDivElement | null,\n  columns: DSDataTableT.InternalColumn[],\n  withRawGridLayout = false,\n) => {\n  if (!wrapper) return;\n\n  const cols = withRawGridLayout ? getRawGridLayout(wrapper) : getGridLayout(wrapper);\n\n  let prevIndex = 0;\n\n  const variables = columns.reduce(\n    (acc, cur) => {\n      const count = cur.columns ? cur.columns.length : 1;\n      acc.push({\n        cols: cols.slice(prevIndex, prevIndex + count),\n        id: cur.id,\n      });\n      prevIndex += count;\n      return acc;\n    },\n    [] as { cols: (string | number)[]; id: string }[],\n  );\n\n  variables.forEach((variable) => {\n    wrapper.style.setProperty(\n      `--grid-layout-${variable.id}`,\n      variable.cols.map((col) => (withRawGridLayout ? `minmax(0, ${col})` : `minmax(0, ${col}px)`)).join(' '),\n    );\n  });\n};\n\n// The width of a column in pixels: a number, or a px string ('200px') read with parseInt like the rest of the grid\n// layout (getGridLayout above). The resizer works in pixels (see DSDataTableT.ResizeableColumnWidth).\nexport const columnWidthToPixels = (width: number | string | undefined): number | undefined =>\n  width === undefined ? undefined : Number.parseInt(String(width), 10);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,MAAM,mBAAmB,CAAC,YAA6C;AACrE,MAAI,CAAC,QAAS,QAAO,CAAC;AACtB,QAAM,gBAAgB,iBAAiB,OAAO,EAAE,iBAAiB,eAAe;AAChF,MAAI,CAAC,cAAe,QAAO,CAAC;AAC5B,SAAO,cACJ,MAAM,WAAW,EACjB,MAAM,CAAC,EACP,IAAI,CAAC,QAAQ,IAAI,QAAQ,KAAK,EAAE,CAAC;AACtC;AAGO,MAAM,gBAAgB,CAAC,YAA6C;AACzE,MAAI,CAAC,QAAS,QAAO,CAAC;AACtB,QAAM,gBAAgB,iBAAiB,OAAO,EAAE,iBAAiB,eAAe;AAChF,MAAI,CAAC,cAAe,QAAO,CAAC;AAC5B,SAAO,cACJ,MAAM,WAAW,EACjB,MAAM,CAAC,EACP,IAAI,CAAC,QAAQ,IAAI,QAAQ,QAAQ,EAAE,EAAE,QAAQ,OAAO,EAAE,CAAC,EACvD,IAAI,CAAC,QAAQ,OAAO,SAAS,KAAK,EAAE,CAAC;AAC1C;AAGO,MAAM,mBAAmB,CAAC,SAAgC,UAAkB,aAAqB;AACtG,MAAI,CAAC,QAAS;AACd,QAAM,OAAO,cAAc,OAAO;AAClC,OAAK,QAAQ,IAAI;AACjB,UAAQ,MAAM,YAAY,iBAAiB,KAAK,IAAI,CAAC,QAAQ,aAAa,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;AAC7F,UAAQ,MAAM,YAAY,iBAAiB,GAAG,KAAK,OAAO,CAAC,KAAK,QAAQ,MAAM,KAAK,CAAC,CAAC,IAAI;AAC3F;AAEO,MAAM,mBAAmB,CAAC,YAAmC;AAClE,MAAI,CAAC,QAAS;AACd,UAAQ,MAAM,eAAe,eAAe;AAC5C,UAAQ,MAAM,eAAe,eAAe;AAC9C;AAMO,MAAM,0BAA0B,CACrC,SACA,SACA,oBAAoB,UACjB;AACH,MAAI,CAAC,QAAS;AAEd,QAAM,OAAO,oBAAoB,iBAAiB,OAAO,IAAI,cAAc,OAAO;AAElF,MAAI,YAAY;AAEhB,QAAM,YAAY,QAAQ;AAAA,IACxB,CAAC,KAAK,QAAQ;AACZ,YAAM,QAAQ,IAAI,UAAU,IAAI,QAAQ,SAAS;AACjD,UAAI,KAAK;AAAA,QACP,MAAM,KAAK,MAAM,WAAW,YAAY,KAAK;AAAA,QAC7C,IAAI,IAAI;AAAA,MACV,CAAC;AACD,mBAAa;AACb,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AAEA,YAAU,QAAQ,CAAC,aAAa;AAC9B,YAAQ,MAAM;AAAA,MACZ,iBAAiB,SAAS,EAAE;AAAA,MAC5B,SAAS,KAAK,IAAI,CAAC,QAAS,oBAAoB,aAAa,GAAG,MAAM,aAAa,GAAG,KAAM,EAAE,KAAK,GAAG;AAAA,IACxG;AAAA,EACF,CAAC;AACH;AAIO,MAAM,sBAAsB,CAAC,UAClC,UAAU,SAAY,SAAY,OAAO,SAAS,OAAO,KAAK,GAAG,EAAE;",
   "names": []
 }

package/dist/cjs/helpers/index.js

@@ -29,6 +29,7 @@ var React = __toESM(require("react"));
 __reExport(helpers_exports, require("./sizeToCss.js"), module.exports);
 __reExport(helpers_exports, require("./columnsToGrid.js"), module.exports);
 __reExport(helpers_exports, require("./cellPadding.js"), module.exports);
+__reExport(helpers_exports, require("./smallButtonSize.js"), module.exports);
 __reExport(helpers_exports, require("./getIdFromUniqueRowAccessor.js"), module.exports);
 __reExport(helpers_exports, require("./addCellData.js"), module.exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["// style\nexport * from './sizeToCss.js';\nexport * from './columnsToGrid.js';\nexport * from './cellPadding.js';\n\n// props-related\nexport * from './getIdFromUniqueRowAccessor.js';\nexport * from './addCellData.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADCvB,4BAAc,2BADd;AAEA,4BAAc,+BAFd;AAGA,4BAAc,6BAHd;AAMA,4BAAc,4CANd;AAOA,4BAAc,6BAPd;",
+  "sourcesContent": ["// style\nexport * from './sizeToCss.js';\nexport * from './columnsToGrid.js';\nexport * from './cellPadding.js';\nexport * from './smallButtonSize.js';\n\n// props-related\nexport * from './getIdFromUniqueRowAccessor.js';\nexport * from './addCellData.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADCvB,4BAAc,2BADd;AAEA,4BAAc,+BAFd;AAGA,4BAAc,6BAHd;AAIA,4BAAc,iCAJd;AAOA,4BAAc,4CAPd;AAQA,4BAAc,6BARd;",
   "names": []
 }

package/dist/cjs/{parts/internal.js → helpers/smallButtonSize.js}

@@ -26,13 +26,22 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var internal_exports = {};
-__export(internal_exports, {
-  HeaderCellGroup: () => import_HeaderCellGroup.HeaderCellGroup,
-  withDnDSortableColumnContext: () => import_withDnDSortableColumnContext.withDnDSortableColumnContext
+var smallButtonSize_exports = {};
+__export(smallButtonSize_exports, {
+  smallButtonSizeCss: () => smallButtonSizeCss
 });
-module.exports = __toCommonJS(internal_exports);
+module.exports = __toCommonJS(smallButtonSize_exports);
 var React = __toESM(require("react"));
-var import_withDnDSortableColumnContext = require("./HoC/withDnDSortableColumnContext.js");
-var import_HeaderCellGroup = require("./Headers/HeaderCellGroup.js");
-//# sourceMappingURL=internal.js.map
+const SMALL_BUTTON_SIZE = { mobile: "1.249625rem", desktop: "1.538rem" };
+const smallButtonSizeCss = ({ theme }) => `
+  height: ${SMALL_BUTTON_SIZE.mobile};
+  min-height: ${SMALL_BUTTON_SIZE.mobile};
+  min-width: ${SMALL_BUTTON_SIZE.mobile};
+  font-size: ${theme.fontSizes.label[300]};
+  @media (min-width: ${theme.breakpoints.small}) {
+    height: ${SMALL_BUTTON_SIZE.desktop};
+    min-height: ${SMALL_BUTTON_SIZE.desktop};
+    min-width: ${SMALL_BUTTON_SIZE.desktop};
+  }
+`;
+//# sourceMappingURL=smallButtonSize.js.map

package/dist/cjs/helpers/smallButtonSize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/smallButtonSize.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { Theme } from '@elliemae/ds-system';\n\n// The table owns the size of its small buttons (the filter trigger, the sort caret and the buttons of the filter\n// popover): they are default size ds-button buttons that the table sizes through its own styled wrappers, instead of\n// the `size=\"s\"` of ds-button, which ds-button warns \"will be deprecated in the future\". The values are the ones of the small button, kept on\n// purpose if ds-button changes them.\nconst SMALL_BUTTON_SIZE = { mobile: '1.249625rem', desktop: '1.538rem' } as const;\n\nexport const smallButtonSizeCss = ({ theme }: { theme: Theme }): string => `\n  height: ${SMALL_BUTTON_SIZE.mobile};\n  min-height: ${SMALL_BUTTON_SIZE.mobile};\n  min-width: ${SMALL_BUTTON_SIZE.mobile};\n  font-size: ${theme.fontSizes.label[300]};\n  @media (min-width: ${theme.breakpoints.small}) {\n    height: ${SMALL_BUTTON_SIZE.desktop};\n    min-height: ${SMALL_BUTTON_SIZE.desktop};\n    min-width: ${SMALL_BUTTON_SIZE.desktop};\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMvB,MAAM,oBAAoB,EAAE,QAAQ,eAAe,SAAS,WAAW;AAEhE,MAAM,qBAAqB,CAAC,EAAE,MAAM,MAAgC;AAAA,YAC/D,kBAAkB,MAAM;AAAA,gBACpB,kBAAkB,MAAM;AAAA,eACzB,kBAAkB,MAAM;AAAA,eACxB,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,uBAClB,MAAM,YAAY,KAAK;AAAA,cAChC,kBAAkB,OAAO;AAAA,kBACrB,kBAAkB,OAAO;AAAA,iBAC1B,kBAAkB,OAAO;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/Cells/CellFactory.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/Cells/CellFactory.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { memo, useContext, useMemo, type PropsWithChildren } from 'react';\nimport { expandRowColumn } from '../../addons/Columns/index.js';\nimport { outOfTheBoxEditables } from '../../addons/Editables/index.js';\nimport { DATA_TESTID } from '../../configs/constants.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport { StyledCell, StyledCellContent } from '../../styled.js';\nimport { TruncatedTooltipText } from '../../TruncatedTooltipText.js';\nimport { SortableItemContext } from '../HoC/SortableItemContext.js';\nimport { useCellStyle } from './useCellStyle.js';\n\nconst PureStandardCell = memo<PropsWithChildren<DSDataTableT.CellProps>>(\n  ({ column, cell, shouldAddExpandCell, cellIsNextToExpander, row, children }) => {\n    const cellStyle = useCellStyle(column, shouldAddExpandCell, cellIsNextToExpander, row)[1];\n    const getOwnerProps = usePropsStore((store) => store.get);\n    const getOwnerPropsArguments = React.useCallback(() => cell, [cell]);\n    return (\n      <StyledCell\n        column={column}\n        style={cellStyle}\n        role=\"cell\"\n        data-testid={DATA_TESTID.DATA_TABLE_CELL}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {children}\n      </StyledCell>\n    );\n  },\n);\n\nconst TruncableCellContent = memo((props: DSDataTableT.CellProps) => {\n  const { cell, column } = props;\n  const { render: CellComponent } = cell;\n\n  const textWrap = usePropsStore((state) => state.textWrap);\n  const appliedTextWrap = column.textWrap || textWrap;\n  if (appliedTextWrap === 'truncate') {\n    return <TruncatedTooltipText value={<CellComponent {...props} />} />;\n  }\n  return <CellComponent {...props} />;\n});\n\nconst ExpandableCellContent = memo(\n  (props: DSDataTableT.CellProps) => expandRowColumn.Cell && <expandRowColumn.Cell {...props} />,\n);\n\nconst DefaultCellContent = memo(\n  (\n    props: DSDataTableT.CellProps & {\n      getOwnerProps: DSDataTableT.GetOwnerPropsT;\n      getOwnerPropsArguments: () => DSDataTableT.Cell;\n    },\n  ) => {\n    const { shouldAddExpandCell, getOwnerProps, getOwnerPropsArguments } = props;\n\n    return (\n      <StyledCellContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n        {shouldAddExpandCell ? <ExpandableCellContent {...props} /> : <TruncableCellContent {...props} />}\n      </StyledCellContent>\n    );\n  },\n);\n\nconst EditableCell = memo(\n  (\n    props: DSDataTableT.CellProps & {\n      getOwnerProps: DSDataTableT.GetOwnerPropsT;\n      getOwnerPropsArguments: () => DSDataTableT.Cell;\n    },\n  ) => {\n    const { getOwnerProps, getOwnerPropsArguments, ...restProps } = props;\n    const { column } = restProps;\n    const DefaultCellContentJSX = (\n      <DefaultCellContent\n        {...restProps}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      />\n    );\n\n    if (typeof column.editable === 'string') {\n      const { EditableComponent } = outOfTheBoxEditables?.[column.editable] ?? {};\n      // @ts-expect-error - data-table typescript is broken\n      if (EditableComponent) return <EditableComponent {...restProps} DefaultCellRender={DefaultCellContentJSX} />;\n    }\n    if (typeof column.editable === 'function') {\n      const ColumnEditableRenderProps = column.editable as React.ComponentType<\n        DSDataTableT.CellProps & { DefaultCellRender: JSX.Element }\n      >;\n      return <ColumnEditableRenderProps {...restProps} DefaultCellRender={DefaultCellContentJSX} />;\n    }\n\n    return null;\n  },\n);\n\ninterface CellFactoryProps {\n  cell: DSDataTableT.Cell;\n  column: DSDataTableT.InternalColumn;\n  row: DSDataTableT.InternalRow;\n  isRowSelected: boolean;\n  shouldAddExpandCell: boolean;\n  cellIsNextToExpander: boolean;\n  isDragOverlay: boolean;\n}\n\nconst CellFactory: React.ComponentType<CellFactoryProps> = (props) => {\n  const { column, row, cell } = props;\n  const cellRendererProps = usePropsStore((state) => state.cellRendererProps);\n  const disabledRows = usePropsStore((state) => state.disabledRows);\n  const domIdAffix = usePropsStore((state) => state.domIdAffix);\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = React.useCallback(() => cell, [cell]);\n\n  const isDisabledRow = disabledRows[row.uid];\n\n  const { draggableProps } = useContext(SortableItemContext);\n\n  const cellProps: DSDataTableT.CellProps = useMemo(\n    () => ({\n      ...cellRendererProps,\n      ...props,\n      role: 'cell',\n      draggableProps,\n      isDisabledRow,\n      domIdAffix,\n    }),\n    [cellRendererProps, props, draggableProps, isDisabledRow, domIdAffix],\n  );\n\n  return (\n    <PureStandardCell {...cellProps}>\n      {column.editable && !disabledRows[row.uid] ? (\n        <EditableCell {...cellProps} getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n      ) : (\n        <DefaultCellContent\n          {...cellProps}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        />\n      )}\n    </PureStandardCell>\n  );\n};\n\nexport { CellFactory };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { memo, useContext, useMemo, type PropsWithChildren } from 'react';\nimport { expandRowColumn } from '../../addons/Columns/index.js';\nimport { outOfTheBoxEditables } from '../../addons/Editables/index.js';\nimport { DATA_TESTID } from '../../configs/constants.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport { StyledCell, StyledCellContent } from '../../styled.js';\nimport { TruncatedTooltipText } from '../../TruncatedTooltipText.js';\nimport { SortableItemContext } from '../HoC/SortableItemContext.js';\nimport { useCellStyle } from './useCellStyle.js';\n\nconst PureStandardCell = memo<PropsWithChildren<DSDataTableT.CellProps>>(\n  ({ column, cell, shouldAddExpandCell, cellIsNextToExpander, row, children }) => {\n    const cellStyle = useCellStyle(column, shouldAddExpandCell, cellIsNextToExpander, row)[1];\n    const getOwnerProps = usePropsStore((store) => store.get);\n    const getOwnerPropsArguments = React.useCallback(() => cell, [cell]);\n    return (\n      <StyledCell\n        column={column}\n        style={cellStyle}\n        role=\"cell\"\n        data-testid={DATA_TESTID.DATA_TABLE_CELL}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {children}\n      </StyledCell>\n    );\n  },\n);\n\nconst TruncableCellContent = memo((props: DSDataTableT.CellProps) => {\n  const { cell, column } = props;\n  const { render: CellComponent } = cell;\n\n  const textWrap = usePropsStore((state) => state.textWrap);\n  const appliedTextWrap = column.textWrap || textWrap;\n  if (appliedTextWrap === 'truncate') {\n    return <TruncatedTooltipText value={<CellComponent {...props} />} />;\n  }\n  return <CellComponent {...props} />;\n});\n\nconst ExpandableCellContent = memo(\n  (props: DSDataTableT.CellProps) => expandRowColumn.Cell && <expandRowColumn.Cell {...props} />,\n);\n\nconst DefaultCellContent = memo(\n  (\n    props: DSDataTableT.CellProps & {\n      getOwnerProps: DSDataTableT.GetOwnerPropsT;\n      getOwnerPropsArguments: () => DSDataTableT.Cell;\n    },\n  ) => {\n    const { shouldAddExpandCell, getOwnerProps, getOwnerPropsArguments } = props;\n\n    return (\n      <StyledCellContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n        {shouldAddExpandCell ? <ExpandableCellContent {...props} /> : <TruncableCellContent {...props} />}\n      </StyledCellContent>\n    );\n  },\n);\n\nconst EditableCell = memo(\n  (\n    props: DSDataTableT.CellProps & {\n      getOwnerProps: DSDataTableT.GetOwnerPropsT;\n      getOwnerPropsArguments: () => DSDataTableT.Cell;\n    },\n  ) => {\n    const { getOwnerProps, getOwnerPropsArguments, ...restProps } = props;\n    const { column } = restProps;\n    const DefaultCellContentJSX = (\n      <DefaultCellContent\n        {...restProps}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      />\n    );\n\n    if (typeof column.editable === 'string') {\n      const { EditableComponent } = outOfTheBoxEditables?.[column.editable] ?? {};\n      // @ts-expect-error - data-table typescript is broken\n      if (EditableComponent) return <EditableComponent {...restProps} DefaultCellRender={DefaultCellContentJSX} />;\n    }\n    if (typeof column.editable === 'function') {\n      const ColumnEditableRenderProps = column.editable as React.ComponentType<\n        DSDataTableT.CellProps & { DefaultCellRender: JSX.Element }\n      >;\n      return <ColumnEditableRenderProps {...restProps} DefaultCellRender={DefaultCellContentJSX} />;\n    }\n\n    return null;\n  },\n);\n\nconst CellFactory: React.ComponentType<DSDataTableT.CellFactoryProps> = (props) => {\n  const { column, row, cell } = props;\n  const cellRendererProps = usePropsStore((state) => state.cellRendererProps);\n  const disabledRows = usePropsStore((state) => state.disabledRows);\n  const domIdAffix = usePropsStore((state) => state.domIdAffix);\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = React.useCallback(() => cell, [cell]);\n\n  const isDisabledRow = disabledRows[row.uid];\n\n  const { draggableProps } = useContext(SortableItemContext);\n\n  const cellProps: DSDataTableT.CellProps = useMemo(\n    () => ({\n      ...cellRendererProps,\n      ...props,\n      role: 'cell',\n      draggableProps,\n      isDisabledRow,\n      domIdAffix,\n    }),\n    [cellRendererProps, props, draggableProps, isDisabledRow, domIdAffix],\n  );\n\n  return (\n    <PureStandardCell {...cellProps}>\n      {column.editable && !disabledRows[row.uid] ? (\n        <EditableCell {...cellProps} getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n      ) : (\n        <DefaultCellContent\n          {...cellProps}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        />\n      )}\n    </PureStandardCell>\n  );\n};\n\nexport { CellFactory };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/cjs/parts/Cells/index.js

@@ -33,6 +33,7 @@ __export(Cells_exports, {
 module.exports = __toCommonJS(Cells_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_Columns = require("../../addons/Columns/index.js");
 var import_createInternalAndPropsContext = require("../../configs/useStore/createInternalAndPropsContext.js");
 var import_styled = require("../../styled.js");
@@ -40,6 +41,7 @@ var import_CellFactory = require("./CellFactory.js");
 const Cells = (props) => {
   const { row, isRowSelected, isDragOverlay } = props;
   const getOwnerProps = (0, import_createInternalAndPropsContext.usePropsStore)((store) => store.get);
+  const getOwnerPropsArguments = (0, import_react.useCallback)(() => ({ row }), [row]);
   if (row.depth <= 1) {
     let userCellIsNextToExpander = false;
     let userCellsProcessed = 0;
@@ -49,15 +51,24 @@ const Cells = (props) => {
       let jsx2 = null;
       if (column.id === "rowActions") {
         const ActionComponent = cell.render;
-        jsx2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledActionCell, { role: "cell", getOwnerProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          ActionComponent,
+        jsx2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.StyledActionCell,
           {
-            ...props,
-            cell,
-            column,
-            shouldAddExpandCell: isUserCell && userCellIsNextToExpander
-          }
-        ) }, cell.id);
+            role: "cell",
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              ActionComponent,
+              {
+                ...props,
+                cell,
+                column,
+                shouldAddExpandCell: isUserCell && userCellIsNextToExpander
+              }
+            )
+          },
+          cell.id
+        );
       } else if (column.id === "expander") {
         userCellIsNextToExpander = !isDragOverlay;
         jsx2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/cjs/parts/Cells/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/Cells/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns/index.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport { StyledActionCell } from '../../styled.js';\n\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport { CellFactory } from './CellFactory.js';\n\nconst Cells: React.ComponentType<{\n  row: DSDataTableT.InternalRow;\n  isRowSelected: boolean;\n  isDragOverlay: boolean;\n}> = (props) => {\n  const { row, isRowSelected, isDragOverlay } = props;\n  const getOwnerProps = usePropsStore((store) => store.get);\n  // we won't print sub-rows more nested than the first level\n  if (row.depth <= 1) {\n    let userCellIsNextToExpander = false;\n    let userCellsProcessed = 0;\n    return (\n      <>\n        {row.cells.map((cell) => {\n          const { column } = cell;\n\n          const isUserCell = !INTERNAL_COLUMNS.includes(column.id);\n\n          let jsx = null;\n\n          if (column.id === 'rowActions') {\n            const ActionComponent = cell.render;\n            jsx = (\n              <StyledActionCell role=\"cell\" key={cell.id} getOwnerProps={getOwnerProps}>\n                <ActionComponent\n                  {...props}\n                  cell={cell}\n                  column={column}\n                  shouldAddExpandCell={isUserCell && userCellIsNextToExpander}\n                />\n              </StyledActionCell>\n            );\n          } else if (column.id === 'expander') {\n            // Next user's cell will be next to expander\n            userCellIsNextToExpander = !isDragOverlay; // Don't add it on drag overlay\n            jsx = (\n              <CellFactory\n                cell={cell}\n                column={column}\n                row={row}\n                isRowSelected={isRowSelected}\n                shouldAddExpandCell\n                isDragOverlay={isDragOverlay}\n                key={cell.id}\n              />\n            );\n          } else {\n            jsx = (\n              <CellFactory\n                cell={cell}\n                column={column}\n                row={row}\n                isRowSelected={isRowSelected}\n                shouldAddExpandCell={false}\n                cellIsNextToExpander={isUserCell && userCellIsNextToExpander}\n                isDragOverlay={isDragOverlay}\n                key={cell.id}\n              />\n            );\n          }\n\n          // Drag overlay only need to print the DnD handle and the first user's cell\n          if (isDragOverlay) {\n            if (column.id !== 'dragHandleColumn' && (!isUserCell || userCellsProcessed !== 0)) jsx = null;\n          }\n\n          // Reset expand cell\n          if (isUserCell) {\n            userCellIsNextToExpander = false;\n            userCellsProcessed += 1;\n          }\n          return jsx;\n        })}\n      </>\n    );\n  }\n\n  return null;\n};\n\nexport { Cells };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBjB;AAnBN,qBAAiC;AACjC,2CAA8B;AAC9B,oBAAiC;AAGjC,yBAA4B;AAE5B,MAAM,QAID,CAAC,UAAU;AACd,QAAM,EAAE,KAAK,eAAe,cAAc,IAAI;AAC9C,QAAM,oBAAgB,oDAAc,CAAC,UAAU,MAAM,GAAG;AAExD,MAAI,IAAI,SAAS,GAAG;AAClB,QAAI,2BAA2B;AAC/B,QAAI,qBAAqB;AACzB,WACE,2EACG,cAAI,MAAM,IAAI,CAAC,SAAS;AACvB,YAAM,EAAE,OAAO,IAAI;AAEnB,YAAM,aAAa,CAAC,gCAAiB,SAAS,OAAO,EAAE;AAEvD,UAAIA,OAAM;AAEV,UAAI,OAAO,OAAO,cAAc;AAC9B,cAAM,kBAAkB,KAAK;AAC7B,QAAAA,OACE,4CAAC,kCAAiB,MAAK,QAAqB,eAC1C;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ;AAAA,YACA;AAAA,YACA,qBAAqB,cAAc;AAAA;AAAA,QACrC,KANiC,KAAK,EAOxC;AAAA,MAEJ,WAAW,OAAO,OAAO,YAAY;AAEnC,mCAA2B,CAAC;AAC5B,QAAAA,OACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,qBAAmB;AAAA,YACnB;AAAA;AAAA,UACK,KAAK;AAAA,QACZ;AAAA,MAEJ,OAAO;AACL,QAAAA,OACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,qBAAqB;AAAA,YACrB,sBAAsB,cAAc;AAAA,YACpC;AAAA;AAAA,UACK,KAAK;AAAA,QACZ;AAAA,MAEJ;AAGA,UAAI,eAAe;AACjB,YAAI,OAAO,OAAO,uBAAuB,CAAC,cAAc,uBAAuB,GAAI,CAAAA,OAAM;AAAA,MAC3F;AAGA,UAAI,YAAY;AACd,mCAA2B;AAC3B,8BAAsB;AAAA,MACxB;AACA,aAAOA;AAAA,IACT,CAAC,GACH;AAAA,EAEJ;AAEA,SAAO;AACT;",
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useCallback } from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns/index.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport { StyledActionCell } from '../../styled.js';\n\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport { CellFactory } from './CellFactory.js';\n\nconst Cells: React.ComponentType<{\n  row: DSDataTableT.InternalRow;\n  isRowSelected: boolean;\n  isDragOverlay: boolean;\n}> = (props) => {\n  const { row, isRowSelected, isDragOverlay } = props;\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = useCallback(() => ({ row }), [row]);\n  // we won't print sub-rows more nested than the first level\n  if (row.depth <= 1) {\n    let userCellIsNextToExpander = false;\n    let userCellsProcessed = 0;\n    return (\n      <>\n        {row.cells.map((cell) => {\n          const { column } = cell;\n\n          const isUserCell = !INTERNAL_COLUMNS.includes(column.id);\n\n          let jsx = null;\n\n          if (column.id === 'rowActions') {\n            const ActionComponent = cell.render;\n            jsx = (\n              <StyledActionCell\n                role=\"cell\"\n                key={cell.id}\n                getOwnerProps={getOwnerProps}\n                getOwnerPropsArguments={getOwnerPropsArguments}\n              >\n                <ActionComponent\n                  {...props}\n                  cell={cell}\n                  column={column}\n                  shouldAddExpandCell={isUserCell && userCellIsNextToExpander}\n                />\n              </StyledActionCell>\n            );\n          } else if (column.id === 'expander') {\n            // Next user's cell will be next to expander\n            userCellIsNextToExpander = !isDragOverlay; // Don't add it on drag overlay\n            jsx = (\n              <CellFactory\n                cell={cell}\n                column={column}\n                row={row}\n                isRowSelected={isRowSelected}\n                shouldAddExpandCell\n                isDragOverlay={isDragOverlay}\n                key={cell.id}\n              />\n            );\n          } else {\n            jsx = (\n              <CellFactory\n                cell={cell}\n                column={column}\n                row={row}\n                isRowSelected={isRowSelected}\n                shouldAddExpandCell={false}\n                cellIsNextToExpander={isUserCell && userCellIsNextToExpander}\n                isDragOverlay={isDragOverlay}\n                key={cell.id}\n              />\n            );\n          }\n\n          // Drag overlay only need to print the DnD handle and the first user's cell\n          if (isDragOverlay) {\n            if (column.id !== 'dragHandleColumn' && (!isUserCell || userCellsProcessed !== 0)) jsx = null;\n          }\n\n          // Reset expand cell\n          if (isUserCell) {\n            userCellIsNextToExpander = false;\n            userCellsProcessed += 1;\n          }\n          return jsx;\n        })}\n      </>\n    );\n  }\n\n  return null;\n};\n\nexport { Cells };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBjB;AArBN,mBAAmC;AACnC,qBAAiC;AACjC,2CAA8B;AAC9B,oBAAiC;AAGjC,yBAA4B;AAE5B,MAAM,QAID,CAAC,UAAU;AACd,QAAM,EAAE,KAAK,eAAe,cAAc,IAAI;AAC9C,QAAM,oBAAgB,oDAAc,CAAC,UAAU,MAAM,GAAG;AACxD,QAAM,6BAAyB,0BAAY,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC;AAEjE,MAAI,IAAI,SAAS,GAAG;AAClB,QAAI,2BAA2B;AAC/B,QAAI,qBAAqB;AACzB,WACE,2EACG,cAAI,MAAM,IAAI,CAAC,SAAS;AACvB,YAAM,EAAE,OAAO,IAAI;AAEnB,YAAM,aAAa,CAAC,gCAAiB,SAAS,OAAO,EAAE;AAEvD,UAAIA,OAAM;AAEV,UAAI,OAAO,OAAO,cAAc;AAC9B,cAAM,kBAAkB,KAAK;AAC7B,QAAAA,OACE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YAEL;AAAA,YACA;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACE,GAAG;AAAA,gBACJ;AAAA,gBACA;AAAA,gBACA,qBAAqB,cAAc;AAAA;AAAA,YACrC;AAAA;AAAA,UATK,KAAK;AAAA,QAUZ;AAAA,MAEJ,WAAW,OAAO,OAAO,YAAY;AAEnC,mCAA2B,CAAC;AAC5B,QAAAA,OACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,qBAAmB;AAAA,YACnB;AAAA;AAAA,UACK,KAAK;AAAA,QACZ;AAAA,MAEJ,OAAO;AACL,QAAAA,OACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,qBAAqB;AAAA,YACrB,sBAAsB,cAAc;AAAA,YACpC;AAAA;AAAA,UACK,KAAK;AAAA,QACZ;AAAA,MAEJ;AAGA,UAAI,eAAe;AACjB,YAAI,OAAO,OAAO,uBAAuB,CAAC,cAAc,uBAAuB,GAAI,CAAAA,OAAM;AAAA,MAC3F;AAGA,UAAI,YAAY;AACd,mCAA2B;AAC3B,8BAAsB;AAAA,MACxB;AACA,aAAOA;AAAA,IACT,CAAC,GACH;AAAA,EAEJ;AAEA,SAAO;AACT;",
   "names": ["jsx"]
 }