@coveord/plasma-mantine 47.4.0

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

@@ -0,0 +1,119 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AddSize16Px } from "@coveord/plasma-react-icons";
+import { Box, Button, Group, Stack, Tooltip, useComponentDefaultProps } from "@mantine/core";
+import { useId } from "@mantine/hooks";
+import { DragDropContext, Droppable } from "react-beautiful-dnd";
+import { useControlledList } from "../../hooks";
+import { CollectionItem } from "./CollectionItem";
+import useStyles from "./Colllection.styles";
+var defaultProps = {
+    draggable: false,
+    addLabel: "Add item",
+    addDisabledTooltip: "There is already an empty item",
+    disabled: false,
+    spacing: "xs",
+    required: false
+};
+export var Collection = function(props) {
+    var _ref = useComponentDefaultProps("Collection", defaultProps, props), value = _ref.value, defaultValue = _ref.defaultValue, onChange = _ref.onChange, onFocus = _ref.onFocus, disabled = _ref.disabled, draggable = _ref.draggable, children = _ref.children, spacing = _ref.spacing, required = _ref.required, newItem = _ref.newItem, addLabel = _ref.addLabel, addDisabledTooltip = _ref.addDisabledTooltip, // Style props
+    classNames = _ref.classNames, className = _ref.className, styles = _ref.styles, unstyled = _ref.unstyled, others = _object_without_properties(_ref, [
+        "value",
+        "defaultValue",
+        "onChange",
+        "onFocus",
+        "disabled",
+        "draggable",
+        "children",
+        "spacing",
+        "required",
+        "newItem",
+        "addLabel",
+        "addDisabledTooltip",
+        "classNames",
+        "className",
+        "styles",
+        "unstyled"
+    ]);
+    var ref = useStyles(null, {
+        classNames: classNames,
+        name: "Collection",
+        styles: styles,
+        unstyled: unstyled
+    }), classes = ref.classes, cx = ref.cx;
+    var collectionID = useId("dnd-droppable");
+    var ref1 = _sliced_to_array(useControlledList({
+        value: value,
+        onChange: onChange,
+        defaultValue: defaultValue
+    }), 2), values = ref1[0], ref2 = ref1[1], append = ref2.append, remove = ref2.remove, reorder = ref2.reorder;
+    var hasOnlyOneItem = values.length === 1;
+    var items = values.map(function(item, index) {
+        return /*#__PURE__*/ _jsx(CollectionItem, {
+            disabled: disabled,
+            draggable: draggable,
+            index: index,
+            onRemove: function() {
+                return remove(index);
+            },
+            styles: styles,
+            removable: !(required && hasOnlyOneItem),
+            children: children(item, index)
+        }, index);
+    });
+    var hasEmptyItem = values.some(function(item) {
+        return JSON.stringify(item) === JSON.stringify(newItem);
+    });
+    var _addButton = disabled ? null : /*#__PURE__*/ _jsx(Group, {
+        children: /*#__PURE__*/ _jsx(Tooltip, {
+            label: addDisabledTooltip,
+            disabled: !hasEmptyItem,
+            children: /*#__PURE__*/ _jsx(Box, {
+                children: /*#__PURE__*/ _jsx(Button, {
+                    variant: "subtle",
+                    leftIcon: /*#__PURE__*/ _jsx(AddSize16Px, {
+                        height: 16
+                    }),
+                    onClick: function() {
+                        return append(newItem);
+                    },
+                    disabled: hasEmptyItem,
+                    children: addLabel
+                })
+            })
+        })
+    });
+    return /*#__PURE__*/ _jsx(DragDropContext, {
+        onDragEnd: function(param) {
+            var destination = param.destination, source = param.source;
+            return reorder({
+                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__*/ _jsx(Box, _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, provided.droppableProps), {
+                    ref: provided.innerRef,
+                    className: cx(classes.root, className)
+                }), others), {
+                    children: /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: spacing,
+                        children: [
+                            items,
+                            provided.placeholder,
+                            _addButton
+                        ]
+                    })
+                }));
+            }
+        })
+    });
+};
+
+//# sourceMappingURL=Collection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/collection/Collection.tsx"],"sourcesContent":["import {AddSize16Px} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    Button,\n    DefaultProps,\n    Group,\n    MantineNumberSize,\n    Selectors,\n    Stack,\n    Tooltip,\n    useComponentDefaultProps,\n} from '@mantine/core';\nimport {useId} from '@mantine/hooks';\nimport {ReactNode} from 'react';\nimport {DragDropContext, Droppable} from 'react-beautiful-dnd';\n\nimport {useControlledList} from '../../hooks';\nimport {CollectionItem} from './CollectionItem';\nimport useStyles from './Colllection.styles';\n\ninterface CollectionProps<T> extends DefaultProps<Selectors<typeof useStyles>> {\n    newItem: T;\n    children: (item: T, index: number) => ReactNode;\n    defaultValue?: T[];\n    value?: T[];\n    onFocus?: () => void;\n    onChange?: (value: T[]) => void;\n    draggable?: boolean;\n    disabled?: boolean;\n    addLabel?: string;\n    addDisabledTooltip?: string;\n    spacing?: MantineNumberSize;\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        defaultValue,\n        onChange,\n        onFocus,\n        disabled,\n        draggable,\n        children,\n        spacing,\n        required,\n        newItem,\n        addLabel,\n        addDisabledTooltip,\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('dnd-droppable');\n\n    const [values, {append, remove, reorder}] = useControlledList({value, onChange, defaultValue});\n    const hasOnlyOneItem = values.length === 1;\n    const items = values.map((item, index) => (\n        <CollectionItem\n            key={index}\n            disabled={disabled}\n            draggable={draggable}\n            index={index}\n            onRemove={() => remove(index)}\n            styles={styles}\n            removable={!(required && hasOnlyOneItem)}\n        >\n            {children(item, index)}\n        </CollectionItem>\n    ));\n\n    const hasEmptyItem = values.some((item) => JSON.stringify(item) === JSON.stringify(newItem));\n\n    const _addButton = disabled ? null : (\n        <Group>\n            <Tooltip label={addDisabledTooltip} disabled={!hasEmptyItem}>\n                <Box>\n                    <Button\n                        variant=\"subtle\"\n                        leftIcon={<AddSize16Px height={16} />}\n                        onClick={() => append(newItem)}\n                        disabled={hasEmptyItem}\n                    >\n                        {addLabel}\n                    </Button>\n                </Box>\n            </Tooltip>\n        </Group>\n    );\n\n    return (\n        <DragDropContext\n            onDragEnd={({destination, source}) => reorder({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                        <Stack spacing={spacing}>\n                            {items}\n                            {provided.placeholder}\n                            {_addButton}\n                        </Stack>\n                    </Box>\n                )}\n            </Droppable>\n        </DragDropContext>\n    );\n};\n"],"names":["AddSize16Px","Box","Button","Group","Stack","Tooltip","useComponentDefaultProps","useId","DragDropContext","Droppable","useControlledList","CollectionItem","useStyles","defaultProps","draggable","addLabel","addDisabledTooltip","disabled","spacing","required","Collection","props","value","defaultValue","onChange","onFocus","children","newItem","classNames","className","styles","unstyled","others","name","classes","cx","collectionID","values","append","remove","reorder","hasOnlyOneItem","length","items","map","item","index","onRemove","removable","hasEmptyItem","some","JSON","stringify","_addButton","label","variant","leftIcon","height","onClick","onDragEnd","destination","source","from","to","direction","droppableId","provided","droppableProps","ref","innerRef","root","placeholder"],"mappings":"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"}

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

@@ -0,0 +1,98 @@
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DragAndDropSize16Px, RemoveSize16Px } from "@coveord/plasma-react-icons";
+import { ActionIcon, Group } from "@mantine/core";
+import { Draggable } from "react-beautiful-dnd";
+import useStyles from "./Colllection.styles";
+var RemoveButton = function(param) {
+    var onClick = param.onClick;
+    return /*#__PURE__*/ _jsx(ActionIcon, {
+        variant: "subtle",
+        onClick: onClick,
+        color: "action",
+        children: /*#__PURE__*/ _jsx(RemoveSize16Px, {
+            height: 16
+        })
+    });
+};
+var RemoveButtonPlaceholder = function() {
+    return /*#__PURE__*/ _jsx("div", {
+        style: {
+            width: 28
+        }
+    });
+};
+var StaticCollectionItem = function(param) {
+    var onRemove = param.onRemove, _removable = param.removable, removable = _removable === void 0 ? true : _removable, styles = param.styles, children = param.children;
+    var ref = useStyles(null, {
+        name: "Collection",
+        styles: styles
+    }), classes = ref.classes, cx = ref.cx;
+    var removeButton = removable && onRemove ? /*#__PURE__*/ _jsx(RemoveButton, {
+        onClick: onRemove
+    }) : /*#__PURE__*/ _jsx(RemoveButtonPlaceholder, {});
+    return /*#__PURE__*/ _jsxs(Group, {
+        className: cx(classes.item),
+        children: [
+            children,
+            removeButton
+        ]
+    });
+};
+var DisabledCollectionItem = function(param) {
+    var children = param.children;
+    var ref = useStyles(), classes = ref.classes, cx = ref.cx;
+    return /*#__PURE__*/ _jsx(Group, {
+        className: cx(classes.item),
+        children: children
+    });
+};
+var DraggableCollectionItem = function(param) {
+    var index = param.index, onRemove = param.onRemove, _removable = param.removable, removable = _removable === void 0 ? true : _removable, styles = param.styles, children = param.children;
+    var ref = useStyles(null, {
+        name: "Collection",
+        styles: styles
+    }), classes = ref.classes, cx = ref.cx;
+    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), {
+                        children: /*#__PURE__*/ _jsx(DragAndDropSize16Px, {
+                            height: 16
+                        })
+                    })),
+                    children,
+                    removeButton
+                ]
+            }));
+        }
+    });
+};
+export var CollectionItem = function(_param) {
+    var draggable = _param.draggable, disabled = _param.disabled, otherProps = _object_without_properties(_param, [
+        "draggable",
+        "disabled"
+    ]);
+    if (disabled) {
+        return /*#__PURE__*/ _jsx(DisabledCollectionItem, _object_spread({}, otherProps));
+    }
+    if (draggable) {
+        return /*#__PURE__*/ _jsx(DraggableCollectionItem, _object_spread({}, otherProps));
+    }
+    return /*#__PURE__*/ _jsx(StaticCollectionItem, _object_spread({}, otherProps));
+};
+
+//# sourceMappingURL=CollectionItem.js.map

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

@@ -0,0 +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} from 'react';\nimport {Draggable} from 'react-beautiful-dnd';\n\nimport useStyles from './Colllection.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 variant=\"subtle\" onClick={onClick} color=\"action\">\n        <RemoveSize16Px height={16} />\n    </ActionIcon>\n);\n\nconst RemoveButtonPlaceholder = () => <div style={{width: 28}} />;\n\nconst StaticCollectionItem: FunctionComponent<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<CollectionItemSharedProps> = ({children}) => {\n    const {classes, cx} = useStyles();\n    return <Group className={cx(classes.item)}>{children}</Group>;\n};\n\nconst DraggableCollectionItem: FunctionComponent<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 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}>\n                        <DragAndDropSize16Px height={16} />\n                    </div>\n                    {children}\n                    {removeButton}\n                </Group>\n            )}\n        </Draggable>\n    );\n};\n\nexport const CollectionItem: FunctionComponent<CollectionItemProps> = ({draggable, disabled, ...otherProps}) => {\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","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":"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"}

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

@@ -0,0 +1,14 @@
+import { createStyles } from "@mantine/core";
+export default createStyles(function(theme) {
+    return {
+        root: {},
+        item: {
+            backgroundColor: theme.colorScheme === "light" ? theme.white : theme.black
+        },
+        itemDragging: {
+            boxShadow: theme.shadows.sm
+        }
+    };
+});
+
+//# sourceMappingURL=Colllection.styles.js.map

package/dist/esm/components/collection/Colllection.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/collection/Colllection.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    },\n    itemDragging: {\n        boxShadow: theme.shadows.sm,\n    },\n}));\n"],"names":["createStyles","theme","root","item","backgroundColor","colorScheme","white","black","itemDragging","boxShadow","shadows","sm"],"mappings":"AAAA,SAAQA,YAAY,QAAO,eAAe,CAAC;AAI3C,eAAeA,YAAY,CAAC,SAACC,KAAK;WAAM;QACpCC,IAAI,EAAE,EAAE;QACRC,IAAI,EAAE;YACFC,eAAe,EAAEH,KAAK,CAACI,WAAW,KAAK,OAAO,GAAGJ,KAAK,CAACK,KAAK,GAAGL,KAAK,CAACM,KAAK;SAC7E;QACDC,YAAY,EAAE;YACVC,SAAS,EAAER,KAAK,CAACS,OAAO,CAACC,EAAE;SAC9B;KACJ;CAAC,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/collection/index.ts"],"sourcesContent":["export * from './Collection';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js

@@ -0,0 +1,92 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Center, Group, Space } from "@mantine/core";
+import { RangeCalendar } from "@mantine/dates";
+import { useForm } from "@mantine/form";
+import { DateRangePickerPresetSelect } from "./DateRangePickerPresetSelect";
+import { EditableDateRangePicker } from "./EditableDateRangePicker";
+export var DateRangePickerInlineCalendar = function(param) {
+    var initialRange = param.initialRange, onApply = param.onApply, onCancel = param.onCancel, presets = param.presets, startProps = param.startProps, endProps = param.endProps, rangeCalendarProps = param.rangeCalendarProps;
+    var form = useForm({
+        initialValues: {
+            dates: initialRange
+        }
+    });
+    var calendarInputProps = form.getInputProps("dates");
+    var onCalendarApply = function() {
+        onApply(form.values.dates);
+    };
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Group, {
+                align: "center",
+                spacing: "xs",
+                grow: true,
+                px: "md",
+                py: "sm",
+                sx: function(theme) {
+                    return {
+                        borderBottom: "1px solid ".concat(theme.colors.gray[2])
+                    };
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(EditableDateRangePicker, _object_spread_props(_object_spread({}, calendarInputProps), {
+                        startProps: startProps,
+                        endProps: endProps
+                    })),
+                    presets ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Space, {
+                                w: "sm"
+                            }),
+                            /*#__PURE__*/ _jsx(DateRangePickerPresetSelect, _object_spread({
+                                presets: presets
+                            }, calendarInputProps))
+                        ]
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Center, {
+                py: "sm",
+                px: "md",
+                children: /*#__PURE__*/ _jsx(RangeCalendar, _object_spread({
+                    amountOfMonths: 2,
+                    styles: {
+                        cell: {
+                            textAlign: "center"
+                        }
+                    },
+                    firstDayOfWeek: "sunday",
+                    allowSingleDateInRange: true
+                }, rangeCalendarProps, calendarInputProps))
+            }),
+            /*#__PURE__*/ _jsxs(Group, {
+                position: "right",
+                spacing: "xs",
+                px: "md",
+                py: "sm",
+                sx: function(theme) {
+                    return {
+                        borderTop: "1px solid ".concat(theme.colors.gray[2])
+                    };
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        size: "xs",
+                        onClick: onCalendarApply,
+                        children: "Apply"
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        variant: "outline",
+                        size: "xs",
+                        onClick: onCancel,
+                        children: "Cancel"
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=DateRangePickerInlineCalendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerInlineCalendar.tsx"],"sourcesContent":["import {Button, Center, Group, Space} from '@mantine/core';\nimport {DateRangePickerValue, RangeCalendar, RangeCalendarProps} from '@mantine/dates';\nimport {useForm} from '@mantine/form';\n\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\nexport interface DateRangePickerInlineCalendarProps\n    extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n    /**\n     * Initial selected range\n     */\n    initialRange: DateRangePickerValue;\n    /**\n     * Function called when the user applies the new date range\n     *\n     * @param range the newly selected dates\n     */\n    onApply: (range: DateRangePickerValue) => void;\n    /**\n     * Function called when the user click on the cancel button\n     */\n    onCancel: () => void;\n    /**\n     * The presets to display\n     *\n     * @default {}\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n     * }\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n    /**\n     * Props for RangeCalendar displayed in the popover\n     */\n    rangeCalendarProps?: Omit<RangeCalendarProps, 'value' | 'onChange'>;\n}\n\nexport const DateRangePickerInlineCalendar = ({\n    initialRange,\n    onApply,\n    onCancel,\n    presets,\n    startProps,\n    endProps,\n    rangeCalendarProps,\n}: DateRangePickerInlineCalendarProps) => {\n    const form = useForm({\n        initialValues: {\n            dates: initialRange,\n        },\n    });\n    const calendarInputProps = form.getInputProps('dates');\n\n    const onCalendarApply = () => {\n        onApply(form.values.dates);\n    };\n\n    return (\n        <>\n            <Group\n                align=\"center\"\n                spacing=\"xs\"\n                grow\n                px=\"md\"\n                py=\"sm\"\n                sx={(theme) => ({\n                    borderBottom: `1px solid ${theme.colors.gray[2]}`,\n                })}\n            >\n                <EditableDateRangePicker {...calendarInputProps} startProps={startProps} endProps={endProps} />\n                {presets ? (\n                    <>\n                        <Space w=\"sm\" />\n                        <DateRangePickerPresetSelect presets={presets} {...calendarInputProps} />\n                    </>\n                ) : null}\n            </Group>\n\n            <Center py=\"sm\" px=\"md\">\n                <RangeCalendar\n                    amountOfMonths={2}\n                    styles={{cell: {textAlign: 'center'}}}\n                    firstDayOfWeek=\"sunday\"\n                    allowSingleDateInRange\n                    {...rangeCalendarProps}\n                    {...calendarInputProps}\n                />\n            </Center>\n\n            <Group\n                position=\"right\"\n                spacing=\"xs\"\n                px=\"md\"\n                py=\"sm\"\n                sx={(theme) => ({\n                    borderTop: `1px solid ${theme.colors.gray[2]}`,\n                })}\n            >\n                <Button size=\"xs\" onClick={onCalendarApply}>\n                    Apply\n                </Button>\n                <Button variant=\"outline\" size=\"xs\" onClick={onCancel}>\n                    Cancel\n                </Button>\n            </Group>\n        </>\n    );\n};\n"],"names":["Button","Center","Group","Space","RangeCalendar","useForm","DateRangePickerPresetSelect","EditableDateRangePicker","DateRangePickerInlineCalendar","initialRange","onApply","onCancel","presets","startProps","endProps","rangeCalendarProps","form","initialValues","dates","calendarInputProps","getInputProps","onCalendarApply","values","align","spacing","grow","px","py","sx","theme","borderBottom","colors","gray","w","amountOfMonths","styles","cell","textAlign","firstDayOfWeek","allowSingleDateInRange","position","borderTop","size","onClick","variant"],"mappings":"AAAA;;;AAAA,SAAQA,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAEC,KAAK,QAAO,eAAe,CAAC;AAC3D,SAA8BC,aAAa,QAA2B,gBAAgB,CAAC;AACvF,SAAQC,OAAO,QAAO,eAAe,CAAC;AAEtC,SAA+BC,2BAA2B,QAAO,+BAA+B,CAAC;AACjG,SAAQC,uBAAuB,QAAqC,2BAA2B,CAAC;AAmChG,OAAO,IAAMC,6BAA6B,GAAG,gBAQH;QAPtCC,YAAY,SAAZA,YAAY,EACZC,OAAO,SAAPA,OAAO,EACPC,QAAQ,SAARA,QAAQ,EACRC,OAAO,SAAPA,OAAO,EACPC,UAAU,SAAVA,UAAU,EACVC,QAAQ,SAARA,QAAQ,EACRC,kBAAkB,SAAlBA,kBAAkB;IAElB,IAAMC,IAAI,GAAGX,OAAO,CAAC;QACjBY,aAAa,EAAE;YACXC,KAAK,EAAET,YAAY;SACtB;KACJ,CAAC,AAAC;IACH,IAAMU,kBAAkB,GAAGH,IAAI,CAACI,aAAa,CAAC,OAAO,CAAC,AAAC;IAEvD,IAAMC,eAAe,GAAG,WAAM;QAC1BX,OAAO,CAACM,IAAI,CAACM,MAAM,CAACJ,KAAK,CAAC,CAAC;IAC/B,CAAC,AAAC;IAEF,qBACI;;0BACI,MAAChB,KAAK;gBACFqB,KAAK,EAAC,QAAQ;gBACdC,OAAO,EAAC,IAAI;gBACZC,IAAI;gBACJC,EAAE,EAAC,IAAI;gBACPC,EAAE,EAAC,IAAI;gBACPC,EAAE,EAAE,SAACC,KAAK;2BAAM;wBACZC,YAAY,EAAE,AAAC,YAAU,CAAuB,MAAA,CAArBD,KAAK,CAACE,MAAM,CAACC,IAAI,CAAC,CAAC,CAAC,CAAE;qBACpD;iBAAC;;kCAEF,KAACzB,uBAAuB,0CAAKY,kBAAkB;wBAAEN,UAAU,EAAEA,UAAU;wBAAEC,QAAQ,EAAEA,QAAQ;uBAAI;oBAC9FF,OAAO,iBACJ;;0CACI,KAACT,KAAK;gCAAC8B,CAAC,EAAC,IAAI;8BAAG;0CAChB,KAAC3B,2BAA2B;gCAACM,OAAO,EAAEA,OAAO;+BAAMO,kBAAkB,EAAI;;sBAC1E,GACH,IAAI;;cACJ;0BAER,KAAClB,MAAM;gBAAC0B,EAAE,EAAC,IAAI;gBAACD,EAAE,EAAC,IAAI;0BACnB,cAAA,KAACtB,aAAa;oBACV8B,cAAc,EAAE,CAAC;oBACjBC,MAAM,EAAE;wBAACC,IAAI,EAAE;4BAACC,SAAS,EAAE,QAAQ;yBAAC;qBAAC;oBACrCC,cAAc,EAAC,QAAQ;oBACvBC,sBAAsB;mBAClBxB,kBAAkB,EAClBI,kBAAkB,EACxB;cACG;0BAET,MAACjB,KAAK;gBACFsC,QAAQ,EAAC,OAAO;gBAChBhB,OAAO,EAAC,IAAI;gBACZE,EAAE,EAAC,IAAI;gBACPC,EAAE,EAAC,IAAI;gBACPC,EAAE,EAAE,SAACC,KAAK;2BAAM;wBACZY,SAAS,EAAE,AAAC,YAAU,CAAuB,MAAA,CAArBZ,KAAK,CAACE,MAAM,CAACC,IAAI,CAAC,CAAC,CAAC,CAAE;qBACjD;iBAAC;;kCAEF,KAAChC,MAAM;wBAAC0C,IAAI,EAAC,IAAI;wBAACC,OAAO,EAAEtB,eAAe;kCAAE,OAE5C;sBAAS;kCACT,KAACrB,MAAM;wBAAC4C,OAAO,EAAC,SAAS;wBAACF,IAAI,EAAC,IAAI;wBAACC,OAAO,EAAEhC,QAAQ;kCAAE,QAEvD;sBAAS;;cACL;;MACT,CACL;AACN,CAAC,CAAC"}

package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js

@@ -0,0 +1,83 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { RangeCalendar } from "@mantine/dates";
+import { Group, Popover, Space } from "@mantine/core";
+import { useClickOutside, useUncontrolled } from "@mantine/hooks";
+import { useState } from "react";
+import { EditableDateRangePicker } from "./EditableDateRangePicker";
+import { DateRangePickerPresetSelect } from "./DateRangePickerPresetSelect";
+export var DateRangePickerPopoverCalendar = function(param) {
+    var presets = param.presets, value = param.value, defaultValue = param.defaultValue, onChange = param.onChange, startProps = param.startProps, endProps = param.endProps, rangeCalendarProps = param.rangeCalendarProps;
+    var ref = _sliced_to_array(useState(false), 2), opened = ref[0], setOpened = ref[1];
+    var ref1 = useClickOutside(function() {
+        return setOpened(false);
+    });
+    var ref2 = _sliced_to_array(useUncontrolled({
+        value: value,
+        defaultValue: defaultValue,
+        onChange: onChange,
+        finalValue: [
+            null,
+            null
+        ]
+    }), 2), _value = ref2[0], handleChange = ref2[1];
+    var onCalendarChange = function(dates) {
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(dates);
+        if (dates[1] !== null) {
+            setOpened(false);
+        }
+    };
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Group, {
+                align: "center",
+                children: [
+                    /*#__PURE__*/ _jsx(EditableDateRangePicker, {
+                        value: _value,
+                        onChange: handleChange,
+                        onFocus: function() {
+                            return setOpened(true);
+                        },
+                        startProps: startProps,
+                        endProps: endProps
+                    }),
+                    presets ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Space, {
+                                w: "sm"
+                            }),
+                            /*#__PURE__*/ _jsx(DateRangePickerPresetSelect, {
+                                presets: presets,
+                                value: _value,
+                                onChange: handleChange
+                            })
+                        ]
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Popover, {
+                opened: opened,
+                onChange: setOpened,
+                trapFocus: true,
+                children: /*#__PURE__*/ _jsx(Popover.Dropdown, {
+                    children: /*#__PURE__*/ _jsx(RangeCalendar, _object_spread({
+                        ref: ref1,
+                        styles: {
+                            cell: {
+                                textAlign: "center"
+                            }
+                        },
+                        amountOfMonths: 2,
+                        firstDayOfWeek: "sunday",
+                        allowSingleDateInRange: true,
+                        value: _value,
+                        onChange: onCalendarChange
+                    }, rangeCalendarProps))
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=DateRangePickerPopoverCalendar.js.map

package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"sourcesContent":["import {DateRangePickerValue, RangeCalendar, RangeCalendarProps} from '@mantine/dates';\nimport {Group, Popover, Space} from '@mantine/core';\nimport {useClickOutside, useUncontrolled} from '@mantine/hooks';\nimport {useState} from 'react';\n\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\nimport {DateRangePickerPresetSelect, DateRangePickerPreset} from './DateRangePickerPresetSelect';\n\ninterface DateRangePickerPopoverCalendarProps<T> extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n    /** Default value for uncontrolled input */\n    defaultValue?: DateRangePickerValue;\n    /** Value for controlled input */\n    value?: DateRangePickerValue;\n    /** onChange value for controlled input */\n    onChange?(value: DateRangePickerValue): void;\n    /**\n     * The presets to display\n     *\n     * @default {}\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n     * }\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n\n    /**\n     * Props for RangeCalendar\n     */\n    rangeCalendarProps?: Omit<RangeCalendarProps, 'value' | 'onChange'>;\n}\n\nexport const DateRangePickerPopoverCalendar = <T extends unknown>({\n    presets,\n    value,\n    defaultValue,\n    onChange,\n    startProps,\n    endProps,\n    rangeCalendarProps,\n}: DateRangePickerPopoverCalendarProps<T>) => {\n    const [opened, setOpened] = useState(false);\n    const ref = useClickOutside(() => setOpened(false));\n\n    const [_value, handleChange] = useUncontrolled<DateRangePickerValue>({\n        value,\n        defaultValue,\n        onChange,\n        finalValue: [null, null],\n    });\n\n    const onCalendarChange = (dates: DateRangePickerValue) => {\n        handleChange?.(dates);\n        if (dates[1] !== null) {\n            setOpened(false);\n        }\n    };\n\n    return (\n        <>\n            <Group align=\"center\">\n                <EditableDateRangePicker\n                    value={_value}\n                    onChange={handleChange}\n                    onFocus={() => setOpened(true)}\n                    startProps={startProps}\n                    endProps={endProps}\n                />\n                {presets ? (\n                    <>\n                        <Space w=\"sm\" />\n                        <DateRangePickerPresetSelect presets={presets} value={_value} onChange={handleChange} />\n                    </>\n                ) : null}\n            </Group>\n\n            <Popover opened={opened} onChange={setOpened} trapFocus>\n                <Popover.Dropdown>\n                    <RangeCalendar\n                        ref={ref}\n                        styles={{cell: {textAlign: 'center'}}}\n                        amountOfMonths={2}\n                        firstDayOfWeek=\"sunday\"\n                        allowSingleDateInRange\n                        value={_value}\n                        onChange={onCalendarChange}\n                        {...rangeCalendarProps}\n                    />\n                </Popover.Dropdown>\n            </Popover>\n        </>\n    );\n};\n"],"names":["RangeCalendar","Group","Popover","Space","useClickOutside","useUncontrolled","useState","EditableDateRangePicker","DateRangePickerPresetSelect","DateRangePickerPopoverCalendar","presets","value","defaultValue","onChange","startProps","endProps","rangeCalendarProps","opened","setOpened","ref","finalValue","_value","handleChange","onCalendarChange","dates","align","onFocus","w","trapFocus","Dropdown","styles","cell","textAlign","amountOfMonths","firstDayOfWeek","allowSingleDateInRange"],"mappings":"AAAA;;;AAAA,SAA8BA,aAAa,QAA2B,gBAAgB,CAAC;AACvF,SAAQC,KAAK,EAAEC,OAAO,EAAEC,KAAK,QAAO,eAAe,CAAC;AACpD,SAAQC,eAAe,EAAEC,eAAe,QAAO,gBAAgB,CAAC;AAChE,SAAQC,QAAQ,QAAO,OAAO,CAAC;AAE/B,SAAQC,uBAAuB,QAAqC,2BAA2B,CAAC;AAChG,SAAQC,2BAA2B,QAA8B,+BAA+B,CAAC;AA2BjG,OAAO,IAAMC,8BAA8B,GAAG,gBAQA;QAP1CC,OAAO,SAAPA,OAAO,EACPC,KAAK,SAALA,KAAK,EACLC,YAAY,SAAZA,YAAY,EACZC,QAAQ,SAARA,QAAQ,EACRC,UAAU,SAAVA,UAAU,EACVC,QAAQ,SAARA,QAAQ,EACRC,kBAAkB,SAAlBA,kBAAkB;IAElB,IAA4BV,GAAe,oBAAfA,QAAQ,CAAC,KAAK,CAAC,IAAA,EAApCW,MAAM,GAAeX,GAAe,GAA9B,EAAEY,SAAS,GAAIZ,GAAe,GAAnB,AAAoB;IAC5C,IAAMa,IAAG,GAAGf,eAAe,CAAC;eAAMc,SAAS,CAAC,KAAK,CAAC;KAAA,CAAC,AAAC;IAEpD,IAA+Bb,IAK7B,oBAL6BA,eAAe,CAAuB;QACjEM,KAAK,EAALA,KAAK;QACLC,YAAY,EAAZA,YAAY;QACZC,QAAQ,EAARA,QAAQ;QACRO,UAAU,EAAE;YAAC,IAAI;YAAE,IAAI;SAAC;KAC3B,CAAC,IAAA,EALKC,MAAM,GAAkBhB,IAK7B,GALW,EAAEiB,YAAY,GAAIjB,IAK7B,GALyB,AAKxB;IAEH,IAAMkB,gBAAgB,GAAG,SAACC,KAA2B,EAAK;QACtDF,YAAY,aAAZA,YAAY,WAAS,GAArBA,KAAAA,CAAqB,GAArBA,YAAY,CAAGE,KAAK,CAAC,CAAC;QACtB,IAAIA,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;YACnBN,SAAS,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACL,CAAC,AAAC;IAEF,qBACI;;0BACI,MAACjB,KAAK;gBAACwB,KAAK,EAAC,QAAQ;;kCACjB,KAAClB,uBAAuB;wBACpBI,KAAK,EAAEU,MAAM;wBACbR,QAAQ,EAAES,YAAY;wBACtBI,OAAO,EAAE;mCAAMR,SAAS,CAAC,IAAI,CAAC;yBAAA;wBAC9BJ,UAAU,EAAEA,UAAU;wBACtBC,QAAQ,EAAEA,QAAQ;sBACpB;oBACDL,OAAO,iBACJ;;0CACI,KAACP,KAAK;gCAACwB,CAAC,EAAC,IAAI;8BAAG;0CAChB,KAACnB,2BAA2B;gCAACE,OAAO,EAAEA,OAAO;gCAAEC,KAAK,EAAEU,MAAM;gCAAER,QAAQ,EAAES,YAAY;8BAAI;;sBACzF,GACH,IAAI;;cACJ;0BAER,KAACpB,OAAO;gBAACe,MAAM,EAAEA,MAAM;gBAAEJ,QAAQ,EAAEK,SAAS;gBAAEU,SAAS;0BACnD,cAAA,KAAC1B,OAAO,CAAC2B,QAAQ;8BACb,cAAA,KAAC7B,aAAa;wBACVmB,GAAG,EAAEA,IAAG;wBACRW,MAAM,EAAE;4BAACC,IAAI,EAAE;gCAACC,SAAS,EAAE,QAAQ;6BAAC;yBAAC;wBACrCC,cAAc,EAAE,CAAC;wBACjBC,cAAc,EAAC,QAAQ;wBACvBC,sBAAsB;wBACtBxB,KAAK,EAAEU,MAAM;wBACbR,QAAQ,EAAEU,gBAAgB;uBACtBP,kBAAkB,EACxB;kBACa;cACb;;MACX,CACL;AACN,CAAC,CAAC"}

package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.js

@@ -0,0 +1,53 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isSameDate } from "@mantine/dates";
+import { Select } from "@mantine/core";
+import { useState, useEffect } from "react";
+import dayjs from "dayjs";
+export var DateRangePickerPresetSelect = function(param) {
+    var presets = param.presets, value = param.value, onChange = param.onChange, _selectProps = param.selectProps, selectProps = _selectProps === void 0 ? {} : _selectProps;
+    var selectData = Object.entries(presets).map(function(param) {
+        var _param = _sliced_to_array(param, 2), val = _param[0], label = _param[1].label;
+        return {
+            value: val,
+            label: label
+        };
+    });
+    var getSelectedPreset = function() {
+        if (value[0] !== null && value[1] !== null && dayjs(value[0]).unix() !== dayjs(value[1]).unix()) {
+            var selected = Object.entries(presets).find(function(param) {
+                var _param = _sliced_to_array(param, 2), id = _param[0], range = _param[1].range;
+                return dayjs(range[0]).isSame(value[0]) && isSameDate(range[1], value[1]);
+            });
+            if (selected) {
+                return selected[0];
+            }
+        }
+        return null;
+    };
+    var ref = _sliced_to_array(useState(getSelectedPreset()), 2), selectedPreset = ref[0], setSelectedPreset = ref[1];
+    useEffect(function() {
+        var newPreset = getSelectedPreset();
+        if (newPreset !== selectedPreset) {
+            setSelectedPreset(newPreset);
+        }
+    }, [
+        value
+    ]);
+    var onChangePreset = function(presetId) {
+        var range = presets[presetId].range;
+        onChange === null || onChange === void 0 ? void 0 : onChange(range);
+    };
+    return /*#__PURE__*/ _jsx(Select, _object_spread_props(_object_spread({
+        label: "Date range",
+        placeholder: "Select a date range"
+    }, selectProps), {
+        value: selectedPreset,
+        onChange: onChangePreset,
+        data: selectData
+    }));
+};
+
+//# sourceMappingURL=DateRangePickerPresetSelect.js.map

package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"sourcesContent":["import {DateRangePickerValue, isSameDate} from '@mantine/dates';\nimport {Select, SelectItem, SelectProps} from '@mantine/core';\nimport {useState, useEffect} from 'react';\nimport dayjs from 'dayjs';\n\nexport interface DateRangePickerPreset {\n    label: string;\n    range: DateRangePickerValue;\n}\n\ninterface DateRangePickerPresetsSelectProps<T> {\n    presets: Record<string, DateRangePickerPreset>;\n    value: DateRangePickerValue;\n    onChange?(value: DateRangePickerValue): void;\n    selectProps?: Partial<Omit<SelectProps, 'data' | 'value' | 'onChange'>>;\n}\n\nexport const DateRangePickerPresetSelect = <T extends unknown>({\n    presets,\n    value,\n    onChange,\n    selectProps = {},\n}: DateRangePickerPresetsSelectProps<T>) => {\n    const selectData: SelectItem[] = Object.entries(presets).map(([val, {label}]) => ({value: val, label}));\n\n    const getSelectedPreset = () => {\n        if (value[0] !== null && value[1] !== null && dayjs(value[0]).unix() !== dayjs(value[1]).unix()) {\n            const selected = Object.entries(presets).find(\n                ([id, {range}]) => dayjs(range[0]!).isSame(value[0]) && isSameDate(range[1]!, value[1]!)\n            );\n            if (selected) {\n                return selected[0];\n            }\n        }\n        return null;\n    };\n\n    const [selectedPreset, setSelectedPreset] = useState<string | null>(getSelectedPreset());\n\n    useEffect(() => {\n        const newPreset = getSelectedPreset();\n        if (newPreset !== selectedPreset) {\n            setSelectedPreset(newPreset);\n        }\n    }, [value]);\n\n    const onChangePreset = (presetId: keyof typeof presets) => {\n        const range = presets[presetId].range as any;\n        onChange?.(range);\n    };\n\n    return (\n        <Select\n            label=\"Date range\"\n            placeholder=\"Select a date range\"\n            {...selectProps}\n            value={selectedPreset}\n            onChange={onChangePreset}\n            data={selectData}\n        />\n    );\n};\n"],"names":["isSameDate","Select","useState","useEffect","dayjs","DateRangePickerPresetSelect","presets","value","onChange","selectProps","selectData","Object","entries","map","val","label","getSelectedPreset","unix","selected","find","id","range","isSame","selectedPreset","setSelectedPreset","newPreset","onChangePreset","presetId","placeholder","data"],"mappings":"AAAA;;;;AAAA,SAA8BA,UAAU,QAAO,gBAAgB,CAAC;AAChE,SAAQC,MAAM,QAAgC,eAAe,CAAC;AAC9D,SAAQC,QAAQ,EAAEC,SAAS,QAAO,OAAO,CAAC;AAC1C,OAAOC,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,IAAMC,2BAA2B,GAAG,gBAKC;QAJxCC,OAAO,SAAPA,OAAO,EACPC,KAAK,SAALA,KAAK,EACLC,QAAQ,SAARA,QAAQ,uBACRC,WAAW,EAAXA,WAAW,6BAAG,EAAE,eAAA;IAEhB,IAAMC,UAAU,GAAiBC,MAAM,CAACC,OAAO,CAACN,OAAO,CAAC,CAACO,GAAG,CAAC;iDAAEC,GAAG,YAAA,EAAE,AAACC,KAAK,aAALA,KAAK,AAAC;eAAO;YAACR,KAAK,EAAEO,GAAG;YAAEC,KAAK,EAALA,KAAK;SAAC;KAAC,CAAC,AAAC;IAExG,IAAMC,iBAAiB,GAAG,WAAM;QAC5B,IAAIT,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,IAAIA,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,IAAIH,KAAK,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC,CAACU,IAAI,EAAE,KAAKb,KAAK,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC,CAACU,IAAI,EAAE,EAAE;YAC7F,IAAMC,QAAQ,GAAGP,MAAM,CAACC,OAAO,CAACN,OAAO,CAAC,CAACa,IAAI,CACzC;yDAAEC,EAAE,YAAA,EAAE,AAACC,KAAK,aAALA,KAAK,AAAC;uBAAMjB,KAAK,CAACiB,KAAK,CAAC,CAAC,CAAC,CAAE,CAACC,MAAM,CAACf,KAAK,CAAC,CAAC,CAAC,CAAC,IAAIP,UAAU,CAACqB,KAAK,CAAC,CAAC,CAAC,EAAGd,KAAK,CAAC,CAAC,CAAC,CAAE;aAAA,CAC3F,AAAC;YACF,IAAIW,QAAQ,EAAE;gBACV,OAAOA,QAAQ,CAAC,CAAC,CAAC,CAAC;YACvB,CAAC;QACL,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC,AAAC;IAEF,IAA4ChB,GAA4C,oBAA5CA,QAAQ,CAAgBc,iBAAiB,EAAE,CAAC,IAAA,EAAjFO,cAAc,GAAuBrB,GAA4C,GAAnE,EAAEsB,iBAAiB,GAAItB,GAA4C,GAAhD,AAAiD;IAEzFC,SAAS,CAAC,WAAM;QACZ,IAAMsB,SAAS,GAAGT,iBAAiB,EAAE,AAAC;QACtC,IAAIS,SAAS,KAAKF,cAAc,EAAE;YAC9BC,iBAAiB,CAACC,SAAS,CAAC,CAAC;QACjC,CAAC;IACL,CAAC,EAAE;QAAClB,KAAK;KAAC,CAAC,CAAC;IAEZ,IAAMmB,cAAc,GAAG,SAACC,QAA8B,EAAK;QACvD,IAAMN,KAAK,GAAGf,OAAO,CAACqB,QAAQ,CAAC,CAACN,KAAK,AAAO,AAAC;QAC7Cb,QAAQ,aAARA,QAAQ,WAAS,GAAjBA,KAAAA,CAAiB,GAAjBA,QAAQ,CAAGa,KAAK,CAAC,CAAC;IACtB,CAAC,AAAC;IAEF,qBACI,KAACpB,MAAM;QACHc,KAAK,EAAC,YAAY;QAClBa,WAAW,EAAC,qBAAqB;OAC7BnB,WAAW;QACfF,KAAK,EAAEgB,cAAc;QACrBf,QAAQ,EAAEkB,cAAc;QACxBG,IAAI,EAAEnB,UAAU;OAClB,CACJ;AACN,CAAC,CAAC"}

package/dist/esm/components/date-range-picker/EditableDateRangePicker.js

@@ -0,0 +1,56 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DatePicker } from "@mantine/dates";
+export var EditableDateRangePicker = function(param) {
+    var value = param.value, onChange = param.onChange, onFocus = param.onFocus, _separator = param.separator, separator = _separator === void 0 ? "to" : _separator, _startProps = param.startProps, startProps = _startProps === void 0 ? {} : _startProps, _endProps = param.endProps, endProps = _endProps === void 0 ? {} : _endProps;
+    var onChangeStart = function(date) {
+        var ref;
+        onChange === null || onChange === void 0 ? void 0 : onChange([
+            date,
+            (ref = value === null || value === void 0 ? void 0 : value[1]) !== null && ref !== void 0 ? ref : null
+        ]);
+    };
+    var onChangeEnd = function(date) {
+        var ref;
+        onChange === null || onChange === void 0 ? void 0 : onChange([
+            (ref = value === null || value === void 0 ? void 0 : value[0]) !== null && ref !== void 0 ? ref : null,
+            date
+        ]);
+    };
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(DatePicker, _object_spread_props(_object_spread({
+                allowFreeInput: true,
+                clearable: false,
+                label: "Start"
+            }, startProps), {
+                value: value === null || value === void 0 ? void 0 : value[0],
+                onChange: onChangeStart,
+                onFocus: onFocus,
+                styles: _object_spread_props(_object_spread({}, startProps.styles), {
+                    dropdown: {
+                        display: "none"
+                    }
+                })
+            })),
+            separator,
+            /*#__PURE__*/ _jsx(DatePicker, _object_spread_props(_object_spread({
+                allowFreeInput: true,
+                clearable: false,
+                label: "End"
+            }, endProps), {
+                value: value === null || value === void 0 ? void 0 : value[1],
+                onChange: onChangeEnd,
+                onFocus: onFocus,
+                styles: _object_spread_props(_object_spread({}, endProps.styles), {
+                    dropdown: {
+                        display: "none"
+                    }
+                })
+            }))
+        ]
+    });
+};
+
+//# sourceMappingURL=EditableDateRangePicker.js.map

package/dist/esm/components/date-range-picker/EditableDateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DatePicker, DatePickerProps, DateRangePickerValue} from '@mantine/dates';\nimport {ReactNode} from 'react';\n\nexport interface EditableDateRangePickerProps {\n    value: DateRangePickerValue;\n    onChange?(value: DateRangePickerValue): void;\n    onFocus?: () => void;\n    separator?: ReactNode;\n    /**\n     * Props for the start input\n     */\n    startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n    /**\n     * Props for the end input\n     */\n    endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n    value,\n    onChange,\n    onFocus,\n    separator = 'to',\n    startProps = {},\n    endProps = {},\n}: EditableDateRangePickerProps) => {\n    const onChangeStart = (date: Date | null) => {\n        onChange?.([date, value?.[1] ?? null]);\n    };\n    const onChangeEnd = (date: Date | null) => {\n        onChange?.([value?.[0] ?? null, date]);\n    };\n\n    return (\n        <>\n            <DatePicker\n                allowFreeInput\n                clearable={false}\n                label=\"Start\"\n                {...startProps}\n                value={value?.[0]}\n                onChange={onChangeStart}\n                onFocus={onFocus}\n                styles={{...startProps.styles, dropdown: {display: 'none'}}}\n            />\n            {separator}\n            <DatePicker\n                allowFreeInput\n                clearable={false}\n                label=\"End\"\n                {...endProps}\n                value={value?.[1]}\n                onChange={onChangeEnd}\n                onFocus={onFocus}\n                styles={{...endProps.styles, dropdown: {display: 'none'}}}\n            />\n        </>\n    );\n};\n"],"names":["DatePicker","EditableDateRangePicker","value","onChange","onFocus","separator","startProps","endProps","onChangeStart","date","onChangeEnd","allowFreeInput","clearable","label","styles","dropdown","display"],"mappings":"AAAA;;;AAAA,SAAQA,UAAU,QAA8C,gBAAgB,CAAC;AAkBjF,OAAO,IAAMC,uBAAuB,GAAG,gBAOH;QANhCC,KAAK,SAALA,KAAK,EACLC,QAAQ,SAARA,QAAQ,EACRC,OAAO,SAAPA,OAAO,qBACPC,SAAS,EAATA,SAAS,2BAAG,IAAI,aAAA,sBAChBC,UAAU,EAAVA,UAAU,4BAAG,EAAE,cAAA,oBACfC,QAAQ,EAARA,QAAQ,0BAAG,EAAE,YAAA;IAEb,IAAMC,aAAa,GAAG,SAACC,IAAiB,EAAK;YACvBP,GAAU;QAA5BC,QAAQ,aAARA,QAAQ,WAA8B,GAAtCA,KAAAA,CAAsC,GAAtCA,QAAQ,CAAG;YAACM,IAAI;YAAEP,CAAAA,GAAU,GAAVA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC,cAAVA,GAAU,cAAVA,GAAU,GAAI,IAAI;SAAC,CAAC,CAAC;IAC3C,CAAC,AAAC;IACF,IAAMQ,WAAW,GAAG,SAACD,IAAiB,EAAK;YAC3BP,GAAU;QAAtBC,QAAQ,aAARA,QAAQ,WAA8B,GAAtCA,KAAAA,CAAsC,GAAtCA,QAAQ,CAAG;YAACD,CAAAA,GAAU,GAAVA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC,cAAVA,GAAU,cAAVA,GAAU,GAAI,IAAI;YAAEO,IAAI;SAAC,CAAC,CAAC;IAC3C,CAAC,AAAC;IAEF,qBACI;;0BACI,KAACT,UAAU;gBACPW,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,OAAO;eACTP,UAAU;gBACdJ,KAAK,EAAEA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;gBACjBC,QAAQ,EAAEK,aAAa;gBACvBJ,OAAO,EAAEA,OAAO;gBAChBU,MAAM,EAAE,wCAAIR,UAAU,CAACQ,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC7D;YACDX,SAAS;0BACV,KAACL,UAAU;gBACPW,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,KAAK;eACPN,QAAQ;gBACZL,KAAK,EAAEA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;gBACjBC,QAAQ,EAAEO,WAAW;gBACrBN,OAAO,EAAEA,OAAO;gBAChBU,MAAM,EAAE,wCAAIP,QAAQ,CAACO,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC3D;;MACH,CACL;AACN,CAAC,CAAC"}

package/dist/esm/components/date-range-picker/index.js

@@ -0,0 +1,4 @@
+export * from "./DateRangePickerInlineCalendar";
+export * from "./DateRangePickerPopoverCalendar";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/components/date-range-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/date-range-picker/index.tsx"],"sourcesContent":["export * from './DateRangePickerInlineCalendar';\nexport * from './DateRangePickerPopoverCalendar';\n"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC"}