@coveord/plasma-mantine 52.3.0 → 52.4.0

package/dist/esm/components/table/TableFooter.d.ts

@@ -0,0 +1,8 @@
+import { DefaultProps } from '@mantine/core';
+import { FunctionComponent, ReactNode } from 'react';
+interface TableFooterProps extends DefaultProps {
+    children?: ReactNode;
+}
+export declare const TableFooter: FunctionComponent<TableFooterProps>;
+export {};
+//# sourceMappingURL=TableFooter.d.ts.map

package/dist/esm/components/table/TableFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,YAAY,EAAC,MAAM,eAAe,CAAC;AAClD,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEnD,UAAU,gBAAiB,SAAQ,YAAY;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AACD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAI3D,CAAC"}

package/dist/esm/components/table/TableHeader.d.ts

@@ -0,0 +1,17 @@
+import { DefaultProps, Selectors } from '@mantine/core';
+import { FunctionComponent, ReactNode } from 'react';
+declare const useStyles: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        multiSelectInfo: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+type TableHeaderStylesNames = Selectors<typeof useStyles>;
+interface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {
+    children?: ReactNode;
+}
+export declare const TableHeader: FunctionComponent<TableHeaderProps>;
+export {};
+//# sourceMappingURL=TableHeader.d.ts.map

package/dist/esm/components/table/TableHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,YAAY,EAAQ,SAAS,EAAU,MAAM,eAAe,CAAC;AACnF,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAMnD,QAAA,MAAM,SAAS;;;;;;;CAUZ,CAAC;AAEJ,KAAK,sBAAsB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAC1D,UAAU,gBAAiB,SAAQ,YAAY,CAAC,sBAAsB,CAAC;IAEnE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AACD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAuC3D,CAAC"}

package/dist/esm/components/table/TablePagination.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent } from 'react';
+interface TablePaginationProps {
+    /**
+     * The total number of page. Use null only if your table is paginated client side
+     */
+    totalPages: number | null;
+}
+export declare const TablePagination: FunctionComponent<TablePaginationProps>;
+export {};
+//# sourceMappingURL=TablePagination.d.ts.map

package/dist/esm/components/table/TablePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAIxC,UAAU,oBAAoB;IAC1B;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAkCnE,CAAC"}

package/dist/esm/components/table/TablePerPage.d.ts

@@ -0,0 +1,20 @@
+import { FunctionComponent } from 'react';
+interface TablePerPageProps {
+    /**
+     * The label displayed before the control
+     *
+     * @default Results per page
+     */
+    label?: string;
+    /**
+     * The per page choices to display
+     *
+     * @default [25, 50, 100]
+     */
+    values?: number[];
+}
+export declare const TablePerPage: FunctionComponent<TablePerPageProps> & {
+    DEFAULT_SIZE: number;
+};
+export {};
+//# sourceMappingURL=TablePerPage.d.ts.map

package/dist/esm/components/table/TablePerPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePerPage.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TablePerPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAIxC,UAAU,iBAAiB;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG;IAAC,YAAY,EAAE,MAAM,CAAA;CAyBtF,CAAC"}

package/dist/esm/components/table/TablePredicate.d.ts

@@ -0,0 +1,21 @@
+import { SelectItem } from '@mantine/core';
+import { FunctionComponent } from 'react';
+interface TablePredicateProps {
+    /**
+     * Unique identifier for this predicate. Will be used to access the selected value in the table state
+     */
+    id: string;
+    /**
+     * The values to display in the predicate
+     */
+    data: SelectItem[];
+    /**
+     * Input label (not displayed for now)
+     *
+     * @default default to the predicate id
+     */
+    label?: string;
+}
+export declare const TablePredicate: FunctionComponent<TablePredicateProps>;
+export {};
+//# sourceMappingURL=TablePredicate.d.ts.map

package/dist/esm/components/table/TablePredicate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePredicate.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TablePredicate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,UAAU,EAAO,MAAM,eAAe,CAAC;AACpE,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAKxC,UAAU,mBAAmB;IACzB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAuBjE,CAAC"}

package/dist/esm/components/table/TableSelectableColumn.d.ts

@@ -0,0 +1,6 @@
+import { ColumnDef } from '@tanstack/table-core';
+/**
+ * Generic column to use when your table needs multi selection of rows
+ */
+export declare const TableSelectableColumn: ColumnDef<unknown>;
+//# sourceMappingURL=TableSelectableColumn.d.ts.map

package/dist/esm/components/table/TableSelectableColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSelectableColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableSelectableColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,SAAS,CAAC,OAAO,CA0BpD,CAAC"}

package/dist/esm/components/table/Th.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Header } from '@tanstack/react-table';
+interface ThProps<T> {
+    header: Header<T, unknown>;
+}
+export declare const Th: <T>({ header }: ThProps<T>) => JSX.Element;
+export {};
+//# sourceMappingURL=Th.d.ts.map

package/dist/esm/components/table/Th.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Th.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkC,MAAM,EAAC,MAAM,uBAAuB,CAAC;AAqB9E,UAAU,OAAO,CAAC,CAAC;IACf,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;CAC9B;AAcD,eAAO,MAAM,EAAE,4CAmCd,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './Table';
+export { useTable } from './TableContext';
+export { type onTableChangeEvent, type InitialTableState, type TableState, type TableProps } from './Table.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAC,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/table/useRowSelection.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Table } from '@tanstack/table-core';
+import { TableProps } from './Table.types';
+export declare const useRowSelection: <T>(table: Table<T>, { onRowSelectionChange, multiRowSelectionEnabled, }: Pick<TableProps<T>, "multiRowSelectionEnabled" | "onRowSelectionChange">) => {
+    clearSelection: () => void;
+    getSelectedRow: () => T;
+    getSelectedRows: () => T[];
+    outsideClickRef: import("react").MutableRefObject<any>;
+};
+//# sourceMappingURL=useRowSelection.d.ts.map

package/dist/esm/components/table/useRowSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowSelection.d.ts","sourceRoot":"","sources":["../../../../src/components/table/useRowSelection.ts"],"names":[],"mappings":";AACA,OAAO,EAAsC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAGhF,OAAO,EAAuB,UAAU,EAAa,MAAM,eAAe,CAAC;AAE3E,eAAO,MAAM,eAAe;;;;;CA0D3B,CAAC"}

package/dist/esm/form/FormProvider.d.ts

@@ -0,0 +1,8 @@
+import { _TransformValues, UseForm, UseFormReturnType } from '@mantine/form/lib/types';
+import React from 'react';
+export interface FormProviderProps<Form> {
+    form: Form;
+    children: React.ReactNode;
+}
+export declare function createFormContext<Values, TransformValues extends _TransformValues<Values> = (values: Values) => Values>(): [React.FC<FormProviderProps<UseFormReturnType<Values, TransformValues>>>, () => UseFormReturnType<Values, TransformValues>, UseForm<Values, TransformValues>];
+//# sourceMappingURL=FormProvider.d.ts.map

package/dist/esm/form/FormProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormProvider.d.ts","sourceRoot":"","sources":["../../../src/form/FormProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,gBAAgB,EAAE,OAAO,EAAE,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AACrF,OAAO,KAAkC,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,iBAAiB,CAAC,IAAI;IACnC,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,wBAAgB,iBAAiB,CAC7B,MAAM,EACN,eAAe,SAAS,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,mKAwBhF"}

package/dist/esm/form/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useForm';
+export * from './FormProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC"}

package/dist/esm/form/useForm.d.ts

@@ -0,0 +1,3 @@
+import { useForm as useMantineForm } from '@mantine/form';
+export declare const useForm: typeof useMantineForm;
+//# sourceMappingURL=useForm.d.ts.map

package/dist/esm/form/useForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../../src/form/useForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,eAAe,CAAC;AAGxD,eAAO,MAAM,OAAO,EAAE,OAAO,cAsB5B,CAAC"}

package/dist/esm/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useParentHeight';
+export * from './useControlledList';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}

package/dist/esm/hooks/useControlledList.d.ts

@@ -0,0 +1,25 @@
+interface UseControlledList<T> {
+    /** Initial value for uncontrolled state */
+    defaultValue?: T[];
+    /** Value for controlled state */
+    value?: T[];
+    /** Controlled state onChange handler */
+    onChange?: (values: T[]) => void;
+}
+interface ListHandlers<T> {
+    /** Appends the item at the end of the list */
+    append: (item: T) => void;
+    /** Removes the item at the index from the list */
+    remove: (index: number) => void;
+    /** Moves the item at the "from" position to another position within the list  */
+    reorder: ({ from, to }: {
+        from: number;
+        to: number;
+    }) => void;
+}
+/**
+ * Manage a list of items in a controlled fashion, to be used with inputs
+ */
+export declare const useControlledList: <T>({ defaultValue, value, onChange }: UseControlledList<T>) => [T[], ListHandlers<T>];
+export {};
+//# sourceMappingURL=useControlledList.d.ts.map

package/dist/esm/hooks/useControlledList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledList.d.ts","sourceRoot":"","sources":["../../../src/hooks/useControlledList.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB,CAAC,CAAC;IACzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAY,CAAC,CAAC;IACpB,8CAA8C;IAC9C,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,kDAAkD;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iFAAiF;IACjF,OAAO,EAAE,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,wFA6B7B,CAAC"}

package/dist/esm/hooks/useParentHeight.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Computes the available height of the parent element on mount
+ */
+export declare const useParentHeight: () => [number, React.MutableRefObject<HTMLDivElement>];
+//# sourceMappingURL=useParentHeight.d.ts.map

package/dist/esm/hooks/useParentHeight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParentHeight.d.ts","sourceRoot":"","sources":["../../../src/hooks/useParentHeight.ts"],"names":[],"mappings":"AAUA;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,CAAC,MAAM,EAAE,MAAM,gBAAgB,CAAC,cAAc,CAAC,CAWjF,CAAC"}

package/dist/esm/index.d.ts

@@ -0,0 +1,21 @@
+import { Tuple } from '@mantine/core';
+import { PlasmaColors } from './theme/PlasmaColors';
+export * from '@mantine/notifications';
+export * from '@mantine/carousel';
+export * from '@mantine/core';
+export type { FormValidateInput } from '@mantine/form/lib/types';
+export * from '@mantine/hooks';
+export * from '@tanstack/table-core';
+export * from './components';
+export * from '@mantine/form';
+export { type NotificationProps } from '@mantine/notifications';
+export { Pagination } from '@mantine/core';
+export { Header, type HeaderProps, Table, type TableProps, type TableState, type InitialTableState, Button, type ButtonProps, Menu, type MenuItemProps, CopyToClipboard, type CopyToClipboardProps, } from './components';
+export { useForm, createFormContext } from './form';
+export * from './theme';
+declare module '@mantine/core' {
+    interface MantineThemeColorsOverride {
+        colors: Record<keyof typeof PlasmaColors | (string & {}), Tuple<string, 10>>;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAElD,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC,OAAO,EACH,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,EACL,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,MAAM,EACN,KAAK,WAAW,EAChB,IAAI,EACJ,KAAK,aAAa,EAClB,eAAe,EACf,KAAK,oBAAoB,GAC5B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAElD,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QAEvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;KAChF;CACJ"}

package/dist/esm/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/dist/esm/theme/PlasmaColors.d.ts

@@ -0,0 +1,19 @@
+export declare const PlasmaColors: {
+    gray: [string, string, string, string, string, string, string, string, string, string];
+    action: [string, string, string, string, string, string, string, string, string, string];
+    navy: [string, string, string, string, string, string, string, string, string, string];
+    info: [string, string, string, string, string, string, string, string, string, string];
+    blue: [string, string, string, string, string, string, string, string, string, string];
+    red: [string, string, string, string, string, string, string, string, string, string];
+    critical: [string, string, string, string, string, string, string, string, string, string];
+    teal: [string, string, string, string, string, string, string, string, string, string];
+    new: [string, string, string, string, string, string, string, string, string, string];
+    yellow: [string, string, string, string, string, string, string, string, string, string];
+    warning: [string, string, string, string, string, string, string, string, string, string];
+    green: [string, string, string, string, string, string, string, string, string, string];
+    indigo: [string, string, string, string, string, string, string, string, string, string];
+    lime: [string, string, string, string, string, string, string, string, string, string];
+    success: [string, string, string, string, string, string, string, string, string, string];
+    purple: [string, string, string, string, string, string, string, string, string, string];
+};
+//# sourceMappingURL=PlasmaColors.d.ts.map

package/dist/esm/theme/PlasmaColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlasmaColors.d.ts","sourceRoot":"","sources":["../../../src/theme/PlasmaColors.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;CA+BxB,CAAC"}

package/dist/esm/theme/Plasmantine.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent, PropsWithChildren } from 'react';
+export declare const Plasmantine: FunctionComponent<PropsWithChildren>;
+//# sourceMappingURL=Plasmantine.d.ts.map

package/dist/esm/theme/Plasmantine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plasmantine.d.ts","sourceRoot":"","sources":["../../../src/theme/Plasmantine.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAI3D,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAI5D,CAAC"}

package/dist/esm/theme/Theme.d.ts

@@ -0,0 +1,3 @@
+import { MantineThemeOverride } from '@mantine/core';
+export declare const plasmaTheme: MantineThemeOverride;
+//# sourceMappingURL=Theme.d.ts.map

package/dist/esm/theme/Theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,oBAAoB,EAAyB,MAAM,eAAe,CAAC;AAIpF,eAAO,MAAM,WAAW,EAAE,oBAyQzB,CAAC"}

package/dist/esm/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Plasmantine';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/esm/utils/createPolymorphicComponent.d.ts

@@ -0,0 +1,3 @@
+import { createPolymorphicComponent as mantineCreatePolymorphicComponent } from '@mantine/utils';
+export declare const createPolymorphicComponent: typeof mantineCreatePolymorphicComponent;
+//# sourceMappingURL=createPolymorphicComponent.d.ts.map

package/dist/esm/utils/createPolymorphicComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPolymorphicComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/createPolymorphicComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,0BAA0B,IAAI,iCAAiC,EAAC,MAAM,gBAAgB,CAAC;AAO/F,eAAO,MAAM,0BAA0B,0CAAoC,CAAC"}

package/dist/esm/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './createPolymorphicComponent';
+export * from './overrideComponent';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC"}

package/dist/esm/utils/overrideComponent.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Allows to override static properties from a component function
+ *
+ * @param component The component which holds the static properties
+ * @param properties The new static properties to assign on the component
+ * @returns A new component with the specified properties. It doesn't change the original component
+ * @example const Menu = overrideComponent(MantineMenu, {Item: MyMenuItem}); // Menu.Item will equal MyMenuItem
+ */
+export declare const overrideComponent: <Component extends (...args: Parameters<Component>) => ReturnType<Component>, StaticProperties = Record<keyof Component, never>>(component: Component, properties: StaticProperties) => ((...args: Parameters<Component>) => ReturnType<Component>) & Component & StaticProperties;
+//# sourceMappingURL=overrideComponent.d.ts.map

package/dist/esm/utils/overrideComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overrideComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/overrideComponent.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,oRAS7B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "52.3.0",
+  "version": "52.4.0",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -8,54 +8,69 @@
     "components",
     "coveo"
   ],
+  "bugs": {
+    "url": "https://github.com/coveo/plasma/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/coveo/plasma.git",
+    "directory": "packages/mantine"
+  },
   "license": "Apache-2.0",
   "author": "Coveo",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "import": "./dist/esm/index.js"
+    }
+  },
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
-  "types": "./dist/definitions/index.d.ts",
   "dependencies": {
-    "@mantine/utils": "6.0.6",
+    "@dnd-kit/core": "6.0.8",
+    "@dnd-kit/modifiers": "6.0.1",
+    "@dnd-kit/sortable": "7.0.2",
+    "@dnd-kit/utilities": "3.2.1",
+    "@mantine/utils": "6.0.9",
     "@monaco-editor/react": "4.5.0",
-    "@swc/helpers": "0.5.0",
+    "@swc/helpers": "0.5.1",
     "@tanstack/react-table": "8.8.5",
     "@tanstack/table-core": "8.8.5",
     "dayjs": "1.11.7",
     "fast-deep-equal": "3.1.3",
     "lodash.debounce": "4.0.8",
     "lodash.defaultsdeep": "4.6.1",
-    "monaco-editor": "0.34.0",
-    "react-beautiful-dnd": "13.1.1",
-    "@coveord/plasma-react-icons": "52.2.0",
-    "@coveord/plasma-tokens": "52.0.0"
+    "monaco-editor": "0.37.1",
+    "@coveord/plasma-react-icons": "52.4.0",
+    "@coveord/plasma-tokens": "52.4.0"
   },
   "devDependencies": {
     "@emotion/react": "11.10.6",
-    "@mantine/carousel": "6.0.6",
-    "@mantine/core": "6.0.6",
-    "@mantine/dates": "6.0.6",
-    "@mantine/form": "6.0.6",
-    "@mantine/hooks": "6.0.6",
-    "@mantine/modals": "6.0.6",
-    "@mantine/notifications": "6.0.6",
+    "@mantine/carousel": "6.0.9",
+    "@mantine/core": "6.0.9",
+    "@mantine/dates": "6.0.9",
+    "@mantine/form": "6.0.9",
+    "@mantine/hooks": "6.0.9",
+    "@mantine/modals": "6.0.9",
+    "@mantine/notifications": "6.0.9",
     "@swc/cli": "0.1.62",
-    "@swc/core": "1.3.49",
-    "@swc/jest": "0.2.24",
-    "@testing-library/dom": "8.18.1",
+    "@swc/core": "1.3.55",
+    "@swc/jest": "0.2.26",
+    "@testing-library/dom": "8.20.0",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.4.0",
     "@testing-library/user-event": "14.4.3",
     "@types/jest": "29.1.2",
     "@types/lodash.debounce": "^4.0.7",
     "@types/lodash.defaultsdeep": "4.6.7",
-    "@types/react": "18.0.34",
-    "@types/react-beautiful-dnd": "13.1.4",
-    "@types/react-dom": "18.0.11",
+    "@types/react": "18.2.0",
+    "@types/react-dom": "18.2.1",
     "@types/testing-library__jest-dom": "5.14.5",
     "csstype": "3.1.2",
     "embla-carousel-react": "7.1.0",
-    "eslint-plugin-testing-library": "5.7.2",
-    "eslint-plugin-vitest": "0.0.57",
-    "eslint-plugin-vitest-globals": "1.2.0",
+    "eslint-plugin-testing-library": "5.10.3",
+    "eslint-plugin-vitest": "0.1.4",
+    "eslint-plugin-vitest-globals": "1.3.1",
     "identity-obj-proxy": "3.0.0",
     "jest": "29.2.1",
     "jest-environment-jsdom": "29.1.2",
@@ -66,7 +81,7 @@
     "rimraf": "3.0.2",
     "tslib": "2.5.0",
     "typescript": "5.0.3",
-    "vitest": "0.28.3"
+    "vitest": "0.30.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.10.0",

package/src/__tests__/VitestSetup.ts

@@ -1,5 +1,6 @@
 import matchers, {TestingLibraryMatchers} from '@testing-library/jest-dom/matchers';
 import {cleanup} from '@testing-library/react';
+
 declare global {
     namespace Vi {
         interface JestAssertion<T = any> extends jest.Matchers<void, T>, TestingLibraryMatchers<T, void> {}

package/src/components/collection/Collection.styles.ts

@@ -3,12 +3,18 @@ import {createStyles} from '@mantine/core';
 export interface CollectionStylesParams {}
 
 export default createStyles((theme) => ({
-    root: {},
+    root: {
+        position: 'relative',
+    },
     item: {
         backgroundColor: theme.colorScheme === 'light' ? theme.white : theme.black,
         alignItems: 'baseline',
     },
     itemDragging: {
-        boxShadow: theme.shadows.sm,
+        boxShadow: theme.shadows.md,
+        zIndex: 2,
+    },
+    dragHandle: {
+        cursor: 'move',
     },
 }));

package/src/components/collection/Collection.tsx

@@ -1,4 +1,7 @@
 import {AddSize16Px} from '@coveord/plasma-react-icons';
+import {DndContext, DragEndEvent, KeyboardSensor, PointerSensor, useSensor, useSensors} from '@dnd-kit/core';
+import {restrictToParentElement, restrictToVerticalAxis} from '@dnd-kit/modifiers';
+import {SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy} from '@dnd-kit/sortable';
 import {
     Box,
     DefaultProps,
@@ -13,8 +16,7 @@ import {
 } from '@mantine/core';
 import {ReorderPayload} from '@mantine/form/lib/types';
 import {useDidUpdate} from '@mantine/hooks';
-import {ReactNode, useId} from 'react';
-import {DragDropContext, Droppable} from 'react-beautiful-dnd';
+import {ReactNode} from 'react';
 
 import {Button} from '../button';
 import useStyles from './Collection.styles';
@@ -131,6 +133,7 @@ const defaultProps: Partial<CollectionProps<unknown>> = {
     disabled: false,
     spacing: 'xs',
     required: false,
+    getItemId: ({id}: any) => id,
 };
 
 export const Collection = <T,>(props: CollectionProps<T>) => {
@@ -167,7 +170,12 @@ export const Collection = <T,>(props: CollectionProps<T>) => {
         ...others
     } = useComponentDefaultProps('Collection', defaultProps as CollectionProps<T>, props);
     const {classes, cx} = useStyles(null, {classNames, name: 'Collection', styles, unstyled});
-    const collectionID = useId();
+    const sensors = useSensors(
+        useSensor(PointerSensor),
+        useSensor(KeyboardSensor, {
+            coordinateGetter: sortableKeyboardCoordinates,
+        })
+    );
 
     const hasOnlyOneItem = value.length === 1;
 
@@ -197,17 +205,19 @@ export const Collection = <T,>(props: CollectionProps<T>) => {
             </>
         ) : null;
 
-    const items = value.map((item, index) => (
+    const standardizedItems = value.map((item, index) => ({id: getItemId?.(item) ?? String(index), data: item}));
+
+    const items = standardizedItems.map((item, index) => (
         <CollectionItem
-            key={(getItemId?.(item) ?? index) as string}
+            key={item.id}
+            id={item.id}
             disabled={disabled}
             draggable={draggable}
-            index={index}
             onRemove={() => onRemoveItem?.(index)}
             styles={styles}
             removable={!(required && hasOnlyOneItem)}
         >
-            {children(item, index)}
+            {children(item.data, index)}
         </CollectionItem>
     ));
 
@@ -230,28 +240,34 @@ export const Collection = <T,>(props: CollectionProps<T>) => {
         </Group>
     );
 
+    const getIndex = (id: string) => standardizedItems.findIndex((item) => item.id === id);
+
+    const handleDragEnd = ({over, active}: DragEndEvent): void => {
+        if (over) {
+            const activeIndex = getIndex(String(active.id));
+            const overIndex = getIndex(String(over.id));
+            if (activeIndex !== overIndex) {
+                onReorderItem?.({from: activeIndex, to: overIndex});
+            }
+        }
+    };
+
     return (
-        <DragDropContext
-            onDragEnd={({destination, source}) => onReorderItem({from: source.index, to: destination?.index || 0})}
+        <DndContext
+            onDragEnd={handleDragEnd}
+            sensors={sensors}
+            modifiers={[restrictToVerticalAxis, restrictToParentElement]}
         >
-            <Droppable direction="vertical" droppableId={collectionID}>
-                {(provided) => (
-                    <Box
-                        {...provided.droppableProps}
-                        ref={provided.innerRef}
-                        className={cx(classes.root, className)}
-                        {...others}
-                    >
-                        {_header}
-                        <Stack spacing={spacing}>
-                            {items}
-                            {provided.placeholder}
-                            {_addButton}
-                            {_error}
-                        </Stack>
-                    </Box>
-                )}
-            </Droppable>
-        </DragDropContext>
+            <SortableContext items={standardizedItems} strategy={verticalListSortingStrategy}>
+                <Box className={cx(classes.root, className)} {...others}>
+                    {_header}
+                    <Stack spacing={spacing}>
+                        {items}
+                        {_addButton}
+                        {_error}
+                    </Stack>
+                </Box>
+            </SortableContext>
+        </DndContext>
     );
 };