@economic/taco 2.24.0 → 2.25.0

package/dist/esm/packages/taco/src/components/Report/components/Header/components/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../../../../../../src/components/Report/components/Header/components/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { Menu as MenuPrimitive } from '../../../../Menu/Menu';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { GotoPopover } from './Goto';\nimport { TableColumnMenu, TableColumnSortDirection } from '../../../../../primitives/Table/types';\n\nexport type HeaderMenuProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    canGoto: boolean;\n    canHide: boolean;\n    canPin: boolean;\n    canSort: boolean;\n    customMenu?: TableColumnMenu;\n    index: number;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    // scrollToIndex: TableStrategy['scrollToIndex'];\n    setRowActiveIndex: (index: number) => void;\n    sortDirection?: TableColumnSortDirection | false;\n};\n\nexport function HeaderMenu(props: HeaderMenuProps) {\n    const {\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        index,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onSortToggle: handleSortToggle,\n        //   scrollToIndex,\n        setRowActiveIndex,\n        sortDirection,\n    } = props;\n    const { texts } = useLocalization();\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\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                            // scroll to first, row active might not be enabled\n                            //scrollToIndex(index + 2, { align: 'center' });\n                            setRowActiveIndex(index);\n                        } catch (e) {\n                            console.error(e);\n                            //\n                        } finally {\n                            handleClosePopover();\n                        }\n                    };\n                    popoverElement = props => <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />;\n                }\n            }\n        }\n    }\n\n    const memoedMenuItems = React.useMemo(() => {\n        const menuItems: JSX.Element[] = [];\n\n        if (canHide && handleHide) {\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        if (canSort) {\n            menuItems.push(\n                <MenuPrimitive.Item\n                    icon=\"sort-by\"\n                    subMenu={() => (\n                        <MenuPrimitive.SubMenu>\n                            <MenuPrimitive.RadioGroup onChange={handleSortToggle as any} value={sortDirection}>\n                                <MenuPrimitive.RadioGroup.Item value=\"asc\">\n                                    {texts.table3.columns.menu.sortingOrder.ascending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value=\"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 (canGoto) {\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 (canPin && handlePin) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-freeze\" onClick={() => handlePin(index)}>\n                    {index === 0\n                        ? texts.table3.columns.menu.freezeFirstColumn\n                        : texts.table3.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))}\n                </MenuPrimitive.Item>\n            );\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-unfreeze\" onClick={() => handlePin(undefined)}>\n                    {texts.table3.columns.menu.unfreezeColumns}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (customMenu) {\n            const menu = customMenu({ trigger: undefined });\n            const customItems = React.Children.toArray(menu.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    }, [canGoto, canHide, canPin, canSort, customMenu, handleGoto, handleSortToggle, index, sortDirection]);\n\n    // can't use display: none because the button needs to be focusable\n    const className = cn(\n        // positioning\n        'justify-end -mr-1 overflow-hidden',\n        // sizing\n        '!h-6 !w-0 !min-h-[theme(spacing.6)] !min-w-0',\n        // visible - hover\n        'group-hover/header:!w-6 group-hover/header:!min-w-[theme(spacing.6)]',\n        // visible - expanded\n        'aria-expanded:!w-6 aria-expanded:!min-w-[theme(spacing.6)]',\n        // visible - focus\n        'focus:!w-6 focus:!min-w-[theme(spacing.6)]',\n        {\n            '!w-6 !min-w-[theme(spacing.6)]': !!popoverElement,\n        },\n        props.className\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":["HeaderMenu","props","canGoto","canHide","canPin","canSort","customMenu","index","onGoto","handleGoto","onHide","handleHide","onPin","handlePin","onSortToggle","handleSortToggle","setRowActiveIndex","sortDirection","texts","useLocalization","popover","setPopover","React","useState","undefined","popoverElement","handleClosePopover","goto","query","Promise","resolve","then","e","console","error","_wasThrown","_result","_temp","reject","GotoPopover","open","onChange","memoedMenuItems","useMemo","menuItems","handleClick","event","setTimeout","push","MenuPrimitive","Item","icon","onClick","table3","columns","menu","hideColumn","subMenu","SubMenu","RadioGroup","value","sortingOrder","ascending","descending","unsorted","sorting","shortcut","gotoRow","freezeFirstColumn","freezeUptoColumn","replace","String","unfreezeColumns","trigger","customItems","Children","toArray","children","length","Separator","map","item","key","cloneElement","className","cn","IconButton","menuProps","Content","onClickCapture","preventDefault"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../../../../../../../../../src/components/Report/components/Header/components/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { Menu as MenuPrimitive } from '../../../../Menu/Menu';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { GotoPopover } from './Goto';\nimport { TableColumnMenu, TableColumnSortDirection } from '../../../../../primitives/Table/types';\n\nexport type HeaderMenuProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    canFilter: boolean;\n    canGoto: boolean;\n    canHide: boolean;\n    canPin: boolean;\n    canSort: boolean;\n    customMenu?: TableColumnMenu;\n    index: number;\n    isFiltered: boolean;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    // scrollToIndex: TableStrategy['scrollToIndex'];\n    setRowActiveIndex: (index: number) => void;\n    sortDirection?: TableColumnSortDirection | false;\n};\n\nexport function HeaderMenu(props: HeaderMenuProps) {\n    const {\n        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        index,\n        isFiltered,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onSortToggle: handleSortToggle,\n        //   scrollToIndex,\n        setRowActiveIndex,\n        sortDirection,\n    } = props;\n    const { texts } = useLocalization();\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\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                            // scroll to first, row active might not be enabled\n                            //scrollToIndex(index + 2, { align: 'center' });\n                            setRowActiveIndex(index);\n                        } catch (e) {\n                            console.error(e);\n                            //\n                        } finally {\n                            handleClosePopover();\n                        }\n                    };\n                    popoverElement = props => <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />;\n                }\n            }\n        }\n    }\n\n    const memoedMenuItems = React.useMemo(() => {\n        const menuItems: JSX.Element[] = [];\n\n        if (canHide && handleHide) {\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        if (canSort) {\n            menuItems.push(\n                <MenuPrimitive.Item\n                    icon=\"sort-by\"\n                    subMenu={() => (\n                        <MenuPrimitive.SubMenu>\n                            <MenuPrimitive.RadioGroup onChange={handleSortToggle as any} value={sortDirection}>\n                                <MenuPrimitive.RadioGroup.Item value=\"asc\">\n                                    {texts.table3.columns.menu.sortingOrder.ascending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value=\"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 (canGoto) {\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 (canPin && handlePin) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-freeze\" onClick={() => handlePin(index)}>\n                    {index === 0\n                        ? texts.table3.columns.menu.freezeFirstColumn\n                        : texts.table3.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))}\n                </MenuPrimitive.Item>\n            );\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-unfreeze\" onClick={() => handlePin(undefined)}>\n                    {texts.table3.columns.menu.unfreezeColumns}\n                </MenuPrimitive.Item>\n            );\n        }\n        if (canFilter && handleFilter) {\n            menuItems.push(\n                <MenuPrimitive.Item icon={isFiltered ? 'filter-solid' : 'filter'} onClick={() => handleFilter()}>\n                    {isFiltered ? texts.table3.columns.menu.editFilter : texts.table3.columns.menu.filter}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (customMenu) {\n            const menu = customMenu({ trigger: undefined });\n            const customItems = React.Children.toArray(menu.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        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        handleGoto,\n        handleSortToggle,\n        index,\n        isFiltered,\n        sortDirection,\n    ]);\n\n    // can't use display: none because the button needs to be focusable\n    const className = cn(\n        // positioning\n        'justify-end -mr-1 overflow-hidden',\n        // sizing\n        '!h-6 !w-0 !min-h-[theme(spacing.6)] !min-w-0',\n        // visible - hover\n        'group-hover/header:!w-6 group-hover/header:!min-w-[theme(spacing.6)]',\n        // visible - expanded\n        'aria-expanded:!w-6 aria-expanded:!min-w-[theme(spacing.6)]',\n        // visible - focus\n        'focus:!w-6 focus:!min-w-[theme(spacing.6)]',\n        {\n            '!w-6 !min-w-[theme(spacing.6)]': !!popoverElement,\n        },\n        props.className\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":["HeaderMenu","props","canFilter","canGoto","canHide","canPin","canSort","customMenu","index","isFiltered","onFilter","handleFilter","onGoto","handleGoto","onHide","handleHide","onPin","handlePin","onSortToggle","handleSortToggle","setRowActiveIndex","sortDirection","texts","useLocalization","popover","setPopover","React","useState","undefined","popoverElement","handleClosePopover","goto","query","Promise","resolve","then","e","console","error","_wasThrown","_result","_temp","reject","GotoPopover","open","onChange","memoedMenuItems","useMemo","menuItems","handleClick","event","setTimeout","push","MenuPrimitive","Item","icon","onClick","table3","columns","menu","hideColumn","subMenu","SubMenu","RadioGroup","value","sortingOrder","ascending","descending","unsorted","sorting","shortcut","gotoRow","freezeFirstColumn","freezeUptoColumn","replace","String","unfreezeColumns","editFilter","filter","trigger","customItems","Children","toArray","children","length","Separator","map","item","key","cloneElement","className","cn","IconButton","menuProps","Content","onClickCapture","preventDefault"],"mappings":";;;;;;;;SA2BgBA,UAAUA,CAACC,KAAsB;EAC7C,MAAM;IACFC,SAAS;IACTC,OAAO;IACPC,OAAO;IACPC,MAAM;IACNC,OAAO;IACPC,UAAU;IACVC,KAAK;IACLC,UAAU;IACVC,QAAQ,EAAEC,YAAY;IACtBC,MAAM,EAAEC,UAAU;IAClBC,MAAM,EAAEC,UAAU;IAClBC,KAAK,EAAEC,SAAS;IAChBC,YAAY,EAAEC,gBAAgB;;IAE9BC,iBAAiB;IACjBC;GACH,GAAGpB,KAAK;EACT,MAAM;IAAEqB;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAqBC,SAAS,CAAC;EAE3E,IAAIC,cAAc;EAElB,IAAIL,OAAO,EAAE;IACT,MAAMM,kBAAkB,GAAGA,MAAML,UAAU,CAACG,SAAS,CAAC;IAEtD,QAAQJ,OAAO;MACX,KAAK,MAAM;QAAE;UACT,IAAIX,UAAU,EAAE;YACZ,MAAMkB,IAAI,aAAUC,KAAa;cAAA;;4CACzB;oBAAA,OAAAC,OAAA,CAAAC,OAAA,CACoBrB,UAAU,CAACmB,KAAK,CAAC,EAAAG,IAAA,WAA/B3B,KAAK;;;sBAGXY,iBAAiB,CAACZ,KAAK,CAAC;;mBAC3B,YAAQ4B,CAAC,EAAE;oBACRC,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;;mBAEnB;6BAAAG,UAAA,EAAAC,OAAA;kBACGV,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,QAAAC,CAAA;gBAAA,OAAAH,OAAA,CAAAS,MAAA,CAAAN,CAAA;;;YACDP,cAAc,GAAG5B,KAAK,iBAAIyB,6BAACiB,WAAW,oBAAK1C,KAAK;cAAE2C,IAAI;cAACC,QAAQ,EAAEf,kBAAkB;cAAElB,MAAM,EAAEmB;eAAQ;;;;;EAMrH,MAAMe,eAAe,GAAGpB,cAAK,CAACqB,OAAO,CAAC;IAClC,MAAMC,SAAS,GAAkB,EAAE;IAEnC,IAAI5C,OAAO,IAAIW,UAAU,EAAE;;MAEvB,MAAMkC,WAAW,GAAGC,KAAK,IAAIC,UAAU,CAAC,MAAMpC,UAAU,CAACmC,KAAK,CAAC,EAAE,CAAC,CAAC;MAEnEF,SAAS,CAACI,IAAI,eACV1B,6BAAC2B,IAAa,CAACC,IAAI;QAACC,IAAI,EAAC,SAAS;QAACC,OAAO,EAAEP;SACvC3B,KAAK,CAACmC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,UAAU,CACpB,CACxB;;IAGL,IAAItD,OAAO,EAAE;MACT0C,SAAS,CAACI,IAAI,eACV1B,6BAAC2B,IAAa,CAACC,IAAI;QACfC,IAAI,EAAC,SAAS;QACdM,OAAO,EAAEA,qBACLnC,6BAAC2B,IAAa,CAACS,OAAO,qBAClBpC,6BAAC2B,IAAa,CAACU,UAAU;UAAClB,QAAQ,EAAE1B,gBAAuB;UAAE6C,KAAK,EAAE3C;wBAChEK,6BAAC2B,IAAa,CAACU,UAAU,CAACT,IAAI;UAACU,KAAK,EAAC;WAChC1C,KAAK,CAACmC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACM,YAAY,CAACC,SAAS,CACrB,eAChCxC,6BAAC2B,IAAa,CAACU,UAAU,CAACT,IAAI;UAACU,KAAK,EAAC;WAChC1C,KAAK,CAACmC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACM,YAAY,CAACE,UAAU,CACtB,eAChCzC,6BAAC2B,IAAa,CAACU,UAAU,CAACT,IAAI;UAACU,KAAK,EAAE;WACjC1C,KAAK,CAACmC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACM,YAAY,CAACG,QAAQ,CACpB,CACT,CACP;SAE3B9C,KAAK,CAACmC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACU,OAAO,CACjB,CACxB;;IAGL,IAAIlE,OAAO,EAAE;MACT6C,SAAS,CAACI,IAAI,eACV1B,6BAAC2B,IAAa,CAACC,IAAI;QAACC,IAAI,EAAC,MAAM;QAACC,OAAO,EAAEA,MAAM/B,UAAU,CAAC,MAAM,CAAC;QAAE6C,QAAQ,EAAC;SACvEhD,KAAK,CAACmC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACY,OAAO,QACjB,CACxB;;IAGL,IAAIlE,MAAM,IAAIY,SAAS,EAAE;MACrB+B,SAAS,CAACI,IAAI,eACV1B,6BAAC2B,IAAa,CAACC,IAAI;QAACC,IAAI,EAAC,eAAe;QAACC,OAAO,EAAEA,MAAMvC,SAAS,CAACT,KAAK;SAClEA,KAAK,KAAK,CAAC,GACNc,KAAK,CAACmC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACa,iBAAiB,GAC3ClD,KAAK,CAACmC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACc,gBAAgB,CAACC,OAAO,CAAC,SAAS,EAAEC,MAAM,CAACnE,KAAK,GAAG,CAAC,CAAC,CAAC,CACrE,CACxB;MAEDwC,SAAS,CAACI,IAAI,eACV1B,6BAAC2B,IAAa,CAACC,IAAI;QAACC,IAAI,EAAC,iBAAiB;QAACC,OAAO,EAAEA,MAAMvC,SAAS,CAACW,SAAS;SACxEN,KAAK,CAACmC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACiB,eAAe,CACzB,CACxB;;IAEL,IAAI1E,SAAS,IAAIS,YAAY,EAAE;MAC3BqC,SAAS,CAACI,IAAI,eACV1B,6BAAC2B,IAAa,CAACC,IAAI;QAACC,IAAI,EAAE9C,UAAU,GAAG,cAAc,GAAG,QAAQ;QAAE+C,OAAO,EAAEA,MAAM7C,YAAY;SACxFF,UAAU,GAAGa,KAAK,CAACmC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACkB,UAAU,GAAGvD,KAAK,CAACmC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACmB,MAAM,CACpE,CACxB;;IAGL,IAAIvE,UAAU,EAAE;MACZ,MAAMoD,IAAI,GAAGpD,UAAU,CAAC;QAAEwE,OAAO,EAAEnD;OAAW,CAAC;MAC/C,MAAMoD,WAAW,GAAGtD,cAAK,CAACuD,QAAQ,CAACC,OAAO,CAACvB,IAAI,CAAC1D,KAAK,CAACkF,QAAQ,CAAClF,KAAK,CAACkF,QAAQ,CAAkB;MAE/F,IAAIH,WAAW,CAACI,MAAM,EAAE;QACpB,IAAIpC,SAAS,CAACoC,MAAM,EAAE;UAClBpC,SAAS,CAACI,IAAI,eAAC1B,6BAAC2B,IAAa,CAACgC,SAAS,OAAG,CAAC;;QAG/CrC,SAAS,CAACI,IAAI,CAAC,GAAG4B,WAAW,CAAC;;;IAItC,OAAOhC,SAAS,CAACsC,GAAG,CAAC,CAACC,IAAI,EAAEC,GAAG,kBAAK9D,cAAK,CAAC+D,YAAY,CAACF,IAAI,EAAE;MAAEC;KAAK,CAAC,CAAC;GACzE,EAAE,CACCtF,SAAS,EACTC,OAAO,EACPC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,UAAU,EACVM,UAAU,EACVM,gBAAgB,EAChBX,KAAK,EACLC,UAAU,EACVY,aAAa,CAChB,CAAC;;EAGF,MAAMqE,SAAS,GAAGC,EAAE;;EAEhB,mCAAmC;;EAEnC,8CAA8C;;EAE9C,sEAAsE;;EAEtE,4DAA4D;;EAE5D,4CAA4C,EAC5C;IACI,gCAAgC,EAAE,CAAC,CAAC9D;GACvC,EACD5B,KAAK,CAACyF,SAAS,CAClB;EAED,oBACIhE,6BAACkE,UAAU;IACPF,SAAS,EAAEA,SAAS;IACpBnC,IAAI,EAAC,MAAM;IACXI,IAAI,EACA9B,cAAc,GACRD,SAAS,GACTiE,SAAS,mBACLnE,6BAAC2B,IAAa,oBAAKwC,SAAS,gBACxBnE,6BAAC2B,IAAa,CAACyC,OAAO,QAAEhD,eAAe,CAAyB,CACpD,CACnB;IAEXtB,OAAO,EAAEK,cAAc;IACvBkE,cAAc,EAAE7C,KAAK,IAAIA,KAAK,CAAC8C,cAAc;IAC/C;AAEV;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Header/util.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { isInternalColumn } from '../../../../primitives/Table/useTable/util/columns.js';
+import { isInternalColumn } from '../../../../primitives/Table/useTableManager/util/columns.js';
 
 function useSetInitialColumnSizing(id, defaultWidth, width, element, canMeasureSize, setColumnSizing) {
   React__default.useEffect(() => {

package/dist/esm/packages/taco/src/components/Report/components/Header/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../../../src/components/Report/components/Header/util.ts"],"sourcesContent":["import React from 'react';\nimport { Header as ReactTableHeader, ColumnPinningPosition as ReactTableColumnPinningPosition } from '@tanstack/react-table';\nimport { TableColumnWidth } from '../../../../primitives/Table/types';\nimport { isInternalColumn } from '../../../../primitives/Table/useTable/util/columns';\n\nexport function useSetInitialColumnSizing(\n    id: string,\n    defaultWidth: TableColumnWidth | undefined,\n    width: TableColumnWidth | undefined,\n    element: HTMLTableCellElement | null,\n    canMeasureSize: boolean,\n    setColumnSizing: any\n) {\n    React.useEffect(() => {\n        // columns that aren't set to grow must set a pixel width...\n        // otherwise when scrolling through the table, the column widths adjust based on the content\n        // of the column, this is because to the virtualisation mounting new rows and unmounting old ones\n        if (canMeasureSize && element && !Number.isInteger(width) && !isInternalColumn(id) && defaultWidth !== 'grow') {\n            setColumnSizing(sizes => ({\n                ...sizes,\n                [id]: element.getBoundingClientRect().width,\n            }));\n        }\n    }, [element, canMeasureSize, width]);\n}\n\nexport function getIsPinned<TType = unknown>(\n    header: ReactTableHeader<TType, unknown>\n): ReactTableColumnPinningPosition | undefined {\n    // TODO: Is there a native function that does this check for groups?\n    return header.subHeaders?.length\n        ? header.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : header.column.getIsPinned();\n}\n"],"names":["useSetInitialColumnSizing","id","defaultWidth","width","element","canMeasureSize","setColumnSizing","React","useEffect","Number","isInteger","isInternalColumn","sizes","getBoundingClientRect","getIsPinned","header","_header$subHeaders","subHeaders","length","_header$subHeaders$fi","find","x","column"],"mappings":";;;SAKgBA,yBAAyBA,CACrCC,EAAU,EACVC,YAA0C,EAC1CC,KAAmC,EACnCC,OAAoC,EACpCC,cAAuB,EACvBC,eAAoB;EAEpBC,cAAK,CAACC,SAAS,CAAC;;;;IAIZ,IAAIH,cAAc,IAAID,OAAO,IAAI,CAACK,MAAM,CAACC,SAAS,CAACP,KAAK,CAAC,IAAI,CAACQ,gBAAgB,CAACV,EAAE,CAAC,IAAIC,YAAY,KAAK,MAAM,EAAE;MAC3GI,eAAe,CAACM,KAAK,KAAK;QACtB,GAAGA,KAAK;QACR,CAACX,EAAE,GAAGG,OAAO,CAACS,qBAAqB,EAAE,CAACV;OACzC,CAAC,CAAC;;GAEV,EAAE,CAACC,OAAO,EAAEC,cAAc,EAAEF,KAAK,CAAC,CAAC;AACxC;SAEgBW,WAAWA,CACvBC,MAAwC;;;EAGxC,OAAO,CAAAC,kBAAA,GAAAD,MAAM,CAACE,UAAU,cAAAD,kBAAA,eAAjBA,kBAAA,CAAmBE,MAAM,IAAAC,qBAAA,GAC1BJ,MAAM,CAACE,UAAU,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,MAAM,CAACR,WAAW,EAAE,CAAC,cAAAK,qBAAA,uBAAnDA,qBAAA,CAAqDG,MAAM,CAACR,WAAW,EAAE,GACzEC,MAAM,CAACO,MAAM,CAACR,WAAW,EAAE;AACrC;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../../../src/components/Report/components/Header/util.ts"],"sourcesContent":["import React from 'react';\nimport { Header as ReactTableHeader, ColumnPinningPosition as ReactTableColumnPinningPosition } from '@tanstack/react-table';\nimport { TableColumnWidth } from '../../../../primitives/Table/types';\nimport { isInternalColumn } from '../../../../primitives/Table/useTableManager/util/columns';\n\nexport function useSetInitialColumnSizing(\n    id: string,\n    defaultWidth: TableColumnWidth | undefined,\n    width: TableColumnWidth | undefined,\n    element: HTMLTableCellElement | null,\n    canMeasureSize: boolean,\n    setColumnSizing: any\n) {\n    React.useEffect(() => {\n        // columns that aren't set to grow must set a pixel width...\n        // otherwise when scrolling through the table, the column widths adjust based on the content\n        // of the column, this is because to the virtualisation mounting new rows and unmounting old ones\n        if (canMeasureSize && element && !Number.isInteger(width) && !isInternalColumn(id) && defaultWidth !== 'grow') {\n            setColumnSizing(sizes => ({\n                ...sizes,\n                [id]: element.getBoundingClientRect().width,\n            }));\n        }\n    }, [element, canMeasureSize, width]);\n}\n\nexport function getIsPinned<TType = unknown>(\n    header: ReactTableHeader<TType, unknown>\n): ReactTableColumnPinningPosition | undefined {\n    // TODO: Is there a native function that does this check for groups?\n    return header.subHeaders?.length\n        ? header.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : header.column.getIsPinned();\n}\n"],"names":["useSetInitialColumnSizing","id","defaultWidth","width","element","canMeasureSize","setColumnSizing","React","useEffect","Number","isInteger","isInternalColumn","sizes","getBoundingClientRect","getIsPinned","header","_header$subHeaders","subHeaders","length","_header$subHeaders$fi","find","x","column"],"mappings":";;;SAKgBA,yBAAyBA,CACrCC,EAAU,EACVC,YAA0C,EAC1CC,KAAmC,EACnCC,OAAoC,EACpCC,cAAuB,EACvBC,eAAoB;EAEpBC,cAAK,CAACC,SAAS,CAAC;;;;IAIZ,IAAIH,cAAc,IAAID,OAAO,IAAI,CAACK,MAAM,CAACC,SAAS,CAACP,KAAK,CAAC,IAAI,CAACQ,gBAAgB,CAACV,EAAE,CAAC,IAAIC,YAAY,KAAK,MAAM,EAAE;MAC3GI,eAAe,CAACM,KAAK,KAAK;QACtB,GAAGA,KAAK;QACR,CAACX,EAAE,GAAGG,OAAO,CAACS,qBAAqB,EAAE,CAACV;OACzC,CAAC,CAAC;;GAEV,EAAE,CAACC,OAAO,EAAEC,cAAc,EAAEF,KAAK,CAAC,CAAC;AACxC;SAEgBW,WAAWA,CACvBC,MAAwC;;;EAGxC,OAAO,CAAAC,kBAAA,GAAAD,MAAM,CAACE,UAAU,cAAAD,kBAAA,eAAjBA,kBAAA,CAAmBE,MAAM,IAAAC,qBAAA,GAC1BJ,MAAM,CAACE,UAAU,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,MAAM,CAACR,WAAW,EAAE,CAAC,cAAAK,qBAAA,uBAAnDA,qBAAA,CAAqDG,MAAM,CAACR,WAAW,EAAE,GACzEC,MAAM,CAACO,MAAM,CAACR,WAAW,EAAE;AACrC;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/Filters.js

@@ -5,6 +5,7 @@ import { useLocalization } from '../../../../../Provider/Localization.js';
 import { Button } from '../../../../../Button/Button.js';
 import { Shortcut } from '../../../../../Shortcut/Shortcut.js';
 import { useIsLargeScreen } from '../../../../../../hooks/useIsLargeScreen.js';
+import { isEmptyFilter } from './util.js';
 import { ManageFiltersPopover } from './ManageFiltersPopover.js';
 
 function Filters(props) {
@@ -16,7 +17,9 @@ function Filters(props) {
     texts
   } = useLocalization();
   const isLargeScreen = useIsLargeScreen();
-  const appliedFilters = table.getState().columnFilters;
+  const columnFilters = table.getState().columnFilters;
+  const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));
+  const ref = React__default.useRef(null);
   const shortcut = {
     key: 'f',
     meta: true,
@@ -30,11 +33,20 @@ function Filters(props) {
       table: table
     })),
     shortcut,
+    ref,
     tooltip: ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table3.filters.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
       className: "ml-2",
       keys: shortcut
     })))
   };
+  React__default.useEffect(() => {
+    const emptyFilter = columnFilters.find(isEmptyFilter);
+    // we set an empty filter when adding a filter through a column header.
+    if (emptyFilter) {
+      var _ref$current;
+      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.click();
+    }
+  }, [columnFilters]);
   if (!isLargeScreen && !appliedFilters.length) {
     return /*#__PURE__*/React__default.createElement(IconButton, Object.assign({}, buttonProps, {
       icon: "filter"

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/Filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filters.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { useIsLargeScreen } from '../../../../../../hooks/useIsLargeScreen';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { IconButton } from '../../../../../IconButton/IconButton';\nimport { Button } from '../../../../../Button/Button';\nimport { Icon } from '../../../../../Icon/Icon';\nimport { Shortcut } from '../../../../../Shortcut/Shortcut';\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const appliedFilters = table.getState().columnFilters;\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table3.filters.tooltip,\n        className: appliedFilters.length ? '!wcag-blue-100' : undefined,\n        popover: popoverProps => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        tooltip: (\n            <>\n                {texts.table3.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <IconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <Button {...buttonProps}>\n            <Icon className={!isLargeScreen ? '-mr-1.5' : undefined} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table3.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </Button>\n    );\n}\n"],"names":["Filters","props","length","table","texts","useLocalization","isLargeScreen","useIsLargeScreen","appliedFilters","getState","columnFilters","shortcut","key","meta","shift","buttonProps","table3","filters","tooltip","className","undefined","popover","popoverProps","React","ManageFiltersPopover","Shortcut","keys","IconButton","icon","Button","Icon","name","button"],"mappings":";;;;;;;;;SAegBA,OAAOA,CAAkBC,KAA0B;EAC/D,MAAM;IAAEC,MAAM;IAAEC;GAAO,GAAGF,KAAK;EAC/B,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,aAAa,GAAGC,gBAAgB,EAAE;EACxC,MAAMC,cAAc,GAAGL,KAAK,CAACM,QAAQ,EAAE,CAACC,aAAa;EAErD,MAAMC,QAAQ,GAAG;IAAEC,GAAG,EAAE,GAAG;IAAEC,IAAI,EAAE,IAAI;IAAEC,KAAK,EAAE;GAAM;EAEtD,MAAMC,WAAW,GAAG;IAChB,YAAY,EAAEX,KAAK,CAACY,MAAM,CAACC,OAAO,CAACC,OAAO;IAC1CC,SAAS,EAAEX,cAAc,CAACN,MAAM,GAAG,gBAAgB,GAAGkB,SAAS;IAC/DC,OAAO,EAAEC,YAAY,iBAAIC,6BAACC,oBAAoB,oBAAKF,YAAY;MAAEpB,MAAM,EAAEA,MAAM;MAAEC,KAAK,EAAEA;OAAS;IACjGQ,QAAQ;IACRO,OAAO,iBACHK,4DACKnB,KAAK,CAACY,MAAM,CAACC,OAAO,CAACC,OAAO,eAC7BK,6BAACE,QAAQ;MAACN,SAAS,EAAC,MAAM;MAACO,IAAI,EAAEf;MAAY,CAC9C;GAEV;EAED,IAAI,CAACL,aAAa,IAAI,CAACE,cAAc,CAACN,MAAM,EAAE;IAC1C,oBAAOqB,6BAACI,UAAU,oBAAKZ,WAAW;MAAEa,IAAI,EAAC;OAAW;;EAGxD,oBACIL,6BAACM,MAAM,oBAAKd,WAAW,gBACnBQ,6BAACO,IAAI;IAACX,SAAS,EAAE,CAACb,aAAa,GAAG,SAAS,GAAGc,SAAS;IAAEW,IAAI,EAAEvB,cAAc,CAACN,MAAM,GAAG,cAAc,GAAG;IAAY,EACnHI,aAAa,GAAGF,KAAK,CAACY,MAAM,CAACC,OAAO,CAACe,MAAM,GAAG,EAAE,EAChDxB,cAAc,CAACN,MAAM,OAAOM,cAAc,CAACN,SAAS,GAAG,EAAE,CACrD;AAEjB;;;;"}
+{"version":3,"file":"Filters.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { useIsLargeScreen } from '../../../../../../hooks/useIsLargeScreen';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { IconButton } from '../../../../../IconButton/IconButton';\nimport { Button } from '../../../../../Button/Button';\nimport { Icon } from '../../../../../Icon/Icon';\nimport { Shortcut } from '../../../../../Shortcut/Shortcut';\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { TableFilter } from '../../../../../../primitives/Table/types';\nimport { isEmptyFilter } from './util';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table3.filters.tooltip,\n        className: appliedFilters.length ? '!wcag-blue-100' : undefined,\n        popover: popoverProps => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table3.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(isEmptyFilter);\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <IconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <Button {...buttonProps}>\n            <Icon className={!isLargeScreen ? '-mr-1.5' : undefined} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table3.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </Button>\n    );\n}\n"],"names":["Filters","props","length","table","texts","useLocalization","isLargeScreen","useIsLargeScreen","columnFilters","getState","appliedFilters","filter","f","isEmptyFilter","ref","React","useRef","shortcut","key","meta","shift","buttonProps","table3","filters","tooltip","className","undefined","popover","popoverProps","ManageFiltersPopover","Shortcut","keys","useEffect","emptyFilter","find","_ref$current","current","click","IconButton","icon","Button","Icon","name","button"],"mappings":";;;;;;;;;;SAiBgBA,OAAOA,CAAkBC,KAA0B;EAC/D,MAAM;IAAEC,MAAM;IAAEC;GAAO,GAAGF,KAAK;EAC/B,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,aAAa,GAAGC,gBAAgB,EAAE;EACxC,MAAMC,aAAa,GAAGL,KAAK,CAACM,QAAQ,EAAE,CAACD,aAA8B;EACrE,MAAME,cAAc,GAAGF,aAAa,CAACG,MAAM,CAACC,CAAC,IAAI,CAACC,aAAa,CAACD,CAAC,CAAC,CAAC;EACnE,MAAME,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAoB,IAAI,CAAC;EAEjD,MAAMC,QAAQ,GAAG;IAAEC,GAAG,EAAE,GAAG;IAAEC,IAAI,EAAE,IAAI;IAAEC,KAAK,EAAE;GAAM;EAEtD,MAAMC,WAAW,GAAG;IAChB,YAAY,EAAEjB,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACC,OAAO;IAC1CC,SAAS,EAAEf,cAAc,CAACR,MAAM,GAAG,gBAAgB,GAAGwB,SAAS;IAC/DC,OAAO,EAAEC,YAAY,iBAAIb,6BAACc,oBAAoB,oBAAKD,YAAY;MAAE1B,MAAM,EAAEA,MAAM;MAAEC,KAAK,EAAEA;OAAS;IACjGc,QAAQ;IACRH,GAAG;IACHU,OAAO,iBACHT,4DACKX,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACC,OAAO,eAC7BT,6BAACe,QAAQ;MAACL,SAAS,EAAC,MAAM;MAACM,IAAI,EAAEd;MAAY,CAC9C;GAEV;EAEDF,cAAK,CAACiB,SAAS,CAAC;IACZ,MAAMC,WAAW,GAAGzB,aAAa,CAAC0B,IAAI,CAACrB,aAAa,CAAC;;IAGrD,IAAIoB,WAAW,EAAE;MAAA,IAAAE,YAAA;MACb,CAAAA,YAAA,GAAArB,GAAG,CAACsB,OAAO,cAAAD,YAAA,uBAAXA,YAAA,CAAaE,KAAK,EAAE;;GAE3B,EAAE,CAAC7B,aAAa,CAAC,CAAC;EAEnB,IAAI,CAACF,aAAa,IAAI,CAACI,cAAc,CAACR,MAAM,EAAE;IAC1C,oBAAOa,6BAACuB,UAAU,oBAAKjB,WAAW;MAAEkB,IAAI,EAAC;OAAW;;EAGxD,oBACIxB,6BAACyB,MAAM,oBAAKnB,WAAW,gBACnBN,6BAAC0B,IAAI;IAAChB,SAAS,EAAE,CAACnB,aAAa,GAAG,SAAS,GAAGoB,SAAS;IAAEgB,IAAI,EAAEhC,cAAc,CAACR,MAAM,GAAG,cAAc,GAAG;IAAY,EACnHI,aAAa,GAAGF,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACoB,MAAM,GAAG,EAAE,EAChDjC,cAAc,CAACR,MAAM,OAAOQ,cAAc,CAACR,SAAS,GAAG,EAAE,CACrD;AAEjB;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/ManageFiltersPopover.js

@@ -3,9 +3,9 @@ import { useLocalization } from '../../../../../Provider/Localization.js';
 import { Button } from '../../../../../Button/Button.js';
 import { Popover } from '../../../../../Popover/Popover.js';
 import { Group } from '../../../../../Group/Group.js';
-import { isInternalColumn } from '../../../../../../primitives/Table/useTable/util/columns.js';
+import { isInternalColumn } from '../../../../../../primitives/Table/useTableManager/util/columns.js';
 import { TableFilterComparator } from '../../../../../../primitives/Table/types.js';
-import { sortByHeader } from './util.js';
+import { sortByHeader, isEmptyFilter } from './util.js';
 import { Filter } from './components/Filter.js';
 
 const placeholderFilter = {
@@ -26,15 +26,19 @@ function ManageFiltersPopover(props) {
     texts
   } = useLocalization();
   const allColumns = table.getAllLeafColumns().filter(column => !isInternalColumn(column.id)).sort(sortByHeader);
-  const appliedFilters = table.getState().columnFilters;
+  const columnFilters = table.getState().columnFilters;
   // state, since we "apply" filters - our filter values have a special shape, so we force to our type
-  const [filters, setFilters] = React__default.useState(appliedFilters.length ? appliedFilters : [placeholderFilter]);
-  // filters might reset from the outside
+  const [filters, setFilters] = React__default.useState(columnFilters.length ? columnFilters : [placeholderFilter]);
+  // this runs if filters are set outside (e.g. through column header)
   React__default.useEffect(() => {
-    if (appliedFilters.length === 0) {
-      setFilters([placeholderFilter]);
-    }
-  }, [appliedFilters]);
+    setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);
+    // focus the filter value, as we preset the column/comparator.
+    requestAnimationFrame(() => {
+      const filterValues = document.querySelectorAll('[data-query-selector="filter-value"]');
+      const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;
+      lastFilter === null || lastFilter === void 0 ? void 0 : lastFilter.focus();
+    });
+  }, [columnFilters]);
   // filters
   const handleChangeFilter = (position, filter) => {
     setFilters(currentFilters => {
@@ -77,8 +81,12 @@ function ManageFiltersPopover(props) {
     table.resetColumnFilters();
     setFilters([placeholderFilter]);
   };
-  const handleClose = () => {
-    setFilters(appliedFilters.length === 0 ? [placeholderFilter] : appliedFilters);
+  const handleClose = open => {
+    if (!open) {
+      const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));
+      table.setColumnFilters(nonEmptyFilters);
+      setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);
+    }
   };
   return /*#__PURE__*/React__default.createElement(Popover, Object.assign({}, popoverProps, {
     onChange: handleClose

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/ManageFiltersPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManageFiltersPopover.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Popover } from '../../../../../Popover/Popover';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { Button } from '../../../../../Button/Button';\nimport { Group } from '../../../../../Group/Group';\nimport { sortByHeader } from './util';\nimport { isInternalColumn } from '../../../../../../primitives/Table/useTable/util/columns';\nimport { TableFilter, TableFilterComparator, TableFilterValue } from '../../../../../../primitives/Table/types';\nimport { Filter } from './components/Filter';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const appliedFilters = table.getState().columnFilters as TableFilter[];\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(appliedFilters.length ? appliedFilters : [placeholderFilter]);\n\n    // filters might reset from the outside\n    React.useEffect(() => {\n        if (appliedFilters.length === 0) {\n            setFilters([placeholderFilter]);\n        }\n    }, [appliedFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = position => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(c => c.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                return !!f.value.value;\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = () => {\n        setFilters(appliedFilters.length === 0 ? [placeholderFilter] : appliedFilters);\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <div className=\"flex w-[40rem] flex-col gap-4\">\n                    <div className=\"flex h-8\">\n                        <div className=\"flex w-full items-center gap-2\">\n                            <h4 className=\"mb-0 inline-flex\">{texts.table3.filters.button}</h4>\n                            <p className=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n                                {texts.table3.filters.total\n                                    .replace(\n                                        '[CURRENT]',\n                                        new Intl.NumberFormat(locale).format(table.getFilteredRowModel().rows.length)\n                                    )\n                                    .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                            </p>\n                        </div>\n                    </div>\n                    <div className=\"flex flex-col gap-2\">\n                        {filters.map((filter, index) => (\n                            <Filter\n                                key={`filter_${index}`}\n                                allColumns={allColumns}\n                                filter={filter}\n                                filters={filters}\n                                position={index}\n                                onChange={handleChangeFilter}\n                                onRemove={\n                                    (filters.length > 0 && filters.some(f => f.id)) || filters.length > 1\n                                        ? handleRemoveFilter\n                                        : undefined\n                                }\n                            />\n                        ))}\n                        <div className=\"justify-start\">\n                            <Button appearance=\"discrete\" onClick={handleCreate}>\n                                + {texts.table3.filters.buttons.addFilter}\n                            </Button>\n                        </div>\n                    </div>\n                    <Group className=\"ml-auto\">\n                        <Popover.Close>\n                            <Button>Cancel</Button>\n                        </Popover.Close>\n                        <Button onClick={handleClear}>Clear</Button>\n                        <Button appearance=\"primary\" onClick={handleApply}>\n                            Apply\n                        </Button>\n                    </Group>\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["placeholderFilter","id","value","comparator","TableFilterComparator","Contains","undefined","ManageFiltersPopover","props","length","table","popoverProps","locale","texts","useLocalization","allColumns","getAllLeafColumns","filter","column","isInternalColumn","sort","sortByHeader","appliedFilters","getState","columnFilters","filters","setFilters","React","useState","useEffect","handleChangeFilter","position","currentFilters","map","current","index","handleRemoveFilter","_","handleCreate","concat","handleApply","setColumnFilters","newFilters","f","controlRenderer","_allColumns$find","find","c","_allColumns$find$colu","columnDef","meta","control","IsEmpty","IsNotEmpty","handleClear","resetColumnFilters","handleClose","Popover","onChange","Content","className","table3","button","total","replace","Intl","NumberFormat","format","getFilteredRowModel","rows","Filter","key","onRemove","some","Button","appearance","onClick","buttons","addFilter","Group","Close"],"mappings":"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"}
+{"version":3,"file":"ManageFiltersPopover.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\nimport { Popover } from '../../../../../Popover/Popover';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { Button } from '../../../../../Button/Button';\nimport { Group } from '../../../../../Group/Group';\nimport { isEmptyFilter, sortByHeader } from './util';\nimport { isInternalColumn } from '../../../../../../primitives/Table/useTableManager/util/columns';\nimport { TableFilter, TableFilterComparator, TableFilterValue } from '../../../../../../primitives/Table/types';\nimport { Filter } from './components/Filter';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = position => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(c => c.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                return !!f.value.value;\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <div className=\"flex w-[40rem] flex-col gap-4\">\n                    <div className=\"flex h-8\">\n                        <div className=\"flex w-full items-center gap-2\">\n                            <h4 className=\"mb-0 inline-flex\">{texts.table3.filters.button}</h4>\n                            <p className=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n                                {texts.table3.filters.total\n                                    .replace(\n                                        '[CURRENT]',\n                                        new Intl.NumberFormat(locale).format(table.getFilteredRowModel().rows.length)\n                                    )\n                                    .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                            </p>\n                        </div>\n                    </div>\n                    <div className=\"flex flex-col gap-2\">\n                        {filters.map((filter, index) => (\n                            <Filter\n                                key={`filter_${index}`}\n                                allColumns={allColumns}\n                                filter={filter}\n                                filters={filters}\n                                position={index}\n                                onChange={handleChangeFilter}\n                                onRemove={\n                                    (filters.length > 0 && filters.some(f => f.id)) || filters.length > 1\n                                        ? handleRemoveFilter\n                                        : undefined\n                                }\n                            />\n                        ))}\n                        <div className=\"justify-start\">\n                            <Button appearance=\"discrete\" onClick={handleCreate}>\n                                + {texts.table3.filters.buttons.addFilter}\n                            </Button>\n                        </div>\n                    </div>\n                    <Group className=\"ml-auto\">\n                        <Popover.Close>\n                            <Button>Cancel</Button>\n                        </Popover.Close>\n                        <Button onClick={handleClear}>Clear</Button>\n                        <Button appearance=\"primary\" onClick={handleApply}>\n                            Apply\n                        </Button>\n                    </Group>\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["placeholderFilter","id","value","comparator","TableFilterComparator","Contains","undefined","ManageFiltersPopover","props","length","table","popoverProps","locale","texts","useLocalization","allColumns","getAllLeafColumns","filter","column","isInternalColumn","sort","sortByHeader","columnFilters","getState","filters","setFilters","React","useState","useEffect","requestAnimationFrame","filterValues","document","querySelectorAll","lastFilter","focus","handleChangeFilter","position","currentFilters","map","current","index","handleRemoveFilter","_","handleCreate","concat","handleApply","setColumnFilters","newFilters","f","controlRenderer","_allColumns$find","find","c","_allColumns$find$colu","columnDef","meta","control","IsEmpty","IsNotEmpty","handleClear","resetColumnFilters","handleClose","open","nonEmptyFilters","isEmptyFilter","Popover","onChange","Content","className","table3","button","total","replace","Intl","NumberFormat","format","getFilteredRowModel","rows","Filter","key","onRemove","some","Button","appearance","onClick","buttons","addFilter","Group","Close"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/components/FilterValue.js

@@ -5,6 +5,7 @@ import { Datepicker } from '../../../../../../Datepicker/Datepicker.js';
 import { TableFilterComparator } from '../../../../../../../primitives/Table/types.js';
 import { Switch } from '../../../../../../Switch/Switch.js';
 
+const querySelector = 'filter-value';
 function FilterValue(props) {
   const {
     column,
@@ -26,6 +27,7 @@ function FilterValue(props) {
       return /*#__PURE__*/React__default.createElement(Input, {
         "aria-label": texts.table3.filters.emptyFilter.value,
         className: "flex-grow",
+        "data-query-selector": querySelector,
         disabled: true,
         value: texts.table3.filters.emptyFilter.value
       });
@@ -35,10 +37,12 @@ function FilterValue(props) {
         className: "flex flex-grow items-center gap-2"
       }, /*#__PURE__*/React__default.createElement(Control, {
         column: column,
+        "data-query-selector": querySelector,
         onChange: value => handleChange([value, toValue]),
         value: fromValue
       }), /*#__PURE__*/React__default.createElement(Control, {
         column: column,
+        "data-query-selector": querySelector,
         onChange: value => handleChange([fromValue, value]),
         value: toValue
       }));
@@ -47,11 +51,13 @@ function FilterValue(props) {
       className: "flex flex-grow items-center gap-2"
     }, /*#__PURE__*/React__default.createElement(Control, {
       column: column,
+      "data-query-selector": querySelector,
       onChange: value => handleChange([isNaN(value) ? undefined : value, toValue]),
       placeholder: "from",
       value: fromValue !== null && fromValue !== void 0 ? fromValue : ''
     }), /*#__PURE__*/React__default.createElement(Control, {
       column: column,
+      "data-query-selector": querySelector,
       onChange: value => handleChange([fromValue, isNaN(value) ? undefined : value]),
       placeholder: "to",
       value: toValue !== null && toValue !== void 0 ? toValue : ''
@@ -60,6 +66,7 @@ function FilterValue(props) {
   return /*#__PURE__*/React__default.createElement(Control, {
     comparator: comparator,
     column: column,
+    "data-query-selector": querySelector,
     onChange: handleChange,
     value: value
   });
@@ -81,10 +88,13 @@ function Control(props) {
     }
   }, []);
   if (typeof controlRenderer === 'function') {
-    return controlRenderer({
+    return /*#__PURE__*/React__default.cloneElement(controlRenderer({
       ...attributes,
       setValue: value => onChange(value),
       value
+    }), {
+      ['data-query-selector']: querySelector,
+      className: 'focus:yt-focus'
     });
   } else if (controlRenderer === 'datepicker' || dataType === 'datetime') {
     return /*#__PURE__*/React__default.createElement(Datepicker, Object.assign({}, attributes, {

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/components/FilterValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterValue.js","sources":["../../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/components/FilterValue.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Input } from '../../../../../../Input/Input';\nimport { Datepicker } from '../../../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../../../Switch/Switch';\nimport { useLocalization } from '../../../../../../Provider/Localization';\nimport { TableFilterComparator } from '../../../../../../../primitives/Table/types';\n\nexport type FilterValueProps<TType = unknown> = {\n    column?: ReactTableColumn<TType, unknown>;\n    comparator: TableFilterComparator;\n    onChange: (value: any) => void;\n    value: any;\n};\n\nexport function FilterValue<TType = unknown>(props: FilterValueProps<TType>) {\n    const { column, comparator, onChange: handleChange, value } = props;\n    const { texts } = useLocalization();\n\n    if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n        return null;\n    }\n\n    if (comparator === TableFilterComparator.IsBetween) {\n        const fromValue = Array.isArray(value) ? value[0] : undefined;\n        const toValue = Array.isArray(value) ? value[1] : undefined;\n\n        if (column === undefined) {\n            return (\n                <Input\n                    aria-label={texts.table3.filters.emptyFilter.value}\n                    className=\"flex-grow\"\n                    disabled\n                    value={texts.table3.filters.emptyFilter.value}\n                />\n            );\n        }\n\n        if (column.columnDef.meta?.dataType === 'datetime') {\n            return (\n                <div className=\"flex flex-grow items-center gap-2\">\n                    <Control column={column} onChange={value => handleChange([value, toValue])} value={fromValue} />\n                    <Control column={column} onChange={value => handleChange([fromValue, value])} value={toValue} />\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-grow items-center gap-2\">\n                <Control\n                    column={column}\n                    onChange={value => handleChange([isNaN(value) ? undefined : value, toValue])}\n                    placeholder=\"from\"\n                    value={fromValue ?? ''}\n                />\n                <Control\n                    column={column}\n                    onChange={value => handleChange([fromValue, isNaN(value) ? undefined : value])}\n                    placeholder=\"to\"\n                    value={toValue ?? ''}\n                />\n            </div>\n        );\n    }\n    return <Control comparator={comparator} column={column} onChange={handleChange} value={value} />;\n}\n\nfunction Control(props) {\n    const { column, comparator, onChange, value, ...attributes } = props;\n    const controlRenderer = column?.columnDef.meta?.control;\n    const dataType = column?.columnDef.meta?.dataType;\n\n    useEffect(() => {\n        if (controlRenderer === 'switch') {\n            onChange(false);\n        }\n    }, []);\n\n    if (typeof controlRenderer === 'function') {\n        return controlRenderer({\n            ...attributes,\n            setValue: value => onChange(value),\n            value,\n        });\n    } else if (controlRenderer === 'datepicker' || dataType === 'datetime') {\n        return <Datepicker {...attributes} onChange={event => onChange((event as any).detail)} value={value as Date} />;\n    } else if (controlRenderer === 'switch') {\n        return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    } else if ((controlRenderer === 'input' || controlRenderer === undefined) && dataType === 'number') {\n        return (\n            <Input\n                {...attributes}\n                className=\"flex-grow\"\n                type=\"number\"\n                onChange={event => onChange(event.target.valueAsNumber)}\n                value={String(value ?? '')}\n            />\n        );\n    }\n\n    return (\n        <Input\n            disabled={!column}\n            {...attributes}\n            className=\"flex-grow\"\n            onChange={event => onChange(event.target.value)}\n            value={String(value ?? '')}\n        />\n    );\n}\n"],"names":["FilterValue","props","column","comparator","onChange","handleChange","value","texts","useLocalization","TableFilterComparator","IsEmpty","IsNotEmpty","IsBetween","_column$columnDef$met","fromValue","Array","isArray","undefined","toValue","React","Input","table3","filters","emptyFilter","className","disabled","columnDef","meta","dataType","Control","isNaN","placeholder","attributes","controlRenderer","_column$columnDef$met2","control","_column$columnDef$met3","useEffect","setValue","Datepicker","event","detail","Switch","checked","Boolean","type","target","valueAsNumber","String"],"mappings":"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"}
+{"version":3,"file":"FilterValue.js","sources":["../../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/components/FilterValue.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { Input } from '../../../../../../Input/Input';\nimport { Datepicker } from '../../../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../../../Switch/Switch';\nimport { useLocalization } from '../../../../../../Provider/Localization';\nimport { TableFilterComparator } from '../../../../../../../primitives/Table/types';\n\nexport type FilterValueProps<TType = unknown> = {\n    column?: ReactTableColumn<TType, unknown>;\n    comparator: TableFilterComparator;\n    onChange: (value: any) => void;\n    value: any;\n};\n\nconst querySelector = 'filter-value';\n\nexport function FilterValue<TType = unknown>(props: FilterValueProps<TType>) {\n    const { column, comparator, onChange: handleChange, value } = props;\n    const { texts } = useLocalization();\n\n    if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n        return null;\n    }\n\n    if (comparator === TableFilterComparator.IsBetween) {\n        const fromValue = Array.isArray(value) ? value[0] : undefined;\n        const toValue = Array.isArray(value) ? value[1] : undefined;\n\n        if (column === undefined) {\n            return (\n                <Input\n                    aria-label={texts.table3.filters.emptyFilter.value}\n                    className=\"flex-grow\"\n                    data-query-selector={querySelector}\n                    disabled\n                    value={texts.table3.filters.emptyFilter.value}\n                />\n            );\n        }\n\n        if (column.columnDef.meta?.dataType === 'datetime') {\n            return (\n                <div className=\"flex flex-grow items-center gap-2\">\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={value => handleChange([value, toValue])}\n                        value={fromValue}\n                    />\n                    <Control\n                        column={column}\n                        data-query-selector={querySelector}\n                        onChange={value => handleChange([fromValue, value])}\n                        value={toValue}\n                    />\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-grow items-center gap-2\">\n                <Control\n                    column={column}\n                    data-query-selector={querySelector}\n                    onChange={value => handleChange([isNaN(value) ? undefined : value, toValue])}\n                    placeholder=\"from\"\n                    value={fromValue ?? ''}\n                />\n                <Control\n                    column={column}\n                    data-query-selector={querySelector}\n                    onChange={value => handleChange([fromValue, isNaN(value) ? undefined : value])}\n                    placeholder=\"to\"\n                    value={toValue ?? ''}\n                />\n            </div>\n        );\n    }\n    return (\n        <Control\n            comparator={comparator}\n            column={column}\n            data-query-selector={querySelector}\n            onChange={handleChange}\n            value={value}\n        />\n    );\n}\n\nfunction Control(props) {\n    const { column, comparator, onChange, value, ...attributes } = props;\n    const controlRenderer = column?.columnDef.meta?.control;\n    const dataType = column?.columnDef.meta?.dataType;\n\n    useEffect(() => {\n        if (controlRenderer === 'switch') {\n            onChange(false);\n        }\n    }, []);\n\n    if (typeof controlRenderer === 'function') {\n        return React.cloneElement(\n            controlRenderer({\n                ...attributes,\n                setValue: value => onChange(value),\n                value,\n            }),\n            { ['data-query-selector']: querySelector, className: 'focus:yt-focus' }\n        );\n    } else if (controlRenderer === 'datepicker' || dataType === 'datetime') {\n        return <Datepicker {...attributes} onChange={event => onChange((event as any).detail)} value={value as Date} />;\n    } else if (controlRenderer === 'switch') {\n        return <Switch {...attributes} className=\"m-1.5\" checked={Boolean(value)} onChange={onChange} />;\n    } else if ((controlRenderer === 'input' || controlRenderer === undefined) && dataType === 'number') {\n        return (\n            <Input\n                {...attributes}\n                className=\"flex-grow\"\n                type=\"number\"\n                onChange={event => onChange(event.target.valueAsNumber)}\n                value={String(value ?? '')}\n            />\n        );\n    }\n\n    return (\n        <Input\n            disabled={!column}\n            {...attributes}\n            className=\"flex-grow\"\n            onChange={event => onChange(event.target.value)}\n            value={String(value ?? '')}\n        />\n    );\n}\n"],"names":["querySelector","FilterValue","props","column","comparator","onChange","handleChange","value","texts","useLocalization","TableFilterComparator","IsEmpty","IsNotEmpty","IsBetween","_column$columnDef$met","fromValue","Array","isArray","undefined","toValue","React","Input","table3","filters","emptyFilter","className","disabled","columnDef","meta","dataType","Control","isNaN","placeholder","attributes","controlRenderer","_column$columnDef$met2","control","_column$columnDef$met3","useEffect","cloneElement","setValue","Datepicker","event","detail","Switch","checked","Boolean","type","target","valueAsNumber","String"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/util.js

@@ -2,6 +2,9 @@ function sortByHeader(a, b) {
   var _a$columnDef$meta, _a$columnDef$meta$hea, _a$columnDef$meta$hea2, _b$columnDef$meta;
   return (_a$columnDef$meta = a.columnDef.meta) === null || _a$columnDef$meta === void 0 ? void 0 : (_a$columnDef$meta$hea = _a$columnDef$meta.header) === null || _a$columnDef$meta$hea === void 0 ? void 0 : (_a$columnDef$meta$hea2 = _a$columnDef$meta$hea.localeCompare) === null || _a$columnDef$meta$hea2 === void 0 ? void 0 : _a$columnDef$meta$hea2.call(_a$columnDef$meta$hea, (_b$columnDef$meta = b.columnDef.meta) === null || _b$columnDef$meta === void 0 ? void 0 : _b$columnDef$meta.header);
 }
+function isEmptyFilter(filter) {
+  return !filter.value.hasOwnProperty('value'); // eslint-disable-line no-prototype-builtins
+}
 
-export { sortByHeader };
+export { isEmptyFilter, sortByHeader };
 //# sourceMappingURL=util.js.map

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Filters/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/util.ts"],"sourcesContent":["import { Column as ReactTableColumn } from '@tanstack/react-table';\n\nexport function sortByHeader<TType = unknown>(a: ReactTableColumn<TType>, b: ReactTableColumn<TType>) {\n    return (a.columnDef.meta?.header as string)?.localeCompare?.(b.columnDef.meta?.header as string);\n}\n"],"names":["sortByHeader","a","b","_a$columnDef$meta","columnDef","meta","_a$columnDef$meta$hea","header","_a$columnDef$meta$hea2","localeCompare","call","_b$columnDef$meta"],"mappings":"SAEgBA,YAAYA,CAAkBC,CAA0B,EAAEC,CAA0B;;EAChG,QAAAC,iBAAA,GAAQF,CAAC,CAACG,SAAS,CAACC,IAAI,cAAAF,iBAAA,wBAAAG,qBAAA,GAAhBH,iBAAA,CAAkBI,MAAiB,cAAAD,qBAAA,wBAAAE,sBAAA,GAAnCF,qBAAA,CAAqCG,aAAa,cAAAD,sBAAA,uBAAlDA,sBAAA,CAAAE,IAAA,CAAAJ,qBAAA,GAAAK,iBAAA,GAAqDT,CAAC,CAACE,SAAS,CAACC,IAAI,cAAAM,iBAAA,uBAAhBA,iBAAA,CAAkBJ,MAAgB,CAAC;AACpG;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Filters/util.ts"],"sourcesContent":["import { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { TableFilter } from '../../../../../../primitives/Table/types';\n\nexport function sortByHeader<TType = unknown>(a: ReactTableColumn<TType>, b: ReactTableColumn<TType>) {\n    return (a.columnDef.meta?.header as string)?.localeCompare?.(b.columnDef.meta?.header as string);\n}\n\nexport function isEmptyFilter(filter: TableFilter) {\n    return !filter.value.hasOwnProperty('value'); // eslint-disable-line no-prototype-builtins\n}\n"],"names":["sortByHeader","a","b","_a$columnDef$meta","columnDef","meta","_a$columnDef$meta$hea","header","_a$columnDef$meta$hea2","localeCompare","call","_b$columnDef$meta","isEmptyFilter","filter","value","hasOwnProperty"],"mappings":"SAGgBA,YAAYA,CAAkBC,CAA0B,EAAEC,CAA0B;;EAChG,QAAAC,iBAAA,GAAQF,CAAC,CAACG,SAAS,CAACC,IAAI,cAAAF,iBAAA,wBAAAG,qBAAA,GAAhBH,iBAAA,CAAkBI,MAAiB,cAAAD,qBAAA,wBAAAE,sBAAA,GAAnCF,qBAAA,CAAqCG,aAAa,cAAAD,sBAAA,uBAAlDA,sBAAA,CAAAE,IAAA,CAAAJ,qBAAA,GAAAK,iBAAA,GAAqDT,CAAC,CAACE,SAAS,CAACC,IAAI,cAAAM,iBAAA,uBAAhBA,iBAAA,CAAkBJ,MAAgB,CAAC;AACpG;SAEgBK,aAAaA,CAACC,MAAmB;EAC7C,OAAO,CAACA,MAAM,CAACC,KAAK,CAACC,cAAc,CAAC,OAAO,CAAC,CAAC;AACjD;;;;"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Settings/HideOrOrderPopover.js

@@ -5,7 +5,7 @@ import { useLocalization } from '../../../../../Provider/Localization.js';
 import { Checkbox } from '../../../../../Checkbox/Checkbox.js';
 import { Input } from '../../../../../Input/Input.js';
 import { Popover } from '../../../../../Popover/Popover.js';
-import { isInternalColumn, ensureOrdering } from '../../../../../../primitives/Table/useTable/util/columns.js';
+import { isInternalColumn, ensureOrdering } from '../../../../../../primitives/Table/useTableManager/util/columns.js';
 import { Container } from '../../../../../../primitives/Sortable/components/Container.js';
 import { arrayMove } from '@dnd-kit/sortable';
 import { Item } from '../../../../../../primitives/Sortable/components/Item.js';

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Settings/HideOrOrderPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HideOrOrderPopover.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Settings/HideOrOrderPopover.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Table as ReactTable, Column as ReactTableColumn, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Popover, PopoverProps } from '../../../../../Popover/Popover';\nimport { Input } from '../../../../../Input/Input';\nimport * as SortablePrimitive from '../../../../../../primitives/Sortable/Sortable';\nimport { Icon } from '../../../../../Icon/Icon';\nimport { Checkbox } from '../../../../../Checkbox/Checkbox';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { ensureOrdering, isInternalColumn } from '../../../../../../primitives/Table/useTable/util/columns';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    column: ReactTableColumn<TType, unknown>;\n    draggable?: boolean;\n};\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n    const { column, draggable = false, ...dragAttributes } = props;\n    const canHide = column.getCanHide();\n\n    const className = cn('group/column flex items-center gap-x-2 rounded py-1 px-2', {\n        'hover:bg-grey-200': canHide || draggable,\n        'hover:cursor-pointer': canHide,\n        'active:cursor-move active:bg-grey-300': draggable,\n    });\n\n    const attributes = draggable ? dragAttributes : undefined;\n    const isVisible = column.getIsVisible();\n    const parentHeader = column.parent?.columnDef?.header;\n\n    return (\n        <div {...attributes} className={className} onClick={() => column.toggleVisibility(!isVisible)} ref={ref}>\n            {draggable ? <Icon name=\"drag\" className=\"text-grey-500 group-hover/column:text-grey-700 -mx-2 !h-5\" /> : null}\n            <span className=\"flex-grow truncate\">\n                {column.columnDef.meta?.header}\n                {parentHeader ? <span className=\"italic\">({parentHeader})</span> : null}\n            </span>\n            {canHide ? <Checkbox checked={isVisible} onChange={() => column.toggleVisibility(!isVisible)} /> : null}\n        </div>\n    );\n});\n\nexport type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {\n    table: ReactTable<TType>;\n};\n\nexport function HideOrOrderPopover<TType = unknown>(props: HideOrOrderPopoverProps<TType>) {\n    const { table, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n    const [query, setQuery] = React.useState('');\n    const allColumns = table.getAllLeafColumns();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columns = React.useMemo(\n        () =>\n            allColumns\n                .filter(column => !isInternalColumn(column.id))\n                .filter(column =>\n                    query?.length\n                        ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) ||\n                          column.parent?.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase())\n                        : true\n                ),\n        [allColumns, query]\n    );\n\n    const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';\n\n    const handleReorder = (activeId, overId) => {\n        if (columns.find(column => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {\n            return;\n        }\n\n        table.setColumnOrder((currentOrder = []) =>\n            ensureOrdering(\n                allColumns,\n                SortablePrimitive.arrayMove(\n                    currentOrder,\n                    currentOrder.findIndex(c => c === activeId),\n                    currentOrder.findIndex(c => c === overId)\n                )\n            )\n        );\n    };\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content>\n                <div className=\"flex max-w-sm flex-col gap-2\">\n                    {table.options.enableHiding ? (\n                        <Input\n                            onChange={event => setQuery(event.target.value)}\n                            placeholder={texts.table3.columnSettings.search}\n                            value={query}\n                        />\n                    ) : null}\n                    {tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? (\n                        <SortablePrimitive.Container reorder={handleReorder}>\n                            <SortablePrimitive.List id=\"columns\" className={listClassName}>\n                                {columns\n                                    .filter(column => !column.getIsGrouped())\n                                    .map(column => (\n                                        <SortablePrimitive.Item\n                                            key={column.id}\n                                            id={column.id}\n                                            disabled={!column.columnDef.meta?.enableOrdering}\n                                            asChild>\n                                            <Column column={column as any} draggable={column.columnDef.meta?.enableOrdering} />\n                                        </SortablePrimitive.Item>\n                                    ))}\n                            </SortablePrimitive.List>\n                        </SortablePrimitive.Container>\n                    ) : (\n                        <div className={listClassName}>\n                            {columns.length\n                                ? columns.map(column => <Column column={column as any} key={column.id} />)\n                                : texts.table3.columnSettings.noResults}\n                        </div>\n                    )}\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["Column","React","forwardRef","props","ref","column","draggable","dragAttributes","canHide","getCanHide","className","cn","attributes","undefined","isVisible","getIsVisible","parentHeader","_column$parent","parent","_column$parent$column","columnDef","header","onClick","toggleVisibility","Icon","name","meta","_column$columnDef$met","Checkbox","checked","onChange","HideOrOrderPopover","table","trigger","popoverProps","texts","useLocalization","query","setQuery","useState","allColumns","getAllLeafColumns","tableMeta","options","columns","useMemo","filter","isInternalColumn","id","_column$columnDef$met2","_column$parent2","_column$parent2$colum","length","toLowerCase","includes","listClassName","handleReorder","activeId","overId","find","_column$columnDef$met3","enableOrdering","setColumnOrder","currentOrder","ensureOrdering","SortablePrimitive","findIndex","c","Popover","anchor","Content","enableHiding","Input","event","target","value","placeholder","table3","columnSettings","search","columnOrdering","isEnabled","reorder","getIsGrouped","map","_column$columnDef$met4","_column$columnDef$met5","key","disabled","asChild","noResults"],"mappings":"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"}
+{"version":3,"file":"HideOrOrderPopover.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Settings/HideOrOrderPopover.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Table as ReactTable, Column as ReactTableColumn, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { Popover, PopoverProps } from '../../../../../Popover/Popover';\nimport { Input } from '../../../../../Input/Input';\nimport * as SortablePrimitive from '../../../../../../primitives/Sortable/Sortable';\nimport { Icon } from '../../../../../Icon/Icon';\nimport { Checkbox } from '../../../../../Checkbox/Checkbox';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { ensureOrdering, isInternalColumn } from '../../../../../../primitives/Table/useTableManager/util/columns';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    column: ReactTableColumn<TType, unknown>;\n    draggable?: boolean;\n};\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n    const { column, draggable = false, ...dragAttributes } = props;\n    const canHide = column.getCanHide();\n\n    const className = cn('group/column flex items-center gap-x-2 rounded py-1 px-2', {\n        'hover:bg-grey-200': canHide || draggable,\n        'hover:cursor-pointer': canHide,\n        'active:cursor-move active:bg-grey-300': draggable,\n    });\n\n    const attributes = draggable ? dragAttributes : undefined;\n    const isVisible = column.getIsVisible();\n    const parentHeader = column.parent?.columnDef?.header;\n\n    return (\n        <div {...attributes} className={className} onClick={() => column.toggleVisibility(!isVisible)} ref={ref}>\n            {draggable ? <Icon name=\"drag\" className=\"text-grey-500 group-hover/column:text-grey-700 -mx-2 !h-5\" /> : null}\n            <span className=\"flex-grow truncate\">\n                {column.columnDef.meta?.header}\n                {parentHeader ? <span className=\"italic\">({parentHeader})</span> : null}\n            </span>\n            {canHide ? <Checkbox checked={isVisible} onChange={() => column.toggleVisibility(!isVisible)} /> : null}\n        </div>\n    );\n});\n\nexport type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {\n    table: ReactTable<TType>;\n};\n\nexport function HideOrOrderPopover<TType = unknown>(props: HideOrOrderPopoverProps<TType>) {\n    const { table, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n    const [query, setQuery] = React.useState('');\n    const allColumns = table.getAllLeafColumns();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columns = React.useMemo(\n        () =>\n            allColumns\n                .filter(column => !isInternalColumn(column.id))\n                .filter(column =>\n                    query?.length\n                        ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) ||\n                          column.parent?.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase())\n                        : true\n                ),\n        [allColumns, query]\n    );\n\n    const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';\n\n    const handleReorder = (activeId, overId) => {\n        if (columns.find(column => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {\n            return;\n        }\n\n        table.setColumnOrder((currentOrder = []) =>\n            ensureOrdering(\n                allColumns,\n                SortablePrimitive.arrayMove(\n                    currentOrder,\n                    currentOrder.findIndex(c => c === activeId),\n                    currentOrder.findIndex(c => c === overId)\n                )\n            )\n        );\n    };\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content>\n                <div className=\"flex max-w-sm flex-col gap-2\">\n                    {table.options.enableHiding ? (\n                        <Input\n                            onChange={event => setQuery(event.target.value)}\n                            placeholder={texts.table3.columnSettings.search}\n                            value={query}\n                        />\n                    ) : null}\n                    {tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? (\n                        <SortablePrimitive.Container reorder={handleReorder}>\n                            <SortablePrimitive.List id=\"columns\" className={listClassName}>\n                                {columns\n                                    .filter(column => !column.getIsGrouped())\n                                    .map(column => (\n                                        <SortablePrimitive.Item\n                                            key={column.id}\n                                            id={column.id}\n                                            disabled={!column.columnDef.meta?.enableOrdering}\n                                            asChild>\n                                            <Column column={column as any} draggable={column.columnDef.meta?.enableOrdering} />\n                                        </SortablePrimitive.Item>\n                                    ))}\n                            </SortablePrimitive.List>\n                        </SortablePrimitive.Container>\n                    ) : (\n                        <div className={listClassName}>\n                            {columns.length\n                                ? columns.map(column => <Column column={column as any} key={column.id} />)\n                                : texts.table3.columnSettings.noResults}\n                        </div>\n                    )}\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["Column","React","forwardRef","props","ref","column","draggable","dragAttributes","canHide","getCanHide","className","cn","attributes","undefined","isVisible","getIsVisible","parentHeader","_column$parent","parent","_column$parent$column","columnDef","header","onClick","toggleVisibility","Icon","name","meta","_column$columnDef$met","Checkbox","checked","onChange","HideOrOrderPopover","table","trigger","popoverProps","texts","useLocalization","query","setQuery","useState","allColumns","getAllLeafColumns","tableMeta","options","columns","useMemo","filter","isInternalColumn","id","_column$columnDef$met2","_column$parent2","_column$parent2$colum","length","toLowerCase","includes","listClassName","handleReorder","activeId","overId","find","_column$columnDef$met3","enableOrdering","setColumnOrder","currentOrder","ensureOrdering","SortablePrimitive","findIndex","c","Popover","anchor","Content","enableHiding","Input","event","target","value","placeholder","table3","columnSettings","search","columnOrdering","isEnabled","reorder","getIsGrouped","map","_column$columnDef$met4","_column$columnDef$met5","key","disabled","asChild","noResults"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Settings/Settings.js

@@ -3,7 +3,7 @@ import { IconButton } from '../../../../../IconButton/IconButton.js';
 import { useLocalization } from '../../../../../Provider/Localization.js';
 import { Menu } from '../../../../../Menu/Menu.js';
 import { FontSizes } from '../../../../../../types.js';
-import { getSettings } from '../../../../../../primitives/Table/useTable/util/settings.js';
+import { getSettings } from '../../../../../../primitives/Table/useTableManager/util/settings.js';
 import { HideOrOrderPopover } from './HideOrOrderPopover.js';
 
 function Settings(props) {

package/dist/esm/packages/taco/src/components/Report/components/Toolbar/components/Settings/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Settings/Settings.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../IconButton/IconButton';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { Menu } from '../../../../../Menu/Menu';\nimport { HideOrOrderPopover } from './HideOrOrderPopover';\nimport { ReportCustomSettingsRenderer } from '../../../../types';\nimport { getSettings } from '../../../../../../primitives/Table/useTable/util/settings';\nimport { FontSizes } from '../../../../../../types';\nimport { IconName } from '../../../../../Icon/Icon';\n\nexport type SettingsProps<TType = unknown> = {\n    customSettings?: ReportCustomSettingsRenderer;\n    table: ReactTable<TType>;\n};\n\nexport function Settings<TType = unknown>(props: SettingsProps<TType>) {\n    const { customSettings, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n    const canChangeFontSize = tableMeta.fontSize.isEnabled;\n    const canChangeRowHeight = tableMeta.rowHeight.isEnabled;\n\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover) {\n        const handleClosePopover = () => setPopover(undefined);\n\n        switch (popover) {\n            case 'columnSettings': {\n                if (canHideOrOrder) {\n                    popoverElement = popoverProps => (\n                        <HideOrOrderPopover {...popoverProps} open onChange={handleClosePopover} table={table} />\n                    );\n                }\n            }\n        }\n    }\n\n    return (\n        <IconButton\n            aria-label={texts.table3.otherOptions.tooltip}\n            icon=\"sliders\"\n            menu={\n                popoverElement\n                    ? undefined\n                    : menuProps => (\n                          <Menu {...menuProps}>\n                              <Menu.Content align=\"end\">\n                                  {canHideOrOrder ? (\n                                      <Menu.Item icon=\"columns\" onClick={() => setPopover('columnSettings')}>\n                                          {texts.table3.columnSettings.button}\n                                      </Menu.Item>\n                                  ) : null}\n                                  {canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (\n                                      <Menu.Separator />\n                                  ) : null}\n                                  {canChangeRowHeight ? (\n                                      <Menu.Item\n                                          icon={`height-${tableMeta.rowHeight.height}` as IconName}\n                                          subMenu={() => <RowHeightMenuItem tableMeta={tableMeta} />}>\n                                          {texts.table3.rowHeight.tooltip}\n                                      </Menu.Item>\n                                  ) : null}\n                                  {canChangeFontSize ? (\n                                      <Menu.Item icon=\"font-size\" subMenu={() => <FontSizeMenuItem tableMeta={tableMeta} />}>\n                                          {texts.table3.fontSize.tooltip}\n                                      </Menu.Item>\n                                  ) : null}\n\n                                  {customSettings ? (\n                                      <>\n                                          {canChangeRowHeight || canChangeFontSize ? <Menu.Separator /> : null}\n                                          {customSettings(getSettings(table)).map((item, index) => (\n                                              <React.Fragment key={index}>{item}</React.Fragment>\n                                          ))}\n                                      </>\n                                  ) : null}\n                              </Menu.Content>\n                          </Menu>\n                      )\n            }\n            popover={popoverElement}\n            onClickCapture={event => event.preventDefault()}\n            tooltip={texts.table3.otherOptions.tooltip}\n        />\n    );\n}\n\nfunction FontSizeMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.fontSize.setSize as any} value={tableMeta.fontSize.size}>\n                <Menu.RadioGroup.Item value={FontSizes.small}>{texts.table3.fontSize.sizes.small}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value={FontSizes.medium}>{texts.table3.fontSize.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item disabled={tableMeta.rowHeight.height === 'short'} value={FontSizes.large}>\n                    {texts.table3.fontSize.sizes.large}\n                </Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n\nfunction RowHeightMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.rowHeight.setHeight as any} value={tableMeta.rowHeight.height}>\n                <Menu.RadioGroup.Item value=\"short\">{texts.table3.rowHeight.sizes.short}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table3.rowHeight.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"tall\">{texts.table3.rowHeight.sizes.tall}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"extra-tall\">{texts.table3.rowHeight.sizes.extraTall}</Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["Settings","props","customSettings","table","texts","useLocalization","tableMeta","options","meta","canHideOrOrder","enableHiding","columnOrdering","isEnabled","canChangeFontSize","fontSize","canChangeRowHeight","rowHeight","popover","setPopover","React","useState","undefined","popoverElement","handleClosePopover","popoverProps","HideOrOrderPopover","open","onChange","IconButton","table3","otherOptions","tooltip","icon","menu","menuProps","Menu","Content","align","Item","onClick","columnSettings","button","Separator","height","subMenu","RowHeightMenuItem","FontSizeMenuItem","getSettings","map","item","index","Fragment","key","onClickCapture","event","preventDefault","SubMenu","RadioGroup","setSize","value","size","FontSizes","small","sizes","medium","disabled","large","setHeight","short","tall","extraTall"],"mappings":";;;;;;;;SAgBgBA,QAAQA,CAAkBC,KAA2B;EACjE,MAAM;IAAEC,cAAc;IAAEC;GAAO,GAAGF,KAAK;EACvC,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAE7D,MAAMC,cAAc,GAAGN,KAAK,CAACI,OAAO,CAACG,YAAY,IAAIJ,SAAS,CAACK,cAAc,CAACC,SAAS;EACvF,MAAMC,iBAAiB,GAAGP,SAAS,CAACQ,QAAQ,CAACF,SAAS;EACtD,MAAMG,kBAAkB,GAAGT,SAAS,CAACU,SAAS,CAACJ,SAAS;EAExD,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAqBC,SAAS,CAAC;EAE3E,IAAIC,cAAc;EAElB,IAAIL,OAAO,EAAE;IACT,MAAMM,kBAAkB,GAAGA,MAAML,UAAU,CAACG,SAAS,CAAC;IAEtD,QAAQJ,OAAO;MACX,KAAK,gBAAgB;QAAE;UACnB,IAAIR,cAAc,EAAE;YAChBa,cAAc,GAAGE,YAAY,mBACzBL,6BAACM,kBAAkB,oBAAKD,YAAY;cAAEE,IAAI;cAACC,QAAQ,EAAEJ,kBAAkB;cAAEpB,KAAK,EAAEA;eAAS,CAC5F;;;;;EAMjB,oBACIgB,6BAACS,UAAU;kBACKxB,KAAK,CAACyB,MAAM,CAACC,YAAY,CAACC,OAAO;IAC7CC,IAAI,EAAC,SAAS;IACdC,IAAI,EACAX,cAAc,GACRD,SAAS,GACTa,SAAS,mBACLf,6BAACgB,IAAI,oBAAKD,SAAS,gBACff,6BAACgB,IAAI,CAACC,OAAO;MAACC,KAAK,EAAC;OACf5B,cAAc,kBACXU,6BAACgB,IAAI,CAACG,IAAI;MAACN,IAAI,EAAC,SAAS;MAACO,OAAO,EAAEA,MAAMrB,UAAU,CAAC,gBAAgB;OAC/Dd,KAAK,CAACyB,MAAM,CAACW,cAAc,CAACC,MAAM,CAC3B,IACZ,IAAI,EACPhC,cAAc,KAAKM,kBAAkB,IAAIF,iBAAiB,IAAIX,cAAc,CAAC,kBAC1EiB,6BAACgB,IAAI,CAACO,SAAS,OAAG,IAClB,IAAI,EACP3B,kBAAkB,kBACfI,6BAACgB,IAAI,CAACG,IAAI;MACNN,IAAI,YAAY1B,SAAS,CAACU,SAAS,CAAC2B,QAAoB;MACxDC,OAAO,EAAEA,mBAAMzB,6BAAC0B,iBAAiB;QAACvC,SAAS,EAAEA;;OAC5CF,KAAK,CAACyB,MAAM,CAACb,SAAS,CAACe,OAAO,CACvB,IACZ,IAAI,EACPlB,iBAAiB,kBACdM,6BAACgB,IAAI,CAACG,IAAI;MAACN,IAAI,EAAC,WAAW;MAACY,OAAO,EAAEA,mBAAMzB,6BAAC2B,gBAAgB;QAACxC,SAAS,EAAEA;;OACnEF,KAAK,CAACyB,MAAM,CAACf,QAAQ,CAACiB,OAAO,CACtB,IACZ,IAAI,EAEP7B,cAAc,kBACXiB,4DACKJ,kBAAkB,IAAIF,iBAAiB,gBAAGM,6BAACgB,IAAI,CAACO,SAAS,OAAG,GAAG,IAAI,EACnExC,cAAc,CAAC6C,WAAW,CAAC5C,KAAK,CAAC,CAAC,CAAC6C,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,oBAChD/B,6BAACA,cAAK,CAACgC,QAAQ;MAACC,GAAG,EAAEF;OAAQD,IAAI,CAAkB,CACtD,CAAC,CACH,IACH,IAAI,CACG,CACZ,CACV;IAEXhC,OAAO,EAAEK,cAAc;IACvB+B,cAAc,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc,EAAE;IAC/CxB,OAAO,EAAE3B,KAAK,CAACyB,MAAM,CAACC,YAAY,CAACC;IACrC;AAEV;AAEA,SAASe,gBAAgBA,CAAkB;EAAExC;CAAiD;EAC1F,MAAM;IAAEF;GAAO,GAAGC,eAAe,EAAE;EAEnC,oBACIc,6BAACgB,IAAI,CAACqB,OAAO,qBACTrC,6BAACgB,IAAI,CAACsB,UAAU;IAAC9B,QAAQ,EAAErB,SAAS,CAACQ,QAAQ,CAAC4C,OAAc;IAAEC,KAAK,EAAErD,SAAS,CAACQ,QAAQ,CAAC8C;kBACpFzC,6BAACgB,IAAI,CAACsB,UAAU,CAACnB,IAAI;IAACqB,KAAK,EAAEE,SAAS,CAACC;KAAQ1D,KAAK,CAACyB,MAAM,CAACf,QAAQ,CAACiD,KAAK,CAACD,KAAK,CAAwB,eACxG3C,6BAACgB,IAAI,CAACsB,UAAU,CAACnB,IAAI;IAACqB,KAAK,EAAEE,SAAS,CAACG;KAAS5D,KAAK,CAACyB,MAAM,CAACf,QAAQ,CAACiD,KAAK,CAACC,MAAM,CAAwB,eAC1G7C,6BAACgB,IAAI,CAACsB,UAAU,CAACnB,IAAI;IAAC2B,QAAQ,EAAE3D,SAAS,CAACU,SAAS,CAAC2B,MAAM,KAAK,OAAO;IAAEgB,KAAK,EAAEE,SAAS,CAACK;KACpF9D,KAAK,CAACyB,MAAM,CAACf,QAAQ,CAACiD,KAAK,CAACG,KAAK,CACf,CACT,CACP;AAEvB;AAEA,SAASrB,iBAAiBA,CAAkB;EAAEvC;CAAiD;EAC3F,MAAM;IAAEF;GAAO,GAAGC,eAAe,EAAE;EAEnC,oBACIc,6BAACgB,IAAI,CAACqB,OAAO,qBACTrC,6BAACgB,IAAI,CAACsB,UAAU;IAAC9B,QAAQ,EAAErB,SAAS,CAACU,SAAS,CAACmD,SAAgB;IAAER,KAAK,EAAErD,SAAS,CAACU,SAAS,CAAC2B;kBACxFxB,6BAACgB,IAAI,CAACsB,UAAU,CAACnB,IAAI;IAACqB,KAAK,EAAC;KAASvD,KAAK,CAACyB,MAAM,CAACb,SAAS,CAAC+C,KAAK,CAACK,KAAK,CAAwB,eAC/FjD,6BAACgB,IAAI,CAACsB,UAAU,CAACnB,IAAI;IAACqB,KAAK,EAAC;KAAUvD,KAAK,CAACyB,MAAM,CAACb,SAAS,CAAC+C,KAAK,CAACC,MAAM,CAAwB,eACjG7C,6BAACgB,IAAI,CAACsB,UAAU,CAACnB,IAAI;IAACqB,KAAK,EAAC;KAAQvD,KAAK,CAACyB,MAAM,CAACb,SAAS,CAAC+C,KAAK,CAACM,IAAI,CAAwB,eAC7FlD,6BAACgB,IAAI,CAACsB,UAAU,CAACnB,IAAI;IAACqB,KAAK,EAAC;KAAcvD,KAAK,CAACyB,MAAM,CAACb,SAAS,CAAC+C,KAAK,CAACO,SAAS,CAAwB,CAC1F,CACP;AAEvB;;;;"}
+{"version":3,"file":"Settings.js","sources":["../../../../../../../../../../../src/components/Report/components/Toolbar/components/Settings/Settings.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { IconButton } from '../../../../../IconButton/IconButton';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { Menu } from '../../../../../Menu/Menu';\nimport { HideOrOrderPopover } from './HideOrOrderPopover';\nimport { ReportCustomSettingsRenderer } from '../../../../types';\nimport { getSettings } from '../../../../../../primitives/Table/useTableManager/util/settings';\nimport { FontSizes } from '../../../../../../types';\nimport { IconName } from '../../../../../Icon/Icon';\n\nexport type SettingsProps<TType = unknown> = {\n    customSettings?: ReportCustomSettingsRenderer;\n    table: ReactTable<TType>;\n};\n\nexport function Settings<TType = unknown>(props: SettingsProps<TType>) {\n    const { customSettings, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n    const canChangeFontSize = tableMeta.fontSize.isEnabled;\n    const canChangeRowHeight = tableMeta.rowHeight.isEnabled;\n\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover) {\n        const handleClosePopover = () => setPopover(undefined);\n\n        switch (popover) {\n            case 'columnSettings': {\n                if (canHideOrOrder) {\n                    popoverElement = popoverProps => (\n                        <HideOrOrderPopover {...popoverProps} open onChange={handleClosePopover} table={table} />\n                    );\n                }\n            }\n        }\n    }\n\n    return (\n        <IconButton\n            aria-label={texts.table3.otherOptions.tooltip}\n            icon=\"sliders\"\n            menu={\n                popoverElement\n                    ? undefined\n                    : menuProps => (\n                          <Menu {...menuProps}>\n                              <Menu.Content align=\"end\">\n                                  {canHideOrOrder ? (\n                                      <Menu.Item icon=\"columns\" onClick={() => setPopover('columnSettings')}>\n                                          {texts.table3.columnSettings.button}\n                                      </Menu.Item>\n                                  ) : null}\n                                  {canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (\n                                      <Menu.Separator />\n                                  ) : null}\n                                  {canChangeRowHeight ? (\n                                      <Menu.Item\n                                          icon={`height-${tableMeta.rowHeight.height}` as IconName}\n                                          subMenu={() => <RowHeightMenuItem tableMeta={tableMeta} />}>\n                                          {texts.table3.rowHeight.tooltip}\n                                      </Menu.Item>\n                                  ) : null}\n                                  {canChangeFontSize ? (\n                                      <Menu.Item icon=\"font-size\" subMenu={() => <FontSizeMenuItem tableMeta={tableMeta} />}>\n                                          {texts.table3.fontSize.tooltip}\n                                      </Menu.Item>\n                                  ) : null}\n\n                                  {customSettings ? (\n                                      <>\n                                          {canChangeRowHeight || canChangeFontSize ? <Menu.Separator /> : null}\n                                          {customSettings(getSettings(table)).map((item, index) => (\n                                              <React.Fragment key={index}>{item}</React.Fragment>\n                                          ))}\n                                      </>\n                                  ) : null}\n                              </Menu.Content>\n                          </Menu>\n                      )\n            }\n            popover={popoverElement}\n            onClickCapture={event => event.preventDefault()}\n            tooltip={texts.table3.otherOptions.tooltip}\n        />\n    );\n}\n\nfunction FontSizeMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.fontSize.setSize as any} value={tableMeta.fontSize.size}>\n                <Menu.RadioGroup.Item value={FontSizes.small}>{texts.table3.fontSize.sizes.small}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value={FontSizes.medium}>{texts.table3.fontSize.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item disabled={tableMeta.rowHeight.height === 'short'} value={FontSizes.large}>\n                    {texts.table3.fontSize.sizes.large}\n                </Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n\nfunction RowHeightMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.rowHeight.setHeight as any} value={tableMeta.rowHeight.height}>\n                <Menu.RadioGroup.Item value=\"short\">{texts.table3.rowHeight.sizes.short}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table3.rowHeight.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"tall\">{texts.table3.rowHeight.sizes.tall}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"extra-tall\">{texts.table3.rowHeight.sizes.extraTall}</Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["Settings","props","customSettings","table","texts","useLocalization","tableMeta","options","meta","canHideOrOrder","enableHiding","columnOrdering","isEnabled","canChangeFontSize","fontSize","canChangeRowHeight","rowHeight","popover","setPopover","React","useState","undefined","popoverElement","handleClosePopover","popoverProps","HideOrOrderPopover","open","onChange","IconButton","table3","otherOptions","tooltip","icon","menu","menuProps","Menu","Content","align","Item","onClick","columnSettings","button","Separator","height","subMenu","RowHeightMenuItem","FontSizeMenuItem","getSettings","map","item","index","Fragment","key","onClickCapture","event","preventDefault","SubMenu","RadioGroup","setSize","value","size","FontSizes","small","sizes","medium","disabled","large","setHeight","short","tall","extraTall"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Report/styles/useCssGridStylesheet.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { getCellMinWidth } from '../../../primitives/Table/useTable/util/columns.js';
+import { getCellMinWidth } from '../../../primitives/Table/useTableManager/util/columns.js';
 
 function useCssGridStylesheet(tableId, table, fontSize) {
   const tableMeta = table.options.meta;