@coveord/plasma-mantine 47.0.1-next.2

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,55 @@
+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";
+import dayjs from "dayjs";
+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) {
+        onChange === null || onChange === void 0 ? void 0 : onChange([
+            dayjs(date).startOf("day").toDate(),
+            value === null || value === void 0 ? void 0 : value[1]
+        ]);
+    };
+    var onChangeEnd = function(date) {
+        onChange === null || onChange === void 0 ? void 0 : onChange([
+            value === null || value === void 0 ? void 0 : value[0],
+            dayjs(date).endOf("day").toDate()
+        ]);
+    };
+    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 dayjs from 'dayjs';\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) => {\n        onChange?.([dayjs(date).startOf('day').toDate(), value?.[1]]);\n    };\n    const onChangeEnd = (date: Date) => {\n        onChange?.([value?.[0], dayjs(date).endOf('day').toDate()]);\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","dayjs","EditableDateRangePicker","value","onChange","onFocus","separator","startProps","endProps","onChangeStart","date","startOf","toDate","onChangeEnd","endOf","allowFreeInput","clearable","label","styles","dropdown","display"],"mappings":"AAAA;;;AAAA,SAAQA,UAAU,QAA8C,gBAAgB,CAAC;AACjF,OAAOC,KAAK,MAAM,OAAO,CAAC;AAkB1B,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,IAAU,EAAK;QAClCN,QAAQ,aAARA,QAAQ,WAAqD,GAA7DA,KAAAA,CAA6D,GAA7DA,QAAQ,CAAG;YAACH,KAAK,CAACS,IAAI,CAAC,CAACC,OAAO,CAAC,KAAK,CAAC,CAACC,MAAM,EAAE;YAAET,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;SAAC,CAAC,CAAC;IAClE,CAAC,AAAC;IACF,IAAMU,WAAW,GAAG,SAACH,IAAU,EAAK;QAChCN,QAAQ,aAARA,QAAQ,WAAmD,GAA3DA,KAAAA,CAA2D,GAA3DA,QAAQ,CAAG;YAACD,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;YAAEF,KAAK,CAACS,IAAI,CAAC,CAACI,KAAK,CAAC,KAAK,CAAC,CAACF,MAAM,EAAE;SAAC,CAAC,CAAC;IAChE,CAAC,AAAC;IAEF,qBACI;;0BACI,KAACZ,UAAU;gBACPe,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,OAAO;eACTV,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;gBAChBa,MAAM,EAAE,wCAAIX,UAAU,CAACW,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC7D;YACDd,SAAS;0BACV,KAACN,UAAU;gBACPe,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,KAAK;eACPT,QAAQ;gBACZL,KAAK,EAAEA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;gBACjBC,QAAQ,EAAES,WAAW;gBACrBR,OAAO,EAAEA,OAAO;gBAChBa,MAAM,EAAE,wCAAIV,QAAQ,CAACU,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"}

package/dist/esm/components/header/Header.js

@@ -0,0 +1,68 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { QuestionSize24Px } from "@coveord/plasma-react-icons";
+import { Anchor, Breadcrumbs, Divider, Group, Stack, Text, Title, Tooltip } from "@mantine/core";
+export var Header = function(_param) /*#__PURE__*/ {
+    var description = _param.description, actions = _param.actions, borderBottom = _param.borderBottom, docLink = _param.docLink, docLinkTooltipLabel = _param.docLinkTooltipLabel, children = _param.children, others = _object_without_properties(_param, [
+        "description",
+        "actions",
+        "borderBottom",
+        "docLink",
+        "docLinkTooltipLabel",
+        "children"
+    ]);
+    return _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Group, _object_spread_props(_object_spread({
+                position: "apart",
+                py: "md",
+                px: "xl"
+            }, others), {
+                children: [
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: "xs",
+                        children: [
+                            /*#__PURE__*/ _jsx(Title, {
+                                order: 4,
+                                children: /*#__PURE__*/ _jsxs(Group, {
+                                    spacing: 0,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Breadcrumbs, {
+                                            children: children
+                                        }),
+                                        docLink ? /*#__PURE__*/ _jsx(Tooltip, {
+                                            label: docLinkTooltipLabel,
+                                            position: "bottom",
+                                            children: /*#__PURE__*/ _jsx(Anchor, {
+                                                href: docLink,
+                                                target: "_blank",
+                                                ml: "xs",
+                                                children: /*#__PURE__*/ _jsx(QuestionSize24Px, {
+                                                    height: 24
+                                                })
+                                            })
+                                        }) : null
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(Text, {
+                                children: description
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Group, {
+                        spacing: "xs",
+                        children: actions
+                    })
+                ]
+            })),
+            borderBottom ? /*#__PURE__*/ _jsx(Divider, {
+                size: "xs"
+            }) : null
+        ]
+    });
+};
+
+//# sourceMappingURL=Header.js.map

package/dist/esm/components/header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {QuestionSize24Px} from '@coveord/plasma-react-icons';\nimport {Anchor, Breadcrumbs, DefaultProps, Divider, Group, Stack, Text, Title, Tooltip} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren, ReactNode} from 'react';\n\ninterface HeaderProps extends DefaultProps {\n    description?: ReactNode;\n    actions?: ReactNode;\n    borderBottom?: boolean;\n    docLink?: string;\n    docLinkTooltipLabel?: string;\n}\n\nexport const Header: FunctionComponent<PropsWithChildren<HeaderProps>> = ({\n    description,\n    actions,\n    borderBottom,\n    docLink,\n    docLinkTooltipLabel,\n    children,\n    ...others\n}) => (\n    <>\n        <Group position=\"apart\" py=\"md\" px=\"xl\" {...others}>\n            <Stack spacing=\"xs\">\n                <Title order={4}>\n                    <Group spacing={0}>\n                        <Breadcrumbs>{children}</Breadcrumbs>\n                        {docLink ? (\n                            <Tooltip label={docLinkTooltipLabel} position=\"bottom\">\n                                <Anchor href={docLink} target=\"_blank\" ml=\"xs\">\n                                    <QuestionSize24Px height={24} />\n                                </Anchor>\n                            </Tooltip>\n                        ) : null}\n                    </Group>\n                </Title>\n                <Text>{description}</Text>\n            </Stack>\n            <Group spacing=\"xs\">{actions}</Group>\n        </Group>\n        {borderBottom ? <Divider size=\"xs\" /> : null}\n    </>\n);\n"],"names":["QuestionSize24Px","Anchor","Breadcrumbs","Divider","Group","Stack","Text","Title","Tooltip","Header","description","actions","borderBottom","docLink","docLinkTooltipLabel","children","others","position","py","px","spacing","order","label","href","target","ml","height","size"],"mappings":"AAAA;;;;AAAA,SAAQA,gBAAgB,QAAO,6BAA6B,CAAC;AAC7D,SAAQC,MAAM,EAAEC,WAAW,EAAgBC,OAAO,EAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAEC,OAAO,QAAO,eAAe,CAAC;AAW7G,OAAO,IAAMC,MAAM,GAAsD,+BASrE;QARAC,WAAW,UAAXA,WAAW,EACXC,OAAO,UAAPA,OAAO,EACPC,YAAY,UAAZA,YAAY,EACZC,OAAO,UAAPA,OAAO,EACPC,mBAAmB,UAAnBA,mBAAmB,EACnBC,QAAQ,UAARA,QAAQ,EACLC,MAAM;QANTN,aAAW;QACXC,SAAO;QACPC,cAAY;QACZC,SAAO;QACPC,qBAAmB;QACnBC,UAAQ;;WAGR;;0BACI,MAACX,KAAK;gBAACa,QAAQ,EAAC,OAAO;gBAACC,EAAE,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;eAAKH,MAAM;;kCAC9C,MAACX,KAAK;wBAACe,OAAO,EAAC,IAAI;;0CACf,KAACb,KAAK;gCAACc,KAAK,EAAE,CAAC;0CACX,cAAA,MAACjB,KAAK;oCAACgB,OAAO,EAAE,CAAC;;sDACb,KAAClB,WAAW;sDAAEa,QAAQ;0CAAe;wCACpCF,OAAO,iBACJ,KAACL,OAAO;4CAACc,KAAK,EAAER,mBAAmB;4CAAEG,QAAQ,EAAC,QAAQ;sDAClD,cAAA,KAAChB,MAAM;gDAACsB,IAAI,EAAEV,OAAO;gDAAEW,MAAM,EAAC,QAAQ;gDAACC,EAAE,EAAC,IAAI;0DAC1C,cAAA,KAACzB,gBAAgB;oDAAC0B,MAAM,EAAE,EAAE;kDAAI;8CAC3B;0CACH,GACV,IAAI;;kCACJ;8BACJ;0CACR,KAACpB,IAAI;0CAAEI,WAAW;8BAAQ;;sBACtB;kCACR,KAACN,KAAK;wBAACgB,OAAO,EAAC,IAAI;kCAAET,OAAO;sBAAS;;eACjC;YACPC,YAAY,iBAAG,KAACT,OAAO;gBAACwB,IAAI,EAAC,IAAI;cAAG,GAAG,IAAI;;MAC7C;AAAD,CACL,CAAC"}

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

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

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

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

package/dist/esm/components/index.js

@@ -0,0 +1,12 @@
+export * from "./blank-slate";
+export * from "./code-editor";
+export * from "./collection";
+export * from "./date-range-picker";
+export * from "./sticky-footer";
+export * from "./header";
+export * from "./inline-confirm";
+export * from "./table";
+export * from "./prompt";
+export * from "./modal-wizard";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './modal-wizard';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/inline-confirm/InlineConfirm.js

@@ -0,0 +1,29 @@
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children, useState } from "react";
+import { InlineConfirmButton } from "./InlineConfirmButton";
+import { InlineConfirmContext } from "./InlineConfirmContext";
+import { InlineConfirmPrompt } from "./InlineConfirmPrompt";
+export var InlineConfirm = function(param) {
+    var children = param.children;
+    var ref = _sliced_to_array(useState(null), 2), confirmingId = ref[0], setConfirmingId = ref[1];
+    var convertedChildren = Children.toArray(children);
+    var prompt = convertedChildren.find(function(child) {
+        return child.type === InlineConfirmPrompt && child.props.id === confirmingId;
+    });
+    var clearConfirm = function() {
+        return setConfirmingId(null);
+    };
+    return /*#__PURE__*/ _jsx(InlineConfirmContext.Provider, {
+        value: {
+            confirmingId: confirmingId,
+            setConfirmingId: setConfirmingId,
+            clearConfirm: clearConfirm
+        },
+        children: prompt !== null && prompt !== void 0 ? prompt : children
+    });
+};
+InlineConfirm.Prompt = InlineConfirmPrompt;
+InlineConfirm.Button = InlineConfirmButton;
+
+//# sourceMappingURL=InlineConfirm.js.map

package/dist/esm/components/inline-confirm/InlineConfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Children, FunctionComponent, PropsWithChildren, ReactElement, useState} from 'react';\n\nimport {InlineConfirmButton} from './InlineConfirmButton';\nimport {InlineConfirmContext} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\ntype InlineConfirmType = FunctionComponent<PropsWithChildren> & {\n    Prompt: typeof InlineConfirmPrompt;\n    Button: typeof InlineConfirmButton;\n};\n\nexport const InlineConfirm: InlineConfirmType = ({children}) => {\n    const [confirmingId, setConfirmingId] = useState<string | null>(null);\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const prompt = convertedChildren.find(\n        (child) => child.type === InlineConfirmPrompt && child.props.id === confirmingId\n    );\n    const clearConfirm = () => setConfirmingId(null);\n\n    return (\n        <InlineConfirmContext.Provider value={{confirmingId, setConfirmingId, clearConfirm}}>\n            {prompt ?? children}\n        </InlineConfirmContext.Provider>\n    );\n};\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Button = InlineConfirmButton;\n"],"names":["Children","useState","InlineConfirmButton","InlineConfirmContext","InlineConfirmPrompt","InlineConfirm","children","confirmingId","setConfirmingId","convertedChildren","toArray","prompt","find","child","type","props","id","clearConfirm","Provider","value","Prompt","Button"],"mappings":"AAAA;;AAAA,SAAQA,QAAQ,EAAsDC,QAAQ,QAAO,OAAO,CAAC;AAE7F,SAAQC,mBAAmB,QAAO,uBAAuB,CAAC;AAC1D,SAAQC,oBAAoB,QAAO,wBAAwB,CAAC;AAC5D,SAAQC,mBAAmB,QAAO,uBAAuB,CAAC;AAO1D,OAAO,IAAMC,aAAa,GAAsB,gBAAgB;QAAdC,QAAQ,SAARA,QAAQ;IACtD,IAAwCL,GAA6B,oBAA7BA,QAAQ,CAAgB,IAAI,CAAC,IAAA,EAA9DM,YAAY,GAAqBN,GAA6B,GAAlD,EAAEO,eAAe,GAAIP,GAA6B,GAAjC,AAAkC;IAEtE,IAAMQ,iBAAiB,GAAGT,QAAQ,CAACU,OAAO,CAACJ,QAAQ,CAAC,AAAkB,AAAC;IACvE,IAAMK,MAAM,GAAGF,iBAAiB,CAACG,IAAI,CACjC,SAACC,KAAK;eAAKA,KAAK,CAACC,IAAI,KAAKV,mBAAmB,IAAIS,KAAK,CAACE,KAAK,CAACC,EAAE,KAAKT,YAAY;KAAA,CACnF,AAAC;IACF,IAAMU,YAAY,GAAG;eAAMT,eAAe,CAAC,IAAI,CAAC;KAAA,AAAC;IAEjD,qBACI,KAACL,oBAAoB,CAACe,QAAQ;QAACC,KAAK,EAAE;YAACZ,YAAY,EAAZA,YAAY;YAAEC,eAAe,EAAfA,eAAe;YAAES,YAAY,EAAZA,YAAY;SAAC;kBAC9EN,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIL,QAAQ;MACS,CAClC;AACN,CAAC,CAAC;AAEFD,aAAa,CAACe,MAAM,GAAGhB,mBAAmB,CAAC;AAC3CC,aAAa,CAACgB,MAAM,GAAGnB,mBAAmB,CAAC"}

package/dist/esm/components/inline-confirm/InlineConfirmButton.js

@@ -0,0 +1,18 @@
+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 } from "react/jsx-runtime";
+import { Button } from "@mantine/core";
+import { useInlineConfirm } from "./useInlineConfirm";
+export var InlineConfirmButton = function(props) {
+    var setConfirmingId = useInlineConfirm().setConfirmingId;
+    var onClick = function(e) {
+        var ref;
+        setConfirmingId(props.id);
+        (ref = props.onClick) === null || ref === void 0 ? void 0 : ref.call(props, e);
+    };
+    return /*#__PURE__*/ _jsx(Button, _object_spread_props(_object_spread({}, props), {
+        onClick: onClick
+    }));
+};
+
+//# sourceMappingURL=InlineConfirmButton.js.map

package/dist/esm/components/inline-confirm/InlineConfirmButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmButton.tsx"],"sourcesContent":["import {Button, ButtonProps} from '@mantine/core';\nimport {HTMLAttributes, MouseEventHandler} from 'react';\nimport {useInlineConfirm} from './useInlineConfirm';\n\ninterface InlineConfirmButtonProps extends ButtonProps, Omit<HTMLAttributes<HTMLButtonElement>, 'color'> {\n    id: string;\n}\n\nexport const InlineConfirmButton = (props: InlineConfirmButtonProps) => {\n    const {setConfirmingId} = useInlineConfirm();\n    const onClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n        setConfirmingId(props.id);\n        props.onClick?.(e);\n    };\n\n    return <Button {...props} onClick={onClick} />;\n};\n"],"names":["Button","useInlineConfirm","InlineConfirmButton","props","setConfirmingId","onClick","e","id"],"mappings":"AAAA;;;AAAA,SAAQA,MAAM,QAAoB,eAAe,CAAC;AAElD,SAAQC,gBAAgB,QAAO,oBAAoB,CAAC;AAMpD,OAAO,IAAMC,mBAAmB,GAAG,SAACC,KAA+B,EAAK;IACpE,IAAM,AAACC,eAAe,GAAIH,gBAAgB,EAAE,CAArCG,eAAe,AAAsB,AAAC;IAC7C,IAAMC,OAAO,GAAyC,SAACC,CAAC,EAAK;YAEzDH,GAAa;QADbC,eAAe,CAACD,KAAK,CAACI,EAAE,CAAC,CAAC;QAC1BJ,CAAAA,GAAa,GAAbA,KAAK,CAACE,OAAO,cAAbF,GAAa,WAAK,GAAlBA,KAAAA,CAAkB,GAAlBA,GAAa,CAAbA,IAAkB,CAAlBA,KAAK,EAAWG,CAAC,CAAC,CAAC;IACvB,CAAC,AAAC;IAEF,qBAAO,KAACN,MAAM,0CAAKG,KAAK;QAAEE,OAAO,EAAEA,OAAO;OAAI,CAAC;AACnD,CAAC,CAAC"}

package/dist/esm/components/inline-confirm/InlineConfirmContext.js

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+export var InlineConfirmContext = createContext(null);
+
+//# sourceMappingURL=InlineConfirmContext.js.map

package/dist/esm/components/inline-confirm/InlineConfirmContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"sourcesContent":["import {createContext} from 'react';\n\ntype InlineConfirmContextType = {\n    confirmingId: string;\n    setConfirmingId: (id: string) => void;\n    clearConfirm: () => void;\n};\n\nexport const InlineConfirmContext = createContext<InlineConfirmContextType | null>(null);\n"],"names":["createContext","InlineConfirmContext"],"mappings":"AAAA,SAAQA,aAAa,QAAO,OAAO,CAAC;AAQpC,OAAO,IAAMC,oBAAoB,GAAGD,aAAa,CAAkC,IAAI,CAAC,CAAC"}

package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Group } from "@mantine/core";
+import { useEffect } from "react";
+import { useInlineConfirm } from "./useInlineConfirm";
+export var InlineConfirmPrompt = function(param) {
+    var id = param.id, label = param.label, _confirmLabel = param.confirmLabel, confirmLabel = _confirmLabel === void 0 ? "Delete" : _confirmLabel, _cancelLabel = param.cancelLabel, cancelLabel = _cancelLabel === void 0 ? "Cancel" : _cancelLabel, onConfirm = param.onConfirm;
+    var ref = useInlineConfirm(), confirmingId = ref.confirmingId, clearConfirm = ref.clearConfirm;
+    var onClickConfirm = function() {
+        onConfirm();
+        clearConfirm();
+    };
+    useEffect(function() {
+        if (confirmingId !== id) {
+            clearConfirm();
+        }
+    }, []);
+    if (confirmingId === id) {
+        return /*#__PURE__*/ _jsxs(Group, {
+            spacing: "xs",
+            children: [
+                label,
+                /*#__PURE__*/ _jsx(Button, {
+                    onClick: onClickConfirm,
+                    color: "red",
+                    children: confirmLabel
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    onClick: clearConfirm,
+                    variant: "outline",
+                    children: cancelLabel
+                })
+            ]
+        });
+    }
+    return null;
+};
+
+//# sourceMappingURL=InlineConfirmPrompt.js.map

package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Button, Group} from '@mantine/core';\nimport {FunctionComponent, ReactNode, useEffect} from 'react';\n\nimport {useInlineConfirm} from './useInlineConfirm';\n\ninterface InlineConfirmPromptProps {\n    id: string;\n    label: ReactNode;\n    onConfirm: () => void;\n    confirmLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n}\n\nexport const InlineConfirmPrompt: FunctionComponent<InlineConfirmPromptProps> = ({\n    id,\n    label,\n    confirmLabel = 'Delete',\n    cancelLabel = 'Cancel',\n    onConfirm,\n}) => {\n    const {confirmingId, clearConfirm} = useInlineConfirm();\n\n    const onClickConfirm = () => {\n        onConfirm();\n        clearConfirm();\n    };\n\n    useEffect(() => {\n        if (confirmingId !== id) {\n            clearConfirm();\n        }\n    }, []);\n\n    if (confirmingId === id) {\n        return (\n            <Group spacing=\"xs\">\n                {label}\n                <Button onClick={onClickConfirm} color=\"red\">\n                    {confirmLabel}\n                </Button>\n                <Button onClick={clearConfirm} variant=\"outline\">\n                    {cancelLabel}\n                </Button>\n            </Group>\n        );\n    }\n    return null;\n};\n"],"names":["Button","Group","useEffect","useInlineConfirm","InlineConfirmPrompt","id","label","confirmLabel","cancelLabel","onConfirm","confirmingId","clearConfirm","onClickConfirm","spacing","onClick","color","variant"],"mappings":"AAAA;AAAA,SAAQA,MAAM,EAAEC,KAAK,QAAO,eAAe,CAAC;AAC5C,SAAsCC,SAAS,QAAO,OAAO,CAAC;AAE9D,SAAQC,gBAAgB,QAAO,oBAAoB,CAAC;AAUpD,OAAO,IAAMC,mBAAmB,GAAgD,gBAM1E;QALFC,EAAE,SAAFA,EAAE,EACFC,KAAK,SAALA,KAAK,wBACLC,YAAY,EAAZA,YAAY,8BAAG,QAAQ,gBAAA,uBACvBC,WAAW,EAAXA,WAAW,6BAAG,QAAQ,eAAA,EACtBC,SAAS,SAATA,SAAS;IAET,IAAqCN,GAAkB,GAAlBA,gBAAgB,EAAE,EAAhDO,YAAY,GAAkBP,GAAkB,CAAhDO,YAAY,EAAEC,YAAY,GAAIR,GAAkB,CAAlCQ,YAAY,AAAuB;IAExD,IAAMC,cAAc,GAAG,WAAM;QACzBH,SAAS,EAAE,CAAC;QACZE,YAAY,EAAE,CAAC;IACnB,CAAC,AAAC;IAEFT,SAAS,CAAC,WAAM;QACZ,IAAIQ,YAAY,KAAKL,EAAE,EAAE;YACrBM,YAAY,EAAE,CAAC;QACnB,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAID,YAAY,KAAKL,EAAE,EAAE;QACrB,qBACI,MAACJ,KAAK;YAACY,OAAO,EAAC,IAAI;;gBACdP,KAAK;8BACN,KAACN,MAAM;oBAACc,OAAO,EAAEF,cAAc;oBAAEG,KAAK,EAAC,KAAK;8BACvCR,YAAY;kBACR;8BACT,KAACP,MAAM;oBAACc,OAAO,EAAEH,YAAY;oBAAEK,OAAO,EAAC,SAAS;8BAC3CR,WAAW;kBACP;;UACL,CACV;IACN,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC"}

package/dist/esm/components/inline-confirm/index.js

@@ -0,0 +1,5 @@
+export * from "./InlineConfirm";
+export * from "./useInlineConfirm";
+export * from "./InlineConfirmContext";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/components/inline-confirm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/inline-confirm/index.ts"],"sourcesContent":["export * from './InlineConfirm';\nexport * from './useInlineConfirm';\nexport * from './InlineConfirmContext';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC"}

package/dist/esm/components/inline-confirm/useInlineConfirm.js

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+import { InlineConfirmContext } from "./InlineConfirmContext";
+export var useInlineConfirm = function() {
+    var ctx = useContext(InlineConfirmContext);
+    if (ctx === null) {
+        throw new Error("useConfirm must be used inside of a InlineConfirmContext.Provider");
+    }
+    return ctx;
+};
+
+//# sourceMappingURL=useInlineConfirm.js.map

package/dist/esm/components/inline-confirm/useInlineConfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/inline-confirm/useInlineConfirm.ts"],"sourcesContent":["import {useContext} from 'react';\nimport {InlineConfirmContext} from './InlineConfirmContext';\n\nexport const useInlineConfirm = () => {\n    const ctx = useContext(InlineConfirmContext);\n\n    if (ctx === null) {\n        throw new Error('useConfirm must be used inside of a InlineConfirmContext.Provider');\n    }\n\n    return ctx;\n};\n"],"names":["useContext","InlineConfirmContext","useInlineConfirm","ctx","Error"],"mappings":"AAAA,SAAQA,UAAU,QAAO,OAAO,CAAC;AACjC,SAAQC,oBAAoB,QAAO,wBAAwB,CAAC;AAE5D,OAAO,IAAMC,gBAAgB,GAAG,WAAM;IAClC,IAAMC,GAAG,GAAGH,UAAU,CAACC,oBAAoB,CAAC,AAAC;IAE7C,IAAIE,GAAG,KAAK,IAAI,EAAE;QACd,MAAM,IAAIC,KAAK,CAAC,mEAAmE,CAAC,CAAC;IACzF,CAAC;IAED,OAAOD,GAAG,CAAC;AACf,CAAC,CAAC"}