@economic/taco 11.0.0 → 11.0.1-react-v19.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 { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport React from 'react';\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;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,UAAyB,OAAO;AAAA,EAC9D;AAEA,SAAO,sBAAA,cAAC,OAAA,EAAK,GAAG,QAAA,GAAU,QAAS;AACvC;AACA,KAAK,cAAc;;"}
+{"version":3,"file":"Item.cjs","sources":["../../../../src/primitives/Sortable/components/Item.tsx"],"sourcesContent":["import { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport React from 'react';\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.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../src/primitives/Sortable/components/Item.tsx"],"sourcesContent":["import { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport React from 'react';\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;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,UAAyB,OAAO;AAAA,EAC9D;AAEA,SAAOA,+BAAA,cAAC,OAAA,EAAK,GAAG,QAAA,GAAU,QAAS;AACvC;AACA,KAAK,cAAc;"}
+{"version":3,"file":"Item.js","sources":["../../../../src/primitives/Sortable/components/Item.tsx"],"sourcesContent":["import { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport React from 'react';\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/Table/Core/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","sources":["../../../../src/primitives/Table/Core/Table.tsx"],"sourcesContent":["import { FocusScope } from '@react-aria/focus';\nimport React from 'react';\n\nimport type { TableEmptyStateReason } from '../types';\n\nimport { Body } from './components/Body/Body';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { Foot } from './components/Footer/Footer';\nimport { Header } from './components/Header/Header';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport type { useTableReturnValue } from './useTable';\nimport { ROW_HEIGHT_ESTIMATES } from './util/rows';\n\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 { FocusScope } from '@react-aria/focus';\nimport React from 'react';\n\nimport type { TableEmptyStateReason } from '../types';\n\nimport { Body } from './components/Body/Body';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { Foot } from './components/Footer/Footer';\nimport { Header } from './components/Header/Header';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport type { useTableReturnValue } from './useTable';\nimport { ROW_HEIGHT_ESTIMATES } from './util/rows';\n\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":";;;;;;;;;;;AAmBO,SAAS,MAAM,OAAmB;AACrC,SAAO,sBAAA,cAAA,MAAA,UAAA,MAAG,MAAM,QAAS;AAC7B;AACA,MAAM,UAAUA,QAAAA;AAChB,MAAM,OAAO;AASb,SAAS,oBAAqC,OAAiE;AAC3G,MAAI,MAAM,SAAS,oBAAA,EAAsB,KAAK,WAAW,KAAK,MAAM,SAAS,gBAAA,EAAkB,KAAK,WAAW,GAAG;AAC9G,UAAM,QAAQ,MAAM,SAAS,SAAA;AAE7B,QAAI,MAAM,KAAK,OAAO,sBAAsB,CAAC,CAAC,MAAM,cAAc;AAC9D,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX;AACA,MAAI,MAAM,SAAS,gBAAA,EAAkB,KAAK,WAAW,GAAG;AACpD,WAAO;AAAA,EACX;AAEA,SAAO;AACX;AAEO,SAAS,UAA2B,OAA8B;AACrE,QAAM,EAAE,oCAAoC,YAAY,OAAO,GAAG,eAAe;AACjF,QAAM,cACF,MAAM,KAAK,UAAU,mBAAmB,SAClC,CAAC,UAA4B;AACzB,UAAM,KAAK,UAAU,YAAY,OAAO,MAAM,KAAK,QAAQ,MAAM,SAAS,aAAa;AAAA,EAC3F,IACA;AACV,QAAM,mBAAmB,oBAAoB,KAAK;AAElD,mEAEQ,sBAAA,cAAC,SAAA,MAAO,MAAM,UAAW,uCACxBC,kBAAA,MACG,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,IAAI,MAAM;AAAA,MACV,aAAW,GAAG,MAAM,EAAE;AAAA,MACtB,wBAAsB,MAAM,KAAK,SAAS;AAAA,MAC1C,sBAAoB,CAAC,CAAC,MAAM,MAAM,UAAU;AAAA,MAC5C,oCAAkC,MAAM,KAAK,eAAe,yBAAyB,OAAO;AAAA,MAC5F,qBAAmB,MAAM,KAAK,OAAO,YAAa,MAAM,KAAK,OAAO,UAAU,UAAU,SAAa;AAAA,MACrG,0BAAwB,MAAM,KAAK,UAAU,qBAAqB,OAAO;AAAA,MACzE,uBAAqB,MAAM,MAAM,iBAAiB,mBAAmB,OAAO;AAAA,MAC5E,yBAAuB,MAAM,KAAK,UAAU;AAAA,MAC5C,SAAS;AAAA,MACT,UAAU,MAAM,KAAK,eAAe;AAAA,MACpC,KAAK,MAAM;AAAA,MACX,OAAO,MAAM;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IACV,sBAAA,cAAC,SAAA,MACI,MAAM,SAAS,kBAAkB,IAAI,CAAA,gBAClC,sBAAA,cAAC,MAAA,EAAG,KAAK,YAAY,GAAA,GAChB,YAAY,QAAQ,IAAI,CAAAC,WACrB,sBAAA,cAACC,eAAA,EAAO,KAAKD,OAAM,IAAI,QAAQA,QAAO,eAAe,MAAM,SAAS,cAAA,CAAe,CACtF,CACL,CACH,CACL;AAAA,IACC,mBACG,sBAAA;AAAA,MAACE,eAAAA;AAAAA,MAAA;AAAA,QACG,YAAY,MAAM,MAAM,MAAM;AAAA,QAC9B,SAAS,MAAM,KAAK,OAAO,YAAY,MAAM,KAAK,OAAO,UAAU;AAAA,QACnE,QAAQ;AAAA,MAAA;AAAA,IAAA,IAGZ,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA;AAAA,MAACC,KAAAA;AAAAA,MAAA;AAAA,QACG;AAAA,QACA,OAAO,MAAM;AAAA,QACb,cAAc,MAAM,IAAI;AAAA,QACxB,eAAe,MAAM,SAAS;AAAA,QAC9B,OACI,MAAM,WACA;AAAA,UACI,GAAG,MAAM,SAAS;AAAA,UAClB,QACK,MAAM,SAAS,MAAM;AAAA,UAEtBC,0BAAqB;AAAA,QAAA,IAE7B,MAAM,SAAS;AAAA,MAAA;AAAA,MAExB,MAAM,SAAS;AAAA,MACf,MAAM;AAAA,IAAA,GAEV,MAAM,KAAK,OAAO,YAAY,sBAAA,cAACC,aAAA,EAAK,OAAO,MAAM,SAAA,GAAW,UAAW,IAAU,IACtF;AAAA,EAAA,CAGZ,CACJ;AAER;;;"}

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

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { TableToolbar } from './components/Toolbar/Toolbar';
 import { useTableReturnValue } from './useTable';
 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.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/primitives/Table/Core/Table.tsx"],"sourcesContent":["import { FocusScope } from '@react-aria/focus';\nimport React from 'react';\n\nimport type { TableEmptyStateReason } from '../types';\n\nimport { Body } from './components/Body/Body';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { Foot } from './components/Footer/Footer';\nimport { Header } from './components/Header/Header';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport type { useTableReturnValue } from './useTable';\nimport { ROW_HEIGHT_ESTIMATES } from './util/rows';\n\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 { FocusScope } from '@react-aria/focus';\nimport React from 'react';\n\nimport type { TableEmptyStateReason } from '../types';\n\nimport { Body } from './components/Body/Body';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { Foot } from './components/Footer/Footer';\nimport { Header } from './components/Header/Header';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport type { useTableReturnValue } from './useTable';\nimport { ROW_HEIGHT_ESTIMATES } from './util/rows';\n\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/Columns/Cell/BuiltIns/GroupedCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GroupedCell.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowActionGroupRenderer } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport type { TableCellRendererProps } from '../../../../types';\nimport { RowContext } from '../../../Row/RowContext';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { getCellAttributes } from '../util';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted } = props;\n    const { table } = cell.getContext();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n    // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n    // rowGroupActions aligns with rowActions.\n    const colSpan =\n        cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n    const subRows = cell.getContext().row.subRows.map(row => row.original);\n\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    const content = typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : null;\n\n    return (\n        <MemoedGroupedCell<TType>\n            {...attributes}\n            canShowActions={canShowActions}\n            cellRef={cellRef}\n            colSpan={colSpan}\n            rowActions={tableMeta.rowGroups.rowActionsForGroup}\n            rowId={cell.row.id}\n            subRows={subRows}\n            table={table}>\n            {content}\n        </MemoedGroupedCell>\n    );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    canShowActions: boolean;\n    cellRef: React.RefObject<HTMLTableCellElement>;\n    colSpan: number;\n    rowActions?: TableRowActionGroupRenderer<TType>[];\n    rowId: string;\n    subRows: TType[];\n    table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n    const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n    return (\n        // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n        <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n            <span className=\"grow\">{children}</span>\n            {rowActions?.length && canShowActions ? (\n                <RowGroupActions<TType>\n                    actions={rowActions as any}\n                    actionsLength={4}\n                    data={subRows}\n                    isActiveRow\n                    rowId={rowId}\n                    table={table}\n                />\n            ) : null}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => JSX.Element;\n"],"names":["getCellAttributes","RowContext","isInternalColumn","MemoedGroupedCell","RowGroupActions"],"mappings":";;;;;;;AAUO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAChD,QAAM,EAAE,MAAA,IAAU,KAAK,WAAA;AACvB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAaA,KAAAA,kBAAkB,MAAM,OAAO,aAAa;AAE/D,QAAM,EAAE,WAAW,SAAA,IAAa,MAAM,WAAWC,WAAAA,UAAU;AAC3D,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,iBAAiB,eAAgB,aAAa,CAAC,UAAU,UAAU;AAIzE,QAAM,UACF,KAAK,IAAI,kBAAkB,OAAO,OAAK,EAAE,OAAO,OAAO,eAAe,CAACC,QAAAA,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS;AACnH,QAAM,UAAU,KAAK,WAAA,EAAa,IAAI,QAAQ,IAAI,CAAA,QAAO,IAAI,QAAQ;AAIrE,QAAM,UAAU,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI;AAEnH,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,UAAU,UAAU;AAAA,MAChC,OAAO,KAAK,IAAI;AAAA,MAChB;AAAA,MACA;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb;AAYA,MAAM,oBAAoB,MAAM,KAAK,SAASC,mBAAmC,OAAsC;AACnH,QAAM,EAAE,gBAAgB,SAAS,UAAU,SAAS,YAAY,OAAO,SAAS,OAAO,GAAG,WAAA,IAAe;AAEzG;AAAA;AAAA,IAEI,sBAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAU,SAAQ,KAAK,SAAS,OAAO,EAAE,YAAY,QAAQ,OAAO,WAAW,OAAO,GAAA,EAAG,GACzG,sBAAA,cAAC,QAAA,EAAK,WAAU,OAAA,GAAQ,QAAS,GAChC,YAAY,UAAU,iBACnB,sBAAA;AAAA,MAACC,QAAAA;AAAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,eAAe;AAAA,QACf,MAAM;AAAA,QACN,aAAW;AAAA,QACX;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAEJ,IACR;AAAA;AAER,CAAC;;"}
+{"version":3,"file":"GroupedCell.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowActionGroupRenderer } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport type { TableCellRendererProps } from '../../../../types';\nimport { RowContext } from '../../../Row/RowContext';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { getCellAttributes } from '../util';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted } = props;\n    const { table } = cell.getContext();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n    // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n    // rowGroupActions aligns with rowActions.\n    const colSpan =\n        cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n    const subRows = cell.getContext().row.subRows.map(row => row.original);\n\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    const content = typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : null;\n\n    return (\n        <MemoedGroupedCell<TType>\n            {...attributes}\n            canShowActions={canShowActions}\n            cellRef={cellRef}\n            colSpan={colSpan}\n            rowActions={tableMeta.rowGroups.rowActionsForGroup}\n            rowId={cell.row.id}\n            subRows={subRows}\n            table={table}>\n            {content}\n        </MemoedGroupedCell>\n    );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    canShowActions: boolean;\n    cellRef: React.RefObject<HTMLTableCellElement | null>;\n    colSpan: number;\n    rowActions?: TableRowActionGroupRenderer<TType>[];\n    rowId: string;\n    subRows: TType[];\n    table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n    const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n    return (\n        // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n        <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n            <span className=\"grow\">{children}</span>\n            {rowActions?.length && canShowActions ? (\n                <RowGroupActions<TType>\n                    actions={rowActions as any}\n                    actionsLength={4}\n                    data={subRows}\n                    isActiveRow\n                    rowId={rowId}\n                    table={table}\n                />\n            ) : null}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => React.JSX.Element;\n"],"names":["getCellAttributes","RowContext","isInternalColumn","MemoedGroupedCell","RowGroupActions"],"mappings":";;;;;;;AAUO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAChD,QAAM,EAAE,MAAA,IAAU,KAAK,WAAA;AACvB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAaA,KAAAA,kBAAkB,MAAM,OAAO,aAAa;AAE/D,QAAM,EAAE,WAAW,SAAA,IAAa,MAAM,WAAWC,WAAAA,UAAU;AAC3D,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,iBAAiB,eAAgB,aAAa,CAAC,UAAU,UAAU;AAIzE,QAAM,UACF,KAAK,IAAI,kBAAkB,OAAO,OAAK,EAAE,OAAO,OAAO,eAAe,CAACC,QAAAA,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS;AACnH,QAAM,UAAU,KAAK,WAAA,EAAa,IAAI,QAAQ,IAAI,CAAA,QAAO,IAAI,QAAQ;AAIrE,QAAM,UAAU,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI;AAEnH,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,UAAU,UAAU;AAAA,MAChC,OAAO,KAAK,IAAI;AAAA,MAChB;AAAA,MACA;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb;AAYA,MAAM,oBAAoB,MAAM,KAAK,SAASC,mBAAmC,OAAsC;AACnH,QAAM,EAAE,gBAAgB,SAAS,UAAU,SAAS,YAAY,OAAO,SAAS,OAAO,GAAG,WAAA,IAAe;AAEzG;AAAA;AAAA,IAEI,sBAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAU,SAAQ,KAAK,SAAS,OAAO,EAAE,YAAY,QAAQ,OAAO,WAAW,OAAO,GAAA,EAAG,GACzG,sBAAA,cAAC,QAAA,EAAK,WAAU,OAAA,GAAQ,QAAS,GAChC,YAAY,UAAU,iBACnB,sBAAA;AAAA,MAACC,QAAAA;AAAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,eAAe;AAAA,QACf,MAAM;AAAA,QACN,aAAW;AAAA,QACX;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAEJ,IACR;AAAA;AAER,CAAC;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"GroupedCell.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowActionGroupRenderer } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport type { TableCellRendererProps } from '../../../../types';\nimport { RowContext } from '../../../Row/RowContext';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { getCellAttributes } from '../util';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted } = props;\n    const { table } = cell.getContext();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n    // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n    // rowGroupActions aligns with rowActions.\n    const colSpan =\n        cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n    const subRows = cell.getContext().row.subRows.map(row => row.original);\n\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    const content = typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : null;\n\n    return (\n        <MemoedGroupedCell<TType>\n            {...attributes}\n            canShowActions={canShowActions}\n            cellRef={cellRef}\n            colSpan={colSpan}\n            rowActions={tableMeta.rowGroups.rowActionsForGroup}\n            rowId={cell.row.id}\n            subRows={subRows}\n            table={table}>\n            {content}\n        </MemoedGroupedCell>\n    );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    canShowActions: boolean;\n    cellRef: React.RefObject<HTMLTableCellElement>;\n    colSpan: number;\n    rowActions?: TableRowActionGroupRenderer<TType>[];\n    rowId: string;\n    subRows: TType[];\n    table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n    const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n    return (\n        // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n        <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n            <span className=\"grow\">{children}</span>\n            {rowActions?.length && canShowActions ? (\n                <RowGroupActions<TType>\n                    actions={rowActions as any}\n                    actionsLength={4}\n                    data={subRows}\n                    isActiveRow\n                    rowId={rowId}\n                    table={table}\n                />\n            ) : null}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => JSX.Element;\n"],"names":["React","MemoedGroupedCell","RowGroupActions"],"mappings":";;;;;AAUO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAChD,QAAM,EAAE,MAAA,IAAU,KAAK,WAAA;AACvB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAa,kBAAkB,MAAM,OAAO,aAAa;AAE/D,QAAM,EAAE,WAAW,SAAA,IAAaA,eAAM,WAAW,UAAU;AAC3D,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,iBAAiB,eAAgB,aAAa,CAAC,UAAU,UAAU;AAIzE,QAAM,UACF,KAAK,IAAI,kBAAkB,OAAO,OAAK,EAAE,OAAO,OAAO,eAAe,CAAC,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS;AACnH,QAAM,UAAU,KAAK,WAAA,EAAa,IAAI,QAAQ,IAAI,CAAA,QAAO,IAAI,QAAQ;AAIrE,QAAM,UAAU,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI;AAEnH,SACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,UAAU,UAAU;AAAA,MAChC,OAAO,KAAK,IAAI;AAAA,MAChB;AAAA,MACA;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb;AAYA,MAAM,oBAAoBA,eAAM,KAAK,SAASC,mBAAmC,OAAsC;AACnH,QAAM,EAAE,gBAAgB,SAAS,UAAU,SAAS,YAAY,OAAO,SAAS,OAAO,GAAG,WAAA,IAAe;AAEzG;AAAA;AAAA,IAEID,+BAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAU,SAAQ,KAAK,SAAS,OAAO,EAAE,YAAY,QAAQ,OAAO,WAAW,OAAO,GAAA,EAAG,GACzGA,+BAAA,cAAC,QAAA,EAAK,WAAU,OAAA,GAAQ,QAAS,GAChC,YAAY,UAAU,iBACnBA,+BAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,eAAe;AAAA,QACf,MAAM;AAAA,QACN,aAAW;AAAA,QACX;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAEJ,IACR;AAAA;AAER,CAAC;"}
+{"version":3,"file":"GroupedCell.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowActionGroupRenderer } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport type { TableCellRendererProps } from '../../../../types';\nimport { RowContext } from '../../../Row/RowContext';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { getCellAttributes } from '../util';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted } = props;\n    const { table } = cell.getContext();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n    // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n    // rowGroupActions aligns with rowActions.\n    const colSpan =\n        cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n    const subRows = cell.getContext().row.subRows.map(row => row.original);\n\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    const content = typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : null;\n\n    return (\n        <MemoedGroupedCell<TType>\n            {...attributes}\n            canShowActions={canShowActions}\n            cellRef={cellRef}\n            colSpan={colSpan}\n            rowActions={tableMeta.rowGroups.rowActionsForGroup}\n            rowId={cell.row.id}\n            subRows={subRows}\n            table={table}>\n            {content}\n        </MemoedGroupedCell>\n    );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    canShowActions: boolean;\n    cellRef: React.RefObject<HTMLTableCellElement | null>;\n    colSpan: number;\n    rowActions?: TableRowActionGroupRenderer<TType>[];\n    rowId: string;\n    subRows: TType[];\n    table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n    const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n    return (\n        // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n        <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n            <span className=\"grow\">{children}</span>\n            {rowActions?.length && canShowActions ? (\n                <RowGroupActions<TType>\n                    actions={rowActions as any}\n                    actionsLength={4}\n                    data={subRows}\n                    isActiveRow\n                    rowId={rowId}\n                    table={table}\n                />\n            ) : null}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => React.JSX.Element;\n"],"names":["React","MemoedGroupedCell","RowGroupActions"],"mappings":";;;;;AAUO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAChD,QAAM,EAAE,MAAA,IAAU,KAAK,WAAA;AACvB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAa,kBAAkB,MAAM,OAAO,aAAa;AAE/D,QAAM,EAAE,WAAW,SAAA,IAAaA,eAAM,WAAW,UAAU;AAC3D,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,iBAAiB,eAAgB,aAAa,CAAC,UAAU,UAAU;AAIzE,QAAM,UACF,KAAK,IAAI,kBAAkB,OAAO,OAAK,EAAE,OAAO,OAAO,eAAe,CAAC,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS;AACnH,QAAM,UAAU,KAAK,WAAA,EAAa,IAAI,QAAQ,IAAI,CAAA,QAAO,IAAI,QAAQ;AAIrE,QAAM,UAAU,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI;AAEnH,SACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,UAAU,UAAU;AAAA,MAChC,OAAO,KAAK,IAAI;AAAA,MAChB;AAAA,MACA;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb;AAYA,MAAM,oBAAoBA,eAAM,KAAK,SAASC,mBAAmC,OAAsC;AACnH,QAAM,EAAE,gBAAgB,SAAS,UAAU,SAAS,YAAY,OAAO,SAAS,OAAO,GAAG,WAAA,IAAe;AAEzG;AAAA;AAAA,IAEID,+BAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAU,SAAQ,KAAK,SAAS,OAAO,EAAE,YAAY,QAAQ,OAAO,WAAW,OAAO,GAAA,EAAG,GACzGA,+BAAA,cAAC,QAAA,EAAK,WAAU,OAAA,GAAQ,QAAS,GAChC,YAAY,UAAU,iBACnBA,+BAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,eAAe;AAAA,QACf,MAAM;AAAA,QACN,aAAW;AAAA,QACX;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAEJ,IACR;AAAA;AAER,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"util.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import type {\n    Cell as ReactTableCell,\n    ColumnMeta as ReactTableColumnMeta,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\n\nexport type DisplayCellProps<TType = unknown> = {\n    index: number;\n    cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    index: number,\n    isHighlighted: true | 'current' | undefined\n) {\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isPinned = cell.column.getIsPinned();\n\n    // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n    return {\n        'data-cell-align': columnMeta?.align,\n        'data-cell-highlighted': isHighlighted,\n        'data-cell-id': cell.column.id,\n        'data-cell-index': index,\n        'data-cell-pinned': isPinned ? true : undefined,\n        'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n        className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n    };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    cellIndex: number,\n    ref: React.RefObject<HTMLTableCellElement>\n) {\n    const localization = useLocalization();\n    const { rowIndex } = React.useContext(RowContext);\n    const context = cell.getContext();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n        if (\n            !cell.column.columnDef.enableGlobalFilter ||\n            isInternalColumn(cell.column.id) ||\n            cell.getIsAggregated() ||\n            cell.getIsPlaceholder()\n        ) {\n            return undefined;\n        }\n\n        let isHighlighted = false;\n\n        if (context.table.getState().globalFilter) {\n            isHighlighted = isCellHighlighted(\n                context.table.getState().globalFilter,\n                cell.getValue(),\n                cell.row.original,\n                columnMeta.dataType,\n                columnMeta.dataTypeOptions,\n                localization\n            );\n        }\n\n        if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n            return undefined;\n        }\n\n        const [rowActiveIndex, currentColumnIndex] =\n            tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] ?? [];\n\n        if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n            return 'current';\n        }\n\n        return true;\n    }, [\n        cell.getValue(),\n        context.table.getState().globalFilter,\n        tableMeta.search.highlightedColumnIndexes.length,\n        tableMeta.search.currentHighlightColumnIndex,\n    ]);\n\n    React.useEffect(() => {\n        if (ref.current && isHighlighted === 'current') {\n            ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n            setTimeout(() => {\n                if (ref.current) {\n                    const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n                    setTimeout(() => {\n                        const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n                        if (pinnedColumns?.length) {\n                            const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n                            if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n                                tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n                            }\n                        }\n                    }, 1);\n                }\n            }, 1);\n        }\n    }, [isHighlighted]);\n\n    return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n    const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n    return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n    if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n        const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n        const highlightRef = column?.getBoundingClientRect();\n        const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n        // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n        if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n            const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n            tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n        }\n    } else {\n        column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n}\n"],"names":["useLocalization","RowContext","isInternalColumn","isHighlighted","isCellHighlighted"],"mappings":";;;;;;AAgBO,SAAS,kBACZ,MACA,OACA,eACF;AACE,QAAM,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,WAAW,KAAK,OAAO,YAAA;AAG7B,SAAO;AAAA,IACH,mBAAmB,YAAY;AAAA,IAC/B,yBAAyB;AAAA,IACzB,gBAAgB,KAAK,OAAO;AAAA,IAC5B,mBAAmB;AAAA,IACnB,oBAAoB,WAAW,OAAO;AAAA,IACtC,sBAAsB,WAAW,iBAAiB,OAAO;AAAA,IACzD,WAAW,OAAO,WAAW,cAAc,aAAa,WAAW,UAAU,KAAK,IAAI,QAAQ,IAAI,WAAW;AAAA,EAAA;AAErH;AAEO,SAAS,sBACZ,MACA,WACA,KACF;AACE,QAAM,eAAeA,aAAAA,gBAAA;AACrB,QAAM,EAAE,SAAA,IAAa,MAAM,WAAWC,WAAAA,UAAU;AAChD,QAAM,UAAU,KAAK,WAAA;AACrB,QAAM,YAAY,QAAQ,MAAM,QAAQ;AACxC,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,QAAM,gBAAiD,MAAM,QAAQ,MAAM;AACvE,QACI,CAAC,KAAK,OAAO,UAAU,sBACvBC,QAAAA,iBAAiB,KAAK,OAAO,EAAE,KAC/B,KAAK,gBAAA,KACL,KAAK,oBACP;AACE,aAAO;AAAA,IACX;AAEA,QAAIC,iBAAgB;AAEpB,QAAI,QAAQ,MAAM,SAAA,EAAW,cAAc;AACvCA,uBAAgBC,QAAAA;AAAAA,QACZ,QAAQ,MAAM,SAAA,EAAW;AAAA,QACzB,KAAK,SAAA;AAAA,QACL,KAAK,IAAI;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,IAER;AAEA,QAAI,CAACD,kBAAiB,UAAU,OAAO,gCAAgC,QAAW;AAC9E,aAAO;AAAA,IACX;AAEA,UAAM,CAAC,gBAAgB,kBAAkB,IACrC,UAAU,OAAO,yBAAyB,UAAU,OAAO,2BAA2B,KAAK,CAAA;AAE/F,QAAI,mBAAmB,YAAY,uBAAuB,WAAW;AACjE,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX,GAAG;AAAA,IACC,KAAK,SAAA;AAAA,IACL,QAAQ,MAAM,SAAA,EAAW;AAAA,IACzB,UAAU,OAAO,yBAAyB;AAAA,IAC1C,UAAU,OAAO;AAAA,EAAA,CACpB;AAED,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,kBAAkB,WAAW;AAC5C,UAAI,QAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAElE,iBAAW,MAAM;AACb,YAAI,IAAI,SAAS;AACb,gBAAM,UAAU,IAAI,QAAQ,QAAQ,2BAA2B;AAE/D,qBAAW,MAAM;AACb,kBAAM,gBAAgB,SAAS,iBAAiB,iDAAiD;AAEjG,gBAAI,eAAe,QAAQ;AACvB,oBAAM,iBAAiB,cAAc,KAAK,cAAc,SAAS,CAAC,GAAG,sBAAA;AAErE,kBAAI,kBAAkB,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO;AACjE,yBAAS,SAAS,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO,QAAQ,SAAS;AAAA,cACtF;AAAA,YACJ;AAAA,UACJ,GAAG,CAAC;AAAA,QACR;AAAA,MACJ,GAAG,CAAC;AAAA,IACR;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,SAAO;AACX;;;"}
+{"version":3,"file":"util.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import type {\n    Cell as ReactTableCell,\n    ColumnMeta as ReactTableColumnMeta,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\n\nexport type DisplayCellProps<TType = unknown> = {\n    index: number;\n    cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    index: number,\n    isHighlighted: true | 'current' | undefined\n) {\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isPinned = cell.column.getIsPinned();\n\n    // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n    return {\n        'data-cell-align': columnMeta?.align,\n        'data-cell-highlighted': isHighlighted,\n        'data-cell-id': cell.column.id,\n        'data-cell-index': index,\n        'data-cell-pinned': isPinned ? true : undefined,\n        'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n        className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n    };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    cellIndex: number,\n    ref: React.RefObject<HTMLTableCellElement | null>\n) {\n    const localization = useLocalization();\n    const { rowIndex } = React.useContext(RowContext);\n    const context = cell.getContext();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n        if (\n            !cell.column.columnDef.enableGlobalFilter ||\n            isInternalColumn(cell.column.id) ||\n            cell.getIsAggregated() ||\n            cell.getIsPlaceholder()\n        ) {\n            return undefined;\n        }\n\n        let isHighlighted = false;\n\n        if (context.table.getState().globalFilter) {\n            isHighlighted = isCellHighlighted(\n                context.table.getState().globalFilter,\n                cell.getValue(),\n                cell.row.original,\n                columnMeta.dataType,\n                columnMeta.dataTypeOptions,\n                localization\n            );\n        }\n\n        if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n            return undefined;\n        }\n\n        const [rowActiveIndex, currentColumnIndex] =\n            tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] ?? [];\n\n        if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n            return 'current';\n        }\n\n        return true;\n    }, [\n        cell.getValue(),\n        context.table.getState().globalFilter,\n        tableMeta.search.highlightedColumnIndexes.length,\n        tableMeta.search.currentHighlightColumnIndex,\n    ]);\n\n    React.useEffect(() => {\n        if (ref.current && isHighlighted === 'current') {\n            ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n            setTimeout(() => {\n                if (ref.current) {\n                    const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n                    setTimeout(() => {\n                        const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n                        if (pinnedColumns?.length) {\n                            const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n                            if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n                                tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n                            }\n                        }\n                    }, 1);\n                }\n            }, 1);\n        }\n    }, [isHighlighted]);\n\n    return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n    const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n    return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n    if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n        const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n        const highlightRef = column?.getBoundingClientRect();\n        const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n        // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n        if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n            const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n            tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n        }\n    } else {\n        column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n}\n"],"names":["useLocalization","RowContext","isInternalColumn","isHighlighted","isCellHighlighted"],"mappings":";;;;;;AAgBO,SAAS,kBACZ,MACA,OACA,eACF;AACE,QAAM,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,WAAW,KAAK,OAAO,YAAA;AAG7B,SAAO;AAAA,IACH,mBAAmB,YAAY;AAAA,IAC/B,yBAAyB;AAAA,IACzB,gBAAgB,KAAK,OAAO;AAAA,IAC5B,mBAAmB;AAAA,IACnB,oBAAoB,WAAW,OAAO;AAAA,IACtC,sBAAsB,WAAW,iBAAiB,OAAO;AAAA,IACzD,WAAW,OAAO,WAAW,cAAc,aAAa,WAAW,UAAU,KAAK,IAAI,QAAQ,IAAI,WAAW;AAAA,EAAA;AAErH;AAEO,SAAS,sBACZ,MACA,WACA,KACF;AACE,QAAM,eAAeA,aAAAA,gBAAA;AACrB,QAAM,EAAE,SAAA,IAAa,MAAM,WAAWC,WAAAA,UAAU;AAChD,QAAM,UAAU,KAAK,WAAA;AACrB,QAAM,YAAY,QAAQ,MAAM,QAAQ;AACxC,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,QAAM,gBAAiD,MAAM,QAAQ,MAAM;AACvE,QACI,CAAC,KAAK,OAAO,UAAU,sBACvBC,QAAAA,iBAAiB,KAAK,OAAO,EAAE,KAC/B,KAAK,gBAAA,KACL,KAAK,oBACP;AACE,aAAO;AAAA,IACX;AAEA,QAAIC,iBAAgB;AAEpB,QAAI,QAAQ,MAAM,SAAA,EAAW,cAAc;AACvCA,uBAAgBC,QAAAA;AAAAA,QACZ,QAAQ,MAAM,SAAA,EAAW;AAAA,QACzB,KAAK,SAAA;AAAA,QACL,KAAK,IAAI;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,IAER;AAEA,QAAI,CAACD,kBAAiB,UAAU,OAAO,gCAAgC,QAAW;AAC9E,aAAO;AAAA,IACX;AAEA,UAAM,CAAC,gBAAgB,kBAAkB,IACrC,UAAU,OAAO,yBAAyB,UAAU,OAAO,2BAA2B,KAAK,CAAA;AAE/F,QAAI,mBAAmB,YAAY,uBAAuB,WAAW;AACjE,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX,GAAG;AAAA,IACC,KAAK,SAAA;AAAA,IACL,QAAQ,MAAM,SAAA,EAAW;AAAA,IACzB,UAAU,OAAO,yBAAyB;AAAA,IAC1C,UAAU,OAAO;AAAA,EAAA,CACpB;AAED,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,kBAAkB,WAAW;AAC5C,UAAI,QAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAElE,iBAAW,MAAM;AACb,YAAI,IAAI,SAAS;AACb,gBAAM,UAAU,IAAI,QAAQ,QAAQ,2BAA2B;AAE/D,qBAAW,MAAM;AACb,kBAAM,gBAAgB,SAAS,iBAAiB,iDAAiD;AAEjG,gBAAI,eAAe,QAAQ;AACvB,oBAAM,iBAAiB,cAAc,KAAK,cAAc,SAAS,CAAC,GAAG,sBAAA;AAErE,kBAAI,kBAAkB,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO;AACjE,yBAAS,SAAS,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO,QAAQ,SAAS;AAAA,cACtF;AAAA,YACJ;AAAA,UACJ,GAAG,CAAC;AAAA,QACR;AAAA,MACJ,GAAG,CAAC;AAAA,IACR;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,SAAO;AACX;;;"}

package/dist/primitives/Table/Core/components/Columns/Cell/util.d.ts

@@ -13,6 +13,6 @@ export declare function getCellAttributes<TType = unknown>(cell: ReactTableCell<
     'data-cell-truncate': boolean | undefined;
     className: string | undefined;
 };
-export declare function useSearchHighlighting<TType = unknown>(cell: ReactTableCell<TType, unknown>, cellIndex: number, ref: React.RefObject<HTMLTableCellElement>): true | "current" | undefined;
+export declare function useSearchHighlighting<TType = unknown>(cell: ReactTableCell<TType, unknown>, cellIndex: number, ref: React.RefObject<HTMLTableCellElement | null>): true | "current" | undefined;
 export declare function getCurrentRowCellElement(index: number, tableEl: HTMLElement): Element | null;
 export declare function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement): void;

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

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import type {\n    Cell as ReactTableCell,\n    ColumnMeta as ReactTableColumnMeta,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\n\nexport type DisplayCellProps<TType = unknown> = {\n    index: number;\n    cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    index: number,\n    isHighlighted: true | 'current' | undefined\n) {\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isPinned = cell.column.getIsPinned();\n\n    // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n    return {\n        'data-cell-align': columnMeta?.align,\n        'data-cell-highlighted': isHighlighted,\n        'data-cell-id': cell.column.id,\n        'data-cell-index': index,\n        'data-cell-pinned': isPinned ? true : undefined,\n        'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n        className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n    };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    cellIndex: number,\n    ref: React.RefObject<HTMLTableCellElement>\n) {\n    const localization = useLocalization();\n    const { rowIndex } = React.useContext(RowContext);\n    const context = cell.getContext();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n        if (\n            !cell.column.columnDef.enableGlobalFilter ||\n            isInternalColumn(cell.column.id) ||\n            cell.getIsAggregated() ||\n            cell.getIsPlaceholder()\n        ) {\n            return undefined;\n        }\n\n        let isHighlighted = false;\n\n        if (context.table.getState().globalFilter) {\n            isHighlighted = isCellHighlighted(\n                context.table.getState().globalFilter,\n                cell.getValue(),\n                cell.row.original,\n                columnMeta.dataType,\n                columnMeta.dataTypeOptions,\n                localization\n            );\n        }\n\n        if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n            return undefined;\n        }\n\n        const [rowActiveIndex, currentColumnIndex] =\n            tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] ?? [];\n\n        if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n            return 'current';\n        }\n\n        return true;\n    }, [\n        cell.getValue(),\n        context.table.getState().globalFilter,\n        tableMeta.search.highlightedColumnIndexes.length,\n        tableMeta.search.currentHighlightColumnIndex,\n    ]);\n\n    React.useEffect(() => {\n        if (ref.current && isHighlighted === 'current') {\n            ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n            setTimeout(() => {\n                if (ref.current) {\n                    const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n                    setTimeout(() => {\n                        const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n                        if (pinnedColumns?.length) {\n                            const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n                            if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n                                tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n                            }\n                        }\n                    }, 1);\n                }\n            }, 1);\n        }\n    }, [isHighlighted]);\n\n    return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n    const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n    return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n    if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n        const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n        const highlightRef = column?.getBoundingClientRect();\n        const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n        // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n        if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n            const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n            tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n        }\n    } else {\n        column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n}\n"],"names":["React","isHighlighted"],"mappings":";;;;AAgBO,SAAS,kBACZ,MACA,OACA,eACF;AACE,QAAM,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,WAAW,KAAK,OAAO,YAAA;AAG7B,SAAO;AAAA,IACH,mBAAmB,YAAY;AAAA,IAC/B,yBAAyB;AAAA,IACzB,gBAAgB,KAAK,OAAO;AAAA,IAC5B,mBAAmB;AAAA,IACnB,oBAAoB,WAAW,OAAO;AAAA,IACtC,sBAAsB,WAAW,iBAAiB,OAAO;AAAA,IACzD,WAAW,OAAO,WAAW,cAAc,aAAa,WAAW,UAAU,KAAK,IAAI,QAAQ,IAAI,WAAW;AAAA,EAAA;AAErH;AAEO,SAAS,sBACZ,MACA,WACA,KACF;AACE,QAAM,eAAe,gBAAA;AACrB,QAAM,EAAE,SAAA,IAAaA,eAAM,WAAW,UAAU;AAChD,QAAM,UAAU,KAAK,WAAA;AACrB,QAAM,YAAY,QAAQ,MAAM,QAAQ;AACxC,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,QAAM,gBAAiDA,eAAM,QAAQ,MAAM;AACvE,QACI,CAAC,KAAK,OAAO,UAAU,sBACvB,iBAAiB,KAAK,OAAO,EAAE,KAC/B,KAAK,gBAAA,KACL,KAAK,oBACP;AACE,aAAO;AAAA,IACX;AAEA,QAAIC,iBAAgB;AAEpB,QAAI,QAAQ,MAAM,SAAA,EAAW,cAAc;AACvCA,uBAAgB;AAAA,QACZ,QAAQ,MAAM,SAAA,EAAW;AAAA,QACzB,KAAK,SAAA;AAAA,QACL,KAAK,IAAI;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,IAER;AAEA,QAAI,CAACA,kBAAiB,UAAU,OAAO,gCAAgC,QAAW;AAC9E,aAAO;AAAA,IACX;AAEA,UAAM,CAAC,gBAAgB,kBAAkB,IACrC,UAAU,OAAO,yBAAyB,UAAU,OAAO,2BAA2B,KAAK,CAAA;AAE/F,QAAI,mBAAmB,YAAY,uBAAuB,WAAW;AACjE,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX,GAAG;AAAA,IACC,KAAK,SAAA;AAAA,IACL,QAAQ,MAAM,SAAA,EAAW;AAAA,IACzB,UAAU,OAAO,yBAAyB;AAAA,IAC1C,UAAU,OAAO;AAAA,EAAA,CACpB;AAEDD,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,kBAAkB,WAAW;AAC5C,UAAI,QAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAElE,iBAAW,MAAM;AACb,YAAI,IAAI,SAAS;AACb,gBAAM,UAAU,IAAI,QAAQ,QAAQ,2BAA2B;AAE/D,qBAAW,MAAM;AACb,kBAAM,gBAAgB,SAAS,iBAAiB,iDAAiD;AAEjG,gBAAI,eAAe,QAAQ;AACvB,oBAAM,iBAAiB,cAAc,KAAK,cAAc,SAAS,CAAC,GAAG,sBAAA;AAErE,kBAAI,kBAAkB,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO;AACjE,yBAAS,SAAS,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO,QAAQ,SAAS;AAAA,cACtF;AAAA,YACJ;AAAA,UACJ,GAAG,CAAC;AAAA,QACR;AAAA,MACJ,GAAG,CAAC;AAAA,IACR;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,SAAO;AACX;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import type {\n    Cell as ReactTableCell,\n    ColumnMeta as ReactTableColumnMeta,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\n\nexport type DisplayCellProps<TType = unknown> = {\n    index: number;\n    cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    index: number,\n    isHighlighted: true | 'current' | undefined\n) {\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isPinned = cell.column.getIsPinned();\n\n    // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n    return {\n        'data-cell-align': columnMeta?.align,\n        'data-cell-highlighted': isHighlighted,\n        'data-cell-id': cell.column.id,\n        'data-cell-index': index,\n        'data-cell-pinned': isPinned ? true : undefined,\n        'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n        className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n    };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    cellIndex: number,\n    ref: React.RefObject<HTMLTableCellElement | null>\n) {\n    const localization = useLocalization();\n    const { rowIndex } = React.useContext(RowContext);\n    const context = cell.getContext();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n        if (\n            !cell.column.columnDef.enableGlobalFilter ||\n            isInternalColumn(cell.column.id) ||\n            cell.getIsAggregated() ||\n            cell.getIsPlaceholder()\n        ) {\n            return undefined;\n        }\n\n        let isHighlighted = false;\n\n        if (context.table.getState().globalFilter) {\n            isHighlighted = isCellHighlighted(\n                context.table.getState().globalFilter,\n                cell.getValue(),\n                cell.row.original,\n                columnMeta.dataType,\n                columnMeta.dataTypeOptions,\n                localization\n            );\n        }\n\n        if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n            return undefined;\n        }\n\n        const [rowActiveIndex, currentColumnIndex] =\n            tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] ?? [];\n\n        if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n            return 'current';\n        }\n\n        return true;\n    }, [\n        cell.getValue(),\n        context.table.getState().globalFilter,\n        tableMeta.search.highlightedColumnIndexes.length,\n        tableMeta.search.currentHighlightColumnIndex,\n    ]);\n\n    React.useEffect(() => {\n        if (ref.current && isHighlighted === 'current') {\n            ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n            setTimeout(() => {\n                if (ref.current) {\n                    const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n                    setTimeout(() => {\n                        const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n                        if (pinnedColumns?.length) {\n                            const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n                            if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n                                tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n                            }\n                        }\n                    }, 1);\n                }\n            }, 1);\n        }\n    }, [isHighlighted]);\n\n    return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n    const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n    return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n    if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n        const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n        const highlightRef = column?.getBoundingClientRect();\n        const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n        // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n        if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n            const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n            tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n        }\n    } else {\n        column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n}\n"],"names":["React","isHighlighted"],"mappings":";;;;AAgBO,SAAS,kBACZ,MACA,OACA,eACF;AACE,QAAM,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,WAAW,KAAK,OAAO,YAAA;AAG7B,SAAO;AAAA,IACH,mBAAmB,YAAY;AAAA,IAC/B,yBAAyB;AAAA,IACzB,gBAAgB,KAAK,OAAO;AAAA,IAC5B,mBAAmB;AAAA,IACnB,oBAAoB,WAAW,OAAO;AAAA,IACtC,sBAAsB,WAAW,iBAAiB,OAAO;AAAA,IACzD,WAAW,OAAO,WAAW,cAAc,aAAa,WAAW,UAAU,KAAK,IAAI,QAAQ,IAAI,WAAW;AAAA,EAAA;AAErH;AAEO,SAAS,sBACZ,MACA,WACA,KACF;AACE,QAAM,eAAe,gBAAA;AACrB,QAAM,EAAE,SAAA,IAAaA,eAAM,WAAW,UAAU;AAChD,QAAM,UAAU,KAAK,WAAA;AACrB,QAAM,YAAY,QAAQ,MAAM,QAAQ;AACxC,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,QAAM,gBAAiDA,eAAM,QAAQ,MAAM;AACvE,QACI,CAAC,KAAK,OAAO,UAAU,sBACvB,iBAAiB,KAAK,OAAO,EAAE,KAC/B,KAAK,gBAAA,KACL,KAAK,oBACP;AACE,aAAO;AAAA,IACX;AAEA,QAAIC,iBAAgB;AAEpB,QAAI,QAAQ,MAAM,SAAA,EAAW,cAAc;AACvCA,uBAAgB;AAAA,QACZ,QAAQ,MAAM,SAAA,EAAW;AAAA,QACzB,KAAK,SAAA;AAAA,QACL,KAAK,IAAI;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,IAER;AAEA,QAAI,CAACA,kBAAiB,UAAU,OAAO,gCAAgC,QAAW;AAC9E,aAAO;AAAA,IACX;AAEA,UAAM,CAAC,gBAAgB,kBAAkB,IACrC,UAAU,OAAO,yBAAyB,UAAU,OAAO,2BAA2B,KAAK,CAAA;AAE/F,QAAI,mBAAmB,YAAY,uBAAuB,WAAW;AACjE,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX,GAAG;AAAA,IACC,KAAK,SAAA;AAAA,IACL,QAAQ,MAAM,SAAA,EAAW;AAAA,IACzB,UAAU,OAAO,yBAAyB;AAAA,IAC1C,UAAU,OAAO;AAAA,EAAA,CACpB;AAEDD,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,kBAAkB,WAAW;AAC5C,UAAI,QAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAElE,iBAAW,MAAM;AACb,YAAI,IAAI,SAAS;AACb,gBAAM,UAAU,IAAI,QAAQ,QAAQ,2BAA2B;AAE/D,qBAAW,MAAM;AACb,kBAAM,gBAAgB,SAAS,iBAAiB,iDAAiD;AAEjG,gBAAI,eAAe,QAAQ;AACvB,oBAAM,iBAAiB,cAAc,KAAK,cAAc,SAAS,CAAC,GAAG,sBAAA;AAErE,kBAAI,kBAAkB,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO;AACjE,yBAAS,SAAS,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO,QAAQ,SAAS;AAAA,cACtF;AAAA,YACJ;AAAA,UACJ,GAAG,CAAC;AAAA,QACR;AAAA,MACJ,GAAG,CAAC;AAAA,IACR;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,SAAO;AACX;"}

package/dist/primitives/Table/Core/components/Columns/Internal/Actions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Actions.tsx"],"sourcesContent":["import type {\n    Table as ReactTable,\n    CellContext as ReactTableCellContext,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { LegacyIconButton } from '../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { Menu } from '../../../../../../components/Menu/Menu';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\nimport type { TableRowActionRenderer } from '../../../../types';\nimport type { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { RowContext } from '../../Row/RowContext';\n\nexport type ActionsProps<TType = unknown> = {\n    actions: TableRowActionRenderer<TType>[];\n    actionsLength: number;\n    data: any;\n    isActiveRow: boolean;\n    rowId: string;\n    table: ReactTable<TType>;\n};\nexport function Actions<TType = unknown>(props: ActionsProps<TType>) {\n    const { actions, actionsLength, data, isActiveRow, rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // we don't want to document passing rowId and table, so it isn't on the type\n    const visibleActions = actions\n        .map(action => {\n            const helpers = {\n                rowId,\n                table,\n            } as any;\n\n            if (tableMeta.editing?.isEnabled) {\n                helpers.editing = {\n                    isEditing: tableMeta.editing?.isEditing ?? false,\n                    removeRowChanges: () => tableMeta.editing.discardChanges(rowId, table),\n                    save: () => tableMeta.editing.saveChanges(table, rowId),\n                };\n            }\n\n            return action(data, helpers);\n        })\n        .filter(action => !!action) as JSX.Element[];\n\n    let length = actionsLength;\n\n    // always force the editing actions into a menu when present -- editing is undefined in Report\n    if (tableMeta.editing?.isEditing && tableMeta.editing?.showEditingActions) {\n        // When editing actions are enabled, there are always 2 editing actions (save and discard)\n        // The menu button replaces one of them, so subtract 1\n        const lengthWithoutEditingItems = visibleActions.length - 1;\n\n        if (lengthWithoutEditingItems < actionsLength) {\n            length = lengthWithoutEditingItems;\n        }\n    }\n\n    const handleMenuButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n        const isLastRowActive = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;\n\n        // normally we handle this on change of active row, but when tabbing out of the last row the active row state stays on the last one\n        if (event.key === 'Tab' && isLastRowActive && tableMeta.editing?.isEditing && tableMeta.editing?.hasChanges()) {\n            tableMeta.editing.saveChanges(table);\n        }\n    };\n\n    const handleMenuContentKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n            event.stopPropagation();\n        }\n    };\n\n    const actionsOnRow = visibleActions.length === length ? visibleActions : visibleActions.slice(0, length - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === length ? length : length - 1);\n\n    const className = cn('flex justify-end bg-[inherit] text-right print:hidden');\n\n    return (\n        <span className={className}>\n            {actionsOnRow.map((button, index) => {\n                const tooltip = String(button.props.tooltip ?? button.props['aria-label'] ?? '');\n\n                return React.cloneElement(button, {\n                    appearance: 'transparent',\n                    key: index,\n                    tabIndex: isActiveRow ? 0 : -1,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {tooltip}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        tooltip\n                    ),\n                });\n            })}\n            {actionsInMenu.length ? (\n                <LegacyIconButton\n                    appearance=\"transparent\"\n                    aria-label={texts.table.columns.actions.tooltip}\n                    icon=\"more\"\n                    onKeyDown={handleMenuButtonKeyDown}\n                    tabIndex={isActiveRow ? 0 : -1}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content onKeyDown={handleMenuContentKeyDown}>\n                                {actionsInMenu.map((action, i) => {\n                                    const item = (\n                                        <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                            {action.props['aria-label']}\n                                        </Menu.Item>\n                                    );\n\n                                    // add a separator between the editing items, if needed\n                                    const isFirstEditingMenuItem =\n                                        tableMeta.editing?.isEditing &&\n                                        tableMeta.editing?.showEditingActions &&\n                                        actionsInMenu.length > 2 &&\n                                        i === actionsInMenu.length - 2;\n\n                                    if (isFirstEditingMenuItem) {\n                                        return (\n                                            <React.Fragment key={i}>\n                                                <Menu.Separator />\n                                                {item}\n                                            </React.Fragment>\n                                        );\n                                    }\n\n                                    return item;\n                                })}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                />\n            ) : null}\n        </span>\n    );\n}\n\nfunction Header() {\n    return null;\n}\n\nconst Cell = React.memo(function MemoedCell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { row, table } = context;\n    const { hideRowActions, isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const actions = tableMeta.rowActions.rowActions;\n    const actionsLength = tableMeta.rowActions.rowActionsLength;\n\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;\n    const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;\n    const isRowGrouped = row.getIsGrouped();\n\n    if (\n        !hideRowActions &&\n        !isRowGrouped &&\n        actions?.length &&\n        (isActiveRow || (isHovered && !isHoverStatePaused && !isResizingColumn))\n    ) {\n        return (\n            <Actions<TType>\n                actions={actions}\n                actionsLength={actionsLength}\n                data={row.original}\n                isActiveRow={isActiveRow}\n                rowId={row.id}\n                table={table}\n            />\n        );\n    }\n\n    return null;\n}) as <TType = unknown>(context: ReactTableCellContext<TType, unknown>) => JSX.Element;\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    meta: {\n        align: 'right',\n        className: cn(\n            'right-0 overflow-hidden !px-0 !pr-1 print:opacity-0 [table_&]:group-[[data-row-active=\"true\"]]/row:sticky',\n            'group-[[data-row-active=\"true\"][data-selected=\"false\"]]/row:text-gray-200',\n            'group-[[data-row-selected=\"true\"]]/row:text-blue-100',\n            'group-[[data-row-selected=\"false\"]:hover]/row:text-gray-100',\n            'shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]'\n        ),\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n    },\n};\n"],"names":["useLocalization","Shortcut","LegacyIconButton","Menu","RowContext"],"mappings":"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"}
+{"version":3,"file":"Actions.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Actions.tsx"],"sourcesContent":["import type {\n    Table as ReactTable,\n    CellContext as ReactTableCellContext,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { LegacyIconButton } from '../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { Menu } from '../../../../../../components/Menu/Menu';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\nimport type { TableRowActionRenderer } from '../../../../types';\nimport type { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { RowContext } from '../../Row/RowContext';\n\nexport type ActionsProps<TType = unknown> = {\n    actions: TableRowActionRenderer<TType>[];\n    actionsLength: number;\n    data: any;\n    isActiveRow: boolean;\n    rowId: string;\n    table: ReactTable<TType>;\n};\nexport function Actions<TType = unknown>(props: ActionsProps<TType>) {\n    const { actions, actionsLength, data, isActiveRow, rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // we don't want to document passing rowId and table, so it isn't on the type\n    const visibleActions = actions\n        .map(action => {\n            const helpers = {\n                rowId,\n                table,\n            } as any;\n\n            if (tableMeta.editing?.isEnabled) {\n                helpers.editing = {\n                    isEditing: tableMeta.editing?.isEditing ?? false,\n                    removeRowChanges: () => tableMeta.editing.discardChanges(rowId, table),\n                    save: () => tableMeta.editing.saveChanges(table, rowId),\n                };\n            }\n\n            return action(data, helpers);\n        })\n        .filter(action => !!action) as React.JSX.Element[];\n\n    let length = actionsLength;\n\n    // always force the editing actions into a menu when present -- editing is undefined in Report\n    if (tableMeta.editing?.isEditing && tableMeta.editing?.showEditingActions) {\n        // When editing actions are enabled, there are always 2 editing actions (save and discard)\n        // The menu button replaces one of them, so subtract 1\n        const lengthWithoutEditingItems = visibleActions.length - 1;\n\n        if (lengthWithoutEditingItems < actionsLength) {\n            length = lengthWithoutEditingItems;\n        }\n    }\n\n    const handleMenuButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n        const isLastRowActive = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;\n\n        // normally we handle this on change of active row, but when tabbing out of the last row the active row state stays on the last one\n        if (event.key === 'Tab' && isLastRowActive && tableMeta.editing?.isEditing && tableMeta.editing?.hasChanges()) {\n            tableMeta.editing.saveChanges(table);\n        }\n    };\n\n    const handleMenuContentKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n            event.stopPropagation();\n        }\n    };\n\n    const actionsOnRow = visibleActions.length === length ? visibleActions : visibleActions.slice(0, length - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === length ? length : length - 1);\n\n    const className = cn('flex justify-end bg-[inherit] text-right print:hidden');\n\n    return (\n        <span className={className}>\n            {actionsOnRow.map((button, index) => {\n                const tooltip = String(button.props.tooltip ?? button.props['aria-label'] ?? '');\n\n                return React.cloneElement(button, {\n                    appearance: 'transparent',\n                    key: index,\n                    tabIndex: isActiveRow ? 0 : -1,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {tooltip}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        tooltip\n                    ),\n                });\n            })}\n            {actionsInMenu.length ? (\n                <LegacyIconButton\n                    appearance=\"transparent\"\n                    aria-label={texts.table.columns.actions.tooltip}\n                    icon=\"more\"\n                    onKeyDown={handleMenuButtonKeyDown}\n                    tabIndex={isActiveRow ? 0 : -1}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content onKeyDown={handleMenuContentKeyDown}>\n                                {actionsInMenu.map((action, i) => {\n                                    const item = (\n                                        <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                            {action.props['aria-label']}\n                                        </Menu.Item>\n                                    );\n\n                                    // add a separator between the editing items, if needed\n                                    const isFirstEditingMenuItem =\n                                        tableMeta.editing?.isEditing &&\n                                        tableMeta.editing?.showEditingActions &&\n                                        actionsInMenu.length > 2 &&\n                                        i === actionsInMenu.length - 2;\n\n                                    if (isFirstEditingMenuItem) {\n                                        return (\n                                            <React.Fragment key={i}>\n                                                <Menu.Separator />\n                                                {item}\n                                            </React.Fragment>\n                                        );\n                                    }\n\n                                    return item;\n                                })}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                />\n            ) : null}\n        </span>\n    );\n}\n\nfunction Header() {\n    return null;\n}\n\nconst Cell = React.memo(function MemoedCell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { row, table } = context;\n    const { hideRowActions, isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const actions = tableMeta.rowActions.rowActions;\n    const actionsLength = tableMeta.rowActions.rowActionsLength;\n\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;\n    const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;\n    const isRowGrouped = row.getIsGrouped();\n\n    if (\n        !hideRowActions &&\n        !isRowGrouped &&\n        actions?.length &&\n        (isActiveRow || (isHovered && !isHoverStatePaused && !isResizingColumn))\n    ) {\n        return (\n            <Actions<TType>\n                actions={actions}\n                actionsLength={actionsLength}\n                data={row.original}\n                isActiveRow={isActiveRow}\n                rowId={row.id}\n                table={table}\n            />\n        );\n    }\n\n    return null;\n}) as <TType = unknown>(context: ReactTableCellContext<TType, unknown>) => React.JSX.Element;\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    meta: {\n        align: 'right',\n        className: cn(\n            'right-0 overflow-hidden !px-0 !pr-1 print:opacity-0 [table_&]:group-[[data-row-active=\"true\"]]/row:sticky',\n            'group-[[data-row-active=\"true\"][data-selected=\"false\"]]/row:text-gray-200',\n            'group-[[data-row-selected=\"true\"]]/row:text-blue-100',\n            'group-[[data-row-selected=\"false\"]:hover]/row:text-gray-100',\n            'shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]'\n        ),\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n    },\n};\n"],"names":["useLocalization","Shortcut","LegacyIconButton","Menu","RowContext"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Columns/Internal/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Actions.tsx"],"sourcesContent":["import type {\n    Table as ReactTable,\n    CellContext as ReactTableCellContext,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { LegacyIconButton } from '../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { Menu } from '../../../../../../components/Menu/Menu';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\nimport type { TableRowActionRenderer } from '../../../../types';\nimport type { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { RowContext } from '../../Row/RowContext';\n\nexport type ActionsProps<TType = unknown> = {\n    actions: TableRowActionRenderer<TType>[];\n    actionsLength: number;\n    data: any;\n    isActiveRow: boolean;\n    rowId: string;\n    table: ReactTable<TType>;\n};\nexport function Actions<TType = unknown>(props: ActionsProps<TType>) {\n    const { actions, actionsLength, data, isActiveRow, rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // we don't want to document passing rowId and table, so it isn't on the type\n    const visibleActions = actions\n        .map(action => {\n            const helpers = {\n                rowId,\n                table,\n            } as any;\n\n            if (tableMeta.editing?.isEnabled) {\n                helpers.editing = {\n                    isEditing: tableMeta.editing?.isEditing ?? false,\n                    removeRowChanges: () => tableMeta.editing.discardChanges(rowId, table),\n                    save: () => tableMeta.editing.saveChanges(table, rowId),\n                };\n            }\n\n            return action(data, helpers);\n        })\n        .filter(action => !!action) as JSX.Element[];\n\n    let length = actionsLength;\n\n    // always force the editing actions into a menu when present -- editing is undefined in Report\n    if (tableMeta.editing?.isEditing && tableMeta.editing?.showEditingActions) {\n        // When editing actions are enabled, there are always 2 editing actions (save and discard)\n        // The menu button replaces one of them, so subtract 1\n        const lengthWithoutEditingItems = visibleActions.length - 1;\n\n        if (lengthWithoutEditingItems < actionsLength) {\n            length = lengthWithoutEditingItems;\n        }\n    }\n\n    const handleMenuButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n        const isLastRowActive = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;\n\n        // normally we handle this on change of active row, but when tabbing out of the last row the active row state stays on the last one\n        if (event.key === 'Tab' && isLastRowActive && tableMeta.editing?.isEditing && tableMeta.editing?.hasChanges()) {\n            tableMeta.editing.saveChanges(table);\n        }\n    };\n\n    const handleMenuContentKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n            event.stopPropagation();\n        }\n    };\n\n    const actionsOnRow = visibleActions.length === length ? visibleActions : visibleActions.slice(0, length - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === length ? length : length - 1);\n\n    const className = cn('flex justify-end bg-[inherit] text-right print:hidden');\n\n    return (\n        <span className={className}>\n            {actionsOnRow.map((button, index) => {\n                const tooltip = String(button.props.tooltip ?? button.props['aria-label'] ?? '');\n\n                return React.cloneElement(button, {\n                    appearance: 'transparent',\n                    key: index,\n                    tabIndex: isActiveRow ? 0 : -1,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {tooltip}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        tooltip\n                    ),\n                });\n            })}\n            {actionsInMenu.length ? (\n                <LegacyIconButton\n                    appearance=\"transparent\"\n                    aria-label={texts.table.columns.actions.tooltip}\n                    icon=\"more\"\n                    onKeyDown={handleMenuButtonKeyDown}\n                    tabIndex={isActiveRow ? 0 : -1}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content onKeyDown={handleMenuContentKeyDown}>\n                                {actionsInMenu.map((action, i) => {\n                                    const item = (\n                                        <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                            {action.props['aria-label']}\n                                        </Menu.Item>\n                                    );\n\n                                    // add a separator between the editing items, if needed\n                                    const isFirstEditingMenuItem =\n                                        tableMeta.editing?.isEditing &&\n                                        tableMeta.editing?.showEditingActions &&\n                                        actionsInMenu.length > 2 &&\n                                        i === actionsInMenu.length - 2;\n\n                                    if (isFirstEditingMenuItem) {\n                                        return (\n                                            <React.Fragment key={i}>\n                                                <Menu.Separator />\n                                                {item}\n                                            </React.Fragment>\n                                        );\n                                    }\n\n                                    return item;\n                                })}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                />\n            ) : null}\n        </span>\n    );\n}\n\nfunction Header() {\n    return null;\n}\n\nconst Cell = React.memo(function MemoedCell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { row, table } = context;\n    const { hideRowActions, isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const actions = tableMeta.rowActions.rowActions;\n    const actionsLength = tableMeta.rowActions.rowActionsLength;\n\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;\n    const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;\n    const isRowGrouped = row.getIsGrouped();\n\n    if (\n        !hideRowActions &&\n        !isRowGrouped &&\n        actions?.length &&\n        (isActiveRow || (isHovered && !isHoverStatePaused && !isResizingColumn))\n    ) {\n        return (\n            <Actions<TType>\n                actions={actions}\n                actionsLength={actionsLength}\n                data={row.original}\n                isActiveRow={isActiveRow}\n                rowId={row.id}\n                table={table}\n            />\n        );\n    }\n\n    return null;\n}) as <TType = unknown>(context: ReactTableCellContext<TType, unknown>) => JSX.Element;\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    meta: {\n        align: 'right',\n        className: cn(\n            'right-0 overflow-hidden !px-0 !pr-1 print:opacity-0 [table_&]:group-[[data-row-active=\"true\"]]/row:sticky',\n            'group-[[data-row-active=\"true\"][data-selected=\"false\"]]/row:text-gray-200',\n            'group-[[data-row-selected=\"true\"]]/row:text-blue-100',\n            'group-[[data-row-selected=\"false\"]:hover]/row:text-gray-100',\n            'shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]'\n        ),\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n    },\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Actions.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Actions.tsx"],"sourcesContent":["import type {\n    Table as ReactTable,\n    CellContext as ReactTableCellContext,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { LegacyIconButton } from '../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { Menu } from '../../../../../../components/Menu/Menu';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\nimport type { TableRowActionRenderer } from '../../../../types';\nimport type { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { RowContext } from '../../Row/RowContext';\n\nexport type ActionsProps<TType = unknown> = {\n    actions: TableRowActionRenderer<TType>[];\n    actionsLength: number;\n    data: any;\n    isActiveRow: boolean;\n    rowId: string;\n    table: ReactTable<TType>;\n};\nexport function Actions<TType = unknown>(props: ActionsProps<TType>) {\n    const { actions, actionsLength, data, isActiveRow, rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // we don't want to document passing rowId and table, so it isn't on the type\n    const visibleActions = actions\n        .map(action => {\n            const helpers = {\n                rowId,\n                table,\n            } as any;\n\n            if (tableMeta.editing?.isEnabled) {\n                helpers.editing = {\n                    isEditing: tableMeta.editing?.isEditing ?? false,\n                    removeRowChanges: () => tableMeta.editing.discardChanges(rowId, table),\n                    save: () => tableMeta.editing.saveChanges(table, rowId),\n                };\n            }\n\n            return action(data, helpers);\n        })\n        .filter(action => !!action) as React.JSX.Element[];\n\n    let length = actionsLength;\n\n    // always force the editing actions into a menu when present -- editing is undefined in Report\n    if (tableMeta.editing?.isEditing && tableMeta.editing?.showEditingActions) {\n        // When editing actions are enabled, there are always 2 editing actions (save and discard)\n        // The menu button replaces one of them, so subtract 1\n        const lengthWithoutEditingItems = visibleActions.length - 1;\n\n        if (lengthWithoutEditingItems < actionsLength) {\n            length = lengthWithoutEditingItems;\n        }\n    }\n\n    const handleMenuButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n        const isLastRowActive = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;\n\n        // normally we handle this on change of active row, but when tabbing out of the last row the active row state stays on the last one\n        if (event.key === 'Tab' && isLastRowActive && tableMeta.editing?.isEditing && tableMeta.editing?.hasChanges()) {\n            tableMeta.editing.saveChanges(table);\n        }\n    };\n\n    const handleMenuContentKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n            event.stopPropagation();\n        }\n    };\n\n    const actionsOnRow = visibleActions.length === length ? visibleActions : visibleActions.slice(0, length - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === length ? length : length - 1);\n\n    const className = cn('flex justify-end bg-[inherit] text-right print:hidden');\n\n    return (\n        <span className={className}>\n            {actionsOnRow.map((button, index) => {\n                const tooltip = String(button.props.tooltip ?? button.props['aria-label'] ?? '');\n\n                return React.cloneElement(button, {\n                    appearance: 'transparent',\n                    key: index,\n                    tabIndex: isActiveRow ? 0 : -1,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {tooltip}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        tooltip\n                    ),\n                });\n            })}\n            {actionsInMenu.length ? (\n                <LegacyIconButton\n                    appearance=\"transparent\"\n                    aria-label={texts.table.columns.actions.tooltip}\n                    icon=\"more\"\n                    onKeyDown={handleMenuButtonKeyDown}\n                    tabIndex={isActiveRow ? 0 : -1}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content onKeyDown={handleMenuContentKeyDown}>\n                                {actionsInMenu.map((action, i) => {\n                                    const item = (\n                                        <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                            {action.props['aria-label']}\n                                        </Menu.Item>\n                                    );\n\n                                    // add a separator between the editing items, if needed\n                                    const isFirstEditingMenuItem =\n                                        tableMeta.editing?.isEditing &&\n                                        tableMeta.editing?.showEditingActions &&\n                                        actionsInMenu.length > 2 &&\n                                        i === actionsInMenu.length - 2;\n\n                                    if (isFirstEditingMenuItem) {\n                                        return (\n                                            <React.Fragment key={i}>\n                                                <Menu.Separator />\n                                                {item}\n                                            </React.Fragment>\n                                        );\n                                    }\n\n                                    return item;\n                                })}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                />\n            ) : null}\n        </span>\n    );\n}\n\nfunction Header() {\n    return null;\n}\n\nconst Cell = React.memo(function MemoedCell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { row, table } = context;\n    const { hideRowActions, isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const actions = tableMeta.rowActions.rowActions;\n    const actionsLength = tableMeta.rowActions.rowActionsLength;\n\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;\n    const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;\n    const isRowGrouped = row.getIsGrouped();\n\n    if (\n        !hideRowActions &&\n        !isRowGrouped &&\n        actions?.length &&\n        (isActiveRow || (isHovered && !isHoverStatePaused && !isResizingColumn))\n    ) {\n        return (\n            <Actions<TType>\n                actions={actions}\n                actionsLength={actionsLength}\n                data={row.original}\n                isActiveRow={isActiveRow}\n                rowId={row.id}\n                table={table}\n            />\n        );\n    }\n\n    return null;\n}) as <TType = unknown>(context: ReactTableCellContext<TType, unknown>) => React.JSX.Element;\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    meta: {\n        align: 'right',\n        className: cn(\n            'right-0 overflow-hidden !px-0 !pr-1 print:opacity-0 [table_&]:group-[[data-row-active=\"true\"]]/row:sticky',\n            'group-[[data-row-active=\"true\"][data-selected=\"false\"]]/row:text-gray-200',\n            'group-[[data-row-selected=\"true\"]]/row:text-blue-100',\n            'group-[[data-row-selected=\"false\"]:hover]/row:text-gray-100',\n            'shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]'\n        ),\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n    },\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Footer/Footer.tsx"],"sourcesContent":["import type {\n    Header as ReactTableHeader,\n    ColumnMeta as ReactTableColumnMeta,\n    Table as ReactTable,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isInternalColumn } from '../../../useTableManager/util/columns';\n\nimport { Summary } from './Summary';\n\nexport type FootProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    table: ReactTable<TType>;\n};\nexport function Foot<TType = unknown>(props: FootProps<TType>) {\n    const { children, table, ...attributes } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const nonGroupedHeaders = table.getFooterGroups()[0]?.headers.filter(header => !header.column.getIsGrouped());\n    const firstVisibleExternalColumnIndex = nonGroupedHeaders?.find(\n        header => !isInternalColumn(header.id) && header.column.columnDef.meta?.enablePrinting !== false\n    )?.index;\n\n    // During printing, the summary should be displayed in the first visible external column,\n    // as internal and hidden columns are excluded from the printed document.\n    // However, in the normal table view, the summary should appear in the first column.\n    const summaryColumnIndex = tableMeta.printing.isPrinting ? firstVisibleExternalColumnIndex : 0;\n\n    return (\n        <tfoot {...attributes}>\n            {children}\n            <tr>\n                {nonGroupedHeaders?.map((header, index) => (\n                    <Footer key={header.id} header={header} showSummary={index === summaryColumnIndex} />\n                ))}\n            </tr>\n        </tfoot>\n    );\n}\n\nexport type FooterProps<TType = unknown> = {\n    header: ReactTableHeader<TType, unknown>;\n    showSummary: boolean;\n};\nexport function Footer<TType = unknown>(props: FooterProps<TType>) {\n    return <MemoedFooter footer={props.header} showSummary={props.showSummary} />;\n}\n\nexport type MemoedFooterProps<TType = unknown> = {\n    footer: ReactTableHeader<TType, unknown>;\n    showSummary: boolean;\n};\n\nconst MemoedFooter = React.memo(function MemoedFooter<TType = unknown>(props: MemoedFooterProps<TType>) {\n    const { footer, showSummary } = props;\n    const columnMeta = footer.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    // getIsPinned returns true for split header groups, even if the split group has no pinned sub headers\n    const isHeaderGroup = !!footer.subHeaders?.length;\n    const isPinned = isHeaderGroup\n        ? footer.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : footer.column.getIsPinned();\n\n    const style: React.CSSProperties = {};\n\n    if (isPinned) {\n        // pinned columns should be offset from either the left or right\n        style[isPinned] = `${footer.column.getStart(isPinned)}px`;\n    }\n\n    let content;\n    let align;\n\n    // Summary should only be appended to the first visible external column, as internal columns like the select column will be hidden in the print view.\n    if (showSummary) {\n        align = 'left';\n        content = <Summary table={footer.getContext().table} />;\n    } else {\n        align = columnMeta.align;\n        content = footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext());\n    }\n\n    return (\n        <td\n            key={footer.id}\n            data-cell-align={align}\n            data-cell-id={footer.id}\n            data-cell-pinned={isPinned || undefined}\n            style={style}>\n            {content}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedFooterProps<TType>) => JSX.Element;\n"],"names":["isInternalColumn","MemoedFooter","Summary","flexRender"],"mappings":";;;;;;AAgBO,SAAS,KAAsB,OAAyB;AAC3D,QAAM,EAAE,UAAU,OAAO,GAAG,eAAe;AAC3C,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,oBAAoB,MAAM,gBAAA,EAAkB,CAAC,GAAG,QAAQ,OAAO,CAAA,WAAU,CAAC,OAAO,OAAO,cAAc;AAC5G,QAAM,kCAAkC,mBAAmB;AAAA,IACvD,CAAA,WAAU,CAACA,yBAAiB,OAAO,EAAE,KAAK,OAAO,OAAO,UAAU,MAAM,mBAAmB;AAAA,EAAA,GAC5F;AAKH,QAAM,qBAAqB,UAAU,SAAS,aAAa,kCAAkC;AAE7F,SACI,sBAAA,cAAC,WAAO,GAAG,WAAA,GACN,UACD,sBAAA,cAAC,MAAA,MACI,mBAAmB,IAAI,CAAC,QAAQ,UAC7B,sBAAA,cAAC,QAAA,EAAO,KAAK,OAAO,IAAI,QAAgB,aAAa,UAAU,mBAAA,CAAoB,CACtF,CACL,CACJ;AAER;AAMO,SAAS,OAAwB,OAA2B;AAC/D,6CAAQ,cAAA,EAAa,QAAQ,MAAM,QAAQ,aAAa,MAAM,aAAa;AAC/E;AAOA,MAAM,eAAe,MAAM,KAAK,SAASC,cAA8B,OAAiC;AACpG,QAAM,EAAE,QAAQ,YAAA,IAAgB;AAChC,QAAM,aAAa,OAAO,OAAO,UAAU;AAG3C,QAAM,gBAAgB,CAAC,CAAC,OAAO,YAAY;AAC3C,QAAM,WAAW,gBACX,OAAO,WAAW,KAAK,OAAK,EAAE,OAAO,YAAA,CAAa,GAAG,OAAO,YAAA,IAC5D,OAAO,OAAO,YAAA;AAEpB,QAAM,QAA6B,CAAA;AAEnC,MAAI,UAAU;AAEV,UAAM,QAAQ,IAAI,GAAG,OAAO,OAAO,SAAS,QAAQ,CAAC;AAAA,EACzD;AAEA,MAAI;AACJ,MAAI;AAGJ,MAAI,aAAa;AACb,YAAQ;AACR,kDAAWC,iBAAA,EAAQ,OAAO,OAAO,aAAa,OAAO;AAAA,EACzD,OAAO;AACH,YAAQ,WAAW;AACnB,cAAU,OAAO,gBAAgB,OAAOC,WAAAA,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,WAAA,CAAY;AAAA,EAC1G;AAEA,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK,OAAO;AAAA,MACZ,mBAAiB;AAAA,MACjB,gBAAc,OAAO;AAAA,MACrB,oBAAkB,YAAY;AAAA,MAC9B;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb,CAAC;;;"}
+{"version":3,"file":"Footer.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Footer/Footer.tsx"],"sourcesContent":["import type {\n    Header as ReactTableHeader,\n    ColumnMeta as ReactTableColumnMeta,\n    Table as ReactTable,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isInternalColumn } from '../../../useTableManager/util/columns';\n\nimport { Summary } from './Summary';\n\nexport type FootProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    table: ReactTable<TType>;\n};\nexport function Foot<TType = unknown>(props: FootProps<TType>) {\n    const { children, table, ...attributes } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const nonGroupedHeaders = table.getFooterGroups()[0]?.headers.filter(header => !header.column.getIsGrouped());\n    const firstVisibleExternalColumnIndex = nonGroupedHeaders?.find(\n        header => !isInternalColumn(header.id) && header.column.columnDef.meta?.enablePrinting !== false\n    )?.index;\n\n    // During printing, the summary should be displayed in the first visible external column,\n    // as internal and hidden columns are excluded from the printed document.\n    // However, in the normal table view, the summary should appear in the first column.\n    const summaryColumnIndex = tableMeta.printing.isPrinting ? firstVisibleExternalColumnIndex : 0;\n\n    return (\n        <tfoot {...attributes}>\n            {children}\n            <tr>\n                {nonGroupedHeaders?.map((header, index) => (\n                    <Footer key={header.id} header={header} showSummary={index === summaryColumnIndex} />\n                ))}\n            </tr>\n        </tfoot>\n    );\n}\n\nexport type FooterProps<TType = unknown> = {\n    header: ReactTableHeader<TType, unknown>;\n    showSummary: boolean;\n};\nexport function Footer<TType = unknown>(props: FooterProps<TType>) {\n    return <MemoedFooter footer={props.header} showSummary={props.showSummary} />;\n}\n\nexport type MemoedFooterProps<TType = unknown> = {\n    footer: ReactTableHeader<TType, unknown>;\n    showSummary: boolean;\n};\n\nconst MemoedFooter = React.memo(function MemoedFooter<TType = unknown>(props: MemoedFooterProps<TType>) {\n    const { footer, showSummary } = props;\n    const columnMeta = footer.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    // getIsPinned returns true for split header groups, even if the split group has no pinned sub headers\n    const isHeaderGroup = !!footer.subHeaders?.length;\n    const isPinned = isHeaderGroup\n        ? footer.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : footer.column.getIsPinned();\n\n    const style: React.CSSProperties = {};\n\n    if (isPinned) {\n        // pinned columns should be offset from either the left or right\n        style[isPinned] = `${footer.column.getStart(isPinned)}px`;\n    }\n\n    let content;\n    let align;\n\n    // Summary should only be appended to the first visible external column, as internal columns like the select column will be hidden in the print view.\n    if (showSummary) {\n        align = 'left';\n        content = <Summary table={footer.getContext().table} />;\n    } else {\n        align = columnMeta.align;\n        content = footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext());\n    }\n\n    return (\n        <td\n            key={footer.id}\n            data-cell-align={align}\n            data-cell-id={footer.id}\n            data-cell-pinned={isPinned || undefined}\n            style={style}>\n            {content}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedFooterProps<TType>) => React.JSX.Element;\n"],"names":["isInternalColumn","MemoedFooter","Summary","flexRender"],"mappings":";;;;;;AAgBO,SAAS,KAAsB,OAAyB;AAC3D,QAAM,EAAE,UAAU,OAAO,GAAG,eAAe;AAC3C,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,oBAAoB,MAAM,gBAAA,EAAkB,CAAC,GAAG,QAAQ,OAAO,CAAA,WAAU,CAAC,OAAO,OAAO,cAAc;AAC5G,QAAM,kCAAkC,mBAAmB;AAAA,IACvD,CAAA,WAAU,CAACA,yBAAiB,OAAO,EAAE,KAAK,OAAO,OAAO,UAAU,MAAM,mBAAmB;AAAA,EAAA,GAC5F;AAKH,QAAM,qBAAqB,UAAU,SAAS,aAAa,kCAAkC;AAE7F,SACI,sBAAA,cAAC,WAAO,GAAG,WAAA,GACN,UACD,sBAAA,cAAC,MAAA,MACI,mBAAmB,IAAI,CAAC,QAAQ,UAC7B,sBAAA,cAAC,QAAA,EAAO,KAAK,OAAO,IAAI,QAAgB,aAAa,UAAU,mBAAA,CAAoB,CACtF,CACL,CACJ;AAER;AAMO,SAAS,OAAwB,OAA2B;AAC/D,6CAAQ,cAAA,EAAa,QAAQ,MAAM,QAAQ,aAAa,MAAM,aAAa;AAC/E;AAOA,MAAM,eAAe,MAAM,KAAK,SAASC,cAA8B,OAAiC;AACpG,QAAM,EAAE,QAAQ,YAAA,IAAgB;AAChC,QAAM,aAAa,OAAO,OAAO,UAAU;AAG3C,QAAM,gBAAgB,CAAC,CAAC,OAAO,YAAY;AAC3C,QAAM,WAAW,gBACX,OAAO,WAAW,KAAK,OAAK,EAAE,OAAO,YAAA,CAAa,GAAG,OAAO,YAAA,IAC5D,OAAO,OAAO,YAAA;AAEpB,QAAM,QAA6B,CAAA;AAEnC,MAAI,UAAU;AAEV,UAAM,QAAQ,IAAI,GAAG,OAAO,OAAO,SAAS,QAAQ,CAAC;AAAA,EACzD;AAEA,MAAI;AACJ,MAAI;AAGJ,MAAI,aAAa;AACb,YAAQ;AACR,kDAAWC,iBAAA,EAAQ,OAAO,OAAO,aAAa,OAAO;AAAA,EACzD,OAAO;AACH,YAAQ,WAAW;AACnB,cAAU,OAAO,gBAAgB,OAAOC,WAAAA,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,WAAA,CAAY;AAAA,EAC1G;AAEA,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK,OAAO;AAAA,MACZ,mBAAiB;AAAA,MACjB,gBAAc,OAAO;AAAA,MACrB,oBAAkB,YAAY;AAAA,MAC9B;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb,CAAC;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../../../src/primitives/Table/Core/components/Footer/Footer.tsx"],"sourcesContent":["import type {\n    Header as ReactTableHeader,\n    ColumnMeta as ReactTableColumnMeta,\n    Table as ReactTable,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isInternalColumn } from '../../../useTableManager/util/columns';\n\nimport { Summary } from './Summary';\n\nexport type FootProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    table: ReactTable<TType>;\n};\nexport function Foot<TType = unknown>(props: FootProps<TType>) {\n    const { children, table, ...attributes } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const nonGroupedHeaders = table.getFooterGroups()[0]?.headers.filter(header => !header.column.getIsGrouped());\n    const firstVisibleExternalColumnIndex = nonGroupedHeaders?.find(\n        header => !isInternalColumn(header.id) && header.column.columnDef.meta?.enablePrinting !== false\n    )?.index;\n\n    // During printing, the summary should be displayed in the first visible external column,\n    // as internal and hidden columns are excluded from the printed document.\n    // However, in the normal table view, the summary should appear in the first column.\n    const summaryColumnIndex = tableMeta.printing.isPrinting ? firstVisibleExternalColumnIndex : 0;\n\n    return (\n        <tfoot {...attributes}>\n            {children}\n            <tr>\n                {nonGroupedHeaders?.map((header, index) => (\n                    <Footer key={header.id} header={header} showSummary={index === summaryColumnIndex} />\n                ))}\n            </tr>\n        </tfoot>\n    );\n}\n\nexport type FooterProps<TType = unknown> = {\n    header: ReactTableHeader<TType, unknown>;\n    showSummary: boolean;\n};\nexport function Footer<TType = unknown>(props: FooterProps<TType>) {\n    return <MemoedFooter footer={props.header} showSummary={props.showSummary} />;\n}\n\nexport type MemoedFooterProps<TType = unknown> = {\n    footer: ReactTableHeader<TType, unknown>;\n    showSummary: boolean;\n};\n\nconst MemoedFooter = React.memo(function MemoedFooter<TType = unknown>(props: MemoedFooterProps<TType>) {\n    const { footer, showSummary } = props;\n    const columnMeta = footer.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    // getIsPinned returns true for split header groups, even if the split group has no pinned sub headers\n    const isHeaderGroup = !!footer.subHeaders?.length;\n    const isPinned = isHeaderGroup\n        ? footer.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : footer.column.getIsPinned();\n\n    const style: React.CSSProperties = {};\n\n    if (isPinned) {\n        // pinned columns should be offset from either the left or right\n        style[isPinned] = `${footer.column.getStart(isPinned)}px`;\n    }\n\n    let content;\n    let align;\n\n    // Summary should only be appended to the first visible external column, as internal columns like the select column will be hidden in the print view.\n    if (showSummary) {\n        align = 'left';\n        content = <Summary table={footer.getContext().table} />;\n    } else {\n        align = columnMeta.align;\n        content = footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext());\n    }\n\n    return (\n        <td\n            key={footer.id}\n            data-cell-align={align}\n            data-cell-id={footer.id}\n            data-cell-pinned={isPinned || undefined}\n            style={style}>\n            {content}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedFooterProps<TType>) => JSX.Element;\n"],"names":["React","MemoedFooter"],"mappings":";;;;AAgBO,SAAS,KAAsB,OAAyB;AAC3D,QAAM,EAAE,UAAU,OAAO,GAAG,eAAe;AAC3C,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,oBAAoB,MAAM,gBAAA,EAAkB,CAAC,GAAG,QAAQ,OAAO,CAAA,WAAU,CAAC,OAAO,OAAO,cAAc;AAC5G,QAAM,kCAAkC,mBAAmB;AAAA,IACvD,CAAA,WAAU,CAAC,iBAAiB,OAAO,EAAE,KAAK,OAAO,OAAO,UAAU,MAAM,mBAAmB;AAAA,EAAA,GAC5F;AAKH,QAAM,qBAAqB,UAAU,SAAS,aAAa,kCAAkC;AAE7F,SACIA,+BAAA,cAAC,WAAO,GAAG,WAAA,GACN,UACDA,+BAAA,cAAC,MAAA,MACI,mBAAmB,IAAI,CAAC,QAAQ,UAC7BA,+BAAA,cAAC,QAAA,EAAO,KAAK,OAAO,IAAI,QAAgB,aAAa,UAAU,mBAAA,CAAoB,CACtF,CACL,CACJ;AAER;AAMO,SAAS,OAAwB,OAA2B;AAC/D,sDAAQ,cAAA,EAAa,QAAQ,MAAM,QAAQ,aAAa,MAAM,aAAa;AAC/E;AAOA,MAAM,eAAeA,eAAM,KAAK,SAASC,cAA8B,OAAiC;AACpG,QAAM,EAAE,QAAQ,YAAA,IAAgB;AAChC,QAAM,aAAa,OAAO,OAAO,UAAU;AAG3C,QAAM,gBAAgB,CAAC,CAAC,OAAO,YAAY;AAC3C,QAAM,WAAW,gBACX,OAAO,WAAW,KAAK,OAAK,EAAE,OAAO,YAAA,CAAa,GAAG,OAAO,YAAA,IAC5D,OAAO,OAAO,YAAA;AAEpB,QAAM,QAA6B,CAAA;AAEnC,MAAI,UAAU;AAEV,UAAM,QAAQ,IAAI,GAAG,OAAO,OAAO,SAAS,QAAQ,CAAC;AAAA,EACzD;AAEA,MAAI;AACJ,MAAI;AAGJ,MAAI,aAAa;AACb,YAAQ;AACR,2DAAW,SAAA,EAAQ,OAAO,OAAO,aAAa,OAAO;AAAA,EACzD,OAAO;AACH,YAAQ,WAAW;AACnB,cAAU,OAAO,gBAAgB,OAAO,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,WAAA,CAAY;AAAA,EAC1G;AAEA,SACID,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK,OAAO;AAAA,MACZ,mBAAiB;AAAA,MACjB,gBAAc,OAAO;AAAA,MACrB,oBAAkB,YAAY;AAAA,MAC9B;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb,CAAC;"}
+{"version":3,"file":"Footer.js","sources":["../../../../../../src/primitives/Table/Core/components/Footer/Footer.tsx"],"sourcesContent":["import type {\n    Header as ReactTableHeader,\n    ColumnMeta as ReactTableColumnMeta,\n    Table as ReactTable,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isInternalColumn } from '../../../useTableManager/util/columns';\n\nimport { Summary } from './Summary';\n\nexport type FootProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    table: ReactTable<TType>;\n};\nexport function Foot<TType = unknown>(props: FootProps<TType>) {\n    const { children, table, ...attributes } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const nonGroupedHeaders = table.getFooterGroups()[0]?.headers.filter(header => !header.column.getIsGrouped());\n    const firstVisibleExternalColumnIndex = nonGroupedHeaders?.find(\n        header => !isInternalColumn(header.id) && header.column.columnDef.meta?.enablePrinting !== false\n    )?.index;\n\n    // During printing, the summary should be displayed in the first visible external column,\n    // as internal and hidden columns are excluded from the printed document.\n    // However, in the normal table view, the summary should appear in the first column.\n    const summaryColumnIndex = tableMeta.printing.isPrinting ? firstVisibleExternalColumnIndex : 0;\n\n    return (\n        <tfoot {...attributes}>\n            {children}\n            <tr>\n                {nonGroupedHeaders?.map((header, index) => (\n                    <Footer key={header.id} header={header} showSummary={index === summaryColumnIndex} />\n                ))}\n            </tr>\n        </tfoot>\n    );\n}\n\nexport type FooterProps<TType = unknown> = {\n    header: ReactTableHeader<TType, unknown>;\n    showSummary: boolean;\n};\nexport function Footer<TType = unknown>(props: FooterProps<TType>) {\n    return <MemoedFooter footer={props.header} showSummary={props.showSummary} />;\n}\n\nexport type MemoedFooterProps<TType = unknown> = {\n    footer: ReactTableHeader<TType, unknown>;\n    showSummary: boolean;\n};\n\nconst MemoedFooter = React.memo(function MemoedFooter<TType = unknown>(props: MemoedFooterProps<TType>) {\n    const { footer, showSummary } = props;\n    const columnMeta = footer.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    // getIsPinned returns true for split header groups, even if the split group has no pinned sub headers\n    const isHeaderGroup = !!footer.subHeaders?.length;\n    const isPinned = isHeaderGroup\n        ? footer.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : footer.column.getIsPinned();\n\n    const style: React.CSSProperties = {};\n\n    if (isPinned) {\n        // pinned columns should be offset from either the left or right\n        style[isPinned] = `${footer.column.getStart(isPinned)}px`;\n    }\n\n    let content;\n    let align;\n\n    // Summary should only be appended to the first visible external column, as internal columns like the select column will be hidden in the print view.\n    if (showSummary) {\n        align = 'left';\n        content = <Summary table={footer.getContext().table} />;\n    } else {\n        align = columnMeta.align;\n        content = footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext());\n    }\n\n    return (\n        <td\n            key={footer.id}\n            data-cell-align={align}\n            data-cell-id={footer.id}\n            data-cell-pinned={isPinned || undefined}\n            style={style}>\n            {content}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedFooterProps<TType>) => React.JSX.Element;\n"],"names":["React","MemoedFooter"],"mappings":";;;;AAgBO,SAAS,KAAsB,OAAyB;AAC3D,QAAM,EAAE,UAAU,OAAO,GAAG,eAAe;AAC3C,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,oBAAoB,MAAM,gBAAA,EAAkB,CAAC,GAAG,QAAQ,OAAO,CAAA,WAAU,CAAC,OAAO,OAAO,cAAc;AAC5G,QAAM,kCAAkC,mBAAmB;AAAA,IACvD,CAAA,WAAU,CAAC,iBAAiB,OAAO,EAAE,KAAK,OAAO,OAAO,UAAU,MAAM,mBAAmB;AAAA,EAAA,GAC5F;AAKH,QAAM,qBAAqB,UAAU,SAAS,aAAa,kCAAkC;AAE7F,SACIA,+BAAA,cAAC,WAAO,GAAG,WAAA,GACN,UACDA,+BAAA,cAAC,MAAA,MACI,mBAAmB,IAAI,CAAC,QAAQ,UAC7BA,+BAAA,cAAC,QAAA,EAAO,KAAK,OAAO,IAAI,QAAgB,aAAa,UAAU,mBAAA,CAAoB,CACtF,CACL,CACJ;AAER;AAMO,SAAS,OAAwB,OAA2B;AAC/D,sDAAQ,cAAA,EAAa,QAAQ,MAAM,QAAQ,aAAa,MAAM,aAAa;AAC/E;AAOA,MAAM,eAAeA,eAAM,KAAK,SAASC,cAA8B,OAAiC;AACpG,QAAM,EAAE,QAAQ,YAAA,IAAgB;AAChC,QAAM,aAAa,OAAO,OAAO,UAAU;AAG3C,QAAM,gBAAgB,CAAC,CAAC,OAAO,YAAY;AAC3C,QAAM,WAAW,gBACX,OAAO,WAAW,KAAK,OAAK,EAAE,OAAO,YAAA,CAAa,GAAG,OAAO,YAAA,IAC5D,OAAO,OAAO,YAAA;AAEpB,QAAM,QAA6B,CAAA;AAEnC,MAAI,UAAU;AAEV,UAAM,QAAQ,IAAI,GAAG,OAAO,OAAO,SAAS,QAAQ,CAAC;AAAA,EACzD;AAEA,MAAI;AACJ,MAAI;AAGJ,MAAI,aAAa;AACb,YAAQ;AACR,2DAAW,SAAA,EAAQ,OAAO,OAAO,aAAa,OAAO;AAAA,EACzD,OAAO;AACH,YAAQ,WAAW;AACnB,cAAU,OAAO,gBAAgB,OAAO,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,WAAA,CAAY;AAAA,EAC1G;AAEA,SACID,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK,OAAO;AAAA,MACZ,mBAAiB;AAAA,MACjB,gBAAc,OAAO;AAAA,MACrB,oBAAkB,YAAY;AAAA,MAC9B;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Header.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Header/Header.tsx"],"sourcesContent":["import type {\n    TableMeta as ReactTableMeta,\n    ColumnMeta as ReactTableColumnMeta,\n    Header as ReactTableHeader,\n    ColumnPinningPosition as ReactTableColumnPinningPosition,\n    Updater,\n    ColumnSizingState,\n} from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { Tooltip } from '../../../../../components/Tooltip/Tooltip';\nimport type { TableColumnAlignment, TableColumnMenu, TableColumnSortDirection, TableColumnWidth } from '../../../types';\nimport { TableFilterComparator } from '../../../types';\nimport { freezeUptoExternalColumn, isInternalColumn, unfreezeAllExternalColumns } from '../../../useTableManager/util/columns';\n\nimport { HeaderMenu } from './components/Menu';\nimport { Resizer } from './components/Resizer';\nimport { SortIndicator, getSortAttributes } from './components/SortIndicator';\nimport { getIsPinned, useSetInitialColumnSizing } from './util';\n\ntype HeaderContentProps = {\n    children: React.ReactNode;\n    tooltip?: React.ReactNode;\n    isInternalColumnHeader: boolean;\n};\n\nconst HeaderContent = ({ children, tooltip, isInternalColumnHeader }: HeaderContentProps) => {\n    if (isInternalColumnHeader || typeof children !== 'string') {\n        return <>{children}</>;\n    }\n\n    return (\n        <Tooltip title={String(tooltip ?? children)} placement=\"top\">\n            <span className=\"truncate\">{children}</span>\n        </Tooltip>\n    );\n};\n\nexport type HeaderProps<TType = unknown> = {\n    header: ReactTableHeader<TType, unknown>;\n    scrollToIndex: (index: number) => void;\n};\n\nexport function Header<TType = unknown>(props: HeaderProps<TType>) {\n    const { header, scrollToIndex } = props;\n\n    if (header.column.getIsGrouped()) {\n        return null;\n    }\n\n    const { table } = header.getContext();\n\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = (header.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n\n    const isGroup = !!header.subHeaders.length;\n    const isPinned = getIsPinned(header);\n\n    const canFilter = !header.isPlaceholder && header.column.getCanFilter() && !!table.options.enableColumnFilters;\n    const canHide = !header.isPlaceholder && !isGroup && header.column.getCanHide();\n    const canMeasureSize = !!table.getRowModel().rows.length;\n    const canPin = !header.isPlaceholder && !isGroup && header.column.getCanPin();\n    const canResize = !header.isPlaceholder && !isGroup && header.column.getCanResize();\n    const canSort = !header.isPlaceholder && !isGroup && header.column.getCanSort();\n    const canGoto = canSort && !header.isPlaceholder && !isGroup && tableMeta.rowGoto.isEnabled && !!header.column.getIsSorted();\n\n    const hasMenu = !isInternalColumn(header.id) && (canHide || canGoto || canPin || canSort || !!columnMeta.menu);\n\n    const sorting = table.getState().sorting;\n    const filters = table.getState().columnFilters;\n    const search = table.getState().globalFilter;\n\n    // passing header or column results in re-renders on scroll, so anything from those objects as memoed props\n    const memoedProps: MemoedHeaderProps = {\n        align: columnMeta.align,\n        canFilter,\n        canHide,\n        canGoto,\n        canMeasureSize,\n        canPin,\n        canResize,\n        canSort,\n        className: cn('group/header', columnMeta.headerClassName),\n        children: flexRender(header.column.columnDef.header, header.getContext()),\n        colSpan: header.colSpan,\n        customMenu: columnMeta.menu,\n        defaultWidth: columnMeta.defaultWidth,\n        hasMenu,\n        id: header.id,\n        isFiltered: header.column.getIsFiltered(),\n        index: header.index,\n        isGroup,\n        isPinned,\n        isPlaceholder: header.isPlaceholder,\n        offset: header.column.getStart(isPinned),\n        parentId: header.column.parent?.id,\n        scrollToIndex,\n        setRowActiveIndex: tableMeta.rowActive.setRowActiveIndex,\n        setColumnSizing: table.setColumnSizing,\n        tooltip: columnMeta.tooltip,\n        width: table.getState().columnSizing[header.id],\n    };\n\n    if (header.isPlaceholder) {\n        const nextHeader = header.headerGroup.headers[header.index + 1];\n        memoedProps.className = cn('!bg-white before:!content-none', memoedProps.className, {\n            'after:!content-none': nextHeader?.isPlaceholder,\n        });\n    }\n\n    if (canFilter) {\n        memoedProps.onFilter = () => {\n            header.column.setFilterValue({ comparator: TableFilterComparator.Contains });\n        };\n    }\n\n    if (canGoto) {\n        memoedProps.onGoto = ((query: string) => tableMeta.rowGoto.handleGoto?.(header.id, query, sorting, filters, search)) as (\n            query: string\n        ) => Promise<number>;\n    }\n\n    if (canHide) {\n        memoedProps.onHide = header.column.getToggleVisibilityHandler();\n    }\n\n    if (header.id === '__expansion') {\n        memoedProps.isExpanded = table.getIsSomeRowsExpanded();\n    }\n\n    if (canPin) {\n        memoedProps.onPin = (index: number | undefined) => {\n            // TODO: this can probably be moved to a feature hook\n            table.setColumnPinning(pinningState => {\n                return {\n                    ...pinningState,\n                    left:\n                        index === undefined\n                            ? unfreezeAllExternalColumns(pinningState.left)\n                            : freezeUptoExternalColumn(\n                                  index,\n                                  table.getAllLeafColumns().map(column => column.id)\n                              ),\n                };\n            });\n        };\n    }\n\n    if (canResize) {\n        memoedProps.isResizing = header.column.getIsResizing();\n        memoedProps.onResize = header.getResizeHandler();\n        memoedProps.resetSize = header.column.resetSize;\n    }\n\n    if (canSort) {\n        const handleSortToggle = (sortDirection: TableColumnSortDirection | false) => {\n            if (sortDirection === false) {\n                header.column.clearSorting();\n            } else {\n                header.column.toggleSorting(sortDirection === 'desc');\n            }\n        };\n\n        memoedProps.onSort = header.column.getToggleSortingHandler();\n        memoedProps.onSortToggle = handleSortToggle;\n        memoedProps.sortDirection = header.column.getIsSorted();\n    }\n\n    return <MemoedHeader key={header.id} {...memoedProps} />;\n}\n\nexport type MemoedHeaderProps = {\n    align?: TableColumnAlignment;\n    canFilter: boolean;\n    canHide: boolean;\n    canGoto: boolean;\n    canMeasureSize: boolean;\n    canPin: boolean;\n    canResize: boolean;\n    canSort: boolean;\n    children: JSX.Element | React.ReactNode;\n    className?: string;\n    colSpan: number;\n    customMenu?: TableColumnMenu;\n    defaultWidth?: TableColumnWidth;\n    hasMenu: boolean;\n    id: string;\n    index: number;\n    isExpanded?: boolean;\n    isFiltered: boolean;\n    isGroup: boolean;\n    isPinned?: ReactTableColumnPinningPosition;\n    isPlaceholder: boolean;\n    isResizing?: boolean;\n    offset?: number;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onResize?: (event: unknown) => void;\n    onSort?: (event: unknown) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    parentId?: string;\n    resetSize?: () => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    setColumnSizing: (updater: Updater<ColumnSizingState>) => void;\n    sortDirection?: TableColumnSortDirection | false;\n    tooltip?: string;\n    width?: TableColumnWidth;\n};\n\nconst MemoedHeader = React.memo(function MemoedHeader(props: MemoedHeaderProps) {\n    const {\n        align,\n        canFilter,\n        canGoto,\n        canHide,\n        canMeasureSize,\n        canPin,\n        canResize,\n        canSort,\n        children,\n        className,\n        colSpan,\n        customMenu,\n        defaultWidth,\n        hasMenu,\n        id,\n        index,\n        isExpanded,\n        isFiltered,\n        isGroup,\n        isPinned,\n        isPlaceholder,\n        isResizing,\n        offset,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onResize: handleResize,\n        onSort: handleSort,\n        onSortToggle: handleSortToggle,\n        resetSize: handleResetSize,\n        scrollToIndex,\n        setRowActiveIndex,\n        setColumnSizing,\n        sortDirection,\n        tooltip,\n        width,\n    } = props;\n    const [ref, setRef] = React.useState<HTMLTableCellElement | null>(null);\n\n    // save column width if none is set\n    useSetInitialColumnSizing(id, defaultWidth, width, ref, canMeasureSize, setColumnSizing);\n\n    // feature specific styles\n    const style: React.CSSProperties = {};\n\n    // column groups often span multiple columns\n    if (colSpan > 1) {\n        style.gridColumn = `span ${colSpan}`;\n    }\n\n    // pinned columns should be offset from either the left or right\n    if (isPinned) {\n        style[isPinned] = `${offset}px`;\n    }\n\n    return (\n        <th\n            {...getSortAttributes(canSort, handleSort, sortDirection)}\n            className={className}\n            data-cell-align={isGroup ? 'center' : align}\n            data-cell-id={id}\n            data-cell-pinned={isPinned || undefined}\n            data-taco={\n                isGroup ? (isPlaceholder ? 'grouped-column-header-placeholder' : 'grouped-column-header') : 'column-header'\n            }\n            data-parent-group-id={props.parentId ? props.parentId : undefined}\n            data-rows-expanded={isExpanded || undefined}\n            style={style}\n            ref={setRef}>\n            {isPlaceholder ? null : (\n                <HeaderContent children={children} tooltip={tooltip} isInternalColumnHeader={!!isInternalColumn(id)} />\n            )}\n            {sortDirection ? <SortIndicator direction={sortDirection} /> : null}\n            {hasMenu ? (\n                <HeaderMenu\n                    canFilter={canFilter}\n                    canGoto={canGoto}\n                    canHide={canHide}\n                    canPin={canPin}\n                    canSort={canSort}\n                    className={cn({\n                        'ml-auto': align !== 'right',\n                        'ml-0': align === 'right',\n                    })}\n                    customMenu={customMenu}\n                    index={index}\n                    isFiltered={isFiltered}\n                    onFilter={handleFilter}\n                    onGoto={handleGoto}\n                    onHide={handleHide}\n                    onPin={handlePin}\n                    onSortToggle={handleSortToggle}\n                    scrollToIndex={scrollToIndex}\n                    setRowActiveIndex={setRowActiveIndex}\n                    sortDirection={sortDirection}\n                    columnId={id}\n                />\n            ) : null}\n            {canResize ? (\n                <Resizer\n                    headerRef={ref}\n                    id={id}\n                    isResizing={isResizing as boolean}\n                    onResize={handleResize as (event: unknown) => void}\n                    onResetSize={handleResetSize as () => void}\n                    setColumnSizing={setColumnSizing}\n                    width={width}\n                />\n            ) : null}\n        </th>\n    );\n});\n"],"names":["Tooltip","getIsPinned","isInternalColumn","flexRender","TableFilterComparator","unfreezeAllExternalColumns","freezeUptoExternalColumn","MemoedHeader","useSetInitialColumnSizing","getSortAttributes","SortIndicator","HeaderMenu","Resizer"],"mappings":"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"}
+{"version":3,"file":"Header.cjs","sources":["../../../../../../src/primitives/Table/Core/components/Header/Header.tsx"],"sourcesContent":["import type {\n    TableMeta as ReactTableMeta,\n    ColumnMeta as ReactTableColumnMeta,\n    Header as ReactTableHeader,\n    ColumnPinningPosition as ReactTableColumnPinningPosition,\n    Updater,\n    ColumnSizingState,\n} from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { Tooltip } from '../../../../../components/Tooltip/Tooltip';\nimport type { TableColumnAlignment, TableColumnMenu, TableColumnSortDirection, TableColumnWidth } from '../../../types';\nimport { TableFilterComparator } from '../../../types';\nimport { freezeUptoExternalColumn, isInternalColumn, unfreezeAllExternalColumns } from '../../../useTableManager/util/columns';\n\nimport { HeaderMenu } from './components/Menu';\nimport { Resizer } from './components/Resizer';\nimport { SortIndicator, getSortAttributes } from './components/SortIndicator';\nimport { getIsPinned, useSetInitialColumnSizing } from './util';\n\ntype HeaderContentProps = {\n    children: React.ReactNode;\n    tooltip?: React.ReactNode;\n    isInternalColumnHeader: boolean;\n};\n\nconst HeaderContent = ({ children, tooltip, isInternalColumnHeader }: HeaderContentProps) => {\n    if (isInternalColumnHeader || typeof children !== 'string') {\n        return <>{children}</>;\n    }\n\n    return (\n        <Tooltip title={String(tooltip ?? children)} placement=\"top\">\n            <span className=\"truncate\">{children}</span>\n        </Tooltip>\n    );\n};\n\nexport type HeaderProps<TType = unknown> = {\n    header: ReactTableHeader<TType, unknown>;\n    scrollToIndex: (index: number) => void;\n};\n\nexport function Header<TType = unknown>(props: HeaderProps<TType>) {\n    const { header, scrollToIndex } = props;\n\n    if (header.column.getIsGrouped()) {\n        return null;\n    }\n\n    const { table } = header.getContext();\n\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = (header.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n\n    const isGroup = !!header.subHeaders.length;\n    const isPinned = getIsPinned(header);\n\n    const canFilter = !header.isPlaceholder && header.column.getCanFilter() && !!table.options.enableColumnFilters;\n    const canHide = !header.isPlaceholder && !isGroup && header.column.getCanHide();\n    const canMeasureSize = !!table.getRowModel().rows.length;\n    const canPin = !header.isPlaceholder && !isGroup && header.column.getCanPin();\n    const canResize = !header.isPlaceholder && !isGroup && header.column.getCanResize();\n    const canSort = !header.isPlaceholder && !isGroup && header.column.getCanSort();\n    const canGoto = canSort && !header.isPlaceholder && !isGroup && tableMeta.rowGoto.isEnabled && !!header.column.getIsSorted();\n\n    const hasMenu = !isInternalColumn(header.id) && (canHide || canGoto || canPin || canSort || !!columnMeta.menu);\n\n    const sorting = table.getState().sorting;\n    const filters = table.getState().columnFilters;\n    const search = table.getState().globalFilter;\n\n    // passing header or column results in re-renders on scroll, so anything from those objects as memoed props\n    const memoedProps: MemoedHeaderProps = {\n        align: columnMeta.align,\n        canFilter,\n        canHide,\n        canGoto,\n        canMeasureSize,\n        canPin,\n        canResize,\n        canSort,\n        className: cn('group/header', columnMeta.headerClassName),\n        children: flexRender(header.column.columnDef.header, header.getContext()),\n        colSpan: header.colSpan,\n        customMenu: columnMeta.menu,\n        defaultWidth: columnMeta.defaultWidth,\n        hasMenu,\n        id: header.id,\n        isFiltered: header.column.getIsFiltered(),\n        index: header.index,\n        isGroup,\n        isPinned,\n        isPlaceholder: header.isPlaceholder,\n        offset: header.column.getStart(isPinned),\n        parentId: header.column.parent?.id,\n        scrollToIndex,\n        setRowActiveIndex: tableMeta.rowActive.setRowActiveIndex,\n        setColumnSizing: table.setColumnSizing,\n        tooltip: columnMeta.tooltip,\n        width: table.getState().columnSizing[header.id],\n    };\n\n    if (header.isPlaceholder) {\n        const nextHeader = header.headerGroup.headers[header.index + 1];\n        memoedProps.className = cn('!bg-white before:!content-none', memoedProps.className, {\n            'after:!content-none': nextHeader?.isPlaceholder,\n        });\n    }\n\n    if (canFilter) {\n        memoedProps.onFilter = () => {\n            header.column.setFilterValue({ comparator: TableFilterComparator.Contains });\n        };\n    }\n\n    if (canGoto) {\n        memoedProps.onGoto = ((query: string) => tableMeta.rowGoto.handleGoto?.(header.id, query, sorting, filters, search)) as (\n            query: string\n        ) => Promise<number>;\n    }\n\n    if (canHide) {\n        memoedProps.onHide = header.column.getToggleVisibilityHandler();\n    }\n\n    if (header.id === '__expansion') {\n        memoedProps.isExpanded = table.getIsSomeRowsExpanded();\n    }\n\n    if (canPin) {\n        memoedProps.onPin = (index: number | undefined) => {\n            // TODO: this can probably be moved to a feature hook\n            table.setColumnPinning(pinningState => {\n                return {\n                    ...pinningState,\n                    left:\n                        index === undefined\n                            ? unfreezeAllExternalColumns(pinningState.left)\n                            : freezeUptoExternalColumn(\n                                  index,\n                                  table.getAllLeafColumns().map(column => column.id)\n                              ),\n                };\n            });\n        };\n    }\n\n    if (canResize) {\n        memoedProps.isResizing = header.column.getIsResizing();\n        memoedProps.onResize = header.getResizeHandler();\n        memoedProps.resetSize = header.column.resetSize;\n    }\n\n    if (canSort) {\n        const handleSortToggle = (sortDirection: TableColumnSortDirection | false) => {\n            if (sortDirection === false) {\n                header.column.clearSorting();\n            } else {\n                header.column.toggleSorting(sortDirection === 'desc');\n            }\n        };\n\n        memoedProps.onSort = header.column.getToggleSortingHandler();\n        memoedProps.onSortToggle = handleSortToggle;\n        memoedProps.sortDirection = header.column.getIsSorted();\n    }\n\n    return <MemoedHeader key={header.id} {...memoedProps} />;\n}\n\nexport type MemoedHeaderProps = {\n    align?: TableColumnAlignment;\n    canFilter: boolean;\n    canHide: boolean;\n    canGoto: boolean;\n    canMeasureSize: boolean;\n    canPin: boolean;\n    canResize: boolean;\n    canSort: boolean;\n    children: React.JSX.Element | React.ReactNode;\n    className?: string;\n    colSpan: number;\n    customMenu?: TableColumnMenu;\n    defaultWidth?: TableColumnWidth;\n    hasMenu: boolean;\n    id: string;\n    index: number;\n    isExpanded?: boolean;\n    isFiltered: boolean;\n    isGroup: boolean;\n    isPinned?: ReactTableColumnPinningPosition;\n    isPlaceholder: boolean;\n    isResizing?: boolean;\n    offset?: number;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onResize?: (event: unknown) => void;\n    onSort?: (event: unknown) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    parentId?: string;\n    resetSize?: () => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    setColumnSizing: (updater: Updater<ColumnSizingState>) => void;\n    sortDirection?: TableColumnSortDirection | false;\n    tooltip?: string;\n    width?: TableColumnWidth;\n};\n\nconst MemoedHeader = React.memo(function MemoedHeader(props: MemoedHeaderProps) {\n    const {\n        align,\n        canFilter,\n        canGoto,\n        canHide,\n        canMeasureSize,\n        canPin,\n        canResize,\n        canSort,\n        children,\n        className,\n        colSpan,\n        customMenu,\n        defaultWidth,\n        hasMenu,\n        id,\n        index,\n        isExpanded,\n        isFiltered,\n        isGroup,\n        isPinned,\n        isPlaceholder,\n        isResizing,\n        offset,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onResize: handleResize,\n        onSort: handleSort,\n        onSortToggle: handleSortToggle,\n        resetSize: handleResetSize,\n        scrollToIndex,\n        setRowActiveIndex,\n        setColumnSizing,\n        sortDirection,\n        tooltip,\n        width,\n    } = props;\n    const [ref, setRef] = React.useState<HTMLTableCellElement | null>(null);\n\n    // save column width if none is set\n    useSetInitialColumnSizing(id, defaultWidth, width, ref, canMeasureSize, setColumnSizing);\n\n    // feature specific styles\n    const style: React.CSSProperties = {};\n\n    // column groups often span multiple columns\n    if (colSpan > 1) {\n        style.gridColumn = `span ${colSpan}`;\n    }\n\n    // pinned columns should be offset from either the left or right\n    if (isPinned) {\n        style[isPinned] = `${offset}px`;\n    }\n\n    return (\n        <th\n            {...getSortAttributes(canSort, handleSort, sortDirection)}\n            className={className}\n            data-cell-align={isGroup ? 'center' : align}\n            data-cell-id={id}\n            data-cell-pinned={isPinned || undefined}\n            data-taco={\n                isGroup ? (isPlaceholder ? 'grouped-column-header-placeholder' : 'grouped-column-header') : 'column-header'\n            }\n            data-parent-group-id={props.parentId ? props.parentId : undefined}\n            data-rows-expanded={isExpanded || undefined}\n            style={style}\n            ref={setRef}>\n            {isPlaceholder ? null : (\n                <HeaderContent children={children} tooltip={tooltip} isInternalColumnHeader={!!isInternalColumn(id)} />\n            )}\n            {sortDirection ? <SortIndicator direction={sortDirection} /> : null}\n            {hasMenu ? (\n                <HeaderMenu\n                    canFilter={canFilter}\n                    canGoto={canGoto}\n                    canHide={canHide}\n                    canPin={canPin}\n                    canSort={canSort}\n                    className={cn({\n                        'ml-auto': align !== 'right',\n                        'ml-0': align === 'right',\n                    })}\n                    customMenu={customMenu}\n                    index={index}\n                    isFiltered={isFiltered}\n                    onFilter={handleFilter}\n                    onGoto={handleGoto}\n                    onHide={handleHide}\n                    onPin={handlePin}\n                    onSortToggle={handleSortToggle}\n                    scrollToIndex={scrollToIndex}\n                    setRowActiveIndex={setRowActiveIndex}\n                    sortDirection={sortDirection}\n                    columnId={id}\n                />\n            ) : null}\n            {canResize ? (\n                <Resizer\n                    headerRef={ref}\n                    id={id}\n                    isResizing={isResizing as boolean}\n                    onResize={handleResize as (event: unknown) => void}\n                    onResetSize={handleResetSize as () => void}\n                    setColumnSizing={setColumnSizing}\n                    width={width}\n                />\n            ) : null}\n        </th>\n    );\n});\n"],"names":["Tooltip","getIsPinned","isInternalColumn","flexRender","TableFilterComparator","unfreezeAllExternalColumns","freezeUptoExternalColumn","MemoedHeader","useSetInitialColumnSizing","getSortAttributes","SortIndicator","HeaderMenu","Resizer"],"mappings":"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"}

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

@@ -15,7 +15,7 @@ export type MemoedHeaderProps = {
     canPin: boolean;
     canResize: boolean;
     canSort: boolean;
-    children: JSX.Element | React.ReactNode;
+    children: React.JSX.Element | React.ReactNode;
     className?: string;
     colSpan: number;
     customMenu?: TableColumnMenu;