@coveord/plasma-mantine 52.3.1 → 52.4.0

package/dist/esm/components/code-editor/languages/xml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"xml.d.ts","sourceRoot":"","sources":["../../../../../src/components/code-editor/languages/xml.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AA0C5C,eAAO,MAAM,GAAG;uBAXU,MAAM,KAAG,IAAI;CAWV,CAAC"}

package/dist/esm/components/collection/Collection.d.ts

@@ -0,0 +1,108 @@
+import { DefaultProps, InputWrapperBaseProps, MantineNumberSize, Selectors } from '@mantine/core';
+import { ReorderPayload } from '@mantine/form/lib/types';
+import { ReactNode } from 'react';
+import useStyles from './Collection.styles';
+interface CollectionProps<T> extends Omit<InputWrapperBaseProps, 'inputContainer' | 'inputWrapperOrder'>, DefaultProps<Selectors<typeof useStyles>> {
+    /**
+     * The default value each new item should have
+     */
+    newItem: T;
+    /**
+     * A render function called for each item passed in the `value` prop.
+     *
+     * @param item The current item's value
+     * @param index The current item's index
+     */
+    children: (item: T, index: number) => ReactNode;
+    /**
+     * The list of items to display inside the collection
+     *
+     * @default []
+     */
+    value?: T[];
+    /**
+     * Defines how each item is uniquely identified. It is highly recommended that you specify this prop to an ID that makes sense.
+     *
+     * This method is required when using this component with ReactHookForm.
+     *
+     * @see {@link https://react-hook-form.com/api/usefieldarray/} for using a collection with ReactHookForm.
+     *
+     * @param originalItem The original item
+     */
+    getItemId?: (originalItem: T) => string;
+    /**
+     * Unused, has no effect
+     */
+    onFocus?: () => void;
+    /**
+     * Function called whenever the value needs to be updated
+     *
+     * @param value The whole list of items after the change
+     */
+    onChange?: (value: T[]) => void;
+    /**
+     * Function called after an item is removed from the collection using the remove button
+     *
+     * @param itemIndex The index of the item that was removed
+     */
+    onRemoveItem?: (itemIndex: number) => void;
+    /**
+     * Function that gets called whenever a collection item needs to be reordered
+     *
+     * @param payload The origin and destination index of the item to reorder
+     */
+    onReorderItem?: (payload: ReorderPayload) => void;
+    /**
+     * Function that gets called when a new item needs to be added to the collection
+     *
+     * @param value The the value of the item to insert
+     * @param index The index of the new item to insert
+     */
+    onInsertItem?: (value: T, index: number) => void;
+    /**
+     * Whether the collection should have drag and drop behavior enabled
+     *
+     * @default false
+     */
+    draggable?: boolean;
+    /**
+     * Whether the collection is disabled, or in other words in read only mode
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Function that determines if the add item button should be enabled given the current items of the collection.
+     * The button is always enabled if this props remains undefined
+     *
+     * @param values The current items of the collection
+     */
+    allowAdd?: (values: T[]) => boolean;
+    /**
+     * The label of the add item button
+     *
+     * @default "Add item"
+     */
+    addLabel?: string;
+    /**
+     * The tooltip text displayed when hovering over the disabled add item button
+     *
+     * @default 'There is already an empty item'
+     */
+    addDisabledTooltip?: string;
+    /**
+     * The spacing between the colleciton items
+     *
+     * @default 'xs'
+     */
+    spacing?: MantineNumberSize;
+    /**
+     * Whether the collection is required. When required is true, the collection will hide the remove button if there is only one item
+     *
+     * @default false
+     */
+    required?: boolean;
+}
+export declare const Collection: <T>(props: CollectionProps<T>) => JSX.Element;
+export {};
+//# sourceMappingURL=Collection.d.ts.map

package/dist/esm/components/collection/Collection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collection.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/Collection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEH,YAAY,EAGZ,qBAAqB,EACrB,iBAAiB,EACjB,SAAS,EAIZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAG5C,UAAU,eAAe,CAAC,CAAC,CACvB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,EACvE,YAAY,CAAC,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,EAAE,CAAC,CAAC;IACX;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,MAAM,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAYD,eAAO,MAAM,UAAU,+CAsItB,CAAC"}

package/dist/esm/components/collection/Collection.js

@@ -3,10 +3,11 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { AddSize16Px } from "@coveord/plasma-react-icons";
+import { DndContext, 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, Group, Input, Stack, Tooltip, useComponentDefaultProps } from "@mantine/core";
 import { useDidUpdate } from "@mantine/hooks";
-import { useId } from "react";
-import { DragDropContext, Droppable } from "react-beautiful-dnd";
 import { Button } from "../button";
 import useStyles from "./Collection.styles";
 import { CollectionItem } from "./CollectionItem";
@@ -16,7 +17,11 @@ var defaultProps = {
     addDisabledTooltip: "There is already an empty item",
     disabled: false,
     spacing: "xs",
-    required: false
+    required: false,
+    getItemId: function(param) {
+        var id = param.id;
+        return id;
+    }
 };
 export var Collection = function(props) {
     var _useComponentDefaultProps = useComponentDefaultProps("Collection", defaultProps, props), value = _useComponentDefaultProps.value, onChange = _useComponentDefaultProps.onChange, onRemoveItem = _useComponentDefaultProps.onRemoveItem, onReorderItem = _useComponentDefaultProps.onReorderItem, onInsertItem = _useComponentDefaultProps.onInsertItem, disabled = _useComponentDefaultProps.disabled, draggable = _useComponentDefaultProps.draggable, children = _useComponentDefaultProps.children, spacing = _useComponentDefaultProps.spacing, required = _useComponentDefaultProps.required, newItem = _useComponentDefaultProps.newItem, addLabel = _useComponentDefaultProps.addLabel, addDisabledTooltip = _useComponentDefaultProps.addDisabledTooltip, allowAdd = _useComponentDefaultProps.allowAdd, label = _useComponentDefaultProps.label, labelProps = _useComponentDefaultProps.labelProps, withAsterisk = _useComponentDefaultProps.withAsterisk, description = _useComponentDefaultProps.description, descriptionProps = _useComponentDefaultProps.descriptionProps, error = _useComponentDefaultProps.error, errorProps = _useComponentDefaultProps.errorProps, getItemId = _useComponentDefaultProps.getItemId, // Style props
@@ -54,7 +59,9 @@ export var Collection = function(props) {
         styles: styles,
         unstyled: unstyled
     }), classes = _useStyles.classes, cx = _useStyles.cx;
-    var collectionID = useId();
+    var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates
+    }));
     var hasOnlyOneItem = value.length === 1;
     /**
      * Enforcing onChange when the value is modified will make sure the errors are carried through.
@@ -82,18 +89,24 @@ export var Collection = function(props) {
         ]
     }) : null;
     var _getItemId;
-    var items = value.map(function(item, index) {
+    var standardizedItems = value.map(function(item, index) {
+        return {
+            id: (_getItemId = getItemId === null || getItemId === void 0 ? void 0 : getItemId(item)) !== null && _getItemId !== void 0 ? _getItemId : String(index),
+            data: item
+        };
+    });
+    var items = standardizedItems.map(function(item, index) {
         /*#__PURE__*/ return _jsx(CollectionItem, {
+            id: item.id,
             disabled: disabled,
             draggable: draggable,
-            index: index,
             onRemove: function() {
                 return onRemoveItem === null || onRemoveItem === void 0 ? void 0 : onRemoveItem(index);
             },
             styles: styles,
             removable: !(required && hasOnlyOneItem),
-            children: children(item, index)
-        }, (_getItemId = getItemId === null || getItemId === void 0 ? void 0 : getItemId(item)) !== null && _getItemId !== void 0 ? _getItemId : index);
+            children: children(item.data, index)
+        }, item.id);
     });
     var _allowAdd;
     var addAllowed = (_allowAdd = allowAdd === null || allowAdd === void 0 ? void 0 : allowAdd(value)) !== null && _allowAdd !== void 0 ? _allowAdd : true;
@@ -117,36 +130,49 @@ export var Collection = function(props) {
             })
         })
     });
-    return /*#__PURE__*/ _jsx(DragDropContext, {
-        onDragEnd: function(param) {
-            var destination = param.destination, source = param.source;
-            return onReorderItem({
-                from: source.index,
-                to: (destination === null || destination === void 0 ? void 0 : destination.index) || 0
-            });
-        },
-        children: /*#__PURE__*/ _jsx(Droppable, {
-            direction: "vertical",
-            droppableId: collectionID,
-            children: function(provided) {
-                return /*#__PURE__*/ _jsxs(Box, _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, provided.droppableProps), {
-                    ref: provided.innerRef,
-                    className: cx(classes.root, className)
-                }), others), {
-                    children: [
-                        _header,
-                        /*#__PURE__*/ _jsxs(Stack, {
-                            spacing: spacing,
-                            children: [
-                                items,
-                                provided.placeholder,
-                                _addButton,
-                                _error
-                            ]
-                        })
-                    ]
-                }));
+    var getIndex = function(id) {
+        return standardizedItems.findIndex(function(item) {
+            return item.id === id;
+        });
+    };
+    var handleDragEnd = function(param) {
+        var over = param.over, active = param.active;
+        if (over) {
+            var activeIndex = getIndex(String(active.id));
+            var overIndex = getIndex(String(over.id));
+            if (activeIndex !== overIndex) {
+                onReorderItem === null || onReorderItem === void 0 ? void 0 : onReorderItem({
+                    from: activeIndex,
+                    to: overIndex
+                });
             }
+        }
+    };
+    return /*#__PURE__*/ _jsx(DndContext, {
+        onDragEnd: handleDragEnd,
+        sensors: sensors,
+        modifiers: [
+            restrictToVerticalAxis,
+            restrictToParentElement
+        ],
+        children: /*#__PURE__*/ _jsx(SortableContext, {
+            items: standardizedItems,
+            strategy: verticalListSortingStrategy,
+            children: /*#__PURE__*/ _jsxs(Box, _object_spread_props(_object_spread({
+                className: cx(classes.root, className)
+            }, others), {
+                children: [
+                    _header,
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: spacing,
+                        children: [
+                            items,
+                            _addButton,
+                            _error
+                        ]
+                    })
+                ]
+            }))
         })
     });
 };

package/dist/esm/components/collection/Collection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/collection/Collection.tsx"],"sourcesContent":["import {AddSize16Px} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    DefaultProps,\n    Group,\n    Input,\n    InputWrapperBaseProps,\n    MantineNumberSize,\n    Selectors,\n    Stack,\n    Tooltip,\n    useComponentDefaultProps,\n} from '@mantine/core';\nimport {ReorderPayload} from '@mantine/form/lib/types';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {ReactNode, useId} from 'react';\nimport {DragDropContext, Droppable} from 'react-beautiful-dnd';\n\nimport {Button} from '../button';\nimport useStyles from './Collection.styles';\nimport {CollectionItem} from './CollectionItem';\n\ninterface CollectionProps<T>\n    extends Omit<InputWrapperBaseProps, 'inputContainer' | 'inputWrapperOrder'>,\n        DefaultProps<Selectors<typeof useStyles>> {\n    /**\n     * The default value each new item should have\n     */\n    newItem: T;\n    /**\n     * A render function called for each item passed in the `value` prop.\n     *\n     * @param item The current item's value\n     * @param index The current item's index\n     */\n    children: (item: T, index: number) => ReactNode;\n    /**\n     * The list of items to display inside the collection\n     *\n     * @default []\n     */\n    value?: T[];\n    /**\n     * Defines how each item is uniquely identified. It is highly recommended that you specify this prop to an ID that makes sense.\n     *\n     * This method is required when using this component with ReactHookForm.\n     *\n     * @see {@link https://react-hook-form.com/api/usefieldarray/} for using a collection with ReactHookForm.\n     *\n     * @param originalItem The original item\n     */\n    getItemId?: (originalItem: T) => string;\n    /**\n     * Unused, has no effect\n     */\n    onFocus?: () => void;\n    /**\n     * Function called whenever the value needs to be updated\n     *\n     * @param value The whole list of items after the change\n     */\n    onChange?: (value: T[]) => void;\n    /**\n     * Function called after an item is removed from the collection using the remove button\n     *\n     * @param itemIndex The index of the item that was removed\n     */\n    onRemoveItem?: (itemIndex: number) => void;\n    /**\n     * Function that gets called whenever a collection item needs to be reordered\n     *\n     * @param payload The origin and destination index of the item to reorder\n     */\n    onReorderItem?: (payload: ReorderPayload) => void;\n    /**\n     * Function that gets called when a new item needs to be added to the collection\n     *\n     * @param value The the value of the item to insert\n     * @param index The index of the new item to insert\n     */\n    onInsertItem?: (value: T, index: number) => void;\n    /**\n     * Whether the collection should have drag and drop behavior enabled\n     *\n     * @default false\n     */\n    draggable?: boolean;\n    /**\n     * Whether the collection is disabled, or in other words in read only mode\n     *\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Function that determines if the add item button should be enabled given the current items of the collection.\n     * The button is always enabled if this props remains undefined\n     *\n     * @param values The current items of the collection\n     */\n    allowAdd?: (values: T[]) => boolean;\n    /**\n     * The label of the add item button\n     *\n     * @default \"Add item\"\n     */\n    addLabel?: string;\n    /**\n     * The tooltip text displayed when hovering over the disabled add item button\n     *\n     * @default 'There is already an empty item'\n     */\n    addDisabledTooltip?: string;\n    /**\n     * The spacing between the colleciton items\n     *\n     * @default 'xs'\n     */\n    spacing?: MantineNumberSize;\n    /**\n     * Whether the collection is required. When required is true, the collection will hide the remove button if there is only one item\n     *\n     * @default false\n     */\n    required?: boolean;\n}\n\nconst defaultProps: Partial<CollectionProps<unknown>> = {\n    draggable: false,\n    addLabel: 'Add item',\n    addDisabledTooltip: 'There is already an empty item',\n    disabled: false,\n    spacing: 'xs',\n    required: false,\n};\n\nexport const Collection = <T,>(props: CollectionProps<T>) => {\n    const {\n        value,\n        onChange,\n        onRemoveItem,\n        onReorderItem,\n        onInsertItem,\n        disabled,\n        draggable,\n        children,\n        spacing,\n        required,\n        newItem,\n        addLabel,\n        addDisabledTooltip,\n        allowAdd,\n        label,\n        labelProps,\n        withAsterisk,\n        description,\n        descriptionProps,\n        error,\n        errorProps,\n        getItemId,\n\n        // Style props\n        classNames,\n        className,\n        styles,\n        unstyled,\n\n        ...others\n    } = useComponentDefaultProps('Collection', defaultProps as CollectionProps<T>, props);\n    const {classes, cx} = useStyles(null, {classNames, name: 'Collection', styles, unstyled});\n    const collectionID = useId();\n\n    const hasOnlyOneItem = value.length === 1;\n\n    /**\n     * Enforcing onChange when the value is modified will make sure the errors are carried through.\n     */\n    useDidUpdate(() => {\n        onChange?.(value);\n    }, [JSON.stringify(value)]);\n\n    const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;\n    const _label = label ? (\n        <Input.Label required={isRequired} {...labelProps}>\n            {label}\n        </Input.Label>\n    ) : null;\n\n    const _description = description ? (\n        <Input.Description {...descriptionProps}>{description}</Input.Description>\n    ) : null;\n    const _error = error ? <Input.Error {...errorProps}>{error}</Input.Error> : null;\n    const _header =\n        _label || _description ? (\n            <>\n                {_label}\n                {_description}\n            </>\n        ) : null;\n\n    const items = value.map((item, index) => (\n        <CollectionItem\n            key={(getItemId?.(item) ?? index) as string}\n            disabled={disabled}\n            draggable={draggable}\n            index={index}\n            onRemove={() => onRemoveItem?.(index)}\n            styles={styles}\n            removable={!(required && hasOnlyOneItem)}\n        >\n            {children(item, index)}\n        </CollectionItem>\n    ));\n\n    const addAllowed = allowAdd?.(value) ?? true;\n\n    const _addButton = disabled ? null : (\n        <Group>\n            <Tooltip label={addDisabledTooltip} disabled={addAllowed}>\n                <Box>\n                    <Button\n                        variant=\"subtle\"\n                        leftIcon={<AddSize16Px height={16} />}\n                        onClick={() => onInsertItem(newItem, value?.length ?? 0)}\n                        disabled={!addAllowed}\n                    >\n                        {addLabel}\n                    </Button>\n                </Box>\n            </Tooltip>\n        </Group>\n    );\n\n    return (\n        <DragDropContext\n            onDragEnd={({destination, source}) => onReorderItem({from: source.index, to: destination?.index || 0})}\n        >\n            <Droppable direction=\"vertical\" droppableId={collectionID}>\n                {(provided) => (\n                    <Box\n                        {...provided.droppableProps}\n                        ref={provided.innerRef}\n                        className={cx(classes.root, className)}\n                        {...others}\n                    >\n                        {_header}\n                        <Stack spacing={spacing}>\n                            {items}\n                            {provided.placeholder}\n                            {_addButton}\n                            {_error}\n                        </Stack>\n                    </Box>\n                )}\n            </Droppable>\n        </DragDropContext>\n    );\n};\n"],"names":["AddSize16Px","Box","Group","Input","Stack","Tooltip","useComponentDefaultProps","useDidUpdate","useId","DragDropContext","Droppable","Button","useStyles","CollectionItem","defaultProps","draggable","addLabel","addDisabledTooltip","disabled","spacing","required","Collection","props","value","onChange","onRemoveItem","onReorderItem","onInsertItem","children","newItem","allowAdd","label","labelProps","withAsterisk","description","descriptionProps","error","errorProps","getItemId","classNames","className","styles","unstyled","others","name","classes","cx","collectionID","hasOnlyOneItem","length","JSON","stringify","isRequired","_label","Label","_description","Description","_error","Error","_header","items","map","item","index","onRemove","removable","addAllowed","_addButton","variant","leftIcon","height","onClick","onDragEnd","destination","source","from","to","direction","droppableId","provided","droppableProps","ref","innerRef","root","placeholder"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/collection/Collection.tsx"],"sourcesContent":["import {AddSize16Px} from '@coveord/plasma-react-icons';\nimport {DndContext, DragEndEvent, KeyboardSensor, PointerSensor, useSensor, useSensors} from '@dnd-kit/core';\nimport {restrictToParentElement, restrictToVerticalAxis} from '@dnd-kit/modifiers';\nimport {SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy} from '@dnd-kit/sortable';\nimport {\n    Box,\n    DefaultProps,\n    Group,\n    Input,\n    InputWrapperBaseProps,\n    MantineNumberSize,\n    Selectors,\n    Stack,\n    Tooltip,\n    useComponentDefaultProps,\n} from '@mantine/core';\nimport {ReorderPayload} from '@mantine/form/lib/types';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {ReactNode} from 'react';\n\nimport {Button} from '../button';\nimport useStyles from './Collection.styles';\nimport {CollectionItem} from './CollectionItem';\n\ninterface CollectionProps<T>\n    extends Omit<InputWrapperBaseProps, 'inputContainer' | 'inputWrapperOrder'>,\n        DefaultProps<Selectors<typeof useStyles>> {\n    /**\n     * The default value each new item should have\n     */\n    newItem: T;\n    /**\n     * A render function called for each item passed in the `value` prop.\n     *\n     * @param item The current item's value\n     * @param index The current item's index\n     */\n    children: (item: T, index: number) => ReactNode;\n    /**\n     * The list of items to display inside the collection\n     *\n     * @default []\n     */\n    value?: T[];\n    /**\n     * Defines how each item is uniquely identified. It is highly recommended that you specify this prop to an ID that makes sense.\n     *\n     * This method is required when using this component with ReactHookForm.\n     *\n     * @see {@link https://react-hook-form.com/api/usefieldarray/} for using a collection with ReactHookForm.\n     *\n     * @param originalItem The original item\n     */\n    getItemId?: (originalItem: T) => string;\n    /**\n     * Unused, has no effect\n     */\n    onFocus?: () => void;\n    /**\n     * Function called whenever the value needs to be updated\n     *\n     * @param value The whole list of items after the change\n     */\n    onChange?: (value: T[]) => void;\n    /**\n     * Function called after an item is removed from the collection using the remove button\n     *\n     * @param itemIndex The index of the item that was removed\n     */\n    onRemoveItem?: (itemIndex: number) => void;\n    /**\n     * Function that gets called whenever a collection item needs to be reordered\n     *\n     * @param payload The origin and destination index of the item to reorder\n     */\n    onReorderItem?: (payload: ReorderPayload) => void;\n    /**\n     * Function that gets called when a new item needs to be added to the collection\n     *\n     * @param value The the value of the item to insert\n     * @param index The index of the new item to insert\n     */\n    onInsertItem?: (value: T, index: number) => void;\n    /**\n     * Whether the collection should have drag and drop behavior enabled\n     *\n     * @default false\n     */\n    draggable?: boolean;\n    /**\n     * Whether the collection is disabled, or in other words in read only mode\n     *\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Function that determines if the add item button should be enabled given the current items of the collection.\n     * The button is always enabled if this props remains undefined\n     *\n     * @param values The current items of the collection\n     */\n    allowAdd?: (values: T[]) => boolean;\n    /**\n     * The label of the add item button\n     *\n     * @default \"Add item\"\n     */\n    addLabel?: string;\n    /**\n     * The tooltip text displayed when hovering over the disabled add item button\n     *\n     * @default 'There is already an empty item'\n     */\n    addDisabledTooltip?: string;\n    /**\n     * The spacing between the colleciton items\n     *\n     * @default 'xs'\n     */\n    spacing?: MantineNumberSize;\n    /**\n     * Whether the collection is required. When required is true, the collection will hide the remove button if there is only one item\n     *\n     * @default false\n     */\n    required?: boolean;\n}\n\nconst defaultProps: Partial<CollectionProps<unknown>> = {\n    draggable: false,\n    addLabel: 'Add item',\n    addDisabledTooltip: 'There is already an empty item',\n    disabled: false,\n    spacing: 'xs',\n    required: false,\n    getItemId: ({id}: any) => id,\n};\n\nexport const Collection = <T,>(props: CollectionProps<T>) => {\n    const {\n        value,\n        onChange,\n        onRemoveItem,\n        onReorderItem,\n        onInsertItem,\n        disabled,\n        draggable,\n        children,\n        spacing,\n        required,\n        newItem,\n        addLabel,\n        addDisabledTooltip,\n        allowAdd,\n        label,\n        labelProps,\n        withAsterisk,\n        description,\n        descriptionProps,\n        error,\n        errorProps,\n        getItemId,\n\n        // Style props\n        classNames,\n        className,\n        styles,\n        unstyled,\n\n        ...others\n    } = useComponentDefaultProps('Collection', defaultProps as CollectionProps<T>, props);\n    const {classes, cx} = useStyles(null, {classNames, name: 'Collection', styles, unstyled});\n    const sensors = useSensors(\n        useSensor(PointerSensor),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: sortableKeyboardCoordinates,\n        })\n    );\n\n    const hasOnlyOneItem = value.length === 1;\n\n    /**\n     * Enforcing onChange when the value is modified will make sure the errors are carried through.\n     */\n    useDidUpdate(() => {\n        onChange?.(value);\n    }, [JSON.stringify(value)]);\n\n    const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;\n    const _label = label ? (\n        <Input.Label required={isRequired} {...labelProps}>\n            {label}\n        </Input.Label>\n    ) : null;\n\n    const _description = description ? (\n        <Input.Description {...descriptionProps}>{description}</Input.Description>\n    ) : null;\n    const _error = error ? <Input.Error {...errorProps}>{error}</Input.Error> : null;\n    const _header =\n        _label || _description ? (\n            <>\n                {_label}\n                {_description}\n            </>\n        ) : null;\n\n    const standardizedItems = value.map((item, index) => ({id: getItemId?.(item) ?? String(index), data: item}));\n\n    const items = standardizedItems.map((item, index) => (\n        <CollectionItem\n            key={item.id}\n            id={item.id}\n            disabled={disabled}\n            draggable={draggable}\n            onRemove={() => onRemoveItem?.(index)}\n            styles={styles}\n            removable={!(required && hasOnlyOneItem)}\n        >\n            {children(item.data, index)}\n        </CollectionItem>\n    ));\n\n    const addAllowed = allowAdd?.(value) ?? true;\n\n    const _addButton = disabled ? null : (\n        <Group>\n            <Tooltip label={addDisabledTooltip} disabled={addAllowed}>\n                <Box>\n                    <Button\n                        variant=\"subtle\"\n                        leftIcon={<AddSize16Px height={16} />}\n                        onClick={() => onInsertItem(newItem, value?.length ?? 0)}\n                        disabled={!addAllowed}\n                    >\n                        {addLabel}\n                    </Button>\n                </Box>\n            </Tooltip>\n        </Group>\n    );\n\n    const getIndex = (id: string) => standardizedItems.findIndex((item) => item.id === id);\n\n    const handleDragEnd = ({over, active}: DragEndEvent): void => {\n        if (over) {\n            const activeIndex = getIndex(String(active.id));\n            const overIndex = getIndex(String(over.id));\n            if (activeIndex !== overIndex) {\n                onReorderItem?.({from: activeIndex, to: overIndex});\n            }\n        }\n    };\n\n    return (\n        <DndContext\n            onDragEnd={handleDragEnd}\n            sensors={sensors}\n            modifiers={[restrictToVerticalAxis, restrictToParentElement]}\n        >\n            <SortableContext items={standardizedItems} strategy={verticalListSortingStrategy}>\n                <Box className={cx(classes.root, className)} {...others}>\n                    {_header}\n                    <Stack spacing={spacing}>\n                        {items}\n                        {_addButton}\n                        {_error}\n                    </Stack>\n                </Box>\n            </SortableContext>\n        </DndContext>\n    );\n};\n"],"names":["AddSize16Px","DndContext","KeyboardSensor","PointerSensor","useSensor","useSensors","restrictToParentElement","restrictToVerticalAxis","SortableContext","sortableKeyboardCoordinates","verticalListSortingStrategy","Box","Group","Input","Stack","Tooltip","useComponentDefaultProps","useDidUpdate","Button","useStyles","CollectionItem","defaultProps","draggable","addLabel","addDisabledTooltip","disabled","spacing","required","getItemId","id","Collection","props","value","onChange","onRemoveItem","onReorderItem","onInsertItem","children","newItem","allowAdd","label","labelProps","withAsterisk","description","descriptionProps","error","errorProps","classNames","className","styles","unstyled","others","name","classes","cx","sensors","coordinateGetter","hasOnlyOneItem","length","JSON","stringify","isRequired","_label","Label","_description","Description","_error","Error","_header","standardizedItems","map","item","index","String","data","items","onRemove","removable","addAllowed","_addButton","variant","leftIcon","height","onClick","getIndex","findIndex","handleDragEnd","over","active","activeIndex","overIndex","from","to","onDragEnd","modifiers","strategy","root"],"mappings":"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"}

package/dist/esm/components/collection/Collection.styles.d.ts

@@ -0,0 +1,14 @@
+export interface CollectionStylesParams {
+}
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        item: string;
+        itemDragging: string;
+        dragHandle: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;
+//# sourceMappingURL=Collection.styles.d.ts.map

package/dist/esm/components/collection/Collection.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collection.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/Collection.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;CAAG;;;;;;;;;;;AAE1C,wBAeI"}

package/dist/esm/components/collection/Collection.styles.js

@@ -1,13 +1,19 @@
 import { createStyles } from "@mantine/core";
 export default createStyles(function(theme) {
     return {
-        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/dist/esm/components/collection/Collection.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/collection/Collection.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface CollectionStylesParams {}\n\nexport default createStyles((theme) => ({\n    root: {},\n    item: {\n        backgroundColor: theme.colorScheme === 'light' ? theme.white : theme.black,\n        alignItems: 'baseline',\n    },\n    itemDragging: {\n        boxShadow: theme.shadows.sm,\n    },\n}));\n"],"names":["createStyles","theme","root","item","backgroundColor","colorScheme","white","black","alignItems","itemDragging","boxShadow","shadows","sm"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAI3C,eAAeA,aAAa,SAACC;WAAW;QACpCC,MAAM,CAAC;QACPC,MAAM;YACFC,iBAAiBH,MAAMI,WAAW,KAAK,UAAUJ,MAAMK,KAAK,GAAGL,MAAMM,KAAK;YAC1EC,YAAY;QAChB;QACAC,cAAc;YACVC,WAAWT,MAAMU,OAAO,CAACC,EAAE;QAC/B;IACJ;GAAI"}
+{"version":3,"sources":["../../../../src/components/collection/Collection.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface CollectionStylesParams {}\n\nexport default createStyles((theme) => ({\n    root: {\n        position: 'relative',\n    },\n    item: {\n        backgroundColor: theme.colorScheme === 'light' ? theme.white : theme.black,\n        alignItems: 'baseline',\n    },\n    itemDragging: {\n        boxShadow: theme.shadows.md,\n        zIndex: 2,\n    },\n    dragHandle: {\n        cursor: 'move',\n    },\n}));\n"],"names":["createStyles","theme","root","position","item","backgroundColor","colorScheme","white","black","alignItems","itemDragging","boxShadow","shadows","md","zIndex","dragHandle","cursor"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAI3C,eAAeA,aAAa,SAACC;WAAW;QACpCC,MAAM;YACFC,UAAU;QACd;QACAC,MAAM;YACFC,iBAAiBJ,MAAMK,WAAW,KAAK,UAAUL,MAAMM,KAAK,GAAGN,MAAMO,KAAK;YAC1EC,YAAY;QAChB;QACAC,cAAc;YACVC,WAAWV,MAAMW,OAAO,CAACC,EAAE;YAC3BC,QAAQ;QACZ;QACAC,YAAY;YACRC,QAAQ;QACZ;IACJ;GAAI"}

package/dist/esm/components/collection/CollectionItem.d.ts

@@ -0,0 +1,15 @@
+import { DefaultProps, Selectors } from '@mantine/core';
+import { FunctionComponent, PropsWithChildren } from 'react';
+import useStyles from './Collection.styles';
+interface CollectionItemProps extends CollectionItemSharedProps {
+    draggable?: boolean;
+    disabled: boolean;
+}
+interface CollectionItemSharedProps extends DefaultProps<Selectors<typeof useStyles>> {
+    id: string;
+    onRemove?: React.MouseEventHandler<HTMLButtonElement>;
+    removable?: boolean;
+}
+export declare const CollectionItem: FunctionComponent<PropsWithChildren<CollectionItemProps>>;
+export {};
+//# sourceMappingURL=CollectionItem.d.ts.map

package/dist/esm/components/collection/CollectionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/CollectionItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,YAAY,EAAS,SAAS,EAAC,MAAM,eAAe,CAAC;AACzE,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAE3D,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAE5C,UAAU,mBAAoB,SAAQ,yBAAyB;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,yBAA0B,SAAQ,YAAY,CAAC,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;IACjF,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAwED,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAYpF,CAAC"}

package/dist/esm/components/collection/CollectionItem.js

@@ -3,9 +3,10 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DragAndDropSize16Px, RemoveSize16Px } from "@coveord/plasma-react-icons";
+import { DragAndDropSize24Px, RemoveSize16Px } from "@coveord/plasma-react-icons";
+import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
 import { ActionIcon, Group } from "@mantine/core";
-import { Draggable } from "react-beautiful-dnd";
 import useStyles from "./Collection.styles";
 var RemoveButton = function(param) {
     var onClick = param.onClick;
@@ -57,7 +58,7 @@ var DisabledCollectionItem = function(param) {
     });
 };
 var DraggableCollectionItem = function(param) {
-    var index = param.index, onRemove = param.onRemove, _param_removable = param.removable, removable = _param_removable === void 0 ? true : _param_removable, styles = param.styles, children = param.children;
+    var id = param.id, onRemove = param.onRemove, _param_removable = param.removable, removable = _param_removable === void 0 ? true : _param_removable, styles = param.styles, children = param.children;
     var _useStyles = useStyles(null, {
         name: "Collection",
         styles: styles
@@ -65,30 +66,29 @@ var DraggableCollectionItem = function(param) {
     var removeButton = removable && onRemove ? /*#__PURE__*/ _jsx(RemoveButton, {
         onClick: onRemove
     }) : null;
-    return /*#__PURE__*/ _jsx(Draggable, {
-        index: index,
-        draggableId: index.toString(),
-        children: function(provided, param) {
-            var isDragging = param.isDragging;
-            return /*#__PURE__*/ _jsxs(Group, _object_spread_props(_object_spread({
-                ref: provided.innerRef
-            }, provided.draggableProps), {
-                className: cx(classes.item, _define_property({}, classes.itemDragging, isDragging)),
-                children: [
-                    /*#__PURE__*/ _jsx("div", _object_spread_props(_object_spread({}, provided.dragHandleProps), {
-                        style: {
-                            alignSelf: "center"
-                        },
-                        children: /*#__PURE__*/ _jsx(DragAndDropSize16Px, {
-                            height: 16
-                        })
-                    })),
-                    children,
-                    removeButton
-                ]
-            }));
-        }
-    }, index);
+    var _useSortable = useSortable({
+        id: id
+    }), attributes = _useSortable.attributes, listeners = _useSortable.listeners, setNodeRef = _useSortable.setNodeRef, transform = _useSortable.transform, transition = _useSortable.transition, isDragging = _useSortable.isDragging, setActivatorNodeRef = _useSortable.setActivatorNodeRef;
+    return /*#__PURE__*/ _jsxs(Group, {
+        ref: setNodeRef,
+        className: cx(classes.item, _define_property({}, classes.itemDragging, isDragging)),
+        sx: transform ? {
+            transform: CSS.Transform.toString(transform),
+            transition: transition
+        } : undefined,
+        children: [
+            /*#__PURE__*/ _jsx("div", _object_spread_props(_object_spread({
+                ref: setActivatorNodeRef
+            }, listeners, attributes), {
+                className: classes.dragHandle,
+                children: /*#__PURE__*/ _jsx(DragAndDropSize24Px, {
+                    height: 16
+                })
+            })),
+            children,
+            removeButton
+        ]
+    });
 };
 export var CollectionItem = function(_param) {
     var draggable = _param.draggable, disabled = _param.disabled, otherProps = _object_without_properties(_param, [

package/dist/esm/components/collection/CollectionItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/collection/CollectionItem.tsx"],"sourcesContent":["import {DragAndDropSize16Px, RemoveSize16Px} from '@coveord/plasma-react-icons';\nimport {ActionIcon, DefaultProps, Group, Selectors} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\nimport {Draggable} from 'react-beautiful-dnd';\n\nimport useStyles from './Collection.styles';\n\ninterface CollectionItemProps extends CollectionItemSharedProps {\n    draggable?: boolean;\n    disabled: boolean;\n}\n\ninterface CollectionItemSharedProps extends DefaultProps<Selectors<typeof useStyles>> {\n    index: number;\n    onRemove?: React.MouseEventHandler<HTMLButtonElement>;\n    removable?: boolean;\n}\n\nconst RemoveButton: FunctionComponent<{\n    onClick: React.MouseEventHandler<HTMLButtonElement>;\n}> = ({onClick}) => (\n    <ActionIcon sx={{alignSelf: 'center'}} variant=\"subtle\" onClick={onClick} color=\"action\">\n        <RemoveSize16Px height={16} />\n    </ActionIcon>\n);\n\nconst RemoveButtonPlaceholder = () => <div style={{width: 28}} />;\n\nconst StaticCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = ({\n    onRemove,\n    removable = true,\n    styles,\n    children,\n}) => {\n    const {classes, cx} = useStyles(null, {name: 'Collection', styles});\n    const removeButton = removable && onRemove ? <RemoveButton onClick={onRemove} /> : <RemoveButtonPlaceholder />;\n\n    return (\n        <Group className={cx(classes.item)}>\n            {children}\n            {removeButton}\n        </Group>\n    );\n};\n\nconst DisabledCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = ({\n    children,\n    styles,\n}) => {\n    const {classes, cx} = useStyles(null, {name: 'Collection', styles});\n    return <Group className={cx(classes.item)}>{children}</Group>;\n};\n\nconst DraggableCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = ({\n    index,\n    onRemove,\n    removable = true,\n    styles,\n    children,\n}) => {\n    const {classes, cx} = useStyles(null, {name: 'Collection', styles});\n    const removeButton = removable && onRemove ? <RemoveButton onClick={onRemove} /> : null;\n\n    return (\n        <Draggable key={index} index={index} draggableId={index.toString()}>\n            {(provided, {isDragging}) => (\n                <Group\n                    ref={provided.innerRef}\n                    {...provided.draggableProps}\n                    className={cx(classes.item, {[classes.itemDragging]: isDragging})}\n                >\n                    <div {...provided.dragHandleProps} style={{alignSelf: 'center'}}>\n                        <DragAndDropSize16Px height={16} />\n                    </div>\n                    {children}\n                    {removeButton}\n                </Group>\n            )}\n        </Draggable>\n    );\n};\n\nexport const CollectionItem: FunctionComponent<PropsWithChildren<CollectionItemProps>> = ({\n    draggable,\n    disabled,\n    ...otherProps\n}) => {\n    if (disabled) {\n        return <DisabledCollectionItem {...otherProps} />;\n    }\n    if (draggable) {\n        return <DraggableCollectionItem {...otherProps} />;\n    }\n    return <StaticCollectionItem {...otherProps} />;\n};\n"],"names":["DragAndDropSize16Px","RemoveSize16Px","ActionIcon","Group","Draggable","useStyles","RemoveButton","onClick","sx","alignSelf","variant","color","height","RemoveButtonPlaceholder","div","style","width","StaticCollectionItem","onRemove","removable","styles","children","name","classes","cx","removeButton","className","item","DisabledCollectionItem","DraggableCollectionItem","index","draggableId","toString","provided","isDragging","ref","innerRef","draggableProps","itemDragging","dragHandleProps","CollectionItem","draggable","disabled","otherProps"],"mappings":";;;;;AAAA,SAAQA,mBAAmB,EAAEC,cAAc,QAAO,8BAA8B;AAChF,SAAQC,UAAU,EAAgBC,KAAK,QAAkB,gBAAgB;AAEzE,SAAQC,SAAS,QAAO,sBAAsB;AAE9C,OAAOC,eAAe,sBAAsB;AAa5C,IAAMC,eAED;QAAEC,gBAAAA;yBACH,KAACL;QAAWM,IAAI;YAACC,WAAW;QAAQ;QAAGC,SAAQ;QAASH,SAASA;QAASI,OAAM;kBAC5E,cAAA,KAACV;YAAeW,QAAQ;;;;AAIhC,IAAMC,0BAA0B;yBAAM,KAACC;QAAIC,OAAO;YAACC,OAAO;QAAE;;;AAE5D,IAAMC,uBAAwF,gBAKxF;QAJFC,iBAAAA,mCACAC,WAAAA,0CAAY,IAAI,qBAChBC,eAAAA,QACAC,iBAAAA;IAEA,IAAsBhB,aAAAA,UAAU,IAAI,EAAE;QAACiB,MAAM;QAAcF,QAAAA;IAAM,IAA1DG,UAAelB,WAAfkB,SAASC,KAAMnB,WAANmB;IAChB,IAAMC,eAAeN,aAAaD,yBAAW,KAACZ;QAAaC,SAASW;uBAAe,KAACL,4BAA0B;IAE9G,qBACI,MAACV;QAAMuB,WAAWF,GAAGD,QAAQI,IAAI;;YAC5BN;YACAI;;;AAGb;AAEA,IAAMG,yBAA0F,gBAG1F;QAFFP,iBAAAA,UACAD,eAAAA;IAEA,IAAsBf,aAAAA,UAAU,IAAI,EAAE;QAACiB,MAAM;QAAcF,QAAAA;IAAM,IAA1DG,UAAelB,WAAfkB,SAASC,KAAMnB,WAANmB;IAChB,qBAAO,KAACrB;QAAMuB,WAAWF,GAAGD,QAAQI,IAAI;kBAAIN;;AAChD;AAEA,IAAMQ,0BAA2F,gBAM3F;QALFC,cAAAA,OACAZ,iBAAAA,mCACAC,WAAAA,0CAAY,IAAI,qBAChBC,eAAAA,QACAC,iBAAAA;IAEA,IAAsBhB,aAAAA,UAAU,IAAI,EAAE;QAACiB,MAAM;QAAcF,QAAAA;IAAM,IAA1DG,UAAelB,WAAfkB,SAASC,KAAMnB,WAANmB;IAChB,IAAMC,eAAeN,aAAaD,yBAAW,KAACZ;QAAaC,SAASW;SAAe,IAAI;IAEvF,qBACI,KAACd;QAAsB0B,OAAOA;QAAOC,aAAaD,MAAME,QAAQ;kBAC3D,SAACC;gBAAWC,mBAAAA;iCACT,MAAC/B;gBACGgC,KAAKF,SAASG,QAAQ;eAClBH,SAASI,cAAc;gBAC3BX,WAAWF,GAAGD,QAAQI,IAAI,EAAG,qBAACJ,QAAQe,YAAY,EAAGJ;;kCAErD,KAACpB,+CAAQmB,SAASM,eAAe;wBAAExB,OAAO;4BAACN,WAAW;wBAAQ;kCAC1D,cAAA,KAACT;4BAAoBY,QAAQ;;;oBAEhCS;oBACAI;;;;OAXGK;AAgBxB;AAEA,OAAO,IAAMU,iBAA4E,iBAInF;QAHFC,mBAAAA,WACAC,kBAAAA,UACGC;QAFHF;QACAC;;IAGA,IAAIA,UAAU;QACV,qBAAO,KAACd,2CAA2Be;IACvC,CAAC;IACD,IAAIF,WAAW;QACX,qBAAO,KAACZ,4CAA4Bc;IACxC,CAAC;IACD,qBAAO,KAAC1B,yCAAyB0B;AACrC,EAAE"}
+{"version":3,"sources":["../../../../src/components/collection/CollectionItem.tsx"],"sourcesContent":["import {DragAndDropSize24Px, RemoveSize16Px} from '@coveord/plasma-react-icons';\nimport {useSortable} from '@dnd-kit/sortable';\nimport {CSS} from '@dnd-kit/utilities';\nimport {ActionIcon, DefaultProps, Group, Selectors} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nimport useStyles from './Collection.styles';\n\ninterface CollectionItemProps extends CollectionItemSharedProps {\n    draggable?: boolean;\n    disabled: boolean;\n}\n\ninterface CollectionItemSharedProps extends DefaultProps<Selectors<typeof useStyles>> {\n    id: string;\n    onRemove?: React.MouseEventHandler<HTMLButtonElement>;\n    removable?: boolean;\n}\n\nconst RemoveButton: FunctionComponent<{\n    onClick: React.MouseEventHandler<HTMLButtonElement>;\n}> = ({onClick}) => (\n    <ActionIcon sx={{alignSelf: 'center'}} variant=\"subtle\" onClick={onClick} color=\"action\">\n        <RemoveSize16Px height={16} />\n    </ActionIcon>\n);\n\nconst RemoveButtonPlaceholder = () => <div style={{width: 28}} />;\n\nconst StaticCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = ({\n    onRemove,\n    removable = true,\n    styles,\n    children,\n}) => {\n    const {classes, cx} = useStyles(null, {name: 'Collection', styles});\n    const removeButton = removable && onRemove ? <RemoveButton onClick={onRemove} /> : <RemoveButtonPlaceholder />;\n\n    return (\n        <Group className={cx(classes.item)}>\n            {children}\n            {removeButton}\n        </Group>\n    );\n};\n\nconst DisabledCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = ({\n    children,\n    styles,\n}) => {\n    const {classes, cx} = useStyles(null, {name: 'Collection', styles});\n    return <Group className={cx(classes.item)}>{children}</Group>;\n};\n\nconst DraggableCollectionItem: FunctionComponent<PropsWithChildren<CollectionItemSharedProps>> = ({\n    id,\n    onRemove,\n    removable = true,\n    styles,\n    children,\n}) => {\n    const {classes, cx} = useStyles(null, {name: 'Collection', styles});\n    const removeButton = removable && onRemove ? <RemoveButton onClick={onRemove} /> : null;\n    const {attributes, listeners, setNodeRef, transform, transition, isDragging, setActivatorNodeRef} = useSortable({\n        id,\n    });\n\n    return (\n        <Group\n            ref={setNodeRef}\n            className={cx(classes.item, {[classes.itemDragging]: isDragging})}\n            sx={\n                transform\n                    ? {\n                          transform: CSS.Transform.toString(transform),\n                          transition,\n                      }\n                    : undefined\n            }\n        >\n            <div ref={setActivatorNodeRef} {...listeners} {...attributes} className={classes.dragHandle}>\n                <DragAndDropSize24Px height={16} />\n            </div>\n            {children}\n            {removeButton}\n        </Group>\n    );\n};\n\nexport const CollectionItem: FunctionComponent<PropsWithChildren<CollectionItemProps>> = ({\n    draggable,\n    disabled,\n    ...otherProps\n}) => {\n    if (disabled) {\n        return <DisabledCollectionItem {...otherProps} />;\n    }\n    if (draggable) {\n        return <DraggableCollectionItem {...otherProps} />;\n    }\n    return <StaticCollectionItem {...otherProps} />;\n};\n"],"names":["DragAndDropSize24Px","RemoveSize16Px","useSortable","CSS","ActionIcon","Group","useStyles","RemoveButton","onClick","sx","alignSelf","variant","color","height","RemoveButtonPlaceholder","div","style","width","StaticCollectionItem","onRemove","removable","styles","children","name","classes","cx","removeButton","className","item","DisabledCollectionItem","DraggableCollectionItem","id","attributes","listeners","setNodeRef","transform","transition","isDragging","setActivatorNodeRef","ref","itemDragging","Transform","toString","undefined","dragHandle","CollectionItem","draggable","disabled","otherProps"],"mappings":";;;;;AAAA,SAAQA,mBAAmB,EAAEC,cAAc,QAAO,8BAA8B;AAChF,SAAQC,WAAW,QAAO,oBAAoB;AAC9C,SAAQC,GAAG,QAAO,qBAAqB;AACvC,SAAQC,UAAU,EAAgBC,KAAK,QAAkB,gBAAgB;AAGzE,OAAOC,eAAe,sBAAsB;AAa5C,IAAMC,eAED;QAAEC,gBAAAA;yBACH,KAACJ;QAAWK,IAAI;YAACC,WAAW;QAAQ;QAAGC,SAAQ;QAASH,SAASA;QAASI,OAAM;kBAC5E,cAAA,KAACX;YAAeY,QAAQ;;;;AAIhC,IAAMC,0BAA0B;yBAAM,KAACC;QAAIC,OAAO;YAACC,OAAO;QAAE;;;AAE5D,IAAMC,uBAAwF,gBAKxF;QAJFC,iBAAAA,mCACAC,WAAAA,0CAAY,IAAI,qBAChBC,eAAAA,QACAC,iBAAAA;IAEA,IAAsBhB,aAAAA,UAAU,IAAI,EAAE;QAACiB,MAAM;QAAcF,QAAAA;IAAM,IAA1DG,UAAelB,WAAfkB,SAASC,KAAMnB,WAANmB;IAChB,IAAMC,eAAeN,aAAaD,yBAAW,KAACZ;QAAaC,SAASW;uBAAe,KAACL,4BAA0B;IAE9G,qBACI,MAACT;QAAMsB,WAAWF,GAAGD,QAAQI,IAAI;;YAC5BN;YACAI;;;AAGb;AAEA,IAAMG,yBAA0F,gBAG1F;QAFFP,iBAAAA,UACAD,eAAAA;IAEA,IAAsBf,aAAAA,UAAU,IAAI,EAAE;QAACiB,MAAM;QAAcF,QAAAA;IAAM,IAA1DG,UAAelB,WAAfkB,SAASC,KAAMnB,WAANmB;IAChB,qBAAO,KAACpB;QAAMsB,WAAWF,GAAGD,QAAQI,IAAI;kBAAIN;;AAChD;AAEA,IAAMQ,0BAA2F,gBAM3F;QALFC,WAAAA,IACAZ,iBAAAA,mCACAC,WAAAA,0CAAY,IAAI,qBAChBC,eAAAA,QACAC,iBAAAA;IAEA,IAAsBhB,aAAAA,UAAU,IAAI,EAAE;QAACiB,MAAM;QAAcF,QAAAA;IAAM,IAA1DG,UAAelB,WAAfkB,SAASC,KAAMnB,WAANmB;IAChB,IAAMC,eAAeN,aAAaD,yBAAW,KAACZ;QAAaC,SAASW;SAAe,IAAI;IACvF,IAAoGjB,eAAAA,YAAY;QAC5G6B,IAAAA;IACJ,IAFOC,aAA6F9B,aAA7F8B,YAAYC,YAAiF/B,aAAjF+B,WAAWC,aAAsEhC,aAAtEgC,YAAYC,YAA0DjC,aAA1DiC,WAAWC,aAA+ClC,aAA/CkC,YAAYC,aAAmCnC,aAAnCmC,YAAYC,sBAAuBpC,aAAvBoC;IAI7E,qBACI,MAACjC;QACGkC,KAAKL;QACLP,WAAWF,GAAGD,QAAQI,IAAI,EAAG,qBAACJ,QAAQgB,YAAY,EAAGH;QACrD5B,IACI0B,YACM;YACIA,WAAWhC,IAAIsC,SAAS,CAACC,QAAQ,CAACP;YAClCC,YAAAA;QACJ,IACAO,SAAS;;0BAGnB,KAAC5B;gBAAIwB,KAAKD;eAAyBL,WAAeD;gBAAYL,WAAWH,QAAQoB,UAAU;0BACvF,cAAA,KAAC5C;oBAAoBa,QAAQ;;;YAEhCS;YACAI;;;AAGb;AAEA,OAAO,IAAMmB,iBAA4E,iBAInF;QAHFC,mBAAAA,WACAC,kBAAAA,UACGC;QAFHF;QACAC;;IAGA,IAAIA,UAAU;QACV,qBAAO,KAAClB,2CAA2BmB;IACvC,CAAC;IACD,IAAIF,WAAW;QACX,qBAAO,KAAChB,4CAA4BkB;IACxC,CAAC;IACD,qBAAO,KAAC9B,yCAAyB8B;AACrC,EAAE"}

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

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

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

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

package/dist/esm/components/copyToClipboard/CopyToClipboard.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export interface CopyToClipboardProps {
+    /**
+     * The value to be copied to the clipboard.
+     */
+    value: string;
+    /**
+     * Whether to display the string to be copied alongside the button.
+     *
+     * @default false
+     */
+    withLabel?: boolean;
+    /**
+     * Called each time the value is copied to the clipboard
+     */
+    onCopy?: () => void;
+}
+export declare const CopyToClipboard: React.FunctionComponent<CopyToClipboardProps>;
+//# sourceMappingURL=CopyToClipboard.d.ts.map

package/dist/esm/components/copyToClipboard/CopyToClipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../../src/components/copyToClipboard/CopyToClipboard.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,oBAAoB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AA0BD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAezE,CAAC"}

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

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

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

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

package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { DatePickerBaseProps } from '@mantine/dates';
+import { DateRangePickerPreset } from './DateRangePickerPresetSelect';
+import { EditableDateRangePickerProps } from './EditableDateRangePicker';
+export type DateRangePickerValue = [Date | null, Date | null];
+export interface DateRangePickerInlineCalendarProps extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {
+    /**
+     * Initial selected range
+     */
+    initialRange: DateRangePickerValue;
+    /**
+     * Function called when the user applies the new date range
+     *
+     * @param range the newly selected dates
+     */
+    onApply: (range: DateRangePickerValue) => void;
+    /**
+     * Function called when the user click on the cancel button
+     */
+    onCancel: () => void;
+    /**
+     * The presets to display
+     *
+     * @default {}
+     * @example
+     * {
+     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},
+     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}
+     * }
+     */
+    presets?: Record<string, DateRangePickerPreset>;
+    /**
+     * Props for RangeCalendar displayed in the popover
+     */
+    rangeCalendarProps?: Omit<DatePickerBaseProps, 'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'>;
+}
+export declare const DateRangePickerInlineCalendar: ({ initialRange, onApply, onCancel, presets, startProps, endProps, rangeCalendarProps, }: DateRangePickerInlineCalendarProps) => JSX.Element;
+//# sourceMappingURL=DateRangePickerInlineCalendar.d.ts.map

package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerInlineCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerInlineCalendar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAI/D,OAAO,EAAC,qBAAqB,EAA8B,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAEhG,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;AAC9D,MAAM,WAAW,kCACb,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IACrE;;OAEG;IACH,YAAY,EAAE,oBAAoB,CAAC;IACnC;;;;OAIG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAChD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,mBAAmB,EACnB,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CACtF,CAAC;CACL;AAED,eAAO,MAAM,6BAA6B,4FAQvC,kCAAkC,gBAkEpC,CAAC"}