@coveord/plasma-mantine 56.8.1 → 56.10.0

package/dist/cjs/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import {Box, Center, Factory, Loader, useProps, useStyles} from '@mantine/core';\nimport {useClickOutside, useMergedRef} from '@mantine/hooks';\nimport {\n    ColumnDef,\n    Row,\n    RowSelectionState,\n    defaultColumnSizing,\n    getCoreRowModel,\n    useReactTable,\n} from '@tanstack/react-table';\nimport isEqual from 'fast-deep-equal';\nimport {Children, ForwardedRef, ReactElement, useEffect, useRef} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../utils/createFactoryComponent.js';\nimport classes from './Table.module.css';\nimport {TableLayout, TableProps} from './Table.types.js';\nimport {TableProvider} from './TableContext.js';\nimport {TableLayouts} from './layouts/TableLayouts.js';\nimport {TableActionItem, TableActionItemStylesNames} from './table-actions/TableActionItem.js';\nimport {TableHeaderActionsStylesNames} from './table-actions/TableHeaderActions.js';\nimport {TableActionsListStylesNames} from './table-actions/TableActionsList.js';\nimport {TableActionsColumn} from './table-column/TableActionsColumn.js';\nimport {\n    TableAccordionColumn,\n    TableCollapsibleColumn,\n    TableCollapsibleColumnStylesNames,\n} from './table-column/TableCollapsibleColumn.js';\nimport {TableSelectableColumn} from './table-column/TableSelectableColumn.js';\nimport {TableColumnsSelector, TableColumnsSelectorStylesNames} from './table-columns-selector/TableColumnsSelector.js';\nimport {TableDateRangePicker, TableDateRangePickerStylesNames} from './table-date-range-picker/TableDateRangePicker.js';\nimport {TableFilter, TableFilterStylesNames} from './table-filter/TableFilter.js';\nimport {TableFooter} from './table-footer/TableFooter.js';\nimport {TableHeader, TableHeaderStylesNames} from './table-header/TableHeader.js';\nimport {TableThStylesNames} from './table-header/Th.js';\nimport {TableLastUpdated, TableLastUpdatedStylesNames} from './table-last-updated/TableLastUpdated.js';\nimport {TableLoading} from './table-loading/TableLoading.js';\nimport {TableNoData} from './table-no-data/TableNoData.js';\nimport {TablePagination} from './table-pagination/TablePagination.js';\nimport {TablePerPage} from './table-per-page/TablePerPage.js';\nimport {TablePredicate, TablePredicateStylesNames} from './table-predicate/TablePredicate.js';\nimport {TableState} from './use-table.js';\n\ntype TableStylesNames =\n    | 'root'\n    | 'table'\n    | 'header'\n    | 'body'\n    | TableHeaderActionsStylesNames\n    | TableActionsListStylesNames\n    | TableActionItemStylesNames\n    | TableCollapsibleColumnStylesNames\n    | TableDateRangePickerStylesNames\n    | TableFilterStylesNames\n    | TableHeaderStylesNames\n    | TableThStylesNames\n    | TableLastUpdatedStylesNames\n    | TablePredicateStylesNames\n    | TableColumnsSelectorStylesNames;\n\nexport type PlasmaTableFactory = Factory<{\n    props: TableProps<unknown>;\n    ref: HTMLDivElement;\n    stylesNames: TableStylesNames;\n    staticComponents: {\n        AccordionColumn: typeof TableAccordionColumn;\n        ActionsColumn: typeof TableActionsColumn;\n        ActionItem: typeof TableActionItem;\n        CollapsibleColumn: typeof TableCollapsibleColumn;\n        ColumnsSelector: typeof TableColumnsSelector;\n        DateRangePicker: typeof TableDateRangePicker;\n        Filter: typeof TableFilter;\n        Footer: typeof TableFooter;\n        Header: typeof TableHeader;\n        LastUpdated: typeof TableLastUpdated;\n        Layouts: typeof TableLayouts;\n        Loading: typeof TableLoading;\n        NoData: typeof TableNoData;\n        Pagination: typeof TablePagination;\n        PerPage: typeof TablePerPage;\n        Predicate: typeof TablePredicate;\n    };\n}>;\n\nconst defaultProps: Partial<TableProps<unknown>> = {\n    layouts: [TableLayouts.Rows as TableLayout],\n    layoutProps: {},\n    loading: false,\n    additionalRootNodes: [],\n    options: {},\n    getRowActions: () => [],\n};\n\nexport const Table = <T,>(props: TableProps<T> & {ref?: ForwardedRef<HTMLDivElement>}) => {\n    const {\n        store,\n        data,\n        getRowId,\n        getRowAttributes,\n        getRowExpandedContent,\n        getRowActions,\n        columns,\n        layouts,\n        layoutProps,\n        children,\n        loading,\n        additionalRootNodes,\n        options,\n        ref,\n\n        // Style props\n        style,\n        className,\n        classNames,\n        styles,\n        unstyled,\n        ...others\n    } = useProps('PlasmaTable', defaultProps as TableProps<T>, props);\n\n    const getStyles = useStyles<PlasmaTableFactory>({\n        name: 'PlasmaTable',\n        classes,\n        props: props as TableProps<unknown>,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const header = convertedChildren.find((child) => child.type === TableHeader);\n    const footer = convertedChildren.find((child) => child.type === TableFooter);\n    const lastUpdated = convertedChildren.find((child) => child.type === TableLastUpdated);\n    const noData = convertedChildren.find((child) => child.type === TableNoData);\n\n    const table = useReactTable({\n        data: data || [],\n        state: {\n            globalFilter: store.state.globalFilter,\n            sorting: store.state.sorting,\n            pagination: store.state.pagination,\n            columnVisibility: store.state.columnVisibility,\n            expanded: store.state.expanded,\n        },\n        onGlobalFilterChange: store.setGlobalFilter,\n        onExpandedChange: store.setExpanded,\n        onSortingChange: store.setSorting,\n        onPaginationChange: store.setPagination,\n        onColumnVisibilityChange: store.setColumnVisibility,\n        columns: store.multiRowSelectionEnabled ? [TableSelectableColumn as ColumnDef<T>].concat(columns) : columns,\n        getCoreRowModel: getCoreRowModel(),\n        manualPagination: options?.getPaginationRowModel === undefined,\n        enableMultiRowSelection: !!store.multiRowSelectionEnabled,\n        getRowId,\n        getRowCanExpand: (row: Row<T>) => !!getRowExpandedContent?.(row.original, row.index, row),\n        enableRowSelection: !loading,\n        defaultColumn: {\n            size: undefined,\n            minSize: defaultColumnSizing.minSize,\n            maxSize: defaultColumnSizing.maxSize,\n        },\n        rowCount: options?.getFilteredRowModel ? undefined : store.state.totalEntries,\n        ...options,\n    });\n\n    table.setOptions((prev) => ({\n        ...prev,\n        state: {\n            ...prev.state,\n            rowSelection: store.state.rowSelection as RowSelectionState,\n        },\n        onRowSelectionChange: (rowSelectionUpdater) => {\n            store.setRowSelection((old) => {\n                const newRowSelection = (\n                    rowSelectionUpdater instanceof Function\n                        ? rowSelectionUpdater(old as RowSelectionState)\n                        : rowSelectionUpdater\n                ) as TableState<T>['rowSelection'];\n\n                if (isEqual(old, newRowSelection)) {\n                    return old;\n                }\n\n                const rows = table.getRowModel().rowsById;\n\n                Object.keys(newRowSelection).forEach((rowId) => {\n                    if (newRowSelection[rowId] === true) {\n                        if (!rows[rowId]) {\n                            console.error(\n                                'The table was not initialized properly, the rowSelection state should contain an object of type Record<string, TData>.',\n                            );\n                        }\n                        newRowSelection[rowId] = rows[rowId]?.original ?? (true as T);\n                    }\n                });\n\n                return newRowSelection;\n            });\n        },\n    }));\n\n    useEffect(() => {\n        // Update the selected rows data when the data prop changes\n        if (store.getSelectedRows().length > 0) {\n            store.setRowSelection((old) => {\n                const rowsById = table.getRowModel().rowsById;\n                const newSelection = {...old};\n                Object.keys(old).forEach((rowId) => {\n                    if (rowsById[rowId]) {\n                        newSelection[rowId] = rowsById[rowId].original;\n                    }\n                });\n                return isEqual(newSelection, old) ? old : newSelection;\n            });\n        }\n    }, [data]);\n\n    const containerRef = useRef<HTMLDivElement>();\n    useClickOutside(\n        () => {\n            if (!store.multiRowSelectionEnabled && store.getSelectedRows().length > 0) {\n                store.clearRowSelection();\n            }\n        },\n        null,\n        [containerRef.current, ...additionalRootNodes],\n    );\n    const mergedRef = useMergedRef(containerRef, ref);\n\n    if (!data) {\n        return (\n            <Center style={{flexGrow: 1}}>\n                <Loader />\n            </Center>\n        );\n    }\n\n    const Layout =\n        store.state.layout === null ? layouts[0] : layouts.find(({displayName}) => displayName === store.state.layout);\n    const hasRows = table.getRowModel().rows.length > 0;\n\n    return (\n        <Box ref={mergedRef} {...others} {...getStyles('root')}>\n            <TableProvider<T> value={{getStyles, getRowActions, store, table, layouts, containerRef}}>\n                <Layout>\n                    {store.isVacant && !store.isFiltered ? (\n                        noData\n                    ) : (\n                        <>\n                            <Box component=\"table\" {...getStyles('table')} mod={{loading}}>\n                                <thead {...getStyles('header')}>\n                                    {header ? (\n                                        <tr>\n                                            <th style={{padding: 0}} colSpan={table.getAllColumns().length}>\n                                                {header}\n                                            </th>\n                                        </tr>\n                                    ) : null}\n                                    <Layout.Header\n                                        getRowExpandedContent={getRowExpandedContent}\n                                        getRowAttributes={getRowAttributes}\n                                        loading={loading}\n                                        {...layoutProps}\n                                    />\n                                </thead>\n                                <tbody {...getStyles('body')}>\n                                    {hasRows ? (\n                                        <Layout.Body\n                                            getRowExpandedContent={getRowExpandedContent}\n                                            getRowAttributes={getRowAttributes}\n                                            loading={loading}\n                                            {...layoutProps}\n                                        />\n                                    ) : (\n                                        <tr>\n                                            <td colSpan={table.getAllColumns().length}>\n                                                <TableLoading visible={loading || !store.isFiltered}>\n                                                    {noData}\n                                                </TableLoading>\n                                            </td>\n                                        </tr>\n                                    )}\n                                </tbody>\n                            </Box>\n                            {footer}\n                            {lastUpdated}\n                        </>\n                    )}\n                </Layout>\n            </TableProvider>\n        </Box>\n    );\n};\n\nexport const TableComponentsOrder = {\n    MultiSelectInfo: 7,\n    Actions: 6,\n    Predicate: 5,\n    Filter: 4,\n    DateRangePicker: 3,\n    ColumnsSelector: 2,\n    LayoutControl: 1,\n};\n\nTable.AccordionColumn = TableAccordionColumn;\nTable.ActionsColumn = TableActionsColumn;\nTable.ActionItem = TableActionItem;\nTable.CollapsibleColumn = TableCollapsibleColumn;\nTable.ColumnsSelector = TableColumnsSelector;\nTable.DateRangePicker = TableDateRangePicker;\nTable.Filter = TableFilter;\nTable.Footer = TableFooter;\nTable.Header = TableHeader;\nTable.LastUpdated = TableLastUpdated;\nTable.Layouts = TableLayouts;\nTable.Loading = TableLoading;\nTable.NoData = TableNoData;\nTable.Pagination = TablePagination;\nTable.PerPage = TablePerPage;\nTable.Predicate = TablePredicate;\n\nTable.extend = identity as CustomComponentThemeExtend<PlasmaTableFactory>;\n"],"names":["Table","TableComponentsOrder","defaultProps","layouts","TableLayouts","Rows","layoutProps","loading","additionalRootNodes","options","getRowActions","props","useProps","store","data","getRowId","getRowAttributes","getRowExpandedContent","columns","children","ref","style","className","classNames","styles","unstyled","others","getStyles","useStyles","name","classes","convertedChildren","Children","toArray","header","find","child","type","TableHeader","footer","TableFooter","lastUpdated","TableLastUpdated","noData","TableNoData","table","useReactTable","state","globalFilter","sorting","pagination","columnVisibility","expanded","onGlobalFilterChange","setGlobalFilter","onExpandedChange","setExpanded","onSortingChange","setSorting","onPaginationChange","setPagination","onColumnVisibilityChange","setColumnVisibility","multiRowSelectionEnabled","TableSelectableColumn","concat","getCoreRowModel","manualPagination","getPaginationRowModel","undefined","enableMultiRowSelection","getRowCanExpand","row","original","index","enableRowSelection","defaultColumn","size","minSize","defaultColumnSizing","maxSize","rowCount","getFilteredRowModel","totalEntries","setOptions","prev","rowSelection","onRowSelectionChange","rowSelectionUpdater","setRowSelection","old","newRowSelection","Function","isEqual","rows","getRowModel","rowsById","Object","keys","forEach","rowId","console","error","useEffect","getSelectedRows","length","newSelection","containerRef","useRef","useClickOutside","clearRowSelection","current","mergedRef","useMergedRef","Center","flexGrow","Loader","Layout","layout","displayName","hasRows","Box","TableProvider","value","isVacant","isFiltered","component","mod","thead","tr","th","padding","colSpan","getAllColumns","Header","tbody","Body","td","TableLoading","visible","MultiSelectInfo","Actions","Predicate","Filter","DateRangePicker","ColumnsSelector","LayoutControl","AccordionColumn","TableAccordionColumn","ActionsColumn","TableActionsColumn","ActionItem","TableActionItem","CollapsibleColumn","TableCollapsibleColumn","TableColumnsSelector","TableDateRangePicker","TableFilter","Footer","LastUpdated","Layouts","Loading","NoData","Pagination","TablePagination","PerPage","TablePerPage","TablePredicate","extend","identity"],"mappings":";;;;;;;;;;;QA2FaA;eAAAA;;QA0MAC;eAAAA;;;;;;;;;;oBArSmD;qBACpB;0BAQrC;sEACa;qBACkD;sCACnB;uEAC/B;4BAEQ;4BACD;+BAC+B;kCAGzB;sCAK1B;qCAC6B;oCACgC;oCACA;2BAClB;2BACxB;2BACwB;gCAEU;4BACjC;2BACD;+BACI;4BACH;8BAC6B;AA4CxD,IAAMC,eAA6C;IAC/CC,SAAS;QAACC,0BAAY,CAACC,IAAI;KAAgB;IAC3CC,aAAa,CAAC;IACdC,SAAS;IACTC,qBAAqB,EAAE;IACvBC,SAAS,CAAC;IACVC,eAAe;eAAM,EAAE;;AAC3B;AAEO,IAAMV,QAAQ,SAAKW;IACtB,IAuBIC,YAAAA,IAAAA,cAAQ,EAAC,eAAeV,cAA+BS,QAtBvDE,QAsBAD,UAtBAC,OACAC,OAqBAF,UArBAE,MACAC,WAoBAH,UApBAG,UACAC,mBAmBAJ,UAnBAI,kBACAC,wBAkBAL,UAlBAK,uBACAP,gBAiBAE,UAjBAF,eACAQ,UAgBAN,UAhBAM,SACAf,UAeAS,UAfAT,SACAG,cAcAM,UAdAN,aACAa,WAaAP,UAbAO,UACAZ,UAYAK,UAZAL,SACAC,sBAWAI,UAXAJ,qBACAC,UAUAG,UAVAH,SACAW,MASAR,UATAQ,KAEA,cAAc;IACdC,QAMAT,UANAS,OACAC,YAKAV,UALAU,WACAC,aAIAX,UAJAW,YACAC,SAGAZ,UAHAY,QACAC,WAEAb,UAFAa,UACGC,sCACHd;QAtBAC;QACAC;QACAC;QACAC;QACAC;QACAP;QACAQ;QACAf;QACAG;QACAa;QACAZ;QACAC;QACAC;QACAW;QAGAC;QACAC;QACAC;QACAC;QACAC;;IAIJ,IAAME,YAAYC,IAAAA,eAAS,EAAqB;QAC5CC,MAAM;QACNC,SAAAA,uBAAO;QACPnB,OAAOA;QACPW,WAAAA;QACAD,OAAAA;QACAE,YAAAA;QACAC,QAAAA;QACAC,UAAAA;IACJ;IAEA,IAAMM,oBAAoBC,eAAQ,CAACC,OAAO,CAACd;IAC3C,IAAMe,SAASH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,wBAAW;;IAC3E,IAAMC,SAASR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,wBAAW;;IAC3E,IAAMC,cAAcV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,kCAAgB;;IACrF,IAAMC,SAASZ,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKO,wBAAW;;IAE3E,IAAMC,QAAQC,IAAAA,yBAAa,EAAC;QACxBhC,MAAMA,QAAQ,EAAE;QAChBiC,OAAO;YACHC,cAAcnC,MAAMkC,KAAK,CAACC,YAAY;YACtCC,SAASpC,MAAMkC,KAAK,CAACE,OAAO;YAC5BC,YAAYrC,MAAMkC,KAAK,CAACG,UAAU;YAClCC,kBAAkBtC,MAAMkC,KAAK,CAACI,gBAAgB;YAC9CC,UAAUvC,MAAMkC,KAAK,CAACK,QAAQ;QAClC;QACAC,sBAAsBxC,MAAMyC,eAAe;QAC3CC,kBAAkB1C,MAAM2C,WAAW;QACnCC,iBAAiB5C,MAAM6C,UAAU;QACjCC,oBAAoB9C,MAAM+C,aAAa;QACvCC,0BAA0BhD,MAAMiD,mBAAmB;QACnD5C,SAASL,MAAMkD,wBAAwB,GAAG;YAACC,4CAAqB;SAAiB,CAACC,MAAM,CAAC/C,WAAWA;QACpGgD,iBAAiBA,IAAAA,2BAAe;QAChCC,kBAAkB1D,CAAAA,oBAAAA,8BAAAA,QAAS2D,qBAAqB,MAAKC;QACrDC,yBAAyB,CAAC,CAACzD,MAAMkD,wBAAwB;QACzDhD,UAAAA;QACAwD,iBAAiB,SAACC;mBAAgB,CAAC,EAACvD,kCAAAA,4CAAAA,sBAAwBuD,IAAIC,QAAQ,EAAED,IAAIE,KAAK,EAAEF;;QACrFG,oBAAoB,CAACpE;QACrBqE,eAAe;YACXC,MAAMR;YACNS,SAASC,+BAAmB,CAACD,OAAO;YACpCE,SAASD,+BAAmB,CAACC,OAAO;QACxC;QACAC,UAAUxE,CAAAA,oBAAAA,8BAAAA,QAASyE,mBAAmB,IAAGb,YAAYxD,MAAMkC,KAAK,CAACoC,YAAY;OAC1E1E;IAGPoC,MAAMuC,UAAU,CAAC,SAACC;eAAU,4CACrBA;YACHtC,OAAO,4CACAsC,KAAKtC,KAAK;gBACbuC,cAAczE,MAAMkC,KAAK,CAACuC,YAAY;;YAE1CC,sBAAsB,SAACC;gBACnB3E,MAAM4E,eAAe,CAAC,SAACC;oBACnB,IAAMC,kBACFH,AAAmB,aAAYI,CAA/BJ,qBAA+BI,YACzBJ,oBAAoBE,OACpBF;oBAGV,IAAIK,IAAAA,sBAAO,EAACH,KAAKC,kBAAkB;wBAC/B,OAAOD;oBACX;oBAEA,IAAMI,OAAOjD,MAAMkD,WAAW,GAAGC,QAAQ;oBAEzCC,OAAOC,IAAI,CAACP,iBAAiBQ,OAAO,CAAC,SAACC;wBAClC,IAAIT,eAAe,CAACS,MAAM,KAAK,MAAM;gCAMRN;4BALzB,IAAI,CAACA,IAAI,CAACM,MAAM,EAAE;gCACdC,QAAQC,KAAK,CACT;4BAER;gCACyBR;4BAAzBH,eAAe,CAACS,MAAM,GAAGN,CAAAA,wBAAAA,cAAAA,IAAI,CAACM,MAAM,cAAXN,kCAAAA,YAAarB,QAAQ,cAArBqB,kCAAAA,uBAA0B;wBACvD;oBACJ;oBAEA,OAAOH;gBACX;YACJ;;;IAGJY,IAAAA,gBAAS,EAAC;QACN,2DAA2D;QAC3D,IAAI1F,MAAM2F,eAAe,GAAGC,MAAM,GAAG,GAAG;YACpC5F,MAAM4E,eAAe,CAAC,SAACC;gBACnB,IAAMM,WAAWnD,MAAMkD,WAAW,GAAGC,QAAQ;gBAC7C,IAAMU,eAAe,qBAAIhB;gBACzBO,OAAOC,IAAI,CAACR,KAAKS,OAAO,CAAC,SAACC;oBACtB,IAAIJ,QAAQ,CAACI,MAAM,EAAE;wBACjBM,YAAY,CAACN,MAAM,GAAGJ,QAAQ,CAACI,MAAM,CAAC3B,QAAQ;oBAClD;gBACJ;gBACA,OAAOoB,IAAAA,sBAAO,EAACa,cAAchB,OAAOA,MAAMgB;YAC9C;QACJ;IACJ,GAAG;QAAC5F;KAAK;IAET,IAAM6F,eAAeC,IAAAA,aAAM;IAC3BC,IAAAA,sBAAe,EACX;QACI,IAAI,CAAChG,MAAMkD,wBAAwB,IAAIlD,MAAM2F,eAAe,GAAGC,MAAM,GAAG,GAAG;YACvE5F,MAAMiG,iBAAiB;QAC3B;IACJ,GACA,MACA;QAACH,aAAaI,OAAO;KAAyB,CAA9C,OAAuB,uBAAGvG;IAE9B,IAAMwG,YAAYC,IAAAA,mBAAY,EAACN,cAAcvF;IAE7C,IAAI,CAACN,MAAM;QACP,qBACI,qBAACoG,YAAM;YAAC7F,OAAO;gBAAC8F,UAAU;YAAC;sBACvB,cAAA,qBAACC,YAAM;;IAGnB;IAEA,IAAMC,SACFxG,MAAMkC,KAAK,CAACuE,MAAM,KAAK,OAAOnH,OAAO,CAAC,EAAE,GAAGA,QAAQgC,IAAI,CAAC;YAAEoF,oBAAAA;eAAiBA,gBAAgB1G,MAAMkC,KAAK,CAACuE,MAAM;;IACjH,IAAME,UAAU3E,MAAMkD,WAAW,GAAGD,IAAI,CAACW,MAAM,GAAG;IAElD,qBACI,qBAACgB,SAAG;QAACrG,KAAK4F;OAAetF,QAAYC,UAAU;kBAC3C,cAAA,qBAAC+F,2BAAa;YAAIC,OAAO;gBAAChG,WAAAA;gBAAWjB,eAAAA;gBAAeG,OAAAA;gBAAOgC,OAAAA;gBAAO1C,SAAAA;gBAASwG,cAAAA;YAAY;sBACnF,cAAA,qBAACU;0BACIxG,MAAM+G,QAAQ,IAAI,CAAC/G,MAAMgH,UAAU,GAChClF,uBAEA;;sCACI,sBAAC8E,SAAG;4BAACK,WAAU;2BAAYnG,UAAU;4BAAUoG,KAAK;gCAACxH,SAAAA;4BAAO;;8CACxD,sBAACyH,qDAAUrG,UAAU;;wCAChBO,uBACG,qBAAC+F;sDACG,cAAA,qBAACC;gDAAG7G,OAAO;oDAAC8G,SAAS;gDAAC;gDAAGC,SAASvF,MAAMwF,aAAa,GAAG5B,MAAM;0DACzDvE;;6CAGT;sDACJ,qBAACmF,OAAOiB,MAAM;4CACVrH,uBAAuBA;4CACvBD,kBAAkBA;4CAClBT,SAASA;2CACLD;;;8CAGZ,qBAACiI,qDAAU5G,UAAU;8CAChB6F,wBACG,qBAACH,OAAOmB,IAAI;wCACRvH,uBAAuBA;wCACvBD,kBAAkBA;wCAClBT,SAASA;uCACLD,8BAGR,qBAAC2H;kDACG,cAAA,qBAACQ;4CAAGL,SAASvF,MAAMwF,aAAa,GAAG5B,MAAM;sDACrC,cAAA,qBAACiC,0BAAY;gDAACC,SAASpI,WAAW,CAACM,MAAMgH,UAAU;0DAC9ClF;;;;;;;wBAOxBJ;wBACAE;;;;;;AAO7B;AAEO,IAAMxC,uBAAuB;IAChC2I,iBAAiB;IACjBC,SAAS;IACTC,WAAW;IACXC,QAAQ;IACRC,iBAAiB;IACjBC,iBAAiB;IACjBC,eAAe;AACnB;AAEAlJ,MAAMmJ,eAAe,GAAGC,4CAAoB;AAC5CpJ,MAAMqJ,aAAa,GAAGC,sCAAkB;AACxCtJ,MAAMuJ,UAAU,GAAGC,gCAAe;AAClCxJ,MAAMyJ,iBAAiB,GAAGC,8CAAsB;AAChD1J,MAAMiJ,eAAe,GAAGU,0CAAoB;AAC5C3J,MAAMgJ,eAAe,GAAGY,0CAAoB;AAC5C5J,MAAM+I,MAAM,GAAGc,wBAAW;AAC1B7J,MAAM8J,MAAM,GAAGtH,wBAAW;AAC1BxC,MAAMsI,MAAM,GAAGhG,wBAAW;AAC1BtC,MAAM+J,WAAW,GAAGrH,kCAAgB;AACpC1C,MAAMgK,OAAO,GAAG5J,0BAAY;AAC5BJ,MAAMiK,OAAO,GAAGvB,0BAAY;AAC5B1I,MAAMkK,MAAM,GAAGtH,wBAAW;AAC1B5C,MAAMmK,UAAU,GAAGC,gCAAe;AAClCpK,MAAMqK,OAAO,GAAGC,0BAAY;AAC5BtK,MAAM8I,SAAS,GAAGyB,8BAAc;AAEhCvK,MAAMwK,MAAM,GAAGC,gCAAQ"}
+{"version":3,"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import {Box, Center, Factory, Loader, useProps, useStyles} from '@mantine/core';\nimport {useClickOutside, useMergedRef} from '@mantine/hooks';\nimport {\n    ColumnDef,\n    defaultColumnSizing,\n    getCoreRowModel,\n    Row,\n    RowSelectionState,\n    useReactTable,\n} from '@tanstack/react-table';\nimport isEqual from 'fast-deep-equal';\nimport {Children, ForwardedRef, ReactElement, useEffect, useRef} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../utils/createFactoryComponent.js';\nimport classes from './Table.module.css';\nimport {TableLayout, TableProps} from './Table.types.js';\nimport {TableProvider} from './TableContext.js';\nimport {TableLayouts} from './layouts/TableLayouts.js';\nimport {TableActionItem, TableActionItemStylesNames} from './table-actions/TableActionItem.js';\nimport {TableActionsListStylesNames} from './table-actions/TableActionsList.js';\nimport {TableHeaderActionsStylesNames} from './table-actions/TableHeaderActions.js';\nimport {TableActionsColumn} from './table-column/TableActionsColumn.js';\nimport {\n    TableAccordionColumn,\n    TableCollapsibleColumn,\n    TableCollapsibleColumnStylesNames,\n} from './table-column/TableCollapsibleColumn.js';\nimport {TableSelectableColumn} from './table-column/TableSelectableColumn.js';\nimport {TableDateRangePicker, TableDateRangePickerStylesNames} from './table-date-range-picker/TableDateRangePicker.js';\nimport {TableFilter, TableFilterStylesNames} from './table-filter/TableFilter.js';\nimport {TableFooter} from './table-footer/TableFooter.js';\nimport {TableHeader, TableHeaderStylesNames} from './table-header/TableHeader.js';\nimport {TableThStylesNames} from './table-header/Th.js';\nimport {TableLastUpdated, TableLastUpdatedStylesNames} from './table-last-updated/TableLastUpdated.js';\nimport {TableLoading} from './table-loading/TableLoading.js';\nimport {TableNoData} from './table-no-data/TableNoData.js';\nimport {TablePagination} from './table-pagination/TablePagination.js';\nimport {TablePerPage} from './table-per-page/TablePerPage.js';\nimport {TablePredicate, TablePredicateStylesNames} from './table-predicate/TablePredicate.js';\nimport {TableState} from './use-table.js';\n\ntype TableStylesNames =\n    | 'root'\n    | 'table'\n    | 'header'\n    | 'body'\n    | TableHeaderActionsStylesNames\n    | TableActionsListStylesNames\n    | TableActionItemStylesNames\n    | TableCollapsibleColumnStylesNames\n    | TableDateRangePickerStylesNames\n    | TableFilterStylesNames\n    | TableHeaderStylesNames\n    | TableThStylesNames\n    | TableLastUpdatedStylesNames\n    | TablePredicateStylesNames;\n\nexport type PlasmaTableFactory = Factory<{\n    props: TableProps<unknown>;\n    ref: HTMLDivElement;\n    stylesNames: TableStylesNames;\n    staticComponents: {\n        AccordionColumn: typeof TableAccordionColumn;\n        ActionsColumn: typeof TableActionsColumn;\n        ActionItem: typeof TableActionItem;\n        CollapsibleColumn: typeof TableCollapsibleColumn;\n        DateRangePicker: typeof TableDateRangePicker;\n        Filter: typeof TableFilter;\n        Footer: typeof TableFooter;\n        Header: typeof TableHeader;\n        LastUpdated: typeof TableLastUpdated;\n        Layouts: typeof TableLayouts;\n        Loading: typeof TableLoading;\n        NoData: typeof TableNoData;\n        Pagination: typeof TablePagination;\n        PerPage: typeof TablePerPage;\n        Predicate: typeof TablePredicate;\n    };\n}>;\n\nconst defaultProps: Partial<TableProps<unknown>> = {\n    layouts: [TableLayouts.Rows as TableLayout],\n    layoutProps: {},\n    loading: false,\n    additionalRootNodes: [],\n    options: {},\n    getRowActions: () => [],\n};\n\nexport const Table = <T,>(props: TableProps<T> & {ref?: ForwardedRef<HTMLDivElement>}) => {\n    const {\n        store,\n        data,\n        getRowId,\n        getRowAttributes,\n        getRowExpandedContent,\n        getRowActions,\n        columns,\n        layouts,\n        layoutProps,\n        children,\n        loading,\n        additionalRootNodes,\n        options,\n        ref,\n\n        // Style props\n        style,\n        className,\n        classNames,\n        styles,\n        unstyled,\n        ...others\n    } = useProps('PlasmaTable', defaultProps as TableProps<T>, props);\n\n    const getStyles = useStyles<PlasmaTableFactory>({\n        name: 'PlasmaTable',\n        classes,\n        props: props as TableProps<unknown>,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const header = convertedChildren.find((child) => child.type === TableHeader);\n    const footer = convertedChildren.find((child) => child.type === TableFooter);\n    const lastUpdated = convertedChildren.find((child) => child.type === TableLastUpdated);\n    const noData = convertedChildren.find((child) => child.type === TableNoData);\n\n    const table = useReactTable({\n        data: data || [],\n        state: {\n            globalFilter: store.state.globalFilter,\n            sorting: store.state.sorting,\n            pagination: store.state.pagination,\n            columnVisibility: store.state.columnVisibility,\n            expanded: store.state.expanded,\n        },\n        onGlobalFilterChange: store.setGlobalFilter,\n        onExpandedChange: store.setExpanded,\n        onSortingChange: store.setSorting,\n        onPaginationChange: store.setPagination,\n        onColumnVisibilityChange: store.setColumnVisibility,\n        columns: store.multiRowSelectionEnabled ? [TableSelectableColumn as ColumnDef<T>].concat(columns) : columns,\n        getCoreRowModel: getCoreRowModel(),\n        manualPagination: options?.getPaginationRowModel === undefined,\n        enableMultiRowSelection: !!store.multiRowSelectionEnabled,\n        getRowId,\n        getRowCanExpand: (row: Row<T>) => !!getRowExpandedContent?.(row.original, row.index, row),\n        enableRowSelection: !loading,\n        defaultColumn: {\n            size: undefined,\n            minSize: defaultColumnSizing.minSize,\n            maxSize: defaultColumnSizing.maxSize,\n        },\n        rowCount: options?.getFilteredRowModel ? undefined : store.state.totalEntries,\n        ...options,\n    });\n\n    table.setOptions((prev) => ({\n        ...prev,\n        state: {\n            ...prev.state,\n            rowSelection: store.state.rowSelection as RowSelectionState,\n        },\n        onRowSelectionChange: (rowSelectionUpdater) => {\n            store.setRowSelection((old) => {\n                const newRowSelection = (\n                    rowSelectionUpdater instanceof Function\n                        ? rowSelectionUpdater(old as RowSelectionState)\n                        : rowSelectionUpdater\n                ) as TableState<T>['rowSelection'];\n\n                if (isEqual(old, newRowSelection)) {\n                    return old;\n                }\n\n                const rows = table.getRowModel().rowsById;\n\n                Object.keys(newRowSelection).forEach((rowId) => {\n                    if (newRowSelection[rowId] === true) {\n                        if (!rows[rowId]) {\n                            console.error(\n                                'The table was not initialized properly, the rowSelection state should contain an object of type Record<string, TData>.',\n                            );\n                        }\n                        newRowSelection[rowId] = rows[rowId]?.original ?? (true as T);\n                    }\n                });\n\n                return newRowSelection;\n            });\n        },\n    }));\n\n    useEffect(() => {\n        // Update the selected rows data when the data prop changes\n        if (store.getSelectedRows().length > 0) {\n            store.setRowSelection((old) => {\n                const rowsById = table.getRowModel().rowsById;\n                const newSelection = {...old};\n                Object.keys(old).forEach((rowId) => {\n                    if (rowsById[rowId]) {\n                        newSelection[rowId] = rowsById[rowId].original;\n                    }\n                });\n                return isEqual(newSelection, old) ? old : newSelection;\n            });\n        }\n    }, [data]);\n\n    const containerRef = useRef<HTMLDivElement>();\n    useClickOutside(\n        () => {\n            if (!store.multiRowSelectionEnabled && store.getSelectedRows().length > 0) {\n                store.clearRowSelection();\n            }\n        },\n        null,\n        [containerRef.current, ...additionalRootNodes],\n    );\n    const mergedRef = useMergedRef(containerRef, ref);\n\n    if (!data) {\n        return (\n            <Center style={{flexGrow: 1}}>\n                <Loader />\n            </Center>\n        );\n    }\n\n    const Layout =\n        store.state.layout === null ? layouts[0] : layouts.find(({displayName}) => displayName === store.state.layout);\n    const hasRows = table.getRowModel().rows.length > 0;\n\n    return (\n        <Box ref={mergedRef} {...others} {...getStyles('root')}>\n            <TableProvider<T> value={{getStyles, getRowActions, store, table, layouts, containerRef}}>\n                <Layout>\n                    {store.isVacant && !store.isFiltered ? (\n                        noData\n                    ) : (\n                        <>\n                            <Box component=\"table\" {...getStyles('table')} mod={{loading}}>\n                                <thead {...getStyles('header')}>\n                                    {header ? (\n                                        <tr>\n                                            <th style={{padding: 0}} colSpan={table.getAllColumns().length}>\n                                                {header}\n                                            </th>\n                                        </tr>\n                                    ) : null}\n                                    <Layout.Header\n                                        getRowExpandedContent={getRowExpandedContent}\n                                        getRowAttributes={getRowAttributes}\n                                        loading={loading}\n                                        {...layoutProps}\n                                    />\n                                </thead>\n                                <tbody {...getStyles('body')}>\n                                    {hasRows ? (\n                                        <Layout.Body\n                                            getRowExpandedContent={getRowExpandedContent}\n                                            getRowAttributes={getRowAttributes}\n                                            loading={loading}\n                                            {...layoutProps}\n                                        />\n                                    ) : (\n                                        <tr>\n                                            <td colSpan={table.getAllColumns().length}>\n                                                <TableLoading visible={loading || !store.isFiltered}>\n                                                    {noData}\n                                                </TableLoading>\n                                            </td>\n                                        </tr>\n                                    )}\n                                </tbody>\n                            </Box>\n                            {footer}\n                            {lastUpdated}\n                        </>\n                    )}\n                </Layout>\n            </TableProvider>\n        </Box>\n    );\n};\n\nexport const TableComponentsOrder = {\n    MultiSelectInfo: 7,\n    Actions: 6,\n    Predicate: 5,\n    Filter: 4,\n    DateRangePicker: 3,\n    LayoutControl: 1,\n};\n\nTable.AccordionColumn = TableAccordionColumn;\nTable.ActionsColumn = TableActionsColumn;\nTable.ActionItem = TableActionItem;\nTable.CollapsibleColumn = TableCollapsibleColumn;\nTable.DateRangePicker = TableDateRangePicker;\nTable.Filter = TableFilter;\nTable.Footer = TableFooter;\nTable.Header = TableHeader;\nTable.LastUpdated = TableLastUpdated;\nTable.Layouts = TableLayouts;\nTable.Loading = TableLoading;\nTable.NoData = TableNoData;\nTable.Pagination = TablePagination;\nTable.PerPage = TablePerPage;\nTable.Predicate = TablePredicate;\n\nTable.extend = identity as CustomComponentThemeExtend<PlasmaTableFactory>;\n"],"names":["Table","TableComponentsOrder","defaultProps","layouts","TableLayouts","Rows","layoutProps","loading","additionalRootNodes","options","getRowActions","props","useProps","store","data","getRowId","getRowAttributes","getRowExpandedContent","columns","children","ref","style","className","classNames","styles","unstyled","others","getStyles","useStyles","name","classes","convertedChildren","Children","toArray","header","find","child","type","TableHeader","footer","TableFooter","lastUpdated","TableLastUpdated","noData","TableNoData","table","useReactTable","state","globalFilter","sorting","pagination","columnVisibility","expanded","onGlobalFilterChange","setGlobalFilter","onExpandedChange","setExpanded","onSortingChange","setSorting","onPaginationChange","setPagination","onColumnVisibilityChange","setColumnVisibility","multiRowSelectionEnabled","TableSelectableColumn","concat","getCoreRowModel","manualPagination","getPaginationRowModel","undefined","enableMultiRowSelection","getRowCanExpand","row","original","index","enableRowSelection","defaultColumn","size","minSize","defaultColumnSizing","maxSize","rowCount","getFilteredRowModel","totalEntries","setOptions","prev","rowSelection","onRowSelectionChange","rowSelectionUpdater","setRowSelection","old","newRowSelection","Function","isEqual","rows","getRowModel","rowsById","Object","keys","forEach","rowId","console","error","useEffect","getSelectedRows","length","newSelection","containerRef","useRef","useClickOutside","clearRowSelection","current","mergedRef","useMergedRef","Center","flexGrow","Loader","Layout","layout","displayName","hasRows","Box","TableProvider","value","isVacant","isFiltered","component","mod","thead","tr","th","padding","colSpan","getAllColumns","Header","tbody","Body","td","TableLoading","visible","MultiSelectInfo","Actions","Predicate","Filter","DateRangePicker","LayoutControl","AccordionColumn","TableAccordionColumn","ActionsColumn","TableActionsColumn","ActionItem","TableActionItem","CollapsibleColumn","TableCollapsibleColumn","TableDateRangePicker","TableFilter","Footer","LastUpdated","Layouts","Loading","NoData","Pagination","TablePagination","PerPage","TablePerPage","TablePredicate","extend","identity"],"mappings":"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"}

package/dist/cjs/components/Table/table-column/TableActionsColumn.d.ts

@@ -1,4 +1,19 @@
 import { ColumnDef } from '@tanstack/table-core';
+import { TableColumnsSelectorOptions } from '../table-columns-selector/TableColumnsSelector.js';
+export interface TableActionsColumnMeta {
+    /**
+     * When set to `true` or an options object, displays a column selector button in the actions column header.
+     * Allows users to show/hide columns in the table.
+     *
+     * @example
+     * // Simple usage
+     * options={{ meta: { rowConfigurable: true } }}
+     *
+     * // With options
+     * options={{ meta: { rowConfigurable: { maxSelectableColumns: 5 } } }}
+     */
+    rowConfigurable?: boolean | TableColumnsSelectorOptions;
+}
 /**
  * Generic column to use when your table needs actions on rows
  */

package/dist/cjs/components/Table/table-column/TableActionsColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableActionsColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-column/TableActionsColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAK5D;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,OAAO,CAUjD,CAAC"}
+{"version":3,"file":"TableActionsColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-column/TableActionsColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAK5D,OAAO,EAEH,2BAA2B,EAC9B,MAAM,mDAAmD,CAAC;AAE3D,MAAM,WAAW,sBAAsB;IACnC;;;;;;;;;;OAUG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,2BAA2B,CAAC;CAC3D;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,OAAO,CAiBjD,CAAC"}

package/dist/cjs/components/Table/table-column/TableActionsColumn.js

@@ -15,6 +15,7 @@ var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _TableActionsList = require("../table-actions/TableActionsList.js");
 var _TableContext = require("../TableContext.js");
+var _TableColumnsSelector = require("../table-columns-selector/TableColumnsSelector.js");
 var TableActionsColumn = {
     id: 'actions',
     enableSorting: false,
@@ -22,7 +23,19 @@ var TableActionsColumn = {
     meta: {
         controlColumn: true
     },
-    header: '',
+    header: function(param) {
+        var table = param.table;
+        var _table_options_meta;
+        var rowConfigurable = (_table_options_meta = table.options.meta) === null || _table_options_meta === void 0 ? void 0 : _table_options_meta.rowConfigurable;
+        if (!rowConfigurable) {
+            return null;
+        }
+        var options = typeof rowConfigurable === 'boolean' ? {} : rowConfigurable;
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableColumnsSelector.TableColumnsSelectorHeader, {
+            table: table,
+            options: options
+        });
+    },
     size: 84,
     cell: function(info) {
         return /*#__PURE__*/ (0, _jsxruntime.jsx)(ActionsMenu, {

package/dist/cjs/components/Table/table-column/TableActionsColumn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-column/TableActionsColumn.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {useProps} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {FunctionComponent} from 'react';\nimport {TableActionsList, TableActionsListProps} from '../table-actions/TableActionsList.js';\nimport {useTableContext} from '../TableContext.js';\n\n/**\n * Generic column to use when your table needs actions on rows\n */\nexport const TableActionsColumn: ColumnDef<unknown> = {\n    id: 'actions',\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n        controlColumn: true,\n    },\n    header: '',\n    size: 84, // 16px padding left + 28px ActionIcon + 40px padding right\n    cell: (info) => <ActionsMenu info={info} />,\n};\n\ninterface TableActionsColumnProps extends Omit<TableActionsListProps, 'actions'> {\n    info: CellContext<unknown, unknown>;\n}\n\nconst defaultProps: Partial<TableActionsColumnProps> = {\n    label: 'Actions',\n    icon: <MoreSize16Px height={16} />,\n};\n\nconst ActionsMenu: FunctionComponent<TableActionsColumnProps> = (props) => {\n    const {getRowActions} = useTableContext();\n\n    const {info, ...others} = useProps('PlasmaTableActionsColumn', defaultProps, props);\n\n    const actionsElements = getRowActions([info.row.original]);\n    return <TableActionsList actions={actionsElements} variant=\"combined\" {...others} />;\n};\n"],"names":["TableActionsColumn","id","enableSorting","enableHiding","meta","controlColumn","header","size","cell","info","ActionsMenu","defaultProps","label","icon","MoreSize16Px","height","props","getRowActions","useTableContext","useProps","others","actionsElements","row","original","TableActionsList","actions","variant"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;gCAVc;oBACJ;gCAG+B;4BACxB;AAKvB,IAAMA,qBAAyC;IAClDC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;IACNC,MAAM,SAACC;6BAAS,qBAACC;YAAYD,MAAMA;;;AACvC;AAMA,IAAME,eAAiD;IACnDC,OAAO;IACPC,oBAAM,qBAACC,8BAAY;QAACC,QAAQ;;AAChC;AAEA,IAAML,cAA0D,SAACM;IAC7D,IAAM,AAACC,gBAAiBC,IAAAA,6BAAe,IAAhCD;IAEP,IAA0BE,YAAAA,IAAAA,cAAQ,EAAC,4BAA4BR,cAAcK,QAAvE,AAACP,OAAmBU,UAAnBV,MAASW,sCAAUD;QAAnBV;;IAEP,IAAMY,kBAAkBJ,cAAc;QAACR,KAAKa,GAAG,CAACC,QAAQ;KAAC;IACzD,qBAAO,qBAACC,kCAAgB;QAACC,SAASJ;QAAiBK,SAAQ;OAAeN;AAC9E"}
+{"version":3,"sources":["../../../../../src/components/Table/table-column/TableActionsColumn.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {useProps} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {FunctionComponent} from 'react';\nimport {TableActionsList, TableActionsListProps} from '../table-actions/TableActionsList.js';\n\nimport {useTableContext} from '../TableContext.js';\nimport {\n    TableColumnsSelectorHeader,\n    TableColumnsSelectorOptions,\n} from '../table-columns-selector/TableColumnsSelector.js';\n\nexport interface TableActionsColumnMeta {\n    /**\n     * When set to `true` or an options object, displays a column selector button in the actions column header.\n     * Allows users to show/hide columns in the table.\n     *\n     * @example\n     * // Simple usage\n     * options={{ meta: { rowConfigurable: true } }}\n     *\n     * // With options\n     * options={{ meta: { rowConfigurable: { maxSelectableColumns: 5 } } }}\n     */\n    rowConfigurable?: boolean | TableColumnsSelectorOptions;\n}\n\n/**\n * Generic column to use when your table needs actions on rows\n */\nexport const TableActionsColumn: ColumnDef<unknown> = {\n    id: 'actions',\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n        controlColumn: true,\n    },\n    header: ({table}) => {\n        const rowConfigurable = (table.options.meta as TableActionsColumnMeta)?.rowConfigurable;\n        if (!rowConfigurable) {\n            return null;\n        }\n        const options = typeof rowConfigurable === 'boolean' ? {} : rowConfigurable;\n        return <TableColumnsSelectorHeader table={table} options={options} />;\n    },\n    size: 84, // 16px padding left + 28px ActionIcon + 40px padding right\n    cell: (info) => <ActionsMenu info={info} />,\n};\n\ninterface TableActionsColumnProps extends Omit<TableActionsListProps, 'actions'> {\n    info: CellContext<unknown, unknown>;\n}\n\nconst defaultProps: Partial<TableActionsColumnProps> = {\n    label: 'Actions',\n    icon: <MoreSize16Px height={16} />,\n};\n\nconst ActionsMenu: FunctionComponent<TableActionsColumnProps> = (props) => {\n    const {getRowActions} = useTableContext();\n\n    const {info, ...others} = useProps('PlasmaTableActionsColumn', defaultProps, props);\n\n    const actionsElements = getRowActions([info.row.original]);\n    return <TableActionsList actions={actionsElements} variant=\"combined\" {...others} />;\n};\n"],"names":["TableActionsColumn","id","enableSorting","enableHiding","meta","controlColumn","header","table","rowConfigurable","options","TableColumnsSelectorHeader","size","cell","info","ActionsMenu","defaultProps","label","icon","MoreSize16Px","height","props","getRowActions","useTableContext","useProps","others","actionsElements","row","original","TableActionsList","actions","variant"],"mappings":";;;;+BA8BaA;;;eAAAA;;;;;;gCA9Bc;oBACJ;gCAG+B;4BAExB;oCAIvB;AAoBA,IAAMA,qBAAyC;IAClDC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;YAAEC,cAAAA;YACmBA;QAAzB,IAAMC,mBAAmBD,sBAAAA,MAAME,OAAO,CAACL,IAAI,cAAlBG,0CAAD,AAACA,oBAA+CC,eAAe;QACvF,IAAI,CAACA,iBAAiB;YAClB,OAAO;QACX;QACA,IAAMC,UAAU,OAAOD,oBAAoB,YAAY,CAAC,IAAIA;QAC5D,qBAAO,qBAACE,gDAA0B;YAACH,OAAOA;YAAOE,SAASA;;IAC9D;IACAE,MAAM;IACNC,MAAM,SAACC;6BAAS,qBAACC;YAAYD,MAAMA;;;AACvC;AAMA,IAAME,eAAiD;IACnDC,OAAO;IACPC,oBAAM,qBAACC,8BAAY;QAACC,QAAQ;;AAChC;AAEA,IAAML,cAA0D,SAACM;IAC7D,IAAM,AAACC,gBAAiBC,IAAAA,6BAAe,IAAhCD;IAEP,IAA0BE,YAAAA,IAAAA,cAAQ,EAAC,4BAA4BR,cAAcK,QAAvE,AAACP,OAAmBU,UAAnBV,MAASW,sCAAUD;QAAnBV;;IAEP,IAAMY,kBAAkBJ,cAAc;QAACR,KAAKa,GAAG,CAACC,QAAQ;KAAC;IACzD,qBAAO,qBAACC,kCAAgB;QAACC,SAASJ;QAAiBK,SAAQ;OAAeN;AAC9E"}

package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.d.ts

@@ -1,31 +1,17 @@
-import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
-import { ReactNode } from 'react';
-export type TableColumnsSelectorStylesNames = 'columnSelector' | 'columnSelectorWrapper';
-export interface TableColumnsSelectorProps extends BoxProps, CompoundStylesApiProps<TableColumnsSelectorFactory> {
-    /**
-     * The label of the button
-     * @default 'Edit columns'
-     */
-    label?: ReactNode;
-    /**
-     * The style variant of the button
-     * @default 'outline'
-     */
-    buttonVariant?: string;
-    /**
-     * Whether the count of visible columns is shown in the button label.
-     * @default false
-     */
-    showVisibleCountLabel?: boolean;
+import { Table } from '@tanstack/react-table';
+export interface TableColumnsSelectorOptions {
     /**
      * The maximum number of columns that can be selected at the same time.
      * If defined a footer will render with the remaining number of columns that can be selected.
+     * Must be a positive integer (greater than 0).
      */
     maxSelectableColumns?: number;
     /**
      * The content to display in the footer when maxSelectableColumns is defined.
+     * Can be a string or a function that receives the maxSelectableColumns value.
+     * @default (max) => `You can display up to ${max} columns.`
      */
-    footer?: ReactNode;
+    footer?: string | ((maxSelectableColumns: number) => string);
     /**
      * The tooltip to display when the user hovers over a disabled checkbox because of the limit.
      * @default 'You have reached the maximum display limit.'
@@ -37,16 +23,9 @@ export interface TableColumnsSelectorProps extends BoxProps, CompoundStylesApiPr
      */
     alwaysVisibleTooltip?: string;
 }
-export type TableColumnsSelectorFactory = Factory<{
-    props: TableColumnsSelectorProps;
-    ref: HTMLDivElement;
-    stylesNames: TableColumnsSelectorStylesNames;
-    compound: true;
-}>;
-export declare const TableColumnsSelector: import("@mantine/core").MantineComponent<{
-    props: TableColumnsSelectorProps;
-    ref: HTMLDivElement;
-    stylesNames: TableColumnsSelectorStylesNames;
-    compound: true;
-}>;
+export interface TableColumnsSelectorHeaderProps {
+    table: Table<unknown>;
+    options?: TableColumnsSelectorOptions;
+}
+export declare const TableColumnsSelectorHeader: ({ table, options }: TableColumnsSelectorHeaderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TableColumnsSelector.d.ts.map

package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnsSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,QAAQ,EAGR,sBAAsB,EAGtB,OAAO,EAOV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIhC,MAAM,MAAM,+BAA+B,GAAG,gBAAgB,GAAG,uBAAuB,CAAC;AAEzF,MAAM,WAAW,yBAA0B,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,2BAA2B,CAAC;IAC5G;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAAC;IAC9C,KAAK,EAAE,yBAAyB,CAAC;IACjC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,+BAA+B,CAAC;IAC7C,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAUH,eAAO,MAAM,oBAAoB;WAdtB,yBAAyB;SAC3B,cAAc;iBACN,+BAA+B;cAClC,IAAI;EAoGhB,CAAC"}
+{"version":3,"file":"TableColumnsSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAGhE,MAAM,WAAW,2BAA2B;IACxC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,oBAAoB,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7D;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,+BAA+B;IAC5C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAUD,eAAO,MAAM,0BAA0B,GAAI,oBAAkB,+BAA+B,4CA2F3F,CAAC"}

package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.js

@@ -2,44 +2,36 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "TableColumnsSelector", {
+Object.defineProperty(exports, "TableColumnsSelectorHeader", {
     enumerable: true,
     get: function() {
-        return TableColumnsSelector;
+        return TableColumnsSelectorHeader;
     }
 });
 var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _jsxruntime = require("react/jsx-runtime");
+var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _reacttable = require("@tanstack/react-table");
-var _Table = require("../Table.js");
-var _TableContext = require("../TableContext.js");
-var defaultProps = {
-    label: 'Edit columns',
-    buttonVariant: 'outline',
+var _ActionIcon = require("../../ActionIcon/ActionIcon");
+var DEFAULT_OPTIONS = {
+    footer: function(max) {
+        return "You can display up to ".concat(max, " columns.");
+    },
     limitReachedTooltip: 'You have reached the maximum display limit.',
-    alwaysVisibleTooltip: 'This column is always visible.',
-    showVisibleCountLabel: false
+    alwaysVisibleTooltip: 'This column is always visible.'
 };
-var TableColumnsSelector = (0, _core.factory)(function(props, ref) {
-    var getStyles = (0, _TableContext.useTableContext)().getStyles;
-    var _useProps = (0, _core.useProps)('TableColumnsSelector', defaultProps, props), label = _useProps.label, buttonVariant = _useProps.buttonVariant, showVisibleCountLabel = _useProps.showVisibleCountLabel, maxSelectableColumns = _useProps.maxSelectableColumns, footer = _useProps.footer, limitReachedTooltip = _useProps.limitReachedTooltip, alwaysVisibleTooltip = _useProps.alwaysVisibleTooltip, classNames = _useProps.classNames, className = _useProps.className, styles = _useProps.styles, style = _useProps.style, vars = _useProps.vars, others = _object_without_properties._(_useProps, [
-        "label",
-        "buttonVariant",
-        "showVisibleCountLabel",
-        "maxSelectableColumns",
-        "footer",
-        "limitReachedTooltip",
-        "alwaysVisibleTooltip",
-        "classNames",
-        "className",
-        "styles",
-        "style",
-        "vars"
-    ]);
-    var table = (0, _TableContext.useTableContext)().table;
+var TableColumnsSelectorHeader = function(param) {
+    var table = param.table, options = param.options;
+    var _$_object_spread = _object_spread._({}, DEFAULT_OPTIONS, options), maxSelectableColumns = _$_object_spread.maxSelectableColumns, footer = _$_object_spread.footer, limitReachedTooltip = _$_object_spread.limitReachedTooltip, alwaysVisibleTooltip = _$_object_spread.alwaysVisibleTooltip;
+    var combobox = (0, _core.useCombobox)({
+        onDropdownClose: function() {
+            combobox.resetSelectedOption();
+        },
+        onDropdownOpen: function() {
+            return combobox.updateSelectedOptionIndex('active');
+        }
+    });
     var allColumns = table.getAllLeafColumns();
     var filteredColumns = allColumns.filter(function(column) {
         var _column_columnDef_meta;
@@ -48,80 +40,92 @@ var TableColumnsSelector = (0, _core.factory)(function(props, ref) {
     var selectedColumnsCount = filteredColumns.filter(function(column) {
         return column.getIsVisible();
     }).length;
+    // Validate maxSelectableColumns - must be a positive integer to be effective
+    var effectiveMaxColumns = maxSelectableColumns !== undefined && maxSelectableColumns > 0 ? maxSelectableColumns : undefined;
     if (filteredColumns.length <= 0) {
         return null;
     }
-    var stylesApiProps = {
-        classNames: classNames,
-        styles: styles
+    var getColumnState = function(column) {
+        var alwaysVisible = !column.getCanHide();
+        var isDisabled = effectiveMaxColumns !== undefined && selectedColumnsCount >= effectiveMaxColumns && !column.getIsVisible() || alwaysVisible;
+        var isVisible = column.getIsVisible() || alwaysVisible;
+        return {
+            alwaysVisible: alwaysVisible,
+            isDisabled: isDisabled,
+            isVisible: isVisible
+        };
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Grid.Col, _object_spread_props._(_object_spread._({
-        span: "content",
-        order: _Table.TableComponentsOrder.ColumnsSelector
-    }, getStyles('columnSelector', _object_spread._({
-        className: className,
-        style: style
-    }, stylesApiProps)), others), {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Popover, {
-            withinPortal: true,
-            position: "bottom",
-            shadow: "md",
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Popover.Target, {
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Button, {
-                        variant: buttonVariant,
-                        children: [
-                            label,
-                            showVisibleCountLabel ? " (".concat(selectedColumnsCount, ")") : ''
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Popover.Dropdown, {
-                    miw: 240,
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.ScrollArea.Autosize, {
-                            mah: 154,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Stack, _object_spread_props._(_object_spread._({}, getStyles('columnSelectorWrapper', stylesApiProps)), {
-                                children: filteredColumns.map(function(column) {
-                                    var alwaysVisible = !column.getCanHide();
-                                    var isDisabled = selectedColumnsCount >= maxSelectableColumns && !column.getIsVisible() || alwaysVisible;
-                                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
-                                        label: alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip,
-                                        disabled: !isDisabled,
-                                        position: "left",
-                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Checkbox, {
-                                                label: (0, _reacttable.flexRender)(column.columnDef.header, {
-                                                    table: table,
-                                                    column: column,
-                                                    header: {
-                                                        column: column
-                                                    }
-                                                }),
-                                                name: column.id,
-                                                checked: column.getIsVisible() || alwaysVisible,
-                                                disabled: isDisabled,
-                                                onChange: column.getToggleVisibilityHandler()
-                                            }, column.id)
-                                        })
-                                    }, column.id);
-                                })
-                            }))
+    var handleOptionClick = function(columnId) {
+        var column = filteredColumns.find(function(col) {
+            return col.id === columnId;
+        });
+        if (column) {
+            var isDisabled = getColumnState(column).isDisabled;
+            if (!isDisabled) {
+                column.toggleVisibility();
+            }
+        }
+    };
+    var columnOptions = filteredColumns.map(function(column) {
+        var _getColumnState = getColumnState(column), alwaysVisible = _getColumnState.alwaysVisible, isDisabled = _getColumnState.isDisabled, isVisible = _getColumnState.isVisible;
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.Option, {
+            value: column.id,
+            disabled: isDisabled,
+            active: isVisible,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
+                label: alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip,
+                disabled: !isDisabled,
+                position: "left",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Checkbox, {
+                        checked: isVisible,
+                        label: (0, _reacttable.flexRender)(column.columnDef.header, {
+                            table: table,
+                            column: column,
+                            header: {
+                                column: column
+                            }
                         }),
-                        maxSelectableColumns && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Divider, {
-                                    mb: "xs",
-                                    mt: "sm"
-                                }),
-                                footer
-                            ]
-                        })
-                    ]
+                        disabled: isDisabled
+                    })
                 })
-            ]
-        })
-    }));
-});
+            })
+        }, column.id);
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Combobox, {
+        store: combobox,
+        position: "bottom-end",
+        shadow: "md",
+        onOptionSubmit: handleOptionClick,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.Target, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Tertiary, {
+                    onClick: function() {
+                        return combobox.toggleDropdown();
+                    },
+                    "aria-label": "settings",
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconSettings, {
+                        height: 16
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Combobox.Dropdown, {
+                miw: 270,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.Options, {
+                        children: columnOptions
+                    }),
+                    effectiveMaxColumns && /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Combobox.Footer, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, {
+                            size: "sm",
+                            c: "dimmed",
+                            children: typeof footer === 'function' ? footer(effectiveMaxColumns) : footer
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
 
 //# sourceMappingURL=TableColumnsSelector.js.map

package/dist/cjs/components/Table/table-columns-selector/TableColumnsSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"sourcesContent":["import {\n    BoxProps,\n    Button,\n    Checkbox,\n    CompoundStylesApiProps,\n    Divider,\n    factory,\n    Factory,\n    Grid,\n    Popover,\n    ScrollArea,\n    Stack,\n    Tooltip,\n    useProps,\n} from '@mantine/core';\nimport {flexRender, Header} from '@tanstack/react-table';\nimport {ReactNode} from 'react';\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableColumnsSelectorStylesNames = 'columnSelector' | 'columnSelectorWrapper';\n\nexport interface TableColumnsSelectorProps extends BoxProps, CompoundStylesApiProps<TableColumnsSelectorFactory> {\n    /**\n     * The label of the button\n     * @default 'Edit columns'\n     */\n    label?: ReactNode;\n    /**\n     * The style variant of the button\n     * @default 'outline'\n     */\n    buttonVariant?: string;\n    /**\n     * Whether the count of visible columns is shown in the button label.\n     * @default false\n     */\n    showVisibleCountLabel?: boolean;\n    /**\n     * The maximum number of columns that can be selected at the same time.\n     * If defined a footer will render with the remaining number of columns that can be selected.\n     */\n    maxSelectableColumns?: number;\n    /**\n     * The content to display in the footer when maxSelectableColumns is defined.\n     */\n    footer?: ReactNode;\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because of the limit.\n     * @default 'You have reached the maximum display limit.'\n     */\n    limitReachedTooltip?: string;\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because a column cannot be hidden.\n     * @default 'This column is always visible.'\n     */\n    alwaysVisibleTooltip?: string;\n}\n\nexport type TableColumnsSelectorFactory = Factory<{\n    props: TableColumnsSelectorProps;\n    ref: HTMLDivElement;\n    stylesNames: TableColumnsSelectorStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableColumnsSelectorProps> = {\n    label: 'Edit columns',\n    buttonVariant: 'outline',\n    limitReachedTooltip: 'You have reached the maximum display limit.',\n    alwaysVisibleTooltip: 'This column is always visible.',\n    showVisibleCountLabel: false,\n};\n\nexport const TableColumnsSelector = factory<TableColumnsSelectorFactory>((props, ref) => {\n    const {getStyles} = useTableContext();\n    const {\n        label,\n        buttonVariant,\n        showVisibleCountLabel,\n        maxSelectableColumns,\n        footer,\n        limitReachedTooltip,\n        alwaysVisibleTooltip,\n        classNames,\n        className,\n        styles,\n        style,\n        vars,\n        ...others\n    } = useProps('TableColumnsSelector', defaultProps, props);\n    const {table} = useTableContext();\n\n    const allColumns = table.getAllLeafColumns();\n\n    const filteredColumns = allColumns.filter((column) => !column.columnDef.meta?.controlColumn);\n    const selectedColumnsCount = filteredColumns.filter((column) => column.getIsVisible()).length;\n\n    if (filteredColumns.length <= 0) {\n        return null;\n    }\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.ColumnsSelector}\n            {...getStyles('columnSelector', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Popover withinPortal position=\"bottom\" shadow=\"md\">\n                <Popover.Target>\n                    <Button variant={buttonVariant}>\n                        {label}\n                        {showVisibleCountLabel ? ` (${selectedColumnsCount})` : ''}\n                    </Button>\n                </Popover.Target>\n                <Popover.Dropdown miw={240}>\n                    <ScrollArea.Autosize mah={154}>\n                        <Stack {...getStyles('columnSelectorWrapper', stylesApiProps)}>\n                            {filteredColumns.map((column) => {\n                                const alwaysVisible = !column.getCanHide();\n                                const isDisabled =\n                                    (selectedColumnsCount >= maxSelectableColumns && !column.getIsVisible()) ||\n                                    alwaysVisible;\n\n                                return (\n                                    <Tooltip\n                                        label={alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip}\n                                        disabled={!isDisabled}\n                                        position=\"left\"\n                                        key={column.id}\n                                    >\n                                        <div>\n                                            <Checkbox\n                                                key={column.id}\n                                                label={flexRender(column.columnDef.header, {\n                                                    table,\n                                                    column,\n                                                    header: {column} as Header<unknown, unknown>,\n                                                })}\n                                                name={column.id}\n                                                checked={column.getIsVisible() || alwaysVisible}\n                                                disabled={isDisabled}\n                                                onChange={column.getToggleVisibilityHandler()}\n                                            />\n                                        </div>\n                                    </Tooltip>\n                                );\n                            })}\n                        </Stack>\n                    </ScrollArea.Autosize>\n                    {maxSelectableColumns && (\n                        <>\n                            <Divider mb=\"xs\" mt=\"sm\" />\n                            {footer}\n                        </>\n                    )}\n                </Popover.Dropdown>\n            </Popover>\n        </Grid.Col>\n    );\n});\n"],"names":["TableColumnsSelector","defaultProps","label","buttonVariant","limitReachedTooltip","alwaysVisibleTooltip","showVisibleCountLabel","factory","props","ref","getStyles","useTableContext","useProps","maxSelectableColumns","footer","classNames","className","styles","style","vars","others","table","allColumns","getAllLeafColumns","filteredColumns","filter","column","columnDef","meta","controlColumn","selectedColumnsCount","getIsVisible","length","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","ColumnsSelector","Popover","withinPortal","position","shadow","Target","Button","variant","Dropdown","miw","ScrollArea","Autosize","mah","Stack","map","alwaysVisible","getCanHide","isDisabled","Tooltip","disabled","div","Checkbox","flexRender","header","name","id","checked","onChange","getToggleVisibilityHandler","Divider","mb","mt"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"sourcesContent":["import {IconSettings} from '@coveord/plasma-react-icons';\nimport {Checkbox, Combobox, Text, Tooltip, useCombobox} from '@mantine/core';\nimport {flexRender, Header, Table} from '@tanstack/react-table';\nimport {ActionIcon} from '../../ActionIcon/ActionIcon';\n\nexport interface TableColumnsSelectorOptions {\n    /**\n     * The maximum number of columns that can be selected at the same time.\n     * If defined a footer will render with the remaining number of columns that can be selected.\n     * Must be a positive integer (greater than 0).\n     */\n    maxSelectableColumns?: number;\n    /**\n     * The content to display in the footer when maxSelectableColumns is defined.\n     * Can be a string or a function that receives the maxSelectableColumns value.\n     * @default (max) => `You can display up to ${max} columns.`\n     */\n    footer?: string | ((maxSelectableColumns: number) => string);\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because of the limit.\n     * @default 'You have reached the maximum display limit.'\n     */\n    limitReachedTooltip?: string;\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because a column cannot be hidden.\n     * @default 'This column is always visible.'\n     */\n    alwaysVisibleTooltip?: string;\n}\n\nexport interface TableColumnsSelectorHeaderProps {\n    table: Table<unknown>;\n    options?: TableColumnsSelectorOptions;\n}\n\nconst DEFAULT_OPTIONS: Omit<TableColumnsSelectorOptions, 'footer'> & {\n    footer: (maxSelectableColumns: number) => string;\n} = {\n    footer: (max) => `You can display up to ${max} columns.`,\n    limitReachedTooltip: 'You have reached the maximum display limit.',\n    alwaysVisibleTooltip: 'This column is always visible.',\n};\n\nexport const TableColumnsSelectorHeader = ({table, options}: TableColumnsSelectorHeaderProps) => {\n    const {maxSelectableColumns, footer, limitReachedTooltip, alwaysVisibleTooltip} = {\n        ...DEFAULT_OPTIONS,\n        ...options,\n    };\n\n    const combobox = useCombobox({\n        onDropdownClose: () => {\n            combobox.resetSelectedOption();\n        },\n        onDropdownOpen: () => combobox.updateSelectedOptionIndex('active'),\n    });\n\n    const allColumns = table.getAllLeafColumns();\n    const filteredColumns = allColumns.filter((column) => !column.columnDef.meta?.controlColumn);\n    const selectedColumnsCount = filteredColumns.filter((column) => column.getIsVisible()).length;\n\n    // Validate maxSelectableColumns - must be a positive integer to be effective\n    const effectiveMaxColumns =\n        maxSelectableColumns !== undefined && maxSelectableColumns > 0 ? maxSelectableColumns : undefined;\n\n    if (filteredColumns.length <= 0) {\n        return null;\n    }\n\n    const getColumnState = (column: (typeof filteredColumns)[number]) => {\n        const alwaysVisible = !column.getCanHide();\n        const isDisabled =\n            (effectiveMaxColumns !== undefined &&\n                selectedColumnsCount >= effectiveMaxColumns &&\n                !column.getIsVisible()) ||\n            alwaysVisible;\n        const isVisible = column.getIsVisible() || alwaysVisible;\n        return {alwaysVisible, isDisabled, isVisible};\n    };\n\n    const handleOptionClick = (columnId: string) => {\n        const column = filteredColumns.find((col) => col.id === columnId);\n        if (column) {\n            const {isDisabled} = getColumnState(column);\n            if (!isDisabled) {\n                column.toggleVisibility();\n            }\n        }\n    };\n\n    const columnOptions = filteredColumns.map((column) => {\n        const {alwaysVisible, isDisabled, isVisible} = getColumnState(column);\n\n        return (\n            <Combobox.Option value={column.id} key={column.id} disabled={isDisabled} active={isVisible}>\n                <Tooltip\n                    label={alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip}\n                    disabled={!isDisabled}\n                    position=\"left\"\n                >\n                    <div>\n                        <Checkbox\n                            checked={isVisible}\n                            label={flexRender(column.columnDef.header, {\n                                table,\n                                column,\n                                header: {column} as Header<unknown, unknown>,\n                            })}\n                            disabled={isDisabled}\n                        />\n                    </div>\n                </Tooltip>\n            </Combobox.Option>\n        );\n    });\n\n    return (\n        <Combobox store={combobox} position=\"bottom-end\" shadow=\"md\" onOptionSubmit={handleOptionClick}>\n            <Combobox.Target>\n                <ActionIcon.Tertiary onClick={() => combobox.toggleDropdown()} aria-label=\"settings\">\n                    <IconSettings height={16} />\n                </ActionIcon.Tertiary>\n            </Combobox.Target>\n            <Combobox.Dropdown miw={270}>\n                <Combobox.Options>{columnOptions}</Combobox.Options>\n                {effectiveMaxColumns && (\n                    <Combobox.Footer>\n                        <Text size=\"sm\" c=\"dimmed\">\n                            {typeof footer === 'function' ? footer(effectiveMaxColumns) : footer}\n                        </Text>\n                    </Combobox.Footer>\n                )}\n            </Combobox.Dropdown>\n        </Combobox>\n    );\n};\n"],"names":["TableColumnsSelectorHeader","DEFAULT_OPTIONS","footer","max","limitReachedTooltip","alwaysVisibleTooltip","table","options","maxSelectableColumns","combobox","useCombobox","onDropdownClose","resetSelectedOption","onDropdownOpen","updateSelectedOptionIndex","allColumns","getAllLeafColumns","filteredColumns","filter","column","columnDef","meta","controlColumn","selectedColumnsCount","getIsVisible","length","effectiveMaxColumns","undefined","getColumnState","alwaysVisible","getCanHide","isDisabled","isVisible","handleOptionClick","columnId","find","col","id","toggleVisibility","columnOptions","map","Combobox","Option","value","disabled","active","Tooltip","label","position","div","Checkbox","checked","flexRender","header","store","shadow","onOptionSubmit","Target","ActionIcon","Tertiary","onClick","toggleDropdown","aria-label","IconSettings","height","Dropdown","miw","Options","Footer","Text","size","c"],"mappings":"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"}

package/dist/cjs/index.d.ts

@@ -33,6 +33,7 @@ export * from './components/DateTimeRangePicker/DateTimeRangePicker.js';
 export * from './components/EllipsisText/EllipsisText.js';
 export { Header, type HeaderBreadcrumbsProps, type HeaderDocAnchorProps, type HeaderFactory, type HeaderProps, type HeaderRightProps, type HeaderStyleNames, type HeaderVariant, } from './components/Header/Header.js';
 export * from './components/InfoToken/InfoToken.js';
+export * from './components/StatusToken/StatusToken.js';
 export * from './components/InlineConfirm/InlineConfirm.js';
 export * from './components/InlineConfirm/InlineConfirmContext.js';
 export * from './components/LastUpdated/LastUpdated.js';
@@ -46,6 +47,7 @@ export { PasswordInput } from './components/PasswordInput/PasswordInput.js';
 export { Select } from './components/Select/Select.js';
 export * from './components/StickyFooter/StickyFooter.js';
 export { flexRender as renderTableCell } from '@tanstack/react-table';
+export { TableActionsColumn } from './components/Table/table-column/TableActionsColumn.js';
 export { type TablePredicateProps } from './components/Table/table-predicate/TablePredicate.js';
 export { Table, TableComponentsOrder, type PlasmaTableFactory } from './components/Table/Table.js';
 export { type TableAction, type TableLayout, type TableLayoutProps, type TableProps, } from './components/Table/Table.types.js';

package/dist/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/cjs/index.js

@@ -51,6 +51,9 @@ _export(exports, {
     get Table () {
         return _Table.Table;
     },
+    get TableActionsColumn () {
+        return _TableActionsColumn.TableActionsColumn;
+    },
     get TableComponentsOrder () {
         return _Table.TableComponentsOrder;
     },
@@ -102,6 +105,7 @@ _export_star._(require("./components/DateTimeRangePicker/DateTimeRangePicker.js"
 _export_star._(require("./components/EllipsisText/EllipsisText.js"), exports);
 var _Header = require("./components/Header/Header.js");
 _export_star._(require("./components/InfoToken/InfoToken.js"), exports);
+_export_star._(require("./components/StatusToken/StatusToken.js"), exports);
 _export_star._(require("./components/InlineConfirm/InlineConfirm.js"), exports);
 _export_star._(require("./components/InlineConfirm/InlineConfirmContext.js"), exports);
 _export_star._(require("./components/LastUpdated/LastUpdated.js"), exports);
@@ -115,6 +119,7 @@ var _PasswordInput = require("./components/PasswordInput/PasswordInput.js");
 var _Select = require("./components/Select/Select.js");
 _export_star._(require("./components/StickyFooter/StickyFooter.js"), exports);
 var _reacttable = require("@tanstack/react-table");
+var _TableActionsColumn = require("./components/Table/table-column/TableActionsColumn.js");
 var _Table = require("./components/Table/Table.js");
 var _TableContext = require("./components/Table/TableContext.js");
 var _usetable = require("./components/Table/use-table.js");