@coveord/plasma-mantine 56.1.3 → 56.1.5

package/dist/esm/components/table/table-per-page/TablePerPage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-per-page/TablePerPage.tsx"],"sourcesContent":["import {Group, SegmentedControl, Text} from '@mantine/core';\nimport {FunctionComponent, useMemo} from 'react';\n\nimport {useTableContext} from '../TableContext.js';\nimport {TablePerPageProps} from './TablePerPage.types';\n\nexport const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE: number} = ({\n    label = 'Results per page',\n    values = [25, 50, 100],\n    onPerPageChange,\n}) => {\n    const {store, table} = useTableContext();\n    const choices = useMemo(() => values.map((value) => value.toString()), [values]);\n\n    const updatePerPage = (newPerPage: string) => {\n        onPerPageChange?.(Number(newPerPage));\n        store.setPagination({pageIndex: 0, pageSize: parseInt(newPerPage, 10)});\n    };\n\n    return table.getPageCount() > 0 ? (\n        <Group gap=\"sm\">\n            <Text fw={500}>{label}</Text>\n            <SegmentedControl\n                value={store.state.pagination.pageSize.toString() ?? choices[1] ?? choices[0]}\n                onChange={updatePerPage}\n                data={choices}\n                size=\"sm\"\n            />\n        </Group>\n    ) : null;\n};\n\nTablePerPage.DEFAULT_SIZE = 50;\n"],"names":["Group","SegmentedControl","Text","useMemo","useTableContext","TablePerPage","label","values","onPerPageChange","store","table","choices","map","value","toString","updatePerPage","newPerPage","Number","setPagination","pageIndex","pageSize","parseInt","getPageCount","gap","fw","state","pagination","onChange","data","size","DEFAULT_SIZE"],"mappings":";AAAA,SAAQA,KAAK,EAAEC,gBAAgB,EAAEC,IAAI,QAAO,gBAAgB;AAC5D,SAA2BC,OAAO,QAAO,QAAQ;AAEjD,SAAQC,eAAe,QAAO,qBAAqB;AAGnD,OAAO,MAAMC,eAA8E,CAAC,EACxFC,QAAQ,kBAAkB,EAC1BC,SAAS;IAAC;IAAI;IAAI;CAAI,EACtBC,eAAe,EAClB;IACG,MAAM,EAACC,KAAK,EAAEC,KAAK,EAAC,GAAGN;IACvB,MAAMO,UAAUR,QAAQ,IAAMI,OAAOK,GAAG,CAAC,CAACC,QAAUA,MAAMC,QAAQ,KAAK;QAACP;KAAO;IAE/E,MAAMQ,gBAAgB,CAACC;QACnBR,kBAAkBS,OAAOD;QACzBP,MAAMS,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUC,SAASL,YAAY;QAAG;IACzE;IAEA,OAAON,MAAMY,YAAY,KAAK,kBAC1B,MAACtB;QAAMuB,KAAI;;0BACP,KAACrB;gBAAKsB,IAAI;0BAAMlB;;0BAChB,KAACL;gBACGY,OAAOJ,MAAMgB,KAAK,CAACC,UAAU,CAACN,QAAQ,CAACN,QAAQ,MAAMH,OAAO,CAAC,EAAE,IAAIA,OAAO,CAAC,EAAE;gBAC7EgB,UAAUZ;gBACVa,MAAMjB;gBACNkB,MAAK;;;SAGb;AACR,EAAE;AAEFxB,aAAayB,YAAY,GAAG"}
+{"version":3,"sources":["../../../../../src/components/table/table-per-page/TablePerPage.tsx"],"sourcesContent":["import {Group, SegmentedControl, Text} from '@mantine/core';\nimport {FunctionComponent, useMemo} from 'react';\n\nimport {useTableContext} from '../TableContext.js';\nimport {TablePerPageProps} from './TablePerPage.types.js';\n\nexport const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE: number} = ({\n    label = 'Results per page',\n    values = [25, 50, 100],\n    onPerPageChange,\n}) => {\n    const {store, table} = useTableContext();\n    const choices = useMemo(() => values.map((value) => value.toString()), [values]);\n\n    const updatePerPage = (newPerPage: string) => {\n        onPerPageChange?.(Number(newPerPage));\n        store.setPagination({pageIndex: 0, pageSize: parseInt(newPerPage, 10)});\n    };\n\n    return table.getPageCount() > 0 ? (\n        <Group gap=\"sm\">\n            <Text fw={500}>{label}</Text>\n            <SegmentedControl\n                value={store.state.pagination.pageSize.toString() ?? choices[1] ?? choices[0]}\n                onChange={updatePerPage}\n                data={choices}\n                size=\"sm\"\n            />\n        </Group>\n    ) : null;\n};\n\nTablePerPage.DEFAULT_SIZE = 50;\n"],"names":["Group","SegmentedControl","Text","useMemo","useTableContext","TablePerPage","label","values","onPerPageChange","store","table","choices","map","value","toString","updatePerPage","newPerPage","Number","setPagination","pageIndex","pageSize","parseInt","getPageCount","gap","fw","state","pagination","onChange","data","size","DEFAULT_SIZE"],"mappings":";AAAA,SAAQA,KAAK,EAAEC,gBAAgB,EAAEC,IAAI,QAAO,gBAAgB;AAC5D,SAA2BC,OAAO,QAAO,QAAQ;AAEjD,SAAQC,eAAe,QAAO,qBAAqB;AAGnD,OAAO,MAAMC,eAA8E,CAAC,EACxFC,QAAQ,kBAAkB,EAC1BC,SAAS;IAAC;IAAI;IAAI;CAAI,EACtBC,eAAe,EAClB;IACG,MAAM,EAACC,KAAK,EAAEC,KAAK,EAAC,GAAGN;IACvB,MAAMO,UAAUR,QAAQ,IAAMI,OAAOK,GAAG,CAAC,CAACC,QAAUA,MAAMC,QAAQ,KAAK;QAACP;KAAO;IAE/E,MAAMQ,gBAAgB,CAACC;QACnBR,kBAAkBS,OAAOD;QACzBP,MAAMS,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUC,SAASL,YAAY;QAAG;IACzE;IAEA,OAAON,MAAMY,YAAY,KAAK,kBAC1B,MAACtB;QAAMuB,KAAI;;0BACP,KAACrB;gBAAKsB,IAAI;0BAAMlB;;0BAChB,KAACL;gBACGY,OAAOJ,MAAMgB,KAAK,CAACC,UAAU,CAACN,QAAQ,CAACN,QAAQ,MAAMH,OAAO,CAAC,EAAE,IAAIA,OAAO,CAAC,EAAE;gBAC7EgB,UAAUZ;gBACVa,MAAMjB;gBACNkB,MAAK;;;SAGb;AACR,EAAE;AAEFxB,aAAayB,YAAY,GAAG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "56.1.3",
+  "version": "56.1.5",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -42,8 +42,8 @@
     "lodash.debounce": "4.0.8",
     "lodash.defaultsdeep": "4.6.1",
     "monaco-editor": "0.52.2",
-    "@coveord/plasma-tokens": "55.8.2",
-    "@coveord/plasma-react-icons": "56.1.3"
+    "@coveord/plasma-react-icons": "56.1.4",
+    "@coveord/plasma-tokens": "56.1.4"
   },
   "devDependencies": {
     "@mantine/carousel": "8.0.2",

package/src/components/header/Header.tsx

@@ -12,7 +12,7 @@ import {
     useStyles,
 } from '@mantine/core';
 import {Children, ElementType, ReactElement, ReactNode} from 'react';
-import {HeaderProvider} from './Header.context';
+import {HeaderProvider} from './Header.context.js';
 import classes from './Header.module.css';
 import {
     HeaderBreadcrumbAnchor,

package/src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx

@@ -1,5 +1,5 @@
 import {Anchor, type AnchorProps, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';
-import {useHeaderContext} from '../Header.context';
+import {useHeaderContext} from '../Header.context.js';
 
 export type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor';
 

package/src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx

@@ -1,5 +1,5 @@
 import {type PolymorphicFactory, polymorphicFactory, Text, type TextProps} from '@mantine/core';
-import {useHeaderContext} from '../Header.context';
+import {useHeaderContext} from '../Header.context.js';
 
 export type HeaderBreadcrumbTextStyleNames = 'breadcrumbText';
 

package/src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx

@@ -1,5 +1,5 @@
 import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';
-import {useHeaderContext} from '../Header.context';
+import {useHeaderContext} from '../Header.context.js';
 
 export type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';
 export interface HeaderBreadcrumbsProps

package/src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx

@@ -9,7 +9,7 @@ import {
     useProps,
 } from '@mantine/core';
 import {ReactNode} from 'react';
-import {useHeaderContext} from '../Header.context';
+import {useHeaderContext} from '../Header.context.js';
 import {InfoToken} from '../../info-token/index.js';
 
 export type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';

package/src/components/header/HeaderRight/HeaderRight.tsx

@@ -1,6 +1,6 @@
 import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';
 import {ReactNode} from 'react';
-import {useHeaderContext} from '../Header.context';
+import {useHeaderContext} from '../Header.context.js';
 
 export type HeaderRightStyleNames = 'right';
 

package/src/components/prompt/Prompt.tsx

@@ -11,7 +11,7 @@ import {
 } from '@mantine/core';
 import {Children, ComponentType, ReactElement, ReactNode} from 'react';
 import {Modal} from '../modal/index.js';
-import {PromptContextProvider} from './Prompt.context';
+import {PromptContextProvider} from './Prompt.context.js';
 import classes from './Prompt.module.css';
 import {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton.js';
 import {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton.js';

package/src/components/prompt/PromptCancelButton.tsx

@@ -1,6 +1,6 @@
 import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';
 import {Button, ButtonProps} from '../button/Button.js';
-import {usePromptContext} from './Prompt.context';
+import {usePromptContext} from './Prompt.context.js';
 
 export type PromptCancelButtonStylesNamesVariant = 'cancel';
 

package/src/components/prompt/PromptConfirmButton.tsx

@@ -2,7 +2,7 @@ import {CompoundStylesApiProps, factory, Factory, PolymorphicComponentProps, use
 import {JSXElementConstructor, ReactElement} from 'react';
 import {Button, ButtonProps} from '../button/Button.js';
 import {PromptVariant} from './Prompt.js';
-import {usePromptContext} from './Prompt.context';
+import {usePromptContext} from './Prompt.context.js';
 
 export type PromptConfirmButtonStylesNamesVariant = 'confirm';
 

package/src/components/table/Table.tsx

@@ -12,7 +12,7 @@ import isEqual from 'fast-deep-equal';
 import {Children, ForwardedRef, ReactElement, useEffect, useRef} from 'react';
 import {CustomComponentThemeExtend, identity} from '../../utils/index.js';
 import classes from './Table.module.css';
-import {TableLayout, TableProps} from './Table.types';
+import {TableLayout, TableProps} from './Table.types.js';
 import {TableProvider} from './TableContext.js';
 import {TableLayouts} from './layouts/TableLayouts.js';
 import {TableActionItem, TableActionItemStylesNames, TableHeaderActionsStylesNames} from './table-actions/index.js';

package/src/components/table/TableContext.tsx

@@ -2,7 +2,7 @@ import {createSafeContext, GetStylesApi} from '@mantine/core';
 import {Table} from '@tanstack/table-core';
 import {MutableRefObject, ReactElement} from 'react';
 import {type PlasmaTableFactory} from './Table.js';
-import {TableAction, TableLayout} from './Table.types';
+import {TableAction, TableLayout} from './Table.types.js';
 import {TableStore} from './use-table.js';
 
 export interface TableContextValue<TData = unknown> {

package/src/components/table/__tests__/Table.spec.tsx

@@ -3,7 +3,7 @@ import {render, screen, userEvent, within} from '@test-utils';
 
 import {useState} from 'react';
 import {Table} from '../Table.js';
-import {TableLayout} from '../Table.types';
+import {TableLayout} from '../Table.types.js';
 import {useTable} from '../use-table.js';
 
 type RowData = {id: string; firstName: string; lastName?: string};

package/src/components/table/index.ts

@@ -1,7 +1,7 @@
 export {flexRender as renderTableCell} from '@tanstack/react-table';
 export * from './Table.js';
 export {type TablePredicateProps} from './table-predicate/TablePredicate.js';
-export {type TableAction, type TableLayout, type TableLayoutProps, type TableProps} from './Table.types';
+export {type TableAction, type TableLayout, type TableLayoutProps, type TableProps} from './Table.types.js';
 export {useTableContext} from './TableContext.js';
 export {useTable, type TableState, type TableStore, type UseTableOptions} from './use-table.js';
 export {useUrlSyncedState, type UseUrlSyncedStateOptions, type SearchParamEntry} from './use-url-synced-state.js';

package/src/components/table/layouts/row-layout/RowLayout.tsx

@@ -2,7 +2,7 @@ import {IconList} from '@coveord/plasma-react-icons';
 import {Factory, MantineComponent, StylesApiProps, useProps, useStyles} from '@mantine/core';
 import {ReactNode} from 'react';
 import {identity} from '../../../../utils/index.js';
-import {TableLayout} from '../../Table.types';
+import {TableLayout} from '../../Table.types.js';
 import classes from './RowLayout.module.css';
 import {RowLayoutBody, RowLayoutBodyStylesNames} from './RowLayoutBody.js';
 import {RowLayoutProvider} from './RowLayoutContext.js';

package/src/components/table/layouts/row-layout/RowLayoutBody.tsx

@@ -3,7 +3,7 @@ import {flexRender} from '@tanstack/react-table';
 import {defaultColumnSizing} from '@tanstack/table-core';
 import {ForwardedRef, Fragment, type MouseEvent} from 'react';
 import {CustomComponentThemeExtend, identity} from '../../../../utils/index.js';
-import {TableLayoutProps} from '../../Table.types';
+import {TableLayoutProps} from '../../Table.types.js';
 import {useTableContext} from '../../TableContext.js';
 import {TableCollapsibleColumn} from '../../table-column/TableCollapsibleColumn.js';
 import {TableSelectableColumn} from '../../table-column/TableSelectableColumn.js';

package/src/components/table/layouts/row-layout/RowLayoutHeader.tsx

@@ -1,7 +1,7 @@
 import {BoxProps, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';
 import {ForwardedRef} from 'react';
 import {CustomComponentThemeExtend, identity} from '../../../../utils/index.js';
-import {TableLayoutProps} from '../../Table.types';
+import {TableLayoutProps} from '../../Table.types.js';
 import {useTableContext} from '../../TableContext.js';
 import {Th} from '../../table-header/Th.js';
 import {RowLayoutBodyFactory} from './RowLayoutBody.js';

package/src/components/table/table-actions/TableActionsList.tsx

@@ -14,7 +14,7 @@ import {MouseEventHandler, ReactNode, useState} from 'react';
 import {ActionIcon} from '../../action-icon/index.js';
 import {Button} from '../../button/index.js';
 import {InlineConfirm} from '../../inline-confirm/index.js';
-import {TableAction} from '../Table.types';
+import {TableAction} from '../Table.types.js';
 import {useTableContext} from '../TableContext.js';
 import {TableActionProvider} from './TableActionContext.js';
 

package/src/components/table/table-pagination/TablePagination.tsx

@@ -2,7 +2,7 @@ import {Pagination} from '@mantine/core';
 import {useDidUpdate} from '@mantine/hooks';
 import {FunctionComponent} from 'react';
 
-import {TablePaginationProps} from './TablePagination.types';
+import {TablePaginationProps} from './TablePagination.types.js';
 import {useTableContext} from '../TableContext.js';
 
 export const TablePagination: FunctionComponent<TablePaginationProps> = ({onPageChange}) => {

package/src/components/table/table-per-page/TablePerPage.tsx

@@ -2,7 +2,7 @@ import {Group, SegmentedControl, Text} from '@mantine/core';
 import {FunctionComponent, useMemo} from 'react';
 
 import {useTableContext} from '../TableContext.js';
-import {TablePerPageProps} from './TablePerPage.types';
+import {TablePerPageProps} from './TablePerPage.types.js';
 
 export const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE: number} = ({
     label = 'Results per page',