@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

package/dist/primitives/Sortable/components/Item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Item.cjs","sources":["../../../../src/primitives/Sortable/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nexport type SortableItemId = string | number;\n\nexport type SortableListItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    disabled?: boolean;\n    id: SortableItemId;\n    asChild: boolean;\n};\n\nconst isFormElement = (element: HTMLElement) => {\n    const formElementNodeNames = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'FIELDSET'];\n\n    return formElementNodeNames.includes(element.nodeName);\n};\n\nexport function Item(props: SortableListItemProps) {\n    const { asChild, children, disabled = false, id } = props;\n    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ disabled, id });\n\n    const style = {\n        transform: CSS.Transform.toString(transform),\n        transition,\n    };\n\n    const onPointerDown = (event: React.PointerEvent) => {\n        // allow form components, like checkboxes, to be active\n        if (event.currentTarget.contains(event.target as HTMLElement) && !isFormElement(event.target as HTMLElement)) {\n            if (listeners) {\n                listeners.onPointerDown?.(event);\n            }\n        }\n    };\n\n    const elProps = { ...attributes, ...listeners, onPointerDown, ref: setNodeRef, style };\n\n    if (asChild) {\n        return React.cloneElement(children as JSX.Element, elProps);\n    }\n\n    return <div {...elProps}>{children}</div>;\n}\nItem.displayName = 'SortableListItem';\n"],"names":["useSortable","CSS"],"mappings":";;;;;AAYA,MAAM,gBAAgB,CAAC,YAAyB;AAC5C,QAAM,uBAAuB,CAAC,UAAU,SAAS,YAAY,UAAU,UAAU;AAE1E,SAAA,qBAAqB,SAAS,QAAQ,QAAQ;AACzD;AAEO,SAAS,KAAK,OAA8B;AAC/C,QAAM,EAAE,SAAS,UAAU,WAAW,OAAO,OAAO;AAC9C,QAAA,EAAE,YAAY,WAAW,YAAY,WAAW,WAAW,IAAIA,qBAAY,EAAE,UAAU,IAAI;AAEjG,QAAM,QAAQ;AAAA,IACV,WAAWC,UAAA,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,EACJ;AAEM,QAAA,gBAAgB,CAAC,UAA8B;;AAE7C,QAAA,MAAM,cAAc,SAAS,MAAM,MAAqB,KAAK,CAAC,cAAc,MAAM,MAAqB,GAAG;AAC1G,UAAI,WAAW;AACX,wBAAU,kBAAV,mCAA0B;AAAA,MAAK;AAAA,IACnC;AAAA,EAER;AAEM,QAAA,UAAU,EAAE,GAAG,YAAY,GAAG,WAAW,eAAe,KAAK,YAAY,MAAM;AAErF,MAAI,SAAS;AACF,WAAA,MAAM,aAAa,UAAyB,OAAO;AAAA,EAAA;AAG9D,SAAQ,sBAAA,cAAA,OAAA,EAAK,GAAG,QAAA,GAAU,QAAS;AACvC;AACA,KAAK,cAAc;;"}
+{"version":3,"file":"Item.cjs","sources":["../../../../src/primitives/Sortable/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nexport type SortableItemId = string | number;\n\nexport type SortableListItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    disabled?: boolean;\n    id: SortableItemId;\n    asChild: boolean;\n};\n\nconst isFormElement = (element: HTMLElement) => {\n    const formElementNodeNames = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'FIELDSET'];\n\n    return formElementNodeNames.includes(element.nodeName);\n};\n\nexport function Item(props: SortableListItemProps) {\n    const { asChild, children, disabled = false, id } = props;\n    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ disabled, id });\n\n    const style = {\n        transform: CSS.Transform.toString(transform),\n        transition,\n    };\n\n    const onPointerDown = (event: React.PointerEvent) => {\n        // allow form components, like checkboxes, to be active\n        if (event.currentTarget.contains(event.target as HTMLElement) && !isFormElement(event.target as HTMLElement)) {\n            if (listeners) {\n                listeners.onPointerDown?.(event);\n            }\n        }\n    };\n\n    const elProps = { ...attributes, ...listeners, onPointerDown, ref: setNodeRef, style };\n\n    if (asChild) {\n        return React.cloneElement(children as React.JSX.Element, elProps);\n    }\n\n    return <div {...elProps}>{children}</div>;\n}\nItem.displayName = 'SortableListItem';\n"],"names":["useSortable","CSS"],"mappings":";;;;;AAYA,MAAM,gBAAgB,CAAC,YAAyB;AAC5C,QAAM,uBAAuB,CAAC,UAAU,SAAS,YAAY,UAAU,UAAU;AAEjF,SAAO,qBAAqB,SAAS,QAAQ,QAAQ;AACzD;AAEO,SAAS,KAAK,OAA8B;AAC/C,QAAM,EAAE,SAAS,UAAU,WAAW,OAAO,OAAO;AACpD,QAAM,EAAE,YAAY,WAAW,YAAY,WAAW,WAAA,IAAeA,qBAAY,EAAE,UAAU,IAAI;AAEjG,QAAM,QAAQ;AAAA,IACV,WAAWC,UAAAA,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,EAAA;AAGJ,QAAM,gBAAgB,CAAC,UAA8B;AAEjD,QAAI,MAAM,cAAc,SAAS,MAAM,MAAqB,KAAK,CAAC,cAAc,MAAM,MAAqB,GAAG;AAC1G,UAAI,WAAW;AACX,kBAAU,gBAAgB,KAAK;AAAA,MACnC;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,UAAU,EAAE,GAAG,YAAY,GAAG,WAAW,eAAe,KAAK,YAAY,MAAA;AAE/E,MAAI,SAAS;AACT,WAAO,MAAM,aAAa,UAA+B,OAAO;AAAA,EACpE;AAEA,SAAO,sBAAA,cAAC,OAAA,EAAK,GAAG,QAAA,GAAU,QAAS;AACvC;AACA,KAAK,cAAc;;"}

package/dist/primitives/Sortable/components/Item.js

@@ -13,10 +13,9 @@ function Item(props) {
     transition
   };
   const onPointerDown = (event) => {
-    var _a;
     if (event.currentTarget.contains(event.target) && !isFormElement(event.target)) {
       if (listeners) {
-        (_a = listeners.onPointerDown) == null ? void 0 : _a.call(listeners, event);
+        listeners.onPointerDown?.(event);
       }
     }
   };

package/dist/primitives/Sortable/components/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../src/primitives/Sortable/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nexport type SortableItemId = string | number;\n\nexport type SortableListItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    disabled?: boolean;\n    id: SortableItemId;\n    asChild: boolean;\n};\n\nconst isFormElement = (element: HTMLElement) => {\n    const formElementNodeNames = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'FIELDSET'];\n\n    return formElementNodeNames.includes(element.nodeName);\n};\n\nexport function Item(props: SortableListItemProps) {\n    const { asChild, children, disabled = false, id } = props;\n    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ disabled, id });\n\n    const style = {\n        transform: CSS.Transform.toString(transform),\n        transition,\n    };\n\n    const onPointerDown = (event: React.PointerEvent) => {\n        // allow form components, like checkboxes, to be active\n        if (event.currentTarget.contains(event.target as HTMLElement) && !isFormElement(event.target as HTMLElement)) {\n            if (listeners) {\n                listeners.onPointerDown?.(event);\n            }\n        }\n    };\n\n    const elProps = { ...attributes, ...listeners, onPointerDown, ref: setNodeRef, style };\n\n    if (asChild) {\n        return React.cloneElement(children as JSX.Element, elProps);\n    }\n\n    return <div {...elProps}>{children}</div>;\n}\nItem.displayName = 'SortableListItem';\n"],"names":["React"],"mappings":";;;AAYA,MAAM,gBAAgB,CAAC,YAAyB;AAC5C,QAAM,uBAAuB,CAAC,UAAU,SAAS,YAAY,UAAU,UAAU;AAE1E,SAAA,qBAAqB,SAAS,QAAQ,QAAQ;AACzD;AAEO,SAAS,KAAK,OAA8B;AAC/C,QAAM,EAAE,SAAS,UAAU,WAAW,OAAO,OAAO;AAC9C,QAAA,EAAE,YAAY,WAAW,YAAY,WAAW,WAAW,IAAI,YAAY,EAAE,UAAU,IAAI;AAEjG,QAAM,QAAQ;AAAA,IACV,WAAW,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,EACJ;AAEM,QAAA,gBAAgB,CAAC,UAA8B;;AAE7C,QAAA,MAAM,cAAc,SAAS,MAAM,MAAqB,KAAK,CAAC,cAAc,MAAM,MAAqB,GAAG;AAC1G,UAAI,WAAW;AACX,wBAAU,kBAAV,mCAA0B;AAAA,MAAK;AAAA,IACnC;AAAA,EAER;AAEM,QAAA,UAAU,EAAE,GAAG,YAAY,GAAG,WAAW,eAAe,KAAK,YAAY,MAAM;AAErF,MAAI,SAAS;AACF,WAAAA,eAAM,aAAa,UAAyB,OAAO;AAAA,EAAA;AAG9D,SAAQA,+BAAA,cAAA,OAAA,EAAK,GAAG,QAAA,GAAU,QAAS;AACvC;AACA,KAAK,cAAc;"}
+{"version":3,"file":"Item.js","sources":["../../../../src/primitives/Sortable/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nexport type SortableItemId = string | number;\n\nexport type SortableListItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    disabled?: boolean;\n    id: SortableItemId;\n    asChild: boolean;\n};\n\nconst isFormElement = (element: HTMLElement) => {\n    const formElementNodeNames = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'FIELDSET'];\n\n    return formElementNodeNames.includes(element.nodeName);\n};\n\nexport function Item(props: SortableListItemProps) {\n    const { asChild, children, disabled = false, id } = props;\n    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ disabled, id });\n\n    const style = {\n        transform: CSS.Transform.toString(transform),\n        transition,\n    };\n\n    const onPointerDown = (event: React.PointerEvent) => {\n        // allow form components, like checkboxes, to be active\n        if (event.currentTarget.contains(event.target as HTMLElement) && !isFormElement(event.target as HTMLElement)) {\n            if (listeners) {\n                listeners.onPointerDown?.(event);\n            }\n        }\n    };\n\n    const elProps = { ...attributes, ...listeners, onPointerDown, ref: setNodeRef, style };\n\n    if (asChild) {\n        return React.cloneElement(children as React.JSX.Element, elProps);\n    }\n\n    return <div {...elProps}>{children}</div>;\n}\nItem.displayName = 'SortableListItem';\n"],"names":["React"],"mappings":";;;AAYA,MAAM,gBAAgB,CAAC,YAAyB;AAC5C,QAAM,uBAAuB,CAAC,UAAU,SAAS,YAAY,UAAU,UAAU;AAEjF,SAAO,qBAAqB,SAAS,QAAQ,QAAQ;AACzD;AAEO,SAAS,KAAK,OAA8B;AAC/C,QAAM,EAAE,SAAS,UAAU,WAAW,OAAO,OAAO;AACpD,QAAM,EAAE,YAAY,WAAW,YAAY,WAAW,WAAA,IAAe,YAAY,EAAE,UAAU,IAAI;AAEjG,QAAM,QAAQ;AAAA,IACV,WAAW,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,EAAA;AAGJ,QAAM,gBAAgB,CAAC,UAA8B;AAEjD,QAAI,MAAM,cAAc,SAAS,MAAM,MAAqB,KAAK,CAAC,cAAc,MAAM,MAAqB,GAAG;AAC1G,UAAI,WAAW;AACX,kBAAU,gBAAgB,KAAK;AAAA,MACnC;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,UAAU,EAAE,GAAG,YAAY,GAAG,WAAW,eAAe,KAAK,YAAY,MAAA;AAE/E,MAAI,SAAS;AACT,WAAOA,eAAM,aAAa,UAA+B,OAAO;AAAA,EACpE;AAEA,SAAOA,+BAAA,cAAC,OAAA,EAAK,GAAG,QAAA,GAAU,QAAS;AACvC;AACA,KAAK,cAAc;"}

package/dist/primitives/Sortable/components/List.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.cjs","sources":["../../../../src/primitives/Sortable/components/List.tsx"],"sourcesContent":["import React from 'react';\nimport { useDroppable } from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\n\nexport type SortableListProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    id: string;\n};\n\nexport function List(externalProps: SortableListProps) {\n    const { children, id, ...props } = externalProps;\n    const { setNodeRef } = useDroppable({ id });\n    const items = React.Children.toArray(children).map((child: any) => child.props);\n\n    return (\n        <SortableContext id={id} items={items} strategy={verticalListSortingStrategy}>\n            <div {...props} ref={id ? setNodeRef : undefined}>\n                {children}\n            </div>\n        </SortableContext>\n    );\n}\nList.displayName = 'SortableList';\n"],"names":["useDroppable","SortableContext","verticalListSortingStrategy"],"mappings":";;;;;AAQO,SAAS,KAAK,eAAkC;AACnD,QAAM,EAAE,UAAU,IAAI,GAAG,MAAU,IAAA;AACnC,QAAM,EAAE,WAAW,IAAIA,kBAAa,EAAE,IAAI;AACpC,QAAA,QAAQ,MAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,UAAe,MAAM,KAAK;AAE9E,SACK,sBAAA,cAAAC,0BAAA,EAAgB,IAAQ,OAAc,UAAUC,SAC7C,4BAAA,GAAA,sBAAA,cAAC,OAAK,EAAA,GAAG,OAAO,KAAK,KAAK,aAAa,UAClC,QACL,CACJ;AAER;AACA,KAAK,cAAc;;"}
+{"version":3,"file":"List.cjs","sources":["../../../../src/primitives/Sortable/components/List.tsx"],"sourcesContent":["import React from 'react';\nimport { useDroppable } from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\n\nexport type SortableListProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    id: string;\n};\n\nexport function List(externalProps: SortableListProps) {\n    const { children, id, ...props } = externalProps;\n    const { setNodeRef } = useDroppable({ id });\n    const items = React.Children.toArray(children).map((child: any) => child.props);\n\n    return (\n        <SortableContext id={id} items={items} strategy={verticalListSortingStrategy}>\n            <div {...props} ref={id ? setNodeRef : undefined}>\n                {children}\n            </div>\n        </SortableContext>\n    );\n}\nList.displayName = 'SortableList';\n"],"names":["useDroppable","SortableContext","verticalListSortingStrategy"],"mappings":";;;;;AAQO,SAAS,KAAK,eAAkC;AACnD,QAAM,EAAE,UAAU,IAAI,GAAG,UAAU;AACnC,QAAM,EAAE,WAAA,IAAeA,kBAAa,EAAE,IAAI;AAC1C,QAAM,QAAQ,MAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,UAAe,MAAM,KAAK;AAE9E,SACI,sBAAA,cAACC,0BAAA,EAAgB,IAAQ,OAAc,UAAUC,SAAAA,4BAAA,GAC7C,sBAAA,cAAC,OAAA,EAAK,GAAG,OAAO,KAAK,KAAK,aAAa,UAClC,QACL,CACJ;AAER;AACA,KAAK,cAAc;;"}

package/dist/primitives/Sortable/components/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/primitives/Sortable/components/List.tsx"],"sourcesContent":["import React from 'react';\nimport { useDroppable } from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\n\nexport type SortableListProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    id: string;\n};\n\nexport function List(externalProps: SortableListProps) {\n    const { children, id, ...props } = externalProps;\n    const { setNodeRef } = useDroppable({ id });\n    const items = React.Children.toArray(children).map((child: any) => child.props);\n\n    return (\n        <SortableContext id={id} items={items} strategy={verticalListSortingStrategy}>\n            <div {...props} ref={id ? setNodeRef : undefined}>\n                {children}\n            </div>\n        </SortableContext>\n    );\n}\nList.displayName = 'SortableList';\n"],"names":["React"],"mappings":";;;AAQO,SAAS,KAAK,eAAkC;AACnD,QAAM,EAAE,UAAU,IAAI,GAAG,MAAU,IAAA;AACnC,QAAM,EAAE,WAAW,IAAI,aAAa,EAAE,IAAI;AACpC,QAAA,QAAQA,eAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,UAAe,MAAM,KAAK;AAE9E,SACKA,+BAAA,cAAA,iBAAA,EAAgB,IAAQ,OAAc,UAAU,4BAC7C,GAAAA,+BAAA,cAAC,OAAK,EAAA,GAAG,OAAO,KAAK,KAAK,aAAa,UAClC,QACL,CACJ;AAER;AACA,KAAK,cAAc;"}
+{"version":3,"file":"List.js","sources":["../../../../src/primitives/Sortable/components/List.tsx"],"sourcesContent":["import React from 'react';\nimport { useDroppable } from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\n\nexport type SortableListProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    id: string;\n};\n\nexport function List(externalProps: SortableListProps) {\n    const { children, id, ...props } = externalProps;\n    const { setNodeRef } = useDroppable({ id });\n    const items = React.Children.toArray(children).map((child: any) => child.props);\n\n    return (\n        <SortableContext id={id} items={items} strategy={verticalListSortingStrategy}>\n            <div {...props} ref={id ? setNodeRef : undefined}>\n                {children}\n            </div>\n        </SortableContext>\n    );\n}\nList.displayName = 'SortableList';\n"],"names":["React"],"mappings":";;;AAQO,SAAS,KAAK,eAAkC;AACnD,QAAM,EAAE,UAAU,IAAI,GAAG,UAAU;AACnC,QAAM,EAAE,WAAA,IAAe,aAAa,EAAE,IAAI;AAC1C,QAAM,QAAQA,eAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,UAAe,MAAM,KAAK;AAE9E,SACIA,+BAAA,cAAC,iBAAA,EAAgB,IAAQ,OAAc,UAAU,4BAAA,GAC7CA,+BAAA,cAAC,OAAA,EAAK,GAAG,OAAO,KAAK,KAAK,aAAa,UAClC,QACL,CACJ;AAER;AACA,KAAK,cAAc;"}

package/dist/primitives/Table/Core/Table.cjs

@@ -28,7 +28,6 @@ function getEmptyStateReason(table) {
   return null;
 }
 function TableGrid(props) {
-  var _a;
   const { enableHorizontalArrowKeyNavigation, footerRows, table, ...attributes } = props;
   const handleFocus = table.meta.rowActive.rowActiveIndex === void 0 ? (event) => {
     table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);
@@ -41,7 +40,7 @@ function TableGrid(props) {
       id: table.id,
       "aria-owns": `${table.id}-toolbar`,
       "data-table-font-size": table.meta.fontSize.size,
-      "data-table-grouped": !!((_a = table.state.grouping) == null ? void 0 : _a.length),
+      "data-table-grouped": !!table.state.grouping?.length,
       "data-table-horizontally-scrolled": table.meta.columnFreezing.isHorizontallyScrolled ? true : void 0,
       "data-table-status": table.meta.server.isEnabled ? table.meta.server.isReady ? "ready" : void 0 : "ready",
       "data-table-pause-hover": table.meta.rowActive.isHoverStatePaused ? true : void 0,

package/dist/primitives/Table/Core/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","sources":["../../../../src/primitives/Table/Core/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Header } from './components/Header/Header';\nimport { Body } from './components/Body/Body';\nimport { Foot } from './components/Footer/Footer';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { useTableReturnValue } from './useTable';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport { TableEmptyStateReason } from '../types';\nimport { ROW_HEIGHT_ESTIMATES } from './util/rows';\nimport './style.css';\n\ntype TableProps = {\n    children: JSX.Element | Array<JSX.Element | null>;\n};\n\nexport function Table(props: TableProps) {\n    return <>{props.children}</>;\n}\nTable.Toolbar = TableToolbar;\nTable.Grid = TableGrid;\n\nexport type TableGridProps<TType = unknown> = React.TableHTMLAttributes<HTMLTableElement> & {\n    'data-taco': string;\n    enableHorizontalArrowKeyNavigation?: boolean;\n    footerRows?: null | JSX.Element | JSX.Element[];\n    table: useTableReturnValue<TType>;\n};\n\nfunction getEmptyStateReason<TType = unknown>(table: useTableReturnValue<TType>): TableEmptyStateReason | null {\n    if (table.instance.getFilteredRowModel().rows.length === 0 && table.instance.getCoreRowModel().rows.length !== 0) {\n        const state = table.instance.getState();\n\n        if (table.meta.search.enableGlobalFilter && !!state.globalFilter) {\n            return 'searching';\n        }\n\n        return 'filtering';\n    }\n    if (table.instance.getCoreRowModel().rows.length === 0) {\n        return 'empty';\n    }\n\n    return null;\n}\n\nexport function TableGrid<TType = unknown>(props: TableGridProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation, footerRows, table, ...attributes } = props;\n    const handleFocus =\n        table.meta.rowActive.rowActiveIndex === undefined\n            ? (event: React.FocusEvent) => {\n                  table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);\n              }\n            : undefined;\n    const emptyStateReason = getEmptyStateReason(table);\n\n    return (\n        <>\n            <style>{table.stylesheet}</style>\n            <FocusScope>\n                <table\n                    {...attributes}\n                    id={table.id}\n                    aria-owns={`${table.id}-toolbar`}\n                    data-table-font-size={table.meta.fontSize.size}\n                    data-table-grouped={!!table.state.grouping?.length}\n                    data-table-horizontally-scrolled={table.meta.columnFreezing.isHorizontallyScrolled ? true : undefined}\n                    data-table-status={table.meta.server.isEnabled ? (table.meta.server.isReady ? 'ready' : undefined) : 'ready'}\n                    data-table-pause-hover={table.meta.rowActive.isHoverStatePaused ? true : undefined}\n                    data-table-resizing={table.state.columnSizingInfo.isResizingColumn ? true : undefined}\n                    data-table-row-height={table.meta.rowHeight.height}\n                    onFocus={handleFocus}\n                    onScroll={table.meta.columnFreezing.handleScroll}\n                    ref={table.ref}\n                    style={table.style}\n                    tabIndex={-1}>\n                    <thead>\n                        {table.instance.getHeaderGroups().map(headerGroup => (\n                            <tr key={headerGroup.id}>\n                                {headerGroup.headers.map(props => (\n                                    <Header key={props.id} header={props} scrollToIndex={table.renderer.scrollToIndex} />\n                                ))}\n                            </tr>\n                        ))}\n                    </thead>\n                    {emptyStateReason ? (\n                        <EmptyStateBody\n                            emptyState={props.table.props.emptyState}\n                            isReady={table.meta.server.isEnabled ? table.meta.server.isReady : true}\n                            reason={emptyStateReason}\n                        />\n                    ) : (\n                        <>\n                            <Body\n                                enableHorizontalArrowKeyNavigation={enableHorizontalArrowKeyNavigation}\n                                table={table.instance}\n                                tableElement={table.ref.current}\n                                scrollToIndex={table.renderer.scrollToIndex}\n                                style={\n                                    props.children\n                                        ? {\n                                              ...table.renderer.style,\n                                              height:\n                                                  (table.renderer.style.height as number) +\n                                                  // A helper row, which contains the \"New\" row button, always has a fixed height which is ROW_HEIGHT_ESTIMATES.medium\n                                                  ROW_HEIGHT_ESTIMATES.medium,\n                                          }\n                                        : table.renderer.style\n                                }>\n                                {table.renderer.rows}\n                                {props.children}\n                            </Body>\n                            {table.meta.footer.isEnabled ? <Foot table={table.instance}>{footerRows}</Foot> : null}\n                        </>\n                    )}\n                </table>\n            </FocusScope>\n        </>\n    );\n}\n"],"names":["TableToolbar","FocusScope","props","Header","EmptyStateBody","Body","ROW_HEIGHT_ESTIMATES","Foot"],"mappings":"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"}
+{"version":3,"file":"Table.cjs","sources":["../../../../src/primitives/Table/Core/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Header } from './components/Header/Header';\nimport { Body } from './components/Body/Body';\nimport { Foot } from './components/Footer/Footer';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { useTableReturnValue } from './useTable';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport { TableEmptyStateReason } from '../types';\nimport { ROW_HEIGHT_ESTIMATES } from './util/rows';\nimport './style.css';\n\ntype TableProps = {\n    children: React.JSX.Element | Array<React.JSX.Element | null>;\n};\n\nexport function Table(props: TableProps) {\n    return <>{props.children}</>;\n}\nTable.Toolbar = TableToolbar;\nTable.Grid = TableGrid;\n\nexport type TableGridProps<TType = unknown> = React.TableHTMLAttributes<HTMLTableElement> & {\n    'data-taco': string;\n    enableHorizontalArrowKeyNavigation?: boolean;\n    footerRows?: null | React.JSX.Element | React.JSX.Element[];\n    table: useTableReturnValue<TType>;\n};\n\nfunction getEmptyStateReason<TType = unknown>(table: useTableReturnValue<TType>): TableEmptyStateReason | null {\n    if (table.instance.getFilteredRowModel().rows.length === 0 && table.instance.getCoreRowModel().rows.length !== 0) {\n        const state = table.instance.getState();\n\n        if (table.meta.search.enableGlobalFilter && !!state.globalFilter) {\n            return 'searching';\n        }\n\n        return 'filtering';\n    }\n    if (table.instance.getCoreRowModel().rows.length === 0) {\n        return 'empty';\n    }\n\n    return null;\n}\n\nexport function TableGrid<TType = unknown>(props: TableGridProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation, footerRows, table, ...attributes } = props;\n    const handleFocus =\n        table.meta.rowActive.rowActiveIndex === undefined\n            ? (event: React.FocusEvent) => {\n                  table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);\n              }\n            : undefined;\n    const emptyStateReason = getEmptyStateReason(table);\n\n    return (\n        <>\n            <style>{table.stylesheet}</style>\n            <FocusScope>\n                <table\n                    {...attributes}\n                    id={table.id}\n                    aria-owns={`${table.id}-toolbar`}\n                    data-table-font-size={table.meta.fontSize.size}\n                    data-table-grouped={!!table.state.grouping?.length}\n                    data-table-horizontally-scrolled={table.meta.columnFreezing.isHorizontallyScrolled ? true : undefined}\n                    data-table-status={table.meta.server.isEnabled ? (table.meta.server.isReady ? 'ready' : undefined) : 'ready'}\n                    data-table-pause-hover={table.meta.rowActive.isHoverStatePaused ? true : undefined}\n                    data-table-resizing={table.state.columnSizingInfo.isResizingColumn ? true : undefined}\n                    data-table-row-height={table.meta.rowHeight.height}\n                    onFocus={handleFocus}\n                    onScroll={table.meta.columnFreezing.handleScroll}\n                    ref={table.ref}\n                    style={table.style}\n                    tabIndex={-1}>\n                    <thead>\n                        {table.instance.getHeaderGroups().map(headerGroup => (\n                            <tr key={headerGroup.id}>\n                                {headerGroup.headers.map(props => (\n                                    <Header key={props.id} header={props} scrollToIndex={table.renderer.scrollToIndex} />\n                                ))}\n                            </tr>\n                        ))}\n                    </thead>\n                    {emptyStateReason ? (\n                        <EmptyStateBody\n                            emptyState={props.table.props.emptyState}\n                            isReady={table.meta.server.isEnabled ? table.meta.server.isReady : true}\n                            reason={emptyStateReason}\n                        />\n                    ) : (\n                        <>\n                            <Body\n                                enableHorizontalArrowKeyNavigation={enableHorizontalArrowKeyNavigation}\n                                table={table.instance}\n                                tableElement={table.ref.current}\n                                scrollToIndex={table.renderer.scrollToIndex}\n                                style={\n                                    props.children\n                                        ? {\n                                              ...table.renderer.style,\n                                              height:\n                                                  (table.renderer.style.height as number) +\n                                                  // A helper row, which contains the \"New\" row button, always has a fixed height which is ROW_HEIGHT_ESTIMATES.medium\n                                                  ROW_HEIGHT_ESTIMATES.medium,\n                                          }\n                                        : table.renderer.style\n                                }>\n                                {table.renderer.rows}\n                                {props.children}\n                            </Body>\n                            {table.meta.footer.isEnabled ? <Foot table={table.instance}>{footerRows}</Foot> : null}\n                        </>\n                    )}\n                </table>\n            </FocusScope>\n        </>\n    );\n}\n"],"names":["TableToolbar","FocusScope","props","Header","EmptyStateBody","Body","ROW_HEIGHT_ESTIMATES","Foot"],"mappings":"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"}

package/dist/primitives/Table/Core/Table.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { useTableReturnValue } from './useTable';
 import { TableToolbar } from './components/Toolbar/Toolbar';
 type TableProps = {
-    children: JSX.Element | Array<JSX.Element | null>;
+    children: React.JSX.Element | Array<React.JSX.Element | null>;
 };
 export declare function Table(props: TableProps): React.JSX.Element;
 export declare namespace Table {
@@ -12,7 +12,7 @@ export declare namespace Table {
 export type TableGridProps<TType = unknown> = React.TableHTMLAttributes<HTMLTableElement> & {
     'data-taco': string;
     enableHorizontalArrowKeyNavigation?: boolean;
-    footerRows?: null | JSX.Element | JSX.Element[];
+    footerRows?: null | React.JSX.Element | React.JSX.Element[];
     table: useTableReturnValue<TType>;
 };
 export declare function TableGrid<TType = unknown>(props: TableGridProps<TType>): React.JSX.Element;

package/dist/primitives/Table/Core/Table.js

@@ -26,7 +26,6 @@ function getEmptyStateReason(table) {
   return null;
 }
 function TableGrid(props) {
-  var _a;
   const { enableHorizontalArrowKeyNavigation, footerRows, table, ...attributes } = props;
   const handleFocus = table.meta.rowActive.rowActiveIndex === void 0 ? (event) => {
     table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);
@@ -39,7 +38,7 @@ function TableGrid(props) {
       id: table.id,
       "aria-owns": `${table.id}-toolbar`,
       "data-table-font-size": table.meta.fontSize.size,
-      "data-table-grouped": !!((_a = table.state.grouping) == null ? void 0 : _a.length),
+      "data-table-grouped": !!table.state.grouping?.length,
       "data-table-horizontally-scrolled": table.meta.columnFreezing.isHorizontallyScrolled ? true : void 0,
       "data-table-status": table.meta.server.isEnabled ? table.meta.server.isReady ? "ready" : void 0 : "ready",
       "data-table-pause-hover": table.meta.rowActive.isHoverStatePaused ? true : void 0,

package/dist/primitives/Table/Core/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/primitives/Table/Core/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Header } from './components/Header/Header';\nimport { Body } from './components/Body/Body';\nimport { Foot } from './components/Footer/Footer';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { useTableReturnValue } from './useTable';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport { TableEmptyStateReason } from '../types';\nimport { ROW_HEIGHT_ESTIMATES } from './util/rows';\nimport './style.css';\n\ntype TableProps = {\n    children: JSX.Element | Array<JSX.Element | null>;\n};\n\nexport function Table(props: TableProps) {\n    return <>{props.children}</>;\n}\nTable.Toolbar = TableToolbar;\nTable.Grid = TableGrid;\n\nexport type TableGridProps<TType = unknown> = React.TableHTMLAttributes<HTMLTableElement> & {\n    'data-taco': string;\n    enableHorizontalArrowKeyNavigation?: boolean;\n    footerRows?: null | JSX.Element | JSX.Element[];\n    table: useTableReturnValue<TType>;\n};\n\nfunction getEmptyStateReason<TType = unknown>(table: useTableReturnValue<TType>): TableEmptyStateReason | null {\n    if (table.instance.getFilteredRowModel().rows.length === 0 && table.instance.getCoreRowModel().rows.length !== 0) {\n        const state = table.instance.getState();\n\n        if (table.meta.search.enableGlobalFilter && !!state.globalFilter) {\n            return 'searching';\n        }\n\n        return 'filtering';\n    }\n    if (table.instance.getCoreRowModel().rows.length === 0) {\n        return 'empty';\n    }\n\n    return null;\n}\n\nexport function TableGrid<TType = unknown>(props: TableGridProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation, footerRows, table, ...attributes } = props;\n    const handleFocus =\n        table.meta.rowActive.rowActiveIndex === undefined\n            ? (event: React.FocusEvent) => {\n                  table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);\n              }\n            : undefined;\n    const emptyStateReason = getEmptyStateReason(table);\n\n    return (\n        <>\n            <style>{table.stylesheet}</style>\n            <FocusScope>\n                <table\n                    {...attributes}\n                    id={table.id}\n                    aria-owns={`${table.id}-toolbar`}\n                    data-table-font-size={table.meta.fontSize.size}\n                    data-table-grouped={!!table.state.grouping?.length}\n                    data-table-horizontally-scrolled={table.meta.columnFreezing.isHorizontallyScrolled ? true : undefined}\n                    data-table-status={table.meta.server.isEnabled ? (table.meta.server.isReady ? 'ready' : undefined) : 'ready'}\n                    data-table-pause-hover={table.meta.rowActive.isHoverStatePaused ? true : undefined}\n                    data-table-resizing={table.state.columnSizingInfo.isResizingColumn ? true : undefined}\n                    data-table-row-height={table.meta.rowHeight.height}\n                    onFocus={handleFocus}\n                    onScroll={table.meta.columnFreezing.handleScroll}\n                    ref={table.ref}\n                    style={table.style}\n                    tabIndex={-1}>\n                    <thead>\n                        {table.instance.getHeaderGroups().map(headerGroup => (\n                            <tr key={headerGroup.id}>\n                                {headerGroup.headers.map(props => (\n                                    <Header key={props.id} header={props} scrollToIndex={table.renderer.scrollToIndex} />\n                                ))}\n                            </tr>\n                        ))}\n                    </thead>\n                    {emptyStateReason ? (\n                        <EmptyStateBody\n                            emptyState={props.table.props.emptyState}\n                            isReady={table.meta.server.isEnabled ? table.meta.server.isReady : true}\n                            reason={emptyStateReason}\n                        />\n                    ) : (\n                        <>\n                            <Body\n                                enableHorizontalArrowKeyNavigation={enableHorizontalArrowKeyNavigation}\n                                table={table.instance}\n                                tableElement={table.ref.current}\n                                scrollToIndex={table.renderer.scrollToIndex}\n                                style={\n                                    props.children\n                                        ? {\n                                              ...table.renderer.style,\n                                              height:\n                                                  (table.renderer.style.height as number) +\n                                                  // A helper row, which contains the \"New\" row button, always has a fixed height which is ROW_HEIGHT_ESTIMATES.medium\n                                                  ROW_HEIGHT_ESTIMATES.medium,\n                                          }\n                                        : table.renderer.style\n                                }>\n                                {table.renderer.rows}\n                                {props.children}\n                            </Body>\n                            {table.meta.footer.isEnabled ? <Foot table={table.instance}>{footerRows}</Foot> : null}\n                        </>\n                    )}\n                </table>\n            </FocusScope>\n        </>\n    );\n}\n"],"names":["React","props"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../../src/primitives/Table/Core/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Header } from './components/Header/Header';\nimport { Body } from './components/Body/Body';\nimport { Foot } from './components/Footer/Footer';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { useTableReturnValue } from './useTable';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport { TableEmptyStateReason } from '../types';\nimport { ROW_HEIGHT_ESTIMATES } from './util/rows';\nimport './style.css';\n\ntype TableProps = {\n    children: React.JSX.Element | Array<React.JSX.Element | null>;\n};\n\nexport function Table(props: TableProps) {\n    return <>{props.children}</>;\n}\nTable.Toolbar = TableToolbar;\nTable.Grid = TableGrid;\n\nexport type TableGridProps<TType = unknown> = React.TableHTMLAttributes<HTMLTableElement> & {\n    'data-taco': string;\n    enableHorizontalArrowKeyNavigation?: boolean;\n    footerRows?: null | React.JSX.Element | React.JSX.Element[];\n    table: useTableReturnValue<TType>;\n};\n\nfunction getEmptyStateReason<TType = unknown>(table: useTableReturnValue<TType>): TableEmptyStateReason | null {\n    if (table.instance.getFilteredRowModel().rows.length === 0 && table.instance.getCoreRowModel().rows.length !== 0) {\n        const state = table.instance.getState();\n\n        if (table.meta.search.enableGlobalFilter && !!state.globalFilter) {\n            return 'searching';\n        }\n\n        return 'filtering';\n    }\n    if (table.instance.getCoreRowModel().rows.length === 0) {\n        return 'empty';\n    }\n\n    return null;\n}\n\nexport function TableGrid<TType = unknown>(props: TableGridProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation, footerRows, table, ...attributes } = props;\n    const handleFocus =\n        table.meta.rowActive.rowActiveIndex === undefined\n            ? (event: React.FocusEvent) => {\n                  table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);\n              }\n            : undefined;\n    const emptyStateReason = getEmptyStateReason(table);\n\n    return (\n        <>\n            <style>{table.stylesheet}</style>\n            <FocusScope>\n                <table\n                    {...attributes}\n                    id={table.id}\n                    aria-owns={`${table.id}-toolbar`}\n                    data-table-font-size={table.meta.fontSize.size}\n                    data-table-grouped={!!table.state.grouping?.length}\n                    data-table-horizontally-scrolled={table.meta.columnFreezing.isHorizontallyScrolled ? true : undefined}\n                    data-table-status={table.meta.server.isEnabled ? (table.meta.server.isReady ? 'ready' : undefined) : 'ready'}\n                    data-table-pause-hover={table.meta.rowActive.isHoverStatePaused ? true : undefined}\n                    data-table-resizing={table.state.columnSizingInfo.isResizingColumn ? true : undefined}\n                    data-table-row-height={table.meta.rowHeight.height}\n                    onFocus={handleFocus}\n                    onScroll={table.meta.columnFreezing.handleScroll}\n                    ref={table.ref}\n                    style={table.style}\n                    tabIndex={-1}>\n                    <thead>\n                        {table.instance.getHeaderGroups().map(headerGroup => (\n                            <tr key={headerGroup.id}>\n                                {headerGroup.headers.map(props => (\n                                    <Header key={props.id} header={props} scrollToIndex={table.renderer.scrollToIndex} />\n                                ))}\n                            </tr>\n                        ))}\n                    </thead>\n                    {emptyStateReason ? (\n                        <EmptyStateBody\n                            emptyState={props.table.props.emptyState}\n                            isReady={table.meta.server.isEnabled ? table.meta.server.isReady : true}\n                            reason={emptyStateReason}\n                        />\n                    ) : (\n                        <>\n                            <Body\n                                enableHorizontalArrowKeyNavigation={enableHorizontalArrowKeyNavigation}\n                                table={table.instance}\n                                tableElement={table.ref.current}\n                                scrollToIndex={table.renderer.scrollToIndex}\n                                style={\n                                    props.children\n                                        ? {\n                                              ...table.renderer.style,\n                                              height:\n                                                  (table.renderer.style.height as number) +\n                                                  // A helper row, which contains the \"New\" row button, always has a fixed height which is ROW_HEIGHT_ESTIMATES.medium\n                                                  ROW_HEIGHT_ESTIMATES.medium,\n                                          }\n                                        : table.renderer.style\n                                }>\n                                {table.renderer.rows}\n                                {props.children}\n                            </Body>\n                            {table.meta.footer.isEnabled ? <Foot table={table.instance}>{footerRows}</Foot> : null}\n                        </>\n                    )}\n                </table>\n            </FocusScope>\n        </>\n    );\n}\n"],"names":["React","props"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Body/Body.cjs

@@ -11,8 +11,7 @@ function Body(props) {
   const focusManager = util.useAugmentedFocusManager();
   const tableMeta = table.options.meta;
   const handleKeyDown = (event) => {
-    var _a;
-    const isEventTriggeredInsideTable = ((_a = event.target) == null ? void 0 : _a.closest("tbody")) === ref.current;
+    const isEventTriggeredInsideTable = event.target?.closest("tbody") === ref.current;
     if (event.isDefaultPrevented() || event.isPropagationStopped() || !isEventTriggeredInsideTable) {
       return;
     }
@@ -69,16 +68,15 @@ function Body(props) {
   };
   const handleMouseMove = React.useCallback(
     (event) => {
-      var _a, _b;
       if (!(event.target instanceof HTMLElement)) {
         return;
       }
-      const currentTable = (_a = ref.current) == null ? void 0 : _a.closest("table");
+      const currentTable = ref.current?.closest("table");
       const targetTable = event.target.closest("table");
       if (targetTable !== currentTable) {
         return;
       }
-      const rowIndex = (_b = event.target.closest("tr[data-row-id]")) == null ? void 0 : _b.getAttribute("data-row-index");
+      const rowIndex = event.target.closest("tr[data-row-id]")?.getAttribute("data-row-index");
       if (!rowIndex) {
         tableMeta.rowActive.setRowHoverIndex(void 0);
         return;

package/dist/primitives/Table/Core/components/Body/Body.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Body.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Body/Body.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from './util';\nimport { hasFocusableElement } from '../../../../../utils/dom';\nimport { isPressingMetaKey } from '../../../../../utils/keyboard';\nimport { TableRef } from '../../../types';\nimport { getReachableRowCount } from '../../../useTableManager/util/rows';\n\ntype BodyProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    enableHorizontalArrowKeyNavigation?: boolean;\n    scrollToIndex: (index: number) => void;\n    table: ReactTable<TType>;\n    tableElement: TableRef | null;\n};\n\nexport function Body<TType = unknown>(props: BodyProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation = false, scrollToIndex, table, tableElement, ...attributes } = props;\n    const ref = React.useRef<HTMLTableSectionElement>(null);\n    const focusManager = useAugmentedFocusManager();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        const isEventTriggeredInsideTable = (event.target as HTMLElement)?.closest('tbody') === ref.current; // this prevents the handler from running when a dialog is opened from within the table (unless the table itself is in a dialog).\n\n        if (event.isDefaultPrevented() || event.isPropagationStopped() || !isEventTriggeredInsideTable) {\n            return;\n        }\n\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;\n\n            const reachableRows = getReachableRowCount(table);\n            const isLastRow = tableMeta.rowActive.rowActiveIndex === reachableRows - 1;\n\n            if (\n                event.key === 'Tab' ||\n                (enableHorizontalArrowKeyNavigation && (event.key === 'ArrowLeft' || event.key === 'ArrowRight'))\n            ) {\n                if (event.key === 'Tab' && !hasFocusableElement((event.target as HTMLElement).closest('tr[data-row-id]'))) {\n                    return;\n                }\n\n                tableMeta.rowActive.setHoverStatePaused(true);\n\n                const isMetaKeyPressed = isPressingMetaKey(event);\n                let focusedElement;\n\n                switch (event.key) {\n                    case 'ArrowLeft':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusFirst() : focusManager.focusPrevious(true);\n                        break;\n                    case 'ArrowRight':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusLast() : focusManager.focusNext(true);\n\n                        // Scrolls table all the way to the right\n                        if (isMetaKeyPressed && tableElement) {\n                            tableElement.scrollLeft = tableElement.scrollWidth;\n                        }\n\n                        break;\n                    default:\n                        focusedElement = event.shiftKey ? focusManager.focusPrevious() : focusManager.focusNext();\n                        break;\n                }\n\n                if (focusedElement) {\n                    // override default behaviour, since we're handling focus internally now\n                    event.preventDefault();\n                    return;\n                }\n\n                // The code below only executes when focusedElement was undefined/null. This happens only when arrow-left/shift+tab\n                // is pressed on the first cell or arrow-right/tab is pressed on the last cell.\n                if (event.shiftKey || event.key === 'ArrowLeft') {\n                    if (!isFirstRow) {\n                        // there are no previous elements to focus, go up a row or go outside the table\n                        // but only if there are actually any focusable elements in the row\n                        event.preventDefault();\n                        const prevIndex = tableMeta.rowActive.rowActiveIndex - 1;\n                        tableMeta.rowActive.setRowActiveIndex(prevIndex);\n                        requestAnimationFrame(() => {\n                            focusManager.focusLast();\n                            scrollToIndex(prevIndex);\n                        });\n                    }\n                } else if (!isLastRow) {\n                    // there are no next elements to focus, go down a row or go outside the table\n                    // but only if there are actually any focusable elements in the row\n                    event.preventDefault();\n                    const nextIndex = tableMeta.rowActive.rowActiveIndex + 1;\n                    tableMeta.rowActive.setRowActiveIndex(nextIndex);\n                    requestAnimationFrame(() => {\n                        focusManager.focusFirst();\n                        scrollToIndex(nextIndex);\n                    });\n                }\n            }\n        }\n    };\n    const handleMouseMove = React.useCallback(\n        (event: React.MouseEvent<HTMLTableSectionElement>) => {\n            if (!(event.target instanceof HTMLElement)) {\n                return;\n            }\n\n            const currentTable = ref.current?.closest('table');\n            const targetTable = event.target.closest('table');\n\n            // If we're in a different table context, don't handle the event\n            if (targetTable !== currentTable) {\n                return;\n            }\n\n            const rowIndex = event.target.closest('tr[data-row-id]')?.getAttribute('data-row-index');\n\n            // Clear hover state if no valid row found, handles expanded section case too\n            if (!rowIndex) {\n                tableMeta.rowActive.setRowHoverIndex(undefined);\n                return;\n            }\n\n            tableMeta.rowActive.setRowHoverIndex(Number(rowIndex));\n        },\n        [ref]\n    );\n\n    // Sometimes this event does not trigger if the mouse leaves the window without leaving boundary of the table\n    // this is a browser level bug and there's not much to be done about it\n    const handleMouseLeave = React.useCallback(() => tableMeta.rowActive.setRowHoverIndex(undefined), []);\n\n    return (\n        <tbody\n            {...attributes}\n            onKeyDown={handleKeyDown}\n            onMouseLeave={handleMouseLeave}\n            onMouseMove={handleMouseMove}\n            // Prevents menu dropdowns inside the row from being closed straight after being opened, wehn clicked on a menu trigger\n            onFocus={e => e.stopPropagation()}\n            ref={ref}\n        />\n    );\n}\n"],"names":["useAugmentedFocusManager","getReachableRowCount","hasFocusableElement","isPressingMetaKey"],"mappings":";;;;;;;AAeO,SAAS,KAAsB,OAAyB;AACrD,QAAA,EAAE,qCAAqC,OAAO,eAAe,OAAO,cAAc,GAAG,eAAe;AACpG,QAAA,MAAM,MAAM,OAAgC,IAAI;AACtD,QAAM,eAAeA,KAAAA,yBAAyB;AACxC,QAAA,YAAY,MAAM,QAAQ;AAE1B,QAAA,gBAAgB,CAAC,UAA+B;;AAClD,UAAM,gCAA+B,WAAM,WAAN,mBAA8B,QAAQ,cAAa,IAAI;AAE5F,QAAI,MAAM,mBAAmB,KAAK,MAAM,qBAAqB,KAAK,CAAC,6BAA6B;AAC5F;AAAA,IAAA;AAGA,QAAA,UAAU,UAAU,mBAAmB,QAAW;AAC5C,YAAA,aAAa,UAAU,UAAU,mBAAmB;AAEpD,YAAA,gBAAgBC,0BAAqB,KAAK;AAChD,YAAM,YAAY,UAAU,UAAU,mBAAmB,gBAAgB;AAGrE,UAAA,MAAM,QAAQ,SACb,uCAAuC,MAAM,QAAQ,eAAe,MAAM,QAAQ,eACrF;AACM,YAAA,MAAM,QAAQ,SAAS,CAACC,IAAAA,oBAAqB,MAAM,OAAuB,QAAQ,iBAAiB,CAAC,GAAG;AACvG;AAAA,QAAA;AAGM,kBAAA,UAAU,oBAAoB,IAAI;AAEtC,cAAA,mBAAmBC,2BAAkB,KAAK;AAC5C,YAAA;AAEJ,gBAAQ,MAAM,KAAK;AAAA,UACf,KAAK;AACD,6BAAiB,mBAAmB,aAAa,WAAe,IAAA,aAAa,cAAc,IAAI;AAC/F;AAAA,UACJ,KAAK;AACD,6BAAiB,mBAAmB,aAAa,UAAc,IAAA,aAAa,UAAU,IAAI;AAG1F,gBAAI,oBAAoB,cAAc;AAClC,2BAAa,aAAa,aAAa;AAAA,YAAA;AAG3C;AAAA,UACJ;AACI,6BAAiB,MAAM,WAAW,aAAa,cAAc,IAAI,aAAa,UAAU;AACxF;AAAA,QAAA;AAGR,YAAI,gBAAgB;AAEhB,gBAAM,eAAe;AACrB;AAAA,QAAA;AAKJ,YAAI,MAAM,YAAY,MAAM,QAAQ,aAAa;AAC7C,cAAI,CAAC,YAAY;AAGb,kBAAM,eAAe;AACf,kBAAA,YAAY,UAAU,UAAU,iBAAiB;AAC7C,sBAAA,UAAU,kBAAkB,SAAS;AAC/C,kCAAsB,MAAM;AACxB,2BAAa,UAAU;AACvB,4BAAc,SAAS;AAAA,YAAA,CAC1B;AAAA,UAAA;AAAA,QACL,WACO,CAAC,WAAW;AAGnB,gBAAM,eAAe;AACf,gBAAA,YAAY,UAAU,UAAU,iBAAiB;AAC7C,oBAAA,UAAU,kBAAkB,SAAS;AAC/C,gCAAsB,MAAM;AACxB,yBAAa,WAAW;AACxB,0BAAc,SAAS;AAAA,UAAA,CAC1B;AAAA,QAAA;AAAA,MACL;AAAA,IACJ;AAAA,EAER;AACA,QAAM,kBAAkB,MAAM;AAAA,IAC1B,CAAC,UAAqD;;AAC9C,UAAA,EAAE,MAAM,kBAAkB,cAAc;AACxC;AAAA,MAAA;AAGJ,YAAM,gBAAe,SAAI,YAAJ,mBAAa,QAAQ;AAC1C,YAAM,cAAc,MAAM,OAAO,QAAQ,OAAO;AAGhD,UAAI,gBAAgB,cAAc;AAC9B;AAAA,MAAA;AAGJ,YAAM,YAAW,WAAM,OAAO,QAAQ,iBAAiB,MAAtC,mBAAyC,aAAa;AAGvE,UAAI,CAAC,UAAU;AACD,kBAAA,UAAU,iBAAiB,MAAS;AAC9C;AAAA,MAAA;AAGJ,gBAAU,UAAU,iBAAiB,OAAO,QAAQ,CAAC;AAAA,IACzD;AAAA,IACA,CAAC,GAAG;AAAA,EACR;AAIM,QAAA,mBAAmB,MAAM,YAAY,MAAM,UAAU,UAAU,iBAAiB,MAAS,GAAG,EAAE;AAGhG,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW;AAAA,MACX,cAAc;AAAA,MACd,aAAa;AAAA,MAEb,SAAS,CAAK,MAAA,EAAE,gBAAgB;AAAA,MAChC;AAAA,IAAA;AAAA,EACJ;AAER;;"}
+{"version":3,"file":"Body.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Body/Body.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from './util';\nimport { hasFocusableElement } from '../../../../../utils/dom';\nimport { isPressingMetaKey } from '../../../../../utils/keyboard';\nimport { TableRef } from '../../../types';\nimport { getReachableRowCount } from '../../../useTableManager/util/rows';\n\ntype BodyProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    enableHorizontalArrowKeyNavigation?: boolean;\n    scrollToIndex: (index: number) => void;\n    table: ReactTable<TType>;\n    tableElement: TableRef | null;\n};\n\nexport function Body<TType = unknown>(props: BodyProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation = false, scrollToIndex, table, tableElement, ...attributes } = props;\n    const ref = React.useRef<HTMLTableSectionElement>(null);\n    const focusManager = useAugmentedFocusManager();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        const isEventTriggeredInsideTable = (event.target as HTMLElement)?.closest('tbody') === ref.current; // this prevents the handler from running when a dialog is opened from within the table (unless the table itself is in a dialog).\n\n        if (event.isDefaultPrevented() || event.isPropagationStopped() || !isEventTriggeredInsideTable) {\n            return;\n        }\n\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;\n\n            const reachableRows = getReachableRowCount(table);\n            const isLastRow = tableMeta.rowActive.rowActiveIndex === reachableRows - 1;\n\n            if (\n                event.key === 'Tab' ||\n                (enableHorizontalArrowKeyNavigation && (event.key === 'ArrowLeft' || event.key === 'ArrowRight'))\n            ) {\n                if (event.key === 'Tab' && !hasFocusableElement((event.target as HTMLElement).closest('tr[data-row-id]'))) {\n                    return;\n                }\n\n                tableMeta.rowActive.setHoverStatePaused(true);\n\n                const isMetaKeyPressed = isPressingMetaKey(event);\n                let focusedElement;\n\n                switch (event.key) {\n                    case 'ArrowLeft':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusFirst() : focusManager.focusPrevious(true);\n                        break;\n                    case 'ArrowRight':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusLast() : focusManager.focusNext(true);\n\n                        // Scrolls table all the way to the right\n                        if (isMetaKeyPressed && tableElement) {\n                            tableElement.scrollLeft = tableElement.scrollWidth;\n                        }\n\n                        break;\n                    default:\n                        focusedElement = event.shiftKey ? focusManager.focusPrevious() : focusManager.focusNext();\n                        break;\n                }\n\n                if (focusedElement) {\n                    // override default behaviour, since we're handling focus internally now\n                    event.preventDefault();\n                    return;\n                }\n\n                // The code below only executes when focusedElement was undefined/null. This happens only when arrow-left/shift+tab\n                // is pressed on the first cell or arrow-right/tab is pressed on the last cell.\n                if (event.shiftKey || event.key === 'ArrowLeft') {\n                    if (!isFirstRow) {\n                        // there are no previous elements to focus, go up a row or go outside the table\n                        // but only if there are actually any focusable elements in the row\n                        event.preventDefault();\n                        const prevIndex = tableMeta.rowActive.rowActiveIndex - 1;\n                        tableMeta.rowActive.setRowActiveIndex(prevIndex);\n                        requestAnimationFrame(() => {\n                            focusManager.focusLast();\n                            scrollToIndex(prevIndex);\n                        });\n                    }\n                } else if (!isLastRow) {\n                    // there are no next elements to focus, go down a row or go outside the table\n                    // but only if there are actually any focusable elements in the row\n                    event.preventDefault();\n                    const nextIndex = tableMeta.rowActive.rowActiveIndex + 1;\n                    tableMeta.rowActive.setRowActiveIndex(nextIndex);\n                    requestAnimationFrame(() => {\n                        focusManager.focusFirst();\n                        scrollToIndex(nextIndex);\n                    });\n                }\n            }\n        }\n    };\n    const handleMouseMove = React.useCallback(\n        (event: React.MouseEvent<HTMLTableSectionElement>) => {\n            if (!(event.target instanceof HTMLElement)) {\n                return;\n            }\n\n            const currentTable = ref.current?.closest('table');\n            const targetTable = event.target.closest('table');\n\n            // If we're in a different table context, don't handle the event\n            if (targetTable !== currentTable) {\n                return;\n            }\n\n            const rowIndex = event.target.closest('tr[data-row-id]')?.getAttribute('data-row-index');\n\n            // Clear hover state if no valid row found, handles expanded section case too\n            if (!rowIndex) {\n                tableMeta.rowActive.setRowHoverIndex(undefined);\n                return;\n            }\n\n            tableMeta.rowActive.setRowHoverIndex(Number(rowIndex));\n        },\n        [ref]\n    );\n\n    // Sometimes this event does not trigger if the mouse leaves the window without leaving boundary of the table\n    // this is a browser level bug and there's not much to be done about it\n    const handleMouseLeave = React.useCallback(() => tableMeta.rowActive.setRowHoverIndex(undefined), []);\n\n    return (\n        <tbody\n            {...attributes}\n            onKeyDown={handleKeyDown}\n            onMouseLeave={handleMouseLeave}\n            onMouseMove={handleMouseMove}\n            // Prevents menu dropdowns inside the row from being closed straight after being opened, wehn clicked on a menu trigger\n            onFocus={e => e.stopPropagation()}\n            ref={ref}\n        />\n    );\n}\n"],"names":["useAugmentedFocusManager","getReachableRowCount","hasFocusableElement","isPressingMetaKey"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Body/Body.js

@@ -9,8 +9,7 @@ function Body(props) {
   const focusManager = useAugmentedFocusManager();
   const tableMeta = table.options.meta;
   const handleKeyDown = (event) => {
-    var _a;
-    const isEventTriggeredInsideTable = ((_a = event.target) == null ? void 0 : _a.closest("tbody")) === ref.current;
+    const isEventTriggeredInsideTable = event.target?.closest("tbody") === ref.current;
     if (event.isDefaultPrevented() || event.isPropagationStopped() || !isEventTriggeredInsideTable) {
       return;
     }
@@ -67,16 +66,15 @@ function Body(props) {
   };
   const handleMouseMove = React__default.useCallback(
     (event) => {
-      var _a, _b;
       if (!(event.target instanceof HTMLElement)) {
         return;
       }
-      const currentTable = (_a = ref.current) == null ? void 0 : _a.closest("table");
+      const currentTable = ref.current?.closest("table");
       const targetTable = event.target.closest("table");
       if (targetTable !== currentTable) {
         return;
       }
-      const rowIndex = (_b = event.target.closest("tr[data-row-id]")) == null ? void 0 : _b.getAttribute("data-row-index");
+      const rowIndex = event.target.closest("tr[data-row-id]")?.getAttribute("data-row-index");
       if (!rowIndex) {
         tableMeta.rowActive.setRowHoverIndex(void 0);
         return;

package/dist/primitives/Table/Core/components/Body/Body.js.map

@@ -1 +1 @@
-{"version":3,"file":"Body.js","sources":["../../../../../../src/primitives/Table/Core/components/Body/Body.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from './util';\nimport { hasFocusableElement } from '../../../../../utils/dom';\nimport { isPressingMetaKey } from '../../../../../utils/keyboard';\nimport { TableRef } from '../../../types';\nimport { getReachableRowCount } from '../../../useTableManager/util/rows';\n\ntype BodyProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    enableHorizontalArrowKeyNavigation?: boolean;\n    scrollToIndex: (index: number) => void;\n    table: ReactTable<TType>;\n    tableElement: TableRef | null;\n};\n\nexport function Body<TType = unknown>(props: BodyProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation = false, scrollToIndex, table, tableElement, ...attributes } = props;\n    const ref = React.useRef<HTMLTableSectionElement>(null);\n    const focusManager = useAugmentedFocusManager();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        const isEventTriggeredInsideTable = (event.target as HTMLElement)?.closest('tbody') === ref.current; // this prevents the handler from running when a dialog is opened from within the table (unless the table itself is in a dialog).\n\n        if (event.isDefaultPrevented() || event.isPropagationStopped() || !isEventTriggeredInsideTable) {\n            return;\n        }\n\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;\n\n            const reachableRows = getReachableRowCount(table);\n            const isLastRow = tableMeta.rowActive.rowActiveIndex === reachableRows - 1;\n\n            if (\n                event.key === 'Tab' ||\n                (enableHorizontalArrowKeyNavigation && (event.key === 'ArrowLeft' || event.key === 'ArrowRight'))\n            ) {\n                if (event.key === 'Tab' && !hasFocusableElement((event.target as HTMLElement).closest('tr[data-row-id]'))) {\n                    return;\n                }\n\n                tableMeta.rowActive.setHoverStatePaused(true);\n\n                const isMetaKeyPressed = isPressingMetaKey(event);\n                let focusedElement;\n\n                switch (event.key) {\n                    case 'ArrowLeft':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusFirst() : focusManager.focusPrevious(true);\n                        break;\n                    case 'ArrowRight':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusLast() : focusManager.focusNext(true);\n\n                        // Scrolls table all the way to the right\n                        if (isMetaKeyPressed && tableElement) {\n                            tableElement.scrollLeft = tableElement.scrollWidth;\n                        }\n\n                        break;\n                    default:\n                        focusedElement = event.shiftKey ? focusManager.focusPrevious() : focusManager.focusNext();\n                        break;\n                }\n\n                if (focusedElement) {\n                    // override default behaviour, since we're handling focus internally now\n                    event.preventDefault();\n                    return;\n                }\n\n                // The code below only executes when focusedElement was undefined/null. This happens only when arrow-left/shift+tab\n                // is pressed on the first cell or arrow-right/tab is pressed on the last cell.\n                if (event.shiftKey || event.key === 'ArrowLeft') {\n                    if (!isFirstRow) {\n                        // there are no previous elements to focus, go up a row or go outside the table\n                        // but only if there are actually any focusable elements in the row\n                        event.preventDefault();\n                        const prevIndex = tableMeta.rowActive.rowActiveIndex - 1;\n                        tableMeta.rowActive.setRowActiveIndex(prevIndex);\n                        requestAnimationFrame(() => {\n                            focusManager.focusLast();\n                            scrollToIndex(prevIndex);\n                        });\n                    }\n                } else if (!isLastRow) {\n                    // there are no next elements to focus, go down a row or go outside the table\n                    // but only if there are actually any focusable elements in the row\n                    event.preventDefault();\n                    const nextIndex = tableMeta.rowActive.rowActiveIndex + 1;\n                    tableMeta.rowActive.setRowActiveIndex(nextIndex);\n                    requestAnimationFrame(() => {\n                        focusManager.focusFirst();\n                        scrollToIndex(nextIndex);\n                    });\n                }\n            }\n        }\n    };\n    const handleMouseMove = React.useCallback(\n        (event: React.MouseEvent<HTMLTableSectionElement>) => {\n            if (!(event.target instanceof HTMLElement)) {\n                return;\n            }\n\n            const currentTable = ref.current?.closest('table');\n            const targetTable = event.target.closest('table');\n\n            // If we're in a different table context, don't handle the event\n            if (targetTable !== currentTable) {\n                return;\n            }\n\n            const rowIndex = event.target.closest('tr[data-row-id]')?.getAttribute('data-row-index');\n\n            // Clear hover state if no valid row found, handles expanded section case too\n            if (!rowIndex) {\n                tableMeta.rowActive.setRowHoverIndex(undefined);\n                return;\n            }\n\n            tableMeta.rowActive.setRowHoverIndex(Number(rowIndex));\n        },\n        [ref]\n    );\n\n    // Sometimes this event does not trigger if the mouse leaves the window without leaving boundary of the table\n    // this is a browser level bug and there's not much to be done about it\n    const handleMouseLeave = React.useCallback(() => tableMeta.rowActive.setRowHoverIndex(undefined), []);\n\n    return (\n        <tbody\n            {...attributes}\n            onKeyDown={handleKeyDown}\n            onMouseLeave={handleMouseLeave}\n            onMouseMove={handleMouseMove}\n            // Prevents menu dropdowns inside the row from being closed straight after being opened, wehn clicked on a menu trigger\n            onFocus={e => e.stopPropagation()}\n            ref={ref}\n        />\n    );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Body.js","sources":["../../../../../../src/primitives/Table/Core/components/Body/Body.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from './util';\nimport { hasFocusableElement } from '../../../../../utils/dom';\nimport { isPressingMetaKey } from '../../../../../utils/keyboard';\nimport { TableRef } from '../../../types';\nimport { getReachableRowCount } from '../../../useTableManager/util/rows';\n\ntype BodyProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    enableHorizontalArrowKeyNavigation?: boolean;\n    scrollToIndex: (index: number) => void;\n    table: ReactTable<TType>;\n    tableElement: TableRef | null;\n};\n\nexport function Body<TType = unknown>(props: BodyProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation = false, scrollToIndex, table, tableElement, ...attributes } = props;\n    const ref = React.useRef<HTMLTableSectionElement>(null);\n    const focusManager = useAugmentedFocusManager();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        const isEventTriggeredInsideTable = (event.target as HTMLElement)?.closest('tbody') === ref.current; // this prevents the handler from running when a dialog is opened from within the table (unless the table itself is in a dialog).\n\n        if (event.isDefaultPrevented() || event.isPropagationStopped() || !isEventTriggeredInsideTable) {\n            return;\n        }\n\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;\n\n            const reachableRows = getReachableRowCount(table);\n            const isLastRow = tableMeta.rowActive.rowActiveIndex === reachableRows - 1;\n\n            if (\n                event.key === 'Tab' ||\n                (enableHorizontalArrowKeyNavigation && (event.key === 'ArrowLeft' || event.key === 'ArrowRight'))\n            ) {\n                if (event.key === 'Tab' && !hasFocusableElement((event.target as HTMLElement).closest('tr[data-row-id]'))) {\n                    return;\n                }\n\n                tableMeta.rowActive.setHoverStatePaused(true);\n\n                const isMetaKeyPressed = isPressingMetaKey(event);\n                let focusedElement;\n\n                switch (event.key) {\n                    case 'ArrowLeft':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusFirst() : focusManager.focusPrevious(true);\n                        break;\n                    case 'ArrowRight':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusLast() : focusManager.focusNext(true);\n\n                        // Scrolls table all the way to the right\n                        if (isMetaKeyPressed && tableElement) {\n                            tableElement.scrollLeft = tableElement.scrollWidth;\n                        }\n\n                        break;\n                    default:\n                        focusedElement = event.shiftKey ? focusManager.focusPrevious() : focusManager.focusNext();\n                        break;\n                }\n\n                if (focusedElement) {\n                    // override default behaviour, since we're handling focus internally now\n                    event.preventDefault();\n                    return;\n                }\n\n                // The code below only executes when focusedElement was undefined/null. This happens only when arrow-left/shift+tab\n                // is pressed on the first cell or arrow-right/tab is pressed on the last cell.\n                if (event.shiftKey || event.key === 'ArrowLeft') {\n                    if (!isFirstRow) {\n                        // there are no previous elements to focus, go up a row or go outside the table\n                        // but only if there are actually any focusable elements in the row\n                        event.preventDefault();\n                        const prevIndex = tableMeta.rowActive.rowActiveIndex - 1;\n                        tableMeta.rowActive.setRowActiveIndex(prevIndex);\n                        requestAnimationFrame(() => {\n                            focusManager.focusLast();\n                            scrollToIndex(prevIndex);\n                        });\n                    }\n                } else if (!isLastRow) {\n                    // there are no next elements to focus, go down a row or go outside the table\n                    // but only if there are actually any focusable elements in the row\n                    event.preventDefault();\n                    const nextIndex = tableMeta.rowActive.rowActiveIndex + 1;\n                    tableMeta.rowActive.setRowActiveIndex(nextIndex);\n                    requestAnimationFrame(() => {\n                        focusManager.focusFirst();\n                        scrollToIndex(nextIndex);\n                    });\n                }\n            }\n        }\n    };\n    const handleMouseMove = React.useCallback(\n        (event: React.MouseEvent<HTMLTableSectionElement>) => {\n            if (!(event.target instanceof HTMLElement)) {\n                return;\n            }\n\n            const currentTable = ref.current?.closest('table');\n            const targetTable = event.target.closest('table');\n\n            // If we're in a different table context, don't handle the event\n            if (targetTable !== currentTable) {\n                return;\n            }\n\n            const rowIndex = event.target.closest('tr[data-row-id]')?.getAttribute('data-row-index');\n\n            // Clear hover state if no valid row found, handles expanded section case too\n            if (!rowIndex) {\n                tableMeta.rowActive.setRowHoverIndex(undefined);\n                return;\n            }\n\n            tableMeta.rowActive.setRowHoverIndex(Number(rowIndex));\n        },\n        [ref]\n    );\n\n    // Sometimes this event does not trigger if the mouse leaves the window without leaving boundary of the table\n    // this is a browser level bug and there's not much to be done about it\n    const handleMouseLeave = React.useCallback(() => tableMeta.rowActive.setRowHoverIndex(undefined), []);\n\n    return (\n        <tbody\n            {...attributes}\n            onKeyDown={handleKeyDown}\n            onMouseLeave={handleMouseLeave}\n            onMouseMove={handleMouseMove}\n            // Prevents menu dropdowns inside the row from being closed straight after being opened, wehn clicked on a menu trigger\n            onFocus={e => e.stopPropagation()}\n            ref={ref}\n        />\n    );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Body/EmptyStateBody.cjs

@@ -3,14 +3,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const useBoundingClientRectListener = require("../../../../../hooks/useBoundingClientRectListener.cjs");
 function EmptyStateBody(props) {
-  var _a;
   const { emptyState: Placeholder, isReady, reason, ...attributes } = props;
   const ref = React.useRef(null);
-  const rect = useBoundingClientRectListener.useBoundingClientRectListener({ current: (_a = ref.current) == null ? void 0 : _a.parentNode });
+  const rect = useBoundingClientRectListener.useBoundingClientRectListener({ current: ref.current?.parentNode });
   if (!isReady) {
     return /* @__PURE__ */ React.createElement("tbody", { ...attributes, className: "!auto-rows-fr" });
   }
-  return /* @__PURE__ */ React.createElement("tbody", { ...attributes, ref, className: "!auto-rows-fr", "data-taco": "empty-state" }, /* @__PURE__ */ React.createElement("tr", { className: "!auto-rows-fr" }, /* @__PURE__ */ React.createElement("td", { style: { maxWidth: rect == null ? void 0 : rect.width }, className: "col-span-full !border-0 !p-0 hover:!bg-white" }, Placeholder ? /* @__PURE__ */ React.createElement(Placeholder, { reason }) : void 0)));
+  return /* @__PURE__ */ React.createElement("tbody", { ...attributes, ref, className: "!auto-rows-fr", "data-taco": "empty-state" }, /* @__PURE__ */ React.createElement("tr", { className: "!auto-rows-fr" }, /* @__PURE__ */ React.createElement("td", { style: { maxWidth: rect?.width }, className: "col-span-full !border-0 !p-0 hover:!bg-white" }, Placeholder ? /* @__PURE__ */ React.createElement(Placeholder, { reason }) : void 0)));
 }
 exports.EmptyStateBody = EmptyStateBody;
 //# sourceMappingURL=EmptyStateBody.cjs.map

package/dist/primitives/Table/Core/components/Body/EmptyStateBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateBody.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Body/EmptyStateBody.tsx"],"sourcesContent":["import React from 'react';\nimport { TableEmptyStateReason, TableEmptyStateRenderer } from '../../../types';\nimport { useBoundingClientRectListener } from '../../../../../hooks/useBoundingClientRectListener';\n\ntype EmptyStateProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n    emptyState?: TableEmptyStateRenderer;\n    isReady: boolean;\n    reason: TableEmptyStateReason;\n};\n\nexport function EmptyStateBody(props: EmptyStateProps) {\n    const { emptyState: Placeholder, isReady, reason, ...attributes } = props;\n    const ref = React.useRef<HTMLTableSectionElement>(null);\n\n    const rect = useBoundingClientRectListener({ current: ref.current?.parentNode as HTMLElement });\n\n    if (!isReady) {\n        return <tbody {...attributes} className=\"!auto-rows-fr\" />;\n    }\n\n    return (\n        <tbody {...attributes} ref={ref} className=\"!auto-rows-fr\" data-taco=\"empty-state\">\n            <tr className=\"!auto-rows-fr\">\n                <td style={{ maxWidth: rect?.width }} className=\"col-span-full !border-0 !p-0 hover:!bg-white\">\n                    {Placeholder ? <Placeholder reason={reason} /> : undefined}\n                </td>\n            </tr>\n        </tbody>\n    );\n}\n"],"names":["useBoundingClientRectListener"],"mappings":";;;;AAUO,SAAS,eAAe,OAAwB;;AACnD,QAAM,EAAE,YAAY,aAAa,SAAS,QAAQ,GAAG,eAAe;AAC9D,QAAA,MAAM,MAAM,OAAgC,IAAI;AAEtD,QAAM,OAAOA,8BAAAA,8BAA8B,EAAE,UAAS,SAAI,YAAJ,mBAAa,YAA2B;AAE9F,MAAI,CAAC,SAAS;AACV,WAAQ,sBAAA,cAAA,SAAA,EAAO,GAAG,YAAY,WAAU,iBAAgB;AAAA,EAAA;AAG5D,SACK,sBAAA,cAAA,SAAA,EAAO,GAAG,YAAY,KAAU,WAAU,iBAAgB,aAAU,cACjE,GAAA,sBAAA,cAAC,MAAG,EAAA,WAAU,mBACT,sBAAA,cAAA,MAAA,EAAG,OAAO,EAAE,UAAU,6BAAM,MAAM,GAAG,WAAU,+CAAA,GAC3C,cAAc,sBAAA,cAAC,aAAY,EAAA,QAAgB,IAAK,MACrD,CACJ,CACJ;AAER;;"}
+{"version":3,"file":"EmptyStateBody.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Body/EmptyStateBody.tsx"],"sourcesContent":["import React from 'react';\nimport { TableEmptyStateReason, TableEmptyStateRenderer } from '../../../types';\nimport { useBoundingClientRectListener } from '../../../../../hooks/useBoundingClientRectListener';\n\ntype EmptyStateProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n    emptyState?: TableEmptyStateRenderer;\n    isReady: boolean;\n    reason: TableEmptyStateReason;\n};\n\nexport function EmptyStateBody(props: EmptyStateProps) {\n    const { emptyState: Placeholder, isReady, reason, ...attributes } = props;\n    const ref = React.useRef<HTMLTableSectionElement>(null);\n\n    const rect = useBoundingClientRectListener({ current: ref.current?.parentNode as HTMLElement });\n\n    if (!isReady) {\n        return <tbody {...attributes} className=\"!auto-rows-fr\" />;\n    }\n\n    return (\n        <tbody {...attributes} ref={ref} className=\"!auto-rows-fr\" data-taco=\"empty-state\">\n            <tr className=\"!auto-rows-fr\">\n                <td style={{ maxWidth: rect?.width }} className=\"col-span-full !border-0 !p-0 hover:!bg-white\">\n                    {Placeholder ? <Placeholder reason={reason} /> : undefined}\n                </td>\n            </tr>\n        </tbody>\n    );\n}\n"],"names":["useBoundingClientRectListener"],"mappings":";;;;AAUO,SAAS,eAAe,OAAwB;AACnD,QAAM,EAAE,YAAY,aAAa,SAAS,QAAQ,GAAG,eAAe;AACpE,QAAM,MAAM,MAAM,OAAgC,IAAI;AAEtD,QAAM,OAAOA,8BAAAA,8BAA8B,EAAE,SAAS,IAAI,SAAS,YAA2B;AAE9F,MAAI,CAAC,SAAS;AACV,WAAO,sBAAA,cAAC,SAAA,EAAO,GAAG,YAAY,WAAU,iBAAgB;AAAA,EAC5D;AAEA,SACI,sBAAA,cAAC,SAAA,EAAO,GAAG,YAAY,KAAU,WAAU,iBAAgB,aAAU,cAAA,GACjE,sBAAA,cAAC,MAAA,EAAG,WAAU,mBACV,sBAAA,cAAC,MAAA,EAAG,OAAO,EAAE,UAAU,MAAM,MAAA,GAAS,WAAU,+CAAA,GAC3C,cAAc,sBAAA,cAAC,aAAA,EAAY,QAAgB,IAAK,MACrD,CACJ,CACJ;AAER;;"}

package/dist/primitives/Table/Core/components/Body/EmptyStateBody.js

@@ -1,14 +1,13 @@
 import React__default from "react";
 import { useBoundingClientRectListener } from "../../../../../hooks/useBoundingClientRectListener.js";
 function EmptyStateBody(props) {
-  var _a;
   const { emptyState: Placeholder, isReady, reason, ...attributes } = props;
   const ref = React__default.useRef(null);
-  const rect = useBoundingClientRectListener({ current: (_a = ref.current) == null ? void 0 : _a.parentNode });
+  const rect = useBoundingClientRectListener({ current: ref.current?.parentNode });
   if (!isReady) {
     return /* @__PURE__ */ React__default.createElement("tbody", { ...attributes, className: "!auto-rows-fr" });
   }
-  return /* @__PURE__ */ React__default.createElement("tbody", { ...attributes, ref, className: "!auto-rows-fr", "data-taco": "empty-state" }, /* @__PURE__ */ React__default.createElement("tr", { className: "!auto-rows-fr" }, /* @__PURE__ */ React__default.createElement("td", { style: { maxWidth: rect == null ? void 0 : rect.width }, className: "col-span-full !border-0 !p-0 hover:!bg-white" }, Placeholder ? /* @__PURE__ */ React__default.createElement(Placeholder, { reason }) : void 0)));
+  return /* @__PURE__ */ React__default.createElement("tbody", { ...attributes, ref, className: "!auto-rows-fr", "data-taco": "empty-state" }, /* @__PURE__ */ React__default.createElement("tr", { className: "!auto-rows-fr" }, /* @__PURE__ */ React__default.createElement("td", { style: { maxWidth: rect?.width }, className: "col-span-full !border-0 !p-0 hover:!bg-white" }, Placeholder ? /* @__PURE__ */ React__default.createElement(Placeholder, { reason }) : void 0)));
 }
 export {
   EmptyStateBody

package/dist/primitives/Table/Core/components/Body/EmptyStateBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateBody.js","sources":["../../../../../../src/primitives/Table/Core/components/Body/EmptyStateBody.tsx"],"sourcesContent":["import React from 'react';\nimport { TableEmptyStateReason, TableEmptyStateRenderer } from '../../../types';\nimport { useBoundingClientRectListener } from '../../../../../hooks/useBoundingClientRectListener';\n\ntype EmptyStateProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n    emptyState?: TableEmptyStateRenderer;\n    isReady: boolean;\n    reason: TableEmptyStateReason;\n};\n\nexport function EmptyStateBody(props: EmptyStateProps) {\n    const { emptyState: Placeholder, isReady, reason, ...attributes } = props;\n    const ref = React.useRef<HTMLTableSectionElement>(null);\n\n    const rect = useBoundingClientRectListener({ current: ref.current?.parentNode as HTMLElement });\n\n    if (!isReady) {\n        return <tbody {...attributes} className=\"!auto-rows-fr\" />;\n    }\n\n    return (\n        <tbody {...attributes} ref={ref} className=\"!auto-rows-fr\" data-taco=\"empty-state\">\n            <tr className=\"!auto-rows-fr\">\n                <td style={{ maxWidth: rect?.width }} className=\"col-span-full !border-0 !p-0 hover:!bg-white\">\n                    {Placeholder ? <Placeholder reason={reason} /> : undefined}\n                </td>\n            </tr>\n        </tbody>\n    );\n}\n"],"names":["React"],"mappings":";;AAUO,SAAS,eAAe,OAAwB;;AACnD,QAAM,EAAE,YAAY,aAAa,SAAS,QAAQ,GAAG,eAAe;AAC9D,QAAA,MAAMA,eAAM,OAAgC,IAAI;AAEtD,QAAM,OAAO,8BAA8B,EAAE,UAAS,SAAI,YAAJ,mBAAa,YAA2B;AAE9F,MAAI,CAAC,SAAS;AACV,WAAQA,+BAAA,cAAA,SAAA,EAAO,GAAG,YAAY,WAAU,iBAAgB;AAAA,EAAA;AAG5D,SACKA,+BAAA,cAAA,SAAA,EAAO,GAAG,YAAY,KAAU,WAAU,iBAAgB,aAAU,cACjE,GAAAA,+BAAA,cAAC,MAAG,EAAA,WAAU,mBACTA,+BAAA,cAAA,MAAA,EAAG,OAAO,EAAE,UAAU,6BAAM,MAAM,GAAG,WAAU,+CAAA,GAC3C,cAAcA,+BAAA,cAAC,aAAY,EAAA,QAAgB,IAAK,MACrD,CACJ,CACJ;AAER;"}
+{"version":3,"file":"EmptyStateBody.js","sources":["../../../../../../src/primitives/Table/Core/components/Body/EmptyStateBody.tsx"],"sourcesContent":["import React from 'react';\nimport { TableEmptyStateReason, TableEmptyStateRenderer } from '../../../types';\nimport { useBoundingClientRectListener } from '../../../../../hooks/useBoundingClientRectListener';\n\ntype EmptyStateProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n    emptyState?: TableEmptyStateRenderer;\n    isReady: boolean;\n    reason: TableEmptyStateReason;\n};\n\nexport function EmptyStateBody(props: EmptyStateProps) {\n    const { emptyState: Placeholder, isReady, reason, ...attributes } = props;\n    const ref = React.useRef<HTMLTableSectionElement>(null);\n\n    const rect = useBoundingClientRectListener({ current: ref.current?.parentNode as HTMLElement });\n\n    if (!isReady) {\n        return <tbody {...attributes} className=\"!auto-rows-fr\" />;\n    }\n\n    return (\n        <tbody {...attributes} ref={ref} className=\"!auto-rows-fr\" data-taco=\"empty-state\">\n            <tr className=\"!auto-rows-fr\">\n                <td style={{ maxWidth: rect?.width }} className=\"col-span-full !border-0 !p-0 hover:!bg-white\">\n                    {Placeholder ? <Placeholder reason={reason} /> : undefined}\n                </td>\n            </tr>\n        </tbody>\n    );\n}\n"],"names":["React"],"mappings":";;AAUO,SAAS,eAAe,OAAwB;AACnD,QAAM,EAAE,YAAY,aAAa,SAAS,QAAQ,GAAG,eAAe;AACpE,QAAM,MAAMA,eAAM,OAAgC,IAAI;AAEtD,QAAM,OAAO,8BAA8B,EAAE,SAAS,IAAI,SAAS,YAA2B;AAE9F,MAAI,CAAC,SAAS;AACV,WAAOA,+BAAA,cAAC,SAAA,EAAO,GAAG,YAAY,WAAU,iBAAgB;AAAA,EAC5D;AAEA,SACIA,+BAAA,cAAC,SAAA,EAAO,GAAG,YAAY,KAAU,WAAU,iBAAgB,aAAU,cAAA,GACjEA,+BAAA,cAAC,MAAA,EAAG,WAAU,mBACVA,+BAAA,cAAC,MAAA,EAAG,OAAO,EAAE,UAAU,MAAM,MAAA,GAAS,WAAU,+CAAA,GAC3C,cAAcA,+BAAA,cAAC,aAAA,EAAY,QAAgB,IAAK,MACrD,CACJ,CACJ;AAER;"}

package/dist/primitives/Table/Core/components/Body/util.cjs

@@ -14,10 +14,10 @@ const FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {
 };
 function useAugmentedFocusManager() {
   const focusManager = focus.useFocusManager();
-  const focusPrevious = (arrowNavigation = false) => focusManager == null ? void 0 : focusManager.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
-  const focusNext = (arrowNavigation = false) => focusManager == null ? void 0 : focusManager.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
+  const focusPrevious = (arrowNavigation = false) => focusManager?.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
+  const focusNext = (arrowNavigation = false) => focusManager?.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
   const focusFirst = () => {
-    return focusManager == null ? void 0 : focusManager.focusFirst({
+    return focusManager?.focusFirst({
       ...FOCUS_MANAGER_OPTIONS_TAB,
       accept: (element) => {
         if (!FOCUS_MANAGER_OPTIONS_TAB.accept(element)) {
@@ -30,7 +30,7 @@ function useAugmentedFocusManager() {
       }
     });
   };
-  const focusLast = () => focusManager == null ? void 0 : focusManager.focusLast(FOCUS_MANAGER_OPTIONS_TAB);
+  const focusLast = () => focusManager?.focusLast(FOCUS_MANAGER_OPTIONS_TAB);
   return {
     focusPrevious,
     focusNext,

package/dist/primitives/Table/Core/components/Body/util.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"util.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Body/util.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus';\nimport { hasFocusableElement, isElementInteractive } from '../../../../../utils/dom';\n\nconst FOCUS_MANAGER_OPTIONS_TAB = {\n    accept: (element: Element) => !!element.closest('tr[data-row-active=\"true\"]'),\n    tabbable: true,\n};\n\nconst FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {\n    accept: (element: Element) => {\n        const acceptTabbable = isElementInteractive(element) ? element.getAttribute('tabindex') !== '-1' : true;\n        return !!element.closest('tr[data-row-active=\"true\"]') && !hasFocusableElement(element as HTMLElement) && acceptTabbable;\n    },\n};\n\nexport function useAugmentedFocusManager() {\n    const focusManager = useFocusManager();\n\n    const focusPrevious = (arrowNavigation = false) =>\n        focusManager?.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n\n    const focusNext = (arrowNavigation = false) =>\n        focusManager?.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n\n    // focusFirst should focus on editing controls\n    const focusFirst = () => {\n        return focusManager?.focusFirst({\n            ...FOCUS_MANAGER_OPTIONS_TAB,\n            accept: (element: Element) => {\n                if (!FOCUS_MANAGER_OPTIONS_TAB.accept(element)) {\n                    return false;\n                }\n\n                // Check if this element or its parent has the cell-control attribute\n                if (element.closest('[data-taco=\"cell-control\"]')) {\n                    return true;\n                }\n\n                return false;\n            },\n        });\n    };\n\n    const focusLast = () => focusManager?.focusLast(FOCUS_MANAGER_OPTIONS_TAB);\n\n    return {\n        focusPrevious,\n        focusNext,\n        focusFirst,\n        focusLast,\n    };\n}\n"],"names":["isElementInteractive","hasFocusableElement","useFocusManager"],"mappings":";;;;AAGA,MAAM,4BAA4B;AAAA,EAC9B,QAAQ,CAAC,YAAqB,CAAC,CAAC,QAAQ,QAAQ,4BAA4B;AAAA,EAC5E,UAAU;AACd;AAEA,MAAM,mCAAmC;AAAA,EACrC,QAAQ,CAAC,YAAqB;AACpB,UAAA,iBAAiBA,yBAAqB,OAAO,IAAI,QAAQ,aAAa,UAAU,MAAM,OAAO;AAC5F,WAAA,CAAC,CAAC,QAAQ,QAAQ,4BAA4B,KAAK,CAACC,IAAoB,oBAAA,OAAsB,KAAK;AAAA,EAAA;AAElH;AAEO,SAAS,2BAA2B;AACvC,QAAM,eAAeC,MAAAA,gBAAgB;AAE/B,QAAA,gBAAgB,CAAC,kBAAkB,UACrC,6CAAc,cAAc,kBAAkB,mCAAmC;AAE/E,QAAA,YAAY,CAAC,kBAAkB,UACjC,6CAAc,UAAU,kBAAkB,mCAAmC;AAGjF,QAAM,aAAa,MAAM;AACrB,WAAO,6CAAc,WAAW;AAAA,MAC5B,GAAG;AAAA,MACH,QAAQ,CAAC,YAAqB;AAC1B,YAAI,CAAC,0BAA0B,OAAO,OAAO,GAAG;AACrC,iBAAA;AAAA,QAAA;AAIP,YAAA,QAAQ,QAAQ,4BAA4B,GAAG;AACxC,iBAAA;AAAA,QAAA;AAGJ,eAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAER;AAEA,QAAM,YAAY,MAAM,6CAAc,UAAU;AAEzC,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;;"}
+{"version":3,"file":"util.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Body/util.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus';\nimport { hasFocusableElement, isElementInteractive } from '../../../../../utils/dom';\n\nconst FOCUS_MANAGER_OPTIONS_TAB = {\n    accept: (element: Element) => !!element.closest('tr[data-row-active=\"true\"]'),\n    tabbable: true,\n};\n\nconst FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {\n    accept: (element: Element) => {\n        const acceptTabbable = isElementInteractive(element) ? element.getAttribute('tabindex') !== '-1' : true;\n        return !!element.closest('tr[data-row-active=\"true\"]') && !hasFocusableElement(element as HTMLElement) && acceptTabbable;\n    },\n};\n\nexport function useAugmentedFocusManager() {\n    const focusManager = useFocusManager();\n\n    const focusPrevious = (arrowNavigation = false) =>\n        focusManager?.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n\n    const focusNext = (arrowNavigation = false) =>\n        focusManager?.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n\n    // focusFirst should focus on editing controls\n    const focusFirst = () => {\n        return focusManager?.focusFirst({\n            ...FOCUS_MANAGER_OPTIONS_TAB,\n            accept: (element: Element) => {\n                if (!FOCUS_MANAGER_OPTIONS_TAB.accept(element)) {\n                    return false;\n                }\n\n                // Check if this element or its parent has the cell-control attribute\n                if (element.closest('[data-taco=\"cell-control\"]')) {\n                    return true;\n                }\n\n                return false;\n            },\n        });\n    };\n\n    const focusLast = () => focusManager?.focusLast(FOCUS_MANAGER_OPTIONS_TAB);\n\n    return {\n        focusPrevious,\n        focusNext,\n        focusFirst,\n        focusLast,\n    };\n}\n"],"names":["isElementInteractive","hasFocusableElement","useFocusManager"],"mappings":";;;;AAGA,MAAM,4BAA4B;AAAA,EAC9B,QAAQ,CAAC,YAAqB,CAAC,CAAC,QAAQ,QAAQ,4BAA4B;AAAA,EAC5E,UAAU;AACd;AAEA,MAAM,mCAAmC;AAAA,EACrC,QAAQ,CAAC,YAAqB;AAC1B,UAAM,iBAAiBA,IAAAA,qBAAqB,OAAO,IAAI,QAAQ,aAAa,UAAU,MAAM,OAAO;AACnG,WAAO,CAAC,CAAC,QAAQ,QAAQ,4BAA4B,KAAK,CAACC,IAAAA,oBAAoB,OAAsB,KAAK;AAAA,EAC9G;AACJ;AAEO,SAAS,2BAA2B;AACvC,QAAM,eAAeC,MAAAA,gBAAA;AAErB,QAAM,gBAAgB,CAAC,kBAAkB,UACrC,cAAc,cAAc,kBAAkB,mCAAmC,yBAAyB;AAE9G,QAAM,YAAY,CAAC,kBAAkB,UACjC,cAAc,UAAU,kBAAkB,mCAAmC,yBAAyB;AAG1G,QAAM,aAAa,MAAM;AACrB,WAAO,cAAc,WAAW;AAAA,MAC5B,GAAG;AAAA,MACH,QAAQ,CAAC,YAAqB;AAC1B,YAAI,CAAC,0BAA0B,OAAO,OAAO,GAAG;AAC5C,iBAAO;AAAA,QACX;AAGA,YAAI,QAAQ,QAAQ,4BAA4B,GAAG;AAC/C,iBAAO;AAAA,QACX;AAEA,eAAO;AAAA,MACX;AAAA,IAAA,CACH;AAAA,EACL;AAEA,QAAM,YAAY,MAAM,cAAc,UAAU,yBAAyB;AAEzE,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;;"}

package/dist/primitives/Table/Core/components/Body/util.js

@@ -12,10 +12,10 @@ const FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {
 };
 function useAugmentedFocusManager() {
   const focusManager = useFocusManager();
-  const focusPrevious = (arrowNavigation = false) => focusManager == null ? void 0 : focusManager.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
-  const focusNext = (arrowNavigation = false) => focusManager == null ? void 0 : focusManager.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
+  const focusPrevious = (arrowNavigation = false) => focusManager?.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
+  const focusNext = (arrowNavigation = false) => focusManager?.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
   const focusFirst = () => {
-    return focusManager == null ? void 0 : focusManager.focusFirst({
+    return focusManager?.focusFirst({
       ...FOCUS_MANAGER_OPTIONS_TAB,
       accept: (element) => {
         if (!FOCUS_MANAGER_OPTIONS_TAB.accept(element)) {
@@ -28,7 +28,7 @@ function useAugmentedFocusManager() {
       }
     });
   };
-  const focusLast = () => focusManager == null ? void 0 : focusManager.focusLast(FOCUS_MANAGER_OPTIONS_TAB);
+  const focusLast = () => focusManager?.focusLast(FOCUS_MANAGER_OPTIONS_TAB);
   return {
     focusPrevious,
     focusNext,

package/dist/primitives/Table/Core/components/Body/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../src/primitives/Table/Core/components/Body/util.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus';\nimport { hasFocusableElement, isElementInteractive } from '../../../../../utils/dom';\n\nconst FOCUS_MANAGER_OPTIONS_TAB = {\n    accept: (element: Element) => !!element.closest('tr[data-row-active=\"true\"]'),\n    tabbable: true,\n};\n\nconst FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {\n    accept: (element: Element) => {\n        const acceptTabbable = isElementInteractive(element) ? element.getAttribute('tabindex') !== '-1' : true;\n        return !!element.closest('tr[data-row-active=\"true\"]') && !hasFocusableElement(element as HTMLElement) && acceptTabbable;\n    },\n};\n\nexport function useAugmentedFocusManager() {\n    const focusManager = useFocusManager();\n\n    const focusPrevious = (arrowNavigation = false) =>\n        focusManager?.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n\n    const focusNext = (arrowNavigation = false) =>\n        focusManager?.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n\n    // focusFirst should focus on editing controls\n    const focusFirst = () => {\n        return focusManager?.focusFirst({\n            ...FOCUS_MANAGER_OPTIONS_TAB,\n            accept: (element: Element) => {\n                if (!FOCUS_MANAGER_OPTIONS_TAB.accept(element)) {\n                    return false;\n                }\n\n                // Check if this element or its parent has the cell-control attribute\n                if (element.closest('[data-taco=\"cell-control\"]')) {\n                    return true;\n                }\n\n                return false;\n            },\n        });\n    };\n\n    const focusLast = () => focusManager?.focusLast(FOCUS_MANAGER_OPTIONS_TAB);\n\n    return {\n        focusPrevious,\n        focusNext,\n        focusFirst,\n        focusLast,\n    };\n}\n"],"names":[],"mappings":";;AAGA,MAAM,4BAA4B;AAAA,EAC9B,QAAQ,CAAC,YAAqB,CAAC,CAAC,QAAQ,QAAQ,4BAA4B;AAAA,EAC5E,UAAU;AACd;AAEA,MAAM,mCAAmC;AAAA,EACrC,QAAQ,CAAC,YAAqB;AACpB,UAAA,iBAAiB,qBAAqB,OAAO,IAAI,QAAQ,aAAa,UAAU,MAAM,OAAO;AAC5F,WAAA,CAAC,CAAC,QAAQ,QAAQ,4BAA4B,KAAK,CAAC,oBAAoB,OAAsB,KAAK;AAAA,EAAA;AAElH;AAEO,SAAS,2BAA2B;AACvC,QAAM,eAAe,gBAAgB;AAE/B,QAAA,gBAAgB,CAAC,kBAAkB,UACrC,6CAAc,cAAc,kBAAkB,mCAAmC;AAE/E,QAAA,YAAY,CAAC,kBAAkB,UACjC,6CAAc,UAAU,kBAAkB,mCAAmC;AAGjF,QAAM,aAAa,MAAM;AACrB,WAAO,6CAAc,WAAW;AAAA,MAC5B,GAAG;AAAA,MACH,QAAQ,CAAC,YAAqB;AAC1B,YAAI,CAAC,0BAA0B,OAAO,OAAO,GAAG;AACrC,iBAAA;AAAA,QAAA;AAIP,YAAA,QAAQ,QAAQ,4BAA4B,GAAG;AACxC,iBAAA;AAAA,QAAA;AAGJ,eAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAER;AAEA,QAAM,YAAY,MAAM,6CAAc,UAAU;AAEzC,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;"}
+{"version":3,"file":"util.js","sources":["../../../../../../src/primitives/Table/Core/components/Body/util.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus';\nimport { hasFocusableElement, isElementInteractive } from '../../../../../utils/dom';\n\nconst FOCUS_MANAGER_OPTIONS_TAB = {\n    accept: (element: Element) => !!element.closest('tr[data-row-active=\"true\"]'),\n    tabbable: true,\n};\n\nconst FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {\n    accept: (element: Element) => {\n        const acceptTabbable = isElementInteractive(element) ? element.getAttribute('tabindex') !== '-1' : true;\n        return !!element.closest('tr[data-row-active=\"true\"]') && !hasFocusableElement(element as HTMLElement) && acceptTabbable;\n    },\n};\n\nexport function useAugmentedFocusManager() {\n    const focusManager = useFocusManager();\n\n    const focusPrevious = (arrowNavigation = false) =>\n        focusManager?.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n\n    const focusNext = (arrowNavigation = false) =>\n        focusManager?.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n\n    // focusFirst should focus on editing controls\n    const focusFirst = () => {\n        return focusManager?.focusFirst({\n            ...FOCUS_MANAGER_OPTIONS_TAB,\n            accept: (element: Element) => {\n                if (!FOCUS_MANAGER_OPTIONS_TAB.accept(element)) {\n                    return false;\n                }\n\n                // Check if this element or its parent has the cell-control attribute\n                if (element.closest('[data-taco=\"cell-control\"]')) {\n                    return true;\n                }\n\n                return false;\n            },\n        });\n    };\n\n    const focusLast = () => focusManager?.focusLast(FOCUS_MANAGER_OPTIONS_TAB);\n\n    return {\n        focusPrevious,\n        focusNext,\n        focusFirst,\n        focusLast,\n    };\n}\n"],"names":[],"mappings":";;AAGA,MAAM,4BAA4B;AAAA,EAC9B,QAAQ,CAAC,YAAqB,CAAC,CAAC,QAAQ,QAAQ,4BAA4B;AAAA,EAC5E,UAAU;AACd;AAEA,MAAM,mCAAmC;AAAA,EACrC,QAAQ,CAAC,YAAqB;AAC1B,UAAM,iBAAiB,qBAAqB,OAAO,IAAI,QAAQ,aAAa,UAAU,MAAM,OAAO;AACnG,WAAO,CAAC,CAAC,QAAQ,QAAQ,4BAA4B,KAAK,CAAC,oBAAoB,OAAsB,KAAK;AAAA,EAC9G;AACJ;AAEO,SAAS,2BAA2B;AACvC,QAAM,eAAe,gBAAA;AAErB,QAAM,gBAAgB,CAAC,kBAAkB,UACrC,cAAc,cAAc,kBAAkB,mCAAmC,yBAAyB;AAE9G,QAAM,YAAY,CAAC,kBAAkB,UACjC,cAAc,UAAU,kBAAkB,mCAAmC,yBAAyB;AAG1G,QAAM,aAAa,MAAM;AACrB,WAAO,cAAc,WAAW;AAAA,MAC5B,GAAG;AAAA,MACH,QAAQ,CAAC,YAAqB;AAC1B,YAAI,CAAC,0BAA0B,OAAO,OAAO,GAAG;AAC5C,iBAAO;AAAA,QACX;AAGA,YAAI,QAAQ,QAAQ,4BAA4B,GAAG;AAC/C,iBAAO;AAAA,QACX;AAEA,eAAO;AAAA,MACX;AAAA,IAAA,CACH;AAAA,EACL;AAEA,QAAM,YAAY,MAAM,cAAc,UAAU,yBAAyB;AAEzE,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/dist/primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayCell.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.tsx"],"sourcesContent":["import React from 'react';\nimport { flexRender, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { getCellAttributes } from '../util';\nimport { TableCellRendererProps } from '../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nexport function DisplayCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted, ...cellAttributes } = props;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n    const isTruncated = !!columnMeta.enableTruncate;\n\n    let content;\n\n    if (isInternalColumn(cell.column.id)) {\n        content = flexRender(cell.column.columnDef.cell, cell.getContext());\n    } else {\n        // using flexRender renders as a react component not a function, and that causes re-render issues for us\n        // for example, clicks on buttons in cells no longer works until the row becomes active\n        content =\n            typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : cell.getValue();\n    }\n\n    return (\n        <MemoedDisplayCell {...cellAttributes} {...attributes} cellRef={cellRef} isTruncated={isTruncated}>\n            {content ?? columnMeta.emptyState}\n        </MemoedDisplayCell>\n    );\n}\n\ntype MemoedDisplayCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    cellRef: any;\n    isTruncated: boolean;\n};\n\nconst MemoedDisplayCell = React.memo(function MemoedDisplayCell(props: MemoedDisplayCellProps) {\n    const { cellRef, children, isTruncated, ...cellAttributes } = props;\n\n    return (\n        <td {...cellAttributes} ref={cellRef}>\n            {isTruncated ? <span className=\"truncate print:overflow-visible print:whitespace-normal\">{children}</span> : children}\n        </td>\n    );\n});\n"],"names":["getCellAttributes","isInternalColumn","flexRender","MemoedDisplayCell"],"mappings":";;;;;;AAMO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,eAAe,GAAG,mBAAmB;AAC7D,QAAA,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,aAAaA,KAAA,kBAAkB,MAAM,OAAO,aAAa;AACzD,QAAA,cAAc,CAAC,CAAC,WAAW;AAE7B,MAAA;AAEJ,MAAIC,yBAAiB,KAAK,OAAO,EAAE,GAAG;AAClC,cAAUC,WAAAA,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY;AAAA,EAAA,OAC/D;AAGH,cACI,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI,KAAK,SAAS;AAAA,EAAA;AAIrH,SAAA,sBAAA,cAAC,mBAAmB,EAAA,GAAG,gBAAiB,GAAG,YAAY,SAAkB,YAAA,GACpE,WAAW,WAAW,UAC3B;AAER;AAOA,MAAM,oBAAoB,MAAM,KAAK,SAASC,mBAAkB,OAA+B;AAC3F,QAAM,EAAE,SAAS,UAAU,aAAa,GAAG,eAAmB,IAAA;AAE9D,SACK,sBAAA,cAAA,MAAA,EAAI,GAAG,gBAAgB,KAAK,WACxB,cAAc,sBAAA,cAAC,QAAK,EAAA,WAAU,6DAA2D,QAAS,IAAU,QACjH;AAER,CAAC;;"}
+{"version":3,"file":"DisplayCell.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.tsx"],"sourcesContent":["import React from 'react';\nimport { flexRender, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { getCellAttributes } from '../util';\nimport { TableCellRendererProps } from '../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nexport function DisplayCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted, ...cellAttributes } = props;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n    const isTruncated = !!columnMeta.enableTruncate;\n\n    let content;\n\n    if (isInternalColumn(cell.column.id)) {\n        content = flexRender(cell.column.columnDef.cell, cell.getContext());\n    } else {\n        // using flexRender renders as a react component not a function, and that causes re-render issues for us\n        // for example, clicks on buttons in cells no longer works until the row becomes active\n        content =\n            typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : cell.getValue();\n    }\n\n    return (\n        <MemoedDisplayCell {...cellAttributes} {...attributes} cellRef={cellRef} isTruncated={isTruncated}>\n            {content ?? columnMeta.emptyState}\n        </MemoedDisplayCell>\n    );\n}\n\ntype MemoedDisplayCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    cellRef: any;\n    isTruncated: boolean;\n};\n\nconst MemoedDisplayCell = React.memo(function MemoedDisplayCell(props: MemoedDisplayCellProps) {\n    const { cellRef, children, isTruncated, ...cellAttributes } = props;\n\n    return (\n        <td {...cellAttributes} ref={cellRef}>\n            {isTruncated ? <span className=\"truncate print:overflow-visible print:whitespace-normal\">{children}</span> : children}\n        </td>\n    );\n});\n"],"names":["getCellAttributes","isInternalColumn","flexRender","MemoedDisplayCell"],"mappings":";;;;;;AAMO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,eAAe,GAAG,mBAAmB;AACnE,QAAM,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,aAAaA,KAAAA,kBAAkB,MAAM,OAAO,aAAa;AAC/D,QAAM,cAAc,CAAC,CAAC,WAAW;AAEjC,MAAI;AAEJ,MAAIC,yBAAiB,KAAK,OAAO,EAAE,GAAG;AAClC,cAAUC,WAAAA,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY;AAAA,EACtE,OAAO;AAGH,cACI,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI,KAAK,SAAA;AAAA,EAChH;AAEA,SACI,sBAAA,cAAC,mBAAA,EAAmB,GAAG,gBAAiB,GAAG,YAAY,SAAkB,YAAA,GACpE,WAAW,WAAW,UAC3B;AAER;AAOA,MAAM,oBAAoB,MAAM,KAAK,SAASC,mBAAkB,OAA+B;AAC3F,QAAM,EAAE,SAAS,UAAU,aAAa,GAAG,mBAAmB;AAE9D,SACI,sBAAA,cAAC,MAAA,EAAI,GAAG,gBAAgB,KAAK,WACxB,cAAc,sBAAA,cAAC,QAAA,EAAK,WAAU,6DAA2D,QAAS,IAAU,QACjH;AAER,CAAC;;"}

package/dist/primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayCell.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.tsx"],"sourcesContent":["import React from 'react';\nimport { flexRender, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { getCellAttributes } from '../util';\nimport { TableCellRendererProps } from '../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nexport function DisplayCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted, ...cellAttributes } = props;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n    const isTruncated = !!columnMeta.enableTruncate;\n\n    let content;\n\n    if (isInternalColumn(cell.column.id)) {\n        content = flexRender(cell.column.columnDef.cell, cell.getContext());\n    } else {\n        // using flexRender renders as a react component not a function, and that causes re-render issues for us\n        // for example, clicks on buttons in cells no longer works until the row becomes active\n        content =\n            typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : cell.getValue();\n    }\n\n    return (\n        <MemoedDisplayCell {...cellAttributes} {...attributes} cellRef={cellRef} isTruncated={isTruncated}>\n            {content ?? columnMeta.emptyState}\n        </MemoedDisplayCell>\n    );\n}\n\ntype MemoedDisplayCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    cellRef: any;\n    isTruncated: boolean;\n};\n\nconst MemoedDisplayCell = React.memo(function MemoedDisplayCell(props: MemoedDisplayCellProps) {\n    const { cellRef, children, isTruncated, ...cellAttributes } = props;\n\n    return (\n        <td {...cellAttributes} ref={cellRef}>\n            {isTruncated ? <span className=\"truncate print:overflow-visible print:whitespace-normal\">{children}</span> : children}\n        </td>\n    );\n});\n"],"names":["React","MemoedDisplayCell"],"mappings":";;;;AAMO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,eAAe,GAAG,mBAAmB;AAC7D,QAAA,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,aAAa,kBAAkB,MAAM,OAAO,aAAa;AACzD,QAAA,cAAc,CAAC,CAAC,WAAW;AAE7B,MAAA;AAEJ,MAAI,iBAAiB,KAAK,OAAO,EAAE,GAAG;AAClC,cAAU,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY;AAAA,EAAA,OAC/D;AAGH,cACI,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI,KAAK,SAAS;AAAA,EAAA;AAIrH,SAAAA,+BAAA,cAAC,mBAAmB,EAAA,GAAG,gBAAiB,GAAG,YAAY,SAAkB,YAAA,GACpE,WAAW,WAAW,UAC3B;AAER;AAOA,MAAM,oBAAoBA,eAAM,KAAK,SAASC,mBAAkB,OAA+B;AAC3F,QAAM,EAAE,SAAS,UAAU,aAAa,GAAG,eAAmB,IAAA;AAE9D,SACKD,+BAAA,cAAA,MAAA,EAAI,GAAG,gBAAgB,KAAK,WACxB,cAAcA,+BAAA,cAAC,QAAK,EAAA,WAAU,6DAA2D,QAAS,IAAU,QACjH;AAER,CAAC;"}
+{"version":3,"file":"DisplayCell.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.tsx"],"sourcesContent":["import React from 'react';\nimport { flexRender, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { getCellAttributes } from '../util';\nimport { TableCellRendererProps } from '../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nexport function DisplayCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted, ...cellAttributes } = props;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n    const isTruncated = !!columnMeta.enableTruncate;\n\n    let content;\n\n    if (isInternalColumn(cell.column.id)) {\n        content = flexRender(cell.column.columnDef.cell, cell.getContext());\n    } else {\n        // using flexRender renders as a react component not a function, and that causes re-render issues for us\n        // for example, clicks on buttons in cells no longer works until the row becomes active\n        content =\n            typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : cell.getValue();\n    }\n\n    return (\n        <MemoedDisplayCell {...cellAttributes} {...attributes} cellRef={cellRef} isTruncated={isTruncated}>\n            {content ?? columnMeta.emptyState}\n        </MemoedDisplayCell>\n    );\n}\n\ntype MemoedDisplayCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    cellRef: any;\n    isTruncated: boolean;\n};\n\nconst MemoedDisplayCell = React.memo(function MemoedDisplayCell(props: MemoedDisplayCellProps) {\n    const { cellRef, children, isTruncated, ...cellAttributes } = props;\n\n    return (\n        <td {...cellAttributes} ref={cellRef}>\n            {isTruncated ? <span className=\"truncate print:overflow-visible print:whitespace-normal\">{children}</span> : children}\n        </td>\n    );\n});\n"],"names":["React","MemoedDisplayCell"],"mappings":";;;;AAMO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,eAAe,GAAG,mBAAmB;AACnE,QAAM,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,aAAa,kBAAkB,MAAM,OAAO,aAAa;AAC/D,QAAM,cAAc,CAAC,CAAC,WAAW;AAEjC,MAAI;AAEJ,MAAI,iBAAiB,KAAK,OAAO,EAAE,GAAG;AAClC,cAAU,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY;AAAA,EACtE,OAAO;AAGH,cACI,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI,KAAK,SAAA;AAAA,EAChH;AAEA,SACIA,+BAAA,cAAC,mBAAA,EAAmB,GAAG,gBAAiB,GAAG,YAAY,SAAkB,YAAA,GACpE,WAAW,WAAW,UAC3B;AAER;AAOA,MAAM,oBAAoBA,eAAM,KAAK,SAASC,mBAAkB,OAA+B;AAC3F,QAAM,EAAE,SAAS,UAAU,aAAa,GAAG,mBAAmB;AAE9D,SACID,+BAAA,cAAC,MAAA,EAAI,GAAG,gBAAgB,KAAK,WACxB,cAAcA,+BAAA,cAAC,QAAA,EAAK,WAAU,6DAA2D,QAAS,IAAU,QACjH;AAER,CAAC;"}

package/dist/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.cjs

@@ -35,7 +35,7 @@ const MemoedGroupedCell = React.memo(function MemoedGroupedCell2(props) {
   const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;
   return (
     // pr-1 is needed to align group row actions with row actions in sibling rows, if present
-    /* @__PURE__ */ React.createElement("td", { ...attributes, className: "!pr-1", ref: cellRef, style: { gridColumn: `span ${colSpan} / span ${colSpan}` } }, /* @__PURE__ */ React.createElement("span", { className: "grow" }, children), (rowActions == null ? void 0 : rowActions.length) && canShowActions ? /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement("td", { ...attributes, className: "!pr-1", ref: cellRef, style: { gridColumn: `span ${colSpan} / span ${colSpan}` } }, /* @__PURE__ */ React.createElement("span", { className: "grow" }, children), rowActions?.length && canShowActions ? /* @__PURE__ */ React.createElement(
       Actions.Actions,
       {
         actions: rowActions,