@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,65 @@
+import React, { useState, useRef, useMemo } from 'react';
+import { sizes } from '../../theme/modules/sizes.js';
+import { CalendarIcon } from '../../tempIcons/CalendarIcon.js';
+import { DateInputField } from '../DateInputField/index.js';
+import { Popover } from '../Popover/Popover.js';
+import { Card } from '../Card/Card.js';
+import '../Calendars/components/RangeCalendar/styled.js';
+import '../Grid/index.js';
+import '../Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.js';
+import '@internationalized/date';
+import 'react-aria-components';
+import '../Calendars/types.js';
+import '../Calendars/data/constants.js';
+import { Button } from '../Button/Button.js';
+import '../Stack/Stack.js';
+import '../Calendars/components/subcomponents/CalendarHeading.js';
+import { useIsDateUnavailable } from '../Calendars/data/useIsDateUnavailable.js';
+import { Calendar } from '../Calendars/components/Calendar/Calendar.js';
+import { DatePickerFooter } from './styled.js';
+
+const DatePicker = ({ className, style, value, onChange, 'aria-label': ariaLabel, isDisabled, shouldCloseOnSelect = true, rootElementRef, maxValue, minValue, disabledRanges, disallowWeekends, ...withLabelProps }) => {
+    const [shouldShowDropdown, setShouldShowDropdown] = useState(false);
+    const resetToValue = useRef(value);
+    const rangeRef = useRef(null);
+    const openDropdownRef = useRef(null);
+    const closeDropdown = () => {
+        var _a;
+        setShouldShowDropdown(false);
+        (_a = openDropdownRef.current) === null || _a === undefined ? undefined : _a.focus();
+    };
+    const onSelectDate = (date) => {
+        onChange(date);
+        if (!shouldCloseOnSelect || !shouldShowDropdown)
+            return;
+        setTimeout(closeDropdown, 0); // Calendar state must update first.
+    };
+    const validationProps = {
+        maxValue,
+        minValue,
+        disabledRanges,
+        disallowWeekends,
+    };
+    const { isDateUnavailable } = useIsDateUnavailable(validationProps);
+    const isSelectedDateInvalid = useMemo(() => (value ? isDateUnavailable(value) : false), [isDateUnavailable, value]);
+    const error = withLabelProps.error || (isSelectedDateInvalid ? 'Invalid date selection' : undefined);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DateInputField, { isDisabled: isDisabled, "aria-label": ariaLabel, startValue: value, rightActionRef: openDropdownRef, rightAction: {
+                iconSlot: React.createElement(CalendarIcon, null),
+                'aria-label': 'Open Calendar',
+                onClick: () => setShouldShowDropdown(!shouldShowDropdown),
+                disabled: isDisabled,
+                'aria-controls': 'data-picker-dropdown',
+                'aria-haspopup': true,
+                'aria-expanded': shouldShowDropdown,
+            }, onChange: onSelectDate, rangeRef: rangeRef, className: className, style: style, ...withLabelProps, ...validationProps, error: error }),
+        shouldShowDropdown && (React.createElement(Popover, { id: "date-picker-dropdown", style: { marginTop: sizes.sm }, anchorElement: rangeRef.current, onShouldClose: closeDropdown, placement: "bottom-start", ignoreAriaWarnings // We want to anchor to input, but be powered by right action.
+            : true, rootElementRef: rootElementRef },
+            React.createElement(Card.Surface, { style: { padding: sizes.base } },
+                React.createElement(Calendar, { value: value, onChange: onSelectDate, "aria-label": `${ariaLabel} Calendar`, isDisabled: isDisabled, ...validationProps }),
+                React.createElement(DatePickerFooter, null,
+                    React.createElement(Button, { type: "button", variant: "flat", onClick: () => onSelectDate(resetToValue.current), size: "sm", disabled: isDisabled }, "Reset")))))));
+};
+
+export { DatePicker };
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA2Ba,MAAA,UAAU,GAAG,CAAC,EACzB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,mBAAmB,GAAG,IAAI,EAC1B,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,GAAG,cAAc,EACD,KAAI;IACpB,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnE,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC;AAElC,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC;AACpD,IAAA,MAAM,eAAe,GAAG,MAAM,CAA2B,IAAI,CAAC;IAE9D,MAAM,aAAa,GAAG,MAAK;;QACzB,qBAAqB,CAAC,KAAK,CAAC;AAC5B,QAAA,CAAA,EAAA,GAAA,eAAe,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,EAAE;AAClC,KAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,IAAsB,KAAI;QAC9C,QAAQ,CAAC,IAAI,CAAC;AAEd,QAAA,IAAI,CAAC,mBAAmB,IAAI,CAAC,kBAAkB;YAAE;AACjD,QAAA,UAAU,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;AAC/B,KAAC;AAED,IAAA,MAAM,eAAe,GAAG;QACtB,QAAQ;QACR,QAAQ;QACR,cAAc;QACd,gBAAgB;KACM;IAExB,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC,eAAe,CAAC;AACnE,IAAA,MAAM,qBAAqB,GAAG,OAAO,CACnC,OAAO,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,EAChD,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAC3B;AAED,IAAA,MAAM,KAAK,GACT,cAAc,CAAC,KAAK,KAAK,qBAAqB,GAAG,wBAAwB,GAAG,SAAS,CAAC;AAExF,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EACb,EAAA,UAAU,EAAE,UAAU,gBACV,SAAS,EACrB,UAAU,EAAE,KAAK,EACjB,cAAc,EAAE,eAAe,EAC/B,WAAW,EAAE;gBACX,QAAQ,EAAE,KAAC,CAAA,aAAA,CAAA,YAAY,EAAG,IAAA,CAAA;AAC1B,gBAAA,YAAY,EAAE,eAAe;gBAC7B,OAAO,EAAE,MAAM,qBAAqB,CAAC,CAAC,kBAAkB,CAAC;AACzD,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,eAAe,EAAE,sBAAsB;AACvC,gBAAA,eAAe,EAAE,IAAI;AACrB,gBAAA,eAAe,EAAE,kBAAkB;aACpC,EACD,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,GACR,cAAc,EAAA,GACd,eAAe,EACnB,KAAK,EAAE,KAAK,EACZ,CAAA;AAED,QAAA,kBAAkB,KACjB,KAAC,CAAA,aAAA,CAAA,OAAO,IACN,EAAE,EAAC,sBAAsB,EACzB,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,EAC9B,aAAa,EAAE,QAAQ,CAAC,OAAO,EAC/B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAC,cAAc,EACxB,kBAAkB;AAClB,cAAA,IAAA,EAAA,cAAc,EAAE,cAAc,EAAA;AAE9B,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,EAAA;AAC1C,gBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EACP,EAAA,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,gBACV,CAAG,EAAA,SAAS,WAAW,EACnC,UAAU,EAAE,UAAU,EAAA,GAClB,eAAe,EACnB,CAAA;AACF,gBAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,IAAA;AACf,oBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,MAAM,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,EACjD,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,UAAU,EAAA,EAAA,OAAA,CAGb,CACQ,CACN,CACP,CACX,CACA;AAEP;;;;"}

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1 @@
+export { DatePicker } from './DatePicker';

package/dist/components/DatePicker/styled.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var styled = require('styled-components');
+var colors = require('../../theme/modules/colors.cjs');
+var sizes = require('../../theme/modules/sizes.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const DatePickerFooter = styled__default.default.footer.withConfig({ displayName: "vui--DatePickerFooter", componentId: "vui--17flrd9" }) `display:flex;justify-content:end;margin-top:${sizes.sizes.base};margin-left:-${sizes.sizes.base};margin-right:-${sizes.sizes.base};padding:${sizes.sizes.base};padding-bottom:0;border-top:${sizes.sizes.line} solid ${colors.colors.neutral.grey.base};`;
+
+exports.DatePickerFooter = DatePickerFooter;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/DatePicker/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/DatePicker/styled.ts"],"sourcesContent":[null],"names":["styled","sizes","colors"],"mappings":";;;;;;;;;;AAIa,MAAA,gBAAgB,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4CAAA,EAI7BC,WAAK,CAAC,IAAI,CACR,cAAA,EAAAA,WAAK,CAAC,IAAI,kBACTA,WAAK,CAAC,IAAI,CAAA,SAAA,EAEhBA,WAAK,CAAC,IAAI,CAGP,6BAAA,EAAAA,WAAK,CAAC,IAAI,CAAA,OAAA,EAAUC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}

package/dist/components/DatePicker/styled.d.ts

@@ -0,0 +1 @@
+export declare const DatePickerFooter: import("styled-components").StyledComponent<"footer", any, {}, never>;

package/dist/components/DatePicker/styled.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+import { colors } from '../../theme/modules/colors.js';
+import { sizes } from '../../theme/modules/sizes.js';
+
+const DatePickerFooter = styled.footer.withConfig({ displayName: "vui--DatePickerFooter", componentId: "vui--17flrd9" }) `display:flex;justify-content:end;margin-top:${sizes.base};margin-left:-${sizes.base};margin-right:-${sizes.base};padding:${sizes.base};padding-bottom:0;border-top:${sizes.line} solid ${colors.neutral.grey.base};`;
+
+export { DatePickerFooter };
+//# sourceMappingURL=styled.js.map

package/dist/components/DatePicker/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../src/components/DatePicker/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIa,MAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4CAAA,EAI7B,KAAK,CAAC,IAAI,CACR,cAAA,EAAA,KAAK,CAAC,IAAI,kBACT,KAAK,CAAC,IAAI,CAAA,SAAA,EAEhB,KAAK,CAAC,IAAI,CAGP,6BAAA,EAAA,KAAK,CAAC,IAAI,CAAA,OAAA,EAAU,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}

package/dist/components/DateRangePicker/DateRangePicker.cjs

@@ -1,2 +1,82 @@
-"use strict";var e=require("react"),a=require("../Button/Button.cjs"),t=require("../Select/Select.cjs"),n=require("../DateInputField/index.cjs"),r=require("../Calendars/components/RangeCalendar/RangeCalendar.cjs");require("../Calendars/components/Calendar/styled.cjs"),require("../Grid/index.cjs"),require("../Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.cjs"),require("@internationalized/date"),require("react-aria-components"),require("../Calendars/types.cjs"),require("../Calendars/data/constants.cjs");var s=require("../Stack/Stack.cjs");require("../../theme/modules/sizes.cjs"),require("../Calendars/components/subcomponents/CalendarHeading.cjs");var l=require("../Card/Card.cjs"),d=require("../../theme/index.cjs"),i=require("./components/ComparePreviousPeriod.cjs"),c=require("./constants.cjs"),u=require("./utils.cjs"),o=require("./components/Divider.cjs");function m(e){return e&&e.__esModule?e:{default:e}}var g=m(e);exports.DateRangePicker=({className:m,style:C,isDisabled:v,showDatePresets:R=!0,onReset:b,disabledRanges:E,selectedPreset:f,setSelectedPreset:p,selectedRange:q,setSelectedRange:D,"aria-describedby":j,"aria-label":S,...P})=>{const h=e.useCallback((e=>a=>{const t={start:"start"===e?a:null==q?void 0:q.start,end:"end"===e?a:null==q?void 0:q.end};D(t)}),[null==q?void 0:q.end,null==q?void 0:q.start,D]),y=e.useMemo((()=>u.checkIfDateRangeInvalid({disabledRanges:E,selectedRange:q})),[E,q]),N=e.useMemo((()=>q?c.checkForMatchingPreset(q):null),[q]);return e.useEffect((()=>{p(N||c.DATE_RANGE_OPTIONS[0])}),[N,p]),g.default.createElement(s.Stack,{direction:"vertical",alignX:"stretch",spacing:"0",style:{gap:d.theme.sizes.base,...C},className:m,"aria-describedby":j,"aria-label":S},R&&g.default.createElement(t.Select,{disabled:v,label:"Date Range",options:c.DATE_RANGE_OPTIONS,value:null==f?void 0:f.value,onChange:e=>{D(c.getDateRange(c.DateRanges[e])),p(c.DATE_RANGE_OPTIONS.find((({value:a})=>a===e))||c.DATE_RANGE_OPTIONS[0])}}),g.default.createElement(n.DateInputField,{isRangeInput:!0,isDisabled:v,label:"Start date - End date",onChangeStartDate:h("start"),onChangeEndDate:h("end"),startValue:q&&q.start,endValue:q&&q.end,error:y?"Range contains invalid dates":void 0}),P.showPreviousPeriod&&g.default.createElement(i.ComparePreviousPeriod,{...P}),g.default.createElement(o.Divider,null),g.default.createElement(s.Stack,{alignX:"center"},g.default.createElement(r.RangeCalendar,{"aria-label":"Selected Date Range",isDisabled:v,value:q,onChange:D,disabledRanges:E})),!!b&&g.default.createElement(g.default.Fragment,null,g.default.createElement(o.Divider,null),g.default.createElement(l.Card.Footer,{style:{display:"flex",justifyContent:"end",padding:0,margin:0}},g.default.createElement(a.Button,{variant:"default",size:"sm",onClick:b,disabled:v},"Reset"))))};
+'use strict';
+
+var React = require('react');
+var Button = require('../Button/Button.cjs');
+var Select = require('../Select/Select.cjs');
+var index$1 = require('../DateInputField/index.cjs');
+var RangeCalendar = require('../Calendars/components/RangeCalendar/RangeCalendar.cjs');
+require('../Calendars/components/Calendar/styled.cjs');
+require('../Grid/index.cjs');
+require('../Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.cjs');
+require('@internationalized/date');
+require('react-aria-components');
+require('../Calendars/types.cjs');
+require('../Calendars/data/constants.cjs');
+var Stack = require('../Stack/Stack.cjs');
+require('../../theme/modules/sizes.cjs');
+require('../Calendars/components/subcomponents/CalendarHeading.cjs');
+var useIsDateUnavailable = require('../Calendars/data/useIsDateUnavailable.cjs');
+var Card = require('../Card/Card.cjs');
+var index = require('../../theme/index.cjs');
+var ComparePreviousPeriod = require('./components/ComparePreviousPeriod.cjs');
+var constants = require('./constants.cjs');
+var Divider = require('./components/Divider.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const DateRangePicker = ({ 
+// Style props
+className, style, isDisabled, 
+// Customizable options
+showDatePresets = true, onReset, 
+// Calendar props
+disabledRanges, disallowWeekends, maxValue, minValue, selectedPreset, setSelectedPreset, selectedRange, setSelectedRange, 
+// Previous period props
+'aria-describedby': ariaDescribedBy, 'aria-label': ariaLabel, ...previousPeriodProps }) => {
+    const { isDateRangeUnavailable } = useIsDateUnavailable.useIsDateUnavailable({
+        disabledRanges,
+        disallowWeekends,
+        maxValue,
+        minValue,
+    });
+    const updateRangePreset = (selectedValue) => {
+        setSelectedRange(constants.getDateRange(constants.DateRanges[selectedValue]));
+        setSelectedPreset(constants.DATE_RANGE_OPTIONS.find(({ value }) => value === selectedValue) || constants.DATE_RANGE_OPTIONS[0]);
+    };
+    const updateDateSegment = React.useCallback((slot) => (value) => {
+        const newRange = {
+            start: slot === 'start' ? value : selectedRange === null || selectedRange === undefined ? undefined : selectedRange.start,
+            end: slot === 'end' ? value : selectedRange === null || selectedRange === undefined ? undefined : selectedRange.end,
+        };
+        setSelectedRange(newRange);
+    }, [selectedRange === null || selectedRange === undefined ? undefined : selectedRange.end, selectedRange === null || selectedRange === undefined ? undefined : selectedRange.start, setSelectedRange]);
+    const isDateRangeInvalid = React.useMemo(() => isDateRangeUnavailable(selectedRange), [isDateRangeUnavailable, selectedRange]);
+    // Memoize finding preset since checkForMatchingPreset isn't quick.
+    const matchedPreset = React.useMemo(() => {
+        if (!selectedRange)
+            return null;
+        return constants.checkForMatchingPreset(selectedRange);
+    }, [selectedRange]);
+    React.useEffect(() => {
+        if (matchedPreset)
+            setSelectedPreset(matchedPreset); // If selected value is a preset, set it.
+        else
+            setSelectedPreset(constants.DATE_RANGE_OPTIONS[0]); // Otherwise, select "custom" option.
+    }, [matchedPreset, setSelectedPreset]);
+    return (React__default.default.createElement(Stack.Stack, { direction: "vertical", alignX: "stretch", spacing: "0", style: { gap: index.theme.sizes.base, ...style }, className: className, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel },
+        showDatePresets && (React__default.default.createElement(Select.Select, { disabled: isDisabled, label: "Date Range", options: constants.DATE_RANGE_OPTIONS, value: selectedPreset === null || selectedPreset === undefined ? undefined : selectedPreset.value, onChange: updateRangePreset })),
+        React__default.default.createElement(index$1.DateInputField, { isRangeInput: true, isDisabled: isDisabled, label: "Start date - End date", onChangeStartDate: updateDateSegment('start'), onChangeEndDate: updateDateSegment('end'), startValue: selectedRange && selectedRange.start, endValue: selectedRange && selectedRange.end, error: isDateRangeInvalid ? 'Range contains invalid dates' : undefined, disabledRanges: disabledRanges, disallowWeekends: disallowWeekends, maxValue: maxValue, minValue: minValue }),
+        previousPeriodProps.showPreviousPeriod && React__default.default.createElement(ComparePreviousPeriod.ComparePreviousPeriod, { ...previousPeriodProps }),
+        React__default.default.createElement(Divider.Divider, null),
+        React__default.default.createElement(Stack.Stack, { alignX: "center" },
+            React__default.default.createElement(RangeCalendar.RangeCalendar, { "aria-label": "Selected Date Range", isDisabled: isDisabled, value: selectedRange, onChange: setSelectedRange, disabledRanges: disabledRanges, maxValue: maxValue, minValue: minValue, disallowWeekends: disallowWeekends })),
+        !!onReset && (React__default.default.createElement(React__default.default.Fragment, null,
+            React__default.default.createElement(Divider.Divider, null),
+            React__default.default.createElement(Card.Card.Footer, { style: { display: 'flex', justifyContent: 'end', padding: 0, margin: 0 } },
+                React__default.default.createElement(Button.Button, { variant: "default", size: "sm", onClick: onReset, disabled: isDisabled }, "Reset"))))));
+};
+
+exports.DateRangePicker = DateRangePicker;
 //# sourceMappingURL=DateRangePicker.cjs.map

package/dist/components/DateRangePicker/DateRangePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DateRangePicker.cjs","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":[null],"names":["useIsDateUnavailable","getDateRange","DateRanges","DATE_RANGE_OPTIONS","useCallback","useMemo","checkForMatchingPreset","useEffect","React","Stack","theme","Select","DateInputField","ComparePreviousPeriod","Divider","RangeCalendar","Card","Button"],"mappings":"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"}

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

@@ -1,4 +1,3 @@
 import React from 'react';
 import { DateRangePickerProps } from './types';
-export declare const DateRangePicker: ({ className, style, isDisabled, showDatePresets, onReset, disabledRanges, selectedPreset, setSelectedPreset, selectedRange, setSelectedRange, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, ...previousPeriodProps }: DateRangePickerProps) => React.JSX.Element;
-//# sourceMappingURL=DateRangePicker.d.ts.map
+export declare const DateRangePicker: ({ className, style, isDisabled, showDatePresets, onReset, disabledRanges, disallowWeekends, maxValue, minValue, selectedPreset, setSelectedPreset, selectedRange, setSelectedRange, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, ...previousPeriodProps }: DateRangePickerProps) => React.JSX.Element;

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,2 +1,76 @@
-import e,{useCallback as t,useMemo as a,useEffect as n}from"react";import{Button as s}from"../Button/Button.js";import{Select as r}from"../Select/Select.js";import{DateInputField as l}from"../DateInputField/index.js";import{RangeCalendar as o}from"../Calendars/components/RangeCalendar/RangeCalendar.js";import"../Calendars/components/Calendar/styled.js";import"../Grid/index.js";import"../Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.js";import"@internationalized/date";import"react-aria-components";import"../Calendars/types.js";import"../Calendars/data/constants.js";import{Stack as i}from"../Stack/Stack.js";import"../../theme/modules/sizes.js";import"../Calendars/components/subcomponents/CalendarHeading.js";import{Card as d}from"../Card/Card.js";import{theme as m}from"../../theme/index.js";import{ComparePreviousPeriod as c}from"./components/ComparePreviousPeriod.js";import{checkForMatchingPreset as p,DATE_RANGE_OPTIONS as u,getDateRange as g,DateRanges as b}from"./constants.js";import{checkIfDateRangeInvalid as C}from"./utils.js";import{Divider as j}from"./components/Divider.js";const f=({className:f,style:v,isDisabled:R,showDatePresets:E=!0,onReset:y,disabledRanges:D,selectedPreset:h,setSelectedPreset:S,selectedRange:P,setSelectedRange:x,"aria-describedby":z,"aria-label":k,...F})=>{const w=t((e=>t=>{const a={start:"start"===e?t:null==P?void 0:P.start,end:"end"===e?t:null==P?void 0:P.end};x(a)}),[null==P?void 0:P.end,null==P?void 0:P.start,x]),B=a((()=>C({disabledRanges:D,selectedRange:P})),[D,P]),G=a((()=>P?p(P):null),[P]);return n((()=>{S(G||u[0])}),[G,S]),e.createElement(i,{direction:"vertical",alignX:"stretch",spacing:"0",style:{gap:m.sizes.base,...v},className:f,"aria-describedby":z,"aria-label":k},E&&e.createElement(r,{disabled:R,label:"Date Range",options:u,value:null==h?void 0:h.value,onChange:e=>{x(g(b[e])),S(u.find((({value:t})=>t===e))||u[0])}}),e.createElement(l,{isRangeInput:!0,isDisabled:R,label:"Start date - End date",onChangeStartDate:w("start"),onChangeEndDate:w("end"),startValue:P&&P.start,endValue:P&&P.end,error:B?"Range contains invalid dates":void 0}),F.showPreviousPeriod&&e.createElement(c,{...F}),e.createElement(j,null),e.createElement(i,{alignX:"center"},e.createElement(o,{"aria-label":"Selected Date Range",isDisabled:R,value:P,onChange:x,disabledRanges:D})),!!y&&e.createElement(e.Fragment,null,e.createElement(j,null),e.createElement(d.Footer,{style:{display:"flex",justifyContent:"end",padding:0,margin:0}},e.createElement(s,{variant:"default",size:"sm",onClick:y,disabled:R},"Reset"))))};export{f as DateRangePicker};
+import React, { useCallback, useMemo, useEffect } from 'react';
+import { Button } from '../Button/Button.js';
+import { Select } from '../Select/Select.js';
+import { DateInputField } from '../DateInputField/index.js';
+import { RangeCalendar } from '../Calendars/components/RangeCalendar/RangeCalendar.js';
+import '../Calendars/components/Calendar/styled.js';
+import '../Grid/index.js';
+import '../Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.js';
+import '@internationalized/date';
+import 'react-aria-components';
+import '../Calendars/types.js';
+import '../Calendars/data/constants.js';
+import { Stack } from '../Stack/Stack.js';
+import '../../theme/modules/sizes.js';
+import '../Calendars/components/subcomponents/CalendarHeading.js';
+import { useIsDateUnavailable } from '../Calendars/data/useIsDateUnavailable.js';
+import { Card } from '../Card/Card.js';
+import { theme } from '../../theme/index.js';
+import { ComparePreviousPeriod } from './components/ComparePreviousPeriod.js';
+import { checkForMatchingPreset, DATE_RANGE_OPTIONS, getDateRange, DateRanges } from './constants.js';
+import { Divider } from './components/Divider.js';
+
+const DateRangePicker = ({ 
+// Style props
+className, style, isDisabled, 
+// Customizable options
+showDatePresets = true, onReset, 
+// Calendar props
+disabledRanges, disallowWeekends, maxValue, minValue, selectedPreset, setSelectedPreset, selectedRange, setSelectedRange, 
+// Previous period props
+'aria-describedby': ariaDescribedBy, 'aria-label': ariaLabel, ...previousPeriodProps }) => {
+    const { isDateRangeUnavailable } = useIsDateUnavailable({
+        disabledRanges,
+        disallowWeekends,
+        maxValue,
+        minValue,
+    });
+    const updateRangePreset = (selectedValue) => {
+        setSelectedRange(getDateRange(DateRanges[selectedValue]));
+        setSelectedPreset(DATE_RANGE_OPTIONS.find(({ value }) => value === selectedValue) || DATE_RANGE_OPTIONS[0]);
+    };
+    const updateDateSegment = useCallback((slot) => (value) => {
+        const newRange = {
+            start: slot === 'start' ? value : selectedRange === null || selectedRange === undefined ? undefined : selectedRange.start,
+            end: slot === 'end' ? value : selectedRange === null || selectedRange === undefined ? undefined : selectedRange.end,
+        };
+        setSelectedRange(newRange);
+    }, [selectedRange === null || selectedRange === undefined ? undefined : selectedRange.end, selectedRange === null || selectedRange === undefined ? undefined : selectedRange.start, setSelectedRange]);
+    const isDateRangeInvalid = useMemo(() => isDateRangeUnavailable(selectedRange), [isDateRangeUnavailable, selectedRange]);
+    // Memoize finding preset since checkForMatchingPreset isn't quick.
+    const matchedPreset = useMemo(() => {
+        if (!selectedRange)
+            return null;
+        return checkForMatchingPreset(selectedRange);
+    }, [selectedRange]);
+    useEffect(() => {
+        if (matchedPreset)
+            setSelectedPreset(matchedPreset); // If selected value is a preset, set it.
+        else
+            setSelectedPreset(DATE_RANGE_OPTIONS[0]); // Otherwise, select "custom" option.
+    }, [matchedPreset, setSelectedPreset]);
+    return (React.createElement(Stack, { direction: "vertical", alignX: "stretch", spacing: "0", style: { gap: theme.sizes.base, ...style }, className: className, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel },
+        showDatePresets && (React.createElement(Select, { disabled: isDisabled, label: "Date Range", options: DATE_RANGE_OPTIONS, value: selectedPreset === null || selectedPreset === undefined ? undefined : selectedPreset.value, onChange: updateRangePreset })),
+        React.createElement(DateInputField, { isRangeInput: true, isDisabled: isDisabled, label: "Start date - End date", onChangeStartDate: updateDateSegment('start'), onChangeEndDate: updateDateSegment('end'), startValue: selectedRange && selectedRange.start, endValue: selectedRange && selectedRange.end, error: isDateRangeInvalid ? 'Range contains invalid dates' : undefined, disabledRanges: disabledRanges, disallowWeekends: disallowWeekends, maxValue: maxValue, minValue: minValue }),
+        previousPeriodProps.showPreviousPeriod && React.createElement(ComparePreviousPeriod, { ...previousPeriodProps }),
+        React.createElement(Divider, null),
+        React.createElement(Stack, { alignX: "center" },
+            React.createElement(RangeCalendar, { "aria-label": "Selected Date Range", isDisabled: isDisabled, value: selectedRange, onChange: setSelectedRange, disabledRanges: disabledRanges, maxValue: maxValue, minValue: minValue, disallowWeekends: disallowWeekends })),
+        !!onReset && (React.createElement(React.Fragment, null,
+            React.createElement(Divider, null),
+            React.createElement(Card.Footer, { style: { display: 'flex', justifyContent: 'end', padding: 0, margin: 0 } },
+                React.createElement(Button, { variant: "default", size: "sm", onClick: onReset, disabled: isDisabled }, "Reset"))))));
+};
+
+export { DateRangePicker };
 //# sourceMappingURL=DateRangePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DateRangePicker.js","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/DateRangePicker/components/ComparePreviousPeriod.cjs

@@ -1,2 +1,47 @@
-"use strict";var e=require("react"),t=require("../../Toggle/Toggle.cjs"),l=require("../../Text/Text.cjs"),r=require("../../Select/Select.cjs"),a=require("../../../theme/index.cjs"),u=require("./constants.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var n=i(e);exports.ComparePreviousPeriod=({options:i=u.DEFAULT_PREVIOUS_PERIOD_OPTIONS,selectedPreviousPeriod:s,setSelectedPreviousPeriod:o})=>{const[c,d]=e.useState(!!s);return e.useEffect((()=>{s||null==o||o(i[0])}),[s,o,i]),n.default.createElement(n.default.Fragment,null,n.default.createElement(l.Text,{variant:"inputLabel",style:{display:"flex",alignItems:"center",gap:a.theme.sizes.sm,whiteSpace:"nowrap"}},n.default.createElement(t.Toggle,{small:!0,switched:c,onClick:()=>{c&&(null==o||o(null)),d(!c)}}),"Compare previous period"),c&&n.default.createElement(r.Select,{"aria-label":"Period to compare against",options:i,value:(null==s?void 0:s.value)||i[0].value,onChange:e=>{const t=i.find((({value:t})=>t===e));t&&(null==o||o(t))}}))};
+'use strict';
+
+var React = require('react');
+var Toggle = require('../../Toggle/Toggle.cjs');
+var Text = require('../../Text/Text.cjs');
+var Select = require('../../Select/Select.cjs');
+var index = require('../../../theme/index.cjs');
+var constants = require('./constants.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const ComparePreviousPeriod = ({ options = constants.DEFAULT_PREVIOUS_PERIOD_OPTIONS, selectedPreviousPeriod, setSelectedPreviousPeriod, }) => {
+    const [showCompareSelect, setShowCompareSelect] = React.useState(!!selectedPreviousPeriod);
+    const findAndSelectOption = (newValue) => {
+        const newOption = options.find(({ value }) => value === newValue);
+        if (newOption)
+            setSelectedPreviousPeriod === null || setSelectedPreviousPeriod === undefined ? undefined : setSelectedPreviousPeriod(newOption);
+    };
+    const toggleShowSelect = () => {
+        // When toggled off, unselect show previous period.
+        if (showCompareSelect)
+            setSelectedPreviousPeriod === null || setSelectedPreviousPeriod === undefined ? undefined : setSelectedPreviousPeriod(null);
+        setShowCompareSelect(!showCompareSelect);
+    };
+    // If no option is currently selected, we set to the first option provided.
+    React.useEffect(() => {
+        if (!selectedPreviousPeriod)
+            setSelectedPreviousPeriod === null || setSelectedPreviousPeriod === undefined ? undefined : setSelectedPreviousPeriod(options[0]);
+    }, [selectedPreviousPeriod, setSelectedPreviousPeriod, options]);
+    return (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(Text.Text, { variant: "inputLabel", style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: index.theme.sizes.sm,
+                whiteSpace: 'nowrap',
+            } },
+            React__default.default.createElement(Toggle.Toggle, { small: true, switched: showCompareSelect, onClick: toggleShowSelect }),
+            "Compare previous period"),
+        showCompareSelect && (React__default.default.createElement(Select.Select, { "aria-label": "Period to compare against", options: options, 
+            // To avoid screen jumping (before useEffect kicks in, default value to first option)
+            value: (selectedPreviousPeriod === null || selectedPreviousPeriod === undefined ? undefined : selectedPreviousPeriod.value) || options[0].value, onChange: findAndSelectOption }))));
+};
+
+exports.ComparePreviousPeriod = ComparePreviousPeriod;
 //# sourceMappingURL=ComparePreviousPeriod.cjs.map

package/dist/components/DateRangePicker/components/ComparePreviousPeriod.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComparePreviousPeriod.cjs","sources":["../../../../src/components/DateRangePicker/components/ComparePreviousPeriod.tsx"],"sourcesContent":[null],"names":["options","DEFAULT_PREVIOUS_PERIOD_OPTIONS","selectedPreviousPeriod","setSelectedPreviousPeriod","showCompareSelect","setShowCompareSelect","useState"],"mappings":"8SAcE,EAAAA,UAAAC,EAAAA,gCAAAC,yBAAAC,gCAEF,MAAAC,EAAaC,GAIVC,EAAAA,WAAAJ"}
+{"version":3,"file":"ComparePreviousPeriod.cjs","sources":["../../../../src/components/DateRangePicker/components/ComparePreviousPeriod.tsx"],"sourcesContent":[null],"names":["DEFAULT_PREVIOUS_PERIOD_OPTIONS","useState","useEffect","React","Text","theme","Toggle","Select"],"mappings":";;;;;;;;;;;;;AAgBO,MAAM,qBAAqB,GAAG,CAAC,EACpC,OAAO,GAAGA,yCAA+B,EACzC,sBAAsB,EACtB,yBAAyB,GACE,KAAI;AAC/B,IAAA,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGC,cAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC;AAEpF,IAAA,MAAM,mBAAmB,GAAG,CAAC,QAAgB,KAAI;AAC/C,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,QAAQ,CAAC;AACjE,QAAA,IAAI,SAAS;AAAE,YAAA,yBAAyB,aAAzB,yBAAyB,KAAA,SAAA,GAAA,SAAA,GAAzB,yBAAyB,CAAG,SAAS,CAAC;AACvD,KAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;;AAE5B,QAAA,IAAI,iBAAiB;AAAE,YAAA,yBAAyB,aAAzB,yBAAyB,KAAA,SAAA,GAAA,SAAA,GAAzB,yBAAyB,CAAG,IAAI,CAAC;AACxD,QAAA,oBAAoB,CAAC,CAAC,iBAAiB,CAAC;AAC1C,KAAC;;IAGDC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,sBAAsB;YAAE,yBAAyB,KAAA,IAAA,IAAzB,yBAAyB,KAAA,SAAA,GAAA,SAAA,GAAzB,yBAAyB,CAAG,OAAO,CAAC,CAAC,CAAC,CAAC;KACrE,EAAE,CAAC,sBAAsB,EAAE,yBAAyB,EAAE,OAAO,CAAC,CAAC;AAEhE,IAAA,QACEC,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAAA,sBAAA,CAAA,aAAA,CAACC,SAAI,EACH,EAAA,OAAO,EAAC,YAAY,EACpB,KAAK,EAAE;AACL,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,GAAG,EAAEC,WAAK,CAAC,KAAK,CAAC,EAAE;AACnB,gBAAA,UAAU,EAAE,QAAQ;AACrB,aAAA,EAAA;YAEDF,sBAAC,CAAA,aAAA,CAAAG,aAAM,EAAC,EAAA,KAAK,EAAC,IAAA,EAAA,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAE,gBAAgB,EAAI,CAAA;AAEnE,YAAA,yBAAA,CAAA;QAEN,iBAAiB,KAChBH,sBAAC,CAAA,aAAA,CAAAI,aAAM,kBACM,2BAA2B,EACtC,OAAO,EAAE,OAAO;;YAEhB,KAAK,EAAE,CAAA,sBAAsB,KAAtB,IAAA,IAAA,sBAAsB,6BAAtB,sBAAsB,CAAE,KAAK,KAAI,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EACxD,QAAQ,EAAE,mBAAmB,EAC7B,CAAA,CACH,CACA;AAEP;;;;"}

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

@@ -6,4 +6,3 @@ export type ComparePreviousPeriodProps = {
     setSelectedPreviousPeriod: (selected: SelectOption | null) => void;
 };
 export declare const ComparePreviousPeriod: ({ options, selectedPreviousPeriod, setSelectedPreviousPeriod, }: ComparePreviousPeriodProps) => React.JSX.Element;
-//# sourceMappingURL=ComparePreviousPeriod.d.ts.map

package/dist/components/DateRangePicker/components/ComparePreviousPeriod.js

@@ -1,2 +1,41 @@
-import e,{useState as t,useEffect as o}from"react";import{Toggle as l}from"../../Toggle/Toggle.js";import{Text as r}from"../../Text/Text.js";import{Select as n}from"../../Select/Select.js";import{theme as a}from"../../../theme/index.js";import{DEFAULT_PREVIOUS_PERIOD_OPTIONS as i}from"./constants.js";const s=({options:s=i,selectedPreviousPeriod:m,setSelectedPreviousPeriod:c})=>{const[p,u]=t(!!m);return o((()=>{m||null==c||c(s[0])}),[m,c,s]),e.createElement(e.Fragment,null,e.createElement(r,{variant:"inputLabel",style:{display:"flex",alignItems:"center",gap:a.sizes.sm,whiteSpace:"nowrap"}},e.createElement(l,{small:!0,switched:p,onClick:()=>{p&&(null==c||c(null)),u(!p)}}),"Compare previous period"),p&&e.createElement(n,{"aria-label":"Period to compare against",options:s,value:(null==m?void 0:m.value)||s[0].value,onChange:e=>{const t=s.find((({value:t})=>t===e));t&&(null==c||c(t))}}))};export{s as ComparePreviousPeriod};
+import React, { useState, useEffect } from 'react';
+import { Toggle } from '../../Toggle/Toggle.js';
+import { Text } from '../../Text/Text.js';
+import { Select } from '../../Select/Select.js';
+import { theme } from '../../../theme/index.js';
+import { DEFAULT_PREVIOUS_PERIOD_OPTIONS } from './constants.js';
+
+const ComparePreviousPeriod = ({ options = DEFAULT_PREVIOUS_PERIOD_OPTIONS, selectedPreviousPeriod, setSelectedPreviousPeriod, }) => {
+    const [showCompareSelect, setShowCompareSelect] = useState(!!selectedPreviousPeriod);
+    const findAndSelectOption = (newValue) => {
+        const newOption = options.find(({ value }) => value === newValue);
+        if (newOption)
+            setSelectedPreviousPeriod === null || setSelectedPreviousPeriod === undefined ? undefined : setSelectedPreviousPeriod(newOption);
+    };
+    const toggleShowSelect = () => {
+        // When toggled off, unselect show previous period.
+        if (showCompareSelect)
+            setSelectedPreviousPeriod === null || setSelectedPreviousPeriod === undefined ? undefined : setSelectedPreviousPeriod(null);
+        setShowCompareSelect(!showCompareSelect);
+    };
+    // If no option is currently selected, we set to the first option provided.
+    useEffect(() => {
+        if (!selectedPreviousPeriod)
+            setSelectedPreviousPeriod === null || setSelectedPreviousPeriod === undefined ? undefined : setSelectedPreviousPeriod(options[0]);
+    }, [selectedPreviousPeriod, setSelectedPreviousPeriod, options]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Text, { variant: "inputLabel", style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: theme.sizes.sm,
+                whiteSpace: 'nowrap',
+            } },
+            React.createElement(Toggle, { small: true, switched: showCompareSelect, onClick: toggleShowSelect }),
+            "Compare previous period"),
+        showCompareSelect && (React.createElement(Select, { "aria-label": "Period to compare against", options: options, 
+            // To avoid screen jumping (before useEffect kicks in, default value to first option)
+            value: (selectedPreviousPeriod === null || selectedPreviousPeriod === undefined ? undefined : selectedPreviousPeriod.value) || options[0].value, onChange: findAndSelectOption }))));
+};
+
+export { ComparePreviousPeriod };
 //# sourceMappingURL=ComparePreviousPeriod.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComparePreviousPeriod.js","sources":["../../../../src/components/DateRangePicker/components/ComparePreviousPeriod.tsx"],"sourcesContent":[null],"names":["ComparePreviousPeriod","options","DEFAULT_PREVIOUS_PERIOD_OPTIONS","selectedPreviousPeriod","setSelectedPreviousPeriod","showCompareSelect","setShowCompareSelect","useState"],"mappings":"8SAcE,MAAAA,EAAA,EAAAC,UAAAC,EAAAC,yBAAAC,gCAEF,MAAAC,EAAaC,GAIVC,IAAAJ"}
+{"version":3,"file":"ComparePreviousPeriod.js","sources":["../../../../src/components/DateRangePicker/components/ComparePreviousPeriod.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAgBO,MAAM,qBAAqB,GAAG,CAAC,EACpC,OAAO,GAAG,+BAA+B,EACzC,sBAAsB,EACtB,yBAAyB,GACE,KAAI;AAC/B,IAAA,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC;AAEpF,IAAA,MAAM,mBAAmB,GAAG,CAAC,QAAgB,KAAI;AAC/C,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,QAAQ,CAAC;AACjE,QAAA,IAAI,SAAS;AAAE,YAAA,yBAAyB,aAAzB,yBAAyB,KAAA,SAAA,GAAA,SAAA,GAAzB,yBAAyB,CAAG,SAAS,CAAC;AACvD,KAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;;AAE5B,QAAA,IAAI,iBAAiB;AAAE,YAAA,yBAAyB,aAAzB,yBAAyB,KAAA,SAAA,GAAA,SAAA,GAAzB,yBAAyB,CAAG,IAAI,CAAC;AACxD,QAAA,oBAAoB,CAAC,CAAC,iBAAiB,CAAC;AAC1C,KAAC;;IAGD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,sBAAsB;YAAE,yBAAyB,KAAA,IAAA,IAAzB,yBAAyB,KAAA,SAAA,GAAA,SAAA,GAAzB,yBAAyB,CAAG,OAAO,CAAC,CAAC,CAAC,CAAC;KACrE,EAAE,CAAC,sBAAsB,EAAE,yBAAyB,EAAE,OAAO,CAAC,CAAC;AAEhE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,OAAO,EAAC,YAAY,EACpB,KAAK,EAAE;AACL,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;AACnB,gBAAA,UAAU,EAAE,QAAQ;AACrB,aAAA,EAAA;YAED,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,KAAK,EAAC,IAAA,EAAA,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAE,gBAAgB,EAAI,CAAA;AAEnE,YAAA,yBAAA,CAAA;QAEN,iBAAiB,KAChB,KAAC,CAAA,aAAA,CAAA,MAAM,kBACM,2BAA2B,EACtC,OAAO,EAAE,OAAO;;YAEhB,KAAK,EAAE,CAAA,sBAAsB,KAAtB,IAAA,IAAA,sBAAsB,6BAAtB,sBAAsB,CAAE,KAAK,KAAI,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EACxD,QAAQ,EAAE,mBAAmB,EAC7B,CAAA,CACH,CACA;AAEP;;;;"}

package/dist/components/DateRangePicker/components/Divider.cjs

@@ -1,5 +1,13 @@
-"use strict";var e=require("styled-components"),r=require("../../../theme/index.cjs");function t(e){return e&&e.__esModule?e:{default:e}}const s=t(e).default.div`
-  margin: 0 -${r.theme.sizes.base};
-  border-top: 1px solid ${r.theme.colors.neutral.grey.base};
-`;exports.Divider=s;
+'use strict';
+
+var styled = require('styled-components');
+var index = require('../../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const Divider = styled__default.default.div.withConfig({ displayName: "vui--Divider", componentId: "vui--ssvmxc" }) `margin:0 -${index.theme.sizes.base};border-top:1px solid ${index.theme.colors.neutral.grey.base};`;
+
+exports.Divider = Divider;
 //# sourceMappingURL=Divider.cjs.map

package/dist/components/DateRangePicker/components/Divider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"Divider.cjs","sources":["../../../../src/components/DateRangePicker/components/Divider.tsx"],"sourcesContent":[null],"names":["styled","theme"],"mappings":";;;;;;;;;AAGa,MAAA,OAAO,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,UAAA,EAClBC,WAAK,CAAC,KAAK,CAAC,IAAI,CACL,sBAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA;;;;"}

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

@@ -1,2 +1 @@
 export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;
-//# sourceMappingURL=Divider.d.ts.map

package/dist/components/DateRangePicker/components/Divider.js

@@ -1,5 +1,7 @@
-import o from"styled-components";import{theme as e}from"../../../theme/index.js";const r=o.div`
-  margin: 0 -${e.sizes.base};
-  border-top: 1px solid ${e.colors.neutral.grey.base};
-`;export{r as Divider};
+import styled from 'styled-components';
+import { theme } from '../../../theme/index.js';
+
+const Divider = styled.div.withConfig({ displayName: "vui--Divider", componentId: "vui--ssvmxc" }) `margin:0 -${theme.sizes.base};border-top:1px solid ${theme.colors.neutral.grey.base};`;
+
+export { Divider };
 //# sourceMappingURL=Divider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"Divider.js","sources":["../../../../src/components/DateRangePicker/components/Divider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAGa,MAAA,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,UAAA,EAClB,KAAK,CAAC,KAAK,CAAC,IAAI,CACL,sBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA;;;;"}

package/dist/components/DateRangePicker/components/constants.cjs

@@ -1,2 +1,11 @@
-"use strict";exports.DEFAULT_PREVIOUS_PERIOD_OPTIONS=[{label:"Previous Day",value:"PREVIOUS_DAY"},{label:"Previous Week",value:"PREVIOUS_WEEK"},{label:"Previous Month",value:"PREVIOUS_MONTH"},{label:"Previous Year",value:"PREVIOUS_YEAR"}];
+'use strict';
+
+const DEFAULT_PREVIOUS_PERIOD_OPTIONS = [
+    { label: 'Previous Day', value: 'PREVIOUS_DAY' },
+    { label: 'Previous Week', value: 'PREVIOUS_WEEK' },
+    { label: 'Previous Month', value: 'PREVIOUS_MONTH' },
+    { label: 'Previous Year', value: 'PREVIOUS_YEAR' },
+];
+
+exports.DEFAULT_PREVIOUS_PERIOD_OPTIONS = DEFAULT_PREVIOUS_PERIOD_OPTIONS;
 //# sourceMappingURL=constants.cjs.map

package/dist/components/DateRangePicker/components/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../../../src/components/DateRangePicker/components/constants.ts"],"sourcesContent":[null],"names":["label","value"],"mappings":"qDAA4C,2FAK1C,CAAAA,MAAA,iBAAAC,MAAA"}
+{"version":3,"file":"constants.cjs","sources":["../../../../src/components/DateRangePicker/components/constants.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAa,MAAA,+BAA+B,GAAG;AAC7C,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;AAChD,IAAA,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;AAClD,IAAA,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;AACpD,IAAA,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;;;;;"}

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

@@ -2,4 +2,3 @@ export declare const DEFAULT_PREVIOUS_PERIOD_OPTIONS: {
     label: string;
     value: string;
 }[];
-//# sourceMappingURL=constants.d.ts.map

package/dist/components/DateRangePicker/components/constants.js

@@ -1,2 +1,9 @@
-const e=[{label:"Previous Day",value:"PREVIOUS_DAY"},{label:"Previous Week",value:"PREVIOUS_WEEK"},{label:"Previous Month",value:"PREVIOUS_MONTH"},{label:"Previous Year",value:"PREVIOUS_YEAR"}];export{e as DEFAULT_PREVIOUS_PERIOD_OPTIONS};
+const DEFAULT_PREVIOUS_PERIOD_OPTIONS = [
+    { label: 'Previous Day', value: 'PREVIOUS_DAY' },
+    { label: 'Previous Week', value: 'PREVIOUS_WEEK' },
+    { label: 'Previous Month', value: 'PREVIOUS_MONTH' },
+    { label: 'Previous Year', value: 'PREVIOUS_YEAR' },
+];
+
+export { DEFAULT_PREVIOUS_PERIOD_OPTIONS };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/DateRangePicker/components/constants.ts"],"sourcesContent":[null],"names":["DEFAULT_PREVIOUS_PERIOD_OPTIONS","label","value"],"mappings":"AAAA,MAAAA,EAA4C,2FAK1C,CAAAC,MAAA,iBAAAC,MAAA"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/DateRangePicker/components/constants.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAa,MAAA,+BAA+B,GAAG;AAC7C,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;AAChD,IAAA,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;AAClD,IAAA,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;AACpD,IAAA,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;;;;;"}