npm - @coveord/plasma-mantine - Versions diffs - 56.1.2 → 56.1.3 - Mend

@coveord/plasma-mantine 56.1.2 → 56.1.3

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 (758) hide show

package/dist/esm/components/table/layouts/row-layout/RowLayoutBody.js CHANGED Viewed

@@ -3,12 +3,12 @@ import { Box, Collapse, useProps } from '@mantine/core';
 import { flexRender } from '@tanstack/react-table';
 import { defaultColumnSizing } from '@tanstack/table-core';
 import { Fragment } from 'react';
-import { identity } from '../../../../utils';
-import { useTableContext } from '../../TableContext';
-import { TableCollapsibleColumn } from '../../table-column/TableCollapsibleColumn';
-import { TableSelectableColumn } from '../../table-column/TableSelectableColumn';
-import { TableLoading } from '../../table-loading/TableLoading';
-import { useRowLayout } from './RowLayoutContext';
+import { identity } from '../../../../utils/index.js';
+import { useTableContext } from '../../TableContext.js';
+import { TableCollapsibleColumn } from '../../table-column/TableCollapsibleColumn.js';
+import { TableSelectableColumn } from '../../table-column/TableSelectableColumn.js';
+import { TableLoading } from '../../table-loading/TableLoading.js';
+import { useRowLayout } from './RowLayoutContext.js';
 const defaultProps = {};
 export const RowLayoutBody = (props)=>{
     const ctx = useRowLayout();

package/dist/esm/components/table/layouts/row-layout/RowLayoutBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutBody.tsx"],"sourcesContent":["import {Box, BoxProps, Collapse, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\nimport {flexRender} from '@tanstack/react-table';\nimport {defaultColumnSizing} from '@tanstack/table-core';\nimport {ForwardedRef, Fragment, type MouseEvent} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils';\nimport {TableLayoutProps} from '../../Table.types';\nimport {useTableContext} from '../../TableContext';\nimport {TableCollapsibleColumn} from '../../table-column/TableCollapsibleColumn';\nimport {TableSelectableColumn} from '../../table-column/TableSelectableColumn';\nimport {TableLoading} from '../../table-loading/TableLoading';\nimport {useRowLayout} from './RowLayoutContext';\n\nexport type RowLayoutBodyStylesNames = 'row' \| 'cell' \| 'collapsibleRow' \| 'collapsibleWrapper';\n\nexport interface RowLayoutBodyProps<T>\n extends BoxProps,\n TableLayoutProps<T>,\n CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\nexport type RowLayoutBodyFactory = Factory<{\n props: RowLayoutBodyProps<unknown>;\n ref: HTMLTableRowElement;\n stylesNames: RowLayoutBodyStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutBodyProps<unknown>> = {};\n\nexport const RowLayoutBody = <T,>(props: RowLayoutBodyProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n const ctx = useRowLayout();\n const {\n getRowExpandedContent,\n onRowDoubleClick,\n loading,\n classNames,\n className,\n styles,\n style,\n getRowAttributes,\n ...others\n } = useProps('RowLayoutBody', defaultProps as RowLayoutBodyProps<T>, props);\n const {table, store} = useTableContext<T>();\n const toggleCollapsible = (el: HTMLTableRowElement) => {\n const cell = el.children[el.children.length - 1] as HTMLTableCellElement;\n cell.querySelector('button').click();\n };\n\n const rows = table.getRowModel()?.rows.map((row) => {\n const rowChildren = getRowExpandedContent?.(row.original, row.index, row) ?? null;\n const isSelected = !!row.getIsSelected();\n const shouldKeepSelection = store.rowSelectionForced && isSelected;\n const onClick = (event: MouseEvent<HTMLTableRowElement>) => {\n if (rowChildren) {\n toggleCollapsible(event.currentTarget);\n }\n if (store.rowSelectionEnabled && !store.multiRowSelectionEnabled && !shouldKeepSelection) {\n row.toggleSelected();\n }\n };\n\n return (\n <Fragment key={row.id}>\n <tr\n onClick={onClick}\n onDoubleClick={() => {\n onRowDoubleClick?.(row.original, row.index, row);\n }}\n data-selectable={store.rowSelectionEnabled}\n data-selected={isSelected}\n data-multi-selection={store.multiRowSelectionEnabled}\n aria-selected={isSelected}\n data-testid={row.id}\n {...ctx.getStyles('row', {classNames, className, styles, style})}\n {...(getRowAttributes?.(row.original, row.index, row) ?? {})}\n {...others}\n >\n {row.getVisibleCells().map((cell) => {\n const columnSizing = {\n ...defaultColumnSizing,\n size: cell.column.columnDef.size,\n minSize: cell.column.columnDef.minSize,\n maxSize: cell.column.columnDef.maxSize,\n };\n\n const onCollapsibleCellClick = (event: MouseEvent<HTMLTableCellElement>) => {\n if (cell.column.id === TableSelectableColumn.id && store.rowSelectionEnabled) {\n event.stopPropagation();\n }\n };\n\n return (\n <td\n key={cell.id}\n data-testid={cell.id}\n className={ctx.getStyles('cell', {classNames, styles}).className}\n style={{\n width: columnSizing.size ? `${columnSizing.size}px` : 'auto',\n minWidth: `${columnSizing.minSize}px`,\n maxWidth: `${columnSizing.maxSize}px`,\n ...ctx.getStyles('cell', {classNames, styles}).style,\n }}\n data-collapsible-cell={cell.column.id === TableCollapsibleColumn.id}\n onClick={onCollapsibleCellClick}\n >\n <TableLoading visible={loading}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </TableLoading>\n </td>\n );\n })}\n </tr>\n {rowChildren ? (\n <tr {...ctx.getStyles('collapsibleRow', {classNames, styles})}>\n <td\n colSpan={table.getAllColumns().length}\n style={{\n padding: 0,\n }}\n >\n <Collapse in={row.getIsExpanded()}>\n <Box {...ctx.getStyles('collapsibleWrapper', {classNames, styles})} px=\"sm\" py=\"xs\">\n {rowChildren}\n </Box>\n </Collapse>\n </td>\n </tr>\n ) : null}\n </Fragment>\n );\n });\n\n return <>{rows}</>;\n};\n\nRowLayoutBody.extend = identity as CustomComponentThemeExtend<RowLayoutBodyFactory>;\n"],"names":["Box","Collapse","useProps","flexRender","defaultColumnSizing","Fragment","identity","useTableContext","TableCollapsibleColumn","TableSelectableColumn","TableLoading","useRowLayout","defaultProps","RowLayoutBody","props","ctx","getRowExpandedContent","onRowDoubleClick","loading","classNames","className","styles","style","getRowAttributes","others","table","store","toggleCollapsible","el","cell","children","length","querySelector","click","rows","getRowModel","map","row","rowChildren","original","index","isSelected","getIsSelected","shouldKeepSelection","rowSelectionForced","onClick","event","currentTarget","rowSelectionEnabled","multiRowSelectionEnabled","toggleSelected","tr","onDoubleClick","data-selectable","data-selected","data-multi-selection","aria-selected","data-testid","id","getStyles","getVisibleCells","columnSizing","size","column","columnDef","minSize","maxSize","onCollapsibleCellClick","stopPropagation","td","width","minWidth","maxWidth","data-collapsible-cell","visible","getContext","colSpan","getAllColumns","padding","in","getIsExpanded","px","py","extend"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutBody.tsx"],"sourcesContent":["import {Box, BoxProps, Collapse, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\nimport {flexRender} from '@tanstack/react-table';\nimport {defaultColumnSizing} from '@tanstack/table-core';\nimport {ForwardedRef, Fragment, type MouseEvent} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils/index.js';\nimport {TableLayoutProps} from '../../Table.types';\nimport {useTableContext} from '../../TableContext.js';\nimport {TableCollapsibleColumn} from '../../table-column/TableCollapsibleColumn.js';\nimport {TableSelectableColumn} from '../../table-column/TableSelectableColumn.js';\nimport {TableLoading} from '../../table-loading/TableLoading.js';\nimport {useRowLayout} from './RowLayoutContext.js';\n\nexport type RowLayoutBodyStylesNames = 'row' \| 'cell' \| 'collapsibleRow' \| 'collapsibleWrapper';\n\nexport interface RowLayoutBodyProps<T>\n extends BoxProps,\n TableLayoutProps<T>,\n CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\nexport type RowLayoutBodyFactory = Factory<{\n props: RowLayoutBodyProps<unknown>;\n ref: HTMLTableRowElement;\n stylesNames: RowLayoutBodyStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutBodyProps<unknown>> = {};\n\nexport const RowLayoutBody = <T,>(props: RowLayoutBodyProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n const ctx = useRowLayout();\n const {\n getRowExpandedContent,\n onRowDoubleClick,\n loading,\n classNames,\n className,\n styles,\n style,\n getRowAttributes,\n ...others\n } = useProps('RowLayoutBody', defaultProps as RowLayoutBodyProps<T>, props);\n const {table, store} = useTableContext<T>();\n const toggleCollapsible = (el: HTMLTableRowElement) => {\n const cell = el.children[el.children.length - 1] as HTMLTableCellElement;\n cell.querySelector('button').click();\n };\n\n const rows = table.getRowModel()?.rows.map((row) => {\n const rowChildren = getRowExpandedContent?.(row.original, row.index, row) ?? null;\n const isSelected = !!row.getIsSelected();\n const shouldKeepSelection = store.rowSelectionForced && isSelected;\n const onClick = (event: MouseEvent<HTMLTableRowElement>) => {\n if (rowChildren) {\n toggleCollapsible(event.currentTarget);\n }\n if (store.rowSelectionEnabled && !store.multiRowSelectionEnabled && !shouldKeepSelection) {\n row.toggleSelected();\n }\n };\n\n return (\n <Fragment key={row.id}>\n <tr\n onClick={onClick}\n onDoubleClick={() => {\n onRowDoubleClick?.(row.original, row.index, row);\n }}\n data-selectable={store.rowSelectionEnabled}\n data-selected={isSelected}\n data-multi-selection={store.multiRowSelectionEnabled}\n aria-selected={isSelected}\n data-testid={row.id}\n {...ctx.getStyles('row', {classNames, className, styles, style})}\n {...(getRowAttributes?.(row.original, row.index, row) ?? {})}\n {...others}\n >\n {row.getVisibleCells().map((cell) => {\n const columnSizing = {\n ...defaultColumnSizing,\n size: cell.column.columnDef.size,\n minSize: cell.column.columnDef.minSize,\n maxSize: cell.column.columnDef.maxSize,\n };\n\n const onCollapsibleCellClick = (event: MouseEvent<HTMLTableCellElement>) => {\n if (cell.column.id === TableSelectableColumn.id && store.rowSelectionEnabled) {\n event.stopPropagation();\n }\n };\n\n return (\n <td\n key={cell.id}\n data-testid={cell.id}\n className={ctx.getStyles('cell', {classNames, styles}).className}\n style={{\n width: columnSizing.size ? `${columnSizing.size}px` : 'auto',\n minWidth: `${columnSizing.minSize}px`,\n maxWidth: `${columnSizing.maxSize}px`,\n ...ctx.getStyles('cell', {classNames, styles}).style,\n }}\n data-collapsible-cell={cell.column.id === TableCollapsibleColumn.id}\n onClick={onCollapsibleCellClick}\n >\n <TableLoading visible={loading}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </TableLoading>\n </td>\n );\n })}\n </tr>\n {rowChildren ? (\n <tr {...ctx.getStyles('collapsibleRow', {classNames, styles})}>\n <td\n colSpan={table.getAllColumns().length}\n style={{\n padding: 0,\n }}\n >\n <Collapse in={row.getIsExpanded()}>\n <Box {...ctx.getStyles('collapsibleWrapper', {classNames, styles})} px=\"sm\" py=\"xs\">\n {rowChildren}\n </Box>\n </Collapse>\n </td>\n </tr>\n ) : null}\n </Fragment>\n );\n });\n\n return <>{rows}</>;\n};\n\nRowLayoutBody.extend = identity as CustomComponentThemeExtend<RowLayoutBodyFactory>;\n"],"names":["Box","Collapse","useProps","flexRender","defaultColumnSizing","Fragment","identity","useTableContext","TableCollapsibleColumn","TableSelectableColumn","TableLoading","useRowLayout","defaultProps","RowLayoutBody","props","ctx","getRowExpandedContent","onRowDoubleClick","loading","classNames","className","styles","style","getRowAttributes","others","table","store","toggleCollapsible","el","cell","children","length","querySelector","click","rows","getRowModel","map","row","rowChildren","original","index","isSelected","getIsSelected","shouldKeepSelection","rowSelectionForced","onClick","event","currentTarget","rowSelectionEnabled","multiRowSelectionEnabled","toggleSelected","tr","onDoubleClick","data-selectable","data-selected","data-multi-selection","aria-selected","data-testid","id","getStyles","getVisibleCells","columnSizing","size","column","columnDef","minSize","maxSize","onCollapsibleCellClick","stopPropagation","td","width","minWidth","maxWidth","data-collapsible-cell","visible","getContext","colSpan","getAllColumns","padding","in","getIsExpanded","px","py","extend"],"mappings":"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"}

package/dist/esm/components/table/layouts/row-layout/RowLayoutContext.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { GetStylesApi } from '@mantine/core';
-import { type RowLayoutFactory } from './RowLayout';
+import { type RowLayoutFactory } from './RowLayout.js';
 interface RowLayoutContextType {
     getStyles: GetStylesApi<RowLayoutFactory>;
 }

package/dist/esm/components/table/layouts/row-layout/RowLayoutContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RowLayoutContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,~~aAAa~~,CAAC;~~AAElD~~,UAAU,oBAAoB;IAC1B,SAAS,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;CAC7C;AACD,eAAO,MAAO,iBAAiB;;cAF3B,~~MAAM~~,SAAS;aAAe,mBAE9B,~~eAA6B~~,YAAY,4BAE5C,CAAC"}
1	+ {"version":3,"file":"RowLayoutContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAErD,UAAU,oBAAoB;IAC1B,SAAS,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;CAC7C;AACD,eAAO,MAAO,iBAAiB;;cAF3B,MAAG,SAAS;aAAe,mBAE9B,eAAgC,YAAY,4BAE5C,CAAC"}

package/dist/esm/components/table/layouts/row-layout/RowLayoutContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutContext.tsx"],"sourcesContent":["import {createSafeContext, GetStylesApi} from '@mantine/core';\nimport {type RowLayoutFactory} from './RowLayout';\n\ninterface RowLayoutContextType {\n getStyles: GetStylesApi<RowLayoutFactory>;\n}\nexport const [RowLayoutProvider, useRowLayout] = createSafeContext<RowLayoutContextType>(\n 'RowLayout was not found in the component tree',\n);\n"],"names":["createSafeContext","RowLayoutProvider","useRowLayout"],"mappings":"AAAA,SAAQA,iBAAiB,QAAqB,gBAAgB;AAM9D,OAAO,MAAM,CAACC,mBAAmBC,aAAa,GAAGF,kBAC7C,iDACF"}
1	+ {"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutContext.tsx"],"sourcesContent":["import {createSafeContext, GetStylesApi} from '@mantine/core';\nimport {type RowLayoutFactory} from './RowLayout.js';\n\ninterface RowLayoutContextType {\n getStyles: GetStylesApi<RowLayoutFactory>;\n}\nexport const [RowLayoutProvider, useRowLayout] = createSafeContext<RowLayoutContextType>(\n 'RowLayout was not found in the component tree',\n);\n"],"names":["createSafeContext","RowLayoutProvider","useRowLayout"],"mappings":"AAAA,SAAQA,iBAAiB,QAAqB,gBAAgB;AAM9D,OAAO,MAAM,CAACC,mBAAmBC,aAAa,GAAGF,kBAC7C,iDACF"}

package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import { BoxProps, CompoundStylesApiProps } from '@mantine/core';
 import { ForwardedRef } from 'react';
-import { CustomComponentThemeExtend } from '../../../../utils';
+import { CustomComponentThemeExtend } from '../../../../utils/index.js';
 import { TableLayoutProps } from '../../Table.types';
-import { RowLayoutBodyFactory } from './RowLayoutBody';
+import { RowLayoutBodyFactory } from './RowLayoutBody.js';
 export type RowLayoutHeaderStyleNames = 'headerRow';
 export interface RowLayoutHeaderProps<T> extends BoxProps, TableLayoutProps<T>, CompoundStylesApiProps<RowLayoutBodyFactory> {
 }

package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RowLayoutHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAoB,MAAM,eAAe,CAAC;AAClF,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAW,MAAM,~~mBAAmB~~,CAAC;~~AACvE~~,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAGnD,OAAO,EAAC,oBAAoB,EAAC,MAAM,~~iBAAiB~~,CAAC;~~AAGrD~~,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CACnC,SAAQ,QAAQ,EACZ,gBAAgB,CAAC,CAAC,CAAC,EACnB,sBAAsB,CAAC,oBAAoB,CAAC;CAAG;AAWvD,eAAO,MAAM,eAAe;KAAI,CAAC,SAAU,oBAAoB,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;KAAC;;eARnG,oBAAoB,CAAC,OAAO,CAAC;aAC/B,mBAAmB;qBACX,yBAAyB;kBAC5B,IAAI;;CAmCjB,CAAC"}
1	+ {"version":3,"file":"RowLayoutHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAoB,MAAM,eAAe,CAAC;AAClF,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAW,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAGnD,OAAO,EAAC,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AAGxD,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CACnC,SAAQ,QAAQ,EACZ,gBAAgB,CAAC,CAAC,CAAC,EACnB,sBAAsB,CAAC,oBAAoB,CAAC;CAAG;AAWvD,eAAO,MAAM,eAAe;KAAI,CAAC,SAAU,oBAAoB,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;KAAC;;eARnG,oBAAoB,CAAC,OAAO,CAAC;aAC/B,mBAAmB;qBACX,yBAAyB;kBAC5B,IAAI;;CAmCjB,CAAC"}

package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useProps } from '@mantine/core';
-import { identity } from '../../../../utils';
-import { useTableContext } from '../../TableContext';
-import { Th } from '../../table-header/Th';
-import { useRowLayout } from './RowLayoutContext';
+import { identity } from '../../../../utils/index.js';
+import { useTableContext } from '../../TableContext.js';
+import { Th } from '../../table-header/Th.js';
+import { useRowLayout } from './RowLayoutContext.js';
 const defaultProps = {};
 export const RowLayoutHeader = (props)=>{
     const ctx = useRowLayout();

package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"sourcesContent":["import {BoxProps, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\nimport {ForwardedRef} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils';\nimport {TableLayoutProps} from '../../Table.types';\nimport {useTableContext} from '../../TableContext';\nimport {Th} from '../../table-header/Th';\nimport {RowLayoutBodyFactory} from './RowLayoutBody';\nimport {useRowLayout} from './RowLayoutContext';\n\nexport type RowLayoutHeaderStyleNames = 'headerRow';\n\nexport interface RowLayoutHeaderProps<T>\n extends BoxProps,\n TableLayoutProps<T>,\n CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\ntype RowLayoutHeaderFactory = Factory<{\n props: RowLayoutHeaderProps<unknown>;\n ref: HTMLTableRowElement;\n stylesNames: RowLayoutHeaderStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutHeaderProps<unknown>> = {};\n\nexport const RowLayoutHeader = <T,>(props: RowLayoutHeaderProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n const ctx = useRowLayout();\n const {\n getRowExpandedContent: _getRowExpandedContent,\n getRowActions: _getRowActions,\n loading: _loading,\n getRowAttributes: _getRowAttributes,\n onRowDoubleClick: _onRowDoubleClick,\n className,\n style,\n classNames,\n styles,\n ...others\n } = useProps('RowLayoutHeader', defaultProps as RowLayoutHeaderProps<T>, props);\n const {table, store} = useTableContext<T>();\n\n const headers = table.getHeaderGroups().map((headerGroup) => (\n <tr\n key={headerGroup.id}\n data-selectable={store.rowSelectionEnabled}\n data-multi-selection={store.multiRowSelectionEnabled}\n {...ctx.getStyles('headerRow', {className, classNames, styles, style})}\n {...others}\n >\n {headerGroup.headers.map((columnHeader) => (\n <Th key={columnHeader.id} header={columnHeader} />\n ))}\n </tr>\n ));\n return <>{headers}</>;\n};\nRowLayoutHeader.extend = identity as CustomComponentThemeExtend<RowLayoutHeaderFactory>;\n"],"names":["useProps","identity","useTableContext","Th","useRowLayout","defaultProps","RowLayoutHeader","props","ctx","getRowExpandedContent","_getRowExpandedContent","getRowActions","_getRowActions","loading","_loading","getRowAttributes","_getRowAttributes","onRowDoubleClick","_onRowDoubleClick","className","style","classNames","styles","others","table","store","headers","getHeaderGroups","map","headerGroup","tr","data-selectable","rowSelectionEnabled","data-multi-selection","multiRowSelectionEnabled","getStyles","columnHeader","header","id","extend"],"mappings":";AAAA,SAAmDA,QAAQ,QAAO,gBAAgB;AAElF,SAAoCC,QAAQ,QAAO,~~oBAAoB~~;~~AAEvE~~,SAAQC,eAAe,QAAO,~~qBAAqB~~;~~AACnD~~,SAAQC,EAAE,QAAO,~~wBAAwB~~;~~AAEzC~~,SAAQC,YAAY,QAAO,~~qBAAqB~~;~~AAgBhD~~,MAAMC,eAAuD,CAAC;AAE9D,OAAO,MAAMC,kBAAkB,CAAKC;IAChC,MAAMC,MAAMJ;IACZ,MAAM,EACFK,uBAAuBC,sBAAsB,EAC7CC,eAAeC,cAAc,EAC7BC,SAASC,QAAQ,EACjBC,kBAAkBC,iBAAiB,EACnCC,kBAAkBC,iBAAiB,EACnCC,SAAS,EACTC,KAAK,EACLC,UAAU,EACVC,MAAM,EACN,GAAGC,QACN,GAAGvB,SAAS,mBAAmBK,cAAyCE;IACzE,MAAM,EAACiB,KAAK,EAAEC,KAAK,EAAC,GAAGvB;IAEvB,MAAMwB,UAAUF,MAAMG,eAAe,GAAGC,GAAG,CAAC,CAACC,4BACzC,KAACC;YAEGC,mBAAiBN,MAAMO,mBAAmB;YAC1CC,wBAAsBR,MAAMS,wBAAwB;YACnD,GAAG1B,IAAI2B,SAAS,CAAC,aAAa;gBAAChB;gBAAWE;gBAAYC;gBAAQF;YAAK,EAAE;YACrE,GAAGG,MAAM;sBAETM,YAAYH,OAAO,CAACE,GAAG,CAAC,CAACQ,6BACtB,KAACjC;oBAAyBkC,QAAQD;mBAAzBA,aAAaE,EAAE;WAPvBT,YAAYS,EAAE;IAW3B,qBAAO;kBAAGZ;;AACd,EAAE;AACFpB,gBAAgBiC,MAAM,GAAGtC"}
1	+ {"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"sourcesContent":["import {BoxProps, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\nimport {ForwardedRef} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils/index.js';\nimport {TableLayoutProps} from '../../Table.types';\nimport {useTableContext} from '../../TableContext.js';\nimport {Th} from '../../table-header/Th.js';\nimport {RowLayoutBodyFactory} from './RowLayoutBody.js';\nimport {useRowLayout} from './RowLayoutContext.js';\n\nexport type RowLayoutHeaderStyleNames = 'headerRow';\n\nexport interface RowLayoutHeaderProps<T>\n extends BoxProps,\n TableLayoutProps<T>,\n CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\ntype RowLayoutHeaderFactory = Factory<{\n props: RowLayoutHeaderProps<unknown>;\n ref: HTMLTableRowElement;\n stylesNames: RowLayoutHeaderStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutHeaderProps<unknown>> = {};\n\nexport const RowLayoutHeader = <T,>(props: RowLayoutHeaderProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n const ctx = useRowLayout();\n const {\n getRowExpandedContent: _getRowExpandedContent,\n getRowActions: _getRowActions,\n loading: _loading,\n getRowAttributes: _getRowAttributes,\n onRowDoubleClick: _onRowDoubleClick,\n className,\n style,\n classNames,\n styles,\n ...others\n } = useProps('RowLayoutHeader', defaultProps as RowLayoutHeaderProps<T>, props);\n const {table, store} = useTableContext<T>();\n\n const headers = table.getHeaderGroups().map((headerGroup) => (\n <tr\n key={headerGroup.id}\n data-selectable={store.rowSelectionEnabled}\n data-multi-selection={store.multiRowSelectionEnabled}\n {...ctx.getStyles('headerRow', {className, classNames, styles, style})}\n {...others}\n >\n {headerGroup.headers.map((columnHeader) => (\n <Th key={columnHeader.id} header={columnHeader} />\n ))}\n </tr>\n ));\n return <>{headers}</>;\n};\nRowLayoutHeader.extend = identity as CustomComponentThemeExtend<RowLayoutHeaderFactory>;\n"],"names":["useProps","identity","useTableContext","Th","useRowLayout","defaultProps","RowLayoutHeader","props","ctx","getRowExpandedContent","_getRowExpandedContent","getRowActions","_getRowActions","loading","_loading","getRowAttributes","_getRowAttributes","onRowDoubleClick","_onRowDoubleClick","className","style","classNames","styles","others","table","store","headers","getHeaderGroups","map","headerGroup","tr","data-selectable","rowSelectionEnabled","data-multi-selection","multiRowSelectionEnabled","getStyles","columnHeader","header","id","extend"],"mappings":";AAAA,SAAmDA,QAAQ,QAAO,gBAAgB;AAElF,SAAoCC,QAAQ,QAAO,6BAA6B;AAEhF,SAAQC,eAAe,QAAO,wBAAwB;AACtD,SAAQC,EAAE,QAAO,2BAA2B;AAE5C,SAAQC,YAAY,QAAO,wBAAwB;AAgBnD,MAAMC,eAAuD,CAAC;AAE9D,OAAO,MAAMC,kBAAkB,CAAKC;IAChC,MAAMC,MAAMJ;IACZ,MAAM,EACFK,uBAAuBC,sBAAsB,EAC7CC,eAAeC,cAAc,EAC7BC,SAASC,QAAQ,EACjBC,kBAAkBC,iBAAiB,EACnCC,kBAAkBC,iBAAiB,EACnCC,SAAS,EACTC,KAAK,EACLC,UAAU,EACVC,MAAM,EACN,GAAGC,QACN,GAAGvB,SAAS,mBAAmBK,cAAyCE;IACzE,MAAM,EAACiB,KAAK,EAAEC,KAAK,EAAC,GAAGvB;IAEvB,MAAMwB,UAAUF,MAAMG,eAAe,GAAGC,GAAG,CAAC,CAACC,4BACzC,KAACC;YAEGC,mBAAiBN,MAAMO,mBAAmB;YAC1CC,wBAAsBR,MAAMS,wBAAwB;YACnD,GAAG1B,IAAI2B,SAAS,CAAC,aAAa;gBAAChB;gBAAWE;gBAAYC;gBAAQF;YAAK,EAAE;YACrE,GAAGG,MAAM;sBAETM,YAAYH,OAAO,CAACE,GAAG,CAAC,CAACQ,6BACtB,KAACjC;oBAAyBkC,QAAQD;mBAAzBA,aAAaE,EAAE;WAPvBT,YAAYS,EAAE;IAW3B,qBAAO;kBAAGZ;;AACd,EAAE;AACFpB,gBAAgBiC,MAAM,GAAGtC"}

package/dist/esm/components/table/table-actions/TableActionItem.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { CompoundStylesApiProps, PolymorphicFactory } from '@mantine/core';
 import { ReactNode } from 'react';
-import { ButtonProps } from '../../button';
-import { MenuItemProps } from '../../menu';
+import { ButtonProps } from '../../button/index.js';
+import { MenuItemProps } from '../../menu/index.js';
 export type TableActionItemStylesNames = 'actionItemRoot';
 export interface TableActionItemProps extends Omit<ButtonProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'rightSection'>, Omit<MenuItemProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'disabled'>, CompoundStylesApiProps<TableActionItemFactory> {
     /**
@@ -28,19 +28,19 @@ export declare const TableActionItem: (<C = "button">(props: import("@mantine/co
 }) | (TableActionItemProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
+})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
     props: TableActionItemProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
     stylesNames: TableActionItemStylesNames;
     compound: true;
-}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
+}> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
     props: TableActionItemProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
     stylesNames: TableActionItemStylesNames;
     compound: true;
-}> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
     props: TableActionItemProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";

package/dist/esm/components/table/table-actions/TableActionItem.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableActionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAE,kBAAkB,EAA+B,MAAM,eAAe,CAAC;AACvG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAS,WAAW,EAAC,MAAM,~~cAAc~~,CAAC;~~AAGjD~~,OAAO,EAAO,aAAa,EAAC,MAAM,~~YAAY~~,CAAC;~~AAE/C~~,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,CAAC,EACpG,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC,EAC9F,sBAAsB,CAAC,sBAAsB,CAAC;IAClD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,KAAK,sBAAsB,GAAG,kBAAkB,CAAC;IAC7C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,eAAe,~~wGAdvB~~,~~MACD~~,~~YAAU~~;;;;;;~~eAWJ~~,MAAO,~~WAAW~~;;;~~WAPjB~~,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;EA4CjB,CAAC"}
1	+ {"version":3,"file":"TableActionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAE,kBAAkB,EAA+B,MAAM,eAAe,CAAC;AACvG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAS,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAG1D,OAAO,EAAO,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAExD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,CAAC,EACpG,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC,EAC9F,sBAAsB,CAAC,sBAAsB,CAAC;IAClD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,KAAK,sBAAsB,GAAG,kBAAkB,CAAC;IAC7C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,eAAe,wGAfF,MAAQ,YAAW;;;;;;eAUlC,MAAO,WAGd;;;WAPO,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;EA4CjB,CAAC"}

package/dist/esm/components/table/table-actions/TableActionItem.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { polymorphicFactory, useProps } from '@mantine/core';
-import { Button } from '../../button';
-import { useTableContext } from '../TableContext';
-import { useTableActionContext } from './TableActionContext';
-import { Menu } from '../../menu';
+import { Button } from '../../button/index.js';
+import { useTableContext } from '../TableContext.js';
+import { useTableActionContext } from './TableActionContext.js';
+import { Menu } from '../../menu/index.js';
 const defaultProps = {};
 export const TableActionItem = polymorphicFactory((props, ref)=>{
     const { getStyles } = useTableContext();

package/dist/esm/components/table/table-actions/TableActionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"sourcesContent":["import {CompoundStylesApiProps, PolymorphicFactory, polymorphicFactory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {Button, ButtonProps} from '../../button';\nimport {useTableContext} from '../TableContext';\nimport {useTableActionContext} from './TableActionContext';\nimport {Menu, MenuItemProps} from '../../menu';\n\nexport type TableActionItemStylesNames = 'actionItemRoot';\n\nexport interface TableActionItemProps\n extends Omit<ButtonProps, 'classNames' \| 'styles' \| 'vars' \| 'variant' \| 'leftSection' \| 'rightSection'>,\n Omit<MenuItemProps, 'classNames' \| 'styles' \| 'vars' \| 'variant' \| 'leftSection' \| 'disabled'>,\n CompoundStylesApiProps<TableActionItemFactory> {\n /*\n Action label\n /\n children: ReactNode;\n /\n Content to put on the left of the label\n */\n leftSection?: ReactNode;\n}\n\ntype TableActionItemFactory = PolymorphicFactory<{\n props: TableActionItemProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: TableActionItemStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TableActionItemProps> = {};\n\nexport const TableActionItem = polymorphicFactory<TableActionItemFactory>(\n (props: TableActionItemProps & {component?: any}, ref) => {\n const {getStyles} = useTableContext();\n const {primary} = useTableActionContext();\n const {\n classNames,\n className,\n style,\n styles,\n vars: _vars,\n children,\n component,\n ...others\n } = useProps('PlasmaTableActionItem', defaultProps, props);\n\n if (primary) {\n return (\n <Button.Quaternary\n component={component}\n ref={ref}\n {...others}\n {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n >\n {children}\n </Button.Quaternary>\n );\n }\n\n return (\n <Menu.Item\n component={component}\n ref={ref}\n {...others}\n {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n >\n {children}\n </Menu.Item>\n );\n },\n);\n"],"names":["polymorphicFactory","useProps","Button","useTableContext","useTableActionContext","Menu","defaultProps","TableActionItem","props","ref","getStyles","primary","classNames","className","style","styles","vars","_vars","children","component","others","Quaternary","Item"],"mappings":";AAAA,SAAoDA,kBAAkB,EAAEC,QAAQ,QAAO,gBAAgB;AAEvG,SAAQC,MAAM,QAAoB,~~eAAe~~;~~AACjD~~,SAAQC,eAAe,QAAO,~~kBAAkB~~;~~AAChD~~,SAAQC,qBAAqB,QAAO,~~uBAAuB~~;~~AAC3D~~,SAAQC,IAAI,QAAsB,~~aAAa~~;~~AA0B/C~~,MAAMC,eAA8C,CAAC;AAErD,OAAO,MAAMC,kBAAkBP,mBAC3B,CAACQ,OAAiDC;IAC9C,MAAM,EAACC,SAAS,EAAC,GAAGP;IACpB,MAAM,EAACQ,OAAO,EAAC,GAAGP;IAClB,MAAM,EACFQ,UAAU,EACVC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,MAAMC,KAAK,EACXC,QAAQ,EACRC,SAAS,EACT,GAAGC,QACN,GAAGnB,SAAS,yBAAyBK,cAAcE;IAEpD,IAAIG,SAAS;QACT,qBACI,KAACT,OAAOmB,UAAU;YACdF,WAAWA;YACXV,KAAKA;YACJ,GAAGW,MAAM;YACT,GAAGV,UAAU,kBAAkB;gBAACG;gBAAWC;gBAAOF;gBAAYG;YAAM,EAAE;sBAEtEG;;IAGb;IAEA,qBACI,KAACb,KAAKiB,IAAI;QACNH,WAAWA;QACXV,KAAKA;QACJ,GAAGW,MAAM;QACT,GAAGV,UAAU,kBAAkB;YAACG;YAAWC;YAAOF;YAAYG;QAAM,EAAE;kBAEtEG;;AAGb,GACF"}
1	+ {"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"sourcesContent":["import {CompoundStylesApiProps, PolymorphicFactory, polymorphicFactory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {Button, ButtonProps} from '../../button/index.js';\nimport {useTableContext} from '../TableContext.js';\nimport {useTableActionContext} from './TableActionContext.js';\nimport {Menu, MenuItemProps} from '../../menu/index.js';\n\nexport type TableActionItemStylesNames = 'actionItemRoot';\n\nexport interface TableActionItemProps\n extends Omit<ButtonProps, 'classNames' \| 'styles' \| 'vars' \| 'variant' \| 'leftSection' \| 'rightSection'>,\n Omit<MenuItemProps, 'classNames' \| 'styles' \| 'vars' \| 'variant' \| 'leftSection' \| 'disabled'>,\n CompoundStylesApiProps<TableActionItemFactory> {\n /*\n Action label\n /\n children: ReactNode;\n /\n Content to put on the left of the label\n */\n leftSection?: ReactNode;\n}\n\ntype TableActionItemFactory = PolymorphicFactory<{\n props: TableActionItemProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: TableActionItemStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TableActionItemProps> = {};\n\nexport const TableActionItem = polymorphicFactory<TableActionItemFactory>(\n (props: TableActionItemProps & {component?: any}, ref) => {\n const {getStyles} = useTableContext();\n const {primary} = useTableActionContext();\n const {\n classNames,\n className,\n style,\n styles,\n vars: _vars,\n children,\n component,\n ...others\n } = useProps('PlasmaTableActionItem', defaultProps, props);\n\n if (primary) {\n return (\n <Button.Quaternary\n component={component}\n ref={ref}\n {...others}\n {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n >\n {children}\n </Button.Quaternary>\n );\n }\n\n return (\n <Menu.Item\n component={component}\n ref={ref}\n {...others}\n {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n >\n {children}\n </Menu.Item>\n );\n },\n);\n"],"names":["polymorphicFactory","useProps","Button","useTableContext","useTableActionContext","Menu","defaultProps","TableActionItem","props","ref","getStyles","primary","classNames","className","style","styles","vars","_vars","children","component","others","Quaternary","Item"],"mappings":";AAAA,SAAoDA,kBAAkB,EAAEC,QAAQ,QAAO,gBAAgB;AAEvG,SAAQC,MAAM,QAAoB,wBAAwB;AAC1D,SAAQC,eAAe,QAAO,qBAAqB;AACnD,SAAQC,qBAAqB,QAAO,0BAA0B;AAC9D,SAAQC,IAAI,QAAsB,sBAAsB;AA0BxD,MAAMC,eAA8C,CAAC;AAErD,OAAO,MAAMC,kBAAkBP,mBAC3B,CAACQ,OAAiDC;IAC9C,MAAM,EAACC,SAAS,EAAC,GAAGP;IACpB,MAAM,EAACQ,OAAO,EAAC,GAAGP;IAClB,MAAM,EACFQ,UAAU,EACVC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,MAAMC,KAAK,EACXC,QAAQ,EACRC,SAAS,EACT,GAAGC,QACN,GAAGnB,SAAS,yBAAyBK,cAAcE;IAEpD,IAAIG,SAAS;QACT,qBACI,KAACT,OAAOmB,UAAU;YACdF,WAAWA;YACXV,KAAKA;YACJ,GAAGW,MAAM;YACT,GAAGV,UAAU,kBAAkB;gBAACG;gBAAWC;gBAAOF;gBAAYG;YAAM,EAAE;sBAEtEG;;IAGb;IAEA,qBACI,KAACb,KAAKiB,IAAI;QACNH,WAAWA;QACXV,KAAKA;QACJ,GAAGW,MAAM;QACT,GAAGV,UAAU,kBAAkB;YAACG;YAAWC;YAAOF;YAAYG;QAAM,EAAE;kBAEtEG;;AAGb,GACF"}

package/dist/esm/components/table/table-actions/TableActionsList.d.ts CHANGED Viewed

@@ -25,7 +25,7 @@ type TableActionsListFactory = Factory<{
 }>;
 export declare const TableActionsList: {
     (props: TableActionsListProps): import("react/jsx-runtime").JSX.Element;
-    extend(input: ExtendComponent<TableActionsListFactory>): import("@mantine/core/lib/core/factory/factory").ExtendCompoundComponent<{
+    extend(input: ExtendComponent<TableActionsListFactory>): import("node_modules/@mantine/core/lib/core/factory/factory.js").ExtendCompoundComponent<{
         props: TableActionsListProps;
         ref: HTMLDivElement;
         stylesNames: TableActionsListStylesNames;

package/dist/esm/components/table/table-actions/TableActionsList.js CHANGED Viewed

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MoreSize16Px } from '@coveord/plasma-react-icons';
 import { Box, Menu, Tooltip, useProps } from '@mantine/core';
 import { useState } from 'react';
-import { ActionIcon } from '../../action-icon';
-import { Button } from '../../button';
-import { InlineConfirm } from '../../inline-confirm';
-import { useTableContext } from '../TableContext';
-import { TableActionProvider } from './TableActionContext';
+import { ActionIcon } from '../../action-icon/index.js';
+import { Button } from '../../button/index.js';
+import { InlineConfirm } from '../../inline-confirm/index.js';
+import { useTableContext } from '../TableContext.js';
+import { TableActionProvider } from './TableActionContext.js';
 const defaultProps = {
     label: 'More',
     primaryGroupLabel: '',

package/dist/esm/components/table/table-actions/TableActionsList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {\n Box,\n CompoundStylesApiProps,\n CSSProperties,\n ExtendComponent,\n Factory,\n Menu,\n MenuProps,\n Tooltip,\n useProps,\n} from '@mantine/core';\nimport {MouseEventHandler, ReactNode, useState} from 'react';\nimport {ActionIcon} from '../../action-icon';\nimport {Button} from '../../button';\nimport {InlineConfirm} from '../../inline-confirm';\nimport {TableAction} from '../Table.types';\nimport {useTableContext} from '../TableContext';\nimport {TableActionProvider} from './TableActionContext';\n\nexport type TableActionsListStylesNames =\n \| 'actionsTarget'\n \| 'actionsDropdown'\n \| 'actionsTooltip'\n \| 'actionsGroup'\n \| 'actionsGroupLabel'\n \| 'actionsGroupDivider'\n \| 'actionsGroupItems';\n\nexport interface TableActionsListProps\n extends Omit<MenuProps, 'classNames' \| 'styles' \| 'vars' \| 'variant'>,\n CompoundStylesApiProps<TableActionsListFactory> {\n actions: TableAction[];\n /*\n Label for the more menu\n * @default 'More' when variant is 'split', 'Actions' when variant is 'combined'\n /\n label?: string;\n /\n Label for the primary actions group when variant is 'combined'\n * @default ''\n */\n primaryGroupLabel?: string;\n icon?: ReactNode;\n}\n\ntype TableActionsListFactory = Factory<{\n props: TableActionsListProps;\n ref: HTMLDivElement;\n stylesNames: TableActionsListStylesNames;\n compound: true;\n variant: 'split' \| 'combined';\n}>;\n\nconst defaultProps: Partial<TableActionsListProps> = {\n label: 'More',\n primaryGroupLabel: '',\n icon: <MoreSize16Px height={16} />,\n};\n\ninterface ActionsDict {\n $$primary: TableAction[];\n $$confirmPrompt: TableAction[];\n secondary: Record<string, Array<TableAction['component']>>;\n}\n\ninterface ActionGroup {\n name: string;\n actions: ReactNode[];\n}\n\nexport const TableActionsList = (props: TableActionsListProps) => {\n const {getStyles} = useTableContext();\n const {\n actions,\n icon,\n label,\n primaryGroupLabel,\n classNames,\n styles,\n vars: _vars,\n variant,\n ...others\n } = useProps('PlasmaTableActionsListColumn', defaultProps, props);\n const [opened, setOpened] = useState(false);\n\n const onClick: MouseEventHandler = (e) => {\n e.preventDefault();\n e.stopPropagation();\n setOpened((prevState) => !prevState);\n };\n const onChange = (newOpened: boolean) => {\n if (!newOpened) {\n setOpened(false);\n }\n };\n\n const actionsGroups: ActionsDict = actions.reduce<ActionsDict>(\n (acc, action) => {\n if (action.group === '$$primary') {\n acc.$$primary.push(action);\n } else if (action.group === '$$confirmPrompt') {\n acc.$$confirmPrompt.push(action);\n } else {\n if (acc.secondary[action.group]) {\n acc.secondary[action.group].push(action.component);\n } else {\n acc.secondary[action.group] = [action.component];\n }\n }\n return acc;\n },\n {$$primary: [], $$confirmPrompt: [], secondary: {}},\n );\n\n const primaryActions = actionsGroups.$$primary.map((action) => action.component);\n const confirmPrompts = actionsGroups.$$confirmPrompt.map((confirmPromptAction) => confirmPromptAction.component);\n const secondaryActionGroups = Object.entries(actionsGroups.secondary).map(\n ([group, groupActions]): ActionGroup => ({\n name: group,\n actions: groupActions,\n }),\n );\n\n if (variant === 'split') {\n return (\n <InlineConfirm>\n {confirmPrompts}\n <TableActionProvider value={{primary: true}}>{primaryActions}</TableActionProvider>\n {secondaryActionGroups.length > 0 ? (\n <TableActionProvider value={{primary: false}}>\n <Menu withinPortal={false} {...others} keepMounted>\n <Menu.Target>\n <Button.Quaternary\n {...getStyles('actionsTarget', {styles, classNames})}\n leftSection={icon}\n >\n {label}\n </Button.Quaternary>\n </Menu.Target>\n <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n <ActionsGroupsMenuItems\n classNames={classNames}\n styles={styles}\n actionGroups={secondaryActionGroups}\n />\n </Menu.Dropdown>\n </Menu>\n </TableActionProvider>\n ) : null}\n </InlineConfirm>\n );\n }\n return (\n <InlineConfirm>\n {confirmPrompts}\n <TableActionProvider value={{primary: false}}>\n <Menu opened={opened} onChange={onChange} {...others} keepMounted>\n <Menu.Target>\n <Tooltip label={label} {...getStyles('actionsTooltip', {styles, classNames})}>\n <ActionIcon.Quaternary\n {...getStyles('actionsTarget', {styles, classNames})}\n onClick={onClick}\n >\n {icon}\n </ActionIcon.Quaternary>\n </Tooltip>\n </Menu.Target>\n <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n <ActionsGroupsMenuItems\n classNames={classNames}\n styles={styles}\n actionGroups={\n primaryActions.length > 0\n ? [{name: primaryGroupLabel, actions: primaryActions}, ...secondaryActionGroups]\n : secondaryActionGroups\n }\n />\n </Menu.Dropdown>\n </Menu>\n </TableActionProvider>\n </InlineConfirm>\n );\n};\n\ninterface ActionsGroupsMenuItemsProps {\n styles: Partial<Record<TableActionsListStylesNames, CSSProperties>>;\n classNames: Partial<Record<TableActionsListStylesNames, string>>;\n actionGroups: ActionGroup[];\n}\n\nconst ActionsGroupsMenuItems = ({styles, classNames, actionGroups}: ActionsGroupsMenuItemsProps) => {\n const {getStyles} = useTableContext();\n return actionGroups.map(({name, actions}, index) => (\n <Box key={name} {...getStyles('actionsGroup', {styles, classNames})}>\n {actionGroups.length > 1 ? (\n <Menu.Label {...getStyles('actionsGroupLabel', {styles, classNames})}>{name}</Menu.Label>\n ) : null}\n <Box {...getStyles('actionsGroupItems', {styles, classNames})}>{actions}</Box>\n {index < actionGroups.length - 1 ? (\n <Menu.Divider {...getStyles('actionsGroupDivider', {styles, classNames})} />\n ) : null}\n </Box>\n ));\n};\n\nTableActionsList.extend = (input: ExtendComponent<TableActionsListFactory>) => input;\n"],"names":["MoreSize16Px","Box","Menu","Tooltip","useProps","useState","ActionIcon","Button","InlineConfirm","useTableContext","TableActionProvider","defaultProps","label","primaryGroupLabel","icon","height","TableActionsList","props","getStyles","actions","classNames","styles","vars","_vars","variant","others","opened","setOpened","onClick","e","preventDefault","stopPropagation","prevState","onChange","newOpened","actionsGroups","reduce","acc","action","group","$$primary","push","$$confirmPrompt","secondary","component","primaryActions","map","confirmPrompts","confirmPromptAction","secondaryActionGroups","Object","entries","groupActions","name","value","primary","length","withinPortal","keepMounted","Target","Quaternary","leftSection","Dropdown","ActionsGroupsMenuItems","actionGroups","index","Label","Divider","extend","input"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {\n Box,\n CompoundStylesApiProps,\n CSSProperties,\n ExtendComponent,\n Factory,\n Menu,\n MenuProps,\n Tooltip,\n useProps,\n} from '@mantine/core';\nimport {MouseEventHandler, ReactNode, useState} from 'react';\nimport {ActionIcon} from '../../action-icon/index.js';\nimport {Button} from '../../button/index.js';\nimport {InlineConfirm} from '../../inline-confirm/index.js';\nimport {TableAction} from '../Table.types';\nimport {useTableContext} from '../TableContext.js';\nimport {TableActionProvider} from './TableActionContext.js';\n\nexport type TableActionsListStylesNames =\n \| 'actionsTarget'\n \| 'actionsDropdown'\n \| 'actionsTooltip'\n \| 'actionsGroup'\n \| 'actionsGroupLabel'\n \| 'actionsGroupDivider'\n \| 'actionsGroupItems';\n\nexport interface TableActionsListProps\n extends Omit<MenuProps, 'classNames' \| 'styles' \| 'vars' \| 'variant'>,\n CompoundStylesApiProps<TableActionsListFactory> {\n actions: TableAction[];\n /*\n Label for the more menu\n * @default 'More' when variant is 'split', 'Actions' when variant is 'combined'\n /\n label?: string;\n /\n Label for the primary actions group when variant is 'combined'\n * @default ''\n */\n primaryGroupLabel?: string;\n icon?: ReactNode;\n}\n\ntype TableActionsListFactory = Factory<{\n props: TableActionsListProps;\n ref: HTMLDivElement;\n stylesNames: TableActionsListStylesNames;\n compound: true;\n variant: 'split' \| 'combined';\n}>;\n\nconst defaultProps: Partial<TableActionsListProps> = {\n label: 'More',\n primaryGroupLabel: '',\n icon: <MoreSize16Px height={16} />,\n};\n\ninterface ActionsDict {\n $$primary: TableAction[];\n $$confirmPrompt: TableAction[];\n secondary: Record<string, Array<TableAction['component']>>;\n}\n\ninterface ActionGroup {\n name: string;\n actions: ReactNode[];\n}\n\nexport const TableActionsList = (props: TableActionsListProps) => {\n const {getStyles} = useTableContext();\n const {\n actions,\n icon,\n label,\n primaryGroupLabel,\n classNames,\n styles,\n vars: _vars,\n variant,\n ...others\n } = useProps('PlasmaTableActionsListColumn', defaultProps, props);\n const [opened, setOpened] = useState(false);\n\n const onClick: MouseEventHandler = (e) => {\n e.preventDefault();\n e.stopPropagation();\n setOpened((prevState) => !prevState);\n };\n const onChange = (newOpened: boolean) => {\n if (!newOpened) {\n setOpened(false);\n }\n };\n\n const actionsGroups: ActionsDict = actions.reduce<ActionsDict>(\n (acc, action) => {\n if (action.group === '$$primary') {\n acc.$$primary.push(action);\n } else if (action.group === '$$confirmPrompt') {\n acc.$$confirmPrompt.push(action);\n } else {\n if (acc.secondary[action.group]) {\n acc.secondary[action.group].push(action.component);\n } else {\n acc.secondary[action.group] = [action.component];\n }\n }\n return acc;\n },\n {$$primary: [], $$confirmPrompt: [], secondary: {}},\n );\n\n const primaryActions = actionsGroups.$$primary.map((action) => action.component);\n const confirmPrompts = actionsGroups.$$confirmPrompt.map((confirmPromptAction) => confirmPromptAction.component);\n const secondaryActionGroups = Object.entries(actionsGroups.secondary).map(\n ([group, groupActions]): ActionGroup => ({\n name: group,\n actions: groupActions,\n }),\n );\n\n if (variant === 'split') {\n return (\n <InlineConfirm>\n {confirmPrompts}\n <TableActionProvider value={{primary: true}}>{primaryActions}</TableActionProvider>\n {secondaryActionGroups.length > 0 ? (\n <TableActionProvider value={{primary: false}}>\n <Menu withinPortal={false} {...others} keepMounted>\n <Menu.Target>\n <Button.Quaternary\n {...getStyles('actionsTarget', {styles, classNames})}\n leftSection={icon}\n >\n {label}\n </Button.Quaternary>\n </Menu.Target>\n <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n <ActionsGroupsMenuItems\n classNames={classNames}\n styles={styles}\n actionGroups={secondaryActionGroups}\n />\n </Menu.Dropdown>\n </Menu>\n </TableActionProvider>\n ) : null}\n </InlineConfirm>\n );\n }\n return (\n <InlineConfirm>\n {confirmPrompts}\n <TableActionProvider value={{primary: false}}>\n <Menu opened={opened} onChange={onChange} {...others} keepMounted>\n <Menu.Target>\n <Tooltip label={label} {...getStyles('actionsTooltip', {styles, classNames})}>\n <ActionIcon.Quaternary\n {...getStyles('actionsTarget', {styles, classNames})}\n onClick={onClick}\n >\n {icon}\n </ActionIcon.Quaternary>\n </Tooltip>\n </Menu.Target>\n <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n <ActionsGroupsMenuItems\n classNames={classNames}\n styles={styles}\n actionGroups={\n primaryActions.length > 0\n ? [{name: primaryGroupLabel, actions: primaryActions}, ...secondaryActionGroups]\n : secondaryActionGroups\n }\n />\n </Menu.Dropdown>\n </Menu>\n </TableActionProvider>\n </InlineConfirm>\n );\n};\n\ninterface ActionsGroupsMenuItemsProps {\n styles: Partial<Record<TableActionsListStylesNames, CSSProperties>>;\n classNames: Partial<Record<TableActionsListStylesNames, string>>;\n actionGroups: ActionGroup[];\n}\n\nconst ActionsGroupsMenuItems = ({styles, classNames, actionGroups}: ActionsGroupsMenuItemsProps) => {\n const {getStyles} = useTableContext();\n return actionGroups.map(({name, actions}, index) => (\n <Box key={name} {...getStyles('actionsGroup', {styles, classNames})}>\n {actionGroups.length > 1 ? (\n <Menu.Label {...getStyles('actionsGroupLabel', {styles, classNames})}>{name}</Menu.Label>\n ) : null}\n <Box {...getStyles('actionsGroupItems', {styles, classNames})}>{actions}</Box>\n {index < actionGroups.length - 1 ? (\n <Menu.Divider {...getStyles('actionsGroupDivider', {styles, classNames})} />\n ) : null}\n </Box>\n ));\n};\n\nTableActionsList.extend = (input: ExtendComponent<TableActionsListFactory>) => input;\n"],"names":["MoreSize16Px","Box","Menu","Tooltip","useProps","useState","ActionIcon","Button","InlineConfirm","useTableContext","TableActionProvider","defaultProps","label","primaryGroupLabel","icon","height","TableActionsList","props","getStyles","actions","classNames","styles","vars","_vars","variant","others","opened","setOpened","onClick","e","preventDefault","stopPropagation","prevState","onChange","newOpened","actionsGroups","reduce","acc","action","group","$$primary","push","$$confirmPrompt","secondary","component","primaryActions","map","confirmPrompts","confirmPromptAction","secondaryActionGroups","Object","entries","groupActions","name","value","primary","length","withinPortal","keepMounted","Target","Quaternary","leftSection","Dropdown","ActionsGroupsMenuItems","actionGroups","index","Label","Divider","extend","input"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SACIC,GAAG,EAKHC,IAAI,EAEJC,OAAO,EACPC,QAAQ,QACL,gBAAgB;AACvB,SAAsCC,QAAQ,QAAO,QAAQ;AAC7D,SAAQC,UAAU,QAAO,6BAA6B;AACtD,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,SAAQC,aAAa,QAAO,gCAAgC;AAE5D,SAAQC,eAAe,QAAO,qBAAqB;AACnD,SAAQC,mBAAmB,QAAO,0BAA0B;AAoC5D,MAAMC,eAA+C;IACjDC,OAAO;IACPC,mBAAmB;IACnBC,oBAAM,KAACd;QAAae,QAAQ;;AAChC;AAaA,OAAO,MAAMC,mBAAmB,CAACC;IAC7B,MAAM,EAACC,SAAS,EAAC,GAAGT;IACpB,MAAM,EACFU,OAAO,EACPL,IAAI,EACJF,KAAK,EACLC,iBAAiB,EACjBO,UAAU,EACVC,MAAM,EACNC,MAAMC,KAAK,EACXC,OAAO,EACP,GAAGC,QACN,GAAGrB,SAAS,gCAAgCO,cAAcM;IAC3D,MAAM,CAACS,QAAQC,UAAU,GAAGtB,SAAS;IAErC,MAAMuB,UAA6B,CAACC;QAChCA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjBJ,UAAU,CAACK,YAAc,CAACA;IAC9B;IACA,MAAMC,WAAW,CAACC;QACd,IAAI,CAACA,WAAW;YACZP,UAAU;QACd;IACJ;IAEA,MAAMQ,gBAA6BhB,QAAQiB,MAAM,CAC7C,CAACC,KAAKC;QACF,IAAIA,OAAOC,KAAK,KAAK,aAAa;YAC9BF,IAAIG,SAAS,CAACC,IAAI,CAACH;QACvB,OAAO,IAAIA,OAAOC,KAAK,KAAK,mBAAmB;YAC3CF,IAAIK,eAAe,CAACD,IAAI,CAACH;QAC7B,OAAO;YACH,IAAID,IAAIM,SAAS,CAACL,OAAOC,KAAK,CAAC,EAAE;gBAC7BF,IAAIM,SAAS,CAACL,OAAOC,KAAK,CAAC,CAACE,IAAI,CAACH,OAAOM,SAAS;YACrD,OAAO;gBACHP,IAAIM,SAAS,CAACL,OAAOC,KAAK,CAAC,GAAG;oBAACD,OAAOM,SAAS;iBAAC;YACpD;QACJ;QACA,OAAOP;IACX,GACA;QAACG,WAAW,EAAE;QAAEE,iBAAiB,EAAE;QAAEC,WAAW,CAAC;IAAC;IAGtD,MAAME,iBAAiBV,cAAcK,SAAS,CAACM,GAAG,CAAC,CAACR,SAAWA,OAAOM,SAAS;IAC/E,MAAMG,iBAAiBZ,cAAcO,eAAe,CAACI,GAAG,CAAC,CAACE,sBAAwBA,oBAAoBJ,SAAS;IAC/G,MAAMK,wBAAwBC,OAAOC,OAAO,CAAChB,cAAcQ,SAAS,EAAEG,GAAG,CACrE,CAAC,CAACP,OAAOa,aAAa,GAAmB,CAAA;YACrCC,MAAMd;YACNpB,SAASiC;QACb,CAAA;IAGJ,IAAI5B,YAAY,SAAS;QACrB,qBACI,MAAChB;;gBACIuC;8BACD,KAACrC;oBAAoB4C,OAAO;wBAACC,SAAS;oBAAI;8BAAIV;;gBAC7CI,sBAAsBO,MAAM,GAAG,kBAC5B,KAAC9C;oBAAoB4C,OAAO;wBAACC,SAAS;oBAAK;8BACvC,cAAA,MAACrD;wBAAKuD,cAAc;wBAAQ,GAAGhC,MAAM;wBAAEiC,WAAW;;0CAC9C,KAACxD,KAAKyD,MAAM;0CACR,cAAA,KAACpD,OAAOqD,UAAU;oCACb,GAAG1C,UAAU,iBAAiB;wCAACG;wCAAQD;oCAAU,EAAE;oCACpDyC,aAAa/C;8CAEZF;;;0CAGT,KAACV,KAAK4D,QAAQ;gCAAE,GAAG5C,UAAU,mBAAmB;oCAACG;oCAAQD;gCAAU,EAAE;0CACjE,cAAA,KAAC2C;oCACG3C,YAAYA;oCACZC,QAAQA;oCACR2C,cAAcf;;;;;qBAK9B;;;IAGhB;IACA,qBACI,MAACzC;;YACIuC;0BACD,KAACrC;gBAAoB4C,OAAO;oBAACC,SAAS;gBAAK;0BACvC,cAAA,MAACrD;oBAAKwB,QAAQA;oBAAQO,UAAUA;oBAAW,GAAGR,MAAM;oBAAEiC,WAAW;;sCAC7D,KAACxD,KAAKyD,MAAM;sCACR,cAAA,KAACxD;gCAAQS,OAAOA;gCAAQ,GAAGM,UAAU,kBAAkB;oCAACG;oCAAQD;gCAAU,EAAE;0CACxE,cAAA,KAACd,WAAWsD,UAAU;oCACjB,GAAG1C,UAAU,iBAAiB;wCAACG;wCAAQD;oCAAU,EAAE;oCACpDQ,SAASA;8CAERd;;;;sCAIb,KAACZ,KAAK4D,QAAQ;4BAAE,GAAG5C,UAAU,mBAAmB;gCAACG;gCAAQD;4BAAU,EAAE;sCACjE,cAAA,KAAC2C;gCACG3C,YAAYA;gCACZC,QAAQA;gCACR2C,cACInB,eAAeW,MAAM,GAAG,IAClB;oCAAC;wCAACH,MAAMxC;wCAAmBM,SAAS0B;oCAAc;uCAAMI;iCAAsB,GAC9EA;;;;;;;;AAQtC,EAAE;AAQF,MAAMc,yBAAyB,CAAC,EAAC1C,MAAM,EAAED,UAAU,EAAE4C,YAAY,EAA8B;IAC3F,MAAM,EAAC9C,SAAS,EAAC,GAAGT;IACpB,OAAOuD,aAAalB,GAAG,CAAC,CAAC,EAACO,IAAI,EAAElC,OAAO,EAAC,EAAE8C,sBACtC,MAAChE;YAAgB,GAAGiB,UAAU,gBAAgB;gBAACG;gBAAQD;YAAU,EAAE;;gBAC9D4C,aAAaR,MAAM,GAAG,kBACnB,KAACtD,KAAKgE,KAAK;oBAAE,GAAGhD,UAAU,qBAAqB;wBAACG;wBAAQD;oBAAU,EAAE;8BAAGiC;qBACvE;8BACJ,KAACpD;oBAAK,GAAGiB,UAAU,qBAAqB;wBAACG;wBAAQD;oBAAU,EAAE;8BAAGD;;gBAC/D8C,QAAQD,aAAaR,MAAM,GAAG,kBAC3B,KAACtD,KAAKiE,OAAO;oBAAE,GAAGjD,UAAU,uBAAuB;wBAACG;wBAAQD;oBAAU,EAAE;qBACxE;;WAPEiC;AAUlB;AAEArC,iBAAiBoD,MAAM,GAAG,CAACC,QAAoDA"}

package/dist/esm/components/table/table-actions/TableHeaderActions.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { factory, Grid, Group, useProps } from '@mantine/core';
 import { useMemo } from 'react';
-import { TableComponentsOrder } from '../Table';
-import { useTableContext } from '../TableContext';
-import { TableActionsList } from './TableActionsList';
+import { TableComponentsOrder } from '../Table.js';
+import { useTableContext } from '../TableContext.js';
+import { TableActionsList } from './TableActionsList.js';
 const defaultProps = {};
 export const TableHeaderActions = factory((props, ref)=>{
     const { store, getStyles, getRowActions } = useTableContext();

package/dist/esm/components/table/table-actions/TableHeaderActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/table/table-actions/TableHeaderActions.tsx"],"sourcesContent":["import {Factory, factory, Grid, GridColProps, Group, useProps} from '@mantine/core';\nimport {ReactElement, useMemo} from 'react';\n\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\nimport {TableActionsList} from './TableActionsList';\n\nexport type TableHeaderActionsStylesNames = 'headerActionsRoot' \| 'headerActionsGroup';\n\nexport interface TableHeaderActionsProps extends Omit<GridColProps, 'children'> {}\n\ntype TableHeaderActionsFactory = Factory<{\n props: TableHeaderActionsProps;\n ref: HTMLDivElement;\n stylesNames: TableHeaderActionsStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TableHeaderActionsProps> = {};\n\nexport const TableHeaderActions = factory<TableHeaderActionsFactory>(\n (props: TableHeaderActionsProps, ref): ReactElement => {\n const {store, getStyles, getRowActions} = useTableContext();\n const {style, className, classNames, styles, ...others} = useProps(\n 'PlasmaTableHeaderActions',\n defaultProps,\n props,\n );\n\n const actions = useMemo(() => {\n const selectedRows = store.getSelectedRows();\n if (selectedRows.length === 0) {\n return [];\n }\n return getRowActions(selectedRows);\n }, [store.state.rowSelection]);\n\n if (actions.length === 0) {\n return null;\n }\n\n const stylesApiProps = {classNames, styles};\n\n return (\n <Grid.Col\n span=\"content\"\n order={TableComponentsOrder.Actions}\n ref={ref}\n {...getStyles('headerActionsRoot', {className, style, ...stylesApiProps})}\n {...others}\n >\n <Group gap=\"xs\" {...getStyles('headerActionsGroup', stylesApiProps)}>\n <TableActionsList actions={actions} variant=\"split\" />\n </Group>\n </Grid.Col>\n );\n },\n);\n"],"names":["factory","Grid","Group","useProps","useMemo","TableComponentsOrder","useTableContext","TableActionsList","defaultProps","TableHeaderActions","props","ref","store","getStyles","getRowActions","style","className","classNames","styles","others","actions","selectedRows","getSelectedRows","length","state","rowSelection","stylesApiProps","Col","span","order","Actions","gap","variant"],"mappings":";AAAA,SAAiBA,OAAO,EAAEC,IAAI,EAAgBC,KAAK,EAAEC,QAAQ,QAAO,gBAAgB;AACpF,SAAsBC,OAAO,QAAO,QAAQ;AAE5C,SAAQC,oBAAoB,QAAO,~~WAAW~~;~~AAC9C~~,SAAQC,eAAe,QAAO,~~kBAAkB~~;~~AAChD~~,SAAQC,gBAAgB,QAAO,~~qBAAqB~~;~~AAapD~~,MAAMC,eAAiD,CAAC;AAExD,OAAO,MAAMC,qBAAqBT,QAC9B,CAACU,OAAgCC;IAC7B,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAEC,aAAa,EAAC,GAAGR;IAC1C,MAAM,EAACS,KAAK,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAE,GAAGC,QAAO,GAAGhB,SACtD,4BACAK,cACAE;IAGJ,MAAMU,UAAUhB,QAAQ;QACpB,MAAMiB,eAAeT,MAAMU,eAAe;QAC1C,IAAID,aAAaE,MAAM,KAAK,GAAG;YAC3B,OAAO,EAAE;QACb;QACA,OAAOT,cAAcO;IACzB,GAAG;QAACT,MAAMY,KAAK,CAACC,YAAY;KAAC;IAE7B,IAAIL,QAAQG,MAAM,KAAK,GAAG;QACtB,OAAO;IACX;IAEA,MAAMG,iBAAiB;QAACT;QAAYC;IAAM;IAE1C,qBACI,KAACjB,KAAK0B,GAAG;QACLC,MAAK;QACLC,OAAOxB,qBAAqByB,OAAO;QACnCnB,KAAKA;QACJ,GAAGE,UAAU,qBAAqB;YAACG;YAAWD;YAAO,GAAGW,cAAc;QAAA,EAAE;QACxE,GAAGP,MAAM;kBAEV,cAAA,KAACjB;YAAM6B,KAAI;YAAM,GAAGlB,UAAU,sBAAsBa,eAAe;sBAC/D,cAAA,KAACnB;gBAAiBa,SAASA;gBAASY,SAAQ;;;;AAI5D,GACF"}
1	+ {"version":3,"sources":["../../../../../src/components/table/table-actions/TableHeaderActions.tsx"],"sourcesContent":["import {Factory, factory, Grid, GridColProps, Group, useProps} from '@mantine/core';\nimport {ReactElement, useMemo} from 'react';\n\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\nimport {TableActionsList} from './TableActionsList.js';\n\nexport type TableHeaderActionsStylesNames = 'headerActionsRoot' \| 'headerActionsGroup';\n\nexport interface TableHeaderActionsProps extends Omit<GridColProps, 'children'> {}\n\ntype TableHeaderActionsFactory = Factory<{\n props: TableHeaderActionsProps;\n ref: HTMLDivElement;\n stylesNames: TableHeaderActionsStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TableHeaderActionsProps> = {};\n\nexport const TableHeaderActions = factory<TableHeaderActionsFactory>(\n (props: TableHeaderActionsProps, ref): ReactElement => {\n const {store, getStyles, getRowActions} = useTableContext();\n const {style, className, classNames, styles, ...others} = useProps(\n 'PlasmaTableHeaderActions',\n defaultProps,\n props,\n );\n\n const actions = useMemo(() => {\n const selectedRows = store.getSelectedRows();\n if (selectedRows.length === 0) {\n return [];\n }\n return getRowActions(selectedRows);\n }, [store.state.rowSelection]);\n\n if (actions.length === 0) {\n return null;\n }\n\n const stylesApiProps = {classNames, styles};\n\n return (\n <Grid.Col\n span=\"content\"\n order={TableComponentsOrder.Actions}\n ref={ref}\n {...getStyles('headerActionsRoot', {className, style, ...stylesApiProps})}\n {...others}\n >\n <Group gap=\"xs\" {...getStyles('headerActionsGroup', stylesApiProps)}>\n <TableActionsList actions={actions} variant=\"split\" />\n </Group>\n </Grid.Col>\n );\n },\n);\n"],"names":["factory","Grid","Group","useProps","useMemo","TableComponentsOrder","useTableContext","TableActionsList","defaultProps","TableHeaderActions","props","ref","store","getStyles","getRowActions","style","className","classNames","styles","others","actions","selectedRows","getSelectedRows","length","state","rowSelection","stylesApiProps","Col","span","order","Actions","gap","variant"],"mappings":";AAAA,SAAiBA,OAAO,EAAEC,IAAI,EAAgBC,KAAK,EAAEC,QAAQ,QAAO,gBAAgB;AACpF,SAAsBC,OAAO,QAAO,QAAQ;AAE5C,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,eAAe,QAAO,qBAAqB;AACnD,SAAQC,gBAAgB,QAAO,wBAAwB;AAavD,MAAMC,eAAiD,CAAC;AAExD,OAAO,MAAMC,qBAAqBT,QAC9B,CAACU,OAAgCC;IAC7B,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAEC,aAAa,EAAC,GAAGR;IAC1C,MAAM,EAACS,KAAK,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAE,GAAGC,QAAO,GAAGhB,SACtD,4BACAK,cACAE;IAGJ,MAAMU,UAAUhB,QAAQ;QACpB,MAAMiB,eAAeT,MAAMU,eAAe;QAC1C,IAAID,aAAaE,MAAM,KAAK,GAAG;YAC3B,OAAO,EAAE;QACb;QACA,OAAOT,cAAcO;IACzB,GAAG;QAACT,MAAMY,KAAK,CAACC,YAAY;KAAC;IAE7B,IAAIL,QAAQG,MAAM,KAAK,GAAG;QACtB,OAAO;IACX;IAEA,MAAMG,iBAAiB;QAACT;QAAYC;IAAM;IAE1C,qBACI,KAACjB,KAAK0B,GAAG;QACLC,MAAK;QACLC,OAAOxB,qBAAqByB,OAAO;QACnCnB,KAAKA;QACJ,GAAGE,UAAU,qBAAqB;YAACG;YAAWD;YAAO,GAAGW,cAAc;QAAA,EAAE;QACxE,GAAGP,MAAM;kBAEV,cAAA,KAACjB;YAAM6B,KAAI;YAAM,GAAGlB,UAAU,sBAAsBa,eAAe;sBAC/D,cAAA,KAACnB;gBAAiBa,SAASA;gBAASY,SAAQ;;;;AAI5D,GACF"}

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

@@ -1,3 +1,3 @@
-export * from './TableActionItem';
-export * from './TableHeaderActions';
+export * from './TableActionItem.js';
+export * from './TableHeaderActions.js';
 //# sourceMappingURL=index.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/index.ts"],"names":[],"mappings":"AAAA,cAAc,~~mBAAmB~~,CAAC;~~AAClC~~,cAAc,~~sBAAsB~~,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC"}

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

@@ -1,4 +1,4 @@
-export * from './TableActionItem';
-export * from './TableHeaderActions';
+export * from './TableActionItem.js';
+export * from './TableHeaderActions.js';
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/table/table-actions/index.ts"],"sourcesContent":["export * from './TableActionItem';\nexport * from './TableHeaderActions';\n"],"names":[],"mappings":"AAAA,cAAc,~~oBAAoB~~;~~AAClC~~,cAAc,~~uBAAuB~~"}
1	+ {"version":3,"sources":["../../../../../src/components/table/table-actions/index.ts"],"sourcesContent":["export * from './TableActionItem.js';\nexport * from './TableHeaderActions.js';\n"],"names":[],"mappings":"AAAA,cAAc,uBAAuB;AACrC,cAAc,0BAA0B"}

package/dist/esm/components/table/table-column/TableActionsColumn.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { MoreSize16Px } from '@coveord/plasma-react-icons';
 import { useProps } from '@mantine/core';
-import { TableActionsList } from '../table-actions/TableActionsList';
-import { useTableContext } from '../TableContext';
+import { TableActionsList } from '../table-actions/TableActionsList.js';
+import { useTableContext } from '../TableContext.js';
 /**
  * Generic column to use when your table needs actions on rows
  */ export const TableActionsColumn = {

package/dist/esm/components/table/table-column/TableActionsColumn.js.map CHANGED Viewed

	@@ -1 +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';\nimport {useTableContext} from '../TableContext';\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":["MoreSize16Px","useProps","TableActionsList","useTableContext","TableActionsColumn","id","enableSorting","enableHiding","meta","controlColumn","header","size","cell","info","ActionsMenu","defaultProps","label","icon","height","props","getRowActions","others","actionsElements","row","original","actions","variant"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SAAQC,QAAQ,QAAO,gBAAgB;AAGvC,SAAQC,gBAAgB,QAA8B,~~oCAAoC~~;~~AAC1F~~,SAAQC,eAAe,QAAO,~~kBAAkB~~;~~AAEhD~~;;CAEC,GACD,OAAO,MAAMC,qBAAyC;IAClDC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;IACNC,MAAM,CAACC,qBAAS,KAACC;YAAYD,MAAMA;;AACvC,EAAE;AAMF,MAAME,eAAiD;IACnDC,OAAO;IACPC,oBAAM,KAACjB;QAAakB,QAAQ;;AAChC;AAEA,MAAMJ,cAA0D,CAACK;IAC7D,MAAM,EAACC,aAAa,EAAC,GAAGjB;IAExB,MAAM,EAACU,IAAI,EAAE,GAAGQ,QAAO,GAAGpB,SAAS,4BAA4Bc,cAAcI;IAE7E,MAAMG,kBAAkBF,cAAc;QAACP,KAAKU,GAAG,CAACC,QAAQ;KAAC;IACzD,qBAAO,KAACtB;QAAiBuB,SAASH;QAAiBI,SAAQ;QAAY,GAAGL,MAAM;;AACpF"}
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":["MoreSize16Px","useProps","TableActionsList","useTableContext","TableActionsColumn","id","enableSorting","enableHiding","meta","controlColumn","header","size","cell","info","ActionsMenu","defaultProps","label","icon","height","props","getRowActions","others","actionsElements","row","original","actions","variant"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SAAQC,QAAQ,QAAO,gBAAgB;AAGvC,SAAQC,gBAAgB,QAA8B,uCAAuC;AAC7F,SAAQC,eAAe,QAAO,qBAAqB;AAEnD;;CAEC,GACD,OAAO,MAAMC,qBAAyC;IAClDC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;IACNC,MAAM,CAACC,qBAAS,KAACC;YAAYD,MAAMA;;AACvC,EAAE;AAMF,MAAME,eAAiD;IACnDC,OAAO;IACPC,oBAAM,KAACjB;QAAakB,QAAQ;;AAChC;AAEA,MAAMJ,cAA0D,CAACK;IAC7D,MAAM,EAACC,aAAa,EAAC,GAAGjB;IAExB,MAAM,EAACU,IAAI,EAAE,GAAGQ,QAAO,GAAGpB,SAAS,4BAA4Bc,cAAcI;IAE7E,MAAMG,kBAAkBF,cAAc;QAACP,KAAKU,GAAG,CAACC,QAAQ;KAAC;IACzD,qBAAO,KAACtB;QAAiBuB,SAASH;QAAiBI,SAAQ;QAAY,GAAGL,MAAM;;AACpF"}

package/dist/esm/components/table/table-column/TableCollapsibleColumn.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { IconChevronDown, IconChevronUp } from '@coveord/plasma-react-icons';
 import { factory, useProps } from '@mantine/core';
-import { ActionIcon } from '../../action-icon';
-import { useTableContext } from '../TableContext';
+import { ActionIcon } from '../../action-icon/index.js';
+import { useTableContext } from '../TableContext.js';
 const sharedProps = {
     id: 'collapsible',
     enableSorting: false,

package/dist/esm/components/table/table-column/TableCollapsibleColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/table/table-column/TableCollapsibleColumn.tsx"],"sourcesContent":["import {IconChevronDown, IconChevronUp} from '@coveord/plasma-react-icons';\nimport {Factory, factory, useProps} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {MouseEvent as ReactMouseEvent, ReactNode} from 'react';\nimport {ActionIcon, ActionIconProps} from '../../action-icon';\nimport {useTableContext} from '../TableContext';\n\nexport type TableCollapsibleColumnStylesNames = 'collapsibleIcon';\n\nconst sharedProps: ColumnDef<unknown> = {\n id: 'collapsible',\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};\n\n/*\n Generic column to use when your table needs collapsible rows\n /\nexport const TableCollapsibleColumn: ColumnDef<unknown> = {\n ...sharedProps,\n cell: (info) => <CollapsibleIcon info={info} />,\n};\n\n/\n Generic column to use when your table needs an accordion (collapsible rows, but only one open at the time)\n */\nexport const TableAccordionColumn: ColumnDef<unknown> = {\n ...sharedProps,\n cell: (info) => {\n const onToggle = () => {\n // close all other rows when the current row not is expanded\n if (!info.row.getIsExpanded()) {\n info.table.toggleAllRowsExpanded(false);\n }\n };\n\n return <CollapsibleIcon onToggle={onToggle} info={info} />;\n },\n};\n\ninterface CollapsibleIconProps extends ActionIconProps {\n info: CellContext<unknown, unknown>;\n onToggle?: (e: ReactMouseEvent<HTMLButtonElement>) => void;\n iconExpanded?: ReactNode;\n iconCollapsed?: ReactNode;\n}\n\ntype TableCollapsibleColumnFactory = Factory<{\n props: CollapsibleIconProps;\n ref: HTMLButtonElement;\n stylesNames: TableCollapsibleColumnStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<CollapsibleIconProps> = {\n iconExpanded: <IconChevronUp aria-label=\"Collapse\" size={16} />,\n iconCollapsed: <IconChevronDown aria-label=\"Expand\" size={16} />,\n};\n\nconst CollapsibleIcon = factory<TableCollapsibleColumnFactory>((props, ref) => {\n const {getStyles} = useTableContext();\n const {info, onToggle, iconExpanded, iconCollapsed, classNames, className, style, styles, ...others} = useProps(\n 'PlasmaTableCollapsibleColumn',\n defaultProps,\n props,\n );\n const handler = info.row.getToggleExpandedHandler();\n const onClick = (e: ReactMouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n onToggle?.(e);\n handler();\n };\n return info.row.getCanExpand() ? (\n <ActionIcon.Quaternary\n ref={ref}\n onClick={onClick}\n color=\"gray\"\n radius=\"sm\"\n {...getStyles('collapsibleIcon', {className, classNames, styles, style})}\n {...others}\n >\n {info.row.getIsExpanded() ? iconExpanded : iconCollapsed}\n </ActionIcon.Quaternary>\n ) : null;\n});\n"],"names":["IconChevronDown","IconChevronUp","factory","useProps","ActionIcon","useTableContext","sharedProps","id","enableSorting","enableHiding","meta","controlColumn","header","size","TableCollapsibleColumn","cell","info","CollapsibleIcon","TableAccordionColumn","onToggle","row","getIsExpanded","table","toggleAllRowsExpanded","defaultProps","iconExpanded","aria-label","iconCollapsed","props","ref","getStyles","classNames","className","style","styles","others","handler","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","Quaternary","color","radius"],"mappings":";AAAA,SAAQA,eAAe,EAAEC,aAAa,QAAO,8BAA8B;AAC3E,SAAiBC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAGzD,SAAQC,UAAU,QAAwB,~~oBAAoB~~;~~AAC9D~~,SAAQC,eAAe,QAAO,~~kBAAkB~~;~~AAIhD~~,MAAMC,cAAkC;IACpCC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;AACV;AAEA;;CAEC,GACD,OAAO,MAAMC,yBAA6C;IACtD,GAAGR,WAAW;IACdS,MAAM,CAACC,qBAAS,KAACC;YAAgBD,MAAMA;;AAC3C,EAAE;AAEF;;CAEC,GACD,OAAO,MAAME,uBAA2C;IACpD,GAAGZ,WAAW;IACdS,MAAM,CAACC;QACH,MAAMG,WAAW;YACb,4DAA4D;YAC5D,IAAI,CAACH,KAAKI,GAAG,CAACC,aAAa,IAAI;gBAC3BL,KAAKM,KAAK,CAACC,qBAAqB,CAAC;YACrC;QACJ;QAEA,qBAAO,KAACN;YAAgBE,UAAUA;YAAUH,MAAMA;;IACtD;AACJ,EAAE;AAgBF,MAAMQ,eAA8C;IAChDC,4BAAc,KAACxB;QAAcyB,cAAW;QAAWb,MAAM;;IACzDc,6BAAe,KAAC3B;QAAgB0B,cAAW;QAASb,MAAM;;AAC9D;AAEA,MAAMI,kBAAkBf,QAAuC,CAAC0B,OAAOC;IACnE,MAAM,EAACC,SAAS,EAAC,GAAGzB;IACpB,MAAM,EAACW,IAAI,EAAEG,QAAQ,EAAEM,YAAY,EAAEE,aAAa,EAAEI,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGC,QAAO,GAAGhC,SACnG,gCACAqB,cACAI;IAEJ,MAAMQ,UAAUpB,KAAKI,GAAG,CAACiB,wBAAwB;IACjD,MAAMC,UAAU,CAACC;QACbA,EAAEC,eAAe;QACjBrB,WAAWoB;QACXH;IACJ;IACA,OAAOpB,KAAKI,GAAG,CAACqB,YAAY,mBACxB,KAACrC,WAAWsC,UAAU;QAClBb,KAAKA;QACLS,SAASA;QACTK,OAAM;QACNC,QAAO;QACN,GAAGd,UAAU,mBAAmB;YAACE;YAAWD;YAAYG;YAAQD;QAAK,EAAE;QACvE,GAAGE,MAAM;kBAETnB,KAAKI,GAAG,CAACC,aAAa,KAAKI,eAAeE;SAE/C;AACR"}
1	+ {"version":3,"sources":["../../../../../src/components/table/table-column/TableCollapsibleColumn.tsx"],"sourcesContent":["import {IconChevronDown, IconChevronUp} from '@coveord/plasma-react-icons';\nimport {Factory, factory, useProps} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {MouseEvent as ReactMouseEvent, ReactNode} from 'react';\nimport {ActionIcon, ActionIconProps} from '../../action-icon/index.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableCollapsibleColumnStylesNames = 'collapsibleIcon';\n\nconst sharedProps: ColumnDef<unknown> = {\n id: 'collapsible',\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};\n\n/*\n Generic column to use when your table needs collapsible rows\n /\nexport const TableCollapsibleColumn: ColumnDef<unknown> = {\n ...sharedProps,\n cell: (info) => <CollapsibleIcon info={info} />,\n};\n\n/\n Generic column to use when your table needs an accordion (collapsible rows, but only one open at the time)\n */\nexport const TableAccordionColumn: ColumnDef<unknown> = {\n ...sharedProps,\n cell: (info) => {\n const onToggle = () => {\n // close all other rows when the current row not is expanded\n if (!info.row.getIsExpanded()) {\n info.table.toggleAllRowsExpanded(false);\n }\n };\n\n return <CollapsibleIcon onToggle={onToggle} info={info} />;\n },\n};\n\ninterface CollapsibleIconProps extends ActionIconProps {\n info: CellContext<unknown, unknown>;\n onToggle?: (e: ReactMouseEvent<HTMLButtonElement>) => void;\n iconExpanded?: ReactNode;\n iconCollapsed?: ReactNode;\n}\n\ntype TableCollapsibleColumnFactory = Factory<{\n props: CollapsibleIconProps;\n ref: HTMLButtonElement;\n stylesNames: TableCollapsibleColumnStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<CollapsibleIconProps> = {\n iconExpanded: <IconChevronUp aria-label=\"Collapse\" size={16} />,\n iconCollapsed: <IconChevronDown aria-label=\"Expand\" size={16} />,\n};\n\nconst CollapsibleIcon = factory<TableCollapsibleColumnFactory>((props, ref) => {\n const {getStyles} = useTableContext();\n const {info, onToggle, iconExpanded, iconCollapsed, classNames, className, style, styles, ...others} = useProps(\n 'PlasmaTableCollapsibleColumn',\n defaultProps,\n props,\n );\n const handler = info.row.getToggleExpandedHandler();\n const onClick = (e: ReactMouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n onToggle?.(e);\n handler();\n };\n return info.row.getCanExpand() ? (\n <ActionIcon.Quaternary\n ref={ref}\n onClick={onClick}\n color=\"gray\"\n radius=\"sm\"\n {...getStyles('collapsibleIcon', {className, classNames, styles, style})}\n {...others}\n >\n {info.row.getIsExpanded() ? iconExpanded : iconCollapsed}\n </ActionIcon.Quaternary>\n ) : null;\n});\n"],"names":["IconChevronDown","IconChevronUp","factory","useProps","ActionIcon","useTableContext","sharedProps","id","enableSorting","enableHiding","meta","controlColumn","header","size","TableCollapsibleColumn","cell","info","CollapsibleIcon","TableAccordionColumn","onToggle","row","getIsExpanded","table","toggleAllRowsExpanded","defaultProps","iconExpanded","aria-label","iconCollapsed","props","ref","getStyles","classNames","className","style","styles","others","handler","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","Quaternary","color","radius"],"mappings":";AAAA,SAAQA,eAAe,EAAEC,aAAa,QAAO,8BAA8B;AAC3E,SAAiBC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAGzD,SAAQC,UAAU,QAAwB,6BAA6B;AACvE,SAAQC,eAAe,QAAO,qBAAqB;AAInD,MAAMC,cAAkC;IACpCC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;AACV;AAEA;;CAEC,GACD,OAAO,MAAMC,yBAA6C;IACtD,GAAGR,WAAW;IACdS,MAAM,CAACC,qBAAS,KAACC;YAAgBD,MAAMA;;AAC3C,EAAE;AAEF;;CAEC,GACD,OAAO,MAAME,uBAA2C;IACpD,GAAGZ,WAAW;IACdS,MAAM,CAACC;QACH,MAAMG,WAAW;YACb,4DAA4D;YAC5D,IAAI,CAACH,KAAKI,GAAG,CAACC,aAAa,IAAI;gBAC3BL,KAAKM,KAAK,CAACC,qBAAqB,CAAC;YACrC;QACJ;QAEA,qBAAO,KAACN;YAAgBE,UAAUA;YAAUH,MAAMA;;IACtD;AACJ,EAAE;AAgBF,MAAMQ,eAA8C;IAChDC,4BAAc,KAACxB;QAAcyB,cAAW;QAAWb,MAAM;;IACzDc,6BAAe,KAAC3B;QAAgB0B,cAAW;QAASb,MAAM;;AAC9D;AAEA,MAAMI,kBAAkBf,QAAuC,CAAC0B,OAAOC;IACnE,MAAM,EAACC,SAAS,EAAC,GAAGzB;IACpB,MAAM,EAACW,IAAI,EAAEG,QAAQ,EAAEM,YAAY,EAAEE,aAAa,EAAEI,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGC,QAAO,GAAGhC,SACnG,gCACAqB,cACAI;IAEJ,MAAMQ,UAAUpB,KAAKI,GAAG,CAACiB,wBAAwB;IACjD,MAAMC,UAAU,CAACC;QACbA,EAAEC,eAAe;QACjBrB,WAAWoB;QACXH;IACJ;IACA,OAAOpB,KAAKI,GAAG,CAACqB,YAAY,mBACxB,KAACrC,WAAWsC,UAAU;QAClBb,KAAKA;QACLS,SAASA;QACTK,OAAM;QACNC,QAAO;QACN,GAAGd,UAAU,mBAAmB;YAACE;YAAWD;YAAYG;YAAQD;QAAK,EAAE;QACvE,GAAGE,MAAM;kBAETnB,KAAKI,GAAG,CAACC,aAAa,KAAKI,eAAeE;SAE/C;AACR"}

package/dist/esm/components/table/table-columns-selector/TableColumnsSelector.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Button, Checkbox, Divider, factory, Grid, Popover, ScrollArea, Stack, Tooltip, useProps } from '@mantine/core';
 import { flexRender } from '@tanstack/react-table';
-import { TableComponentsOrder } from '../Table';
-import { useTableContext } from '../TableContext';
+import { TableComponentsOrder } from '../Table.js';
+import { useTableContext } from '../TableContext.js';
 const defaultProps = {
     label: 'Edit columns',
     buttonVariant: 'outline',

package/dist/esm/components/table/table-columns-selector/TableColumnsSelector.js.map CHANGED Viewed

	@@ -1 +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';\nimport {useTableContext} from '../TableContext';\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":["Button","Checkbox","Divider","factory","Grid","Popover","ScrollArea","Stack","Tooltip","useProps","flexRender","TableComponentsOrder","useTableContext","defaultProps","label","buttonVariant","limitReachedTooltip","alwaysVisibleTooltip","showVisibleCountLabel","TableColumnsSelector","props","ref","getStyles","maxSelectableColumns","footer","classNames","className","styles","style","vars","others","table","allColumns","getAllLeafColumns","filteredColumns","filter","column","columnDef","meta","controlColumn","selectedColumnsCount","getIsVisible","length","stylesApiProps","Col","span","order","ColumnsSelector","withinPortal","position","shadow","Target","variant","Dropdown","miw","Autosize","mah","map","alwaysVisible","getCanHide","isDisabled","disabled","div","header","name","id","checked","onChange","getToggleVisibilityHandler","mb","mt"],"mappings":";AAAA,SAEIA,MAAM,EACNC,QAAQ,EAERC,OAAO,EACPC,OAAO,EAEPC,IAAI,EACJC,OAAO,EACPC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,QAAQ,QACL,gBAAgB;AACvB,SAAQC,UAAU,QAAe,wBAAwB;AAEzD,SAAQC,oBAAoB,QAAO,~~WAAW~~;~~AAC9C~~,SAAQC,eAAe,QAAO,~~kBAAkB~~;~~AAgDhD~~,MAAMC,eAAmD;IACrDC,OAAO;IACPC,eAAe;IACfC,qBAAqB;IACrBC,sBAAsB;IACtBC,uBAAuB;AAC3B;AAEA,OAAO,MAAMC,uBAAuBhB,QAAqC,CAACiB,OAAOC;IAC7E,MAAM,EAACC,SAAS,EAAC,GAAGV;IACpB,MAAM,EACFE,KAAK,EACLC,aAAa,EACbG,qBAAqB,EACrBK,oBAAoB,EACpBC,MAAM,EACNR,mBAAmB,EACnBC,oBAAoB,EACpBQ,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,IAAI,EACJ,GAAGC,QACN,GAAGrB,SAAS,wBAAwBI,cAAcO;IACnD,MAAM,EAACW,KAAK,EAAC,GAAGnB;IAEhB,MAAMoB,aAAaD,MAAME,iBAAiB;IAE1C,MAAMC,kBAAkBF,WAAWG,MAAM,CAAC,CAACC,SAAW,CAACA,OAAOC,SAAS,CAACC,IAAI,EAAEC;IAC9E,MAAMC,uBAAuBN,gBAAgBC,MAAM,CAAC,CAACC,SAAWA,OAAOK,YAAY,IAAIC,MAAM;IAE7F,IAAIR,gBAAgBQ,MAAM,IAAI,GAAG;QAC7B,OAAO;IACX;IAEA,MAAMC,iBAAiB;QAAClB;QAAYE;IAAM;IAE1C,qBACI,KAACvB,KAAKwC,GAAG;QACLC,MAAK;QACLC,OAAOnC,qBAAqBoC,eAAe;QAC1C,GAAGzB,UAAU,kBAAkB;YAACI;YAAWE;YAAO,GAAGe,cAAc;QAAA,EAAE;QACrE,GAAGb,MAAM;kBAEV,cAAA,MAACzB;YAAQ2C,YAAY;YAACC,UAAS;YAASC,QAAO;;8BAC3C,KAAC7C,QAAQ8C,MAAM;8BACX,cAAA,MAACnD;wBAAOoD,SAASrC;;4BACZD;4BACAI,wBAAwB,CAAC,EAAE,EAAEsB,qBAAqB,CAAC,CAAC,GAAG;;;;8BAGhE,MAACnC,QAAQgD,QAAQ;oBAACC,KAAK;;sCACnB,KAAChD,WAAWiD,QAAQ;4BAACC,KAAK;sCACtB,cAAA,KAACjD;gCAAO,GAAGe,UAAU,yBAAyBqB,eAAe;0CACxDT,gBAAgBuB,GAAG,CAAC,CAACrB;oCAClB,MAAMsB,gBAAgB,CAACtB,OAAOuB,UAAU;oCACxC,MAAMC,aACF,AAACpB,wBAAwBjB,wBAAwB,CAACa,OAAOK,YAAY,MACrEiB;oCAEJ,qBACI,KAAClD;wCACGM,OAAO4C,gBAAgBzC,uBAAuBD;wCAC9C6C,UAAU,CAACD;wCACXX,UAAS;kDAGT,cAAA,KAACa;sDACG,cAAA,KAAC7D;gDAEGa,OAAOJ,WAAW0B,OAAOC,SAAS,CAAC0B,MAAM,EAAE;oDACvChC;oDACAK;oDACA2B,QAAQ;wDAAC3B;oDAAM;gDACnB;gDACA4B,MAAM5B,OAAO6B,EAAE;gDACfC,SAAS9B,OAAOK,YAAY,MAAMiB;gDAClCG,UAAUD;gDACVO,UAAU/B,OAAOgC,0BAA0B;+CATtChC,OAAO6B,EAAE;;uCAJjB7B,OAAO6B,EAAE;gCAkB1B;;;wBAGP1C,sCACG;;8CACI,KAACrB;oCAAQmE,IAAG;oCAAKC,IAAG;;gCACnB9C;;;;;;;;AAO7B,GAAG"}
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":["Button","Checkbox","Divider","factory","Grid","Popover","ScrollArea","Stack","Tooltip","useProps","flexRender","TableComponentsOrder","useTableContext","defaultProps","label","buttonVariant","limitReachedTooltip","alwaysVisibleTooltip","showVisibleCountLabel","TableColumnsSelector","props","ref","getStyles","maxSelectableColumns","footer","classNames","className","styles","style","vars","others","table","allColumns","getAllLeafColumns","filteredColumns","filter","column","columnDef","meta","controlColumn","selectedColumnsCount","getIsVisible","length","stylesApiProps","Col","span","order","ColumnsSelector","withinPortal","position","shadow","Target","variant","Dropdown","miw","Autosize","mah","map","alwaysVisible","getCanHide","isDisabled","disabled","div","header","name","id","checked","onChange","getToggleVisibilityHandler","mb","mt"],"mappings":";AAAA,SAEIA,MAAM,EACNC,QAAQ,EAERC,OAAO,EACPC,OAAO,EAEPC,IAAI,EACJC,OAAO,EACPC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,QAAQ,QACL,gBAAgB;AACvB,SAAQC,UAAU,QAAe,wBAAwB;AAEzD,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,eAAe,QAAO,qBAAqB;AAgDnD,MAAMC,eAAmD;IACrDC,OAAO;IACPC,eAAe;IACfC,qBAAqB;IACrBC,sBAAsB;IACtBC,uBAAuB;AAC3B;AAEA,OAAO,MAAMC,uBAAuBhB,QAAqC,CAACiB,OAAOC;IAC7E,MAAM,EAACC,SAAS,EAAC,GAAGV;IACpB,MAAM,EACFE,KAAK,EACLC,aAAa,EACbG,qBAAqB,EACrBK,oBAAoB,EACpBC,MAAM,EACNR,mBAAmB,EACnBC,oBAAoB,EACpBQ,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,IAAI,EACJ,GAAGC,QACN,GAAGrB,SAAS,wBAAwBI,cAAcO;IACnD,MAAM,EAACW,KAAK,EAAC,GAAGnB;IAEhB,MAAMoB,aAAaD,MAAME,iBAAiB;IAE1C,MAAMC,kBAAkBF,WAAWG,MAAM,CAAC,CAACC,SAAW,CAACA,OAAOC,SAAS,CAACC,IAAI,EAAEC;IAC9E,MAAMC,uBAAuBN,gBAAgBC,MAAM,CAAC,CAACC,SAAWA,OAAOK,YAAY,IAAIC,MAAM;IAE7F,IAAIR,gBAAgBQ,MAAM,IAAI,GAAG;QAC7B,OAAO;IACX;IAEA,MAAMC,iBAAiB;QAAClB;QAAYE;IAAM;IAE1C,qBACI,KAACvB,KAAKwC,GAAG;QACLC,MAAK;QACLC,OAAOnC,qBAAqBoC,eAAe;QAC1C,GAAGzB,UAAU,kBAAkB;YAACI;YAAWE;YAAO,GAAGe,cAAc;QAAA,EAAE;QACrE,GAAGb,MAAM;kBAEV,cAAA,MAACzB;YAAQ2C,YAAY;YAACC,UAAS;YAASC,QAAO;;8BAC3C,KAAC7C,QAAQ8C,MAAM;8BACX,cAAA,MAACnD;wBAAOoD,SAASrC;;4BACZD;4BACAI,wBAAwB,CAAC,EAAE,EAAEsB,qBAAqB,CAAC,CAAC,GAAG;;;;8BAGhE,MAACnC,QAAQgD,QAAQ;oBAACC,KAAK;;sCACnB,KAAChD,WAAWiD,QAAQ;4BAACC,KAAK;sCACtB,cAAA,KAACjD;gCAAO,GAAGe,UAAU,yBAAyBqB,eAAe;0CACxDT,gBAAgBuB,GAAG,CAAC,CAACrB;oCAClB,MAAMsB,gBAAgB,CAACtB,OAAOuB,UAAU;oCACxC,MAAMC,aACF,AAACpB,wBAAwBjB,wBAAwB,CAACa,OAAOK,YAAY,MACrEiB;oCAEJ,qBACI,KAAClD;wCACGM,OAAO4C,gBAAgBzC,uBAAuBD;wCAC9C6C,UAAU,CAACD;wCACXX,UAAS;kDAGT,cAAA,KAACa;sDACG,cAAA,KAAC7D;gDAEGa,OAAOJ,WAAW0B,OAAOC,SAAS,CAAC0B,MAAM,EAAE;oDACvChC;oDACAK;oDACA2B,QAAQ;wDAAC3B;oDAAM;gDACnB;gDACA4B,MAAM5B,OAAO6B,EAAE;gDACfC,SAAS9B,OAAOK,YAAY,MAAMiB;gDAClCG,UAAUD;gDACVO,UAAU/B,OAAOgC,0BAA0B;+CATtChC,OAAO6B,EAAE;;uCAJjB7B,OAAO6B,EAAE;gCAkB1B;;;wBAGP1C,sCACG;;8CACI,KAACrB;oCAAQmE,IAAG;oCAAKC,IAAG;;gCACnB9C;;;;;;;;AAO7B,GAAG"}

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
-import { DateRangePickerInlineCalendarProps, DateRangePickerPreset } from '../../date-range-picker';
+import { DateRangePickerInlineCalendarProps, DateRangePickerPreset } from '../../date-range-picker/index.js';
 export type TableDateRangePickerStylesNames = 'dateRangeRoot';
 export interface TableDateRangePickerProps extends BoxProps, CompoundStylesApiProps<TableDateRangePickerFactory>, Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'> {
     /**

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAA8C,MAAM,eAAe,CAAC;AAKrH,OAAO,EAEH,kCAAkC,EAClC,qBAAqB,EACxB,MAAM,~~yBAAyB~~,CAAC;~~AAIjC~~,MAAM,MAAM,+BAA+B,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,yBACb,SAAQ,QAAQ,EACZ,sBAAsB,CAAC,2BAA2B,CAAC,EACnD,IAAI,CAAC,kCAAkC,EAAE,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC;IAC9F;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD;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;AAMH,eAAO,MAAM,oBAAoB;WAVtB,yBAAyB;SAC3B,cAAc;iBACN,+BAA+B;cAClC,IAAI;EAiEhB,CAAC"}
1	+ {"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAA8C,MAAM,eAAe,CAAC;AAKrH,OAAO,EAEH,kCAAkC,EAClC,qBAAqB,EACxB,MAAM,kCAAkC,CAAC;AAI1C,MAAM,MAAM,+BAA+B,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,yBACb,SAAQ,QAAQ,EACZ,sBAAsB,CAAC,2BAA2B,CAAC,EACnD,IAAI,CAAC,kCAAkC,EAAE,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC;IAC9F;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD;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;AAMH,eAAO,MAAM,oBAAoB;WAVtB,yBAAyB;SAC3B,cAAc;iBACN,+BAA+B;cAClC,IAAI;EAiEhB,CAAC"}

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js CHANGED Viewed

@@ -3,9 +3,9 @@ import { CalendarSize16Px } from '@coveord/plasma-react-icons';
 import { factory, Grid, InputBase, Popover, useProps } from '@mantine/core';
 import dayjs from 'dayjs';
 import { useState } from 'react';
-import { DateRangePickerInlineCalendar } from '../../date-range-picker';
-import { TableComponentsOrder } from '../Table';
-import { useTableContext } from '../TableContext';
+import { DateRangePickerInlineCalendar } from '../../date-range-picker/index.js';
+import { TableComponentsOrder } from '../Table.js';
+import { useTableContext } from '../TableContext.js';
 const defaultProps = {
     presets: {}
 };