@coveord/plasma-mantine 52.26.2 → 52.26.4

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

@@ -1,121 +1,77 @@
-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, 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 { Button } from "../button";
-import useStyles from "./Collection.styles";
-import { CollectionItem } from "./CollectionItem";
-var defaultProps = {
+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 { Button } from '../button';
+import useStyles from './Collection.styles';
+import { CollectionItem } from './CollectionItem';
+const defaultProps = {
     draggable: false,
-    addLabel: "Add item",
-    addDisabledTooltip: "There is already an empty item",
+    addLabel: 'Add item',
+    addDisabledTooltip: 'There is already an empty item',
     disabled: false,
-    spacing: "xs",
+    spacing: 'xs',
     required: false,
-    getItemId: function(param) {
-        var id = param.id;
-        return id;
-    }
+    getItemId: ({ id })=>id
 };
-export var Collection = function(props) {
-    var _allowAdd;
-    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
-    classNames = _useComponentDefaultProps.classNames, className = _useComponentDefaultProps.className, styles = _useComponentDefaultProps.styles, unstyled = _useComponentDefaultProps.unstyled, others = _object_without_properties(_useComponentDefaultProps, [
-        "value",
-        "onChange",
-        "onRemoveItem",
-        "onReorderItem",
-        "onInsertItem",
-        "disabled",
-        "draggable",
-        "children",
-        "spacing",
-        "required",
-        "newItem",
-        "addLabel",
-        "addDisabledTooltip",
-        "allowAdd",
-        "label",
-        "labelProps",
-        "withAsterisk",
-        "description",
-        "descriptionProps",
-        "error",
-        "errorProps",
-        "getItemId",
-        "classNames",
-        "className",
-        "styles",
-        "unstyled"
-    ]);
-    var _useStyles = useStyles(null, {
-        classNames: classNames,
-        name: "Collection",
-        styles: styles,
-        unstyled: unstyled
-    }), classes = _useStyles.classes, cx = _useStyles.cx;
-    var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+export const Collection = (props)=>{
+    const { value, onChange, onRemoveItem, onReorderItem, onInsertItem, disabled, draggable, children, spacing, required, newItem, addLabel, addDisabledTooltip, allowAdd, label, labelProps, withAsterisk, description, descriptionProps, error, errorProps, getItemId, // Style props
+    classNames, className, styles, unstyled, ...others } = useComponentDefaultProps('Collection', defaultProps, props);
+    const { classes, cx } = useStyles(null, {
+        classNames,
+        name: 'Collection',
+        styles,
+        unstyled
+    });
+    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
         coordinateGetter: sortableKeyboardCoordinates
     }));
-    var hasOnlyOneItem = value.length === 1;
+    const hasOnlyOneItem = value.length === 1;
     /**
      * Enforcing onChange when the value is modified will make sure the errors are carried through.
-     */ useDidUpdate(function() {
-        var _onChange;
-        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(value);
+     */ useDidUpdate(()=>{
+        onChange?.(value);
     }, [
         JSON.stringify(value)
     ]);
-    var isRequired = typeof withAsterisk === "boolean" ? withAsterisk : required;
-    var _label = label ? /*#__PURE__*/ _jsx(Input.Label, _object_spread_props(_object_spread({
-        required: isRequired
-    }, labelProps), {
+    const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;
+    const _label = label ? /*#__PURE__*/ _jsx(Input.Label, {
+        required: isRequired,
+        ...labelProps,
         children: label
-    })) : null;
-    var _description = description ? /*#__PURE__*/ _jsx(Input.Description, _object_spread_props(_object_spread({}, descriptionProps), {
+    }) : null;
+    const _description = description ? /*#__PURE__*/ _jsx(Input.Description, {
+        ...descriptionProps,
         children: description
-    })) : null;
-    var _error = error ? /*#__PURE__*/ _jsx(Input.Error, _object_spread_props(_object_spread({}, errorProps), {
+    }) : null;
+    const _error = error ? /*#__PURE__*/ _jsx(Input.Error, {
+        ...errorProps,
         children: error
-    })) : null;
-    var _header = _label || _description ? /*#__PURE__*/ _jsxs(_Fragment, {
+    }) : null;
+    const _header = _label || _description ? /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             _label,
             _description
         ]
     }) : null;
-    var _getItemId;
-    var standardizedItems = value.map(function(item, index) {
-        var _getItemId1;
-        return {
-            id: (_getItemId = (_getItemId1 = getItemId) === null || _getItemId1 === void 0 ? void 0 : _getItemId1(item)) !== null && _getItemId !== void 0 ? _getItemId : String(index),
+    const standardizedItems = value.map((item, index)=>({
+            id: getItemId?.(item) ?? String(index),
             data: item
-        };
-    });
-    var items = standardizedItems.map(function(item, index) {
-        return /*#__PURE__*/ _jsx(CollectionItem, {
+        }));
+    const items = standardizedItems.map((item, index)=>/*#__PURE__*/ _jsx(CollectionItem, {
             id: item.id,
             disabled: disabled,
             draggable: draggable,
-            onRemove: function() {
-                var _onRemoveItem;
-                return (_onRemoveItem = onRemoveItem) === null || _onRemoveItem === void 0 ? void 0 : _onRemoveItem(index);
-            },
+            onRemove: ()=>onRemoveItem?.(index),
             styles: styles,
             removable: !(required && hasOnlyOneItem),
             children: children(item.data, index)
-        }, item.id);
-    });
-    var _allowAdd1;
-    var addAllowed = (_allowAdd1 = (_allowAdd = allowAdd) === null || _allowAdd === void 0 ? void 0 : _allowAdd(value)) !== null && _allowAdd1 !== void 0 ? _allowAdd1 : true;
-    var _value_length;
-    var _addButton = disabled ? null : /*#__PURE__*/ _jsx(Group, {
+        }, item.id));
+    const addAllowed = allowAdd?.(value) ?? true;
+    const _addButton = disabled ? null : /*#__PURE__*/ _jsx(Group, {
         children: /*#__PURE__*/ _jsx(Tooltip, {
             label: addDisabledTooltip,
             disabled: addAllowed,
@@ -125,29 +81,20 @@ export var Collection = function(props) {
                     leftIcon: /*#__PURE__*/ _jsx(AddSize16Px, {
                         height: 16
                     }),
-                    onClick: function() {
-                        var _value;
-                        return onInsertItem(newItem, (_value_length = (_value = value) === null || _value === void 0 ? void 0 : _value.length) !== null && _value_length !== void 0 ? _value_length : 0);
-                    },
+                    onClick: ()=>onInsertItem(newItem, value?.length ?? 0),
                     disabled: !addAllowed,
                     children: addLabel
                 })
             })
         })
     });
-    var getIndex = function(id) {
-        return standardizedItems.findIndex(function(item) {
-            return item.id === id;
-        });
-    };
-    var handleDragEnd = function(param) {
-        var over = param.over, active = param.active;
+    const getIndex = (id)=>standardizedItems.findIndex((item)=>item.id === id);
+    const handleDragEnd = ({ over, active })=>{
         if (over) {
-            var activeIndex = getIndex(String(active.id));
-            var overIndex = getIndex(String(over.id));
+            const activeIndex = getIndex(String(active.id));
+            const overIndex = getIndex(String(over.id));
             if (activeIndex !== overIndex) {
-                var _onReorderItem;
-                (_onReorderItem = onReorderItem) === null || _onReorderItem === void 0 ? void 0 : _onReorderItem({
+                onReorderItem?.({
                     from: activeIndex,
                     to: overIndex
                 });
@@ -164,9 +111,9 @@ export var Collection = function(props) {
         children: /*#__PURE__*/ _jsx(SortableContext, {
             items: standardizedItems,
             strategy: verticalListSortingStrategy,
-            children: /*#__PURE__*/ _jsxs(Box, _object_spread_props(_object_spread({
-                className: cx(classes.root, className)
-            }, others), {
+            children: /*#__PURE__*/ _jsxs(Box, {
+                className: cx(classes.root, className),
+                ...others,
                 children: [
                     _header,
                     /*#__PURE__*/ _jsxs(Stack, {
@@ -178,7 +125,7 @@ export var Collection = function(props) {
                         ]
                     })
                 ]
-            }))
+            })
         })
     });
 };

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 {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","allowAdd","value","onChange","onRemoveItem","onReorderItem","onInsertItem","children","newItem","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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"}
+{"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","classes","cx","name","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.js

@@ -1,21 +1,19 @@
-import { createStyles } from "@mantine/core";
-export default createStyles(function(theme) {
-    return {
+import { createStyles } from '@mantine/core';
+export default createStyles((theme)=>({
         root: {
-            position: "relative"
+            position: 'relative'
         },
         item: {
-            backgroundColor: theme.colorScheme === "light" ? theme.white : theme.black,
-            alignItems: "baseline"
+            backgroundColor: theme.colorScheme === 'light' ? theme.white : theme.black,
+            alignItems: 'baseline'
         },
         itemDragging: {
             boxShadow: theme.shadows.md,
             zIndex: 2
         },
         dragHandle: {
-            cursor: "move"
+            cursor: 'move'
         }
-    };
-});
+    }));
 
 //# sourceMappingURL=Collection.styles.js.map

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        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"}
+{"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,CAACC,QAAW,CAAA;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,CAAA,GAAI"}

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

@@ -1,18 +1,12 @@
-import { _ as _define_property } from "@swc/helpers/_/_define_property";
-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 { 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 useStyles from "./Collection.styles";
-var RemoveButton = function(param) {
-    var onClick = param.onClick;
-    return /*#__PURE__*/ _jsx(ActionIcon, {
+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 useStyles from './Collection.styles';
+const RemoveButton = ({ onClick })=>/*#__PURE__*/ _jsx(ActionIcon, {
         sx: {
-            alignSelf: "center"
+            alignSelf: 'center'
         },
         variant: "subtle",
         onClick: onClick,
@@ -21,21 +15,17 @@ var RemoveButton = function(param) {
             height: 16
         })
     });
-};
-var RemoveButtonPlaceholder = function() {
-    return /*#__PURE__*/ _jsx("div", {
+const RemoveButtonPlaceholder = ()=>/*#__PURE__*/ _jsx("div", {
         style: {
             width: 28
         }
     });
-};
-var StaticCollectionItem = function(param) {
-    var 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
-    }), classes = _useStyles.classes, cx = _useStyles.cx;
-    var removeButton = removable && onRemove ? /*#__PURE__*/ _jsx(RemoveButton, {
+const StaticCollectionItem = ({ onRemove, removable = true, styles, children })=>{
+    const { classes, cx } = useStyles(null, {
+        name: 'Collection',
+        styles
+    });
+    const removeButton = removable && onRemove ? /*#__PURE__*/ _jsx(RemoveButton, {
         onClick: onRemove
     }) : /*#__PURE__*/ _jsx(RemoveButtonPlaceholder, {});
     return /*#__PURE__*/ _jsxs(Group, {
@@ -46,62 +36,65 @@ var StaticCollectionItem = function(param) {
         ]
     });
 };
-var DisabledCollectionItem = function(param) {
-    var children = param.children, styles = param.styles;
-    var _useStyles = useStyles(null, {
-        name: "Collection",
-        styles: styles
-    }), classes = _useStyles.classes, cx = _useStyles.cx;
+const DisabledCollectionItem = ({ children, styles })=>{
+    const { classes, cx } = useStyles(null, {
+        name: 'Collection',
+        styles
+    });
     return /*#__PURE__*/ _jsx(Group, {
         className: cx(classes.item),
         children: children
     });
 };
-var DraggableCollectionItem = function(param) {
-    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
-    }), classes = _useStyles.classes, cx = _useStyles.cx;
-    var removeButton = removable && onRemove ? /*#__PURE__*/ _jsx(RemoveButton, {
+const DraggableCollectionItem = ({ id, onRemove, removable = true, styles, children })=>{
+    const { classes, cx } = useStyles(null, {
+        name: 'Collection',
+        styles
+    });
+    const removeButton = removable && onRemove ? /*#__PURE__*/ _jsx(RemoveButton, {
         onClick: onRemove
     }) : null;
-    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;
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging, setActivatorNodeRef } = useSortable({
+        id
+    });
     return /*#__PURE__*/ _jsxs(Group, {
         ref: setNodeRef,
-        className: cx(classes.item, _define_property({}, classes.itemDragging, isDragging)),
+        className: cx(classes.item, {
+            [classes.itemDragging]: isDragging
+        }),
         sx: transform ? {
             transform: CSS.Transform.toString(transform),
-            transition: transition
+            transition
         } : undefined,
         children: [
-            /*#__PURE__*/ _jsx("div", _object_spread_props(_object_spread({
-                ref: setActivatorNodeRef
-            }, listeners, attributes), {
+            /*#__PURE__*/ _jsx("div", {
+                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, [
-        "draggable",
-        "disabled"
-    ]);
+export const CollectionItem = ({ draggable, disabled, ...otherProps })=>{
     if (disabled) {
-        return /*#__PURE__*/ _jsx(DisabledCollectionItem, _object_spread({}, otherProps));
+        return /*#__PURE__*/ _jsx(DisabledCollectionItem, {
+            ...otherProps
+        });
     }
     if (draggable) {
-        return /*#__PURE__*/ _jsx(DraggableCollectionItem, _object_spread({}, otherProps));
+        return /*#__PURE__*/ _jsx(DraggableCollectionItem, {
+            ...otherProps
+        });
     }
-    return /*#__PURE__*/ _jsx(StaticCollectionItem, _object_spread({}, otherProps));
+    return /*#__PURE__*/ _jsx(StaticCollectionItem, {
+        ...otherProps
+    });
 };
 
 //# sourceMappingURL=CollectionItem.js.map

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

@@ -1 +1 @@
-{"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;QAC1FC,iBAAAA,mCACAC,WAAAA,0CAAY,yBACZC,eAAAA,QACAC,iBAAAA;IAEA,IAAsBhB,aAAAA,UAAU,MAAM;QAACiB,MAAM;QAAcF,QAAAA;IAAM,IAA1DG,UAAelB,WAAfkB,SAASC,KAAMnB,WAANmB;IAChB,IAAMC,eAAeN,aAAaD,yBAAW,KAACZ;QAAaC,SAASW;uBAAe,KAACL;IAEpF,qBACI,MAACT;QAAMsB,WAAWF,GAAGD,QAAQI,IAAI;;YAC5BN;YACAI;;;AAGb;AAEA,IAAMG,yBAA0F;QAC5FP,iBAAAA,UACAD,eAAAA;IAEA,IAAsBf,aAAAA,UAAU,MAAM;QAACiB,MAAM;QAAcF,QAAAA;IAAM,IAA1DG,UAAelB,WAAfkB,SAASC,KAAMnB,WAANmB;IAChB,qBAAO,KAACpB;QAAMsB,WAAWF,GAAGD,QAAQI,IAAI;kBAAIN;;AAChD;AAEA,IAAMQ,0BAA2F;QAC7FC,WAAAA,IACAZ,iBAAAA,mCACAC,WAAAA,0CAAY,yBACZC,eAAAA,QACAC,iBAAAA;IAEA,IAAsBhB,aAAAA,UAAU,MAAM;QAACiB,MAAM;QAAcF,QAAAA;IAAM,IAA1DG,UAAelB,WAAfkB,SAASC,KAAMnB,WAANmB;IAChB,IAAMC,eAAeN,aAAaD,yBAAW,KAACZ;QAAaC,SAASW;SAAe;IACnF,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;;0BAGV,KAAC5B;gBAAIwB,KAAKD;eAAyBL,WAAeD;gBAAYL,WAAWH,QAAQoB,UAAU;0BACvF,cAAA,KAAC5C;oBAAoBa,QAAQ;;;YAEhCS;YACAI;;;AAGb;AAEA,OAAO,IAAMmB,iBAA4E;QACrFC,mBAAAA,WACAC,kBAAAA,UACGC;QAFHF;QACAC;;IAGA,IAAIA,UAAU;QACV,qBAAO,KAAClB,2CAA2BmB;IACvC;IACA,IAAIF,WAAW;QACX,qBAAO,KAAChB,4CAA4BkB;IACxC;IACA,qBAAO,KAAC9B,yCAAyB8B;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","classes","cx","name","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,MAAMC,eAED,CAAC,EAACC,OAAO,EAAC,iBACX,KAACJ;QAAWK,IAAI;YAACC,WAAW;QAAQ;QAAGC,SAAQ;QAASH,SAASA;QAASI,OAAM;kBAC5E,cAAA,KAACX;YAAeY,QAAQ;;;AAIhC,MAAMC,0BAA0B,kBAAM,KAACC;QAAIC,OAAO;YAACC,OAAO;QAAE;;AAE5D,MAAMC,uBAAwF,CAAC,EAC3FC,QAAQ,EACRC,YAAY,IAAI,EAChBC,MAAM,EACNC,QAAQ,EACX;IACG,MAAM,EAACC,OAAO,EAAEC,EAAE,EAAC,GAAGlB,UAAU,MAAM;QAACmB,MAAM;QAAcJ;IAAM;IACjE,MAAMK,eAAeN,aAAaD,yBAAW,KAACZ;QAAaC,SAASW;uBAAe,KAACL;IAEpF,qBACI,MAACT;QAAMsB,WAAWH,GAAGD,QAAQK,IAAI;;YAC5BN;YACAI;;;AAGb;AAEA,MAAMG,yBAA0F,CAAC,EAC7FP,QAAQ,EACRD,MAAM,EACT;IACG,MAAM,EAACE,OAAO,EAAEC,EAAE,EAAC,GAAGlB,UAAU,MAAM;QAACmB,MAAM;QAAcJ;IAAM;IACjE,qBAAO,KAAChB;QAAMsB,WAAWH,GAAGD,QAAQK,IAAI;kBAAIN;;AAChD;AAEA,MAAMQ,0BAA2F,CAAC,EAC9FC,EAAE,EACFZ,QAAQ,EACRC,YAAY,IAAI,EAChBC,MAAM,EACNC,QAAQ,EACX;IACG,MAAM,EAACC,OAAO,EAAEC,EAAE,EAAC,GAAGlB,UAAU,MAAM;QAACmB,MAAM;QAAcJ;IAAM;IACjE,MAAMK,eAAeN,aAAaD,yBAAW,KAACZ;QAAaC,SAASW;SAAe;IACnF,MAAM,EAACa,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,UAAU,EAAEC,mBAAmB,EAAC,GAAGpC,YAAY;QAC5G6B;IACJ;IAEA,qBACI,MAAC1B;QACGkC,KAAKL;QACLP,WAAWH,GAAGD,QAAQK,IAAI,EAAE;YAAC,CAACL,QAAQiB,YAAY,CAAC,EAAEH;QAAU;QAC/D5B,IACI0B,YACM;YACIA,WAAWhC,IAAIsC,SAAS,CAACC,QAAQ,CAACP;YAClCC;QACJ,IACAO;;0BAGV,KAAC5B;gBAAIwB,KAAKD;gBAAsB,GAAGL,SAAS;gBAAG,GAAGD,UAAU;gBAAEL,WAAWJ,QAAQqB,UAAU;0BACvF,cAAA,KAAC5C;oBAAoBa,QAAQ;;;YAEhCS;YACAI;;;AAGb;AAEA,OAAO,MAAMmB,iBAA4E,CAAC,EACtFC,SAAS,EACTC,QAAQ,EACR,GAAGC,YACN;IACG,IAAID,UAAU;QACV,qBAAO,KAAClB;YAAwB,GAAGmB,UAAU;;IACjD;IACA,IAAIF,WAAW;QACX,qBAAO,KAAChB;YAAyB,GAAGkB,UAAU;;IAClD;IACA,qBAAO,KAAC9B;QAAsB,GAAG8B,UAAU;;AAC/C,EAAE"}

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

@@ -1,3 +1,3 @@
-export * from "./Collection";
+export * from './Collection';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/components/copyToClipboard/CopyToClipboard.js

@@ -1,30 +1,21 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CheckSize16Px, CopySize16Px } from "@coveord/plasma-react-icons";
-import { ActionIcon, CopyButton, createStyles, TextInput, Tooltip } from "@mantine/core";
-var useStyles = createStyles(function(theme) {
-    return {
+import { CheckSize16Px, CopySize16Px } from '@coveord/plasma-react-icons';
+import { ActionIcon, CopyButton, createStyles, TextInput, Tooltip } from '@mantine/core';
+const useStyles = createStyles((theme)=>({
         input: {
             color: theme.colors.gray[7]
         }
-    };
-});
-var CopyToClipboardButton = function(param) {
-    var value = param.value, onCopy = param.onCopy;
-    return /*#__PURE__*/ _jsx(CopyButton, {
+    }));
+const CopyToClipboardButton = ({ value, onCopy })=>/*#__PURE__*/ _jsx(CopyButton, {
         value: value,
         timeout: 2000,
-        children: function(param) {
-            var copied = param.copied, copy = param.copy;
-            return /*#__PURE__*/ _jsx(Tooltip, {
-                label: copied ? "Copied" : "Copy",
+        children: ({ copied, copy })=>/*#__PURE__*/ _jsx(Tooltip, {
+                label: copied ? 'Copied' : 'Copy',
                 children: /*#__PURE__*/ _jsx(ActionIcon, {
-                    color: copied ? "success" : "gray",
-                    onClick: function() {
-                        var _onCopy;
+                    color: copied ? 'success' : 'gray',
+                    onClick: ()=>{
                         copy();
-                        (_onCopy = onCopy) === null || _onCopy === void 0 ? void 0 : _onCopy();
+                        onCopy?.();
                     },
                     children: copied ? /*#__PURE__*/ _jsx(CheckSize16Px, {
                         height: 16
@@ -32,15 +23,10 @@ var CopyToClipboardButton = function(param) {
                         height: 16
                     })
                 })
-            });
-        }
+            })
     });
-};
-export var CopyToClipboard = function(_param) {
-    var withLabel = _param.withLabel, others = _object_without_properties(_param, [
-        "withLabel"
-    ]);
-    var classes = useStyles().classes;
+export const CopyToClipboard = ({ withLabel, ...others })=>{
+    const { classes } = useStyles();
     return withLabel ? /*#__PURE__*/ _jsx(TextInput, {
         classNames: {
             input: classes.input
@@ -48,8 +34,12 @@ export var CopyToClipboard = function(_param) {
         value: others.value,
         readOnly: true,
         autoComplete: "off",
-        rightSection: /*#__PURE__*/ _jsx(CopyToClipboardButton, _object_spread({}, others))
-    }) : /*#__PURE__*/ _jsx(CopyToClipboardButton, _object_spread({}, others));
+        rightSection: /*#__PURE__*/ _jsx(CopyToClipboardButton, {
+            ...others
+        })
+    }) : /*#__PURE__*/ _jsx(CopyToClipboardButton, {
+        ...others
+    });
 };
 
 //# sourceMappingURL=CopyToClipboard.js.map