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

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/Settings.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/Settings.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Menu } from '../../../../../../../components/Menu/Menu';\nimport { HideOrOrderPopover } from './HideOrOrderPopover';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\nimport { FontSizes } from '../../../../../../../types';\nimport { IconName } from '../../../../../../../components/Icon/Icon';\nimport { TableCustomSettingsRenderer } from '../../../../../types';\nimport { PopoverProps } from '../../../../../../../components/Popover/Popover';\n\nexport type SettingsProps<TType = unknown> = {\n    customSettings?: TableCustomSettingsRenderer;\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function Settings<TType = unknown>(props: SettingsProps<TType>) {\n    const { customSettings, id, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n    const canChangeFontSize = tableMeta.fontSize.isEnabled;\n    const canChangeRowHeight = tableMeta.rowHeight.isEnabled;\n\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover === 'columnSettings') {\n        const handleClosePopover = () => setPopover(undefined);\n        if (canHideOrOrder) {\n            popoverElement = (popoverProps: PopoverProps) => (\n                <HideOrOrderPopover\n                    {...popoverProps}\n                    id={`${id}-columnSettings`}\n                    open\n                    onChange={handleClosePopover}\n                    table={table}\n                />\n            );\n        }\n    }\n\n    const handleOpenColumnSettings = React.useCallback(() => {\n        // Wait until the menu click lifecycle finishes, otherwise the popover can instantly close\n        // because the originating click is treated as an outside interaction.\n        setTimeout(() => setPopover('columnSettings'));\n    }, []);\n\n    return (\n        <>\n            {popoverElement ? (\n                <LegacyIconButton\n                    aria-label={texts.table.otherOptions.tooltip}\n                    id={id}\n                    icon=\"sliders\"\n                    popover={popoverElement}\n                    tooltip={texts.table.otherOptions.tooltip}\n                />\n            ) : (\n                // With using of id/triggerId we can maintain the previous id contract (with \"...-toolbar-settings\" postfix), and avoid BaseUI to set random id for the trigger button.\n                <Menu triggerId={id}>\n                    <Menu.Trigger id={id}>\n                        <LegacyIconButton\n                            aria-label={texts.table.otherOptions.tooltip}\n                            tooltip={texts.table.otherOptions.tooltip}\n                            icon=\"sliders\"\n                        />\n                    </Menu.Trigger>\n                    <Menu.Content align=\"end\">\n                        {canHideOrOrder ? (\n                            <Menu.Item aria-controls={`${id}-columnSettings`} icon=\"columns\" onClick={handleOpenColumnSettings}>\n                                {texts.table.columnSettings.button}\n                            </Menu.Item>\n                        ) : null}\n                        {canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (\n                            <Menu.Separator />\n                        ) : null}\n                        {canChangeRowHeight ? (\n                            <Menu.Item\n                                icon={`height-${tableMeta.rowHeight.height}` as IconName}\n                                subMenu={() => <RowHeightMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.rowHeight.tooltip}\n                            </Menu.Item>\n                        ) : null}\n                        {canChangeFontSize ? (\n                            <Menu.Item icon=\"font-size\" subMenu={() => <FontSizeMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.fontSize.tooltip}\n                            </Menu.Item>\n                        ) : null}\n\n                        {customSettings ? (\n                            <>\n                                {canChangeRowHeight || canChangeFontSize ? <Menu.Separator /> : null}\n                                {customSettings(getSettings(table)).map((item, index) => (\n                                    <React.Fragment key={index}>{item}</React.Fragment>\n                                ))}\n                            </>\n                        ) : null}\n                    </Menu.Content>\n                </Menu>\n            )}\n        </>\n    );\n}\n\nfunction FontSizeMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.fontSize.setSize as any} value={tableMeta.fontSize.size}>\n                <Menu.RadioGroup.Item value={FontSizes.small}>{texts.table.fontSize.sizes.small}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value={FontSizes.medium}>{texts.table.fontSize.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item disabled={tableMeta.rowHeight.height === 'short'} value={FontSizes.large}>\n                    {texts.table.fontSize.sizes.large}\n                </Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n\nfunction RowHeightMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.rowHeight.setHeight as any} value={tableMeta.rowHeight.height}>\n                <Menu.RadioGroup.Item value=\"short\">{texts.table.rowHeight.sizes.short}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table.rowHeight.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"tall\">{texts.table.rowHeight.sizes.tall}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"extra-tall\">{texts.table.rowHeight.sizes.extraTall}</Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["useLocalization","HideOrOrderPopover","LegacyIconButton","Menu","getSettings","FontSizes"],"mappings":"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"}
+{"version":3,"file":"Settings.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/Settings.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Menu } from '../../../../../../../components/Menu/Menu';\nimport { HideOrOrderPopover } from './HideOrOrderPopover';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\nimport { FontSizes } from '../../../../../../../types';\nimport { IconName } from '../../../../../../../components/Icon/Icon';\nimport { TableCustomSettingsRenderer } from '../../../../../types';\nimport { PopoverProps } from '../../../../../../../components/Popover/Popover';\n\nexport type SettingsProps<TType = unknown> = {\n    customSettings?: TableCustomSettingsRenderer;\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function Settings<TType = unknown>(props: SettingsProps<TType>) {\n    const { customSettings, id, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n    const canChangeFontSize = tableMeta.fontSize.isEnabled;\n    const canChangeRowHeight = tableMeta.rowHeight.isEnabled;\n\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover === 'columnSettings') {\n        const handleClosePopover = () => setPopover(undefined);\n        if (canHideOrOrder) {\n            popoverElement = (popoverProps: PopoverProps) => (\n                <HideOrOrderPopover\n                    {...popoverProps}\n                    id={`${id}-columnSettings`}\n                    open\n                    onChange={handleClosePopover}\n                    table={table}\n                />\n            );\n        }\n    }\n\n    const handleOpenColumnSettings = React.useCallback(() => {\n        // Wait until the menu click lifecycle finishes, otherwise the popover can instantly close\n        // because the originating click is treated as an outside interaction.\n        setTimeout(() => setPopover('columnSettings'));\n    }, []);\n\n    return (\n        <>\n            {popoverElement ? (\n                <LegacyIconButton\n                    aria-label={texts.table.otherOptions.tooltip}\n                    id={id}\n                    icon=\"sliders\"\n                    popover={popoverElement}\n                    tooltip={texts.table.otherOptions.tooltip}\n                />\n            ) : (\n                // With using of id/triggerId we can maintain the previous id contract (with \"...-toolbar-settings\" postfix), and avoid BaseUI to set random id for the trigger button.\n                <Menu triggerId={id}>\n                    <Menu.Trigger id={id}>\n                        <LegacyIconButton\n                            aria-label={texts.table.otherOptions.tooltip}\n                            tooltip={texts.table.otherOptions.tooltip}\n                            icon=\"sliders\"\n                        />\n                    </Menu.Trigger>\n                    <Menu.Content align=\"end\">\n                        {canHideOrOrder ? (\n                            <Menu.Item aria-controls={`${id}-columnSettings`} icon=\"columns\" onClick={handleOpenColumnSettings}>\n                                {texts.table.columnSettings.button}\n                            </Menu.Item>\n                        ) : null}\n                        {canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (\n                            <Menu.Separator />\n                        ) : null}\n                        {canChangeRowHeight ? (\n                            <Menu.Item\n                                icon={`height-${tableMeta.rowHeight.height}` as IconName}\n                                subMenu={() => <RowHeightMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.rowHeight.tooltip}\n                            </Menu.Item>\n                        ) : null}\n                        {canChangeFontSize ? (\n                            <Menu.Item icon=\"font-size\" subMenu={() => <FontSizeMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.fontSize.tooltip}\n                            </Menu.Item>\n                        ) : null}\n\n                        {customSettings ? (\n                            <>\n                                {canChangeRowHeight || canChangeFontSize ? <Menu.Separator /> : null}\n                                {customSettings(getSettings(table)).map((item, index) => (\n                                    <React.Fragment key={index}>{item}</React.Fragment>\n                                ))}\n                            </>\n                        ) : null}\n                    </Menu.Content>\n                </Menu>\n            )}\n        </>\n    );\n}\n\nfunction FontSizeMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.fontSize.setSize as any} value={tableMeta.fontSize.size}>\n                <Menu.RadioGroup.Item value={FontSizes.small}>{texts.table.fontSize.sizes.small}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value={FontSizes.medium}>{texts.table.fontSize.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item disabled={tableMeta.rowHeight.height === 'short'} value={FontSizes.large}>\n                    {texts.table.fontSize.sizes.large}\n                </Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n\nfunction RowHeightMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.rowHeight.setHeight as any} value={tableMeta.rowHeight.height}>\n                <Menu.RadioGroup.Item value=\"short\">{texts.table.rowHeight.sizes.short}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table.rowHeight.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"tall\">{texts.table.rowHeight.sizes.tall}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"extra-tall\">{texts.table.rowHeight.sizes.extraTall}</Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["useLocalization","HideOrOrderPopover","LegacyIconButton","Menu","getSettings","FontSizes"],"mappings":";;;;;;;;;AAkBO,SAAS,SAA0B,OAA6B;AACnE,QAAM,EAAE,gBAAgB,IAAI,MAAA,IAAU;AACtC,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,YAAY,MAAM,QAAQ;AAEhC,QAAM,iBAAiB,MAAM,QAAQ,gBAAgB,UAAU,eAAe;AAC9E,QAAM,oBAAoB,UAAU,SAAS;AAC7C,QAAM,qBAAqB,UAAU,UAAU;AAE/C,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAA6B,MAAS;AAE1E,MAAI;AAEJ,MAAI,YAAY,kBAAkB;AAC9B,UAAM,qBAAqB,MAAM,WAAW,MAAS;AACrD,QAAI,gBAAgB;AAChB,uBAAiB,CAAC,iBACd,sBAAA;AAAA,QAACC,mBAAAA;AAAAA,QAAA;AAAA,UACI,GAAG;AAAA,UACJ,IAAI,GAAG,EAAE;AAAA,UACT,MAAI;AAAA,UACJ,UAAU;AAAA,UACV;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ;AAAA,EACJ;AAEA,QAAM,2BAA2B,MAAM,YAAY,MAAM;AAGrD,eAAW,MAAM,WAAW,gBAAgB,CAAC;AAAA,EACjD,GAAG,CAAA,CAAE;AAEL,mEAES,iBACG,sBAAA;AAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACG,cAAY,MAAM,MAAM,aAAa;AAAA,MACrC;AAAA,MACA,MAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS,MAAM,MAAM,aAAa;AAAA,IAAA;AAAA,EAAA;AAAA;AAAA,IAItC,sBAAA,cAACC,KAAAA,QAAK,WAAW,GAAA,uCACZA,KAAAA,KAAK,SAAL,EAAa,GAAA,GACV,sBAAA;AAAA,MAACD,WAAAA;AAAAA,MAAA;AAAA,QACG,cAAY,MAAM,MAAM,aAAa;AAAA,QACrC,SAAS,MAAM,MAAM,aAAa;AAAA,QAClC,MAAK;AAAA,MAAA;AAAA,IAAA,CAEb,GACA,sBAAA,cAACC,KAAAA,KAAK,SAAL,EAAa,OAAM,MAAA,GACf,iBACG,sBAAA,cAACA,KAAAA,KAAK,MAAL,EAAU,iBAAe,GAAG,EAAE,mBAAmB,MAAK,WAAU,SAAS,4BACrE,MAAM,MAAM,eAAe,MAChC,IACA,MACH,mBAAmB,sBAAsB,qBAAqB,kBAC3D,sBAAA,cAACA,KAAAA,KAAK,WAAL,IAAe,IAChB,MACH,qBACG,sBAAA;AAAA,MAACA,KAAAA,KAAK;AAAA,MAAL;AAAA,QACG,MAAM,UAAU,UAAU,UAAU,MAAM;AAAA,QAC1C,SAAS,MAAM,sBAAA,cAAC,mBAAA,EAAkB,UAAA,CAAsB;AAAA,MAAA;AAAA,MACvD,MAAM,MAAM,UAAU;AAAA,IAAA,IAE3B,MACH,oBACG,sBAAA,cAACA,KAAAA,KAAK,MAAL,EAAU,MAAK,aAAY,SAAS,0CAAO,kBAAA,EAAiB,UAAA,CAAsB,EAAA,GAC9E,MAAM,MAAM,SAAS,OAC1B,IACA,MAEH,iBACG,sBAAA,cAAA,MAAA,UAAA,MACK,sBAAsB,wDAAqBA,KAAAA,KAAK,WAAL,IAAe,IAAK,MAC/D,eAAeC,qBAAY,KAAK,CAAC,EAAE,IAAI,CAAC,MAAM,UAC3C,sBAAA,cAAC,MAAM,UAAN,EAAe,KAAK,MAAA,GAAQ,IAAK,CACrC,CACL,IACA,IACR,CACJ;AAAA,GAER;AAER;AAEA,SAAS,iBAAkC,EAAE,aAAmD;AAC5F,QAAM,EAAE,MAAA,IAAUJ,6BAAA;AAElB,SACI,sBAAA,cAACG,KAAAA,KAAK,SAAL,MACG,sBAAA,cAACA,KAAAA,KAAK,YAAL,EAAgB,UAAU,UAAU,SAAS,SAAgB,OAAO,UAAU,SAAS,KAAA,GACpF,sBAAA,cAACA,KAAAA,KAAK,WAAW,MAAhB,EAAqB,OAAOE,MAAAA,UAAU,MAAA,GAAQ,MAAM,MAAM,SAAS,MAAM,KAAM,GAChF,sBAAA,cAACF,KAAAA,KAAK,WAAW,MAAhB,EAAqB,OAAOE,MAAAA,UAAU,OAAA,GAAS,MAAM,MAAM,SAAS,MAAM,MAAO,GAClF,sBAAA,cAACF,KAAAA,KAAK,WAAW,MAAhB,EAAqB,UAAU,UAAU,UAAU,WAAW,SAAS,OAAOE,MAAAA,UAAU,MAAA,GACpF,MAAM,MAAM,SAAS,MAAM,KAChC,CACJ,CACJ;AAER;AAEA,SAAS,kBAAmC,EAAE,aAAmD;AAC7F,QAAM,EAAE,MAAA,IAAUL,6BAAA;AAElB,SACI,sBAAA,cAACG,KAAAA,KAAK,SAAL,0CACIA,KAAAA,KAAK,YAAL,EAAgB,UAAU,UAAU,UAAU,WAAkB,OAAO,UAAU,UAAU,OAAA,GACxF,sBAAA,cAACA,UAAK,WAAW,MAAhB,EAAqB,OAAM,WAAS,MAAM,MAAM,UAAU,MAAM,KAAM,GACvE,sBAAA,cAACA,KAAAA,KAAK,WAAW,MAAhB,EAAqB,OAAM,YAAU,MAAM,MAAM,UAAU,MAAM,MAAO,GACzE,sBAAA,cAACA,KAAAA,KAAK,WAAW,MAAhB,EAAqB,OAAM,OAAA,GAAQ,MAAM,MAAM,UAAU,MAAM,IAAK,GACrE,sBAAA,cAACA,KAAAA,KAAK,WAAW,MAAhB,EAAqB,OAAM,aAAA,GAAc,MAAM,MAAM,UAAU,MAAM,SAAU,CACpF,CACJ;AAER;;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/Settings.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Menu } from '../../../../../../../components/Menu/Menu';\nimport { HideOrOrderPopover } from './HideOrOrderPopover';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\nimport { FontSizes } from '../../../../../../../types';\nimport { IconName } from '../../../../../../../components/Icon/Icon';\nimport { TableCustomSettingsRenderer } from '../../../../../types';\nimport { PopoverProps } from '../../../../../../../components/Popover/Popover';\n\nexport type SettingsProps<TType = unknown> = {\n    customSettings?: TableCustomSettingsRenderer;\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function Settings<TType = unknown>(props: SettingsProps<TType>) {\n    const { customSettings, id, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n    const canChangeFontSize = tableMeta.fontSize.isEnabled;\n    const canChangeRowHeight = tableMeta.rowHeight.isEnabled;\n\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover === 'columnSettings') {\n        const handleClosePopover = () => setPopover(undefined);\n        if (canHideOrOrder) {\n            popoverElement = (popoverProps: PopoverProps) => (\n                <HideOrOrderPopover\n                    {...popoverProps}\n                    id={`${id}-columnSettings`}\n                    open\n                    onChange={handleClosePopover}\n                    table={table}\n                />\n            );\n        }\n    }\n\n    const handleOpenColumnSettings = React.useCallback(() => {\n        // Wait until the menu click lifecycle finishes, otherwise the popover can instantly close\n        // because the originating click is treated as an outside interaction.\n        setTimeout(() => setPopover('columnSettings'));\n    }, []);\n\n    return (\n        <>\n            {popoverElement ? (\n                <LegacyIconButton\n                    aria-label={texts.table.otherOptions.tooltip}\n                    id={id}\n                    icon=\"sliders\"\n                    popover={popoverElement}\n                    tooltip={texts.table.otherOptions.tooltip}\n                />\n            ) : (\n                // With using of id/triggerId we can maintain the previous id contract (with \"...-toolbar-settings\" postfix), and avoid BaseUI to set random id for the trigger button.\n                <Menu triggerId={id}>\n                    <Menu.Trigger id={id}>\n                        <LegacyIconButton\n                            aria-label={texts.table.otherOptions.tooltip}\n                            tooltip={texts.table.otherOptions.tooltip}\n                            icon=\"sliders\"\n                        />\n                    </Menu.Trigger>\n                    <Menu.Content align=\"end\">\n                        {canHideOrOrder ? (\n                            <Menu.Item aria-controls={`${id}-columnSettings`} icon=\"columns\" onClick={handleOpenColumnSettings}>\n                                {texts.table.columnSettings.button}\n                            </Menu.Item>\n                        ) : null}\n                        {canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (\n                            <Menu.Separator />\n                        ) : null}\n                        {canChangeRowHeight ? (\n                            <Menu.Item\n                                icon={`height-${tableMeta.rowHeight.height}` as IconName}\n                                subMenu={() => <RowHeightMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.rowHeight.tooltip}\n                            </Menu.Item>\n                        ) : null}\n                        {canChangeFontSize ? (\n                            <Menu.Item icon=\"font-size\" subMenu={() => <FontSizeMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.fontSize.tooltip}\n                            </Menu.Item>\n                        ) : null}\n\n                        {customSettings ? (\n                            <>\n                                {canChangeRowHeight || canChangeFontSize ? <Menu.Separator /> : null}\n                                {customSettings(getSettings(table)).map((item, index) => (\n                                    <React.Fragment key={index}>{item}</React.Fragment>\n                                ))}\n                            </>\n                        ) : null}\n                    </Menu.Content>\n                </Menu>\n            )}\n        </>\n    );\n}\n\nfunction FontSizeMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.fontSize.setSize as any} value={tableMeta.fontSize.size}>\n                <Menu.RadioGroup.Item value={FontSizes.small}>{texts.table.fontSize.sizes.small}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value={FontSizes.medium}>{texts.table.fontSize.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item disabled={tableMeta.rowHeight.height === 'short'} value={FontSizes.large}>\n                    {texts.table.fontSize.sizes.large}\n                </Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n\nfunction RowHeightMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.rowHeight.setHeight as any} value={tableMeta.rowHeight.height}>\n                <Menu.RadioGroup.Item value=\"short\">{texts.table.rowHeight.sizes.short}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table.rowHeight.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"tall\">{texts.table.rowHeight.sizes.tall}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"extra-tall\">{texts.table.rowHeight.sizes.extraTall}</Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Settings.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/Settings.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Menu } from '../../../../../../../components/Menu/Menu';\nimport { HideOrOrderPopover } from './HideOrOrderPopover';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\nimport { FontSizes } from '../../../../../../../types';\nimport { IconName } from '../../../../../../../components/Icon/Icon';\nimport { TableCustomSettingsRenderer } from '../../../../../types';\nimport { PopoverProps } from '../../../../../../../components/Popover/Popover';\n\nexport type SettingsProps<TType = unknown> = {\n    customSettings?: TableCustomSettingsRenderer;\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function Settings<TType = unknown>(props: SettingsProps<TType>) {\n    const { customSettings, id, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n    const canChangeFontSize = tableMeta.fontSize.isEnabled;\n    const canChangeRowHeight = tableMeta.rowHeight.isEnabled;\n\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover === 'columnSettings') {\n        const handleClosePopover = () => setPopover(undefined);\n        if (canHideOrOrder) {\n            popoverElement = (popoverProps: PopoverProps) => (\n                <HideOrOrderPopover\n                    {...popoverProps}\n                    id={`${id}-columnSettings`}\n                    open\n                    onChange={handleClosePopover}\n                    table={table}\n                />\n            );\n        }\n    }\n\n    const handleOpenColumnSettings = React.useCallback(() => {\n        // Wait until the menu click lifecycle finishes, otherwise the popover can instantly close\n        // because the originating click is treated as an outside interaction.\n        setTimeout(() => setPopover('columnSettings'));\n    }, []);\n\n    return (\n        <>\n            {popoverElement ? (\n                <LegacyIconButton\n                    aria-label={texts.table.otherOptions.tooltip}\n                    id={id}\n                    icon=\"sliders\"\n                    popover={popoverElement}\n                    tooltip={texts.table.otherOptions.tooltip}\n                />\n            ) : (\n                // With using of id/triggerId we can maintain the previous id contract (with \"...-toolbar-settings\" postfix), and avoid BaseUI to set random id for the trigger button.\n                <Menu triggerId={id}>\n                    <Menu.Trigger id={id}>\n                        <LegacyIconButton\n                            aria-label={texts.table.otherOptions.tooltip}\n                            tooltip={texts.table.otherOptions.tooltip}\n                            icon=\"sliders\"\n                        />\n                    </Menu.Trigger>\n                    <Menu.Content align=\"end\">\n                        {canHideOrOrder ? (\n                            <Menu.Item aria-controls={`${id}-columnSettings`} icon=\"columns\" onClick={handleOpenColumnSettings}>\n                                {texts.table.columnSettings.button}\n                            </Menu.Item>\n                        ) : null}\n                        {canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (\n                            <Menu.Separator />\n                        ) : null}\n                        {canChangeRowHeight ? (\n                            <Menu.Item\n                                icon={`height-${tableMeta.rowHeight.height}` as IconName}\n                                subMenu={() => <RowHeightMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.rowHeight.tooltip}\n                            </Menu.Item>\n                        ) : null}\n                        {canChangeFontSize ? (\n                            <Menu.Item icon=\"font-size\" subMenu={() => <FontSizeMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.fontSize.tooltip}\n                            </Menu.Item>\n                        ) : null}\n\n                        {customSettings ? (\n                            <>\n                                {canChangeRowHeight || canChangeFontSize ? <Menu.Separator /> : null}\n                                {customSettings(getSettings(table)).map((item, index) => (\n                                    <React.Fragment key={index}>{item}</React.Fragment>\n                                ))}\n                            </>\n                        ) : null}\n                    </Menu.Content>\n                </Menu>\n            )}\n        </>\n    );\n}\n\nfunction FontSizeMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.fontSize.setSize as any} value={tableMeta.fontSize.size}>\n                <Menu.RadioGroup.Item value={FontSizes.small}>{texts.table.fontSize.sizes.small}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value={FontSizes.medium}>{texts.table.fontSize.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item disabled={tableMeta.rowHeight.height === 'short'} value={FontSizes.large}>\n                    {texts.table.fontSize.sizes.large}\n                </Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n\nfunction RowHeightMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.rowHeight.setHeight as any} value={tableMeta.rowHeight.height}>\n                <Menu.RadioGroup.Item value=\"short\">{texts.table.rowHeight.sizes.short}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table.rowHeight.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"tall\">{texts.table.rowHeight.sizes.tall}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"extra-tall\">{texts.table.rowHeight.sizes.extraTall}</Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;;AAkBO,SAAS,SAA0B,OAA6B;AACnE,QAAM,EAAE,gBAAgB,IAAI,MAAA,IAAU;AACtC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,YAAY,MAAM,QAAQ;AAEhC,QAAM,iBAAiB,MAAM,QAAQ,gBAAgB,UAAU,eAAe;AAC9E,QAAM,oBAAoB,UAAU,SAAS;AAC7C,QAAM,qBAAqB,UAAU,UAAU;AAE/C,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAM,SAA6B,MAAS;AAE1E,MAAI;AAEJ,MAAI,YAAY,kBAAkB;AAC9B,UAAM,qBAAqB,MAAM,WAAW,MAAS;AACrD,QAAI,gBAAgB;AAChB,uBAAiB,CAAC,iBACdA,+BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACI,GAAG;AAAA,UACJ,IAAI,GAAG,EAAE;AAAA,UACT,MAAI;AAAA,UACJ,UAAU;AAAA,UACV;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ;AAAA,EACJ;AAEA,QAAM,2BAA2BA,eAAM,YAAY,MAAM;AAGrD,eAAW,MAAM,WAAW,gBAAgB,CAAC;AAAA,EACjD,GAAG,CAAA,CAAE;AAEL,qFAES,iBACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY,MAAM,MAAM,aAAa;AAAA,MACrC;AAAA,MACA,MAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS,MAAM,MAAM,aAAa;AAAA,IAAA;AAAA,EAAA;AAAA;AAAA,IAItCA,+BAAA,cAAC,QAAK,WAAW,GAAA,gDACZ,KAAK,SAAL,EAAa,GAAA,GACVA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,cAAY,MAAM,MAAM,aAAa;AAAA,QACrC,SAAS,MAAM,MAAM,aAAa;AAAA,QAClC,MAAK;AAAA,MAAA;AAAA,IAAA,CAEb,GACAA,+BAAA,cAAC,KAAK,SAAL,EAAa,OAAM,MAAA,GACf,iBACGA,+BAAA,cAAC,KAAK,MAAL,EAAU,iBAAe,GAAG,EAAE,mBAAmB,MAAK,WAAU,SAAS,4BACrE,MAAM,MAAM,eAAe,MAChC,IACA,MACH,mBAAmB,sBAAsB,qBAAqB,kBAC3DA,+BAAA,cAAC,KAAK,WAAL,IAAe,IAChB,MACH,qBACGA,+BAAA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACG,MAAM,UAAU,UAAU,UAAU,MAAM;AAAA,QAC1C,SAAS,MAAMA,+BAAA,cAAC,mBAAA,EAAkB,UAAA,CAAsB;AAAA,MAAA;AAAA,MACvD,MAAM,MAAM,UAAU;AAAA,IAAA,IAE3B,MACH,oBACGA,+BAAA,cAAC,KAAK,MAAL,EAAU,MAAK,aAAY,SAAS,mDAAO,kBAAA,EAAiB,UAAA,CAAsB,EAAA,GAC9E,MAAM,MAAM,SAAS,OAC1B,IACA,MAEH,iBACGA,+BAAA,cAAAA,eAAA,UAAA,MACK,sBAAsB,iEAAqB,KAAK,WAAL,IAAe,IAAK,MAC/D,eAAe,YAAY,KAAK,CAAC,EAAE,IAAI,CAAC,MAAM,UAC3CA,+BAAA,cAACA,eAAM,UAAN,EAAe,KAAK,MAAA,GAAQ,IAAK,CACrC,CACL,IACA,IACR,CACJ;AAAA,GAER;AAER;AAEA,SAAS,iBAAkC,EAAE,aAAmD;AAC5F,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,SACIA,+BAAA,cAAC,KAAK,SAAL,MACGA,+BAAA,cAAC,KAAK,YAAL,EAAgB,UAAU,UAAU,SAAS,SAAgB,OAAO,UAAU,SAAS,KAAA,GACpFA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,OAAO,UAAU,MAAA,GAAQ,MAAM,MAAM,SAAS,MAAM,KAAM,GAChFA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,OAAO,UAAU,OAAA,GAAS,MAAM,MAAM,SAAS,MAAM,MAAO,GAClFA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,UAAU,UAAU,UAAU,WAAW,SAAS,OAAO,UAAU,MAAA,GACpF,MAAM,MAAM,SAAS,MAAM,KAChC,CACJ,CACJ;AAER;AAEA,SAAS,kBAAmC,EAAE,aAAmD;AAC7F,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,SACIA,+BAAA,cAAC,KAAK,SAAL,mDACI,KAAK,YAAL,EAAgB,UAAU,UAAU,UAAU,WAAkB,OAAO,UAAU,UAAU,OAAA,GACxFA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,OAAM,WAAS,MAAM,MAAM,UAAU,MAAM,KAAM,GACvEA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,OAAM,YAAU,MAAM,MAAM,UAAU,MAAM,MAAO,GACzEA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,OAAM,OAAA,GAAQ,MAAM,MAAM,UAAU,MAAM,IAAK,GACrEA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,OAAM,aAAA,GAAc,MAAM,MAAM,UAAU,MAAM,SAAU,CACpF,CACJ;AAER;"}

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

@@ -4,15 +4,13 @@ const React = require("react");
 const dom = require("../../../../utils/dom.cjs");
 const rows = require("../../useTableManager/util/rows.cjs");
 function useTableGlobalShortcuts(table, tableRef, scrollToIndex, localShortcuts = false) {
-  var _a;
   const tableMeta = table.options.meta;
   const rows$1 = table.getRowModel().rows;
-  const dialogContainer = (_a = tableRef.current) == null ? void 0 : _a.closest('[data-taco="dialog"]');
+  const dialogContainer = tableRef.current?.closest('[data-taco="dialog"]');
   const listenerTarget = localShortcuts ? tableRef.current : dialogContainer ?? document;
   React.useEffect(
     () => {
       const handleKeyDown = (event) => {
-        var _a2;
         const trigger = event.target;
         if (dom.isElementInsideExternalRelatedOverlay(trigger, tableRef)) {
           return;
@@ -21,12 +19,12 @@ function useTableGlobalShortcuts(table, tableRef, scrollToIndex, localShortcuts
         tableMeta.rowActive.handleKeyDown(event, reachableRows, scrollToIndex);
         tableMeta.rowSelection.handleKeyDown(event, table);
         if (tableMeta.rowActive.rowActiveIndex !== void 0) {
-          tableMeta.rowClick.handleKeyDown(event, (_a2 = rows$1[tableMeta.rowActive.rowActiveIndex]) == null ? void 0 : _a2.original);
+          tableMeta.rowClick.handleKeyDown(event, rows$1[tableMeta.rowActive.rowActiveIndex]?.original);
         }
       };
-      listenerTarget == null ? void 0 : listenerTarget.addEventListener("keydown", handleKeyDown);
+      listenerTarget?.addEventListener("keydown", handleKeyDown);
       return () => {
-        listenerTarget == null ? void 0 : listenerTarget.removeEventListener("keydown", handleKeyDown);
+        listenerTarget?.removeEventListener("keydown", handleKeyDown);
       };
     },
     // scrollToIndex function changes when row count changes, so it is important to update handlers

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

@@ -1 +1 @@
-{"version":3,"file":"useTableGlobalShortcuts.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableGlobalShortcuts.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\nimport { isElementInsideExternalRelatedOverlay } from '../../../../utils/dom';\nimport { getReachableRowCount } from '../../useTableManager/util/rows';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void,\n    localShortcuts = false\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n    const dialogContainer = tableRef.current?.closest('[data-taco=\"dialog\"]');\n    const listenerTarget = localShortcuts ? tableRef.current : dialogContainer ?? document;\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: Event) => {\n                const trigger = event.target as HTMLElement;\n\n                if (isElementInsideExternalRelatedOverlay(trigger, tableRef)) {\n                    return;\n                }\n\n                const reachableRows = getReachableRowCount(table);\n                tableMeta.rowActive.handleKeyDown(event as KeyboardEvent, reachableRows, scrollToIndex);\n                tableMeta.rowSelection.handleKeyDown(event as KeyboardEvent, table);\n\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event as KeyboardEvent, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n            };\n\n            listenerTarget?.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                listenerTarget?.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n\n        // scrollToIndex function changes when row count changes, so it is important to update handlers\n        [tableRef.current, tableMeta.length, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n    );\n}\n"],"names":["rows","isElementInsideExternalRelatedOverlay","getReachableRowCount"],"mappings":";;;;;AAMO,SAAS,wBACZ,OACA,UACA,eACA,iBAAiB,OACnB;;AACQ,QAAA,YAAY,MAAM,QAAQ;AAC1B,QAAAA,SAAO,MAAM,YAAA,EAAc;AACjC,QAAM,mBAAkB,cAAS,YAAT,mBAAkB,QAAQ;AAClD,QAAM,iBAAiB,iBAAiB,SAAS,UAAU,mBAAmB;AAExE,QAAA;AAAA,IACF,MAAM;AACI,YAAA,gBAAgB,CAAC,UAAiB;;AACpC,cAAM,UAAU,MAAM;AAElB,YAAAC,IAAA,sCAAsC,SAAS,QAAQ,GAAG;AAC1D;AAAA,QAAA;AAGE,cAAA,gBAAgBC,0BAAqB,KAAK;AAChD,kBAAU,UAAU,cAAc,OAAwB,eAAe,aAAa;AAC5E,kBAAA,aAAa,cAAc,OAAwB,KAAK;AAE9D,YAAA,UAAU,UAAU,mBAAmB,QAAW;AACxC,oBAAA,SAAS,cAAc,QAAwBF,MAAAA,OAAK,UAAU,UAAU,cAAc,MAAvCA,gBAAAA,IAA0C,QAAQ;AAAA,QAAA;AAAA,MAEnH;AAEgB,uDAAA,iBAAiB,WAAW;AAE5C,aAAO,MAAM;AACO,yDAAA,oBAAoB,WAAW;AAAA,MACnD;AAAA,IACJ;AAAA;AAAA,IAGA,CAAC,SAAS,SAAS,UAAU,QAAQ,UAAU,UAAU,gBAAgB,aAAa;AAAA,EAC1F;AACJ;;"}
+{"version":3,"file":"useTableGlobalShortcuts.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableGlobalShortcuts.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\nimport { isElementInsideExternalRelatedOverlay } from '../../../../utils/dom';\nimport { getReachableRowCount } from '../../useTableManager/util/rows';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void,\n    localShortcuts = false\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n    const dialogContainer = tableRef.current?.closest('[data-taco=\"dialog\"]');\n    const listenerTarget = localShortcuts ? tableRef.current : (dialogContainer ?? document);\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: Event) => {\n                const trigger = event.target as HTMLElement;\n\n                if (isElementInsideExternalRelatedOverlay(trigger, tableRef)) {\n                    return;\n                }\n\n                const reachableRows = getReachableRowCount(table);\n                tableMeta.rowActive.handleKeyDown(event as KeyboardEvent, reachableRows, scrollToIndex);\n                tableMeta.rowSelection.handleKeyDown(event as KeyboardEvent, table);\n\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event as KeyboardEvent, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n            };\n\n            listenerTarget?.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                listenerTarget?.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n\n        // scrollToIndex function changes when row count changes, so it is important to update handlers\n        [tableRef.current, tableMeta.length, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n    );\n}\n"],"names":["rows","isElementInsideExternalRelatedOverlay","getReachableRowCount"],"mappings":";;;;;AAMO,SAAS,wBACZ,OACA,UACA,eACA,iBAAiB,OACnB;AACE,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAMA,SAAO,MAAM,YAAA,EAAc;AACjC,QAAM,kBAAkB,SAAS,SAAS,QAAQ,sBAAsB;AACxE,QAAM,iBAAiB,iBAAiB,SAAS,UAAW,mBAAmB;AAE/E,QAAM;AAAA,IACF,MAAM;AACF,YAAM,gBAAgB,CAAC,UAAiB;AACpC,cAAM,UAAU,MAAM;AAEtB,YAAIC,IAAAA,sCAAsC,SAAS,QAAQ,GAAG;AAC1D;AAAA,QACJ;AAEA,cAAM,gBAAgBC,KAAAA,qBAAqB,KAAK;AAChD,kBAAU,UAAU,cAAc,OAAwB,eAAe,aAAa;AACtF,kBAAU,aAAa,cAAc,OAAwB,KAAK;AAElE,YAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,oBAAU,SAAS,cAAc,OAAwBF,OAAK,UAAU,UAAU,cAAc,GAAG,QAAQ;AAAA,QAC/G;AAAA,MACJ;AAEA,sBAAgB,iBAAiB,WAAW,aAAa;AAEzD,aAAO,MAAM;AACT,wBAAgB,oBAAoB,WAAW,aAAa;AAAA,MAChE;AAAA,IACJ;AAAA;AAAA,IAGA,CAAC,SAAS,SAAS,UAAU,QAAQ,UAAU,UAAU,gBAAgB,aAAa;AAAA,EAAA;AAE9F;;"}

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

@@ -2,15 +2,13 @@ import React__default from "react";
 import { isElementInsideExternalRelatedOverlay } from "../../../../utils/dom.js";
 import { getReachableRowCount } from "../../useTableManager/util/rows.js";
 function useTableGlobalShortcuts(table, tableRef, scrollToIndex, localShortcuts = false) {
-  var _a;
   const tableMeta = table.options.meta;
   const rows = table.getRowModel().rows;
-  const dialogContainer = (_a = tableRef.current) == null ? void 0 : _a.closest('[data-taco="dialog"]');
+  const dialogContainer = tableRef.current?.closest('[data-taco="dialog"]');
   const listenerTarget = localShortcuts ? tableRef.current : dialogContainer ?? document;
   React__default.useEffect(
     () => {
       const handleKeyDown = (event) => {
-        var _a2;
         const trigger = event.target;
         if (isElementInsideExternalRelatedOverlay(trigger, tableRef)) {
           return;
@@ -19,12 +17,12 @@ function useTableGlobalShortcuts(table, tableRef, scrollToIndex, localShortcuts
         tableMeta.rowActive.handleKeyDown(event, reachableRows, scrollToIndex);
         tableMeta.rowSelection.handleKeyDown(event, table);
         if (tableMeta.rowActive.rowActiveIndex !== void 0) {
-          tableMeta.rowClick.handleKeyDown(event, (_a2 = rows[tableMeta.rowActive.rowActiveIndex]) == null ? void 0 : _a2.original);
+          tableMeta.rowClick.handleKeyDown(event, rows[tableMeta.rowActive.rowActiveIndex]?.original);
         }
       };
-      listenerTarget == null ? void 0 : listenerTarget.addEventListener("keydown", handleKeyDown);
+      listenerTarget?.addEventListener("keydown", handleKeyDown);
       return () => {
-        listenerTarget == null ? void 0 : listenerTarget.removeEventListener("keydown", handleKeyDown);
+        listenerTarget?.removeEventListener("keydown", handleKeyDown);
       };
     },
     // scrollToIndex function changes when row count changes, so it is important to update handlers

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

@@ -1 +1 @@
-{"version":3,"file":"useTableGlobalShortcuts.js","sources":["../../../../../src/primitives/Table/Core/features/useTableGlobalShortcuts.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\nimport { isElementInsideExternalRelatedOverlay } from '../../../../utils/dom';\nimport { getReachableRowCount } from '../../useTableManager/util/rows';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void,\n    localShortcuts = false\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n    const dialogContainer = tableRef.current?.closest('[data-taco=\"dialog\"]');\n    const listenerTarget = localShortcuts ? tableRef.current : dialogContainer ?? document;\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: Event) => {\n                const trigger = event.target as HTMLElement;\n\n                if (isElementInsideExternalRelatedOverlay(trigger, tableRef)) {\n                    return;\n                }\n\n                const reachableRows = getReachableRowCount(table);\n                tableMeta.rowActive.handleKeyDown(event as KeyboardEvent, reachableRows, scrollToIndex);\n                tableMeta.rowSelection.handleKeyDown(event as KeyboardEvent, table);\n\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event as KeyboardEvent, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n            };\n\n            listenerTarget?.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                listenerTarget?.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n\n        // scrollToIndex function changes when row count changes, so it is important to update handlers\n        [tableRef.current, tableMeta.length, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n    );\n}\n"],"names":["React","_a"],"mappings":";;;AAMO,SAAS,wBACZ,OACA,UACA,eACA,iBAAiB,OACnB;;AACQ,QAAA,YAAY,MAAM,QAAQ;AAC1B,QAAA,OAAO,MAAM,YAAA,EAAc;AACjC,QAAM,mBAAkB,cAAS,YAAT,mBAAkB,QAAQ;AAClD,QAAM,iBAAiB,iBAAiB,SAAS,UAAU,mBAAmB;AAExEA,iBAAA;AAAA,IACF,MAAM;AACI,YAAA,gBAAgB,CAAC,UAAiB;;AACpC,cAAM,UAAU,MAAM;AAElB,YAAA,sCAAsC,SAAS,QAAQ,GAAG;AAC1D;AAAA,QAAA;AAGE,cAAA,gBAAgB,qBAAqB,KAAK;AAChD,kBAAU,UAAU,cAAc,OAAwB,eAAe,aAAa;AAC5E,kBAAA,aAAa,cAAc,OAAwB,KAAK;AAE9D,YAAA,UAAU,UAAU,mBAAmB,QAAW;AACxC,oBAAA,SAAS,cAAc,QAAwBC,MAAA,KAAK,UAAU,UAAU,cAAc,MAAvC,gBAAAA,IAA0C,QAAQ;AAAA,QAAA;AAAA,MAEnH;AAEgB,uDAAA,iBAAiB,WAAW;AAE5C,aAAO,MAAM;AACO,yDAAA,oBAAoB,WAAW;AAAA,MACnD;AAAA,IACJ;AAAA;AAAA,IAGA,CAAC,SAAS,SAAS,UAAU,QAAQ,UAAU,UAAU,gBAAgB,aAAa;AAAA,EAC1F;AACJ;"}
+{"version":3,"file":"useTableGlobalShortcuts.js","sources":["../../../../../src/primitives/Table/Core/features/useTableGlobalShortcuts.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\nimport { isElementInsideExternalRelatedOverlay } from '../../../../utils/dom';\nimport { getReachableRowCount } from '../../useTableManager/util/rows';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void,\n    localShortcuts = false\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n    const dialogContainer = tableRef.current?.closest('[data-taco=\"dialog\"]');\n    const listenerTarget = localShortcuts ? tableRef.current : (dialogContainer ?? document);\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: Event) => {\n                const trigger = event.target as HTMLElement;\n\n                if (isElementInsideExternalRelatedOverlay(trigger, tableRef)) {\n                    return;\n                }\n\n                const reachableRows = getReachableRowCount(table);\n                tableMeta.rowActive.handleKeyDown(event as KeyboardEvent, reachableRows, scrollToIndex);\n                tableMeta.rowSelection.handleKeyDown(event as KeyboardEvent, table);\n\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event as KeyboardEvent, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n            };\n\n            listenerTarget?.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                listenerTarget?.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n\n        // scrollToIndex function changes when row count changes, so it is important to update handlers\n        [tableRef.current, tableMeta.length, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n    );\n}\n"],"names":["React"],"mappings":";;;AAMO,SAAS,wBACZ,OACA,UACA,eACA,iBAAiB,OACnB;AACE,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,OAAO,MAAM,YAAA,EAAc;AACjC,QAAM,kBAAkB,SAAS,SAAS,QAAQ,sBAAsB;AACxE,QAAM,iBAAiB,iBAAiB,SAAS,UAAW,mBAAmB;AAE/EA,iBAAM;AAAA,IACF,MAAM;AACF,YAAM,gBAAgB,CAAC,UAAiB;AACpC,cAAM,UAAU,MAAM;AAEtB,YAAI,sCAAsC,SAAS,QAAQ,GAAG;AAC1D;AAAA,QACJ;AAEA,cAAM,gBAAgB,qBAAqB,KAAK;AAChD,kBAAU,UAAU,cAAc,OAAwB,eAAe,aAAa;AACtF,kBAAU,aAAa,cAAc,OAAwB,KAAK;AAElE,YAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,oBAAU,SAAS,cAAc,OAAwB,KAAK,UAAU,UAAU,cAAc,GAAG,QAAQ;AAAA,QAC/G;AAAA,MACJ;AAEA,sBAAgB,iBAAiB,WAAW,aAAa;AAEzD,aAAO,MAAM;AACT,wBAAgB,oBAAoB,WAAW,aAAa;AAAA,MAChE;AAAA,IACJ;AAAA;AAAA,IAGA,CAAC,SAAS,SAAS,UAAU,QAAQ,UAAU,UAAU,gBAAgB,aAAa;AAAA,EAAA;AAE9F;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useTableRef.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableRef.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\n\nexport function useTableRef<TType = unknown>(table: ReactTable<TType>, ref: React.RefObject<TableRef>) {\n    React.useEffect(() => {\n        if (ref.current) {\n            ref.current.instance = {\n                resetFiltering: () => table.resetColumnFilters(),\n                resetRowExpansion: () => table.resetExpanded(),\n                resetRowSelection: () => table.resetRowSelection(),\n                resetSorting: () => table.resetSorting(),\n            };\n        }\n    }, [table, ref.current]);\n}\n"],"names":[],"mappings":";;;AAIgB,SAAA,YAA6B,OAA0B,KAAgC;AACnG,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,SAAS;AACb,UAAI,QAAQ,WAAW;AAAA,QACnB,gBAAgB,MAAM,MAAM,mBAAmB;AAAA,QAC/C,mBAAmB,MAAM,MAAM,cAAc;AAAA,QAC7C,mBAAmB,MAAM,MAAM,kBAAkB;AAAA,QACjD,cAAc,MAAM,MAAM,aAAa;AAAA,MAC3C;AAAA,IAAA;AAAA,EAEL,GAAA,CAAC,OAAO,IAAI,OAAO,CAAC;AAC3B;;"}
+{"version":3,"file":"useTableRef.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableRef.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\n\nexport function useTableRef<TType = unknown>(table: ReactTable<TType>, ref: React.RefObject<TableRef>) {\n    React.useEffect(() => {\n        if (ref.current) {\n            ref.current.instance = {\n                resetFiltering: () => table.resetColumnFilters(),\n                resetRowExpansion: () => table.resetExpanded(),\n                resetRowSelection: () => table.resetRowSelection(),\n                resetSorting: () => table.resetSorting(),\n            };\n        }\n    }, [table, ref.current]);\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,YAA6B,OAA0B,KAAgC;AACnG,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,SAAS;AACb,UAAI,QAAQ,WAAW;AAAA,QACnB,gBAAgB,MAAM,MAAM,mBAAA;AAAA,QAC5B,mBAAmB,MAAM,MAAM,cAAA;AAAA,QAC/B,mBAAmB,MAAM,MAAM,kBAAA;AAAA,QAC/B,cAAc,MAAM,MAAM,aAAA;AAAA,MAAa;AAAA,IAE/C;AAAA,EACJ,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC;AAC3B;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useTableRef.js","sources":["../../../../../src/primitives/Table/Core/features/useTableRef.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\n\nexport function useTableRef<TType = unknown>(table: ReactTable<TType>, ref: React.RefObject<TableRef>) {\n    React.useEffect(() => {\n        if (ref.current) {\n            ref.current.instance = {\n                resetFiltering: () => table.resetColumnFilters(),\n                resetRowExpansion: () => table.resetExpanded(),\n                resetRowSelection: () => table.resetRowSelection(),\n                resetSorting: () => table.resetSorting(),\n            };\n        }\n    }, [table, ref.current]);\n}\n"],"names":["React"],"mappings":";AAIgB,SAAA,YAA6B,OAA0B,KAAgC;AACnGA,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,SAAS;AACb,UAAI,QAAQ,WAAW;AAAA,QACnB,gBAAgB,MAAM,MAAM,mBAAmB;AAAA,QAC/C,mBAAmB,MAAM,MAAM,cAAc;AAAA,QAC7C,mBAAmB,MAAM,MAAM,kBAAkB;AAAA,QACjD,cAAc,MAAM,MAAM,aAAa;AAAA,MAC3C;AAAA,IAAA;AAAA,EAEL,GAAA,CAAC,OAAO,IAAI,OAAO,CAAC;AAC3B;"}
+{"version":3,"file":"useTableRef.js","sources":["../../../../../src/primitives/Table/Core/features/useTableRef.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { TableRef } from '../../types';\n\nexport function useTableRef<TType = unknown>(table: ReactTable<TType>, ref: React.RefObject<TableRef>) {\n    React.useEffect(() => {\n        if (ref.current) {\n            ref.current.instance = {\n                resetFiltering: () => table.resetColumnFilters(),\n                resetRowExpansion: () => table.resetExpanded(),\n                resetRowSelection: () => table.resetRowSelection(),\n                resetSorting: () => table.resetSorting(),\n            };\n        }\n    }, [table, ref.current]);\n}\n"],"names":["React"],"mappings":";AAIO,SAAS,YAA6B,OAA0B,KAAgC;AACnGA,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,SAAS;AACb,UAAI,QAAQ,WAAW;AAAA,QACnB,gBAAgB,MAAM,MAAM,mBAAA;AAAA,QAC5B,mBAAmB,MAAM,MAAM,cAAA;AAAA,QAC/B,mBAAmB,MAAM,MAAM,kBAAA;AAAA,QAC/B,cAAc,MAAM,MAAM,aAAA;AAAA,MAAa;AAAA,IAE/C;AAAA,EACJ,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC;AAC3B;"}

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

@@ -29,9 +29,8 @@ function getPaddingEndOffset(table) {
 }
 const OVERSCAN_ROW_COUNT = 8;
 function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIndex) {
-  var _a, _b, _c, _d, _e;
   const tableMeta = table.options.meta;
-  const isTableRowGrouped = !!((_a = table.getState().grouping) == null ? void 0 : _a.length);
+  const isTableRowGrouped = !!table.getState().grouping?.length;
   const rows$1 = table.getCenterRows() ?? [];
   const rangeExtractor = useRowGroupVirtualisation(table);
   const scrollPaddingStart = rows.ROW_HEIGHT_ESTIMATES.medium;
@@ -76,8 +75,8 @@ function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIn
     [virtualItems.length, tableRef.current, totalSize, count]
   );
   const paddingStartIndex = isTableRowGrouped && count > 1 ? 1 : 0;
-  const startValue = isTableRowGrouped ? (((_b = virtualItems[paddingStartIndex]) == null ? void 0 : _b.start) ?? 0) - (((_c = virtualItems[paddingStartIndex]) == null ? void 0 : _c.size) ?? 0) : (_d = virtualItems[paddingStartIndex]) == null ? void 0 : _d.start;
-  const [paddingTop, paddingBottom] = virtualItems.length > 0 ? [Math.max(0, startValue ?? 0), Math.max(0, totalSize - (((_e = virtualItems[virtualItems.length - 1]) == null ? void 0 : _e.end) ?? 0))] : [0, 0];
+  const startValue = isTableRowGrouped ? (virtualItems[paddingStartIndex]?.start ?? 0) - (virtualItems[paddingStartIndex]?.size ?? 0) : virtualItems[paddingStartIndex]?.start;
+  const [paddingTop, paddingBottom] = virtualItems.length > 0 ? [Math.max(0, startValue ?? 0), Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0))] : [0, 0];
   React.useEffect(() => {
     if (defaultRowActiveIndex) {
       scrollToIndex(defaultRowActiveIndex, { align: "center", behavior: "auto" });
@@ -94,14 +93,13 @@ function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIn
   }
   if (count) {
     content = virtualItems.map((virtualRow) => {
-      var _a2;
       if (!virtualRow) {
         return null;
       }
       let row;
       if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2) {
         const currentPageIndex = Math.floor(virtualRow.index / tableMeta.server.pageSize) * tableMeta.server.pageSize / tableMeta.server.pageSize;
-        const pagePosition = ((_a2 = tableMeta.server.pages) == null ? void 0 : _a2.indexOf(currentPageIndex)) ?? -1;
+        const pagePosition = tableMeta.server.pages?.indexOf(currentPageIndex) ?? -1;
         if (pagePosition > -1) {
           const fakeIndex = pagePosition * tableMeta.server.pageSize + virtualRow.index % tableMeta.server.pageSize;
           row = rows$1[fakeIndex];
@@ -109,7 +107,7 @@ function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIn
       } else {
         row = rows$1[virtualRow.index];
       }
-      if (!(row == null ? void 0 : row.original)) {
+      if (!row?.original) {
         const skeletonKey = `skeleton-${virtualRow.index}`;
         return /* @__PURE__ */ React.createElement(SkeletonRow.SkeletonRow, { key: skeletonKey, index: virtualRow.index, table });
       }

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

@@ -1 +1 @@
-{"version":3,"file":"useTableRenderer.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableRenderer.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, Row as ReactTableRow } from '@tanstack/react-table';\nimport {\n    useVirtualizer,\n    defaultRangeExtractor,\n    ScrollToOptions as ReactVirtualScrollToOptions,\n    Range,\n} from '@tanstack/react-virtual';\nimport sortBy from 'lodash/sortBy';\nimport without from 'lodash/without';\n\nimport { ROW_HEIGHT_ESTIMATES } from '../util/rows';\nimport { Row } from '../components/Row/Row';\nimport { useTableRenderers } from '../types';\nimport { TableRef } from '../../types';\nimport { SkeletonRow } from '../components/Row/BuiltIns/SkeletonRow';\n\n// scroll padding end is designed to always show half of the next row\nfunction getScrollPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    let offset = 2;\n\n    if (tableMeta.footer.isEnabled) {\n        offset += 1;\n    }\n\n    if (table.getHeaderGroups().length > 1) {\n        offset += table.getHeaderGroups().length - 1;\n    }\n\n    let height = ROW_HEIGHT_ESTIMATES.medium * offset;\n\n    const bottomRows = table.getBottomRows();\n\n    if (bottomRows.length) {\n        // 1.4 offsets for half rows and also accounts for increased row heights (which is likely in pinned rows)\n        height += ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] * 1.4 * bottomRows.length;\n    }\n\n    return height;\n}\n\n// scroll padding end is designed to always show half of the next row\nfunction getPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const bottomRows = table.getBottomRows() ?? [];\n    return ROW_HEIGHT_ESTIMATES.medium * 1 * bottomRows.length;\n}\n\n// A higher number ensure less scroll jumping for dynamic row heights, but too high can reduce performance. 8 worked well\nconst OVERSCAN_ROW_COUNT = 8;\n\nexport function useTableRenderer<TType = unknown>(\n    renderers: useTableRenderers<TType>,\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    length: number,\n    defaultRowActiveIndex?: number | undefined\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isTableRowGrouped = !!table.getState().grouping?.length;\n    const rows = table.getCenterRows() ?? [];\n\n    // row groups\n    const rangeExtractor = useRowGroupVirtualisation<TType>(table);\n\n    // account for thead and tfoot in the scroll area - both are always medium row height\n    const scrollPaddingStart = ROW_HEIGHT_ESTIMATES.medium;\n\n    const count = tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 ? length : rows.length;\n\n    const virtualiser = useVirtualizer({\n        count,\n        estimateSize: () => {\n            return tableMeta.rowHeight.height ? ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] : ROW_HEIGHT_ESTIMATES.medium;\n        },\n        getScrollElement: () => tableRef.current,\n        overscan: tableMeta.printing.isPrinting ? count : OVERSCAN_ROW_COUNT,\n        rangeExtractor,\n        // correctly sets the scroll padding offset, e.g. when keyboard navigating rows in the list\n        scrollPaddingStart,\n        scrollPaddingEnd: getScrollPaddingEndOffset(table),\n        paddingEnd: getPaddingEndOffset(table),\n    });\n\n    const expandedState = table.getState().expanded;\n    const previousExpandedStateRef = React.useRef(false);\n\n    React.useEffect(() => {\n        // only remeasure when transitioning between expand all and not expand all\n        const isEmpty = JSON.stringify(expandedState) === '{}';\n\n        if (expandedState === true || (isEmpty && previousExpandedStateRef.current === true)) {\n            previousExpandedStateRef.current = expandedState === true;\n            virtualiser.measure();\n        }\n    }, [expandedState]);\n\n    const totalSize = virtualiser.getTotalSize();\n    const virtualItems = virtualiser.getVirtualItems();\n\n    const scrollToIndex = React.useCallback(\n        (index: number, options: ReactVirtualScrollToOptions = { align: 'auto', behavior: 'smooth' }) => {\n            const notSmooth: ReactVirtualScrollToOptions = { ...options, behavior: 'auto' };\n\n            if (tableRef.current) {\n                if (index === 0) {\n                    virtualiser.scrollToOffset(0, notSmooth);\n                } else if (index === count - 1) {\n                    // sometimes the last row doesn't fully show, so we just force scroll to the bottom\n                    tableRef.current.scrollTop = tableRef.current.scrollHeight;\n                } else {\n                    virtualiser.scrollToIndex(index, options);\n                }\n            }\n        },\n        [virtualItems.length, tableRef.current, totalSize, count]\n    );\n\n    // use row 1 not 0, because 0 might be sticky in grouped tables and it's start value will always be 0\n    const paddingStartIndex = isTableRowGrouped && count > 1 ? 1 : 0;\n\n    const startValue = isTableRowGrouped\n        ? (virtualItems[paddingStartIndex]?.start ?? 0) - (virtualItems[paddingStartIndex]?.size ?? 0)\n        : virtualItems[paddingStartIndex]?.start;\n\n    // styling for offsetting rows - this \"is\" the virtualisation\n    const [paddingTop, paddingBottom] =\n        virtualItems.length > 0\n            ? [Math.max(0, startValue ?? 0), Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0))]\n            : [0, 0];\n\n    // ensure default active rows are scrolled to\n    React.useEffect(() => {\n        if (defaultRowActiveIndex) {\n            scrollToIndex(defaultRowActiveIndex, { align: 'center', behavior: 'auto' });\n        }\n    }, []);\n\n    // rendered output\n    let style: CSSProperties = {};\n    let content: (JSX.Element | null)[] | null = null;\n\n    // bottom rows aren't virtualised (they're sticky) but we need to set the height\n    if (count || table.getBottomRows().length) {\n        style = {\n            height: totalSize,\n            paddingBottom: Number.isNaN(paddingBottom) ? 0 : paddingBottom,\n            paddingTop: Number.isNaN(paddingTop) ? 0 : paddingTop,\n        };\n    }\n\n    // only render non sticky rows\n    if (count) {\n        content = virtualItems.map(virtualRow => {\n            // there appears to be a react-virtual bug where it inserts a single `undefined` item at the end of the row, which crashes here\n            if (!virtualRow) {\n                return null;\n            }\n\n            let row: ReactTableRow<TType> | undefined;\n\n            if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2) {\n                const currentPageIndex =\n                    (Math.floor(virtualRow.index / tableMeta.server.pageSize) * tableMeta.server.pageSize) /\n                    tableMeta.server.pageSize;\n                const pagePosition = tableMeta.server.pages?.indexOf(currentPageIndex) ?? -1;\n\n                if (pagePosition > -1) {\n                    // \"flatten\" row indexes down into the dataloader2 dataset size\n                    // for example, with a page size of 100...\n                    // row index 14267 is actually one of index 67, 167, 267 etc within the dataset (depending on number of pages stored)\n                    const fakeIndex = pagePosition * tableMeta.server.pageSize + (virtualRow.index % tableMeta.server.pageSize);\n                    row = rows[fakeIndex];\n                }\n            } else {\n                row = rows[virtualRow.index];\n            }\n\n            if (!row?.original) {\n                // Prefix skeleton keys to prevent collision with real data row keys\n                const skeletonKey = `skeleton-${virtualRow.index}`;\n                return <SkeletonRow key={skeletonKey} index={virtualRow.index} table={table} />;\n            }\n\n            const measureRow = (rowHeight: number) => {\n                virtualiser.resizeItem(virtualRow.index, rowHeight);\n            };\n\n            return (\n                <Row\n                    key={row.id}\n                    row={row}\n                    index={virtualRow.index}\n                    table={table}\n                    measureRow={measureRow}\n                    renderer={renderers.row}\n                    cellRenderer={renderers.cell}\n                />\n            );\n        });\n    }\n\n    return {\n        rows: content,\n        style,\n        scrollToIndex,\n    };\n}\n\n// support virtualised row groups (where the row group headers are sticky)\nfunction useRowGroupVirtualisation<TType = unknown>(table: ReactTable<TType>) {\n    const rows = table.getRowModel().rows;\n    const isTableGrouped = !!table.getState().grouping.length;\n\n    const rowGroupIndexes = React.useMemo(() => {\n        const indexes: number[] = [];\n\n        if (isTableGrouped) {\n            rows.forEach((row, index) => {\n                if (row.getIsGrouped()) {\n                    indexes.push(index);\n                }\n            });\n        }\n\n        return indexes;\n    }, [rows]);\n\n    // this is taken from the react-virtual docs/examples\n    const rangeExtractor = React.useCallback(\n        (range: Range) => {\n            const activeRowGroupIndex =\n                [...rowGroupIndexes].reverse().find(index => range.startIndex >= index) ?? rowGroupIndexes[0];\n\n            return activeRowGroupIndex === undefined\n                ? defaultRangeExtractor(range)\n                : sortBy([activeRowGroupIndex, ...without(defaultRangeExtractor(range), activeRowGroupIndex)], a => a);\n        },\n        [rowGroupIndexes]\n    );\n\n    return isTableGrouped ? rangeExtractor : undefined;\n}\n"],"names":["ROW_HEIGHT_ESTIMATES","rows","useVirtualizer","_a","SkeletonRow","Row","defaultRangeExtractor"],"mappings":"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"}
+{"version":3,"file":"useTableRenderer.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableRenderer.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, Row as ReactTableRow } from '@tanstack/react-table';\nimport {\n    useVirtualizer,\n    defaultRangeExtractor,\n    ScrollToOptions as ReactVirtualScrollToOptions,\n    Range,\n} from '@tanstack/react-virtual';\nimport sortBy from 'lodash/sortBy';\nimport without from 'lodash/without';\n\nimport { ROW_HEIGHT_ESTIMATES } from '../util/rows';\nimport { Row } from '../components/Row/Row';\nimport { useTableRenderers } from '../types';\nimport { TableRef } from '../../types';\nimport { SkeletonRow } from '../components/Row/BuiltIns/SkeletonRow';\n\n// scroll padding end is designed to always show half of the next row\nfunction getScrollPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    let offset = 2;\n\n    if (tableMeta.footer.isEnabled) {\n        offset += 1;\n    }\n\n    if (table.getHeaderGroups().length > 1) {\n        offset += table.getHeaderGroups().length - 1;\n    }\n\n    let height = ROW_HEIGHT_ESTIMATES.medium * offset;\n\n    const bottomRows = table.getBottomRows();\n\n    if (bottomRows.length) {\n        // 1.4 offsets for half rows and also accounts for increased row heights (which is likely in pinned rows)\n        height += ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] * 1.4 * bottomRows.length;\n    }\n\n    return height;\n}\n\n// scroll padding end is designed to always show half of the next row\nfunction getPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const bottomRows = table.getBottomRows() ?? [];\n    return ROW_HEIGHT_ESTIMATES.medium * 1 * bottomRows.length;\n}\n\n// A higher number ensure less scroll jumping for dynamic row heights, but too high can reduce performance. 8 worked well\nconst OVERSCAN_ROW_COUNT = 8;\n\nexport function useTableRenderer<TType = unknown>(\n    renderers: useTableRenderers<TType>,\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    length: number,\n    defaultRowActiveIndex?: number | undefined\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isTableRowGrouped = !!table.getState().grouping?.length;\n    const rows = table.getCenterRows() ?? [];\n\n    // row groups\n    const rangeExtractor = useRowGroupVirtualisation<TType>(table);\n\n    // account for thead and tfoot in the scroll area - both are always medium row height\n    const scrollPaddingStart = ROW_HEIGHT_ESTIMATES.medium;\n\n    const count = tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 ? length : rows.length;\n\n    const virtualiser = useVirtualizer({\n        count,\n        estimateSize: () => {\n            return tableMeta.rowHeight.height ? ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] : ROW_HEIGHT_ESTIMATES.medium;\n        },\n        getScrollElement: () => tableRef.current,\n        overscan: tableMeta.printing.isPrinting ? count : OVERSCAN_ROW_COUNT,\n        rangeExtractor,\n        // correctly sets the scroll padding offset, e.g. when keyboard navigating rows in the list\n        scrollPaddingStart,\n        scrollPaddingEnd: getScrollPaddingEndOffset(table),\n        paddingEnd: getPaddingEndOffset(table),\n    });\n\n    const expandedState = table.getState().expanded;\n    const previousExpandedStateRef = React.useRef(false);\n\n    React.useEffect(() => {\n        // only remeasure when transitioning between expand all and not expand all\n        const isEmpty = JSON.stringify(expandedState) === '{}';\n\n        if (expandedState === true || (isEmpty && previousExpandedStateRef.current === true)) {\n            previousExpandedStateRef.current = expandedState === true;\n            virtualiser.measure();\n        }\n    }, [expandedState]);\n\n    const totalSize = virtualiser.getTotalSize();\n    const virtualItems = virtualiser.getVirtualItems();\n\n    const scrollToIndex = React.useCallback(\n        (index: number, options: ReactVirtualScrollToOptions = { align: 'auto', behavior: 'smooth' }) => {\n            const notSmooth: ReactVirtualScrollToOptions = { ...options, behavior: 'auto' };\n\n            if (tableRef.current) {\n                if (index === 0) {\n                    virtualiser.scrollToOffset(0, notSmooth);\n                } else if (index === count - 1) {\n                    // sometimes the last row doesn't fully show, so we just force scroll to the bottom\n                    tableRef.current.scrollTop = tableRef.current.scrollHeight;\n                } else {\n                    virtualiser.scrollToIndex(index, options);\n                }\n            }\n        },\n        [virtualItems.length, tableRef.current, totalSize, count]\n    );\n\n    // use row 1 not 0, because 0 might be sticky in grouped tables and it's start value will always be 0\n    const paddingStartIndex = isTableRowGrouped && count > 1 ? 1 : 0;\n\n    const startValue = isTableRowGrouped\n        ? (virtualItems[paddingStartIndex]?.start ?? 0) - (virtualItems[paddingStartIndex]?.size ?? 0)\n        : virtualItems[paddingStartIndex]?.start;\n\n    // styling for offsetting rows - this \"is\" the virtualisation\n    const [paddingTop, paddingBottom] =\n        virtualItems.length > 0\n            ? [Math.max(0, startValue ?? 0), Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0))]\n            : [0, 0];\n\n    // ensure default active rows are scrolled to\n    React.useEffect(() => {\n        if (defaultRowActiveIndex) {\n            scrollToIndex(defaultRowActiveIndex, { align: 'center', behavior: 'auto' });\n        }\n    }, []);\n\n    // rendered output\n    let style: CSSProperties = {};\n    let content: (React.JSX.Element | null)[] | null = null;\n\n    // bottom rows aren't virtualised (they're sticky) but we need to set the height\n    if (count || table.getBottomRows().length) {\n        style = {\n            height: totalSize,\n            paddingBottom: Number.isNaN(paddingBottom) ? 0 : paddingBottom,\n            paddingTop: Number.isNaN(paddingTop) ? 0 : paddingTop,\n        };\n    }\n\n    // only render non sticky rows\n    if (count) {\n        content = virtualItems.map(virtualRow => {\n            // there appears to be a react-virtual bug where it inserts a single `undefined` item at the end of the row, which crashes here\n            if (!virtualRow) {\n                return null;\n            }\n\n            let row: ReactTableRow<TType> | undefined;\n\n            if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2) {\n                const currentPageIndex =\n                    (Math.floor(virtualRow.index / tableMeta.server.pageSize) * tableMeta.server.pageSize) /\n                    tableMeta.server.pageSize;\n                const pagePosition = tableMeta.server.pages?.indexOf(currentPageIndex) ?? -1;\n\n                if (pagePosition > -1) {\n                    // \"flatten\" row indexes down into the dataloader2 dataset size\n                    // for example, with a page size of 100...\n                    // row index 14267 is actually one of index 67, 167, 267 etc within the dataset (depending on number of pages stored)\n                    const fakeIndex = pagePosition * tableMeta.server.pageSize + (virtualRow.index % tableMeta.server.pageSize);\n                    row = rows[fakeIndex];\n                }\n            } else {\n                row = rows[virtualRow.index];\n            }\n\n            if (!row?.original) {\n                // Prefix skeleton keys to prevent collision with real data row keys\n                const skeletonKey = `skeleton-${virtualRow.index}`;\n                return <SkeletonRow key={skeletonKey} index={virtualRow.index} table={table} />;\n            }\n\n            const measureRow = (rowHeight: number) => {\n                virtualiser.resizeItem(virtualRow.index, rowHeight);\n            };\n\n            return (\n                <Row\n                    key={row.id}\n                    row={row}\n                    index={virtualRow.index}\n                    table={table}\n                    measureRow={measureRow}\n                    renderer={renderers.row}\n                    cellRenderer={renderers.cell}\n                />\n            );\n        });\n    }\n\n    return {\n        rows: content,\n        style,\n        scrollToIndex,\n    };\n}\n\n// support virtualised row groups (where the row group headers are sticky)\nfunction useRowGroupVirtualisation<TType = unknown>(table: ReactTable<TType>) {\n    const rows = table.getRowModel().rows;\n    const isTableGrouped = !!table.getState().grouping.length;\n\n    const rowGroupIndexes = React.useMemo(() => {\n        const indexes: number[] = [];\n\n        if (isTableGrouped) {\n            rows.forEach((row, index) => {\n                if (row.getIsGrouped()) {\n                    indexes.push(index);\n                }\n            });\n        }\n\n        return indexes;\n    }, [rows]);\n\n    // this is taken from the react-virtual docs/examples\n    const rangeExtractor = React.useCallback(\n        (range: Range) => {\n            const activeRowGroupIndex =\n                [...rowGroupIndexes].reverse().find(index => range.startIndex >= index) ?? rowGroupIndexes[0];\n\n            return activeRowGroupIndex === undefined\n                ? defaultRangeExtractor(range)\n                : sortBy([activeRowGroupIndex, ...without(defaultRangeExtractor(range), activeRowGroupIndex)], a => a);\n        },\n        [rowGroupIndexes]\n    );\n\n    return isTableGrouped ? rangeExtractor : undefined;\n}\n"],"names":["ROW_HEIGHT_ESTIMATES","rows","useVirtualizer","SkeletonRow","Row","defaultRangeExtractor"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ import { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-
 import { useTableRenderers } from '../types';
 import { TableRef } from '../../types';
 export declare function useTableRenderer<TType = unknown>(renderers: useTableRenderers<TType>, table: ReactTable<TType>, tableRef: React.RefObject<TableRef>, length: number, defaultRowActiveIndex?: number | undefined): {
-    rows: (JSX.Element | null)[] | null;
+    rows: (React.JSX.Element | null)[] | null;
     style: React.CSSProperties;
     scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;
 };

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

@@ -27,9 +27,8 @@ function getPaddingEndOffset(table) {
 }
 const OVERSCAN_ROW_COUNT = 8;
 function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIndex) {
-  var _a, _b, _c, _d, _e;
   const tableMeta = table.options.meta;
-  const isTableRowGrouped = !!((_a = table.getState().grouping) == null ? void 0 : _a.length);
+  const isTableRowGrouped = !!table.getState().grouping?.length;
   const rows = table.getCenterRows() ?? [];
   const rangeExtractor = useRowGroupVirtualisation(table);
   const scrollPaddingStart = ROW_HEIGHT_ESTIMATES.medium;
@@ -74,8 +73,8 @@ function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIn
     [virtualItems.length, tableRef.current, totalSize, count]
   );
   const paddingStartIndex = isTableRowGrouped && count > 1 ? 1 : 0;
-  const startValue = isTableRowGrouped ? (((_b = virtualItems[paddingStartIndex]) == null ? void 0 : _b.start) ?? 0) - (((_c = virtualItems[paddingStartIndex]) == null ? void 0 : _c.size) ?? 0) : (_d = virtualItems[paddingStartIndex]) == null ? void 0 : _d.start;
-  const [paddingTop, paddingBottom] = virtualItems.length > 0 ? [Math.max(0, startValue ?? 0), Math.max(0, totalSize - (((_e = virtualItems[virtualItems.length - 1]) == null ? void 0 : _e.end) ?? 0))] : [0, 0];
+  const startValue = isTableRowGrouped ? (virtualItems[paddingStartIndex]?.start ?? 0) - (virtualItems[paddingStartIndex]?.size ?? 0) : virtualItems[paddingStartIndex]?.start;
+  const [paddingTop, paddingBottom] = virtualItems.length > 0 ? [Math.max(0, startValue ?? 0), Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0))] : [0, 0];
   React__default.useEffect(() => {
     if (defaultRowActiveIndex) {
       scrollToIndex(defaultRowActiveIndex, { align: "center", behavior: "auto" });
@@ -92,14 +91,13 @@ function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIn
   }
   if (count) {
     content = virtualItems.map((virtualRow) => {
-      var _a2;
       if (!virtualRow) {
         return null;
       }
       let row;
       if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2) {
         const currentPageIndex = Math.floor(virtualRow.index / tableMeta.server.pageSize) * tableMeta.server.pageSize / tableMeta.server.pageSize;
-        const pagePosition = ((_a2 = tableMeta.server.pages) == null ? void 0 : _a2.indexOf(currentPageIndex)) ?? -1;
+        const pagePosition = tableMeta.server.pages?.indexOf(currentPageIndex) ?? -1;
         if (pagePosition > -1) {
           const fakeIndex = pagePosition * tableMeta.server.pageSize + virtualRow.index % tableMeta.server.pageSize;
           row = rows[fakeIndex];
@@ -107,7 +105,7 @@ function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIn
       } else {
         row = rows[virtualRow.index];
       }
-      if (!(row == null ? void 0 : row.original)) {
+      if (!row?.original) {
         const skeletonKey = `skeleton-${virtualRow.index}`;
         return /* @__PURE__ */ React__default.createElement(SkeletonRow, { key: skeletonKey, index: virtualRow.index, table });
       }

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

@@ -1 +1 @@
-{"version":3,"file":"useTableRenderer.js","sources":["../../../../../src/primitives/Table/Core/features/useTableRenderer.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, Row as ReactTableRow } from '@tanstack/react-table';\nimport {\n    useVirtualizer,\n    defaultRangeExtractor,\n    ScrollToOptions as ReactVirtualScrollToOptions,\n    Range,\n} from '@tanstack/react-virtual';\nimport sortBy from 'lodash/sortBy';\nimport without from 'lodash/without';\n\nimport { ROW_HEIGHT_ESTIMATES } from '../util/rows';\nimport { Row } from '../components/Row/Row';\nimport { useTableRenderers } from '../types';\nimport { TableRef } from '../../types';\nimport { SkeletonRow } from '../components/Row/BuiltIns/SkeletonRow';\n\n// scroll padding end is designed to always show half of the next row\nfunction getScrollPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    let offset = 2;\n\n    if (tableMeta.footer.isEnabled) {\n        offset += 1;\n    }\n\n    if (table.getHeaderGroups().length > 1) {\n        offset += table.getHeaderGroups().length - 1;\n    }\n\n    let height = ROW_HEIGHT_ESTIMATES.medium * offset;\n\n    const bottomRows = table.getBottomRows();\n\n    if (bottomRows.length) {\n        // 1.4 offsets for half rows and also accounts for increased row heights (which is likely in pinned rows)\n        height += ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] * 1.4 * bottomRows.length;\n    }\n\n    return height;\n}\n\n// scroll padding end is designed to always show half of the next row\nfunction getPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const bottomRows = table.getBottomRows() ?? [];\n    return ROW_HEIGHT_ESTIMATES.medium * 1 * bottomRows.length;\n}\n\n// A higher number ensure less scroll jumping for dynamic row heights, but too high can reduce performance. 8 worked well\nconst OVERSCAN_ROW_COUNT = 8;\n\nexport function useTableRenderer<TType = unknown>(\n    renderers: useTableRenderers<TType>,\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    length: number,\n    defaultRowActiveIndex?: number | undefined\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isTableRowGrouped = !!table.getState().grouping?.length;\n    const rows = table.getCenterRows() ?? [];\n\n    // row groups\n    const rangeExtractor = useRowGroupVirtualisation<TType>(table);\n\n    // account for thead and tfoot in the scroll area - both are always medium row height\n    const scrollPaddingStart = ROW_HEIGHT_ESTIMATES.medium;\n\n    const count = tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 ? length : rows.length;\n\n    const virtualiser = useVirtualizer({\n        count,\n        estimateSize: () => {\n            return tableMeta.rowHeight.height ? ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] : ROW_HEIGHT_ESTIMATES.medium;\n        },\n        getScrollElement: () => tableRef.current,\n        overscan: tableMeta.printing.isPrinting ? count : OVERSCAN_ROW_COUNT,\n        rangeExtractor,\n        // correctly sets the scroll padding offset, e.g. when keyboard navigating rows in the list\n        scrollPaddingStart,\n        scrollPaddingEnd: getScrollPaddingEndOffset(table),\n        paddingEnd: getPaddingEndOffset(table),\n    });\n\n    const expandedState = table.getState().expanded;\n    const previousExpandedStateRef = React.useRef(false);\n\n    React.useEffect(() => {\n        // only remeasure when transitioning between expand all and not expand all\n        const isEmpty = JSON.stringify(expandedState) === '{}';\n\n        if (expandedState === true || (isEmpty && previousExpandedStateRef.current === true)) {\n            previousExpandedStateRef.current = expandedState === true;\n            virtualiser.measure();\n        }\n    }, [expandedState]);\n\n    const totalSize = virtualiser.getTotalSize();\n    const virtualItems = virtualiser.getVirtualItems();\n\n    const scrollToIndex = React.useCallback(\n        (index: number, options: ReactVirtualScrollToOptions = { align: 'auto', behavior: 'smooth' }) => {\n            const notSmooth: ReactVirtualScrollToOptions = { ...options, behavior: 'auto' };\n\n            if (tableRef.current) {\n                if (index === 0) {\n                    virtualiser.scrollToOffset(0, notSmooth);\n                } else if (index === count - 1) {\n                    // sometimes the last row doesn't fully show, so we just force scroll to the bottom\n                    tableRef.current.scrollTop = tableRef.current.scrollHeight;\n                } else {\n                    virtualiser.scrollToIndex(index, options);\n                }\n            }\n        },\n        [virtualItems.length, tableRef.current, totalSize, count]\n    );\n\n    // use row 1 not 0, because 0 might be sticky in grouped tables and it's start value will always be 0\n    const paddingStartIndex = isTableRowGrouped && count > 1 ? 1 : 0;\n\n    const startValue = isTableRowGrouped\n        ? (virtualItems[paddingStartIndex]?.start ?? 0) - (virtualItems[paddingStartIndex]?.size ?? 0)\n        : virtualItems[paddingStartIndex]?.start;\n\n    // styling for offsetting rows - this \"is\" the virtualisation\n    const [paddingTop, paddingBottom] =\n        virtualItems.length > 0\n            ? [Math.max(0, startValue ?? 0), Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0))]\n            : [0, 0];\n\n    // ensure default active rows are scrolled to\n    React.useEffect(() => {\n        if (defaultRowActiveIndex) {\n            scrollToIndex(defaultRowActiveIndex, { align: 'center', behavior: 'auto' });\n        }\n    }, []);\n\n    // rendered output\n    let style: CSSProperties = {};\n    let content: (JSX.Element | null)[] | null = null;\n\n    // bottom rows aren't virtualised (they're sticky) but we need to set the height\n    if (count || table.getBottomRows().length) {\n        style = {\n            height: totalSize,\n            paddingBottom: Number.isNaN(paddingBottom) ? 0 : paddingBottom,\n            paddingTop: Number.isNaN(paddingTop) ? 0 : paddingTop,\n        };\n    }\n\n    // only render non sticky rows\n    if (count) {\n        content = virtualItems.map(virtualRow => {\n            // there appears to be a react-virtual bug where it inserts a single `undefined` item at the end of the row, which crashes here\n            if (!virtualRow) {\n                return null;\n            }\n\n            let row: ReactTableRow<TType> | undefined;\n\n            if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2) {\n                const currentPageIndex =\n                    (Math.floor(virtualRow.index / tableMeta.server.pageSize) * tableMeta.server.pageSize) /\n                    tableMeta.server.pageSize;\n                const pagePosition = tableMeta.server.pages?.indexOf(currentPageIndex) ?? -1;\n\n                if (pagePosition > -1) {\n                    // \"flatten\" row indexes down into the dataloader2 dataset size\n                    // for example, with a page size of 100...\n                    // row index 14267 is actually one of index 67, 167, 267 etc within the dataset (depending on number of pages stored)\n                    const fakeIndex = pagePosition * tableMeta.server.pageSize + (virtualRow.index % tableMeta.server.pageSize);\n                    row = rows[fakeIndex];\n                }\n            } else {\n                row = rows[virtualRow.index];\n            }\n\n            if (!row?.original) {\n                // Prefix skeleton keys to prevent collision with real data row keys\n                const skeletonKey = `skeleton-${virtualRow.index}`;\n                return <SkeletonRow key={skeletonKey} index={virtualRow.index} table={table} />;\n            }\n\n            const measureRow = (rowHeight: number) => {\n                virtualiser.resizeItem(virtualRow.index, rowHeight);\n            };\n\n            return (\n                <Row\n                    key={row.id}\n                    row={row}\n                    index={virtualRow.index}\n                    table={table}\n                    measureRow={measureRow}\n                    renderer={renderers.row}\n                    cellRenderer={renderers.cell}\n                />\n            );\n        });\n    }\n\n    return {\n        rows: content,\n        style,\n        scrollToIndex,\n    };\n}\n\n// support virtualised row groups (where the row group headers are sticky)\nfunction useRowGroupVirtualisation<TType = unknown>(table: ReactTable<TType>) {\n    const rows = table.getRowModel().rows;\n    const isTableGrouped = !!table.getState().grouping.length;\n\n    const rowGroupIndexes = React.useMemo(() => {\n        const indexes: number[] = [];\n\n        if (isTableGrouped) {\n            rows.forEach((row, index) => {\n                if (row.getIsGrouped()) {\n                    indexes.push(index);\n                }\n            });\n        }\n\n        return indexes;\n    }, [rows]);\n\n    // this is taken from the react-virtual docs/examples\n    const rangeExtractor = React.useCallback(\n        (range: Range) => {\n            const activeRowGroupIndex =\n                [...rowGroupIndexes].reverse().find(index => range.startIndex >= index) ?? rowGroupIndexes[0];\n\n            return activeRowGroupIndex === undefined\n                ? defaultRangeExtractor(range)\n                : sortBy([activeRowGroupIndex, ...without(defaultRangeExtractor(range), activeRowGroupIndex)], a => a);\n        },\n        [rowGroupIndexes]\n    );\n\n    return isTableGrouped ? rangeExtractor : undefined;\n}\n"],"names":["React","_a"],"mappings":"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"}
+{"version":3,"file":"useTableRenderer.js","sources":["../../../../../src/primitives/Table/Core/features/useTableRenderer.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, Row as ReactTableRow } from '@tanstack/react-table';\nimport {\n    useVirtualizer,\n    defaultRangeExtractor,\n    ScrollToOptions as ReactVirtualScrollToOptions,\n    Range,\n} from '@tanstack/react-virtual';\nimport sortBy from 'lodash/sortBy';\nimport without from 'lodash/without';\n\nimport { ROW_HEIGHT_ESTIMATES } from '../util/rows';\nimport { Row } from '../components/Row/Row';\nimport { useTableRenderers } from '../types';\nimport { TableRef } from '../../types';\nimport { SkeletonRow } from '../components/Row/BuiltIns/SkeletonRow';\n\n// scroll padding end is designed to always show half of the next row\nfunction getScrollPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    let offset = 2;\n\n    if (tableMeta.footer.isEnabled) {\n        offset += 1;\n    }\n\n    if (table.getHeaderGroups().length > 1) {\n        offset += table.getHeaderGroups().length - 1;\n    }\n\n    let height = ROW_HEIGHT_ESTIMATES.medium * offset;\n\n    const bottomRows = table.getBottomRows();\n\n    if (bottomRows.length) {\n        // 1.4 offsets for half rows and also accounts for increased row heights (which is likely in pinned rows)\n        height += ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] * 1.4 * bottomRows.length;\n    }\n\n    return height;\n}\n\n// scroll padding end is designed to always show half of the next row\nfunction getPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const bottomRows = table.getBottomRows() ?? [];\n    return ROW_HEIGHT_ESTIMATES.medium * 1 * bottomRows.length;\n}\n\n// A higher number ensure less scroll jumping for dynamic row heights, but too high can reduce performance. 8 worked well\nconst OVERSCAN_ROW_COUNT = 8;\n\nexport function useTableRenderer<TType = unknown>(\n    renderers: useTableRenderers<TType>,\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    length: number,\n    defaultRowActiveIndex?: number | undefined\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isTableRowGrouped = !!table.getState().grouping?.length;\n    const rows = table.getCenterRows() ?? [];\n\n    // row groups\n    const rangeExtractor = useRowGroupVirtualisation<TType>(table);\n\n    // account for thead and tfoot in the scroll area - both are always medium row height\n    const scrollPaddingStart = ROW_HEIGHT_ESTIMATES.medium;\n\n    const count = tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 ? length : rows.length;\n\n    const virtualiser = useVirtualizer({\n        count,\n        estimateSize: () => {\n            return tableMeta.rowHeight.height ? ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] : ROW_HEIGHT_ESTIMATES.medium;\n        },\n        getScrollElement: () => tableRef.current,\n        overscan: tableMeta.printing.isPrinting ? count : OVERSCAN_ROW_COUNT,\n        rangeExtractor,\n        // correctly sets the scroll padding offset, e.g. when keyboard navigating rows in the list\n        scrollPaddingStart,\n        scrollPaddingEnd: getScrollPaddingEndOffset(table),\n        paddingEnd: getPaddingEndOffset(table),\n    });\n\n    const expandedState = table.getState().expanded;\n    const previousExpandedStateRef = React.useRef(false);\n\n    React.useEffect(() => {\n        // only remeasure when transitioning between expand all and not expand all\n        const isEmpty = JSON.stringify(expandedState) === '{}';\n\n        if (expandedState === true || (isEmpty && previousExpandedStateRef.current === true)) {\n            previousExpandedStateRef.current = expandedState === true;\n            virtualiser.measure();\n        }\n    }, [expandedState]);\n\n    const totalSize = virtualiser.getTotalSize();\n    const virtualItems = virtualiser.getVirtualItems();\n\n    const scrollToIndex = React.useCallback(\n        (index: number, options: ReactVirtualScrollToOptions = { align: 'auto', behavior: 'smooth' }) => {\n            const notSmooth: ReactVirtualScrollToOptions = { ...options, behavior: 'auto' };\n\n            if (tableRef.current) {\n                if (index === 0) {\n                    virtualiser.scrollToOffset(0, notSmooth);\n                } else if (index === count - 1) {\n                    // sometimes the last row doesn't fully show, so we just force scroll to the bottom\n                    tableRef.current.scrollTop = tableRef.current.scrollHeight;\n                } else {\n                    virtualiser.scrollToIndex(index, options);\n                }\n            }\n        },\n        [virtualItems.length, tableRef.current, totalSize, count]\n    );\n\n    // use row 1 not 0, because 0 might be sticky in grouped tables and it's start value will always be 0\n    const paddingStartIndex = isTableRowGrouped && count > 1 ? 1 : 0;\n\n    const startValue = isTableRowGrouped\n        ? (virtualItems[paddingStartIndex]?.start ?? 0) - (virtualItems[paddingStartIndex]?.size ?? 0)\n        : virtualItems[paddingStartIndex]?.start;\n\n    // styling for offsetting rows - this \"is\" the virtualisation\n    const [paddingTop, paddingBottom] =\n        virtualItems.length > 0\n            ? [Math.max(0, startValue ?? 0), Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0))]\n            : [0, 0];\n\n    // ensure default active rows are scrolled to\n    React.useEffect(() => {\n        if (defaultRowActiveIndex) {\n            scrollToIndex(defaultRowActiveIndex, { align: 'center', behavior: 'auto' });\n        }\n    }, []);\n\n    // rendered output\n    let style: CSSProperties = {};\n    let content: (React.JSX.Element | null)[] | null = null;\n\n    // bottom rows aren't virtualised (they're sticky) but we need to set the height\n    if (count || table.getBottomRows().length) {\n        style = {\n            height: totalSize,\n            paddingBottom: Number.isNaN(paddingBottom) ? 0 : paddingBottom,\n            paddingTop: Number.isNaN(paddingTop) ? 0 : paddingTop,\n        };\n    }\n\n    // only render non sticky rows\n    if (count) {\n        content = virtualItems.map(virtualRow => {\n            // there appears to be a react-virtual bug where it inserts a single `undefined` item at the end of the row, which crashes here\n            if (!virtualRow) {\n                return null;\n            }\n\n            let row: ReactTableRow<TType> | undefined;\n\n            if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2) {\n                const currentPageIndex =\n                    (Math.floor(virtualRow.index / tableMeta.server.pageSize) * tableMeta.server.pageSize) /\n                    tableMeta.server.pageSize;\n                const pagePosition = tableMeta.server.pages?.indexOf(currentPageIndex) ?? -1;\n\n                if (pagePosition > -1) {\n                    // \"flatten\" row indexes down into the dataloader2 dataset size\n                    // for example, with a page size of 100...\n                    // row index 14267 is actually one of index 67, 167, 267 etc within the dataset (depending on number of pages stored)\n                    const fakeIndex = pagePosition * tableMeta.server.pageSize + (virtualRow.index % tableMeta.server.pageSize);\n                    row = rows[fakeIndex];\n                }\n            } else {\n                row = rows[virtualRow.index];\n            }\n\n            if (!row?.original) {\n                // Prefix skeleton keys to prevent collision with real data row keys\n                const skeletonKey = `skeleton-${virtualRow.index}`;\n                return <SkeletonRow key={skeletonKey} index={virtualRow.index} table={table} />;\n            }\n\n            const measureRow = (rowHeight: number) => {\n                virtualiser.resizeItem(virtualRow.index, rowHeight);\n            };\n\n            return (\n                <Row\n                    key={row.id}\n                    row={row}\n                    index={virtualRow.index}\n                    table={table}\n                    measureRow={measureRow}\n                    renderer={renderers.row}\n                    cellRenderer={renderers.cell}\n                />\n            );\n        });\n    }\n\n    return {\n        rows: content,\n        style,\n        scrollToIndex,\n    };\n}\n\n// support virtualised row groups (where the row group headers are sticky)\nfunction useRowGroupVirtualisation<TType = unknown>(table: ReactTable<TType>) {\n    const rows = table.getRowModel().rows;\n    const isTableGrouped = !!table.getState().grouping.length;\n\n    const rowGroupIndexes = React.useMemo(() => {\n        const indexes: number[] = [];\n\n        if (isTableGrouped) {\n            rows.forEach((row, index) => {\n                if (row.getIsGrouped()) {\n                    indexes.push(index);\n                }\n            });\n        }\n\n        return indexes;\n    }, [rows]);\n\n    // this is taken from the react-virtual docs/examples\n    const rangeExtractor = React.useCallback(\n        (range: Range) => {\n            const activeRowGroupIndex =\n                [...rowGroupIndexes].reverse().find(index => range.startIndex >= index) ?? rowGroupIndexes[0];\n\n            return activeRowGroupIndex === undefined\n                ? defaultRangeExtractor(range)\n                : sortBy([activeRowGroupIndex, ...without(defaultRangeExtractor(range), activeRowGroupIndex)], a => a);\n        },\n        [rowGroupIndexes]\n    );\n\n    return isTableGrouped ? rangeExtractor : undefined;\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -10,67 +10,27 @@ function useTableStyle(tableId, table) {
     tableMeta.fontSize.size
   );
   const { stylesheet: columnFreezingStylesheet } = useTableStyleColumnFreezing.useTableStyleColumnFreezing(tableId, table);
+  const heightPadding = CELL_HEIGHT_PADDING[tableMeta.rowHeight.height] ?? CELL_HEIGHT_PADDING.medium;
   const style = {
     // css vars required by children of table
     "--table-header-group-depth": table.getHeaderGroups().length,
-    "--table-cell-padding-x": getCellWidthPadding(tableMeta.fontSize.size),
-    "--table-cell-padding-y": getCellHeightPadding(tableMeta.rowHeight.height, tableMeta.fontSize.size),
+    "--table-cell-padding-x": CELL_WIDTH_PADDING[tableMeta.fontSize.size] ?? CELL_WIDTH_PADDING.large,
+    "--table-cell-padding-y": heightPadding[tableMeta.fontSize.size] ?? heightPadding.medium,
     ...cssGridStyle
   };
   const stylesheet = [cssGridStylesheet, columnFreezingStylesheet].filter((s) => !!s).join("\n");
   return { style, stylesheet };
 }
-function getCellHeightPadding(height, fontSize) {
-  switch (height) {
-    case "short": {
-      switch (fontSize) {
-        case "small":
-          return "8px";
-        default:
-          return "6px";
-      }
-    }
-    case "tall": {
-      switch (fontSize) {
-        case "small":
-          return "16px";
-        case "large":
-          return "12px";
-        default:
-          return "14px";
-      }
-    }
-    case "extra-tall": {
-      switch (fontSize) {
-        case "small":
-          return "22px";
-        case "large":
-          return "18px";
-        default:
-          return "20px";
-      }
-    }
-    default: {
-      switch (fontSize) {
-        case "small":
-          return "12px";
-        case "large":
-          return "8px";
-        default:
-          return "10px";
-      }
-    }
-  }
-}
-function getCellWidthPadding(fontSize) {
-  switch (fontSize) {
-    case "small":
-      return "8px";
-    case "medium":
-      return "12px";
-    default:
-      return "16px";
-  }
-}
+const CELL_HEIGHT_PADDING = {
+  short: { small: "8px", medium: "6px", large: "6px" },
+  medium: { small: "12px", medium: "10px", large: "8px" },
+  tall: { small: "16px", medium: "14px", large: "12px" },
+  "extra-tall": { small: "22px", medium: "20px", large: "18px" }
+};
+const CELL_WIDTH_PADDING = {
+  small: "8px",
+  medium: "12px",
+  large: "16px"
+};
 exports.useTableStyle = useTableStyle;
 //# sourceMappingURL=useTableStyle.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTableStyle.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableStyle.tsx"],"sourcesContent":["import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useTableStyleGrid } from './useTableStyleGrid';\nimport { useTableStyleColumnFreezing } from './useTableStyleColumnFreezing';\nimport { TableFontSize, TableRowHeight } from '../../types';\n\nexport function useTableStyle<TType = unknown>(tableId: string, table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const { style: cssGridStyle, stylesheet: cssGridStylesheet } = useTableStyleGrid<TType>(\n        tableId,\n        table,\n        tableMeta.fontSize.size\n    );\n    const { stylesheet: columnFreezingStylesheet } = useTableStyleColumnFreezing(tableId, table);\n\n    const style = {\n        // css vars required by children of table\n        '--table-header-group-depth': table.getHeaderGroups().length,\n        '--table-cell-padding-x': getCellWidthPadding(tableMeta.fontSize.size),\n        '--table-cell-padding-y': getCellHeightPadding(tableMeta.rowHeight.height, tableMeta.fontSize.size),\n        ...cssGridStyle,\n    };\n\n    const stylesheet = [cssGridStylesheet, columnFreezingStylesheet].filter(s => !!s).join('\\n');\n\n    return { style, stylesheet };\n}\n\n// we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)\nfunction getCellHeightPadding(height: TableRowHeight, fontSize: TableFontSize) {\n    // TODO: can we get the rem values from tailwind\n    switch (height) {\n        case 'short': {\n            switch (fontSize) {\n                case 'small':\n                    return '8px';\n\n                default:\n                    return '6px';\n            }\n        }\n\n        case 'tall': {\n            switch (fontSize) {\n                case 'small':\n                    return '16px';\n\n                case 'large':\n                    return '12px';\n\n                default:\n                    return '14px';\n            }\n        }\n\n        case 'extra-tall': {\n            switch (fontSize) {\n                case 'small':\n                    return '22px';\n\n                case 'large':\n                    return '18px';\n\n                default:\n                    return '20px';\n            }\n        }\n\n        default: {\n            switch (fontSize) {\n                case 'small':\n                    return '12px';\n\n                case 'large':\n                    return '8px';\n\n                default:\n                    return '10px';\n            }\n        }\n    }\n}\n\nfunction getCellWidthPadding(fontSize: TableFontSize) {\n    switch (fontSize) {\n        case 'small':\n            return '8px';\n\n        case 'medium':\n            return '12px';\n\n        default:\n            return '16px';\n    }\n}\n"],"names":["useTableStyleGrid","useTableStyleColumnFreezing"],"mappings":";;;;AAKgB,SAAA,cAA+B,SAAiB,OAA0B;AAChF,QAAA,YAAY,MAAM,QAAQ;AAChC,QAAM,EAAE,OAAO,cAAc,YAAY,kBAAsB,IAAAA,kBAAA;AAAA,IAC3D;AAAA,IACA;AAAA,IACA,UAAU,SAAS;AAAA,EACvB;AACA,QAAM,EAAE,YAAY,yBAAA,IAA6BC,4BAAAA,4BAA4B,SAAS,KAAK;AAE3F,QAAM,QAAQ;AAAA;AAAA,IAEV,8BAA8B,MAAM,gBAAA,EAAkB;AAAA,IACtD,0BAA0B,oBAAoB,UAAU,SAAS,IAAI;AAAA,IACrE,0BAA0B,qBAAqB,UAAU,UAAU,QAAQ,UAAU,SAAS,IAAI;AAAA,IAClG,GAAG;AAAA,EACP;AAEA,QAAM,aAAa,CAAC,mBAAmB,wBAAwB,EAAE,OAAO,CAAK,MAAA,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI;AAEpF,SAAA,EAAE,OAAO,WAAW;AAC/B;AAGA,SAAS,qBAAqB,QAAwB,UAAyB;AAE3E,UAAQ,QAAQ;AAAA,IACZ,KAAK,SAAS;AACV,cAAQ,UAAU;AAAA,QACd,KAAK;AACM,iBAAA;AAAA,QAEX;AACW,iBAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAGJ,KAAK,QAAQ;AACT,cAAQ,UAAU;AAAA,QACd,KAAK;AACM,iBAAA;AAAA,QAEX,KAAK;AACM,iBAAA;AAAA,QAEX;AACW,iBAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAGJ,KAAK,cAAc;AACf,cAAQ,UAAU;AAAA,QACd,KAAK;AACM,iBAAA;AAAA,QAEX,KAAK;AACM,iBAAA;AAAA,QAEX;AACW,iBAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAGJ,SAAS;AACL,cAAQ,UAAU;AAAA,QACd,KAAK;AACM,iBAAA;AAAA,QAEX,KAAK;AACM,iBAAA;AAAA,QAEX;AACW,iBAAA;AAAA,MAAA;AAAA,IACf;AAAA,EACJ;AAER;AAEA,SAAS,oBAAoB,UAAyB;AAClD,UAAQ,UAAU;AAAA,IACd,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;;"}
+{"version":3,"file":"useTableStyle.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableStyle.tsx"],"sourcesContent":["import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useTableStyleGrid } from './useTableStyleGrid';\nimport { useTableStyleColumnFreezing } from './useTableStyleColumnFreezing';\nimport { TableFontSize, TableRowHeight } from '../../types';\n\nexport function useTableStyle<TType = unknown>(tableId: string, table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const { style: cssGridStyle, stylesheet: cssGridStylesheet } = useTableStyleGrid<TType>(\n        tableId,\n        table,\n        tableMeta.fontSize.size\n    );\n    const { stylesheet: columnFreezingStylesheet } = useTableStyleColumnFreezing(tableId, table);\n\n    // persisted settings can contain out-of-union values, so fall back like the old switch defaults did\n    const heightPadding = CELL_HEIGHT_PADDING[tableMeta.rowHeight.height] ?? CELL_HEIGHT_PADDING.medium;\n\n    const style = {\n        // css vars required by children of table\n        '--table-header-group-depth': table.getHeaderGroups().length,\n        '--table-cell-padding-x': CELL_WIDTH_PADDING[tableMeta.fontSize.size] ?? CELL_WIDTH_PADDING.large,\n        '--table-cell-padding-y': heightPadding[tableMeta.fontSize.size] ?? heightPadding.medium,\n        ...cssGridStyle,\n    };\n\n    const stylesheet = [cssGridStylesheet, columnFreezingStylesheet].filter(s => !!s).join('\\n');\n\n    return { style, stylesheet };\n}\n\n// we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)\n// TODO: can we get the rem values from tailwind\nconst CELL_HEIGHT_PADDING: Record<TableRowHeight, Record<TableFontSize, string>> = {\n    short: { small: '8px', medium: '6px', large: '6px' },\n    medium: { small: '12px', medium: '10px', large: '8px' },\n    tall: { small: '16px', medium: '14px', large: '12px' },\n    'extra-tall': { small: '22px', medium: '20px', large: '18px' },\n};\n\nconst CELL_WIDTH_PADDING: Record<TableFontSize, string> = {\n    small: '8px',\n    medium: '12px',\n    large: '16px',\n};\n"],"names":["useTableStyleGrid","useTableStyleColumnFreezing"],"mappings":";;;;AAKO,SAAS,cAA+B,SAAiB,OAA0B;AACtF,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,EAAE,OAAO,cAAc,YAAY,sBAAsBA,kBAAAA;AAAAA,IAC3D;AAAA,IACA;AAAA,IACA,UAAU,SAAS;AAAA,EAAA;AAEvB,QAAM,EAAE,YAAY,yBAAA,IAA6BC,4BAAAA,4BAA4B,SAAS,KAAK;AAG3F,QAAM,gBAAgB,oBAAoB,UAAU,UAAU,MAAM,KAAK,oBAAoB;AAE7F,QAAM,QAAQ;AAAA;AAAA,IAEV,8BAA8B,MAAM,gBAAA,EAAkB;AAAA,IACtD,0BAA0B,mBAAmB,UAAU,SAAS,IAAI,KAAK,mBAAmB;AAAA,IAC5F,0BAA0B,cAAc,UAAU,SAAS,IAAI,KAAK,cAAc;AAAA,IAClF,GAAG;AAAA,EAAA;AAGP,QAAM,aAAa,CAAC,mBAAmB,wBAAwB,EAAE,OAAO,CAAA,MAAK,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI;AAE3F,SAAO,EAAE,OAAO,WAAA;AACpB;AAIA,MAAM,sBAA6E;AAAA,EAC/E,OAAO,EAAE,OAAO,OAAO,QAAQ,OAAO,OAAO,MAAA;AAAA,EAC7C,QAAQ,EAAE,OAAO,QAAQ,QAAQ,QAAQ,OAAO,MAAA;AAAA,EAChD,MAAM,EAAE,OAAO,QAAQ,QAAQ,QAAQ,OAAO,OAAA;AAAA,EAC9C,cAAc,EAAE,OAAO,QAAQ,QAAQ,QAAQ,OAAO,OAAA;AAC1D;AAEA,MAAM,qBAAoD;AAAA,EACtD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX;;"}