@economic/taco 2.11.2 → 2.12.0

package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/header/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Header as RTHeader, Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { Menu as MenuPrimitive } from '../../../../Menu/Menu';\nimport { isInternalColumn } from '../../../util/columns';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Table3ColumnHeaderMenu, TableStrategy } from '../../../types';\nimport { GotoPopover } from './Goto';\nimport { HeaderSortDirection, SORT_DIRECTION, SortToggleHandler } from './Header';\nimport { RadioGroupItemValue } from '../../../../RadioGroup/RadioGroup';\n\nexport function isGotoAvailable<TType = unknown>(table: RTable<TType>, header: RTHeader<TType, unknown>) {\n    if (isInternalColumn(header.id)) {\n        return false;\n    }\n\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    return !!(tableMeta.rowGoto.isEnabled && header.column.getCanSort() && header.column.getIsSorted());\n}\n\nexport function isMenuAvailable<TType = unknown>(table: RTable<TType>, header: RTHeader<TType, unknown>): boolean {\n    if (isInternalColumn(header.id)) {\n        return false;\n    }\n\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    return (\n        !!header.column.columnDef.meta?.menu ||\n        !!tableMeta.columnFreezing.isEnabled ||\n        (!!table.options.enableHiding && !!header.column.getCanHide()) ||\n        isGotoAvailable(table, header)\n    );\n}\n\nexport type MenuProps<TType = unknown> = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    canFreeze: boolean;\n    canHide: boolean;\n    canSort: boolean;\n    index: number;\n    menu?: Table3ColumnHeaderMenu;\n    onGoto?: (query: string) => Promise<number>;\n    onHide: (event: unknown) => void;\n    onSortToggle: SortToggleHandler;\n    scrollToIndex: TableStrategy['scrollToIndex'];\n    sortDirection: HeaderSortDirection;\n    table: RTable<TType>;\n};\n\nexport function Menu<TType = unknown>(props: MenuProps<TType>) {\n    const {\n        canFreeze,\n        canHide,\n        canSort,\n        index,\n        menu,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        sortDirection,\n        table,\n    } = props;\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const { texts } = useLocalization();\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n    const [sortDirectionState, setSortDirectionState] = React.useState<HeaderSortDirection>(sortDirection);\n\n    const handleSortMenuRadioGroupChange = (newSortDirection: RadioGroupItemValue) => {\n        setSortDirectionState(newSortDirection as HeaderSortDirection);\n        handleSortToggle(newSortDirection as HeaderSortDirection);\n    };\n\n    let popoverElement;\n\n    if (popover) {\n        const handleClosePopover = () => setPopover(undefined);\n\n        switch (popover) {\n            case 'goto': {\n                if (handleGoto) {\n                    const goto = async (query: string) => {\n                        try {\n                            const index = await handleGoto(query);\n                            tableMeta.currentRow.setCurrentRowIndex(index);\n                            scrollToIndex(index + 2, { align: 'center' });\n                        } catch {\n                            //\n                        } finally {\n                            handleClosePopover();\n                        }\n                    };\n                    popoverElement = props => <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />;\n                }\n            }\n        }\n    }\n\n    const className = cn(\n        '-my-0.5 -mr-1 -ml-0.5 !h-6 !min-h-[theme(spacing.6)] flex-shrink-0 justify-end !w-0 !min-w-0 !overflow-hidden',\n        'aria-expanded:!min-w-[theme(spacing.6)] aria-expanded:!w-6 aria-expanded:!overflow-auto',\n        'focus:!min-w-[theme(spacing.6)] focus:!w-6 focus:!overflow-auto',\n        'group-hover/column:!min-w-[theme(spacing.6)] group-hover/column:!w-6 group-hover/column:!overflow-auto',\n        {\n            '!w-6 !min-w-[theme(spacing.6)] !overflow-auto': !!popoverElement,\n        },\n        props.className\n    );\n\n    const memoedMenuItems = React.useMemo(() => {\n        const menuItems: JSX.Element[] = [];\n\n        if (canHide) {\n            // we do this in the next tick, otherwise the menu closes and react throws a \"state update on unmounted component\" error\n            const handleClick = event => setTimeout(() => handleHide(event), 1);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"unreconciled\" onClick={handleClick}>\n                    {texts.table3.columns.menu.hideColumn}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        // We rely on canSort value instead of onSort function's value because some columns might have sorting disabled,\n        // so even though onSort is truthy, we don't want to show sorting menu.\n        if (canSort) {\n            menuItems.push(\n                <MenuPrimitive.Item\n                    icon=\"sort-by\"\n                    subMenu={() => (\n                        <MenuPrimitive.SubMenu>\n                            <MenuPrimitive.RadioGroup onChange={handleSortMenuRadioGroupChange} value={sortDirectionState}>\n                                <MenuPrimitive.RadioGroup.Item value={SORT_DIRECTION.ASC}>\n                                    {texts.table3.columns.menu.sortingOrder.ascending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={SORT_DIRECTION.DESC}>\n                                    {texts.table3.columns.menu.sortingOrder.descending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={false}>\n                                    {texts.table3.columns.menu.sortingOrder.unsorted}\n                                </MenuPrimitive.RadioGroup.Item>\n                            </MenuPrimitive.RadioGroup>\n                        </MenuPrimitive.SubMenu>\n                    )}>\n                    {texts.table3.columns.menu.sorting}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (handleGoto) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"move\" onClick={() => setPopover('goto')} shortcut=\"g\">\n                    {texts.table3.columns.menu.gotoRow}...\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canFreeze) {\n            const frozenIndex = index - tableMeta.columnFreezing.frozenInternalColumnCount;\n            const handleClick = () => tableMeta.columnFreezing.setFrozenColumnIndex(frozenIndex);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-freeze\" onClick={handleClick}>\n                    {frozenIndex === 0\n                        ? texts.table3.columns.menu.freezeFirstColumn\n                        : texts.table3.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(frozenIndex + 1))}\n                </MenuPrimitive.Item>\n            );\n\n            if (tableMeta.columnFreezing.frozenColumnIndex !== undefined) {\n                const handleClick = () => {\n                    tableMeta.columnFreezing.setFrozenColumnIndex(undefined);\n                };\n\n                menuItems.push(\n                    <MenuPrimitive.Item icon=\"column-unfreeze\" onClick={handleClick}>\n                        {texts.table3.columns.menu.unfreezeColumns}\n                    </MenuPrimitive.Item>\n                );\n            }\n        }\n\n        if (menu) {\n            const customMenu = menu({ trigger: undefined });\n            const customItems = React.Children.toArray(customMenu.props.children.props.children) as JSX.Element[];\n\n            if (customItems.length) {\n                if (menuItems.length) {\n                    menuItems.push(<MenuPrimitive.Separator />);\n                }\n\n                menuItems.push(...customItems);\n            }\n        }\n\n        return menuItems.map((item, key) => React.cloneElement(item, { key }));\n    }, [\n        menu,\n        index,\n        canFreeze,\n        canHide,\n        canSort,\n        handleGoto,\n        handleSortToggle,\n        sortDirection,\n        tableMeta.columnFreezing.frozenColumnIndex,\n    ]);\n\n    return (\n        <IconButton\n            className={className}\n            icon=\"more\"\n            menu={\n                popoverElement\n                    ? undefined\n                    : menuProps => (\n                          <MenuPrimitive {...menuProps}>\n                              <MenuPrimitive.Content>{memoedMenuItems}</MenuPrimitive.Content>\n                          </MenuPrimitive>\n                      )\n            }\n            popover={popoverElement}\n            onClickCapture={event => event.preventDefault()}\n        />\n    );\n}\n"],"names":["isGotoAvailable","table","header","isInternalColumn","id","tableMeta","options","meta","rowGoto","isEnabled","column","getCanSort","getIsSorted","isMenuAvailable","_header$column$column","columnDef","menu","columnFreezing","enableHiding","getCanHide","Menu","props","canFreeze","canHide","canSort","index","onGoto","handleGoto","onHide","handleHide","onSortToggle","handleSortToggle","scrollToIndex","sortDirection","texts","useLocalization","popover","setPopover","React","useState","undefined","sortDirectionState","setSortDirectionState","handleSortMenuRadioGroupChange","newSortDirection","popoverElement","handleClosePopover","goto","query","Promise","resolve","then","currentRow","setCurrentRowIndex","align","_wasThrown","_result","_temp","e","reject","GotoPopover","open","onChange","className","cn","memoedMenuItems","useMemo","menuItems","handleClick","event","setTimeout","push","MenuPrimitive","Item","icon","onClick","table3","columns","hideColumn","subMenu","SubMenu","RadioGroup","value","SORT_DIRECTION","ASC","sortingOrder","ascending","DESC","descending","unsorted","sorting","shortcut","gotoRow","frozenIndex","frozenInternalColumnCount","setFrozenColumnIndex","freezeFirstColumn","freezeUptoColumn","replace","String","frozenColumnIndex","unfreezeColumns","customMenu","trigger","customItems","Children","toArray","children","length","Separator","map","item","key","cloneElement","IconButton","menuProps","Content","onClickCapture","preventDefault"],"mappings":";;;;;;;;;;SAYgBA,eAAeA,CAAkBC,KAAoB,EAAEC,MAAgC;EACnG,IAAIC,gBAAgB,CAACD,MAAM,CAACE,EAAE,CAAC,EAAE;IAC7B,OAAO,KAAK;;EAGhB,MAAMC,SAAS,GAAGJ,KAAK,CAACK,OAAO,CAACC,IAAwB;EAExD,OAAO,CAAC,EAAEF,SAAS,CAACG,OAAO,CAACC,SAAS,IAAIP,MAAM,CAACQ,MAAM,CAACC,UAAU,EAAE,IAAIT,MAAM,CAACQ,MAAM,CAACE,WAAW,EAAE,CAAC;AACvG;SAEgBC,eAAeA,CAAkBZ,KAAoB,EAAEC,MAAgC;;EACnG,IAAIC,gBAAgB,CAACD,MAAM,CAACE,EAAE,CAAC,EAAE;IAC7B,OAAO,KAAK;;EAGhB,MAAMC,SAAS,GAAGJ,KAAK,CAACK,OAAO,CAACC,IAAwB;EAExD,OACI,CAAC,GAAAO,qBAAA,GAACZ,MAAM,CAACQ,MAAM,CAACK,SAAS,CAACR,IAAI,cAAAO,qBAAA,eAA5BA,qBAAA,CAA8BE,IAAI,KACpC,CAAC,CAACX,SAAS,CAACY,cAAc,CAACR,SAAS,IACnC,CAAC,CAACR,KAAK,CAACK,OAAO,CAACY,YAAY,IAAI,CAAC,CAAChB,MAAM,CAACQ,MAAM,CAACS,UAAU,EAAG,IAC9DnB,eAAe,CAACC,KAAK,EAAEC,MAAM,CAAC;AAEtC;SAgBgBkB,IAAIA,CAAkBC,KAAuB;EACzD,MAAM;IACFC,SAAS;IACTC,OAAO;IACPC,OAAO;IACPC,KAAK;IACLT,IAAI;IACJU,MAAM,EAAEC,UAAU;IAClBC,MAAM,EAAEC,UAAU;IAClBC,YAAY,EAAEC,gBAAgB;IAC9BC,aAAa;IACbC,aAAa;IACbhC;GACH,GAAGoB,KAAK;EACT,MAAMhB,SAAS,GAAGJ,KAAK,CAACK,OAAO,CAACC,IAAwB;EACxD,MAAM;IAAE2B;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAqBC,SAAS,CAAC;EAC3E,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGJ,cAAK,CAACC,QAAQ,CAAsBN,aAAa,CAAC;EAEtG,MAAMU,8BAA8B,GAAIC,gBAAqC;IACzEF,qBAAqB,CAACE,gBAAuC,CAAC;IAC9Db,gBAAgB,CAACa,gBAAuC,CAAC;GAC5D;EAED,IAAIC,cAAc;EAElB,IAAIT,OAAO,EAAE;IACT,MAAMU,kBAAkB,GAAGA,MAAMT,UAAU,CAACG,SAAS,CAAC;IAEtD,QAAQJ,OAAO;MACX,KAAK,MAAM;QAAE;UACT,IAAIT,UAAU,EAAE;YACZ,MAAMoB,IAAI,aAAUC,KAAa;cAAA;;4CACzB;oBAAA,OAAAC,OAAA,CAAAC,OAAA,CACoBvB,UAAU,CAACqB,KAAK,CAAC,EAAAG,IAAA,WAA/B1B,KAAK;sBACXpB,SAAS,CAAC+C,UAAU,CAACC,kBAAkB,CAAC5B,KAAK,CAAC;sBAC9CO,aAAa,CAACP,KAAK,GAAG,CAAC,EAAE;wBAAE6B,KAAK,EAAE;uBAAU,CAAC;;mBAChD;6BAAAC,UAAA,EAAAC,OAAA;kBAGGV,kBAAkB,EAAE;kBAAC,IAAAS,UAAA,QAAAC,OAAA;kBAAA,OAAAA,OAAA;;gBAAA,OAAAP,OAAA,CAAAC,OAAA,CAAAO,KAAA,IAAAA,KAAA,CAAAN,IAAA,GAAAM,KAAA,CAAAN,IAAA;eAE5B,QAAAO,CAAA;gBAAA,OAAAT,OAAA,CAAAU,MAAA,CAAAD,CAAA;;;YACDb,cAAc,GAAGxB,KAAK,iBAAIiB,6BAACsB,WAAW,oBAAKvC,KAAK;cAAEwC,IAAI;cAACC,QAAQ,EAAEhB,kBAAkB;cAAEpB,MAAM,EAAEqB;eAAQ;;;;;EAMrH,MAAMgB,SAAS,GAAGC,EAAE,CAChB,+GAA+G,EAC/G,yFAAyF,EACzF,iEAAiE,EACjE,wGAAwG,EACxG;IACI,+CAA+C,EAAE,CAAC,CAACnB;GACtD,EACDxB,KAAK,CAAC0C,SAAS,CAClB;EAED,MAAME,eAAe,GAAG3B,cAAK,CAAC4B,OAAO,CAAC;IAClC,MAAMC,SAAS,GAAkB,EAAE;IAEnC,IAAI5C,OAAO,EAAE;;MAET,MAAM6C,WAAW,GAAGC,KAAK,IAAIC,UAAU,CAAC,MAAMzC,UAAU,CAACwC,KAAK,CAAC,EAAE,CAAC,CAAC;MAEnEF,SAAS,CAACI,IAAI,eACVjC,6BAACkC,MAAa,CAACC,IAAI;QAACC,IAAI,EAAC,cAAc;QAACC,OAAO,EAAEP;SAC5ClC,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAAC8D,UAAU,CACpB,CACxB;;;;IAKL,IAAItD,OAAO,EAAE;MACT2C,SAAS,CAACI,IAAI,eACVjC,6BAACkC,MAAa,CAACC,IAAI;QACfC,IAAI,EAAC,SAAS;QACdK,OAAO,EAAEA,mBACLzC,6BAACkC,MAAa,CAACQ,OAAO,qBAClB1C,6BAACkC,MAAa,CAACS,UAAU;UAACnB,QAAQ,EAAEnB,8BAA8B;UAAEuC,KAAK,EAAEzC;wBACvEH,6BAACkC,MAAa,CAACS,UAAU,CAACR,IAAI;UAACS,KAAK,EAAEC,cAAc,CAACC;WAChDlD,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAACqE,YAAY,CAACC,SAAS,CACrB,eAChChD,6BAACkC,MAAa,CAACS,UAAU,CAACR,IAAI;UAACS,KAAK,EAAEC,cAAc,CAACI;WAChDrD,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAACqE,YAAY,CAACG,UAAU,CACtB,eAChClD,6BAACkC,MAAa,CAACS,UAAU,CAACR,IAAI;UAACS,KAAK,EAAE;WACjChD,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAACqE,YAAY,CAACI,QAAQ,CACpB,CACT;SAGlCvD,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAAC0E,OAAO,CACjB,CACxB;;IAGL,IAAI/D,UAAU,EAAE;MACZwC,SAAS,CAACI,IAAI,eACVjC,6BAACkC,MAAa,CAACC,IAAI;QAACC,IAAI,EAAC,MAAM;QAACC,OAAO,EAAEA,MAAMtC,UAAU,CAAC,MAAM,CAAC;QAAEsD,QAAQ,EAAC;SACvEzD,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAAC4E,OAAO,QACjB,CACxB;;IAGL,IAAItE,SAAS,EAAE;MACX,MAAMuE,WAAW,GAAGpE,KAAK,GAAGpB,SAAS,CAACY,cAAc,CAAC6E,yBAAyB;MAC9E,MAAM1B,WAAW,GAAGA,MAAM/D,SAAS,CAACY,cAAc,CAAC8E,oBAAoB,CAACF,WAAW,CAAC;MAEpF1B,SAAS,CAACI,IAAI,eACVjC,6BAACkC,MAAa,CAACC,IAAI;QAACC,IAAI,EAAC,eAAe;QAACC,OAAO,EAAEP;SAC7CyB,WAAW,KAAK,CAAC,GACZ3D,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAACgF,iBAAiB,GAC3C9D,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAACiF,gBAAgB,CAACC,OAAO,CAAC,SAAS,EAAEC,MAAM,CAACN,WAAW,GAAG,CAAC,CAAC,CAAC,CAC3E,CACxB;MAED,IAAIxF,SAAS,CAACY,cAAc,CAACmF,iBAAiB,KAAK5D,SAAS,EAAE;QAC1D,MAAM4B,WAAW,GAAGA;UAChB/D,SAAS,CAACY,cAAc,CAAC8E,oBAAoB,CAACvD,SAAS,CAAC;SAC3D;QAED2B,SAAS,CAACI,IAAI,eACVjC,6BAACkC,MAAa,CAACC,IAAI;UAACC,IAAI,EAAC,iBAAiB;UAACC,OAAO,EAAEP;WAC/ClC,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAACqF,eAAe,CACzB,CACxB;;;IAIT,IAAIrF,IAAI,EAAE;MACN,MAAMsF,UAAU,GAAGtF,IAAI,CAAC;QAAEuF,OAAO,EAAE/D;OAAW,CAAC;MAC/C,MAAMgE,WAAW,GAAGlE,cAAK,CAACmE,QAAQ,CAACC,OAAO,CAACJ,UAAU,CAACjF,KAAK,CAACsF,QAAQ,CAACtF,KAAK,CAACsF,QAAQ,CAAkB;MAErG,IAAIH,WAAW,CAACI,MAAM,EAAE;QACpB,IAAIzC,SAAS,CAACyC,MAAM,EAAE;UAClBzC,SAAS,CAACI,IAAI,eAACjC,6BAACkC,MAAa,CAACqC,SAAS,OAAG,CAAC;;QAG/C1C,SAAS,CAACI,IAAI,CAAC,GAAGiC,WAAW,CAAC;;;IAItC,OAAOrC,SAAS,CAAC2C,GAAG,CAAC,CAACC,IAAI,EAAEC,GAAG,kBAAK1E,cAAK,CAAC2E,YAAY,CAACF,IAAI,EAAE;MAAEC;KAAK,CAAC,CAAC;GACzE,EAAE,CACChG,IAAI,EACJS,KAAK,EACLH,SAAS,EACTC,OAAO,EACPC,OAAO,EACPG,UAAU,EACVI,gBAAgB,EAChBE,aAAa,EACb5B,SAAS,CAACY,cAAc,CAACmF,iBAAiB,CAC7C,CAAC;EAEF,oBACI9D,6BAAC4E,UAAU;IACPnD,SAAS,EAAEA,SAAS;IACpBW,IAAI,EAAC,MAAM;IACX1D,IAAI,EACA6B,cAAc,GACRL,SAAS,GACT2E,SAAS,iBACL7E,6BAACkC,MAAa,oBAAK2C,SAAS,gBACxB7E,6BAACkC,MAAa,CAAC4C,OAAO,QAAEnD,eAAe,CAAyB,CAEvE;IAEX7B,OAAO,EAAES,cAAc;IACvBwE,cAAc,EAAEhD,KAAK,IAAIA,KAAK,CAACiD,cAAc;IAC/C;AAEV;;;;"}
+{"version":3,"file":"Menu.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/header/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Header as RTHeader, Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { Menu as MenuPrimitive } from '../../../../Menu/Menu';\nimport { isInternalColumn } from '../../../util/columns';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Table3ColumnHeaderMenu, TableStrategy } from '../../../types';\nimport { GotoPopover } from './Goto';\nimport { HeaderSortDirection, SORT_DIRECTION, SortToggleHandler } from './Header';\nimport { RadioGroupItemValue } from '../../../../RadioGroup/RadioGroup';\n\nexport function isGotoAvailable<TType = unknown>(table: RTable<TType>, header: RTHeader<TType, unknown>) {\n    if (isInternalColumn(header.id)) {\n        return false;\n    }\n\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    return !!(tableMeta.rowGoto.isEnabled && header.column.getCanSort() && header.column.getIsSorted());\n}\n\nexport function isMenuAvailable<TType = unknown>(table: RTable<TType>, header: RTHeader<TType, unknown>): boolean {\n    if (isInternalColumn(header.id)) {\n        return false;\n    }\n\n    const tableMeta = table.options.meta as TableMeta<TType>;\n\n    return (\n        !!header.column.columnDef.meta?.menu ||\n        !!tableMeta.columnFreezing.isEnabled ||\n        (!!table.options.enableHiding && !!header.column.getCanHide()) ||\n        isGotoAvailable(table, header)\n    );\n}\n\nexport type MenuProps<TType = unknown> = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    canFreeze: boolean;\n    canHide: boolean;\n    canSort: boolean;\n    index: number;\n    menu?: Table3ColumnHeaderMenu;\n    onGoto?: (query: string) => Promise<number>;\n    onHide: (event: unknown) => void;\n    onSortToggle: SortToggleHandler;\n    scrollToIndex: TableStrategy['scrollToIndex'];\n    sortDirection: HeaderSortDirection;\n    table: RTable<TType>;\n};\n\nexport function Menu<TType = unknown>(props: MenuProps<TType>) {\n    const {\n        canFreeze,\n        canHide,\n        canSort,\n        index,\n        menu,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        sortDirection,\n        table,\n    } = props;\n    const tableMeta = table.options.meta as TableMeta<TType>;\n    const { texts } = useLocalization();\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n    const [sortDirectionState, setSortDirectionState] = React.useState<HeaderSortDirection>(sortDirection);\n\n    const handleSortMenuRadioGroupChange = (newSortDirection: RadioGroupItemValue) => {\n        setSortDirectionState(newSortDirection as HeaderSortDirection);\n        handleSortToggle(newSortDirection as HeaderSortDirection);\n    };\n\n    let popoverElement;\n\n    if (popover) {\n        const handleClosePopover = () => setPopover(undefined);\n\n        switch (popover) {\n            case 'goto': {\n                if (handleGoto) {\n                    const goto = async (query: string) => {\n                        try {\n                            const index = await handleGoto(query);\n                            tableMeta.currentRow.setCurrentRowIndex(index);\n                            scrollToIndex(index + 2, { align: 'center' });\n                        } catch {\n                            //\n                        } finally {\n                            handleClosePopover();\n                        }\n                    };\n                    popoverElement = props => <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />;\n                }\n            }\n        }\n    }\n\n    const className = cn(\n        '-my-0.5 -mr-1 -ml-0.5 !h-6 !min-h-[theme(spacing.6)] flex-shrink-0 justify-end !w-0 !min-w-0 !overflow-hidden',\n        'aria-expanded:!min-w-[theme(spacing.6)] aria-expanded:!w-6 aria-expanded:!overflow-auto',\n        'focus:!min-w-[theme(spacing.6)] focus:!w-6 focus:!overflow-auto',\n        'group-hover/column:!min-w-[theme(spacing.6)] group-hover/column:!w-6 group-hover/column:!overflow-auto',\n        {\n            '!w-6 !min-w-[theme(spacing.6)] !overflow-auto': !!popoverElement,\n        },\n        props.className\n    );\n\n    const memoedMenuItems = React.useMemo(() => {\n        const menuItems: JSX.Element[] = [];\n\n        if (canHide) {\n            // we do this in the next tick, otherwise the menu closes and react throws a \"state update on unmounted component\" error\n            const handleClick = event => setTimeout(() => handleHide(event), 1);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"eye-off\" onClick={handleClick}>\n                    {texts.table3.columns.menu.hideColumn}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        // We rely on canSort value instead of onSort function's value because some columns might have sorting disabled,\n        // so even though onSort is truthy, we don't want to show sorting menu.\n        if (canSort) {\n            menuItems.push(\n                <MenuPrimitive.Item\n                    icon=\"sort-by\"\n                    subMenu={() => (\n                        <MenuPrimitive.SubMenu>\n                            <MenuPrimitive.RadioGroup onChange={handleSortMenuRadioGroupChange} value={sortDirectionState}>\n                                <MenuPrimitive.RadioGroup.Item value={SORT_DIRECTION.ASC}>\n                                    {texts.table3.columns.menu.sortingOrder.ascending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={SORT_DIRECTION.DESC}>\n                                    {texts.table3.columns.menu.sortingOrder.descending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={false}>\n                                    {texts.table3.columns.menu.sortingOrder.unsorted}\n                                </MenuPrimitive.RadioGroup.Item>\n                            </MenuPrimitive.RadioGroup>\n                        </MenuPrimitive.SubMenu>\n                    )}>\n                    {texts.table3.columns.menu.sorting}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (handleGoto) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"move\" onClick={() => setPopover('goto')} shortcut=\"g\">\n                    {texts.table3.columns.menu.gotoRow}...\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canFreeze) {\n            const frozenIndex = index - tableMeta.columnFreezing.frozenInternalColumnCount;\n            const handleClick = () => tableMeta.columnFreezing.setFrozenColumnIndex(frozenIndex);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-freeze\" onClick={handleClick}>\n                    {frozenIndex === 0\n                        ? texts.table3.columns.menu.freezeFirstColumn\n                        : texts.table3.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(frozenIndex + 1))}\n                </MenuPrimitive.Item>\n            );\n\n            if (tableMeta.columnFreezing.frozenColumnIndex !== undefined) {\n                const handleClick = () => {\n                    tableMeta.columnFreezing.setFrozenColumnIndex(undefined);\n                };\n\n                menuItems.push(\n                    <MenuPrimitive.Item icon=\"column-unfreeze\" onClick={handleClick}>\n                        {texts.table3.columns.menu.unfreezeColumns}\n                    </MenuPrimitive.Item>\n                );\n            }\n        }\n\n        if (menu) {\n            const customMenu = menu({ trigger: undefined });\n            const customItems = React.Children.toArray(customMenu.props.children.props.children) as JSX.Element[];\n\n            if (customItems.length) {\n                if (menuItems.length) {\n                    menuItems.push(<MenuPrimitive.Separator />);\n                }\n\n                menuItems.push(...customItems);\n            }\n        }\n\n        return menuItems.map((item, key) => React.cloneElement(item, { key }));\n    }, [\n        menu,\n        index,\n        canFreeze,\n        canHide,\n        canSort,\n        handleGoto,\n        handleSortToggle,\n        sortDirection,\n        tableMeta.columnFreezing.frozenColumnIndex,\n    ]);\n\n    return (\n        <IconButton\n            className={className}\n            icon=\"more\"\n            menu={\n                popoverElement\n                    ? undefined\n                    : menuProps => (\n                          <MenuPrimitive {...menuProps}>\n                              <MenuPrimitive.Content>{memoedMenuItems}</MenuPrimitive.Content>\n                          </MenuPrimitive>\n                      )\n            }\n            popover={popoverElement}\n            onClickCapture={event => event.preventDefault()}\n        />\n    );\n}\n"],"names":["isGotoAvailable","table","header","isInternalColumn","id","tableMeta","options","meta","rowGoto","isEnabled","column","getCanSort","getIsSorted","isMenuAvailable","_header$column$column","columnDef","menu","columnFreezing","enableHiding","getCanHide","Menu","props","canFreeze","canHide","canSort","index","onGoto","handleGoto","onHide","handleHide","onSortToggle","handleSortToggle","scrollToIndex","sortDirection","texts","useLocalization","popover","setPopover","React","useState","undefined","sortDirectionState","setSortDirectionState","handleSortMenuRadioGroupChange","newSortDirection","popoverElement","handleClosePopover","goto","query","Promise","resolve","then","currentRow","setCurrentRowIndex","align","_wasThrown","_result","_temp","e","reject","GotoPopover","open","onChange","className","cn","memoedMenuItems","useMemo","menuItems","handleClick","event","setTimeout","push","MenuPrimitive","Item","icon","onClick","table3","columns","hideColumn","subMenu","SubMenu","RadioGroup","value","SORT_DIRECTION","ASC","sortingOrder","ascending","DESC","descending","unsorted","sorting","shortcut","gotoRow","frozenIndex","frozenInternalColumnCount","setFrozenColumnIndex","freezeFirstColumn","freezeUptoColumn","replace","String","frozenColumnIndex","unfreezeColumns","customMenu","trigger","customItems","Children","toArray","children","length","Separator","map","item","key","cloneElement","IconButton","menuProps","Content","onClickCapture","preventDefault"],"mappings":";;;;;;;;;;SAYgBA,eAAeA,CAAkBC,KAAoB,EAAEC,MAAgC;EACnG,IAAIC,gBAAgB,CAACD,MAAM,CAACE,EAAE,CAAC,EAAE;IAC7B,OAAO,KAAK;;EAGhB,MAAMC,SAAS,GAAGJ,KAAK,CAACK,OAAO,CAACC,IAAwB;EAExD,OAAO,CAAC,EAAEF,SAAS,CAACG,OAAO,CAACC,SAAS,IAAIP,MAAM,CAACQ,MAAM,CAACC,UAAU,EAAE,IAAIT,MAAM,CAACQ,MAAM,CAACE,WAAW,EAAE,CAAC;AACvG;SAEgBC,eAAeA,CAAkBZ,KAAoB,EAAEC,MAAgC;;EACnG,IAAIC,gBAAgB,CAACD,MAAM,CAACE,EAAE,CAAC,EAAE;IAC7B,OAAO,KAAK;;EAGhB,MAAMC,SAAS,GAAGJ,KAAK,CAACK,OAAO,CAACC,IAAwB;EAExD,OACI,CAAC,GAAAO,qBAAA,GAACZ,MAAM,CAACQ,MAAM,CAACK,SAAS,CAACR,IAAI,cAAAO,qBAAA,eAA5BA,qBAAA,CAA8BE,IAAI,KACpC,CAAC,CAACX,SAAS,CAACY,cAAc,CAACR,SAAS,IACnC,CAAC,CAACR,KAAK,CAACK,OAAO,CAACY,YAAY,IAAI,CAAC,CAAChB,MAAM,CAACQ,MAAM,CAACS,UAAU,EAAG,IAC9DnB,eAAe,CAACC,KAAK,EAAEC,MAAM,CAAC;AAEtC;SAgBgBkB,IAAIA,CAAkBC,KAAuB;EACzD,MAAM;IACFC,SAAS;IACTC,OAAO;IACPC,OAAO;IACPC,KAAK;IACLT,IAAI;IACJU,MAAM,EAAEC,UAAU;IAClBC,MAAM,EAAEC,UAAU;IAClBC,YAAY,EAAEC,gBAAgB;IAC9BC,aAAa;IACbC,aAAa;IACbhC;GACH,GAAGoB,KAAK;EACT,MAAMhB,SAAS,GAAGJ,KAAK,CAACK,OAAO,CAACC,IAAwB;EACxD,MAAM;IAAE2B;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAqBC,SAAS,CAAC;EAC3E,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGJ,cAAK,CAACC,QAAQ,CAAsBN,aAAa,CAAC;EAEtG,MAAMU,8BAA8B,GAAIC,gBAAqC;IACzEF,qBAAqB,CAACE,gBAAuC,CAAC;IAC9Db,gBAAgB,CAACa,gBAAuC,CAAC;GAC5D;EAED,IAAIC,cAAc;EAElB,IAAIT,OAAO,EAAE;IACT,MAAMU,kBAAkB,GAAGA,MAAMT,UAAU,CAACG,SAAS,CAAC;IAEtD,QAAQJ,OAAO;MACX,KAAK,MAAM;QAAE;UACT,IAAIT,UAAU,EAAE;YACZ,MAAMoB,IAAI,aAAUC,KAAa;cAAA;;4CACzB;oBAAA,OAAAC,OAAA,CAAAC,OAAA,CACoBvB,UAAU,CAACqB,KAAK,CAAC,EAAAG,IAAA,WAA/B1B,KAAK;sBACXpB,SAAS,CAAC+C,UAAU,CAACC,kBAAkB,CAAC5B,KAAK,CAAC;sBAC9CO,aAAa,CAACP,KAAK,GAAG,CAAC,EAAE;wBAAE6B,KAAK,EAAE;uBAAU,CAAC;;mBAChD;6BAAAC,UAAA,EAAAC,OAAA;kBAGGV,kBAAkB,EAAE;kBAAC,IAAAS,UAAA,QAAAC,OAAA;kBAAA,OAAAA,OAAA;;gBAAA,OAAAP,OAAA,CAAAC,OAAA,CAAAO,KAAA,IAAAA,KAAA,CAAAN,IAAA,GAAAM,KAAA,CAAAN,IAAA;eAE5B,QAAAO,CAAA;gBAAA,OAAAT,OAAA,CAAAU,MAAA,CAAAD,CAAA;;;YACDb,cAAc,GAAGxB,KAAK,iBAAIiB,6BAACsB,WAAW,oBAAKvC,KAAK;cAAEwC,IAAI;cAACC,QAAQ,EAAEhB,kBAAkB;cAAEpB,MAAM,EAAEqB;eAAQ;;;;;EAMrH,MAAMgB,SAAS,GAAGC,EAAE,CAChB,+GAA+G,EAC/G,yFAAyF,EACzF,iEAAiE,EACjE,wGAAwG,EACxG;IACI,+CAA+C,EAAE,CAAC,CAACnB;GACtD,EACDxB,KAAK,CAAC0C,SAAS,CAClB;EAED,MAAME,eAAe,GAAG3B,cAAK,CAAC4B,OAAO,CAAC;IAClC,MAAMC,SAAS,GAAkB,EAAE;IAEnC,IAAI5C,OAAO,EAAE;;MAET,MAAM6C,WAAW,GAAGC,KAAK,IAAIC,UAAU,CAAC,MAAMzC,UAAU,CAACwC,KAAK,CAAC,EAAE,CAAC,CAAC;MAEnEF,SAAS,CAACI,IAAI,eACVjC,6BAACkC,MAAa,CAACC,IAAI;QAACC,IAAI,EAAC,SAAS;QAACC,OAAO,EAAEP;SACvClC,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAAC8D,UAAU,CACpB,CACxB;;;;IAKL,IAAItD,OAAO,EAAE;MACT2C,SAAS,CAACI,IAAI,eACVjC,6BAACkC,MAAa,CAACC,IAAI;QACfC,IAAI,EAAC,SAAS;QACdK,OAAO,EAAEA,mBACLzC,6BAACkC,MAAa,CAACQ,OAAO,qBAClB1C,6BAACkC,MAAa,CAACS,UAAU;UAACnB,QAAQ,EAAEnB,8BAA8B;UAAEuC,KAAK,EAAEzC;wBACvEH,6BAACkC,MAAa,CAACS,UAAU,CAACR,IAAI;UAACS,KAAK,EAAEC,cAAc,CAACC;WAChDlD,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAACqE,YAAY,CAACC,SAAS,CACrB,eAChChD,6BAACkC,MAAa,CAACS,UAAU,CAACR,IAAI;UAACS,KAAK,EAAEC,cAAc,CAACI;WAChDrD,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAACqE,YAAY,CAACG,UAAU,CACtB,eAChClD,6BAACkC,MAAa,CAACS,UAAU,CAACR,IAAI;UAACS,KAAK,EAAE;WACjChD,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAACqE,YAAY,CAACI,QAAQ,CACpB,CACT;SAGlCvD,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAAC0E,OAAO,CACjB,CACxB;;IAGL,IAAI/D,UAAU,EAAE;MACZwC,SAAS,CAACI,IAAI,eACVjC,6BAACkC,MAAa,CAACC,IAAI;QAACC,IAAI,EAAC,MAAM;QAACC,OAAO,EAAEA,MAAMtC,UAAU,CAAC,MAAM,CAAC;QAAEsD,QAAQ,EAAC;SACvEzD,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAAC4E,OAAO,QACjB,CACxB;;IAGL,IAAItE,SAAS,EAAE;MACX,MAAMuE,WAAW,GAAGpE,KAAK,GAAGpB,SAAS,CAACY,cAAc,CAAC6E,yBAAyB;MAC9E,MAAM1B,WAAW,GAAGA,MAAM/D,SAAS,CAACY,cAAc,CAAC8E,oBAAoB,CAACF,WAAW,CAAC;MAEpF1B,SAAS,CAACI,IAAI,eACVjC,6BAACkC,MAAa,CAACC,IAAI;QAACC,IAAI,EAAC,eAAe;QAACC,OAAO,EAAEP;SAC7CyB,WAAW,KAAK,CAAC,GACZ3D,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAACgF,iBAAiB,GAC3C9D,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAACiF,gBAAgB,CAACC,OAAO,CAAC,SAAS,EAAEC,MAAM,CAACN,WAAW,GAAG,CAAC,CAAC,CAAC,CAC3E,CACxB;MAED,IAAIxF,SAAS,CAACY,cAAc,CAACmF,iBAAiB,KAAK5D,SAAS,EAAE;QAC1D,MAAM4B,WAAW,GAAGA;UAChB/D,SAAS,CAACY,cAAc,CAAC8E,oBAAoB,CAACvD,SAAS,CAAC;SAC3D;QAED2B,SAAS,CAACI,IAAI,eACVjC,6BAACkC,MAAa,CAACC,IAAI;UAACC,IAAI,EAAC,iBAAiB;UAACC,OAAO,EAAEP;WAC/ClC,KAAK,CAAC0C,MAAM,CAACC,OAAO,CAAC7D,IAAI,CAACqF,eAAe,CACzB,CACxB;;;IAIT,IAAIrF,IAAI,EAAE;MACN,MAAMsF,UAAU,GAAGtF,IAAI,CAAC;QAAEuF,OAAO,EAAE/D;OAAW,CAAC;MAC/C,MAAMgE,WAAW,GAAGlE,cAAK,CAACmE,QAAQ,CAACC,OAAO,CAACJ,UAAU,CAACjF,KAAK,CAACsF,QAAQ,CAACtF,KAAK,CAACsF,QAAQ,CAAkB;MAErG,IAAIH,WAAW,CAACI,MAAM,EAAE;QACpB,IAAIzC,SAAS,CAACyC,MAAM,EAAE;UAClBzC,SAAS,CAACI,IAAI,eAACjC,6BAACkC,MAAa,CAACqC,SAAS,OAAG,CAAC;;QAG/C1C,SAAS,CAACI,IAAI,CAAC,GAAGiC,WAAW,CAAC;;;IAItC,OAAOrC,SAAS,CAAC2C,GAAG,CAAC,CAACC,IAAI,EAAEC,GAAG,kBAAK1E,cAAK,CAAC2E,YAAY,CAACF,IAAI,EAAE;MAAEC;KAAK,CAAC,CAAC;GACzE,EAAE,CACChG,IAAI,EACJS,KAAK,EACLH,SAAS,EACTC,OAAO,EACPC,OAAO,EACPG,UAAU,EACVI,gBAAgB,EAChBE,aAAa,EACb5B,SAAS,CAACY,cAAc,CAACmF,iBAAiB,CAC7C,CAAC;EAEF,oBACI9D,6BAAC4E,UAAU;IACPnD,SAAS,EAAEA,SAAS;IACpBW,IAAI,EAAC,MAAM;IACX1D,IAAI,EACA6B,cAAc,GACRL,SAAS,GACT2E,SAAS,iBACL7E,6BAACkC,MAAa,oBAAK2C,SAAS,gBACxB7E,6BAACkC,MAAa,CAAC4C,OAAO,QAAEnD,eAAe,CAAyB,CAEvE;IAEX7B,OAAO,EAAES,cAAc;IACvBwE,cAAc,EAAEhD,KAAK,IAAIA,KAAK,CAACiD,cAAc;IAC/C;AAEV;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/EditButton.js

@@ -1,24 +1,16 @@
 import React__default from 'react';
-import cn from 'classnames';
-import { Icon } from '../../../Icon/Icon.js';
+import { Tooltip } from '../../../Tooltip/Tooltip.js';
 import { useLocalization } from '../../../Provider/Localization.js';
-import { Button } from '../../../Button/Button.js';
 import { Shortcut } from '../../../Shortcut/Shortcut.js';
+import { ModeSwitch } from '../../../ModeSwitch/ModeSwitch.js';
 
 function EditButton(props) {
   const {
     texts
   } = useLocalization();
   const tableMeta = props.table.options.meta;
-  const className = cn({
-    '!wcag-blue-100': tableMeta.editing.isEditing
-  });
-  const handleClick = () => tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing);
-  return /*#__PURE__*/React__default.createElement(Button, {
-    "aria-pressed": tableMeta.editing.isEditing,
-    className: className,
-    onClick: handleClick,
-    tooltip: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table3.editing.buttons.edit.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
+  return /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table3.editing.buttons.edit.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
       className: "ml-2",
       keys: {
         key: 'e',
@@ -26,10 +18,11 @@ function EditButton(props) {
         shift: false
       }
     }))
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    "aria-hidden": true,
-    name: "edit"
-  }), texts.table3.editing.buttons.edit.text);
+  }, /*#__PURE__*/React__default.createElement(ModeSwitch, {
+    "aria-pressed": tableMeta.editing.isEditing,
+    checked: tableMeta.editing.isEditing,
+    onChange: tableMeta.editing.toggleEditing
+  }));
 }
 
 export { EditButton };

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/EditButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditButton.js","sources":["../../../../../../../../../src/components/Table3/components/toolbar/EditButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport cn from 'classnames';\nimport { Icon } from '../../../Icon/Icon';\nimport { Button } from '../../../Button/Button';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Shortcut } from '../../../Shortcut/Shortcut';\n\ntype EditButtonProps<TType = unknown> = React.HTMLAttributes<HTMLButtonElement> & {\n    table: RTable<TType>;\n};\n\nexport function EditButton<TType = unknown>(props: EditButtonProps<TType>) {\n    const { texts } = useLocalization();\n    const tableMeta = props.table.options.meta as TableMeta<TType>;\n    const className = cn({\n        '!wcag-blue-100': tableMeta.editing.isEditing,\n    });\n    const handleClick = () => tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing);\n\n    return (\n        <Button\n            aria-pressed={tableMeta.editing.isEditing}\n            className={className}\n            onClick={handleClick}\n            tooltip={\n                <>\n                    {texts.table3.editing.buttons.edit.tooltip}\n                    <Shortcut className=\"ml-2\" keys={{ key: 'e', meta: true, shift: false }} />\n                </>\n            }>\n            <Icon aria-hidden name=\"edit\" />\n            {texts.table3.editing.buttons.edit.text}\n        </Button>\n    );\n}\n"],"names":["EditButton","props","texts","useLocalization","tableMeta","table","options","meta","className","cn","editing","isEditing","handleClick","toggleEditing","React","Button","onClick","tooltip","table3","buttons","edit","Shortcut","keys","key","shift","Icon","name","text"],"mappings":";;;;;;;SAYgBA,UAAUA,CAAkBC,KAA6B;EACrE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,SAAS,GAAGH,KAAK,CAACI,KAAK,CAACC,OAAO,CAACC,IAAwB;EAC9D,MAAMC,SAAS,GAAGC,EAAE,CAAC;IACjB,gBAAgB,EAAEL,SAAS,CAACM,OAAO,CAACC;GACvC,CAAC;EACF,MAAMC,WAAW,GAAGA,MAAMR,SAAS,CAACM,OAAO,CAACG,aAAa,CAAC,CAACT,SAAS,CAACM,OAAO,CAACC,SAAS,CAAC;EAEvF,oBACIG,6BAACC,MAAM;oBACWX,SAAS,CAACM,OAAO,CAACC,SAAS;IACzCH,SAAS,EAAEA,SAAS;IACpBQ,OAAO,EAAEJ,WAAW;IACpBK,OAAO,eACHH,4DACKZ,KAAK,CAACgB,MAAM,CAACR,OAAO,CAACS,OAAO,CAACC,IAAI,CAACH,OAAO,eAC1CH,6BAACO,QAAQ;MAACb,SAAS,EAAC,MAAM;MAACc,IAAI,EAAE;QAAEC,GAAG,EAAE,GAAG;QAAEhB,IAAI,EAAE,IAAI;QAAEiB,KAAK,EAAE;;MAAW;kBAGnFV,6BAACW,IAAI;;IAAaC,IAAI,EAAC;IAAS,EAC/BxB,KAAK,CAACgB,MAAM,CAACR,OAAO,CAACS,OAAO,CAACC,IAAI,CAACO,IAAI,CAClC;AAEjB;;;;"}
+{"version":3,"file":"EditButton.js","sources":["../../../../../../../../../src/components/Table3/components/toolbar/EditButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nimport { ModeSwitch } from '../../../ModeSwitch/ModeSwitch';\nimport { Shortcut } from '../../../Shortcut/Shortcut';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\n\ntype EditButtonProps<TType = unknown> = React.HTMLAttributes<HTMLButtonElement> & {\n    table: RTable<TType>;\n};\n\nexport function EditButton<TType = unknown>(props: EditButtonProps<TType>) {\n    const { texts } = useLocalization();\n    const tableMeta = props.table.options.meta as TableMeta<TType>;\n\n    return (\n        <Tooltip\n            title={\n                <>\n                    {texts.table3.editing.buttons.edit.tooltip}\n                    <Shortcut className=\"ml-2\" keys={{ key: 'e', meta: true, shift: false }} />\n                </>\n            }>\n            <ModeSwitch\n                aria-pressed={tableMeta.editing.isEditing}\n                checked={tableMeta.editing.isEditing}\n                onChange={tableMeta.editing.toggleEditing}\n            />\n        </Tooltip>\n    );\n}\n"],"names":["EditButton","props","texts","useLocalization","tableMeta","table","options","meta","React","Tooltip","title","table3","editing","buttons","edit","tooltip","Shortcut","className","keys","key","shift","ModeSwitch","isEditing","checked","onChange","toggleEditing"],"mappings":";;;;;;SAYgBA,UAAUA,CAAkBC,KAA6B;EACrE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,SAAS,GAAGH,KAAK,CAACI,KAAK,CAACC,OAAO,CAACC,IAAwB;EAE9D,oBACIC,6BAACC,OAAO;IACJC,KAAK,eACDF,4DACKN,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC,OAAO,CAACC,IAAI,CAACC,OAAO,eAC1CP,6BAACQ,QAAQ;MAACC,SAAS,EAAC,MAAM;MAACC,IAAI,EAAE;QAAEC,GAAG,EAAE,GAAG;QAAEZ,IAAI,EAAE,IAAI;QAAEa,KAAK,EAAE;;MAAW;kBAGnFZ,6BAACa,UAAU;oBACOjB,SAAS,CAACQ,OAAO,CAACU,SAAS;IACzCC,OAAO,EAAEnB,SAAS,CAACQ,OAAO,CAACU,SAAS;IACpCE,QAAQ,EAAEpB,SAAS,CAACQ,OAAO,CAACa;IAC9B,CACI;AAElB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/PrintButton/PrintIFrame.js

@@ -39,6 +39,7 @@ import '../../../../Listbox/Listbox.js';
 import '../../../../Shortcut/Shortcut.js';
 import '../../../../RadioGroup/RadioGroup.js';
 import '../../../../Menu/Menu.js';
+import '../../../../ModeSwitch/ModeSwitch.js';
 import '../../../../Treeview/Treeview.js';
 import '../../../../../utils/hooks/useDropTarget.js';
 import '../../../../Navigation/Navigation.js';

package/dist/esm/packages/taco/src/components/Table3/components/toolbar/PrintButton/PrintIFrame.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrintIFrame.js","sources":["../../../../../../../../../../src/components/Table3/components/toolbar/PrintButton/PrintIFrame.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Table3 } from '../../../../..';\nimport { Table3Props } from '../../../types';\nimport { useParentStylesheets } from './hooks/useParentStylesheets';\n\nexport type PrintIFrameProps<TType = unknown> = {\n    onAfterPrint?: () => void;\n    onBeforePrint?: () => void;\n    tableProps: Table3Props<TType>;\n};\n\nexport function PrintIFrame<TType = unknown>({ onAfterPrint, onBeforePrint, tableProps }: PrintIFrameProps<TType>) {\n    const [contentRef, setContentRef] = React.useState<HTMLIFrameElement | null>(null);\n    const [mountNode, setMountNode] = React.useState<HTMLElement | null>(null);\n\n    const isFirefoxBrowser = React.useMemo(() => navigator.userAgent.toLowerCase().includes('firefox'), []);\n    const isSafariBrowser = React.useMemo(\n        () => navigator.userAgent.toLowerCase().includes('safari') && !navigator.userAgent.toLowerCase().includes('chrome'),\n        []\n    );\n\n    const iframeWindow = contentRef?.contentWindow;\n\n    const stylesReady = useParentStylesheets(iframeWindow);\n\n    // Calls print method when table has loaded in the iframe.\n    React.useEffect(() => {\n        let intervalId: NodeJS.Timer;\n        let timeoutId: NodeJS.Timer;\n\n        // Invoke the print functionality on the window once the table has finished rendering and all print styles are\n        // added.\n        if (mountNode && stylesReady) {\n            intervalId = setInterval(async () => {\n                const tableWrapper = mountNode;\n                const table = tableWrapper.querySelector('[role=\"table\"]') as HTMLElement;\n                const hasTableRendered = !!table;\n\n                if (hasTableRendered && intervalId) {\n                    clearInterval(intervalId);\n\n                    // Calling the onBeforePrint method here as a fallback because certain browsers, like Safari,\n                    // do not call the beforeprint event.\n                    // Bug - Even though onBeforePrint is called before printing, the execution doesn't finish before\n                    // the print dialog shows up, which results into having a visible loading toast.\n                    onBeforePrint?.();\n\n                    // By adding height to the tableWrapper, we make sure the content below absolutely positioned table\n                    // doesn't hide\n                    if (isFirefoxBrowser) {\n                        const tableHeight = `${table.offsetHeight}px`;\n                        tableWrapper.style.height = tableHeight;\n                    }\n\n                    contentRef?.contentWindow?.print();\n\n                    // Calling the onAfterPrint method here as a fallback to do the cleanup, as certain browsers,\n                    // like Safari, do not trigger the beforeprint or afterprint events when a confirmation dialog\n                    // asking if the user wants to print the document, is cancelled.\n\n                    // Added a setTimeout to prevent calling onAfterPrint immediately after the print function\n                    // to ensure that the print dialog doesn't close abruptly. Although this behavior is uncommon,\n                    // there are cases where the print function may not run synchronously, causing onAfterPrint to be\n                    // invoked right after it.\n                    timeoutId = setTimeout(() => {\n                        onAfterPrint?.();\n                    }, 0);\n                }\n            }, 1000);\n        }\n\n        return () => {\n            clearInterval(intervalId);\n            clearTimeout(timeoutId);\n        };\n    }, [mountNode, stylesReady]);\n\n    React.useEffect(() => {\n        if (!contentRef || !iframeWindow || !stylesReady) {\n            return;\n        }\n\n        // get the closest parent/container of the table, and the table itself\n        const parentElement = contentRef?.closest('[role=dialog], [data-taco=drawer], main') ?? iframeWindow.parent.document.body;\n\n        const iframeDocument = iframeWindow.document;\n        iframeDocument.body.innerHTML = parentElement?.innerHTML ?? '';\n\n        const tableElement = iframeDocument.querySelector('[role=\"table\"]');\n        const tableColumnFreezingStyles = iframeDocument.querySelector('[data-taco=\"table3-column-freezing-styles\"]');\n        const tableWrapper = iframeDocument.createElement('div');\n\n        tableWrapper.setAttribute('data-role', 'table-wrapper');\n        // Adding h-fit class makes sure that table is rendered with the whole content.\n        tableWrapper.classList.add('h-fit');\n        tableWrapper.classList.add('[&>[role=\"table\"]]:!h-fit');\n\n        if (isFirefoxBrowser) {\n            // Fix for firefox bug which adds page-long whitespace between page's top content and table.\n            tableWrapper.classList.add('[&>[role=\"table\"]]:!absolute');\n        }\n\n        // Makes sure table takes the full screen width.\n        if (isSafariBrowser) {\n            // Safari browser doesn't apply correct width to the columns when w-screen is used.\n            tableWrapper.classList.add('w-full');\n        } else {\n            tableWrapper.classList.add('w-screen');\n        }\n\n        if (tableElement) {\n            tableElement.parentNode?.insertBefore(tableWrapper, tableElement);\n            tableElement.remove();\n        } else {\n            iframeDocument.body.append(tableWrapper);\n        }\n\n        // Remove the already existing column freezing styles.\n        if (tableColumnFreezingStyles) {\n            tableColumnFreezingStyles.remove();\n        }\n\n        let currentNode = tableWrapper.parentNode as HTMLElement | null;\n\n        while (currentNode !== null && currentNode !== iframeDocument.body) {\n            // Add the 'h-fit' class to the 'table-wrapper' element's parent chain.\n            // This ensures that the table is not cropped and fits within its container.\n            currentNode?.classList.add('!h-fit');\n            currentNode = currentNode.parentNode as HTMLElement | null;\n        }\n\n        setMountNode(tableWrapper);\n    }, [iframeWindow, stylesReady]);\n\n    const printTableProps: Table3Props<TType> = {\n        ...tableProps,\n        actionsForRow: undefined,\n        // Not the best way to remove the active/current row styles, but a temporary solution for now\n        defaultCurrentRowIndex: -1,\n        defaultSettings: {\n            ...tableProps?.defaultSettings,\n            rowHeight: 'short',\n        },\n        enableColumnFreezing: false,\n        enableRowHeight: true,\n        enableRowSelection: false,\n        enableEditing: false,\n        enablePrinting: false,\n        enableRowDrag: false,\n        enableRowDrop: false,\n        enableRowSelectionSingle: false,\n        preset: undefined,\n        // The presence of the onChangeSettings prop ensures that settings won't be stored in local storage.\n        onChangeSettings: () => undefined,\n    };\n\n    // -top-60 -left-60 styles make sure that iframe is added outside of the viewport\n    return (\n        <iframe\n            className=\"fixed -left-[6000px] -top-[6000px] -z-50 !h-0 !w-0\"\n            ref={setContentRef}\n            // Temporary fix to support printing in firefox: Find another solution while upgrading React\n            src=\"javascript:void(0);\">\n            {mountNode && stylesReady ? ReactDOM.createPortal(<Table3 {...printTableProps} />, mountNode) : null}\n        </iframe>\n    );\n}\n"],"names":["PrintIFrame","onAfterPrint","onBeforePrint","tableProps","contentRef","setContentRef","React","useState","mountNode","setMountNode","isFirefoxBrowser","useMemo","navigator","userAgent","toLowerCase","includes","isSafariBrowser","iframeWindow","contentWindow","stylesReady","useParentStylesheets","useEffect","intervalId","timeoutId","setInterval","tableWrapper","table","querySelector","hasTableRendered","_contentRef$contentWi","clearInterval","tableHeight","offsetHeight","style","height","print","setTimeout","Promise","resolve","e","reject","clearTimeout","parentElement","_contentRef$closest","closest","parent","document","body","iframeDocument","innerHTML","_parentElement$innerH","tableElement","tableColumnFreezingStyles","createElement","setAttribute","classList","add","_tableElement$parentN","parentNode","insertBefore","remove","append","currentNode","_currentNode","printTableProps","actionsForRow","undefined","defaultCurrentRowIndex","defaultSettings","rowHeight","enableColumnFreezing","enableRowHeight","enableRowSelection","enableEditing","enablePrinting","enableRowDrag","enableRowDrop","enableRowSelectionSingle","preset","onChangeSettings","className","ref","src","ReactDOM","createPortal","Table3"],"mappings":"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"}
+{"version":3,"file":"PrintIFrame.js","sources":["../../../../../../../../../../src/components/Table3/components/toolbar/PrintButton/PrintIFrame.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Table3 } from '../../../../..';\nimport { Table3Props } from '../../../types';\nimport { useParentStylesheets } from './hooks/useParentStylesheets';\n\nexport type PrintIFrameProps<TType = unknown> = {\n    onAfterPrint?: () => void;\n    onBeforePrint?: () => void;\n    tableProps: Table3Props<TType>;\n};\n\nexport function PrintIFrame<TType = unknown>({ onAfterPrint, onBeforePrint, tableProps }: PrintIFrameProps<TType>) {\n    const [contentRef, setContentRef] = React.useState<HTMLIFrameElement | null>(null);\n    const [mountNode, setMountNode] = React.useState<HTMLElement | null>(null);\n\n    const isFirefoxBrowser = React.useMemo(() => navigator.userAgent.toLowerCase().includes('firefox'), []);\n    const isSafariBrowser = React.useMemo(\n        () => navigator.userAgent.toLowerCase().includes('safari') && !navigator.userAgent.toLowerCase().includes('chrome'),\n        []\n    );\n\n    const iframeWindow = contentRef?.contentWindow;\n\n    const stylesReady = useParentStylesheets(iframeWindow);\n\n    // Calls print method when table has loaded in the iframe.\n    React.useEffect(() => {\n        let intervalId: NodeJS.Timer;\n        let timeoutId: NodeJS.Timer;\n\n        // Invoke the print functionality on the window once the table has finished rendering and all print styles are\n        // added.\n        if (mountNode && stylesReady) {\n            intervalId = setInterval(async () => {\n                const tableWrapper = mountNode;\n                const table = tableWrapper.querySelector('[role=\"table\"]') as HTMLElement;\n                const hasTableRendered = !!table;\n\n                if (hasTableRendered && intervalId) {\n                    clearInterval(intervalId);\n\n                    // Calling the onBeforePrint method here as a fallback because certain browsers, like Safari,\n                    // do not call the beforeprint event.\n                    // Bug - Even though onBeforePrint is called before printing, the execution doesn't finish before\n                    // the print dialog shows up, which results into having a visible loading toast.\n                    onBeforePrint?.();\n\n                    // By adding height to the tableWrapper, we make sure the content below absolutely positioned table\n                    // doesn't hide\n                    if (isFirefoxBrowser) {\n                        const tableHeight = `${table.offsetHeight}px`;\n                        tableWrapper.style.height = tableHeight;\n                    }\n\n                    contentRef?.contentWindow?.print();\n\n                    // Calling the onAfterPrint method here as a fallback to do the cleanup, as certain browsers,\n                    // like Safari, do not trigger the beforeprint or afterprint events when a confirmation dialog\n                    // asking if the user wants to print the document, is cancelled.\n\n                    // Added a setTimeout to prevent calling onAfterPrint immediately after the print function\n                    // to ensure that the print dialog doesn't close abruptly. Although this behavior is uncommon,\n                    // there are cases where the print function may not run synchronously, causing onAfterPrint to be\n                    // invoked right after it.\n                    timeoutId = setTimeout(() => {\n                        onAfterPrint?.();\n                    }, 0);\n                }\n            }, 1000);\n        }\n\n        return () => {\n            clearInterval(intervalId);\n            clearTimeout(timeoutId);\n        };\n    }, [mountNode, stylesReady]);\n\n    React.useEffect(() => {\n        if (!contentRef || !iframeWindow || !stylesReady) {\n            return;\n        }\n\n        // get the closest parent/container of the table, and the table itself\n        const parentElement = contentRef?.closest('[role=dialog], [data-taco=drawer], main') ?? iframeWindow.parent.document.body;\n\n        const iframeDocument = iframeWindow.document;\n        iframeDocument.body.innerHTML = parentElement?.innerHTML ?? '';\n\n        const tableElement = iframeDocument.querySelector('[role=\"table\"]');\n        const tableColumnFreezingStyles = iframeDocument.querySelector('[data-taco=\"table3-column-freezing-styles\"]');\n        const tableWrapper = iframeDocument.createElement('div');\n\n        tableWrapper.setAttribute('data-role', 'table-wrapper');\n        // Adding h-fit class makes sure that table is rendered with the whole content.\n        tableWrapper.classList.add('h-fit');\n        tableWrapper.classList.add('[&>[role=\"table\"]]:!h-fit');\n\n        if (isFirefoxBrowser) {\n            // Fix for firefox bug which adds page-long whitespace between page's top content and table.\n            tableWrapper.classList.add('[&>[role=\"table\"]]:!absolute');\n        }\n\n        // Makes sure table takes the full screen width.\n        if (isSafariBrowser) {\n            // Safari browser doesn't apply correct width to the columns when w-screen is used.\n            tableWrapper.classList.add('w-full');\n        } else {\n            tableWrapper.classList.add('w-screen');\n        }\n\n        if (tableElement) {\n            tableElement.parentNode?.insertBefore(tableWrapper, tableElement);\n            tableElement.remove();\n        } else {\n            iframeDocument.body.append(tableWrapper);\n        }\n\n        // Remove the already existing column freezing styles.\n        if (tableColumnFreezingStyles) {\n            tableColumnFreezingStyles.remove();\n        }\n\n        let currentNode = tableWrapper.parentNode as HTMLElement | null;\n\n        while (currentNode !== null && currentNode !== iframeDocument.body) {\n            // Add the 'h-fit' class to the 'table-wrapper' element's parent chain.\n            // This ensures that the table is not cropped and fits within its container.\n            currentNode?.classList.add('!h-fit');\n            currentNode = currentNode.parentNode as HTMLElement | null;\n        }\n\n        setMountNode(tableWrapper);\n    }, [iframeWindow, stylesReady]);\n\n    const printTableProps: Table3Props<TType> = {\n        ...tableProps,\n        actionsForRow: undefined,\n        // Not the best way to remove the active/current row styles, but a temporary solution for now\n        defaultCurrentRowIndex: -1,\n        defaultSettings: {\n            ...tableProps?.defaultSettings,\n            rowHeight: 'short',\n        },\n        enableColumnFreezing: false,\n        enableRowHeight: true,\n        enableRowSelection: false,\n        enableEditing: false,\n        enablePrinting: false,\n        enableRowDrag: false,\n        enableRowDrop: false,\n        enableRowSelectionSingle: false,\n        preset: undefined,\n        // The presence of the onChangeSettings prop ensures that settings won't be stored in local storage.\n        onChangeSettings: () => undefined,\n    };\n\n    // -top-60 -left-60 styles make sure that iframe is added outside of the viewport\n    return (\n        <iframe\n            className=\"fixed -left-[6000px] -top-[6000px] -z-50 !h-0 !w-0\"\n            ref={setContentRef}\n            // Temporary fix to support printing in firefox: Find another solution while upgrading React\n            src=\"javascript:void(0);\">\n            {mountNode && stylesReady ? ReactDOM.createPortal(<Table3 {...printTableProps} />, mountNode) : null}\n        </iframe>\n    );\n}\n"],"names":["PrintIFrame","onAfterPrint","onBeforePrint","tableProps","contentRef","setContentRef","React","useState","mountNode","setMountNode","isFirefoxBrowser","useMemo","navigator","userAgent","toLowerCase","includes","isSafariBrowser","iframeWindow","contentWindow","stylesReady","useParentStylesheets","useEffect","intervalId","timeoutId","setInterval","tableWrapper","table","querySelector","hasTableRendered","_contentRef$contentWi","clearInterval","tableHeight","offsetHeight","style","height","print","setTimeout","Promise","resolve","e","reject","clearTimeout","parentElement","_contentRef$closest","closest","parent","document","body","iframeDocument","innerHTML","_parentElement$innerH","tableElement","tableColumnFreezingStyles","createElement","setAttribute","classList","add","_tableElement$parentN","parentNode","insertBefore","remove","append","currentNode","_currentNode","printTableProps","actionsForRow","undefined","defaultCurrentRowIndex","defaultSettings","rowHeight","enableColumnFreezing","enableRowHeight","enableRowSelection","enableEditing","enablePrinting","enableRowDrag","enableRowDrop","enableRowSelectionSingle","preset","onChangeSettings","className","ref","src","ReactDOM","createPortal","Table3"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useCurrentRow.js

@@ -55,16 +55,31 @@ function useCurrentRow(defaultCurrentRowIndex) {
       // do it in the next tick, otherwise it prevents internal focus from working
       // meaning you have to tab twice to get to the first focusable element
       setTimeout(() => {
-        setCurrentRowIndex(0);
-        scrollToIndex(0);
+        setCurrentRowIndex(index => {
+          if (index === undefined) {
+            scrollToIndex(0);
+            return 0;
+          }
+          return index;
+        });
       }, 1);
     }
   }, [currentRowIndex, length]);
+  const onMouseCapture = React__default.useCallback((event, length) => {
+    if (event.isDefaultPrevented()) {
+      return;
+    }
+    if (currentRowIndex === undefined && length > 0) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  }, [currentRowIndex, length]);
   return {
     currentRowIndex,
     setCurrentRowIndex,
     handleFocus: onFocus,
-    handleKeyDown: onKeyDown
+    handleKeyDown: onKeyDown,
+    handleMouseCapture: onMouseCapture
   };
 }
 const getNextIndex = (direction, currentIndex, length) => {

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useCurrentRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCurrentRow.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useCurrentRow.ts"],"sourcesContent":["import React from 'react';\nimport { Table3Ref, TableStrategy } from '../../types';\n\ntype CurrentRowHandlerCallback = TableStrategy['scrollToIndex'];\n\nexport function useCurrentRow(defaultCurrentRowIndex: number | undefined) {\n    const [currentRowIndex, setCurrentRowIndex] = React.useState<number | undefined>(defaultCurrentRowIndex);\n\n    const move = (direction: -1 | 1, length: number, scrollToIndex: CurrentRowHandlerCallback) =>\n        setCurrentRowIndex(currentIndex => {\n            const nextIndex = currentIndex !== undefined ? getNextIndex(direction, currentIndex, length) : 0;\n            scrollToIndex(direction === -1 ? nextIndex : nextIndex + 3);\n            return nextIndex;\n        });\n    const moveUp = (length: number, callback: CurrentRowHandlerCallback) => move(-1, length, callback);\n    const moveDown = (length: number, callback: CurrentRowHandlerCallback) => move(1, length, callback);\n\n    const focusFirstElementInCurrentRow = (tableRef: React.RefObject<Table3Ref>) => {\n        setTimeout(() => {\n            (\n                tableRef.current?.querySelector('[data-taco=\"table2-body\"] [role=\"row\"] [role=\"cell\"]:first-child') as HTMLElement\n            )?.focus();\n        }, 1);\n    };\n\n    const onKeyDown = React.useCallback(\n        (\n            event: KeyboardEvent,\n            length: number,\n            scrollToIndex: CurrentRowHandlerCallback,\n            isEditing: boolean,\n            tableRef: React.RefObject<Table3Ref>\n        ) => {\n            if (event.defaultPrevented) {\n                return;\n            }\n\n            if (event.key === 'ArrowUp') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    const newIndex = 0;\n                    setCurrentRowIndex(newIndex);\n                    scrollToIndex(newIndex);\n                } else {\n                    moveUp(length, scrollToIndex);\n                }\n\n                if (!isEditing) {\n                    focusFirstElementInCurrentRow(tableRef);\n                }\n\n                return;\n            } else if (event.key === 'ArrowDown') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    const newIndex = length - 1;\n                    setCurrentRowIndex(newIndex);\n                    scrollToIndex(newIndex);\n                } else {\n                    moveDown(length, scrollToIndex);\n                }\n\n                if (!isEditing) {\n                    focusFirstElementInCurrentRow(tableRef);\n                }\n\n                return;\n            }\n        },\n        []\n    );\n\n    const onFocus = React.useCallback(\n        (event: React.FocusEvent, length: number, scrollToIndex: CurrentRowHandlerCallback) => {\n            if (event.isDefaultPrevented()) {\n                return;\n            }\n\n            if (currentRowIndex === undefined && length > 0) {\n                // do it in the next tick, otherwise it prevents internal focus from working\n                // meaning you have to tab twice to get to the first focusable element\n                setTimeout(() => {\n                    setCurrentRowIndex(0);\n                    scrollToIndex(0);\n                }, 1);\n            }\n        },\n        [currentRowIndex, length]\n    );\n\n    return {\n        currentRowIndex,\n        setCurrentRowIndex,\n        handleFocus: onFocus,\n        handleKeyDown: onKeyDown,\n    };\n}\n\nconst getNextIndex = (direction: -1 | 1, currentIndex: number, length: number) => {\n    if (direction === -1) {\n        return currentIndex - 1 > 0 ? currentIndex - 1 : 0;\n    }\n\n    return currentIndex + 1 < length ? currentIndex + 1 : currentIndex;\n};\n"],"names":["useCurrentRow","defaultCurrentRowIndex","currentRowIndex","setCurrentRowIndex","React","useState","move","direction","length","scrollToIndex","currentIndex","nextIndex","undefined","getNextIndex","moveUp","callback","moveDown","focusFirstElementInCurrentRow","tableRef","setTimeout","_tableRef$current","current","_tableRef$current$que","querySelector","focus","onKeyDown","useCallback","event","isEditing","defaultPrevented","key","preventDefault","ctrlKey","metaKey","newIndex","onFocus","isDefaultPrevented","handleFocus","handleKeyDown"],"mappings":"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"}
+{"version":3,"file":"useCurrentRow.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useCurrentRow.ts"],"sourcesContent":["import React from 'react';\nimport { Table3Ref, TableStrategy } from '../../types';\n\ntype CurrentRowHandlerCallback = TableStrategy['scrollToIndex'];\n\nexport function useCurrentRow(defaultCurrentRowIndex: number | undefined) {\n    const [currentRowIndex, setCurrentRowIndex] = React.useState<number | undefined>(defaultCurrentRowIndex);\n\n    const move = (direction: -1 | 1, length: number, scrollToIndex: CurrentRowHandlerCallback) =>\n        setCurrentRowIndex(currentIndex => {\n            const nextIndex = currentIndex !== undefined ? getNextIndex(direction, currentIndex, length) : 0;\n            scrollToIndex(direction === -1 ? nextIndex : nextIndex + 3);\n            return nextIndex;\n        });\n    const moveUp = (length: number, callback: CurrentRowHandlerCallback) => move(-1, length, callback);\n    const moveDown = (length: number, callback: CurrentRowHandlerCallback) => move(1, length, callback);\n\n    const focusFirstElementInCurrentRow = (tableRef: React.RefObject<Table3Ref>) => {\n        setTimeout(() => {\n            (\n                tableRef.current?.querySelector('[data-taco=\"table2-body\"] [role=\"row\"] [role=\"cell\"]:first-child') as HTMLElement\n            )?.focus();\n        }, 1);\n    };\n\n    const onKeyDown = React.useCallback(\n        (\n            event: KeyboardEvent,\n            length: number,\n            scrollToIndex: CurrentRowHandlerCallback,\n            isEditing: boolean,\n            tableRef: React.RefObject<Table3Ref>\n        ) => {\n            if (event.defaultPrevented) {\n                return;\n            }\n\n            if (event.key === 'ArrowUp') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    const newIndex = 0;\n                    setCurrentRowIndex(newIndex);\n                    scrollToIndex(newIndex);\n                } else {\n                    moveUp(length, scrollToIndex);\n                }\n\n                if (!isEditing) {\n                    focusFirstElementInCurrentRow(tableRef);\n                }\n\n                return;\n            } else if (event.key === 'ArrowDown') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    const newIndex = length - 1;\n                    setCurrentRowIndex(newIndex);\n                    scrollToIndex(newIndex);\n                } else {\n                    moveDown(length, scrollToIndex);\n                }\n\n                if (!isEditing) {\n                    focusFirstElementInCurrentRow(tableRef);\n                }\n\n                return;\n            }\n        },\n        []\n    );\n\n    const onFocus = React.useCallback(\n        (event: React.FocusEvent, length: number, scrollToIndex: CurrentRowHandlerCallback) => {\n            if (event.isDefaultPrevented()) {\n                return;\n            }\n\n            if (currentRowIndex === undefined && length > 0) {\n                // do it in the next tick, otherwise it prevents internal focus from working\n                // meaning you have to tab twice to get to the first focusable element\n                setTimeout(() => {\n                    setCurrentRowIndex(index => {\n                        if (index === undefined) {\n                            scrollToIndex(0);\n                            return 0;\n                        }\n                        return index;\n                    });\n                }, 1);\n            }\n        },\n        [currentRowIndex, length]\n    );\n\n    const onMouseCapture = React.useCallback(\n        (event: React.MouseEvent, length: number) => {\n            if (event.isDefaultPrevented()) {\n                return;\n            }\n\n            if (currentRowIndex === undefined && length > 0) {\n                event.preventDefault();\n                event.stopPropagation();\n            }\n        },\n        [currentRowIndex, length]\n    );\n\n    return {\n        currentRowIndex,\n        setCurrentRowIndex,\n        handleFocus: onFocus,\n        handleKeyDown: onKeyDown,\n        handleMouseCapture: onMouseCapture,\n    };\n}\n\nconst getNextIndex = (direction: -1 | 1, currentIndex: number, length: number) => {\n    if (direction === -1) {\n        return currentIndex - 1 > 0 ? currentIndex - 1 : 0;\n    }\n\n    return currentIndex + 1 < length ? currentIndex + 1 : currentIndex;\n};\n"],"names":["useCurrentRow","defaultCurrentRowIndex","currentRowIndex","setCurrentRowIndex","React","useState","move","direction","length","scrollToIndex","currentIndex","nextIndex","undefined","getNextIndex","moveUp","callback","moveDown","focusFirstElementInCurrentRow","tableRef","setTimeout","_tableRef$current","current","_tableRef$current$que","querySelector","focus","onKeyDown","useCallback","event","isEditing","defaultPrevented","key","preventDefault","ctrlKey","metaKey","newIndex","onFocus","isDefaultPrevented","index","onMouseCapture","stopPropagation","handleFocus","handleKeyDown","handleMouseCapture"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/hooks/useCssGrid.js

@@ -3,7 +3,7 @@ import { COLUMN_ID } from '../components/columns/internal/Actions.js';
 import { isInternalColumn } from '../util/columns.js';
 import { MIN_COLUMN_SIZE, PRINT_MIN_COLUMN_SIZE } from '../components/columns/styles.js';
 
-const useCssGrid = (table, isPrintTable = false) => {
+const useCssGrid = (table, isPrintTable = false, actionsForRowLength = 0) => {
   const allVisibleColumns = table.getVisibleLeafColumns();
   const columnSizing = table.getState().columnSizing;
   const rowsLength = table.getRowModel().rows.length;
@@ -22,7 +22,8 @@ const useCssGrid = (table, isPrintTable = false) => {
         size = `minmax(${PRINT_MIN_COLUMN_SIZE}px, ${maxWidth})`;
       } else if (isColumnInternal) {
         if (column.id === COLUMN_ID) {
-          size = 'minmax(max-content, auto)';
+          const minWidth = actionsForRowLength * 32 + 8 /* button margins l+r */ + 8; /* cell padding l+r */
+          size = `minmax(${minWidth}px, auto)`;
         } else {
           // getSize method is used instead of columnSizing state because columnSizing state doesn't have
           // sizes of internal columns.

package/dist/esm/packages/taco/src/components/Table3/hooks/useCssGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCssGrid.js","sources":["../../../../../../../../src/components/Table3/hooks/useCssGrid.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable } from '@tanstack/react-table';\nimport { isInternalColumn } from '../util/columns';\nimport { MIN_COLUMN_SIZE, PRINT_MIN_COLUMN_SIZE } from '../components/columns/styles';\nimport { COLUMN_ID as ACTIONS_COLUMN_ID } from '../components/columns/internal/Actions';\n\nexport const useCssGrid = <TType = unknown>(table: RTable<TType>, isPrintTable = false) => {\n    const allVisibleColumns = table.getVisibleLeafColumns();\n    const columnSizing = table.getState().columnSizing;\n    const rowsLength = table.getRowModel().rows.length;\n    const expandedRowsLength = Object.keys(table.getState().expanded).length;\n    const length = rowsLength + expandedRowsLength;\n    const gridTemplateColumns = React.useMemo(() => {\n        return allVisibleColumns.reduce((accum, column, index) => {\n            let size;\n            const isLastColumn = index === allVisibleColumns.length - 1;\n            // column has a getSize function, but it always returns a default value (150), and we want the\n            // first render to use auto layout - so we get the size directly from table state where it is undefined\n            const width = columnSizing[column.id] as number | '1fr';\n            const isColumnInternal = isInternalColumn(column.id);\n\n            if (isPrintTable) {\n                const maxWidth = isColumnInternal ? `${column.getSize()}px` : '1fr';\n\n                size = `minmax(${PRINT_MIN_COLUMN_SIZE}px, ${maxWidth})`;\n            } else if (isColumnInternal) {\n                if (column.id === ACTIONS_COLUMN_ID) {\n                    size = 'minmax(max-content, auto)';\n                } else {\n                    // getSize method is used instead of columnSizing state because columnSizing state doesn't have\n                    // sizes of internal columns.\n                    size = `${column.getSize()}px`;\n                }\n            } else if (width !== undefined) {\n                if (width === '1fr') {\n                    size = 'minmax(max-content, 1fr)';\n                } else if (isLastColumn) {\n                    size = `minmax(${width}px, auto)`;\n                } else if (width < MIN_COLUMN_SIZE) {\n                    // the react-table getResizeHandler function does not respect the minSize property on columns, it is possible\n                    // to go below the minSize - so we have to prevent it entirely on the grid layout\n                    size = `${MIN_COLUMN_SIZE}px`;\n                } else {\n                    size = `${width}px`;\n                }\n            } else {\n                size = 'minmax(max-content, auto)';\n            }\n\n            return `${accum} ${size}`.trim();\n        }, '');\n    }, [allVisibleColumns, columnSizing]);\n\n    const gridTemplateRows = React.useMemo(() => {\n        // 1fr makes sure that there is always a free space between the rows and footer when table height exceeds the\n        // cumulative height of all rows\n        return `min-content repeat(${length}, min-content) 1fr min-content`;\n    }, [length]);\n\n    const style: React.CSSProperties = {\n        gridTemplateColumns,\n        gridTemplateRows,\n    };\n\n    return { style };\n};\n"],"names":["useCssGrid","table","isPrintTable","allVisibleColumns","getVisibleLeafColumns","columnSizing","getState","rowsLength","getRowModel","rows","length","expandedRowsLength","Object","keys","expanded","gridTemplateColumns","React","useMemo","reduce","accum","column","index","size","isLastColumn","width","id","isColumnInternal","isInternalColumn","maxWidth","getSize","PRINT_MIN_COLUMN_SIZE","ACTIONS_COLUMN_ID","undefined","MIN_COLUMN_SIZE","trim","gridTemplateRows","style"],"mappings":";;;;;MAMaA,UAAU,GAAGA,CAAkBC,KAAoB,EAAEC,YAAY,GAAG,KAAK;EAClF,MAAMC,iBAAiB,GAAGF,KAAK,CAACG,qBAAqB,EAAE;EACvD,MAAMC,YAAY,GAAGJ,KAAK,CAACK,QAAQ,EAAE,CAACD,YAAY;EAClD,MAAME,UAAU,GAAGN,KAAK,CAACO,WAAW,EAAE,CAACC,IAAI,CAACC,MAAM;EAClD,MAAMC,kBAAkB,GAAGC,MAAM,CAACC,IAAI,CAACZ,KAAK,CAACK,QAAQ,EAAE,CAACQ,QAAQ,CAAC,CAACJ,MAAM;EACxE,MAAMA,MAAM,GAAGH,UAAU,GAAGI,kBAAkB;EAC9C,MAAMI,mBAAmB,GAAGC,cAAK,CAACC,OAAO,CAAC;IACtC,OAAOd,iBAAiB,CAACe,MAAM,CAAC,CAACC,KAAK,EAAEC,MAAM,EAAEC,KAAK;MACjD,IAAIC,IAAI;MACR,MAAMC,YAAY,GAAGF,KAAK,KAAKlB,iBAAiB,CAACO,MAAM,GAAG,CAAC;;;MAG3D,MAAMc,KAAK,GAAGnB,YAAY,CAACe,MAAM,CAACK,EAAE,CAAmB;MACvD,MAAMC,gBAAgB,GAAGC,gBAAgB,CAACP,MAAM,CAACK,EAAE,CAAC;MAEpD,IAAIvB,YAAY,EAAE;QACd,MAAM0B,QAAQ,GAAGF,gBAAgB,MAAMN,MAAM,CAACS,OAAO,MAAM,GAAG,KAAK;QAEnEP,IAAI,aAAaQ,4BAA4BF,WAAW;OAC3D,MAAM,IAAIF,gBAAgB,EAAE;QACzB,IAAIN,MAAM,CAACK,EAAE,KAAKM,SAAiB,EAAE;UACjCT,IAAI,GAAG,2BAA2B;SACrC,MAAM;;;UAGHA,IAAI,MAAMF,MAAM,CAACS,OAAO,MAAM;;OAErC,MAAM,IAAIL,KAAK,KAAKQ,SAAS,EAAE;QAC5B,IAAIR,KAAK,KAAK,KAAK,EAAE;UACjBF,IAAI,GAAG,0BAA0B;SACpC,MAAM,IAAIC,YAAY,EAAE;UACrBD,IAAI,aAAaE,gBAAgB;SACpC,MAAM,IAAIA,KAAK,GAAGS,eAAe,EAAE;;;UAGhCX,IAAI,MAAMW,mBAAmB;SAChC,MAAM;UACHX,IAAI,MAAME,SAAS;;OAE1B,MAAM;QACHF,IAAI,GAAG,2BAA2B;;MAGtC,UAAUH,SAASG,MAAM,CAACY,IAAI,EAAE;KACnC,EAAE,EAAE,CAAC;GACT,EAAE,CAAC/B,iBAAiB,EAAEE,YAAY,CAAC,CAAC;EAErC,MAAM8B,gBAAgB,GAAGnB,cAAK,CAACC,OAAO,CAAC;;;IAGnC,6BAA6BP,sCAAsC;GACtE,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAM0B,KAAK,GAAwB;IAC/BrB,mBAAmB;IACnBoB;GACH;EAED,OAAO;IAAEC;GAAO;AACpB;;;;"}
+{"version":3,"file":"useCssGrid.js","sources":["../../../../../../../../src/components/Table3/hooks/useCssGrid.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable } from '@tanstack/react-table';\nimport { isInternalColumn } from '../util/columns';\nimport { MIN_COLUMN_SIZE, PRINT_MIN_COLUMN_SIZE } from '../components/columns/styles';\nimport { COLUMN_ID as ACTIONS_COLUMN_ID } from '../components/columns/internal/Actions';\n\nexport const useCssGrid = <TType = unknown>(table: RTable<TType>, isPrintTable = false, actionsForRowLength = 0) => {\n    const allVisibleColumns = table.getVisibleLeafColumns();\n    const columnSizing = table.getState().columnSizing;\n    const rowsLength = table.getRowModel().rows.length;\n    const expandedRowsLength = Object.keys(table.getState().expanded).length;\n    const length = rowsLength + expandedRowsLength;\n    const gridTemplateColumns = React.useMemo(() => {\n        return allVisibleColumns.reduce((accum, column, index) => {\n            let size;\n            const isLastColumn = index === allVisibleColumns.length - 1;\n            // column has a getSize function, but it always returns a default value (150), and we want the\n            // first render to use auto layout - so we get the size directly from table state where it is undefined\n            const width = columnSizing[column.id] as number | '1fr';\n            const isColumnInternal = isInternalColumn(column.id);\n\n            if (isPrintTable) {\n                const maxWidth = isColumnInternal ? `${column.getSize()}px` : '1fr';\n\n                size = `minmax(${PRINT_MIN_COLUMN_SIZE}px, ${maxWidth})`;\n            } else if (isColumnInternal) {\n                if (column.id === ACTIONS_COLUMN_ID) {\n                    const minWidth = actionsForRowLength * 32 + 8 /* button margins l+r */ + 8; /* cell padding l+r */\n                    size = `minmax(${minWidth}px, auto)`;\n                } else {\n                    // getSize method is used instead of columnSizing state because columnSizing state doesn't have\n                    // sizes of internal columns.\n                    size = `${column.getSize()}px`;\n                }\n            } else if (width !== undefined) {\n                if (width === '1fr') {\n                    size = 'minmax(max-content, 1fr)';\n                } else if (isLastColumn) {\n                    size = `minmax(${width}px, auto)`;\n                } else if (width < MIN_COLUMN_SIZE) {\n                    // the react-table getResizeHandler function does not respect the minSize property on columns, it is possible\n                    // to go below the minSize - so we have to prevent it entirely on the grid layout\n                    size = `${MIN_COLUMN_SIZE}px`;\n                } else {\n                    size = `${width}px`;\n                }\n            } else {\n                size = 'minmax(max-content, auto)';\n            }\n\n            return `${accum} ${size}`.trim();\n        }, '');\n    }, [allVisibleColumns, columnSizing]);\n\n    const gridTemplateRows = React.useMemo(() => {\n        // 1fr makes sure that there is always a free space between the rows and footer when table height exceeds the\n        // cumulative height of all rows\n        return `min-content repeat(${length}, min-content) 1fr min-content`;\n    }, [length]);\n\n    const style: React.CSSProperties = {\n        gridTemplateColumns,\n        gridTemplateRows,\n    };\n\n    return { style };\n};\n"],"names":["useCssGrid","table","isPrintTable","actionsForRowLength","allVisibleColumns","getVisibleLeafColumns","columnSizing","getState","rowsLength","getRowModel","rows","length","expandedRowsLength","Object","keys","expanded","gridTemplateColumns","React","useMemo","reduce","accum","column","index","size","isLastColumn","width","id","isColumnInternal","isInternalColumn","maxWidth","getSize","PRINT_MIN_COLUMN_SIZE","ACTIONS_COLUMN_ID","minWidth","undefined","MIN_COLUMN_SIZE","trim","gridTemplateRows","style"],"mappings":";;;;;MAMaA,UAAU,GAAGA,CAAkBC,KAAoB,EAAEC,YAAY,GAAG,KAAK,EAAEC,mBAAmB,GAAG,CAAC;EAC3G,MAAMC,iBAAiB,GAAGH,KAAK,CAACI,qBAAqB,EAAE;EACvD,MAAMC,YAAY,GAAGL,KAAK,CAACM,QAAQ,EAAE,CAACD,YAAY;EAClD,MAAME,UAAU,GAAGP,KAAK,CAACQ,WAAW,EAAE,CAACC,IAAI,CAACC,MAAM;EAClD,MAAMC,kBAAkB,GAAGC,MAAM,CAACC,IAAI,CAACb,KAAK,CAACM,QAAQ,EAAE,CAACQ,QAAQ,CAAC,CAACJ,MAAM;EACxE,MAAMA,MAAM,GAAGH,UAAU,GAAGI,kBAAkB;EAC9C,MAAMI,mBAAmB,GAAGC,cAAK,CAACC,OAAO,CAAC;IACtC,OAAOd,iBAAiB,CAACe,MAAM,CAAC,CAACC,KAAK,EAAEC,MAAM,EAAEC,KAAK;MACjD,IAAIC,IAAI;MACR,MAAMC,YAAY,GAAGF,KAAK,KAAKlB,iBAAiB,CAACO,MAAM,GAAG,CAAC;;;MAG3D,MAAMc,KAAK,GAAGnB,YAAY,CAACe,MAAM,CAACK,EAAE,CAAmB;MACvD,MAAMC,gBAAgB,GAAGC,gBAAgB,CAACP,MAAM,CAACK,EAAE,CAAC;MAEpD,IAAIxB,YAAY,EAAE;QACd,MAAM2B,QAAQ,GAAGF,gBAAgB,MAAMN,MAAM,CAACS,OAAO,MAAM,GAAG,KAAK;QAEnEP,IAAI,aAAaQ,4BAA4BF,WAAW;OAC3D,MAAM,IAAIF,gBAAgB,EAAE;QACzB,IAAIN,MAAM,CAACK,EAAE,KAAKM,SAAiB,EAAE;UACjC,MAAMC,QAAQ,GAAG9B,mBAAmB,GAAG,EAAE,GAAG,CAAC,4BAA4B,CAAC,CAAC;UAC3EoB,IAAI,aAAaU,mBAAmB;SACvC,MAAM;;;UAGHV,IAAI,MAAMF,MAAM,CAACS,OAAO,MAAM;;OAErC,MAAM,IAAIL,KAAK,KAAKS,SAAS,EAAE;QAC5B,IAAIT,KAAK,KAAK,KAAK,EAAE;UACjBF,IAAI,GAAG,0BAA0B;SACpC,MAAM,IAAIC,YAAY,EAAE;UACrBD,IAAI,aAAaE,gBAAgB;SACpC,MAAM,IAAIA,KAAK,GAAGU,eAAe,EAAE;;;UAGhCZ,IAAI,MAAMY,mBAAmB;SAChC,MAAM;UACHZ,IAAI,MAAME,SAAS;;OAE1B,MAAM;QACHF,IAAI,GAAG,2BAA2B;;MAGtC,UAAUH,SAASG,MAAM,CAACa,IAAI,EAAE;KACnC,EAAE,EAAE,CAAC;GACT,EAAE,CAAChC,iBAAiB,EAAEE,YAAY,CAAC,CAAC;EAErC,MAAM+B,gBAAgB,GAAGpB,cAAK,CAACC,OAAO,CAAC;;;IAGnC,6BAA6BP,sCAAsC;GACtE,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAM2B,KAAK,GAAwB;IAC/BtB,mBAAmB;IACnBqB;GACH;EAED,OAAO;IAAEC;GAAO;AACpB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../../../src/components/Table3/types.ts"],"sourcesContent":["import {\n    ColumnFilter as RTColumnFilter,\n    ColumnOrderState,\n    ColumnSizingState,\n    ColumnSort as RTTableColumnSort,\n    SortingState,\n    VisibilityState,\n    BuiltInSortingFn,\n} from '@tanstack/react-table';\nimport { MenuProps } from '../Menu/Menu';\nimport { MenuItemProps } from '../Menu/components/Item';\n\nexport type Table3SortDirection = 'asc' | 'desc';\nexport type Table3SortFn<TType = unknown> =\n    | ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1)\n    | BuiltInSortingFn\n    | 'auto';\n\n// columns\nexport type Table3ColumnRenderer<TValue = unknown, TType = unknown> = (\n    value: TValue,\n    row: TType\n) => JSX.Element | string | number | null;\nexport type Table3ColumnFooterRenderer<TValue = unknown> = (values: TValue[]) => JSX.Element | string | number | null;\nexport type Table3ColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type Table3ColumnAlignment = 'left' | 'center' | 'right';\nexport type Table3ColumnDataType = 'auto' | 'number' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';\nexport type Table3ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;\n\nexport type Table3ColumnControlProps = {\n    className?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement>;\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type Table3ColumnControlRenderer<TType = unknown> =\n    | ((props: Table3ColumnControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'textarea';\n\ntype ValueOf<T> = T[keyof T];\n\nexport type Table3ColumnProps<TType = unknown> = ValueOf<{\n    [K in keyof TType]: {\n        accessor: K;\n    } & {\n        align?: Table3ColumnAlignment;\n        className?: Table3ColumnClassNameHandler<TType>;\n        control?: Table3ColumnControlRenderer<TType>;\n        dataType?: Table3ColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: number | 'grow';\n        enableFiltering?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: Table3FilterComparator[];\n        footer?: Table3ColumnFooterRenderer;\n        header: string;\n        headerClassName?: string;\n        menu?: Table3ColumnHeaderMenu;\n        minWidth?: number;\n        renderer?: Table3ColumnRenderer<TType[K], TType>;\n        sort?: Table3SortDirection;\n        sortFn?: Table3SortFn<TType>;\n        tooltip?: string;\n    };\n}>;\n\n// rows\nexport type DeprecatedRowDensity = 'compact' | 'normal' | 'comfortable' | 'spacious';\nexport type Table3RowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type Table3FontSize = 'small' | 'medium' | 'large';\nexport type Table3RowClickHandler<TType = unknown> = (row: TType) => void;\nexport type Table3RowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type Table3RowDropHandler<TType = any> = (event: React.DragEvent, row: TType) => void;\nexport type Table3RowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;\nexport type Table3RowSelectionHandler<TType = unknown> = (rows: TType[]) => void;\nexport type Table3RowActionRenderer<TType = unknown> = (row: TType) => JSX.Element | null;\n\n// table\nexport type Table3Preset = 'display' | 'editable';\nexport type Table3Settings = {\n    columnFreezingIndex?: number;\n    columnOrder?: ColumnOrderState;\n    columnSizing?: ColumnSizingState;\n    columnVisibility?: VisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: Table3FontSize;\n    rowHeight?: Table3RowHeight;\n    showWarningWhenPrintingLargeDataset?: boolean;\n    sorting?: SortingState;\n};\nexport type Table3SettingsHandler = (settings: Table3Settings) => void | Promise<void>;\n\nexport enum Table3FilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsEmpty,\n    IsNotEmpty,\n    IsLessThanOrEqualTo,\n    IsGreaterThanOrEqualTo,\n    HasAnyOf,\n    HasAllOf,\n    HasNoneOf,\n}\n\nexport type Table3FilterValue = {\n    comparator: Table3FilterComparator;\n    value: any;\n};\n\nexport type Table3Filter = { id: string; value: Table3FilterValue };\n\nexport type ColumnFilter = RTColumnFilter;\nexport type Table3FilterHandler = (filters: ColumnFilter[]) => void;\nexport type Table3LoadPageHandler = (\n    pageIndex: number,\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<void>;\nexport type Table3LoadAllHandler = (\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<void>;\nexport type Table3RowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type Table3ColumnSort = RTTableColumnSort;\nexport type Table3SortHandler = (sorting: Table3ColumnSort[]) => void;\nexport type TableStrategy = {\n    renderBody: () => JSX.Element | JSX.Element[] | null;\n    scrollToIndex: (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\n};\nexport type Table3ShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type Table3ShortcutHandlerObject<TType = unknown> = {\n    handler: Table3ShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\nexport type Table3Shortcuts<TType = unknown> = Record<\n    string,\n    Table3ShortcutHandlerFn<TType> | Table3ShortcutHandlerObject<TType>\n>;\nexport type Table3SaveHandler<TType = unknown> = (data: TType) => Promise<void>;\n\nexport type Table3Options = {\n    enableColumnFreezing: boolean;\n    enableColumnHiding: boolean;\n    enableColumnOrdering: boolean;\n    enableColumnResizing: boolean;\n    enableFontSize: boolean;\n    enableFooter: boolean;\n    enablePrinting: boolean;\n    enableRowDrag: boolean;\n    enableRowDrop: boolean;\n    enableRowExpansion: boolean;\n    enableRowGoto: boolean;\n    enableRowHeight: boolean;\n    enableRowSelection: boolean;\n    enableRowSelectionSingle: boolean;\n    enableEditing: boolean;\n    enableFiltering: boolean;\n    enableSearch: boolean;\n    enableSorting: boolean;\n};\n\nexport type Table3CustomSettingRenderer = (props: Table3Settings) => React.ReactElement<MenuItemProps> | null;\n\nexport type Table3CommonProps<TType = unknown> = Partial<Table3Options> & {\n    actionsForRow?: Table3RowActionRenderer<TType>[];\n    actionsForRowLength?: number;\n    autoFocus?: boolean;\n    children: (JSX.Element | boolean | null | undefined)[];\n    customSettings?: Table3CustomSettingRenderer[];\n    data: TType[];\n    defaultColumnFreezingIndex?: number;\n    defaultCurrentRowIndex?: number;\n    defaultSettings?: Table3Settings;\n    emptyState?: () => JSX.Element | null;\n    expandedRowRenderer?: Table3RowExpansionRenderer<TType>;\n    id: string;\n    onChangeSettings?: Table3SettingsHandler;\n    onRowClick?: Table3RowClickHandler<TType>;\n    onRowDrag?: Table3RowDragHandler<TType>;\n    onRowDrop?: Table3RowDropHandler<TType>;\n    onRowGoto?: Table3RowGotoHandler;\n    onRowSelect?: Table3RowSelectionHandler<TType>;\n    onFilter?: Table3FilterHandler;\n    onSave?: Table3SaveHandler<TType>;\n    onSort?: Table3SortHandler;\n    preset?: Table3Preset;\n    shortcuts?: Table3Shortcuts<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n};\n\ninterface Table3ClientProps<TType = unknown> extends Table3CommonProps<TType> {\n    length?: never;\n    loadPage?: never;\n    loadAll?: never;\n    pageSize?: never;\n}\n\ninterface Table3ServerProps<TType = unknown> extends Table3CommonProps<TType> {\n    length: number | undefined;\n    loadPage: Table3LoadPageHandler;\n    loadAll: Table3LoadAllHandler;\n    pageSize?: number;\n}\n\nexport type Table3Props<TType = unknown> = Table3ClientProps<TType> | Table3ServerProps<TType>;\n\nexport type Table3Ref = HTMLDivElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n        toggleEditing: (enabled: boolean | undefined) => void;\n    };\n};\n\nexport type Table3Texts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    editing: {\n        actions: {\n            tooltip: string;\n            save: string;\n            clear: string;\n            exit: string;\n        };\n        buttons: {\n            edit: {\n                text: string;\n                tooltip: string;\n            };\n        };\n        rowIndicator: {\n            rowWillMove: string;\n            rowWillBeHidden: string;\n            rowWillMoveReasonSearch: string;\n            rowWillMoveReasonFilter: string;\n            rowWillMoveReasonSorting: string;\n        };\n        saving: {\n            progress: string;\n            complete: string;\n        };\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n};\n"],"names":["Table3FilterComparator"],"mappings":"IA8GYA;AAAZ,WAAYA,sBAAsB;EAC9BA,2EAAQ;EACRA,uFAAc;EACdA,6EAAS;EACTA,mFAAY;EACZA,qFAAa;EACbA,+EAAU;EACVA,6EAAS;EACTA,yEAAO;EACPA,+EAAU;EACVA,iGAAmB;EACnBA,wGAAsB;EACtBA,4EAAQ;EACRA,4EAAQ;EACRA,8EAAS;AACb,CAAC,EAfWA,sBAAsB,KAAtBA,sBAAsB;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../../../src/components/Table3/types.ts"],"sourcesContent":["import {\n    ColumnFilter as RTColumnFilter,\n    ColumnOrderState,\n    ColumnSizingState,\n    ColumnSort as RTTableColumnSort,\n    SortingState,\n    VisibilityState,\n    BuiltInSortingFn,\n} from '@tanstack/react-table';\nimport { MenuProps } from '../Menu/Menu';\nimport { MenuItemProps } from '../Menu/components/Item';\n\nexport type Table3SortDirection = 'asc' | 'desc';\nexport type Table3SortFn<TType = unknown> =\n    | ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1)\n    | BuiltInSortingFn\n    | 'auto';\n\n// columns\nexport type Table3ColumnRenderer<TValue = unknown, TType = unknown> = (\n    value: TValue,\n    row: TType\n) => JSX.Element | string | number | null;\nexport type Table3ColumnFooterRenderer<TValue = unknown> = (values: TValue[]) => JSX.Element | string | number | null;\nexport type Table3ColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type Table3ColumnAlignment = 'left' | 'center' | 'right';\nexport type Table3ColumnDataType = 'auto' | 'number' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';\nexport type Table3ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;\n\nexport type Table3ColumnControlProps = {\n    className?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement>;\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type Table3ColumnControlRenderer<TType = unknown> =\n    | ((props: Table3ColumnControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'textarea';\n\ntype ValueOf<T> = T[keyof T];\n\nexport type Table3ColumnProps<TType = unknown> = ValueOf<{\n    [K in keyof TType]: {\n        accessor: K;\n    } & {\n        align?: Table3ColumnAlignment;\n        className?: Table3ColumnClassNameHandler<TType>;\n        control?: Table3ColumnControlRenderer<TType>;\n        dataType?: Table3ColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: number | 'grow';\n        enableFiltering?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: Table3FilterComparator[];\n        footer?: Table3ColumnFooterRenderer;\n        header: string;\n        headerClassName?: string;\n        menu?: Table3ColumnHeaderMenu;\n        minWidth?: number;\n        renderer?: Table3ColumnRenderer<TType[K], TType>;\n        sort?: Table3SortDirection;\n        sortFn?: Table3SortFn<TType>;\n        tooltip?: string;\n    };\n}>;\n\n// rows\nexport type DeprecatedRowDensity = 'compact' | 'normal' | 'comfortable' | 'spacious';\nexport type Table3RowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type Table3FontSize = 'small' | 'medium' | 'large';\nexport type Table3RowClickHandler<TType = unknown> = (row: TType) => void;\nexport type Table3RowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type Table3RowDropHandler<TType = any> = (event: React.DragEvent, row: TType) => void;\nexport type Table3RowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;\nexport type Table3RowSelectionHandler<TType = unknown> = (rows: TType[]) => void;\nexport type Table3RowActionRenderer<TType = unknown> = (row: TType) => JSX.Element | null;\n\n// table\nexport type Table3Preset = 'display' | 'editable';\nexport type Table3Settings = {\n    columnFreezingIndex?: number;\n    columnOrder?: ColumnOrderState;\n    columnSizing?: ColumnSizingState;\n    columnVisibility?: VisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: Table3FontSize;\n    rowHeight?: Table3RowHeight;\n    showWarningWhenPrintingLargeDataset?: boolean;\n    sorting?: SortingState;\n};\nexport type Table3SettingsHandler = (settings: Table3Settings) => void | Promise<void>;\n\nexport enum Table3FilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsEmpty,\n    IsNotEmpty,\n    IsLessThanOrEqualTo,\n    IsGreaterThanOrEqualTo,\n    HasAnyOf,\n    HasAllOf,\n    HasNoneOf,\n}\n\nexport type Table3FilterValue = {\n    comparator: Table3FilterComparator;\n    value: any;\n};\n\nexport type Table3Filter = { id: string; value: Table3FilterValue };\n\nexport type ColumnFilter = RTColumnFilter;\nexport type Table3FilterHandler = (filters: ColumnFilter[]) => void;\nexport type Table3LoadPageHandler = (\n    pageIndex: number,\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<void>;\nexport type Table3LoadAllHandler = (\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<void>;\nexport type Table3RowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: Table3ColumnSort[],\n    filters: ColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type Table3ColumnSort = RTTableColumnSort;\nexport type Table3SortHandler = (sorting: Table3ColumnSort[]) => void;\nexport type TableStrategy = {\n    renderBody: () => JSX.Element | JSX.Element[] | null;\n    scrollToIndex: (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\n};\nexport type Table3ShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type Table3ShortcutHandlerObject<TType = unknown> = {\n    handler: Table3ShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\nexport type Table3Shortcuts<TType = unknown> = Record<\n    string,\n    Table3ShortcutHandlerFn<TType> | Table3ShortcutHandlerObject<TType>\n>;\nexport type Table3SaveHandler<TType = unknown> = (data: TType) => Promise<void>;\n\nexport type Table3Options = {\n    enableColumnFreezing: boolean;\n    enableColumnHiding: boolean;\n    enableColumnOrdering: boolean;\n    enableColumnResizing: boolean;\n    enableFontSize: boolean;\n    enableFooter: boolean;\n    enablePrinting: boolean;\n    enableRowDrag: boolean;\n    enableRowDrop: boolean;\n    enableRowExpansion: boolean;\n    enableRowGoto: boolean;\n    enableRowHeight: boolean;\n    enableRowSelection: boolean;\n    enableRowSelectionSingle: boolean;\n    enableEditing: boolean;\n    enableFiltering: boolean;\n    enableSearch: boolean;\n    enableSorting: boolean;\n};\n\nexport type Table3CustomSettingRenderer = (props: Table3Settings) => React.ReactElement<MenuItemProps> | null;\n\nexport type Table3CommonProps<TType = unknown> = Partial<Table3Options> & {\n    actionsForRow?: Table3RowActionRenderer<TType>[];\n    actionsForRowLength?: number;\n    autoFocus?: boolean;\n    children: (JSX.Element | boolean | null | undefined)[];\n    customSettings?: Table3CustomSettingRenderer[];\n    data: TType[];\n    defaultColumnFreezingIndex?: number;\n    defaultCurrentRowIndex?: number;\n    defaultSettings?: Table3Settings;\n    emptyState?: () => JSX.Element | null;\n    expandedRowRenderer?: Table3RowExpansionRenderer<TType>;\n    id: string;\n    onChangeSettings?: Table3SettingsHandler;\n    onRowClick?: Table3RowClickHandler<TType>;\n    onRowDrag?: Table3RowDragHandler<TType>;\n    onRowDrop?: Table3RowDropHandler<TType>;\n    onRowGoto?: Table3RowGotoHandler;\n    onRowSelect?: Table3RowSelectionHandler<TType>;\n    onFilter?: Table3FilterHandler;\n    onSave?: Table3SaveHandler<TType>;\n    onSort?: Table3SortHandler;\n    preset?: Table3Preset;\n    shortcuts?: Table3Shortcuts<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n};\n\ninterface Table3ClientProps<TType = unknown> extends Table3CommonProps<TType> {\n    length?: never;\n    loadPage?: never;\n    loadAll?: never;\n    pageSize?: never;\n}\n\ninterface Table3ServerProps<TType = unknown> extends Table3CommonProps<TType> {\n    length: number | undefined;\n    loadPage: Table3LoadPageHandler;\n    loadAll: Table3LoadAllHandler;\n    pageSize?: number;\n}\n\nexport type Table3Props<TType = unknown> = Table3ClientProps<TType> | Table3ServerProps<TType>;\n\nexport type Table3Ref = HTMLDivElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n        toggleEditing: (enabled: boolean | undefined) => void;\n    };\n};\n\nexport type Table3Texts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    editing: {\n        actions: {\n            tooltip: string;\n            save: string;\n            clear: string;\n            exit: string;\n        };\n        buttons: {\n            edit: {\n                tooltip: string;\n            };\n        };\n        rowIndicator: {\n            rowWillMove: string;\n            rowWillBeHidden: string;\n            rowWillMoveReasonSearch: string;\n            rowWillMoveReasonFilter: string;\n            rowWillMoveReasonSorting: string;\n        };\n        saving: {\n            progress: string;\n            complete: string;\n        };\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n};\n"],"names":["Table3FilterComparator"],"mappings":"IA8GYA;AAAZ,WAAYA,sBAAsB;EAC9BA,2EAAQ;EACRA,uFAAc;EACdA,6EAAS;EACTA,mFAAY;EACZA,qFAAa;EACbA,+EAAU;EACVA,6EAAS;EACTA,yEAAO;EACPA,+EAAU;EACVA,iGAAmB;EACnBA,wGAAsB;EACtBA,4EAAQ;EACRA,4EAAQ;EACRA,8EAAS;AACb,CAAC,EAfWA,sBAAsB,KAAtBA,sBAAsB;;;;"}

package/dist/esm/packages/taco/src/index.js

@@ -38,6 +38,7 @@ export { Listbox, MultiListbox } from './components/Listbox/Listbox.js';
 export { Shortcut } from './components/Shortcut/Shortcut.js';
 export { RadioGroup, findByValue, getRadioGroupItemValueAsString, useRadioGroup } from './components/RadioGroup/RadioGroup.js';
 export { Menu } from './components/Menu/Menu.js';
+export { ModeSwitch } from './components/ModeSwitch/ModeSwitch.js';
 export { Treeview } from './components/Treeview/Treeview.js';
 export { useDropTarget } from './utils/hooks/useDropTarget.js';
 export { Navigation } from './components/Navigation/Navigation.js';

package/dist/esm/packages/taco/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -24,6 +24,7 @@ export * from './components/IconButton/IconButton';
 export * from './components/Input/Input';
 export * from './components/Listbox/Listbox';
 export * from './components/Menu/Menu';
+export * from './components/ModeSwitch/ModeSwitch';
 export * from './components/Navigation/Navigation';
 export * from './components/OverflowGroup/OverflowGroup';
 export * from './components/Pagination/Pagination';