@coveord/plasma-mantine 56.3.3 → 56.5.0

package/dist/esm/components/ColorInput/ColorInput.js

@@ -0,0 +1,3 @@
+export { ColorInput } from '@mantine/core';
+
+//# sourceMappingURL=ColorInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ColorInput/ColorInput.ts"],"sourcesContent":["export {ColorInput, type ColorInputFactory, type ColorInputProps} from '@mantine/core';\n"],"names":["ColorInput"],"mappings":"AAAA,SAAQA,UAAU,QAAqD,gBAAgB"}

package/dist/esm/components/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,2 @@
+export { ColorPicker, type ColorPickerFactory, type ColorPickerProps } from '@mantine/core';
+//# sourceMappingURL=ColorPicker.d.ts.map

package/dist/esm/components/ColorPicker/ColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/ColorPicker/ColorPicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/ColorPicker/ColorPicker.js

@@ -0,0 +1,3 @@
+export { ColorPicker } from '@mantine/core';
+
+//# sourceMappingURL=ColorPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ColorPicker/ColorPicker.ts"],"sourcesContent":["export {ColorPicker, type ColorPickerFactory, type ColorPickerProps} from '@mantine/core';\n"],"names":["ColorPicker"],"mappings":"AAAA,SAAQA,WAAW,QAAuD,gBAAgB"}

package/dist/esm/components/ColorSwatch/ColorSwatch.d.ts

@@ -0,0 +1,2 @@
+export { ColorSwatch, type ColorSwatchFactory, type ColorSwatchProps } from '@mantine/core';
+//# sourceMappingURL=ColorSwatch.d.ts.map

package/dist/esm/components/ColorSwatch/ColorSwatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.d.ts","sourceRoot":"","sources":["../../../../src/components/ColorSwatch/ColorSwatch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/ColorSwatch/ColorSwatch.js

@@ -0,0 +1,3 @@
+export { ColorSwatch } from '@mantine/core';
+
+//# sourceMappingURL=ColorSwatch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ColorSwatch/ColorSwatch.ts"],"sourcesContent":["export {ColorSwatch, type ColorSwatchFactory, type ColorSwatchProps} from '@mantine/core';\n"],"names":["ColorSwatch"],"mappings":"AAAA,SAAQA,WAAW,QAAuD,gBAAgB"}

package/dist/esm/components/Combobox/Combobox.d.ts

@@ -0,0 +1,2 @@
+export { Combobox, type ComboboxFactory, type ComboboxProps, useCombobox } from '@mantine/core';
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/esm/components/Combobox/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,KAAK,eAAe,EAAE,KAAK,aAAa,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/Combobox/Combobox.js

@@ -0,0 +1,3 @@
+export { Combobox, useCombobox } from '@mantine/core';
+
+//# sourceMappingURL=Combobox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Combobox/Combobox.ts"],"sourcesContent":["export {Combobox, type ComboboxFactory, type ComboboxProps, useCombobox} from '@mantine/core';\n"],"names":["Combobox","useCombobox"],"mappings":"AAAA,SAAQA,QAAQ,EAA4CC,WAAW,QAAO,gBAAgB"}

package/dist/esm/components/Container/Container.d.ts

@@ -0,0 +1,2 @@
+export { Container, type ContainerFactory, type ContainerProps } from '@mantine/core';
+//# sourceMappingURL=Container.d.ts.map

package/dist/esm/components/Container/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/Container/Container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/Container/Container.js

@@ -0,0 +1,3 @@
+export { Container } from '@mantine/core';
+
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Container/Container.ts"],"sourcesContent":["export {Container, type ContainerFactory, type ContainerProps} from '@mantine/core';\n"],"names":["Container"],"mappings":"AAAA,SAAQA,SAAS,QAAmD,gBAAgB"}

package/dist/esm/components/CopyButton/CopyButton.d.ts

@@ -0,0 +1,2 @@
+export { CopyButton, type CopyButtonProps } from '@mantine/core';
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/esm/components/CopyButton/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CopyButton/CopyButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/CopyButton/CopyButton.js

@@ -0,0 +1,3 @@
+export { CopyButton } from '@mantine/core';
+
+//# sourceMappingURL=CopyButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CopyButton/CopyButton.ts"],"sourcesContent":["export {CopyButton, type CopyButtonProps} from '@mantine/core';\n"],"names":["CopyButton"],"mappings":"AAAA,SAAQA,UAAU,QAA6B,gBAAgB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,eAAe,EAAc,YAAY,EAAqB,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IACzD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC9C;;;;OAIG;IACH,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AA6BD,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAU/D,CAAC"}

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconClipboardCheck, IconClipboardText } from '@coveord/plasma-react-icons';
+import { CopyButton, TextInput, Tooltip } from '@mantine/core';
+import { ActionIcon } from '../ActionIcon/ActionIcon.js';
+const CopyToClipboardButton = ({ value, onCopy, color, tooltipLabelCopy = 'Copy to clipboard', tooltipLabelCopied = 'Copied', ...others })=>/*#__PURE__*/ _jsx(CopyButton, {
+        value: value,
+        timeout: 2000,
+        children: ({ copied, copy })=>/*#__PURE__*/ _jsx(Tooltip, {
+                label: copied ? tooltipLabelCopied : tooltipLabelCopy,
+                children: /*#__PURE__*/ _jsx(ActionIcon.Quaternary, {
+                    "aria-label": tooltipLabelCopy,
+                    color: copied ? 'success' : color,
+                    onClick: (clickEvent)=>{
+                        copy();
+                        onCopy?.(clickEvent);
+                    },
+                    ...others,
+                    children: copied ? /*#__PURE__*/ _jsx(IconClipboardCheck, {
+                        size: 16
+                    }) : /*#__PURE__*/ _jsx(IconClipboardText, {
+                        size: 16
+                    })
+                })
+            })
+    });
+export const CopyToClipboard = ({ withLabel, ...others })=>withLabel ? /*#__PURE__*/ _jsx(TextInput, {
+        value: others.value,
+        readOnly: true,
+        autoComplete: "off",
+        rightSection: /*#__PURE__*/ _jsx(CopyToClipboardButton, {
+            ...others
+        })
+    }) : /*#__PURE__*/ _jsx(CopyToClipboardButton, {
+        ...others
+    });
+
+//# sourceMappingURL=CopyToClipboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import {IconClipboardCheck, IconClipboardText} from '@coveord/plasma-react-icons';\nimport {ActionIconProps, CopyButton, MantineColor, TextInput, Tooltip} from '@mantine/core';\nimport {FunctionComponent, MouseEventHandler} from 'react';\nimport {ActionIcon} from '../ActionIcon/ActionIcon.js';\n\nexport interface CopyToClipboardProps extends ActionIconProps {\n    /**\n     * The value to be copied to the clipboard.\n     */\n    value: string;\n    /**\n     * Whether to display the string to be copied alongside the button.\n     *\n     * @default false\n     */\n    withLabel?: boolean;\n    /**\n     * Called each time the value is copied to the clipboard\n     */\n    onCopy?: MouseEventHandler<HTMLButtonElement>;\n    /**\n     * The color of the icon when idle\n     *\n     * @default 'gray'\n     */\n    color?: MantineColor | (string & {});\n    /**\n     * The text displayed when hovering over the button\n     *\n     * @default 'Copy to clipboard'\n     */\n    tooltipLabelCopy?: string;\n    /**\n     * The text displayed when the value is copied to the clipboard\n     *\n     * @default 'Copied'\n     */\n    tooltipLabelCopied?: string;\n}\n\nconst CopyToClipboardButton: FunctionComponent<Omit<CopyToClipboardProps, 'withLabel'>> = ({\n    value,\n    onCopy,\n    color,\n    tooltipLabelCopy = 'Copy to clipboard',\n    tooltipLabelCopied = 'Copied',\n    ...others\n}) => (\n    <CopyButton value={value} timeout={2000}>\n        {({copied, copy}) => (\n            <Tooltip label={copied ? tooltipLabelCopied : tooltipLabelCopy}>\n                <ActionIcon.Quaternary\n                    aria-label={tooltipLabelCopy}\n                    color={copied ? 'success' : color}\n                    onClick={(clickEvent) => {\n                        copy();\n                        onCopy?.(clickEvent);\n                    }}\n                    {...others}\n                >\n                    {copied ? <IconClipboardCheck size={16} /> : <IconClipboardText size={16} />}\n                </ActionIcon.Quaternary>\n            </Tooltip>\n        )}\n    </CopyButton>\n);\n\nexport const CopyToClipboard: FunctionComponent<CopyToClipboardProps> = ({withLabel, ...others}) =>\n    withLabel ? (\n        <TextInput\n            value={others.value}\n            readOnly\n            autoComplete=\"off\"\n            rightSection={<CopyToClipboardButton {...others} />}\n        />\n    ) : (\n        <CopyToClipboardButton {...others} />\n    );\n"],"names":["IconClipboardCheck","IconClipboardText","CopyButton","TextInput","Tooltip","ActionIcon","CopyToClipboardButton","value","onCopy","color","tooltipLabelCopy","tooltipLabelCopied","others","timeout","copied","copy","label","Quaternary","aria-label","onClick","clickEvent","size","CopyToClipboard","withLabel","readOnly","autoComplete","rightSection"],"mappings":";AAAA,SAAQA,kBAAkB,EAAEC,iBAAiB,QAAO,8BAA8B;AAClF,SAAyBC,UAAU,EAAgBC,SAAS,EAAEC,OAAO,QAAO,gBAAgB;AAE5F,SAAQC,UAAU,QAAO,8BAA8B;AAqCvD,MAAMC,wBAAoF,CAAC,EACvFC,KAAK,EACLC,MAAM,EACNC,KAAK,EACLC,mBAAmB,mBAAmB,EACtCC,qBAAqB,QAAQ,EAC7B,GAAGC,QACN,iBACG,KAACV;QAAWK,OAAOA;QAAOM,SAAS;kBAC9B,CAAC,EAACC,MAAM,EAAEC,IAAI,EAAC,iBACZ,KAACX;gBAAQY,OAAOF,SAASH,qBAAqBD;0BAC1C,cAAA,KAACL,WAAWY,UAAU;oBAClBC,cAAYR;oBACZD,OAAOK,SAAS,YAAYL;oBAC5BU,SAAS,CAACC;wBACNL;wBACAP,SAASY;oBACb;oBACC,GAAGR,MAAM;8BAETE,uBAAS,KAACd;wBAAmBqB,MAAM;uCAAS,KAACpB;wBAAkBoB,MAAM;;;;;AAO1F,OAAO,MAAMC,kBAA2D,CAAC,EAACC,SAAS,EAAE,GAAGX,QAAO,GAC3FW,0BACI,KAACpB;QACGI,OAAOK,OAAOL,KAAK;QACnBiB,QAAQ;QACRC,cAAa;QACbC,4BAAc,KAACpB;YAAuB,GAAGM,MAAM;;uBAGnD,KAACN;QAAuB,GAAGM,MAAM;OACnC"}

package/dist/esm/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,62 @@
+import { BoxProps, Factory, PopoverProps, StylesApiProps } from '@mantine/core';
+import { DatesRangeValue } from '@mantine/dates';
+import dayjs from 'dayjs';
+import { DateRangePickerInlineCalendarProps } from './DateRangePickerInlineCalendar';
+export type DateRangePickerStylesNames = 'input';
+export interface DateRangePickerProps extends BoxProps, Pick<DateRangePickerInlineCalendarProps, 'presets' | 'rangeCalendarProps' | 'startProps' | 'endProps'>, Pick<PopoverProps, 'opened' | 'defaultOpened'>, StylesApiProps<DateRangePickerFactory> {
+    /**
+     * Called when the target input is clicked
+     */
+    onClick?(): void;
+    /**
+     * Function called when the cancel button is clicked.
+     */
+    onCancel?(): void;
+    /**
+     * Function called when the date range value changes.
+     */
+    onChange?(dates: DatesRangeValue<string>): void;
+    /**
+     * Called when the popover opened state changes.
+     */
+    onOpenedChange?(opened: boolean): void;
+    /**
+     * Optional formatter function to format the date value.
+     * Receives the date prop and should return a string.
+     * @default (time) => dayjs(time).format('MMM D, YYYY')
+     */
+    formatter?: (time: dayjs.ConfigType) => string;
+    /**
+     * The placeholder label to display when no date range is selected.
+     *
+     * @default "Select date range"
+     */
+    placeholder?: string;
+    /**
+     * Default value for uncontrolled input
+     */
+    defaultValue?: DatesRangeValue<string>;
+    /**
+     * Value for controlled input
+     */
+    value?: DatesRangeValue<string>;
+    /**
+     * Sync the selected dates to URL query parameters
+     */
+    syncWithUrl?: boolean;
+    /**
+     * Error message to display.
+     */
+    error?: string;
+}
+export type DateRangePickerFactory = Factory<{
+    props: DateRangePickerProps;
+    ref: HTMLDivElement;
+    stylesNames: DateRangePickerStylesNames;
+}>;
+export declare const DateRangePicker: import("@mantine/core").MantineComponent<{
+    props: DateRangePickerProps;
+    ref: HTMLDivElement;
+    stylesNames: DateRangePickerStylesNames;
+}>;
+//# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/esm/components/DateRangePicker/DateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,QAAQ,EAER,OAAO,EAGP,YAAY,EACZ,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAgC,kCAAkC,EAAC,MAAM,iCAAiC,CAAC;AAgBlH,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,oBACb,SAAQ,QAAQ,EACZ,IAAI,CAAC,kCAAkC,EAAE,SAAS,GAAG,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC,EACtG,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,eAAe,CAAC,EAC9C,cAAc,CAAC,sBAAsB,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAChD;;OAEG;IACH,cAAc,CAAC,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC;IAC/C;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,0BAA0B,CAAC;CAC3C,CAAC,CAAC;AAOH,eAAO,MAAM,eAAe;WAVjB,oBAAoB;SACtB,cAAc;iBACN,0BAA0B;EA8GzC,CAAC"}

package/dist/esm/components/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,117 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconCalendar } from '@coveord/plasma-react-icons';
+import { factory, InputBase, Popover, useProps, useStyles } from '@mantine/core';
+import { useUncontrolled } from '@mantine/hooks';
+import dayjs from 'dayjs';
+import { useUrlSyncedState } from '../../hooks/use-url-synced-state';
+import { DateRangePickerInlineCalendar } from './DateRangePickerInlineCalendar';
+const serialization = (input)=>Object.freeze(input);
+const DATE_RANGE_SERIALIZATION = serialization({
+    serializer: ([from, to])=>[
+            [
+                'from',
+                from ? new Date(from).toISOString() : '',
+                true
+            ],
+            [
+                'to',
+                to ? new Date(to).toISOString() : '',
+                true
+            ]
+        ],
+    deserializer: (params, initial)=>[
+            params.get('from') ? params.get('from') : initial[0],
+            params.get('to') ? params.get('to') : initial[1]
+        ]
+});
+const defaultProps = {
+    placeholder: 'Select date range',
+    formatter: (time)=>dayjs(time).format('MMM D, YYYY')
+};
+export const DateRangePicker = factory((props)=>{
+    const { defaultValue, value, opened, defaultOpened, onOpenedChange, onClick, onCancel, onChange, presets, startProps, endProps, rangeCalendarProps, formatter, placeholder, syncWithUrl, error, className, classNames, style, styles, vars, unstyled, ...others } = useProps('PlasmaDateRangePicker', defaultProps, props);
+    const getStyles = useStyles({
+        name: 'DateRangePicker',
+        classes: {},
+        props,
+        className,
+        classNames,
+        style,
+        styles,
+        unstyled,
+        vars
+    });
+    const stylesApiProps = {
+        classNames,
+        styles
+    };
+    const [_opened, setOpened] = useUncontrolled({
+        value: opened,
+        defaultValue: defaultOpened,
+        finalValue: false,
+        onChange: onOpenedChange
+    });
+    const [dateRange, setDateRange] = useUrlSyncedState({
+        ...DATE_RANGE_SERIALIZATION,
+        initialState: defaultValue !== undefined ? defaultValue : [
+            null,
+            null
+        ],
+        sync: !!syncWithUrl
+    });
+    const handleApply = (dates)=>{
+        if (value === undefined) {
+            setDateRange(dates);
+        }
+        onChange?.(dates);
+        setOpened(false);
+    };
+    const handleClick = ()=>{
+        setOpened(true);
+        onClick?.();
+    };
+    const handleCancel = ()=>{
+        setOpened(false);
+        onCancel?.();
+    };
+    const _value = value ?? dateRange;
+    const formattedRange = `${formatter(_value[0])} - ${formatter(_value[1])}`;
+    const dateRangeInitialized = _value.every((date)=>typeof date === 'string' && date !== '');
+    return /*#__PURE__*/ _jsxs(Popover, {
+        opened: _opened,
+        onChange: setOpened,
+        children: [
+            /*#__PURE__*/ _jsx(Popover.Target, {
+                children: /*#__PURE__*/ _jsx(InputBase, {
+                    component: "button",
+                    leftSection: /*#__PURE__*/ _jsx(IconCalendar, {
+                        height: 16
+                    }),
+                    onClick: handleClick,
+                    error: error,
+                    ...getStyles('input', {
+                        className,
+                        style,
+                        ...stylesApiProps
+                    }),
+                    ...others,
+                    children: dateRangeInitialized ? formattedRange : placeholder
+                })
+            }),
+            /*#__PURE__*/ _jsx(Popover.Dropdown, {
+                p: 0,
+                children: /*#__PURE__*/ _jsx(DateRangePickerInlineCalendar, {
+                    initialRange: _value,
+                    onApply: handleApply,
+                    onCancel: handleCancel,
+                    presets: presets,
+                    rangeCalendarProps: rangeCalendarProps,
+                    startProps: startProps,
+                    endProps: endProps
+                })
+            })
+        ]
+    });
+});
+
+//# sourceMappingURL=DateRangePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {IconCalendar} from '@coveord/plasma-react-icons';\nimport {\n    BoxProps,\n    factory,\n    Factory,\n    InputBase,\n    Popover,\n    PopoverProps,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport {useUncontrolled} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {useUrlSyncedState, UseUrlSyncedStateOptions} from '../../hooks/use-url-synced-state';\nimport {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from './DateRangePickerInlineCalendar';\n\nconst serialization = (input: Pick<UseUrlSyncedStateOptions<DatesRangeValue<string>>, 'serializer' | 'deserializer'>) =>\n    Object.freeze(input);\n\nconst DATE_RANGE_SERIALIZATION = serialization({\n    serializer: ([from, to]) => [\n        ['from', from ? new Date(from).toISOString() : '', true],\n        ['to', to ? new Date(to).toISOString() : '', true],\n    ],\n    deserializer: (params, initial) => [\n        params.get('from') ? params.get('from') : initial[0],\n        params.get('to') ? params.get('to') : initial[1],\n    ],\n});\n\nexport type DateRangePickerStylesNames = 'input';\n\nexport interface DateRangePickerProps\n    extends BoxProps,\n        Pick<DateRangePickerInlineCalendarProps, 'presets' | 'rangeCalendarProps' | 'startProps' | 'endProps'>,\n        Pick<PopoverProps, 'opened' | 'defaultOpened'>,\n        StylesApiProps<DateRangePickerFactory> {\n    /**\n     * Called when the target input is clicked\n     */\n    onClick?(): void;\n    /**\n     * Function called when the cancel button is clicked.\n     */\n    onCancel?(): void;\n    /**\n     * Function called when the date range value changes.\n     */\n    onChange?(dates: DatesRangeValue<string>): void;\n    /**\n     * Called when the popover opened state changes.\n     */\n    onOpenedChange?(opened: boolean): void;\n    /**\n     * Optional formatter function to format the date value.\n     * Receives the date prop and should return a string.\n     * @default (time) => dayjs(time).format('MMM D, YYYY')\n     */\n    formatter?: (time: dayjs.ConfigType) => string;\n    /**\n     * The placeholder label to display when no date range is selected.\n     *\n     * @default \"Select date range\"\n     */\n    placeholder?: string;\n    /**\n     * Default value for uncontrolled input\n     */\n    defaultValue?: DatesRangeValue<string>;\n    /**\n     * Value for controlled input\n     */\n    value?: DatesRangeValue<string>;\n    /**\n     * Sync the selected dates to URL query parameters\n     */\n    syncWithUrl?: boolean;\n    /**\n     * Error message to display.\n     */\n    error?: string;\n}\n\nexport type DateRangePickerFactory = Factory<{\n    props: DateRangePickerProps;\n    ref: HTMLDivElement;\n    stylesNames: DateRangePickerStylesNames;\n}>;\n\nconst defaultProps: Partial<DateRangePickerProps> = {\n    placeholder: 'Select date range',\n    formatter: (time) => dayjs(time).format('MMM D, YYYY'),\n};\n\nexport const DateRangePicker = factory<DateRangePickerFactory>((props: DateRangePickerProps) => {\n    const {\n        defaultValue,\n        value,\n        opened,\n        defaultOpened,\n        onOpenedChange,\n        onClick,\n        onCancel,\n        onChange,\n        presets,\n        startProps,\n        endProps,\n        rangeCalendarProps,\n        formatter,\n        placeholder,\n        syncWithUrl,\n        error,\n        className,\n        classNames,\n        style,\n        styles,\n        vars,\n        unstyled,\n        ...others\n    } = useProps('PlasmaDateRangePicker', defaultProps as Partial<DateRangePickerProps>, props);\n\n    const getStyles = useStyles<DateRangePickerFactory>({\n        name: 'DateRangePicker',\n        classes: {},\n        props,\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const [_opened, setOpened] = useUncontrolled({\n        value: opened,\n        defaultValue: defaultOpened,\n        finalValue: false,\n        onChange: onOpenedChange,\n    });\n\n    const [dateRange, setDateRange] = useUrlSyncedState<DatesRangeValue<string>>({\n        ...DATE_RANGE_SERIALIZATION,\n        initialState: defaultValue !== undefined ? defaultValue : [null, null],\n        sync: !!syncWithUrl,\n    });\n\n    const handleApply = (dates: DatesRangeValue<string>) => {\n        if (value === undefined) {\n            setDateRange(dates);\n        }\n        onChange?.(dates);\n        setOpened(false);\n    };\n\n    const handleClick = () => {\n        setOpened(true);\n        onClick?.();\n    };\n\n    const handleCancel = () => {\n        setOpened(false);\n        onCancel?.();\n    };\n\n    const _value = value ?? dateRange;\n    const formattedRange = `${formatter(_value[0])} - ${formatter(_value[1])}`;\n    const dateRangeInitialized = _value.every((date: DateStringValue) => typeof date === 'string' && date !== '');\n\n    return (\n        <Popover opened={_opened} onChange={setOpened}>\n            <Popover.Target>\n                <InputBase\n                    component=\"button\"\n                    leftSection={<IconCalendar height={16} />}\n                    onClick={handleClick}\n                    error={error}\n                    {...getStyles('input', {className, style, ...stylesApiProps})}\n                    {...others}\n                >\n                    {dateRangeInitialized ? formattedRange : placeholder}\n                </InputBase>\n            </Popover.Target>\n            <Popover.Dropdown p={0}>\n                <DateRangePickerInlineCalendar\n                    initialRange={_value}\n                    onApply={handleApply}\n                    onCancel={handleCancel}\n                    presets={presets}\n                    rangeCalendarProps={rangeCalendarProps}\n                    startProps={startProps}\n                    endProps={endProps}\n                />\n            </Popover.Dropdown>\n        </Popover>\n    );\n});\n"],"names":["IconCalendar","factory","InputBase","Popover","useProps","useStyles","useUncontrolled","dayjs","useUrlSyncedState","DateRangePickerInlineCalendar","serialization","input","Object","freeze","DATE_RANGE_SERIALIZATION","serializer","from","to","Date","toISOString","deserializer","params","initial","get","defaultProps","placeholder","formatter","time","format","DateRangePicker","props","defaultValue","value","opened","defaultOpened","onOpenedChange","onClick","onCancel","onChange","presets","startProps","endProps","rangeCalendarProps","syncWithUrl","error","className","classNames","style","styles","vars","unstyled","others","getStyles","name","classes","stylesApiProps","_opened","setOpened","finalValue","dateRange","setDateRange","initialState","undefined","sync","handleApply","dates","handleClick","handleCancel","_value","formattedRange","dateRangeInitialized","every","date","Target","component","leftSection","height","Dropdown","p","initialRange","onApply"],"mappings":"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"}

package/dist/esm/components/DateRangePicker/DateRangePickerInlineCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerInlineCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePickerInlineCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,mBAAmB,EAAE,KAAK,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAM3G,OAAO,EAAC,qBAAqB,EAA8B,MAAM,kCAAkC,CAAC;AACpG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,8BAA8B,CAAC;AACnG,MAAM,WAAW,kCACb,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IACrE;;OAEG;IACH,YAAY,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACtD;;;;OAIG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAChD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,mBAAmB,EACjB,OAAO,GACP,UAAU,GACV,eAAe,GACf,oBAAoB,GACpB,mBAAmB,GACnB,SAAS,GACT,kBAAkB,GAClB,eAAe,CACpB,CAAC;CACL;AAMD,eAAO,MAAM,6BAA6B,GAAI,yFAQ3C,kCAAkC,4CAmEpC,CAAC"}

package/dist/esm/components/DateRangePicker/DateRangePickerInlineCalendar.js

@@ -0,0 +1,117 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Center, Group, Space } from '@mantine/core';
+import { DatePicker } from '@mantine/dates';
+import { useForm } from '@mantine/form';
+import dayjs from 'dayjs';
+import { Button } from '../Button/Button.js';
+import DateRangeClasses from './DateRange.module.css';
+import { DateRangePickerPresetSelect } from './DateRangePickerPresetSelect.js';
+import { EditableDateRangePicker } from './EditableDateRangePicker.js';
+const isDateRangePickerValue = (value)=>Array.isArray(value) && value.length === 2;
+const endOfDay = (value)=>value ? dayjs(value).endOf('day').toISOString() : value;
+export const DateRangePickerInlineCalendar = ({ initialRange, onApply, onCancel, presets, startProps, endProps, rangeCalendarProps })=>{
+    const form = useForm({
+        initialValues: {
+            dates: initialRange
+        }
+    });
+    const calendarInputProps = form.getInputProps('dates');
+    const onCalendarChange = (range)=>{
+        // If the current value is [null, null] and a date is selected, set [selectedValue, null]
+        if (isDateRangePickerValue(range) && range[0] && range[1] === null) {
+            calendarInputProps.onChange([
+                dayjs(range[0]).toISOString(),
+                null
+            ]);
+            return;
+        }
+        const normalized = isDateRangePickerValue(range) && range[1] ? [
+            dayjs(range[0]).toISOString(),
+            endOfDay(range[1])
+        ] : range;
+        calendarInputProps.onChange(normalized);
+    };
+    const onCalendarApply = ()=>{
+        // In case the user only clicked the start date, but not the end date,
+        // assume a single day was meant to be selected.
+        if (!form.values.dates[1]) {
+            form.values.dates[1] = endOfDay(form.values.dates[0]);
+        }
+        onApply(form.values.dates);
+    };
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Group, {
+                align: "center",
+                gap: "xs",
+                grow: true,
+                px: "md",
+                py: "sm",
+                className: DateRangeClasses.picker,
+                children: [
+                    /*#__PURE__*/ _jsx(EditableDateRangePicker, {
+                        value: calendarInputProps.value,
+                        ...calendarInputProps,
+                        startProps: startProps,
+                        endProps: endProps
+                    }),
+                    presets ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Space, {
+                                w: "sm"
+                            }),
+                            /*#__PURE__*/ _jsx(DateRangePickerPresetSelect, {
+                                value: calendarInputProps.value,
+                                presets: presets,
+                                ...calendarInputProps,
+                                selectProps: {
+                                    comboboxProps: {
+                                        withinPortal: false
+                                    }
+                                }
+                            })
+                        ]
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Center, {
+                py: "sm",
+                px: "md",
+                children: /*#__PURE__*/ _jsx(DatePicker, {
+                    numberOfColumns: 2,
+                    columnsToScroll: 1,
+                    type: "range",
+                    styles: {
+                        day: {
+                            textAlign: 'center'
+                        }
+                    },
+                    firstDayOfWeek: 0,
+                    allowSingleDateInRange: true,
+                    ...rangeCalendarProps,
+                    ...calendarInputProps,
+                    onChange: onCalendarChange
+                })
+            }),
+            /*#__PURE__*/ _jsxs(Group, {
+                justify: "right",
+                gap: "xs",
+                px: "md",
+                py: "sm",
+                className: DateRangeClasses.save,
+                children: [
+                    /*#__PURE__*/ _jsx(Button.Tertiary, {
+                        onClick: onCancel,
+                        children: "Cancel"
+                    }),
+                    /*#__PURE__*/ _jsx(Button.Primary, {
+                        onClick: onCalendarApply,
+                        children: "Apply"
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=DateRangePickerInlineCalendar.js.map

package/dist/esm/components/DateRangePicker/DateRangePickerInlineCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePickerInlineCalendar.tsx"],"sourcesContent":["import {Center, Group, Space} from '@mantine/core';\nimport {DatePicker, DatePickerBaseProps, type DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport {useForm} from '@mantine/form';\n\nimport dayjs from 'dayjs';\nimport {Button} from '../Button/Button.js';\nimport DateRangeClasses from './DateRange.module.css';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect.js';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker.js';\nexport interface DateRangePickerInlineCalendarProps\n    extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n    /**\n     * Initial selected range\n     */\n    initialRange: DatesRangeValue<DateStringValue | null>;\n    /**\n     * Function called when the user applies the new date range\n     *\n     * @param range the newly selected dates\n     */\n    onApply: (range: DatesRangeValue<DateStringValue | null>) => 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<\n        DatePickerBaseProps,\n        | 'value'\n        | 'onChange'\n        | 'isDateInRange'\n        | 'isDateFirstInRange'\n        | 'isDateLastInRange'\n        | 'presets'\n        | '__onPresetSelect'\n        | 'allowDeselect'\n    >;\n}\n\nconst isDateRangePickerValue = (value: unknown): value is DatesRangeValue => Array.isArray(value) && value.length === 2;\n\nconst endOfDay = (value: DateStringValue): DateStringValue => (value ? dayjs(value).endOf('day').toISOString() : value);\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 onCalendarChange = (range: DateStringValue | DatesRangeValue<DateStringValue | null>): void => {\n        // If the current value is [null, null] and a date is selected, set [selectedValue, null]\n        if (isDateRangePickerValue(range) && range[0] && range[1] === null) {\n            calendarInputProps.onChange([dayjs(range[0]).toISOString(), null]);\n            return;\n        }\n        const normalized =\n            isDateRangePickerValue(range) && range[1] ? [dayjs(range[0]).toISOString(), endOfDay(range[1])] : range;\n        calendarInputProps.onChange(normalized);\n    };\n\n    const onCalendarApply = () => {\n        // In case the user only clicked the start date, but not the end date,\n        // assume a single day was meant to be selected.\n        if (!form.values.dates[1]) {\n            form.values.dates[1] = endOfDay(form.values.dates[0]);\n        }\n        onApply(form.values.dates);\n    };\n    return (\n        <>\n            <Group align=\"center\" gap=\"xs\" grow px=\"md\" py=\"sm\" className={DateRangeClasses.picker}>\n                <EditableDateRangePicker\n                    value={calendarInputProps.value}\n                    {...calendarInputProps}\n                    startProps={startProps}\n                    endProps={endProps}\n                />\n                {presets ? (\n                    <>\n                        <Space w=\"sm\" />\n                        <DateRangePickerPresetSelect\n                            value={calendarInputProps.value}\n                            presets={presets}\n                            {...calendarInputProps}\n                            selectProps={{comboboxProps: {withinPortal: false}}}\n                        />\n                    </>\n                ) : null}\n            </Group>\n            <Center py=\"sm\" px=\"md\">\n                <DatePicker<'range'>\n                    numberOfColumns={2}\n                    columnsToScroll={1}\n                    type=\"range\"\n                    styles={{day: {textAlign: 'center'}}}\n                    firstDayOfWeek={0}\n                    allowSingleDateInRange\n                    {...rangeCalendarProps}\n                    {...calendarInputProps}\n                    onChange={onCalendarChange}\n                />\n            </Center>\n            <Group justify=\"right\" gap=\"xs\" px=\"md\" py=\"sm\" className={DateRangeClasses.save}>\n                <Button.Tertiary onClick={onCancel}>Cancel</Button.Tertiary>\n                <Button.Primary onClick={onCalendarApply}>Apply</Button.Primary>\n            </Group>\n        </>\n    );\n};\n"],"names":["Center","Group","Space","DatePicker","useForm","dayjs","Button","DateRangeClasses","DateRangePickerPresetSelect","EditableDateRangePicker","isDateRangePickerValue","value","Array","isArray","length","endOfDay","endOf","toISOString","DateRangePickerInlineCalendar","initialRange","onApply","onCancel","presets","startProps","endProps","rangeCalendarProps","form","initialValues","dates","calendarInputProps","getInputProps","onCalendarChange","range","onChange","normalized","onCalendarApply","values","align","gap","grow","px","py","className","picker","w","selectProps","comboboxProps","withinPortal","numberOfColumns","columnsToScroll","type","styles","day","textAlign","firstDayOfWeek","allowSingleDateInRange","justify","save","Tertiary","onClick","Primary"],"mappings":";AAAA,SAAQA,MAAM,EAAEC,KAAK,EAAEC,KAAK,QAAO,gBAAgB;AACnD,SAAQC,UAAU,QAAwE,iBAAiB;AAC3G,SAAQC,OAAO,QAAO,gBAAgB;AAEtC,OAAOC,WAAW,QAAQ;AAC1B,SAAQC,MAAM,QAAO,sBAAsB;AAC3C,OAAOC,sBAAsB,yBAAyB;AACtD,SAA+BC,2BAA2B,QAAO,mCAAmC;AACpG,SAAQC,uBAAuB,QAAqC,+BAA+B;AA4CnG,MAAMC,yBAAyB,CAACC,QAA6CC,MAAMC,OAAO,CAACF,UAAUA,MAAMG,MAAM,KAAK;AAEtH,MAAMC,WAAW,CAACJ,QAA6CA,QAAQN,MAAMM,OAAOK,KAAK,CAAC,OAAOC,WAAW,KAAKN;AAEjH,OAAO,MAAMO,gCAAgC,CAAC,EAC1CC,YAAY,EACZC,OAAO,EACPC,QAAQ,EACRC,OAAO,EACPC,UAAU,EACVC,QAAQ,EACRC,kBAAkB,EACe;IACjC,MAAMC,OAAOtB,QAAQ;QACjBuB,eAAe;YACXC,OAAOT;QACX;IACJ;IACA,MAAMU,qBAAqBH,KAAKI,aAAa,CAAC;IAE9C,MAAMC,mBAAmB,CAACC;QACtB,yFAAyF;QACzF,IAAItB,uBAAuBsB,UAAUA,KAAK,CAAC,EAAE,IAAIA,KAAK,CAAC,EAAE,KAAK,MAAM;YAChEH,mBAAmBI,QAAQ,CAAC;gBAAC5B,MAAM2B,KAAK,CAAC,EAAE,EAAEf,WAAW;gBAAI;aAAK;YACjE;QACJ;QACA,MAAMiB,aACFxB,uBAAuBsB,UAAUA,KAAK,CAAC,EAAE,GAAG;YAAC3B,MAAM2B,KAAK,CAAC,EAAE,EAAEf,WAAW;YAAIF,SAASiB,KAAK,CAAC,EAAE;SAAE,GAAGA;QACtGH,mBAAmBI,QAAQ,CAACC;IAChC;IAEA,MAAMC,kBAAkB;QACpB,sEAAsE;QACtE,gDAAgD;QAChD,IAAI,CAACT,KAAKU,MAAM,CAACR,KAAK,CAAC,EAAE,EAAE;YACvBF,KAAKU,MAAM,CAACR,KAAK,CAAC,EAAE,GAAGb,SAASW,KAAKU,MAAM,CAACR,KAAK,CAAC,EAAE;QACxD;QACAR,QAAQM,KAAKU,MAAM,CAACR,KAAK;IAC7B;IACA,qBACI;;0BACI,MAAC3B;gBAAMoC,OAAM;gBAASC,KAAI;gBAAKC,IAAI;gBAACC,IAAG;gBAAKC,IAAG;gBAAKC,WAAWnC,iBAAiBoC,MAAM;;kCAClF,KAAClC;wBACGE,OAAOkB,mBAAmBlB,KAAK;wBAC9B,GAAGkB,kBAAkB;wBACtBN,YAAYA;wBACZC,UAAUA;;oBAEbF,wBACG;;0CACI,KAACpB;gCAAM0C,GAAE;;0CACT,KAACpC;gCACGG,OAAOkB,mBAAmBlB,KAAK;gCAC/BW,SAASA;gCACR,GAAGO,kBAAkB;gCACtBgB,aAAa;oCAACC,eAAe;wCAACC,cAAc;oCAAK;gCAAC;;;yBAG1D;;;0BAER,KAAC/C;gBAAOyC,IAAG;gBAAKD,IAAG;0BACf,cAAA,KAACrC;oBACG6C,iBAAiB;oBACjBC,iBAAiB;oBACjBC,MAAK;oBACLC,QAAQ;wBAACC,KAAK;4BAACC,WAAW;wBAAQ;oBAAC;oBACnCC,gBAAgB;oBAChBC,sBAAsB;oBACrB,GAAG9B,kBAAkB;oBACrB,GAAGI,kBAAkB;oBACtBI,UAAUF;;;0BAGlB,MAAC9B;gBAAMuD,SAAQ;gBAAQlB,KAAI;gBAAKE,IAAG;gBAAKC,IAAG;gBAAKC,WAAWnC,iBAAiBkD,IAAI;;kCAC5E,KAACnD,OAAOoD,QAAQ;wBAACC,SAAStC;kCAAU;;kCACpC,KAACf,OAAOsD,OAAO;wBAACD,SAASxB;kCAAiB;;;;;;AAI1D,EAAE"}

package/dist/esm/components/DateRangePicker/DateRangePickerPopoverCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerPopoverCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePickerPopoverCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAc,KAAK,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAKzG,OAAO,EAAC,qBAAqB,EAA8B,MAAM,kCAAkC,CAAC;AACpG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,8BAA8B,CAAC;AAEnG,UAAU,mCAAoC,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IAC/G,2CAA2C;IAC3C,YAAY,CAAC,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACvD,iCAAiC;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAChD,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAChE;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAChD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CACtF,CAAC;CACL;AAED,eAAO,MAAM,8BAA8B,GAAI,uFAQ5C,mCAAmC,4CA6DrC,CAAC"}

package/dist/esm/components/DateRangePicker/DateRangePickerPopoverCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePickerPopoverCalendar.tsx"],"sourcesContent":["import {Group, Popover, Space} from '@mantine/core';\nimport {CalendarBaseProps, DatePicker, type DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport {useClickOutside, useUncontrolled} from '@mantine/hooks';\nimport {useState} from 'react';\n\nimport dayjs from 'dayjs';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect.js';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker.js';\n\ninterface DateRangePickerPopoverCalendarProps extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n    /** Default value for uncontrolled input */\n    defaultValue?: DatesRangeValue<DateStringValue | null>;\n    /** Value for controlled input */\n    value?: DatesRangeValue<DateStringValue | null>;\n    /** onChange value for controlled input */\n    onChange?(value: DatesRangeValue<DateStringValue | null>): 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\n     */\n    rangeCalendarProps?: Omit<\n        CalendarBaseProps,\n        'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n    >;\n}\n\nexport const DateRangePickerPopoverCalendar = ({\n    presets,\n    value,\n    defaultValue,\n    onChange,\n    startProps,\n    endProps,\n    rangeCalendarProps,\n}: DateRangePickerPopoverCalendarProps) => {\n    const [opened, setOpened] = useState(false);\n    const ref = useClickOutside(() => setOpened(false));\n\n    const [_value, handleChange] = useUncontrolled<DatesRangeValue<DateStringValue> | null>({\n        value,\n        defaultValue,\n        onChange,\n        finalValue: [null, null],\n    });\n\n    const onCalendarChange = (dates: DatesRangeValue<DateStringValue | null>) => {\n        if (dates[0] !== null) {\n            dates[0] = dayjs(dates[0]).toISOString();\n        }\n        if (dates[1] !== null) {\n            dates[1] = dayjs(dates[1]).toISOString();\n        }\n        handleChange?.(dates);\n        if (dates[1] !== null) {\n            setOpened(false);\n        }\n    };\n\n    return (\n        <>\n            <Popover opened={opened} onChange={setOpened} trapFocus>\n                <Popover.Target>\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                </Popover.Target>\n                <Popover.Dropdown>\n                    <DatePicker\n                        ref={ref}\n                        type=\"range\"\n                        styles={{day: {textAlign: 'center'}}}\n                        numberOfColumns={2}\n                        columnsToScroll={1}\n                        firstDayOfWeek={0}\n                        allowSingleDateInRange\n                        value={_value}\n                        onChange={onCalendarChange}\n                        {...rangeCalendarProps}\n                    />\n                </Popover.Dropdown>\n            </Popover>\n        </>\n    );\n};\n"],"names":["Group","Popover","Space","DatePicker","useClickOutside","useUncontrolled","useState","dayjs","DateRangePickerPresetSelect","EditableDateRangePicker","DateRangePickerPopoverCalendar","presets","value","defaultValue","onChange","startProps","endProps","rangeCalendarProps","opened","setOpened","ref","_value","handleChange","finalValue","onCalendarChange","dates","toISOString","trapFocus","Target","align","onFocus","w","Dropdown","type","styles","day","textAlign","numberOfColumns","columnsToScroll","firstDayOfWeek","allowSingleDateInRange"],"mappings":";AAAA,SAAQA,KAAK,EAAEC,OAAO,EAAEC,KAAK,QAAO,gBAAgB;AACpD,SAA2BC,UAAU,QAAmD,iBAAiB;AACzG,SAAQC,eAAe,EAAEC,eAAe,QAAO,iBAAiB;AAChE,SAAQC,QAAQ,QAAO,QAAQ;AAE/B,OAAOC,WAAW,QAAQ;AAC1B,SAA+BC,2BAA2B,QAAO,mCAAmC;AACpG,SAAQC,uBAAuB,QAAqC,+BAA+B;AA6BnG,OAAO,MAAMC,iCAAiC,CAAC,EAC3CC,OAAO,EACPC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,kBAAkB,EACgB;IAClC,MAAM,CAACC,QAAQC,UAAU,GAAGb,SAAS;IACrC,MAAMc,MAAMhB,gBAAgB,IAAMe,UAAU;IAE5C,MAAM,CAACE,QAAQC,aAAa,GAAGjB,gBAAyD;QACpFO;QACAC;QACAC;QACAS,YAAY;YAAC;YAAM;SAAK;IAC5B;IAEA,MAAMC,mBAAmB,CAACC;QACtB,IAAIA,KAAK,CAAC,EAAE,KAAK,MAAM;YACnBA,KAAK,CAAC,EAAE,GAAGlB,MAAMkB,KAAK,CAAC,EAAE,EAAEC,WAAW;QAC1C;QACA,IAAID,KAAK,CAAC,EAAE,KAAK,MAAM;YACnBA,KAAK,CAAC,EAAE,GAAGlB,MAAMkB,KAAK,CAAC,EAAE,EAAEC,WAAW;QAC1C;QACAJ,eAAeG;QACf,IAAIA,KAAK,CAAC,EAAE,KAAK,MAAM;YACnBN,UAAU;QACd;IACJ;IAEA,qBACI;kBACI,cAAA,MAAClB;YAAQiB,QAAQA;YAAQJ,UAAUK;YAAWQ,SAAS;;8BACnD,KAAC1B,QAAQ2B,MAAM;8BACX,cAAA,MAAC5B;wBAAM6B,OAAM;;0CACT,KAACpB;gCACGG,OAAOS;gCACPP,UAAUQ;gCACVQ,SAAS,IAAMX,UAAU;gCACzBJ,YAAYA;gCACZC,UAAUA;;4BAEbL,wBACG;;kDACI,KAACT;wCAAM6B,GAAE;;kDACT,KAACvB;wCAA4BG,SAASA;wCAASC,OAAOS;wCAAQP,UAAUQ;;;iCAE5E;;;;8BAGZ,KAACrB,QAAQ+B,QAAQ;8BACb,cAAA,KAAC7B;wBACGiB,KAAKA;wBACLa,MAAK;wBACLC,QAAQ;4BAACC,KAAK;gCAACC,WAAW;4BAAQ;wBAAC;wBACnCC,iBAAiB;wBACjBC,iBAAiB;wBACjBC,gBAAgB;wBAChBC,sBAAsB;wBACtB5B,OAAOS;wBACPP,UAAUU;wBACT,GAAGP,kBAAkB;;;;;;AAM9C,EAAE"}

package/dist/esm/components/DateRangePicker/DateRangePickerPresetSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerPresetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePickerPresetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,WAAW,EAAC,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAIrE,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;CAC3C;AAED,UAAU,iCAAiC;IACvC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACxC,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,2BAA2B,GAAI,4CAKzC,iCAAiC,4CAyCnC,CAAC"}

package/dist/esm/components/DateRangePicker/DateRangePickerPresetSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePickerPresetSelect.tsx"],"sourcesContent":["import {ComboboxItem, Select, SelectProps} from '@mantine/core';\nimport type {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {useEffect, useState} from 'react';\n\nexport interface DateRangePickerPreset {\n    label: string;\n    range: DatesRangeValue<DateStringValue>;\n}\n\ninterface DateRangePickerPresetsSelectProps {\n    presets: Record<string, DateRangePickerPreset>;\n    value: DatesRangeValue<DateStringValue>;\n    onChange?(value: DatesRangeValue): void;\n    selectProps?: Partial<Omit<SelectProps, 'data' | 'value' | 'onChange'>>;\n}\n\nexport const DateRangePickerPresetSelect = ({\n    presets,\n    value,\n    onChange,\n    selectProps = {},\n}: DateRangePickerPresetsSelectProps) => {\n    const selectData: ComboboxItem[] = Object.entries(presets).map(([val, {label}]) => ({value: val, label}));\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                ([, {range}]) =>\n                    dayjs(range[0]).isSame(dayjs(value[0]).toISOString()) &&\n                    dayjs(range[1]).isSame(dayjs(value[1]).toISOString()),\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            maxDropdownHeight={240}\n        />\n    );\n};\n"],"names":["Select","dayjs","useEffect","useState","DateRangePickerPresetSelect","presets","value","onChange","selectProps","selectData","Object","entries","map","val","label","getSelectedPreset","unix","selected","find","range","isSame","toISOString","selectedPreset","setSelectedPreset","newPreset","onChangePreset","presetId","placeholder","data","maxDropdownHeight"],"mappings":";AAAA,SAAsBA,MAAM,QAAoB,gBAAgB;AAEhE,OAAOC,WAAW,QAAQ;AAC1B,SAAQC,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAc1C,OAAO,MAAMC,8BAA8B,CAAC,EACxCC,OAAO,EACPC,KAAK,EACLC,QAAQ,EACRC,cAAc,CAAC,CAAC,EACgB;IAChC,MAAMC,aAA6BC,OAAOC,OAAO,CAACN,SAASO,GAAG,CAAC,CAAC,CAACC,KAAK,EAACC,KAAK,EAAC,CAAC,GAAM,CAAA;YAACR,OAAOO;YAAKC;QAAK,CAAA;IACtG,MAAMC,oBAAoB;QACtB,IAAIT,KAAK,CAAC,EAAE,KAAK,QAAQA,KAAK,CAAC,EAAE,KAAK,QAAQL,MAAMK,KAAK,CAAC,EAAE,EAAEU,IAAI,OAAOf,MAAMK,KAAK,CAAC,EAAE,EAAEU,IAAI,IAAI;YAC7F,MAAMC,WAAWP,OAAOC,OAAO,CAACN,SAASa,IAAI,CACzC,CAAC,GAAG,EAACC,KAAK,EAAC,CAAC,GACRlB,MAAMkB,KAAK,CAAC,EAAE,EAAEC,MAAM,CAACnB,MAAMK,KAAK,CAAC,EAAE,EAAEe,WAAW,OAClDpB,MAAMkB,KAAK,CAAC,EAAE,EAAEC,MAAM,CAACnB,MAAMK,KAAK,CAAC,EAAE,EAAEe,WAAW;YAE1D,IAAIJ,UAAU;gBACV,OAAOA,QAAQ,CAAC,EAAE;YACtB;QACJ;QACA,OAAO;IACX;IAEA,MAAM,CAACK,gBAAgBC,kBAAkB,GAAGpB,SAAwBY;IAEpEb,UAAU;QACN,MAAMsB,YAAYT;QAClB,IAAIS,cAAcF,gBAAgB;YAC9BC,kBAAkBC;QACtB;IACJ,GAAG;QAAClB;KAAM;IAEV,MAAMmB,iBAAiB,CAACC;QACpB,MAAMP,QAAQd,OAAO,CAACqB,SAAS,CAACP,KAAK;QACrCZ,WAAWY;IACf;IAEA,qBACI,KAACnB;QACGc,OAAM;QACNa,aAAY;QACX,GAAGnB,WAAW;QACfF,OAAOgB;QACPf,UAAUkB;QACVG,MAAMnB;QACNoB,mBAAmB;;AAG/B,EAAE"}

package/dist/esm/components/DateRangePicker/EditableDateRangePicker.d.ts

@@ -0,0 +1,17 @@
+import { DatePickerProps, DateStringValue, type DatesRangeValue } from '@mantine/dates';
+export interface EditableDateRangePickerProps {
+    value: DatesRangeValue<DateStringValue | null>;
+    onChange?(value: DatesRangeValue<DateStringValue> | null): void;
+    onFocus?: () => void;
+    /**
+     * Props for the start input
+     */
+    startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;
+    /**
+     * Props for the end input
+     */
+    endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;
+}
+export declare const EditableDateRangePicker: ({ value, onChange, onFocus, startProps, endProps, }: EditableDateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export type { DateRangePickerPreset } from './DateRangePickerPresetSelect';
+//# sourceMappingURL=EditableDateRangePicker.d.ts.map

package/dist/esm/components/DateRangePicker/EditableDateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAE,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAGjG,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC/C,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,uBAAuB,GAAI,qDAMrC,4BAA4B,4CA8B9B,CAAC;AACF,YAAY,EAAC,qBAAqB,EAAC,MAAM,+BAA+B,CAAC"}

package/dist/esm/components/DateRangePicker/EditableDateRangePicker.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DateInput } from '@mantine/dates';
+import dayjs from 'dayjs';
+export const EditableDateRangePicker = ({ value, onChange, onFocus, startProps = {}, endProps = {} })=>{
+    const onChangeStart = (date)=>{
+        onChange?.([
+            dayjs(date).startOf('day').toISOString(),
+            value?.[1]
+        ]);
+    };
+    const onChangeEnd = (date)=>{
+        onChange?.([
+            value?.[0],
+            dayjs(date).endOf('day').toISOString()
+        ]);
+    };
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(DateInput, {
+                clearable: false,
+                label: "Start",
+                value: value?.[0],
+                onChange: onChangeStart,
+                onFocus: onFocus,
+                popoverProps: {
+                    styles: {
+                        dropdown: {
+                            display: 'none'
+                        }
+                    }
+                },
+                ...startProps
+            }),
+            /*#__PURE__*/ _jsx(DateInput, {
+                clearable: false,
+                label: "End",
+                value: value?.[1],
+                onChange: onChangeEnd,
+                onFocus: onFocus,
+                popoverProps: {
+                    styles: {
+                        dropdown: {
+                            display: 'none'
+                        }
+                    }
+                },
+                ...endProps
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=EditableDateRangePicker.js.map