npm - @coveord/plasma-mantine - Versions diffs - 53.1.4 → 54.0.1 - Mend

@coveord/plasma-mantine 53.1.4 → 54.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (394) hide show

package/dist/esm/components/table/Table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {Box, Center, Factory, Loader, useProps, useStyles} from '@mantine/core';\nimport {useForm} from '@mantine/form';\nimport {useDidUpdate, useMergedRef} from '@mantine/hooks';\nimport {\n ColumnDef,\n defaultColumnSizing,\n getCoreRowModel,\n Row,\n TableState as TanstackTableState,\n useReactTable,\n} from '@tanstack/react-table';\nimport debounce from 'lodash.debounce';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {Children, cloneElement, Dispatch, ForwardedRef, ReactElement, useCallback, useEffect, useState} from 'react';\n\nimport {useRowSelection} from '../../hooks/useRowSelection';\nimport {CustomComponentThemeExtend, identity} from '../../utils';\nimport {TableLayouts} from './layouts/TableLayouts';\nimport {TableActions, TableActionsStylesNames} from './table-actions/TableActions';\nimport {\n TableAccordionColumn,\n TableCollapsibleColumn,\n TableCollapsibleColumnStylesNames,\n} from './table-column/TableCollapsibleColumn';\nimport {TableSelectableColumn} from './table-column/TableSelectableColumn';\nimport {TableColumnsSelector, TableColumnsSelectorStylesNames} from './table-columns-selector/TableColumnsSelector';\nimport {TableConsumer} from './table-consumer/TableConsumer';\nimport {TableDateRangePicker, TableDateRangePickerStylesNames} from './table-date-range-picker/TableDateRangePicker';\nimport {TableFilter, TableFilterStylesNames} from './table-filter/TableFilter';\nimport {TableFooter} from './table-footer/TableFooter';\nimport {TableHeader, TableHeaderStylesNames} from './table-header/TableHeader';\nimport {TableThStylesNames} from './table-header/Th';\nimport {TableLastUpdated, TableLastUpdatedStylesNames} from './table-last-updated/TableLastUpdated';\nimport {TableLoading} from './table-loading/TableLoading';\nimport {TablePagination} from './table-pagination/TablePagination';\nimport {TablePerPage} from './table-per-page/TablePerPage';\nimport {TablePredicate, TablePredicateStylesNames} from './table-predicate/TablePredicate';\nimport classes from './Table.module.css';\nimport {TableFormType, TableLayout, TableProps, TableState} from './Table.types';\nimport {TableContext, TableStylesProvider} from './TableContext';\n\ntype TableStylesNames =\n \| 'root'\n \| 'table'\n \| 'header'\n \| 'body'\n \| TableActionsStylesNames\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 Actions: typeof TableActions;\n Filter: typeof TableFilter;\n Footer: typeof TableFooter;\n Header: typeof TableHeader;\n LastUpdated: typeof TableLastUpdated;\n Pagination: typeof TablePagination;\n PerPage: typeof TablePerPage;\n Predicate: typeof TablePredicate;\n DateRangePicker: typeof TableDateRangePicker;\n CollapsibleColumn: typeof TableCollapsibleColumn;\n ColumnsSelector: typeof TableColumnsSelector;\n AccordionColumn: typeof TableAccordionColumn;\n Consumer: typeof TableConsumer;\n Loading: typeof TableLoading;\n Layouts: typeof TableLayouts;\n };\n}>;\n\nconst defaultProps: Partial<TableProps<unknown>> = {\n layouts: [TableLayouts.Rows as TableLayout],\n loading: false,\n multiRowSelectionEnabled: false,\n initialState: {},\n options: {},\n};\n\nexport const Table = <T,>(props: TableProps<T> & {ref?: ForwardedRef<HTMLDivElement>}) => {\n const {\n data,\n getRowId,\n noDataChildren,\n getExpandChildren,\n initialState,\n columns,\n layouts,\n onMount,\n onChange,\n children,\n loading,\n doubleClickAction,\n multiRowSelectionEnabled,\n disableRowSelection,\n onRowSelectionChange,\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 consumer = convertedChildren.find((child) => child.type === TableConsumer);\n const lastUpdated = convertedChildren.find((child) => child.type === TableLastUpdated);\n\n const {predicates, dateRange, ...initialStateWithoutForm} = initialState;\n const form = useForm<TableFormType>({\n initialValues: {\n predicates: initialState?.predicates ?? {},\n dateRange: initialState?.dateRange ?? [null, null],\n layout: initialState?.layout ?? layouts[0].displayName,\n },\n });\n\n const table = useReactTable({\n initialState: defaultsDeep(initialStateWithoutForm, {\n pagination: {pageSize: TablePerPage.DEFAULT_SIZE},\n globalFilter: '',\n }),\n data,\n columns: multiRowSelectionEnabled ? [TableSelectableColumn as ColumnDef<T>].concat(columns) : columns,\n getCoreRowModel: getCoreRowModel(),\n manualPagination: options?.getPaginationRowModel === undefined,\n enableMultiRowSelection: !!multiRowSelectionEnabled,\n getRowId,\n getRowCanExpand: (row: Row<T>) => !!getExpandChildren?.(row.original) ?? false,\n enableRowSelection: !loading,\n defaultColumn: {\n size: undefined,\n minSize: defaultColumnSizing.minSize,\n maxSize: defaultColumnSizing.maxSize,\n },\n ...options,\n });\n\n const getAllColumns = table.getAllFlatColumns;\n\n const [state, setState] = useState<TableState<T>>(table.initialState as TableState<T>);\n table.setOptions((prev) => ({\n ...prev,\n state: state as TanstackTableState,\n onStateChange: setState as Dispatch<React.SetStateAction<TanstackTableState>>,\n }));\n const {clearSelection, getSelectedRow, getSelectedRows, outsideClickRef} = useRowSelection(table, {\n multiRowSelectionEnabled,\n onRowSelectionChange,\n additionalRootNodes,\n });\n const containerRef = useMergedRef(outsideClickRef, ref);\n const isFiltered =\n !!state.globalFilter \|\|\n Object.keys(form.values?.predicates ?? {}).some((predicate) => !!form.values.predicates[predicate]) \|\|\n !!form.values.dateRange?.[0] \|\|\n !!form.values.dateRange?.[1];\n\n const triggerChange = debounce(() => onChange?.({...state, ...form.values}), 500);\n\n useEffect(() => {\n onMount?.({...state, ...form.values});\n return () => {\n triggerChange.cancel();\n };\n }, []);\n\n useDidUpdate(() => {\n triggerChange();\n if (!multiRowSelectionEnabled) {\n clearSelection();\n }\n }, [\n state.globalFilter,\n state.pagination,\n state.sorting,\n JSON.stringify(form.values.dateRange),\n JSON.stringify(form.values.predicates),\n ]);\n\n const clearFilters = useCallback(() => {\n form.setFieldValue('predicates', initialState.predicates ?? {});\n setState((prevState) => ({...prevState, globalFilter: ''}));\n }, []);\n\n if (!data) {\n return (\n <Center style={{flexGrow: 1}}>\n <Loader />\n </Center>\n );\n }\n\n const Layout = layouts.find(({displayName}) => displayName === form.values.layout);\n const hasRows = table.getRowModel().rows.length > 0;\n\n return (\n <Box ref={containerRef} {...others} {...getStyles('root')}>\n <TableStylesProvider value={{getStyles}}>\n <TableContext.Provider\n value={{\n onChange: triggerChange,\n state,\n isFiltered,\n setState,\n clearFilters,\n getSelectedRow,\n getSelectedRows,\n clearSelection,\n form,\n containerRef: outsideClickRef,\n multiRowSelectionEnabled,\n getPageCount: table.getPageCount,\n getAllColumns,\n disableRowSelection,\n layouts,\n }}\n >\n <Layout>\n {consumer}\n {!hasRows && !isFiltered && !loading ? (\n noDataChildren\n ) : (\n <>\n <Box component=\"table\" {...getStyles('table')} pb=\"sm\">\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 table={table}\n doubleClickAction={doubleClickAction}\n getExpandChildren={getExpandChildren}\n loading={loading}\n />\n </thead>\n <tbody {...getStyles('body')}>\n {hasRows ? (\n <Layout.Body\n table={table}\n doubleClickAction={doubleClickAction}\n getExpandChildren={getExpandChildren}\n loading={loading}\n />\n ) : (\n <tr>\n <td colSpan={table.getAllColumns().length}>\n <TableLoading visible={loading}>{noDataChildren}</TableLoading>\n </td>\n </tr>\n )}\n </tbody>\n </Box>\n {footer}\n {lastUpdated\n ? cloneElement(lastUpdated, {\n dependencies: [data, ...(lastUpdated.props.dependencies ?? [])],\n })\n : null}\n </>\n )}\n </Layout>\n </TableContext.Provider>\n </TableStylesProvider>\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.Actions = TableActions;\nTable.Filter = TableFilter;\nTable.Footer = TableFooter;\nTable.Header = TableHeader;\nTable.LastUpdated = TableLastUpdated;\nTable.Pagination = TablePagination;\nTable.Predicate = TablePredicate;\nTable.PerPage = TablePerPage;\nTable.Predicate = TablePredicate;\nTable.CollapsibleColumn = TableCollapsibleColumn;\nTable.AccordionColumn = TableAccordionColumn;\nTable.DateRangePicker = TableDateRangePicker;\nTable.Consumer = TableConsumer;\nTable.Loading = TableLoading;\nTable.ColumnsSelector = TableColumnsSelector;\nTable.Layouts = TableLayouts;\n\nTable.extend = identity as CustomComponentThemeExtend<PlasmaTableFactory>;\n"],"names":["Box","Center","Loader","useProps","useStyles","useForm","useDidUpdate","useMergedRef","defaultColumnSizing","getCoreRowModel","useReactTable","debounce","defaultsDeep","Children","cloneElement","useCallback","useEffect","useState","useRowSelection","identity","TableLayouts","TableActions","TableAccordionColumn","TableCollapsibleColumn","TableSelectableColumn","TableColumnsSelector","TableConsumer","TableDateRangePicker","TableFilter","TableFooter","TableHeader","TableLastUpdated","TableLoading","TablePagination","TablePerPage","TablePredicate","classes","TableContext","TableStylesProvider","defaultProps","layouts","Rows","loading","multiRowSelectionEnabled","initialState","options","Table","props","data","getRowId","noDataChildren","getExpandChildren","columns","onMount","onChange","children","doubleClickAction","disableRowSelection","onRowSelectionChange","additionalRootNodes","ref","style","className","classNames","styles","unstyled","others","getStyles","name","convertedChildren","toArray","header","find","child","type","footer","consumer","lastUpdated","predicates","dateRange","initialStateWithoutForm","form","initialValues","layout","displayName","table","pagination","pageSize","DEFAULT_SIZE","globalFilter","concat","manualPagination","getPaginationRowModel","undefined","enableMultiRowSelection","getRowCanExpand","row","original","enableRowSelection","defaultColumn","size","minSize","maxSize","getAllColumns","getAllFlatColumns","state","setState","setOptions","prev","onStateChange","clearSelection","getSelectedRow","getSelectedRows","outsideClickRef","containerRef","isFiltered","Object","keys","values","some","predicate","triggerChange","cancel","sorting","JSON","stringify","clearFilters","setFieldValue","prevState","flexGrow","Layout","hasRows","getRowModel","rows","length","value","Provider","getPageCount","component","pb","thead","tr","th","padding","colSpan","Header","tbody","Body","td","visible","dependencies","TableComponentsOrder","MultiSelectInfo","Actions","Predicate","Filter","DateRangePicker","ColumnsSelector","LayoutControl","Footer","LastUpdated","Pagination","PerPage","CollapsibleColumn","AccordionColumn","Consumer","Loading","Layouts","extend"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAQA,GAAG,EAAEC,MAAM,EAAWC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,QAAO,gBAAgB;AAChF,SAAQC,OAAO,QAAO,gBAAgB;AACtC,SAAQC,YAAY,EAAEC,YAAY,QAAO,iBAAiB;AAC1D,SAEIC,mBAAmB,EACnBC,eAAe,EAGfC,aAAa,QACV,wBAAwB;AAC/B,OAAOC,cAAc,kBAAkB;AACvC,OAAOC,kBAAkB,sBAAsB;AAC/C,SAAQC,QAAQ,EAAEC,YAAY,EAAwCC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAErH,SAAQC,eAAe,QAAO,8BAA8B;AAC5D,SAAoCC,QAAQ,QAAO,cAAc;AACjE,SAAQC,YAAY,QAAO,yBAAyB;AACpD,SAAQC,YAAY,QAAgC,+BAA+B;AACnF,SACIC,oBAAoB,EACpBC,sBAAsB,QAEnB,wCAAwC;AAC/C,SAAQC,qBAAqB,QAAO,uCAAuC;AAC3E,SAAQC,oBAAoB,QAAwC,gDAAgD;AACpH,SAAQC,aAAa,QAAO,iCAAiC;AAC7D,SAAQC,oBAAoB,QAAwC,iDAAiD;AACrH,SAAQC,WAAW,QAA+B,6BAA6B;AAC/E,SAAQC,WAAW,QAAO,6BAA6B;AACvD,SAAQC,WAAW,QAA+B,6BAA6B;AAE/E,SAAQC,gBAAgB,QAAoC,wCAAwC;AACpG,SAAQC,YAAY,QAAO,+BAA+B;AAC1D,SAAQC,eAAe,QAAO,qCAAqC;AACnE,SAAQC,YAAY,QAAO,gCAAgC;AAC3D,SAAQC,cAAc,QAAkC,mCAAmC;AAC3F,OAAOC,aAAa,qBAAqB;AAEzC,SAAQC,YAAY,EAAEC,mBAAmB,QAAO,iBAAiB;AAwCjE,MAAMC,eAA6C;IAC/CC,SAAS;QAACpB,aAAaqB,IAAI;KAAgB;IAC3CC,SAAS;IACTC,0BAA0B;IAC1BC,cAAc,CAAC;IACfC,SAAS,CAAC;AACd;AAEA,OAAO,MAAMC,QAAQ,CAAKC;IACtB,MAAM,EACFC,IAAI,EACJC,QAAQ,EACRC,cAAc,EACdC,iBAAiB,EACjBP,YAAY,EACZQ,OAAO,EACPZ,OAAO,EACPa,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRb,OAAO,EACPc,iBAAiB,EACjBb,wBAAwB,EACxBc,mBAAmB,EACnBC,oBAAoB,EACpBC,mBAAmB,EACnBd,OAAO,EACPe,GAAG,EAEH,cAAc;IACdC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACR,GAAGC,QACN,GAAG/D,SAAS,eAAeoC,cAA+BQ;IAE3D,MAAMoB,YAAY/D,UAA8B;QAC5CgE,MAAM;QACNhC;QACAW,OAAOA;QACPe;QACAD;QACAE;QACAC;QACAC;IACJ;IAEA,MAAMI,oBAAoBxD,SAASyD,OAAO,CAACf;IAC3C,MAAMgB,SAASF,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK5C;IAChE,MAAM6C,SAASN,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK7C;IAChE,MAAM+C,WAAWP,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKhD;IAClE,MAAMmD,cAAcR,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK3C;IAErE,MAAM,EAAC+C,UAAU,EAAEC,SAAS,EAAE,GAAGC,yBAAwB,GAAGpC;IAC5D,MAAMqC,OAAO5E,QAAuB;QAChC6E,eAAe;YACXJ,YAAYlC,cAAckC,cAAc,CAAC;YACzCC,WAAWnC,cAAcmC,aAAa;gBAAC;gBAAM;aAAK;YAClDI,QAAQvC,cAAcuC,UAAU3C,OAAO,CAAC,EAAE,CAAC4C,WAAW;QAC1D;IACJ;IAEA,MAAMC,QAAQ3E,cAAc;QACxBkC,cAAchC,aAAaoE,yBAAyB;YAChDM,YAAY;gBAACC,UAAUrD,aAAasD,YAAY;YAAA;YAChDC,cAAc;QAClB;QACAzC;QACAI,SAAST,2BAA2B;YAACnB;SAAsC,CAACkE,MAAM,CAACtC,WAAWA;QAC9F3C,iBAAiBA;QACjBkF,kBAAkB9C,SAAS+C,0BAA0BC;QACrDC,yBAAyB,CAAC,CAACnD;QAC3BM;QACA8C,iBAAiB,CAACC,MAAgB,CAAC,CAAC7C,oBAAoB6C,IAAIC,QAAQ,KAAK;QACzEC,oBAAoB,CAACxD;QACrByD,eAAe;YACXC,MAAMP;YACNQ,SAAS7F,oBAAoB6F,OAAO;YACpCC,SAAS9F,oBAAoB8F,OAAO;QACxC;QACA,GAAGzD,OAAO;IACd;IAEA,MAAM0D,gBAAgBlB,MAAMmB,iBAAiB;IAE7C,MAAM,CAACC,OAAOC,SAAS,GAAGzF,SAAwBoE,MAAMzC,YAAY;IACpEyC,MAAMsB,UAAU,CAAC,CAACC,OAAU,CAAA;YACxB,GAAGA,IAAI;YACPH,OAAOA;YACPI,eAAeH;QACnB,CAAA;IACA,MAAM,EAACI,cAAc,EAAEC,cAAc,EAAEC,eAAe,EAAEC,eAAe,EAAC,GAAG/F,gBAAgBmE,OAAO;QAC9F1C;QACAe;QACAC;IACJ;IACA,MAAMuD,eAAe3G,aAAa0G,iBAAiBrD;IACnD,MAAMuD,aACF,CAAC,CAACV,MAAMhB,YAAY,IACpB2B,OAAOC,IAAI,CAACpC,KAAKqC,MAAM,EAAExC,cAAc,CAAC,GAAGyC,IAAI,CAAC,CAACC,YAAc,CAAC,CAACvC,KAAKqC,MAAM,CAACxC,UAAU,CAAC0C,UAAU,KAClG,CAAC,CAACvC,KAAKqC,MAAM,CAACvC,SAAS,EAAE,CAAC,EAAE,IAC5B,CAAC,CAACE,KAAKqC,MAAM,CAACvC,SAAS,EAAE,CAAC,EAAE;IAEhC,MAAM0C,gBAAgB9G,SAAS,IAAM2C,WAAW;YAAC,GAAGmD,KAAK;YAAE,GAAGxB,KAAKqC,MAAM;QAAA,IAAI;IAE7EtG,UAAU;QACNqC,UAAU;YAAC,GAAGoD,KAAK;YAAE,GAAGxB,KAAKqC,MAAM;QAAA;QACnC,OAAO;YACHG,cAAcC,MAAM;QACxB;IACJ,GAAG,EAAE;IAELpH,aAAa;QACTmH;QACA,IAAI,CAAC9E,0BAA0B;YAC3BmE;QACJ;IACJ,GAAG;QACCL,MAAMhB,YAAY;QAClBgB,MAAMnB,UAAU;QAChBmB,MAAMkB,OAAO;QACbC,KAAKC,SAAS,CAAC5C,KAAKqC,MAAM,CAACvC,SAAS;QACpC6C,KAAKC,SAAS,CAAC5C,KAAKqC,MAAM,CAACxC,UAAU;KACxC;IAED,MAAMgD,eAAe/G,YAAY;QAC7BkE,KAAK8C,aAAa,CAAC,cAAcnF,aAAakC,UAAU,IAAI,CAAC;QAC7D4B,SAAS,CAACsB,YAAe,CAAA;gBAAC,GAAGA,SAAS;gBAAEvC,cAAc;YAAE,CAAA;IAC5D,GAAG,EAAE;IAEL,IAAI,CAACzC,MAAM;QACP,qBACI,KAAC/C;YAAO4D,OAAO;gBAACoE,UAAU;YAAC;sBACvB,cAAA,KAAC/H;;IAGb;IAEA,MAAMgI,SAAS1F,QAAQgC,IAAI,CAAC,CAAC,EAACY,WAAW,EAAC,GAAKA,gBAAgBH,KAAKqC,MAAM,CAACnC,MAAM;IACjF,MAAMgD,UAAU9C,MAAM+C,WAAW,GAAGC,IAAI,CAACC,MAAM,GAAG;IAElD,qBACI,KAACtI;QAAI4D,KAAKsD;QAAe,GAAGhD,MAAM;QAAG,GAAGC,UAAU,OAAO;kBACrD,cAAA,KAAC7B;YAAoBiG,OAAO;gBAACpE;YAAS;sBAClC,cAAA,KAAC9B,aAAamG,QAAQ;gBAClBD,OAAO;oBACHjF,UAAUmE;oBACVhB;oBACAU;oBACAT;oBACAoB;oBACAf;oBACAC;oBACAF;oBACA7B;oBACAiC,cAAcD;oBACdtE;oBACA8F,cAAcpD,MAAMoD,YAAY;oBAChClC;oBACA9C;oBACAjB;gBACJ;0BAEA,cAAA,MAAC0F;;wBACItD;wBACA,CAACuD,WAAW,CAAChB,cAAc,CAACzE,UACzBQ,+BAEA;;8CACI,MAAClD;oCAAI0I,WAAU;oCAAS,GAAGvE,UAAU,QAAQ;oCAAEwE,IAAG;;sDAC9C,MAACC;4CAAO,GAAGzE,UAAU,SAAS;;gDACzB,CAAC,CAACI,uBACC,KAACsE;8DACG,cAAA,KAACC;wDAAGjF,OAAO;4DAACkF,SAAS;wDAAC;wDAAGC,SAAS3D,MAAMkB,aAAa,GAAG+B,MAAM;kEACzD/D;;qDAGT;8DACJ,KAAC2D,OAAOe,MAAM;oDACV5D,OAAOA;oDACP7B,mBAAmBA;oDACnBL,mBAAmBA;oDACnBT,SAASA;;;;sDAGjB,KAACwG;4CAAO,GAAG/E,UAAU,OAAO;sDACvBgE,wBACG,KAACD,OAAOiB,IAAI;gDACR9D,OAAOA;gDACP7B,mBAAmBA;gDACnBL,mBAAmBA;gDACnBT,SAASA;+DAGb,KAACmG;0DACG,cAAA,KAACO;oDAAGJ,SAAS3D,MAAMkB,aAAa,GAAG+B,MAAM;8DACrC,cAAA,KAACtG;wDAAaqH,SAAS3G;kEAAUQ;;;;;;;gCAMpDyB;gCACAE,4BACK/D,aAAa+D,aAAa;oCACtByE,cAAc;wCAACtG;2CAAU6B,YAAY9B,KAAK,CAACuG,YAAY,IAAI,EAAE;qCAAE;gCACnE,KACA;;;;;;;;AAQtC,EAAE;AAEF,OAAO,MAAMC,uBAAuB;IAChCC,iBAAiB;IACjBC,SAAS;IACTC,WAAW;IACXC,QAAQ;IACRC,iBAAiB;IACjBC,iBAAiB;IACjBC,eAAe;AACnB,EAAE;AAEFhH,MAAM2G,OAAO,GAAGpI;AAChByB,MAAM6G,MAAM,GAAG/H;AACfkB,MAAMiH,MAAM,GAAGlI;AACfiB,MAAMmG,MAAM,GAAGnH;AACfgB,MAAMkH,WAAW,GAAGjI;AACpBe,MAAMmH,UAAU,GAAGhI;AACnBa,MAAM4G,SAAS,GAAGvH;AAClBW,MAAMoH,OAAO,GAAGhI;AAChBY,MAAM4G,SAAS,GAAGvH;AAClBW,MAAMqH,iBAAiB,GAAG5I;AAC1BuB,MAAMsH,eAAe,GAAG9I;AACxBwB,MAAM8G,eAAe,GAAGjI;AACxBmB,MAAMuH,QAAQ,GAAG3I;AACjBoB,MAAMwH,OAAO,GAAGtI;AAChBc,MAAM+G,eAAe,GAAGpI;AACxBqB,MAAMyH,OAAO,GAAGnJ;AAEhB0B,MAAM0H,MAAM,GAAGrJ"}
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, useRef} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../utils';\nimport classes from './Table.module.css';\nimport {TableLayout, TableProps} from './Table.types';\nimport {TableProvider} from './TableContext';\nimport {TableLayouts} from './layouts/TableLayouts';\nimport {TableActionItem, TableActionItemStylesNames, TableHeaderActionsStylesNames} from './table-actions';\nimport {TableActionsListStylesNames} from './table-actions/TableActionsList';\nimport {TableActionsColumn} from './table-column/TableActionsColumn';\nimport {\n TableAccordionColumn,\n TableCollapsibleColumn,\n TableCollapsibleColumnStylesNames,\n} from './table-column/TableCollapsibleColumn';\nimport {TableSelectableColumn} from './table-column/TableSelectableColumn';\nimport {TableColumnsSelector, TableColumnsSelectorStylesNames} from './table-columns-selector/TableColumnsSelector';\nimport {TableDateRangePicker, TableDateRangePickerStylesNames} from './table-date-range-picker/TableDateRangePicker';\nimport {TableFilter, TableFilterStylesNames} from './table-filter/TableFilter';\nimport {TableFooter} from './table-footer/TableFooter';\nimport {TableHeader, TableHeaderStylesNames} from './table-header/TableHeader';\nimport {TableThStylesNames} from './table-header/Th';\nimport {TableLastUpdated, TableLastUpdatedStylesNames} from './table-last-updated/TableLastUpdated';\nimport {TableLoading} from './table-loading/TableLoading';\nimport {TableNoData} from './table-no-data/TableNoData';\nimport {TablePagination} from './table-pagination/TablePagination';\nimport {TablePerPage} from './table-per-page/TablePerPage';\nimport {TablePredicate, TablePredicateStylesNames} from './table-predicate/TablePredicate';\nimport {TableState} from './use-table';\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,\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) ?? false,\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 const containerRef = useRef<HTMLDivElement>();\n useClickOutside(\n () => {\n if (!store.multiRowSelectionEnabled) {\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')} pb=\"sm\" 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":["Box","Center","Loader","useProps","useStyles","useClickOutside","useMergedRef","defaultColumnSizing","getCoreRowModel","useReactTable","isEqual","Children","useRef","identity","classes","TableProvider","TableLayouts","TableActionItem","TableActionsColumn","TableAccordionColumn","TableCollapsibleColumn","TableSelectableColumn","TableColumnsSelector","TableDateRangePicker","TableFilter","TableFooter","TableHeader","TableLastUpdated","TableLoading","TableNoData","TablePagination","TablePerPage","TablePredicate","defaultProps","layouts","Rows","layoutProps","loading","additionalRootNodes","options","getRowActions","Table","props","store","data","getRowId","getRowAttributes","getRowExpandedContent","columns","children","ref","style","className","classNames","styles","unstyled","others","getStyles","name","convertedChildren","toArray","header","find","child","type","footer","lastUpdated","noData","table","state","globalFilter","sorting","pagination","columnVisibility","expanded","onGlobalFilterChange","setGlobalFilter","onExpandedChange","setExpanded","onSortingChange","setSorting","onPaginationChange","setPagination","onColumnVisibilityChange","setColumnVisibility","multiRowSelectionEnabled","concat","manualPagination","getPaginationRowModel","undefined","enableMultiRowSelection","getRowCanExpand","row","original","index","enableRowSelection","defaultColumn","size","minSize","maxSize","rowCount","getFilteredRowModel","totalEntries","setOptions","prev","rowSelection","onRowSelectionChange","rowSelectionUpdater","setRowSelection","old","newRowSelection","Function","rows","getRowModel","rowsById","Object","keys","forEach","rowId","console","error","containerRef","clearRowSelection","current","mergedRef","flexGrow","Layout","layout","displayName","hasRows","length","value","isVacant","isFiltered","component","pb","mod","thead","tr","th","padding","colSpan","getAllColumns","Header","tbody","Body","td","visible","TableComponentsOrder","MultiSelectInfo","Actions","Predicate","Filter","DateRangePicker","ColumnsSelector","LayoutControl","AccordionColumn","ActionsColumn","ActionItem","CollapsibleColumn","Footer","LastUpdated","Layouts","Loading","NoData","Pagination","PerPage","extend"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/esm/components/table/Table.module.css CHANGED Viewed

@@ -19,8 +19,14 @@
 }
 /* Table.Actions */
+.actionsDropdown {
+    text-align: left;
+}
 .actionsGroup {
-    display: inline-flex;
+    &:has(.actionsGroupItems:empty) {
+        /* Hide empty groups */
+        display: none;
+    }
 }
 /* Table.Filter */
@@ -37,6 +43,7 @@
     background-color: var(--mantine-color-gray-1);
     padding: var(--mantine-spacing-sm) var(--mantine-spacing-xl);
     position: relative;
+    min-height: 69px;
 }
 .headerGridInner {

package/dist/esm/components/table/Table.types.d.ts CHANGED Viewed

@@ -1,20 +1,10 @@
 import { Icon } from '@coveord/plasma-react-icons';
 import { BoxProps, StylesApiProps } from '@mantine/core';
-import { UseFormReturnType } from '@mantine/form';
-import { Column, ColumnDef, CoreOptions, InitialTableState as TanstackInitialTableState, TableOptions, TableState as TanstackTableState } from '@tanstack/table-core';
-import { Dispatch, ReactElement, ReactNode, RefObject } from 'react';
-import { DateRangePickerValue } from '../date-range-picker/DateRangePickerInlineCalendar';
-import { TableLayoutProps } from './layouts/TableLayouts';
+import { ColumnDef, CoreOptions, Row, TableOptions } from '@tanstack/table-core';
+import { ReactElement, ReactNode } from 'react';
 import { type PlasmaTableFactory } from './Table';
-export type RowSelectionWithData<TData> = Record<string, TData>;
-export interface RowSelectionState<TData> {
-    rowSelection: RowSelectionWithData<TData>;
-}
-export interface TableState<TData> extends Omit<TanstackTableState, 'rowSelection'>, RowSelectionState<TData> {
-}
-export interface InitialTableState<TData> extends Omit<TanstackInitialTableState, 'rowSelection'>, Partial<RowSelectionState<TData>>, Partial<TableFormType> {
-}
-export type onTableChangeEvent<TData> = (params: TableState<TData> & TableFormType) => void;
+import { TableStore } from './use-table';
+export type TableLayoutProps<TData = unknown> = Pick<TableProps<TData>, 'getRowExpandedContent' | 'getRowAttributes' | 'loading'> & TableProps<TData>['layoutProps'];
 export interface TableLayout {
     (props: {
         children: ReactNode;
@@ -33,111 +23,49 @@ export interface TableLayout {
      * Header portion of the table.
      * In the standard row layout that is where column headers would be displayed.
      */
-    Header: <T>(props: TableLayoutProps<T>) => ReactElement;
+    Header: <TData>(props: TableLayoutProps<TData>) => ReactElement;
     /**
      * Body portion of the table.
      * In the standard row layout that is where the rows would be displayed.
      */
-    Body: <T>(props: TableLayoutProps<T>) => ReactElement;
+    Body: <TData>(props: TableLayoutProps<TData>) => ReactElement;
 }
-export type TableFormType = {
-    /**
-     * Object containing the table predicates and their selected values
-     *
-     * @example {type: "LONG", origin: "system"}
-     */
-    predicates: Record<string, string>;
+export interface TableProps<TData> extends BoxProps, StylesApiProps<PlasmaTableFactory> {
+    store: TableStore<TData>;
     /**
-     * Selected date range in the table
-     *
-     * @example [new Date(2022, 0, 1), new Date(2022, 0, 31)]
-     */
-    dateRange: DateRangePickerValue;
-    /**
-     * Selected layout name
+     * Data to display in the table. Use `null` when the table is initially loading.
      */
-    layout: TableLayout['name'];
-};
-export type TableContextType<TData> = {
+    data: TData[] | null;
     /**
-     * Returns all flat columns in the table.
+     * Defines how each row is uniquely identified. It is highly recommended that you specify this prop to an ID that makes sense.
      */
-    getAllColumns: () => Array<Column<TData, unknown>>;
+    getRowId?: CoreOptions<TData>['getRowId'];
     /**
-     * Function to call when the table needs an update
+     * Allows to define html attributes that will be passed down to each row.
      */
-    onChange: () => void;
+    getRowAttributes?: (datum: TData, index: number, row: Row<TData>) => Record<string, unknown>;
     /**
-     * Internal state of the table
+     * Function that generates the expandable content of a row
+     * Return null for rows that don't need to be expandable
      *
-     * @see https://tanstack.com/table/v8/docs/api/core/table#state
-     */
-    state: TableState<TData>;
-    /**
-     * Function to update the table state
-     */
-    setState: Dispatch<(prevState: TableState<TData>) => TableState<TData>>;
-    /**
-     * Whether the table currently as any kind of filter applied.
-     * Useful to determine if the noDataChildren is an empty state or just the result of a filter
-     */
-    isFiltered: boolean;
-    /**
-     * Function that clears the filter and predicates
-     */
-    clearFilters: () => void;
-    /**
-     * Function that returns the selected row if any.
-     */
-    getSelectedRow: () => TData | null;
-    /**
-     * Function that returns an array of the selected rows. Most useful when multi row selection is enabled.
-     */
-    getSelectedRows: () => TData[];
-    /**
-     * Function that clear the selected row
-     */
-    clearSelection: () => void;
-    /**
-     * Form used to handle predicates and dateRange
-     */
-    form: UseFormReturnType<TableFormType>;
-    /**
-     * Table container ref
-     */
-    containerRef: RefObject<HTMLDivElement>;
-    /**
-     * Whether multi row selection is activated
-     */
-    multiRowSelectionEnabled: boolean;
-    /**
-     * Whether row selection is enabled or not
-     */
-    disableRowSelection: boolean;
-    /**
-     * Function that returns the number of pages
-     */
-    getPageCount: () => number;
-    /**
-     * Available layouts. When more than one layout is provided, it will display a layout control to switch between them.
-     */
-    layouts: TableLayout[];
-};
-export interface TableProps<T> extends BoxProps, StylesApiProps<PlasmaTableFactory> {
-    /**
-     * Data to display in the table. Use `null` when the table is initially loading.
+     * @param datum the row for which the children should be generated.
      */
-    data: T[] | null;
+    getRowExpandedContent?: (datum: TData, index: number, row: Row<TData>) => ReactNode;
     /**
-     * Defines how each row is uniquely identified. It is highly recommended that you specify this prop to an ID that makes sense.
+     * Function that generates the actions for the selected rows
+     * If the table doesn't support multi selection, access the data[0]
+     * Return an empty array for rows that don't have actions
+     *
+     * @param datum the row for which the children should be generated.
+     * @default []
      */
-    getRowId?: CoreOptions<T>['getRowId'];
+    getRowActions?: (data: TData[]) => TableAction[];
     /**
      * Columns to display in the table.
      *
      * @see https://tanstack.com/table/v8/docs/guide/column-defs
      */
-    columns: Array<ColumnDef<T>>;
+    columns: Array<ColumnDef<TData>>;
     /**
      * Available layouts
      *
@@ -145,28 +73,18 @@ export interface TableProps<T> extends BoxProps, StylesApiProps<PlasmaTableFacto
      */
     layouts?: TableLayout[];
     /**
-     * Function called when the table mounts
-     *
-     * @param state the state of the table
-     */
-    onMount?: onTableChangeEvent<T>;
-    /**
-     * Function called when the table should update
-     *
-     * @param state the state of the table
+     * Props passed down to the active layout Header and Body components
      */
-    onChange?: onTableChangeEvent<T>;
-    /**
-     * Function that generates the expandable content of a row
-     * Return null for rows that don't need to be expandable
-     *
-     * @param datum the row for which the children should be generated.
-     */
-    getExpandChildren?: (datum: T) => ReactNode;
-    /**
-     * React children to show when the table has no rows to show. You can leverage useTable to get the state of the table
-     */
-    noDataChildren?: ReactNode;
+    layoutProps?: {
+        /**
+         * Called by the table layout when a row is double clicked.
+         * @param selectedRow The data of the row that was double clicked
+         * @param index The index of the row that was double clicked
+         * @param row The row object that was double clicked
+         * @returns
+         */
+        onRowDoubleClick?: (selectedRow: TData, index: number, row: Row<TData>) => void;
+    } & Record<string, any>;
     /**
      * Whether the table is loading or not
      *
@@ -174,7 +92,7 @@ export interface TableProps<T> extends BoxProps, StylesApiProps<PlasmaTableFacto
      */
     loading?: boolean;
     /**
-     * Childrens to display in the table. They need to be wrap in either `Table.Header` or `Table.Footer`
+     * Children to display in the table. They need to be wrap in either `Table.Header` or `Table.Footer`
      *
      * @example
      * <Table ...>
@@ -184,32 +102,6 @@ export interface TableProps<T> extends BoxProps, StylesApiProps<PlasmaTableFacto
      * </Table>
      */
     children?: ReactNode;
-    /**
-     * Initial state of the table
-     */
-    initialState?: InitialTableState<T>;
-    /**
-     * Action passed when user double clicks on a row
-     */
-    doubleClickAction?: (datum: T) => void;
-    /**
-     * Function called whenever the row selection changes
-     *
-     * @param selectedRows The selected rows
-     */
-    onRowSelectionChange?: (selectedRows: T[]) => void;
-    /**
-     * Whether the user can select multiple rows in order to perform actions in bulk
-     *
-     * @default false
-     */
-    multiRowSelectionEnabled?: boolean;
-    /**
-     * Whether row selection is enabled or not
-     *
-     * @default false
-     */
-    disableRowSelection?: boolean;
     /**
      * Nodes that are considered inside the table.
      *
@@ -222,6 +114,19 @@ export interface TableProps<T> extends BoxProps, StylesApiProps<PlasmaTableFacto
     /**
      * Additional options that can be passed to the table
      */
-    options?: Omit<Partial<TableOptions<T>>, 'initialState' | 'data' | 'columns' | 'manualPagination' | 'enableMultiRowSelection' | 'getRowId' | 'getRowCanExpand' | 'enableRowSelection' | 'onRowSelectionChange'>;
+    options?: Omit<Partial<TableOptions<TData>>, 'initialState' | 'data' | 'columns' | 'manualPagination' | 'enableMultiRowSelection' | 'getRowId' | 'getRowCanExpand' | 'enableRowSelection' | 'onRowSelectionChange'>;
+}
+export interface TableAction {
+    /**
+     * Group to which the action belongs
+     * $$primary is reserved for primary actions
+     * $$confirmPrompt is reserved for InlineConfirm.Prompt, it will hide other actions when prompt is opened
+     * other string will be considered secondary custom group
+     */
+    group: '$$primary' | '$$confirmPrompt' | (string & {});
+    /**
+     * Component to render, should be either `Table.PrimaryAction` or `Table.SecondaryAction`
+     */
+    component: ReactNode;
 }
 //# sourceMappingURL=Table.types.d.ts.map

package/dist/esm/components/table/Table.types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,~~iBAAiB,EAAC,MAAM,eAAe,CAAC;AAChD,OAAO,EACH,MAAM,EACN,~~SAAS,~~EACT~~,WAAW,~~EACX~~,~~iBAAiB~~,~~IAAI~~,~~yBAAyB,EAC9C,~~YAAY,~~EACZ~~,~~UAAU,IAAI,kBAAkB,EACnC,~~MAAM,sBAAsB,CAAC;~~AAC9B~~,OAAO,EAAC,~~QAAQ,EAAE,~~YAAY,EAAE,SAAS,~~EAAE,SAAS,~~EAAC,MAAM,OAAO,CAAC;~~AAEnE~~,OAAO,EAAC,~~oBAAoB~~,~~EAAC~~,~~MAAM,oDAAoD,CAAC;AACxF,OAAO,~~EAAC,~~gBAAgB,EAAC,~~MAAM,~~wBAAwB~~,CAAC;~~AACxD~~,OAAO,EAAC,~~KAAK~~,~~kBAAkB,~~EAAC,MAAM,~~SAAS~~,CAAC;~~AAEhD~~,MAAM,MAAM,~~oBAAoB~~,CAAC,KAAK,~~IAAI~~,~~MAAM~~,~~CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAChE,MAAM,WAAW,iBAAiB,CAAC,KAAK;IACpC,YAAY,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,UAAU,CAAC,KAAK,CAAE,SAAQ,~~IAAI,~~CAAC,kBAAkB,EAAE,cAAc,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC;CAAG;AAEhH,MAAM,WAAW,iBAAiB,CAAC,KAAK,CACpC,SAAQ,~~IAAI,~~CAAC~~,~~yBAAyB~~,~~EAAE,cAAc,~~CAAC,~~EACnD,OAAO,CAAC,iBAAiB,CAAC,~~KAAK,CAAC,~~CAAC~~,~~EACjC~~,~~OAAO~~,~~CAAC,aAAa,CAAC;CAAG;AAEjC,MAAM,MAAM,~~kBAAkB,~~CAAC~~,~~KAAK~~,~~IAAI~~,~~CAAC~~,~~MAAM,EAAE,~~UAAU,CAAC,KAAK,CAAC,~~GAAG~~,aAAa,~~KAAK~~,~~IAAI,~~CAAC;~~AAE5F~~,MAAM,WAAW,WAAW;IACxB,CAAC,KAAK,EAAE;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAC,GAAG,YAAY,CAAC;IAC7C;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;OAGG;IACH,MAAM,EAAE,CAAC,~~CAAC~~,EAAE,KAAK,EAAE,gBAAgB,CAAC,~~CAAC~~,CAAC,KAAK,YAAY,CAAC;~~IACxD~~;;;OAGG;IACH,IAAI,EAAE,CAAC,~~CAAC~~,EAAE,KAAK,EAAE,gBAAgB,CAAC,~~CAAC~~,CAAC,KAAK,YAAY,CAAC;~~CACzD~~;AAED,MAAM,~~MAAM~~,~~aAAa~~,~~GAAG;IACxB;;;;OAIG;IACH~~,~~UAAU~~,~~EAAE~~,~~MAAM~~,~~CAAC~~,~~MAAM,~~EAAE,~~MAAM~~,CAAC,~~CAAC;IACnC;;;;OAIG;IACH~~,~~SAAS,EAAE,oBAAoB,~~CAAC;~~IAChC;;OAEG;IACH~~,~~MAAM~~,EAAE,~~WAAW~~,CAAC,~~MAAM~~,CAAC,CAAC;~~CAC/B,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,KAAK,IAAI;IAClC~~;;OAEG;IACH,~~aAAa~~,EAAE,~~MAAM,~~KAAK,~~CAAC,MAAM,CAAC,KAAK,~~EAAE,~~OAAO~~,~~CAAC~~,CAAC~~,CAAC~~;~~IACnD~~;;OAEG;IACH,QAAQ,EAAE,~~MAAM~~,~~IAAI,~~CAAC~~;IACrB;;;;OAIG;IACH~~,KAAK,~~EAAE~~,~~UAAU,~~CAAC,~~KAAK~~,CAAC,CAAC;~~IACzB~~;;OAEG;IACH,~~QAAQ~~,~~EAAE,QAAQ,~~CAAC,~~CAAC,SAAS,~~EAAE,~~UAAU,~~CAAC,KAAK,~~CAAC~~,KAAK,~~UAAU~~,~~CAAC,~~KAAK,~~CAAC,CAAC,CAAC;IACxE;;;OAGG;IACH,UAAU,~~EAAE,~~OAAO~~,~~CAAC;IACpB;;OAEG;IACH,YAAY,~~EAAE,~~MAAM~~,~~IAAI,CAAC;IACzB;;OAEG;IACH,cAAc,~~EAAE,~~MAAM,KAAK,~~GAAG,~~IAAI,~~CAAC~~;IACnC;;OAEG;IACH~~,~~eAAe,EAAE,MAAM,~~KAAK,~~EAAE,~~CAAC~~;IAC/B;;OAEG;IACH~~,~~cAAc~~,~~EAAE,~~MAAM,~~IAAI,~~CAAC~~;IAC3B;;OAEG;IACH~~,~~IAAI~~,EAAE,~~iBAAiB~~,CAAC,~~aAAa,~~CAAC~~,CAAC~~;~~IACvC;;OAEG~~;IACH,~~YAAY~~,~~EAAE,SAAS,~~CAAC,~~cAAc~~,CAAC,~~CAAC;IACxC;;OAEG;IACH~~,~~wBAAwB,~~EAAE,~~OAAO~~,~~CAAC;IAClC;;OAEG;IACH,mBAAmB,~~EAAE,~~OAAO~~,~~CAAC;IAC7B;;OAEG;IACH,YAAY,~~EAAE,MAAM,~~MAAM,CAAC;IAC3B;;OAEG;IACH,OAAO,~~EAAE,~~WAAW~~,EAAE,~~CAAC;CAC1B~~,CAAC~~;AAEF~~,~~MAAM~~,~~WAAW,UAAU,~~CAAC,~~CAAC~~,~~CAAE~~,~~SAAQ,QAAQ,EAAE,cAAc,~~CAAC~~,kBAAkB,CAAC~~;~~IAC/E;;OAEG~~;IACH,~~IAAI~~,~~EAAE,~~CAAC,EAAE,~~GAAG~~,IAAI,~~CAAC;IACjB;;OAEG;IACH~~,~~QAAQ~~,~~CAAC,~~EAAE,WAAW,~~CAAC~~,CAAC~~,CAAC,CAAC,UAAU,CAAC,CAAC~~;~~IACtC~~;;;;OAIG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,~~CAAC~~,CAAC,CAAC,CAAC;~~IAC7B~~;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB~~;;;;OAIG~~;IACH,~~OAAO~~,CAAC,EAAE~~,kBAAkB,CAAC,CAAC,CAAC,CAAC~~;~~IAChC;;;;OAIG~~;~~IACH~~,~~QAAQ~~,CAAC,EAAE,~~kBAAkB,~~CAAC,~~CAAC~~,~~CAAC,CAAC;IACjC;;;;;OAKG;IACH,iBAAiB,CAAC,~~EAAE,~~CAAC,~~KAAK,EAAE,~~CAAC,~~KAAK,~~SAAS,CAAC;IAC5C;;OAEG;IACH,cAAc,CAAC,~~EAAE,~~SAAS~~,~~CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,~~EAAE,~~OAAO~~,~~CAAC;IAClB;;;;;;;;;OASG;IACH,QAAQ,CAAC,~~EAAE,~~SAAS~~,CAAC~~;IACrB;;OAEG;IACH~~,~~YAAY,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACpC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,~~KAAK,~~EAAE,~~CAAC,KAAK,IAAI,CAAC;~~IACvC;;;;OAIG;IACH~~,~~oBAAoB~~,~~CAAC~~,~~EAAE,~~CAAC,~~YAAY~~,EAAE,CAAC,~~EAAE,KAAK,IAAI,~~CAAC;~~IACnD~~;;;;OAIG;IACH,~~wBAAwB~~,CAAC,EAAE,OAAO,CAAC;~~IACnC;;;;OAIG~~;IACH,~~mBAAmB~~,CAAC,EAAE,~~OAAO~~,CAAC;~~IAC9B~~;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,WAAW,EAAE,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CACV,OAAO,CAAC,YAAY,CAAC,~~CAAC~~,CAAC,CAAC,~~EACtB~~,cAAc,GACd,MAAM,GACN,SAAS,GACT,kBAAkB,GAClB,yBAAyB,GACzB,UAAU,GACV,iBAAiB,GACjB,oBAAoB,GACpB,sBAAsB,CAC3B,CAAC;CACL"}
1	+ {"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,SAAS,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,aAAa,CAAC;AAEvC,MAAM,MAAM,gBAAgB,CAAC,KAAK,GAAG,OAAO,IAAI,IAAI,CAChD,UAAU,CAAC,KAAK,CAAC,EACjB,uBAAuB,GAAG,kBAAkB,GAAG,SAAS,CAC3D,GACG,UAAU,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,CAAC;AAErC,MAAM,WAAW,WAAW;IACxB,CAAC,KAAK,EAAE;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAC,GAAG,YAAY,CAAC;IAC7C;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;OAGG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,YAAY,CAAC;IAChE;;;OAGG;IACH,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,YAAY,CAAC;CACjE;AAED,MAAM,WAAW,UAAU,CAAC,KAAK,CAAE,SAAQ,QAAQ,EAAE,cAAc,CAAC,kBAAkB,CAAC;IACnF,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IACzB;;OAEG;IACH,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IAC1C;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7F;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC;IACpF;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,WAAW,EAAE,CAAC;IACjD;;;;OAIG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE;QACV;;;;;;WAMG;QACH,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;KACnF,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,WAAW,EAAE,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CACV,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAC1B,cAAc,GACd,MAAM,GACN,SAAS,GACT,kBAAkB,GAClB,yBAAyB,GACzB,UAAU,GACV,iBAAiB,GACjB,oBAAoB,GACpB,sBAAsB,CAC3B,CAAC;CACL;AAED,MAAM,WAAW,WAAW;IACxB;;;;;OAKG;IACH,KAAK,EAAE,WAAW,GAAG,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvD;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;CACxB"}

package/dist/esm/components/table/Table.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/table/Table.types.ts"],"sourcesContent":["import {Icon} from '@coveord/plasma-react-icons';\nimport {BoxProps, StylesApiProps} from '@mantine/core';\nimport {~~UseFormReturnType}~~ ~~from '@mantine/form';\nimport {\n Column,\n ColumnDef,\n~~ CoreOptions~~,\n InitialTableState~~ as ~~TanstackInitialTableState,\n~~ TableOptions~~,\n TableState as TanstackTableState,\n~~} from '@tanstack/table-core';\nimport {~~Dispatch,~~ ReactElement, ReactNode~~, RefObject~~} from 'react';\n\nimport {~~DateRangePickerValue}~~ ~~from '../date-range-picker/DateRangePickerInlineCalendar';\nimport {TableLayoutProps~~} from './~~layouts/TableLayouts~~';\nimport {~~type PlasmaTableFactory~~} from './~~Table~~';\n\nexport type ~~RowSelectionWithData~~<TData> = ~~Record<string,~~ ~~TData>;\nexport~~ ~~interface RowSelectionState<TData> {\~~n ~~rowSelection: RowSelectionWithData~~<TData~~>;\~~n~~}\n\nexport~~ ~~interface~~ ~~TableState<TData> extends Omit<TanstackTableState,~~ '~~rowSelection~~'>, ~~RowSelectionState<TData>~~ ~~{}\n\nexport interface InitialTableState<TData>\n extends Omit<TanstackInitialTableState,~~ '~~rowSelection~~'~~>,\~~n ~~Partial<RowSelectionState<TData>>,\n Partial<TableFormType~~> ~~{}\~~n~~\nexport type onTableChangeEvent~~<TData> ~~= (params: TableState<TData> & TableFormType) => void~~;\n\nexport interface TableLayout {\n (props: {children: ReactNode}): ReactElement;\n /*\n Name of the layout.\n * Will be displayed in the layout control\n /\n displayName: string;\n /\n Icon illustrating the layout.\n * Will be displayed in the layout control\n /\n Icon?: Icon;\n /\n Header portion of the table.\n * In the standard row layout that is where column headers would be displayed.\n /\n Header: <T>(props: TableLayoutProps<T>) => ReactElement;\n /\n Body portion of the table.\n * In the standard row layout that is where the rows would be displayed.\n /\n Body: <T>(props: TableLayoutProps<T>) => ReactElement;\n}\n\nexport ~~type~~ ~~TableFormType~~ = {\n /\n ~~Object~~ ~~containing the table predicates and their selected values\n \n @example~~ {~~type:~~ \~~"LONG\", origin: \"system\"}\~~n /\n ~~predicates~~: ~~Record~~<~~string, string~~>;\n /\n ~~Selected~~ ~~date~~ ~~range~~ in the table\n \n ~~@example~~ ~~[new~~ ~~Date(2022,~~ 0, ~~1),~~ ~~new~~ ~~Date(2022,~~ ~~0, 31)]\~~n /\n ~~dateRange~~: ~~DateRangePickerValue~~;\n /\n ~~Selected~~ ~~layout~~ ~~name\n /\n layout:~~ ~~TableLayout['name'];\n};\n\nexport~~ ~~type~~ ~~TableContextType<TData>~~ = {\n /\n ~~Returns~~ ~~all~~ ~~flat~~ ~~columns~~ in ~~the~~ ~~table.\n /\n getAllColumns:~~ () ~~=> Array<Column<TData, unknown>>;\n /\n Function~~ to ~~call~~ ~~when~~ ~~the~~ ~~table~~ ~~needs an update\~~n /\n ~~onChange:~~ ~~() => void~~;\n /\n ~~Internal~~ ~~state~~ of ~~the~~ table\n \n ~~@see~~ ~~https://tanstack.com/table/v8/docs/api/core/table#state\n /\n state:~~ TableState<TData>;\n /\n ~~Function~~ to ~~update~~ ~~the table state\~~n /\n ~~setState:~~ ~~Dispatch<~~(~~prevState~~: ~~TableState~~<TData>) => ~~TableState~~<~~TData>>;\~~n /\n ~~Whether~~ ~~the~~ ~~table~~ ~~currently~~ as ~~any~~ ~~kind~~ of ~~filter~~ ~~applied.\~~n * ~~Useful~~ to ~~determine~~ if ~~the~~ ~~noDataChildren~~ is an ~~empty~~ ~~state or just the result of a filter~~\n /\n ~~isFiltered: boolean;\n /\n~~ ~~Function~~ ~~that~~ ~~clears~~ the ~~filter~~ ~~and~~ ~~predicates\n /\n clearFilters:~~ ~~() => void;\n /\n Function that returns~~ the ~~selected~~ ~~row~~ if ~~any~~.\n /\n ~~getSelectedRow:~~ () => TData \| null;\n /\n ~~Function that returns an array of the selected rows. Most useful when multi~~ row ~~selection is enabled.\n /\n getSelectedRows~~: () => ~~TData[]~~;\n /\n Function that ~~clear~~ the ~~selected~~ ~~row\n /\n clearSelection:~~ () => ~~void;\n /\n Form used to handle predicates and dateRange~~\n /\n form: UseFormReturnType<TableFormType>;\n /\n ~~Table~~ ~~container~~ ~~ref\n /\n containerRef:~~ RefObject<HTMLDivElement>;\n /\n ~~Whether~~ multi ~~row~~ selection is ~~activated~~\n /\n multiRowSelectionEnabled: boolean;\n /\n ~~Whether~~ ~~row~~ ~~selection~~ is ~~enabled~~ or ~~not\n /\n disableRowSelection: boolean;\n /\n Function~~ that ~~returns~~ ~~the~~ ~~number of pages~~\n /\n ~~getPageCount: () => number;\n /\n~~ ~~Available~~ ~~layouts.~~ ~~When~~ ~~more~~ ~~than~~ ~~one~~ ~~layout~~ is ~~provided,~~ it ~~will display a layout control to switch between them~~.\n /\n layouts: ~~TableLayout~~[]~~;\n};\n~~\~~nexport interface TableProps<T> extends BoxProps, StylesApiProps<PlasmaTableFactory> {\~~n ~~/\n~~ Data to display in the table. Use `null` when the table is initially loading.\n /\n data: T[] \| ~~null;\n /\n Defines how each row is uniquely identified. It is highly recommended that you specify this prop to an ID that makes sense.\n /\n getRowId?: CoreOptions<T>~~[~~'getRowId'~~];\n /\n Columns to display in the table.\n \n @see https://tanstack.com/table/v8/docs/guide/column-defs\n /\n columns: Array<ColumnDef<T>>;\n /\n Available layouts\n \n @default [Table.Layouts.Rows]\n /\n layouts?: TableLayout[];\n /\n ~~Function~~ ~~called~~ ~~when~~ the ~~table~~ mounts\n \n ~~@param~~ ~~state~~ ~~the~~ ~~state of the table~~\n /\n ~~onMount~~?: ~~onTableChangeEvent<T>;\~~n /\n ~~Function~~ ~~called~~ ~~when~~ the table ~~should~~ ~~update\~~n \n @param ~~state~~ ~~the~~ ~~state~~ of the ~~table\n /\n onChange?:~~ ~~onTableChangeEvent<T>;\n /\n Function~~ that ~~generates~~ ~~the~~ ~~expandable content of a row~~\n * ~~Return~~ ~~null~~ ~~for~~ ~~rows~~ ~~that~~ ~~don't~~ ~~need~~ to be ~~expandable~~\n \n @param ~~datum~~ ~~the~~ row ~~for~~ ~~which~~ ~~the~~ ~~children~~ ~~should~~ ~~be generated.\~~n /\n ~~getExpandChildren~~?: (~~datum~~: T) => ~~ReactNode~~;\n /\n ~~React~~ ~~children~~ ~~to show when the table has no rows to show. You can leverage useTable to get the state of the table\~~n /\n ~~noDataChildren?: ReactNode;\n~~ /\n Whether the table is loading or not\n \n @default false\n /\n loading?: boolean;\n /\n ~~Childrens~~ to display in the table. They need to be wrap in either `Table.Header` or `Table.Footer`\n \n @example\n * <Table ...>\n * <Table.Header>\n * <div>Hello</div>\n * </Table.Header>\n * </Table>\n /\n children?: ReactNode;\n /\n Initial state of the table\n /\n initialState?: InitialTableState<T>;\n /\n Action passed when user double clicks on a row\n /\n doubleClickAction?: (datum: T) => void;\n /\n Function called whenever the row selection changes\n \n @param selectedRows The selected rows\n /\n onRowSelectionChange?: (selectedRows: T[]) => void;\n /\n Whether the user can select multiple rows in order to perform actions in bulk\n \n @default false\n /\n multiRowSelectionEnabled?: boolean;\n /\n Whether row selection is enabled or not\n \n @default false\n /\n disableRowSelection?: boolean;\n /\n Nodes that are considered inside the table.\n \n Rows normally get unselected when clicking outside the table, but sometimes it has difficulties guessing what is inside or outside, for example when using modals.\n * You can use this prop to force the table to consider some nodes to be inside the table.\n \n @see https://mantine.dev/hooks/use-click-outside/#multiple-nodes\n /\n additionalRootNodes?: HTMLElement[];\n /\n Additional options that can be passed to the table\n */\n options?: Omit<\n Partial<TableOptions<T>>,\n \| 'initialState'\n \| 'data'\n \| 'columns'\n \| 'manualPagination'\n \| 'enableMultiRowSelection'\n \| 'getRowId'\n \| 'getRowCanExpand'\n \| 'enableRowSelection'\n \| 'onRowSelectionChange'\n >;\n}\n"],"names":[],"rangeMappings":"","mappings":"~~AA4IA~~,~~WA+GC~~"}
1	+ {"version":3,"sources":["../../../../src/components/table/Table.types.ts"],"sourcesContent":["import {Icon} from '@coveord/plasma-react-icons';\nimport {BoxProps, StylesApiProps} from '@mantine/core';\nimport {ColumnDef, CoreOptions, Row, TableOptions} from '@tanstack/table-core';\nimport {ReactElement, ReactNode} from 'react';\n\nimport {type PlasmaTableFactory} from './Table';\nimport {TableStore} from './use-table';\n\nexport type TableLayoutProps<TData = unknown> = Pick<\n TableProps<TData>,\n 'getRowExpandedContent' \| 'getRowAttributes' \| 'loading'\n> &\n TableProps<TData>['layoutProps'];\n\nexport interface TableLayout {\n (props: {children: ReactNode}): ReactElement;\n /*\n Name of the layout.\n * Will be displayed in the layout control\n /\n displayName: string;\n /\n Icon illustrating the layout.\n * Will be displayed in the layout control\n /\n Icon?: Icon;\n /\n Header portion of the table.\n * In the standard row layout that is where column headers would be displayed.\n /\n Header: <TData>(props: TableLayoutProps<TData>) => ReactElement;\n /\n Body portion of the table.\n * In the standard row layout that is where the rows would be displayed.\n /\n Body: <TData>(props: TableLayoutProps<TData>) => ReactElement;\n}\n\nexport interface TableProps<TData> extends BoxProps, StylesApiProps<PlasmaTableFactory> {\n store: TableStore<TData>;\n /\n Data to display in the table. Use `null` when the table is initially loading.\n /\n data: TData[] \| null;\n /\n Defines how each row is uniquely identified. It is highly recommended that you specify this prop to an ID that makes sense.\n /\n getRowId?: CoreOptions<TData>['getRowId'];\n /\n Allows to define html attributes that will be passed down to each row.\n /\n getRowAttributes?: (datum: TData, index: number, row: Row<TData>) => Record<string, unknown>;\n /\n Function that generates the expandable content of a row\n * Return null for rows that don't need to be expandable\n \n @param datum the row for which the children should be generated.\n /\n getRowExpandedContent?: (datum: TData, index: number, row: Row<TData>) => ReactNode;\n /\n Function that generates the actions for the selected rows\n * If the table doesn't support multi selection, access the data[0]\n * Return an empty array for rows that don't have actions\n \n @param datum the row for which the children should be generated.\n * @default []\n /\n getRowActions?: (data: TData[]) => TableAction[];\n /\n Columns to display in the table.\n \n @see https://tanstack.com/table/v8/docs/guide/column-defs\n /\n columns: Array<ColumnDef<TData>>;\n /\n Available layouts\n \n @default [Table.Layouts.Rows]\n /\n layouts?: TableLayout[];\n /\n Props passed down to the active layout Header and Body components\n /\n layoutProps?: {\n /\n Called by the table layout when a row is double clicked.\n * @param selectedRow The data of the row that was double clicked\n * @param index The index of the row that was double clicked\n * @param row The row object that was double clicked\n * @returns\n /\n onRowDoubleClick?: (selectedRow: TData, index: number, row: Row<TData>) => void;\n } & Record<string, any>;\n /\n Whether the table is loading or not\n \n @default false\n /\n loading?: boolean;\n /\n Children to display in the table. They need to be wrap in either `Table.Header` or `Table.Footer`\n \n @example\n * <Table ...>\n * <Table.Header>\n * <div>Hello</div>\n * </Table.Header>\n * </Table>\n /\n children?: ReactNode;\n /\n Nodes that are considered inside the table.\n \n Rows normally get unselected when clicking outside the table, but sometimes it has difficulties guessing what is inside or outside, for example when using modals.\n * You can use this prop to force the table to consider some nodes to be inside the table.\n \n @see https://mantine.dev/hooks/use-click-outside/#multiple-nodes\n /\n additionalRootNodes?: HTMLElement[];\n /\n Additional options that can be passed to the table\n /\n options?: Omit<\n Partial<TableOptions<TData>>,\n \| 'initialState'\n \| 'data'\n \| 'columns'\n \| 'manualPagination'\n \| 'enableMultiRowSelection'\n \| 'getRowId'\n \| 'getRowCanExpand'\n \| 'enableRowSelection'\n \| 'onRowSelectionChange'\n >;\n}\n\nexport interface TableAction {\n /\n Group to which the action belongs\n * $$primary is reserved for primary actions\n * $$confirmPrompt is reserved for InlineConfirm.Prompt, it will hide other actions when prompt is opened\n * other string will be considered secondary custom group\n /\n group: '$$primary' \| '$$confirmPrompt' \| (string & {});\n /\n Component to render, should be either `Table.PrimaryAction` or `Table.SecondaryAction`\n */\n component: ReactNode;\n}\n"],"names":[],"rangeMappings":"","mappings":"AAwIA,WAYC"}

package/dist/esm/components/table/TableContext.d.ts CHANGED Viewed

@@ -1,15 +1,20 @@
-/// <reference types="react" />
 import { GetStylesApi } from '@mantine/core';
+import { Table } from '@tanstack/table-core';
+import { MutableRefObject, ReactElement } from 'react';
 import { type PlasmaTableFactory } from './Table';
-import { TableContextType } from './Table.types';
-export declare const TableContext: import("react").Context<TableContextType<any>>;
-export declare const useTable: <T>() => TableContextType<T>;
-interface TableStyleContextType {
+import { TableAction, TableLayout } from './Table.types';
+import { TableStore } from './use-table';
+export interface TableContextValue<TData = unknown> {
     getStyles: GetStylesApi<PlasmaTableFactory>;
+    store: TableStore<TData>;
+    layouts: TableLayout[];
+    getRowActions: (datum: TData[]) => TableAction[];
+    table: Table<TData>;
+    containerRef: MutableRefObject<HTMLDivElement>;
 }
-export declare const TableStylesProvider: ({ children, value }: {
-    value: TableStyleContextType;
-    children: import("react").ReactNode;
-}) => import("react").JSX.Element, useTableStyles: () => TableStyleContextType;
-export {};
+export interface TableProviderProps<T> {
+    value: TableContextValue<T>;
+    children: JSX.Element;
+}
+export declare const TableProvider: <TData>(props: TableProviderProps<TData>) => ReactElement, useTableContext: <TData>() => TableContextValue<TData>;
 //# sourceMappingURL=TableContext.d.ts.map

package/dist/esm/components/table/TableContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,YAAY,EAAC,MAAM,eAAe,CAAC;~~AAE9D~~,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAChD,OAAO,EAAC,~~gBAAgB~~,EAAC,MAAM,eAAe,CAAC;~~AAE/C~~,~~eAAO~~,MAAM,~~YAAY~~,~~gDAAoD~~,CAAC;~~AAE9E~~,~~eAAO~~,~~MAAM~~,~~QAAQ~~,~~8BAOpB~~,CAAC;~~AAEF~~,UAAU,~~qBAAqB~~;~~IAC3B~~,~~SAAS~~,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;~~CAC/C~~;AAED,eAAO,MAAO,mBAAmB~~;;;mCAAE~~,~~cAAc~~,~~6BAEhD~~,CAAC"}
1	+ {"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAC,gBAAgB,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAChD,OAAO,EAAC,WAAW,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,UAAU,EAAC,MAAM,aAAa,CAAC;AAEvC,MAAM,WAAW,iBAAiB,CAAC,KAAK,GAAG,OAAO;IAC9C,SAAS,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;IAC5C,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IACzB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,WAAW,EAAE,CAAC;IACjD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACjC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC5B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACzB;AAED,eAAO,MAAO,aAAa,iBAEN,mBAAmB,KAAK,CAAC,KAAK,YAAY,EAFlC,eAAe,eAEkC,kBAAkB,KAAK,CAAE,CAAC"}

package/dist/esm/components/table/TableContext.js CHANGED Viewed

@@ -1,13 +1,4 @@
 import { createSafeContext } from '@mantine/core';
-import { createContext, useContext } from 'react';
-export const TableContext = /*#__PURE__*/ createContext(null);
-export const useTable = ()=>{
-    const ctx = useContext(TableContext);
-    if (ctx === null) {
-        throw new Error('useTable must be used inside of a TableContext.Provider');
-    }
-    return ctx;
-};
-export const [TableStylesProvider, useTableStyles] = createSafeContext('Table component was not found in the tree');
+export const [TableProvider, useTableContext] = createSafeContext('Table component was not found in the tree');
 //# sourceMappingURL=TableContext.js.map

package/dist/esm/components/table/TableContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/table/TableContext.tsx"],"sourcesContent":["import {createSafeContext, GetStylesApi} from '@mantine/core';\nimport {~~createContext~~, ~~useContext~~} from 'react';\nimport {type PlasmaTableFactory} from './Table';\nimport {~~TableContextType~~} from './Table.types';\~~n\nexport~~ ~~const~~ ~~TableContext~~ ~~= createContext<TableContextType<any> \| null>(null)~~;\n\nexport ~~const~~ ~~useTable~~ = ~~<T,>(): TableContextType<T~~> => {\n ~~const~~ ~~ctx~~ = ~~useContext(TableContext)~~;\n if (~~ctx~~ ~~=== null~~) ~~{\n throw~~ ~~new Error('useTable must be used inside of a TableContext.Provider')~~;\n }\n\n ~~return~~ ~~ctx;\~~n};\n\~~ninterface~~ ~~TableStyleContextType~~ {\n ~~getStyles~~: ~~GetStylesApi~~<~~PlasmaTableFactory~~>;\n}\n\nexport const [~~TableStylesProvider~~, ~~useTableStyles~~] = createSafeContext<~~TableStyleContextType~~>(\n 'Table component was not found in the tree',\n);\n"],"names":["createSafeContext","~~createContext~~","~~useContext~~"~~,"TableContext","useTable","ctx","Error","TableStylesProvider","useTableStyles"~~],"rangeMappings":"~~;;;;;;;;;;~~","mappings":"AAAA,SAAQA,iBAAiB,QAAqB,gBAAgB;~~AAC9D~~,~~SAAQC,aAAa,EAAEC,UAAU,QAAO,QAAQ;AAIhD,~~OAAO,~~MAAMC,6BAAeF,cAA4C,~~MAAM~~;AAE9E~~,~~OAAO~~,~~MAAMG~~,~~WAAW;IACpB~~,~~MAAMC~~,~~MAAMH~~,~~WAAWC;IACvB,IAAIE,QAAQ,MAAM;QACd,MAAM,IAAIC,MAAM;IACpB;IAEA,OAAOD;AACX,EAAE;AAMF,OAAO,MAAM,CAACE,qBAAqBC,eAAe,GAAGR,kBACjD,6CACF~~"}
1	+ {"version":3,"sources":["../../../../src/components/table/TableContext.tsx"],"sourcesContent":["import {createSafeContext, GetStylesApi} from '@mantine/core';\nimport {Table} from '@tanstack/table-core';\nimport {MutableRefObject, ReactElement} from 'react';\nimport {type PlasmaTableFactory} from './Table';\nimport {TableAction, TableLayout} from './Table.types';\nimport {TableStore} from './use-table';\n\nexport interface TableContextValue<TData = unknown> {\n getStyles: GetStylesApi<PlasmaTableFactory>;\n store: TableStore<TData>;\n layouts: TableLayout[];\n getRowActions: (datum: TData[]) => TableAction[];\n table: Table<TData>;\n containerRef: MutableRefObject<HTMLDivElement>;\n}\n\nexport interface TableProviderProps<T> {\n value: TableContextValue<T>;\n children: JSX.Element;\n}\n\nexport const [TableProvider, useTableContext] = createSafeContext<TableContextValue>(\n 'Table component was not found in the tree',\n) as [<TData>(props: TableProviderProps<TData>) => ReactElement, <TData>() => TableContextValue<TData>];\n"],"names":["createSafeContext","TableProvider","useTableContext"],"rangeMappings":";","mappings":"AAAA,SAAQA,iBAAiB,QAAqB,gBAAgB;AAqB9D,OAAO,MAAM,CAACC,eAAeC,gBAAgB,GAAGF,kBAC5C,6CACoG"}

package/dist/esm/components/table/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export { flexRender as renderTableCell } from '@tanstack/react-table';
 export * from './Table';
-export { type InitialTableState, type TableLayout, type TableProps, type TableState, type onTableChangeEvent, } from './Table.types';
-export { useTable } from './TableContext';
-export { type TableLayoutProps } from './layouts/TableLayouts';
+export { type TableLayout, type TableProps, type TableLayoutProps, type TableAction } from './Table.types';
+export { useTable, type TableState, type TableStore, type UseTableOptions } from './use-table';
+export { useTableContext } from './TableContext';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/table/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AACpE,cAAc,SAAS,CAAC;AACxB,OAAO,~~EACH~~,KAAK,~~iBAAiB,EACtB,KAAK,~~WAAW,~~EAChB~~,KAAK,UAAU,~~EACf~~,KAAK,~~UAAU~~,~~EACf~~,KAAK,~~kBAAkB~~,~~GAC1B~~,MAAM,eAAe,CAAC;~~AACvB~~,OAAO,EAAC,QAAQ,EAAC,MAAM,~~gBAAgB~~,CAAC;~~AACxC~~,OAAO,EAAC,~~KAAK~~,~~gBAAgB,~~EAAC,MAAM,~~wBAAwB~~,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AACpE,cAAc,SAAS,CAAC;AACxB,OAAO,EAAC,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,WAAW,EAAC,MAAM,eAAe,CAAC;AACzG,OAAO,EAAC,QAAQ,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,aAAa,CAAC;AAC7F,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC"}

package/dist/esm/components/table/index.js CHANGED Viewed

@@ -1,5 +1,6 @@
 export { flexRender as renderTableCell } from '@tanstack/react-table';
 export * from './Table';
-export { useTable } from './TableContext';
+export { useTable } from './use-table';
+export { useTableContext } from './TableContext';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/table/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/table/index.ts"],"sourcesContent":["export {flexRender as renderTableCell} from '@tanstack/react-table';\nexport * from './Table';\nexport {\n type ~~InitialTableState,\n type~~ ~~TableLayout,\n~~ type TableProps~~,\n~~ type ~~TableState,\n~~ type ~~onTableChangeEvent,\n~~} from './Table.types';\nexport {useTable} from './~~TableContext~~';\nexport {~~type TableLayoutProps~~} from './~~layouts/TableLayouts~~';\n"],"names":["flexRender","renderTableCell","useTable"],"rangeMappings":";;","mappings":"AAAA,SAAQA,cAAcC,eAAe,QAAO,wBAAwB;AACpE,cAAc,UAAU;~~AAQxB~~,SAAQC,QAAQ,QAAO,iBAAiB"}
1	+ {"version":3,"sources":["../../../../src/components/table/index.ts"],"sourcesContent":["export {flexRender as renderTableCell} from '@tanstack/react-table';\nexport * from './Table';\nexport {type TableLayout, type TableProps, type TableLayoutProps, type TableAction} from './Table.types';\nexport {useTable, type TableState, type TableStore, type UseTableOptions} from './use-table';\nexport {useTableContext} from './TableContext';\n"],"names":["flexRender","renderTableCell","useTable","useTableContext"],"rangeMappings":";;;","mappings":"AAAA,SAAQA,cAAcC,eAAe,QAAO,wBAAwB;AACpE,cAAc,UAAU;AAExB,SAAQC,QAAQ,QAA+D,cAAc;AAC7F,SAAQC,eAAe,QAAO,iBAAiB"}

package/dist/esm/components/table/layouts/TableLayoutControl.js CHANGED Viewed

@@ -1,14 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Center, Grid, SegmentedControl, Space } from '@mantine/core';
 import { TableComponentsOrder } from '../Table';
-import { useTable } from '../TableContext';
+import { useTableContext } from '../TableContext';
 export const TableLayoutControl = ()=>{
-    const { form, layouts } = useTable();
+    const { layouts, store } = useTableContext();
     return layouts.length > 1 ? /*#__PURE__*/ _jsx(Grid.Col, {
         order: TableComponentsOrder.LayoutControl,
         span: "content",
         children: /*#__PURE__*/ _jsx(SegmentedControl, {
-            color: "action",
             data: layouts.map(({ displayName, Icon })=>({
                     value: displayName,
                     label: /*#__PURE__*/ _jsxs(Center, {
@@ -29,7 +28,8 @@ export const TableLayoutControl = ()=>{
                         ]
                     })
                 })),
-            ...form.getInputProps('layout')
+            value: store.state.layout === null ? layouts[0].displayName : store.state.layout,
+            onChange: store.setLayout
         })
     }) : null;
 };

package/dist/esm/components/table/layouts/TableLayoutControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/table/layouts/TableLayoutControl.tsx"],"sourcesContent":["import {Box, Center, Grid, SegmentedControl, Space} from '@mantine/core';\nimport {TableComponentsOrder} from '../Table';\nimport {~~useTable~~} from '../TableContext';\n\nexport const TableLayoutControl = () => {\n const {~~form~~, ~~layouts~~} = ~~useTable~~();\n return layouts.length > 1 ? (\n <Grid.Col order={TableComponentsOrder.LayoutControl} span=\"content\">\n <SegmentedControl\n ~~color=\"action\"\n~~ data={layouts.map(({displayName, Icon}) => ({\n value: displayName,\n label: (\n <Center>\n {Icon ? (\n <>\n <Icon height={16} />\n <Space w=\"xs\" />\n </>\n ) : null}\n <Box>{displayName}</Box>\n </Center>\n ),\n }))}\n {~~...form~~.~~getInputProps('~~layout')}\n />\n </Grid.Col>\n ) : null;\n};\n"],"names":["Box","Center","Grid","SegmentedControl","Space","TableComponentsOrder","~~useTable~~","TableLayoutControl","~~form~~","~~layouts~~","length","Col","order","LayoutControl","span","~~color","~~data","map","displayName","Icon","value","label","height","w","~~getInputProps~~"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAQA,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,KAAK,QAAO,gBAAgB;AACzE,SAAQC,oBAAoB,QAAO,WAAW;AAC9C,SAAQC,~~QAAQ~~,QAAO,kBAAkB;~~AAEzC~~,OAAO,MAAMC,qBAAqB;IAC9B,MAAM,EAACC,~~IAAI~~,EAAEC,~~OAAO~~,EAAC,GAAGH;~~IACxB~~,~~OAAOG~~,~~QAAQC~~,MAAM,GAAG,kBACpB,KAACR,KAAKS,GAAG;QAACC,OAAOP,qBAAqBQ,aAAa;QAAEC,MAAK;kBACtD,cAAA,KAACX;YACGY,~~OAAM;YACNC,~~MAAMP,QAAQQ,GAAG,CAAC,CAAC,EAACC,WAAW,EAAEC,IAAI,EAAC,GAAM,CAAA;oBACxCC,OAAOF;oBACPG,qBACI,~~MAACpB~~;;~~4BACIkB~~,qBACG;;kDACI,KAACA;wCAAKG,QAAQ;;kDACd,~~KAAClB~~;~~wCAAMmB~~,GAAE;;;iCAEb;0CACJ,~~KAACvB~~;~~0CAAKkB~~;;;;gBAGlB,CAAA;~~YACC~~,~~GAAGV~~,~~KAAKgB~~,~~aAAa~~,CAAC,SAAS;;~~SAGxC~~;AACR,EAAE"}
1	+ {"version":3,"sources":["../../../../../src/components/table/layouts/TableLayoutControl.tsx"],"sourcesContent":["import {Box, Center, Grid, SegmentedControl, Space} from '@mantine/core';\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport const TableLayoutControl = () => {\n const {layouts, store} = useTableContext();\n return layouts.length > 1 ? (\n <Grid.Col order={TableComponentsOrder.LayoutControl} span=\"content\">\n <SegmentedControl\n data={layouts.map(({displayName, Icon}) => ({\n value: displayName,\n label: (\n <Center>\n {Icon ? (\n <>\n <Icon height={16} />\n <Space w=\"xs\" />\n </>\n ) : null}\n <Box>{displayName}</Box>\n </Center>\n ),\n }))}\n value={store.state.layout === null ? layouts[0].displayName : store.state.layout}\n onChange={store.setLayout}\n />\n </Grid.Col>\n ) : null;\n};\n"],"names":["Box","Center","Grid","SegmentedControl","Space","TableComponentsOrder","useTableContext","TableLayoutControl","layouts","store","length","Col","order","LayoutControl","span","data","map","displayName","Icon","value","label","height","w","state","layout","onChange","setLayout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAQA,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,KAAK,QAAO,gBAAgB;AACzE,SAAQC,oBAAoB,QAAO,WAAW;AAC9C,SAAQC,eAAe,QAAO,kBAAkB;AAEhD,OAAO,MAAMC,qBAAqB;IAC9B,MAAM,EAACC,OAAO,EAAEC,KAAK,EAAC,GAAGH;IACzB,OAAOE,QAAQE,MAAM,GAAG,kBACpB,KAACR,KAAKS,GAAG;QAACC,OAAOP,qBAAqBQ,aAAa;QAAEC,MAAK;kBACtD,cAAA,KAACX;YACGY,MAAMP,QAAQQ,GAAG,CAAC,CAAC,EAACC,WAAW,EAAEC,IAAI,EAAC,GAAM,CAAA;oBACxCC,OAAOF;oBACPG,qBACI,MAACnB;;4BACIiB,qBACG;;kDACI,KAACA;wCAAKG,QAAQ;;kDACd,KAACjB;wCAAMkB,GAAE;;;iCAEb;0CACJ,KAACtB;0CAAKiB;;;;gBAGlB,CAAA;YACAE,OAAOV,MAAMc,KAAK,CAACC,MAAM,KAAK,OAAOhB,OAAO,CAAC,EAAE,CAACS,WAAW,GAAGR,MAAMc,KAAK,CAACC,MAAM;YAChFC,UAAUhB,MAAMiB,SAAS;;SAGjC;AACR,EAAE"}