@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/color-picker/utils.d.ts

@@ -0,0 +1,17 @@
+import { GradientColorResult } from './types';
+export declare const getGradientColorString: (gradientColorObject: any) => string;
+export declare const extractColorsFromGradient: (gradientString: any) => GradientColorResult | null;
+export declare const getColorSelectorOptions: (locale: any) => {
+    COLOR_PALETTE_OPTION: {
+        label: any;
+        id: number;
+    };
+    SOLID_COLOR_OPTION: {
+        label: any;
+        id: number;
+    };
+    GRADIENT_COLOR_OPTION: {
+        label: any;
+        id: number;
+    };
+};

package/color-picker/utils.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getColorSelectorOptions = exports.extractColorsFromGradient = exports.getGradientColorString = void 0;
+var constants_1 = require("./constants");
+var getGradientColorString = function (gradientColorObject) {
+    var gradientType = gradientColorObject.gradientType, firstColor = gradientColorObject.firstColor, secondColor = gradientColorObject.secondColor, endPoints = gradientColorObject.endPoints, degree = gradientColorObject.degree;
+    return "".concat(gradientType, "-gradient(").concat(gradientType === constants_1.GRADIENT_TYPE.LINEAR ? "".concat(degree, "deg,") : '', " ").concat(firstColor, " ").concat(endPoints[0], "%, ").concat(secondColor, " ").concat(endPoints[1], "%)");
+};
+exports.getGradientColorString = getGradientColorString;
+var extractColorsFromGradient = function (gradientString) {
+    var gradientRegex = /^(linear|radial)-gradient\((\d+deg,)?\s*(#[0-9A-Fa-f]{6}|rgba?\(.*?\)|rgb\(.*?\)|[a-z]+)\s*(\d+%?)?\s*,\s*(#[0-9A-Fa-f]{6}|rgba?\(.*?\)|rgb\(.*?\)|[a-z]+)\s*(\d+%?)?\)$/i;
+    var match = gradientString && gradientString.match(gradientRegex);
+    if (match) {
+        var gradientType = match[1].toLowerCase();
+        var hasDegree = !!match[2];
+        var degree = hasDegree ? parseInt(match[2]) : 0;
+        var firstColor = match[3];
+        var firstColorPercentage = isNaN(parseInt(match[4])) ? 0 : parseInt(match[4]);
+        var secondColor = match[5];
+        var secondColorPercentage = isNaN(parseInt(match[6])) ? 100 : parseInt(match[6]);
+        return {
+            gradientType: gradientType,
+            degree: [degree],
+            firstColor: firstColor,
+            secondColor: secondColor,
+            endPoints: [firstColorPercentage, secondColorPercentage],
+        };
+    }
+    else {
+        return null;
+    }
+};
+exports.extractColorsFromGradient = extractColorsFromGradient;
+var getColorSelectorOptions = function (locale) { return ({
+    COLOR_PALETTE_OPTION: { label: locale.colorPicker.colorLibraryLabel, id: constants_1.TAB_IDS.COLOR_PALETTE },
+    SOLID_COLOR_OPTION: { label: locale.colorPicker.solidColorLabel, id: constants_1.TAB_IDS.SOLID_COLOR },
+    GRADIENT_COLOR_OPTION: { label: locale.colorPicker.gradientColorLabel, id: constants_1.TAB_IDS.GRADIENT_COLOR },
+}); };
+exports.getColorSelectorOptions = getColorSelectorOptions;

package/date-input/DateInput.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { DateInputProps } from './types';
-export declare const DateInput: ({ adapter, formatString, mask, onChange, value, locale, weekStartsOn, maskChar, overrides, minDate, maxDate, timeSelect, showTimezone, timezone, ...restProps }: DateInputProps) => ReactElement;
+export declare const DateInput: ({ adapter, formatString: _formatString, onChange, value, locale, weekStartsOn, overrides, minDate, maxDate, timeSelect, showTimezone, timezone, onFocus: _onFocus, onKeyDown: _onKeyDown, placeholder, ...restProps }: DateInputProps) => ReactElement;

package/date-input/DateInput.js

@@ -4,114 +4,125 @@ exports.DateInput = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_input_mask_1 = (0, tslib_1.__importDefault)(require("react-input-mask"));
-var date_helpers_1 = (0, tslib_1.__importDefault)(require("baseui/datepicker/utils/date-helpers"));
-var date_fns_adapter_1 = (0, tslib_1.__importDefault)(require("baseui/datepicker/utils/date-fns-adapter"));
+var date_helpers_1 = (0, tslib_1.__importDefault)(require("../baseui/datepicker/utils/date-helpers"));
+var date_fns_adapter_1 = (0, tslib_1.__importDefault)(require("../baseui/datepicker/utils/date-fns-adapter"));
 var input_1 = require("../input");
-var Before_1 = require("./Before");
-var overrides_1 = require("../overrides");
+var popover_1 = require("../popover");
+var box_1 = require("../box");
+var DatePickerContent_1 = require("../date-picker/DatePickerContent");
 var constants_1 = require("../date-picker/constants");
 var utils_1 = require("../date-picker/utils");
-var styled_components_1 = require("./styled-components");
 var utils_2 = require("../time-range-picker/utils");
 var context_1 = require("../form-control/context");
+var overrides_1 = require("../overrides");
+var constants_2 = require("./constants");
+var utils_3 = require("./utils");
+var parseDateFromInput = function (_inputValue, parser) {
+    var _a, _b, _c, _d, _e, _f;
+    var inputValue = _inputValue.replaceAll(',', ' ').replace(/\s+/g, ' ').trim();
+    var parsedValue = parser.attempt(inputValue);
+    var currentDate = new Date();
+    if (parsedValue.invalid) {
+        return null;
+    }
+    else {
+        return new Date((_a = parsedValue.year) !== null && _a !== void 0 ? _a : currentDate.getFullYear(), parsedValue.month ? parsedValue.month - 1 : currentDate.getMonth(), (_b = parsedValue.day) !== null && _b !== void 0 ? _b : currentDate.getDate(), (_c = parsedValue.hour) !== null && _c !== void 0 ? _c : 0, (_d = parsedValue.minute) !== null && _d !== void 0 ? _d : 0, (_e = parsedValue.second) !== null && _e !== void 0 ? _e : 0, (_f = parsedValue.millisecond) !== null && _f !== void 0 ? _f : 0);
+    }
+};
 var DateInput = function (_a) {
-    var _b = _a.adapter, adapter = _b === void 0 ? date_fns_adapter_1.default : _b, _c = _a.formatString, formatString = _c === void 0 ? constants_1.DEFAULT_FORMAT_STRING : _c, mask = _a.mask, onChange = _a.onChange, value = _a.value, locale = _a.locale, weekStartsOn = _a.weekStartsOn, _d = _a.maskChar, maskChar = _d === void 0 ? '_' : _d, overrides = _a.overrides, minDate = _a.minDate, maxDate = _a.maxDate, timeSelect = _a.timeSelect, _e = _a.showTimezone, showTimezone = _e === void 0 ? false : _e, _f = _a.timezone, timezone = _f === void 0 ? (0, utils_2.getSystemTzName)() : _f, restProps = (0, tslib_1.__rest)(_a, ["adapter", "formatString", "mask", "onChange", "value", "locale", "weekStartsOn", "maskChar", "overrides", "minDate", "maxDate", "timeSelect", "showTimezone", "timezone"]);
+    var _b = _a.adapter, adapter = _b === void 0 ? date_fns_adapter_1.default : _b, _c = _a.formatString, _formatString = _c === void 0 ? constants_1.DEFAULT_FORMAT_STRING : _c, onChange = _a.onChange, value = _a.value, locale = _a.locale, weekStartsOn = _a.weekStartsOn, overrides = _a.overrides, minDate = _a.minDate, maxDate = _a.maxDate, timeSelect = _a.timeSelect, _d = _a.showTimezone, showTimezone = _d === void 0 ? false : _d, _e = _a.timezone, timezone = _e === void 0 ? (0, utils_2.getSystemTzName)() : _e, _onFocus = _a.onFocus, _onKeyDown = _a.onKeyDown, placeholder = _a.placeholder, restProps = (0, tslib_1.__rest)(_a, ["adapter", "formatString", "onChange", "value", "locale", "weekStartsOn", "overrides", "minDate", "maxDate", "timeSelect", "showTimezone", "timezone", "onFocus", "onKeyDown", "placeholder"]);
     var intent = (0, context_1.useContextualFormProps)(restProps).intent;
     var dateFnsLocale = (0, react_1.useMemo)(function () { return (0, utils_1.prepareLocale)(locale, { weekStartsOn: weekStartsOn }); }, [weekStartsOn, locale]);
     var dateHelpers = (0, react_1.useMemo)(function () { return new date_helpers_1.default(adapter); }, [adapter]);
-    var timezoneAdaptedValue = (0, react_1.useMemo)(function () { return (value ? new Date((0, utils_2.convertDateFromSystemTzToTargetTz)(value, timezone)) : undefined); }, [value, timezone]);
+    var _f = (0, tslib_1.__read)((0, react_1.useState)(false), 2), isOpen = _f[0], setIsOpen = _f[1];
+    var formatString = (0, react_1.useMemo)(function () { return (0, utils_3.convertToDfnsFormat)(_formatString); }, [_formatString]);
+    var anyDateParser = (0, react_1.useMemo)(function () { return (0, utils_3.getAnyDateParser)(formatString); }, [formatString]);
+    var mergedOverrides = (0, react_1.useMemo)(function () { return (0, overrides_1.mergeOverrides)(constants_2.DATE_PICKER_CONTENT_OVERRIDES, overrides); }, [overrides]);
+    var openDatePicker = (0, react_1.useCallback)(function () { return setIsOpen(true); }, []);
     var _g = (0, tslib_1.__read)((0, react_1.useState)(function () {
+        return value ? new Date((0, utils_2.convertDateFromSystemTzToTargetTz)(value, timezone)) : undefined;
+    }), 2), timezoneAdaptedValue = _g[0], setTimeZoneAdaptedValue = _g[1];
+    var _h = (0, tslib_1.__read)((0, react_1.useState)(function () {
         return (0, utils_1.formatDate)({ date: timezoneAdaptedValue, locale: dateFnsLocale, dateHelpers: dateHelpers, formatString: formatString });
-    }), 2), date = _g[0], setDate = _g[1];
-    var _h = (0, tslib_1.__read)((0, react_1.useState)(function () { return !(0, utils_1.isDayInRange)(timezoneAdaptedValue, { minDate: minDate, maxDate: maxDate, dateHelpers: dateHelpers }); }), 2), error = _h[0], setError = _h[1];
-    var getMask = (0, react_1.useCallback)(function () {
-        if (!mask && formatString !== constants_1.DEFAULT_FORMAT_STRING) {
-            return null;
-        }
-        if (mask) {
-            return (0, utils_1.normalizeDashes)(mask);
-        }
-        return '99/99/9999';
-    }, [formatString, mask]);
+    }), 2), inputValue = _h[0], setInputValue = _h[1];
+    var _j = (0, tslib_1.__read)((0, react_1.useState)(function () { return !(0, utils_1.isDayInRange)(timezoneAdaptedValue, { minDate: minDate, maxDate: maxDate, dateHelpers: dateHelpers }); }), 2), error = _j[0], setError = _j[1];
     var handleInputChange = (0, react_1.useCallback)(function (e) {
-        var inputValue = e.target.value;
-        setDate(inputValue);
-        var dateString = (0, utils_1.normalizeDashes)(inputValue);
-        var _mask = getMask();
-        var _date = dateHelpers.date(dateString);
-        // to check the clearable cases
-        if ((typeof _mask === 'string' &&
-            inputValue.replace(new RegExp(maskChar, 'g'), ' ') === _mask.replace(/[9|a|*]/g, ' ')) ||
-            inputValue.length === 0) {
-            setError(false);
-            onChange(null);
-            return;
-        }
-        if (dateString.replace(/(\s)*/g, '').length < formatString.replace(/(\s)*/g, '').length) {
-            _date = null;
+        var _a;
+        var _inputValue = e.target.value;
+        openDatePicker();
+        setInputValue(_inputValue);
+        setError(false);
+        var parsedDate = parseDateFromInput(_inputValue, anyDateParser);
+        if (parsedDate !== null) {
+            setTimeZoneAdaptedValue(parsedDate);
         }
         else {
-            _date = dateHelpers.parseString(dateString, formatString, dateFnsLocale);
+            setError(_inputValue.length > 0);
         }
-        var isValidDate = _date && dateHelpers.isValid(_date);
-        if (isValidDate && _date) {
-            setError(!(0, utils_1.isDayInRange)(_date, { minDate: minDate, maxDate: maxDate, dateHelpers: dateHelpers }));
-            setDate((0, utils_1.formatDate)({ date: _date, locale: dateFnsLocale, dateHelpers: dateHelpers, formatString: formatString }));
-            onChange === null || onChange === void 0 ? void 0 : onChange(new Date((0, utils_2.convertDateFromTargetTzToSystemTz)(_date, timezone)), timezone);
-        }
-        else {
-            onChange === null || onChange === void 0 ? void 0 : onChange(null);
-            setError(true);
-        }
-    }, [onChange, dateFnsLocale, dateHelpers, formatString, getMask, timezone, maskChar, maxDate, minDate]);
-    var onCalendarDateChange = (0, react_1.useCallback)(function (_date, _timezone) {
+        (_a = restProps === null || restProps === void 0 ? void 0 : restProps.onInputChange) === null || _a === void 0 ? void 0 : _a.call(restProps, e);
+    }, [anyDateParser, openDatePicker, restProps]);
+    var onCalendarDateChange = (0, react_1.useCallback)(function (data) {
+        var _date = data.date, _timezone = data.timezone;
         // _date is timezone adapted date, original date is what user actually selected from calendar
         var originalDate = new Date((0, utils_2.convertDateFromSystemTzToTargetTz)(_date, _timezone));
-        setDate((0, utils_1.formatDate)({
+        setInputValue((0, utils_1.formatDate)({
             date: originalDate,
             locale: dateFnsLocale,
             dateHelpers: dateHelpers,
             formatString: formatString,
         }));
         setError(!(0, utils_1.isDayInRange)(originalDate, { minDate: minDate, maxDate: maxDate, dateHelpers: dateHelpers }));
-        onChange(_date, _timezone);
+        onChange(_date, _timezone, { type: constants_2.DATE_INPUT_CHANGE_TYPE.CALENDAR });
+        setIsOpen(false);
     }, [onChange, dateFnsLocale, dateHelpers, formatString, minDate, maxDate]);
-    var mergedOverrides = (0, react_1.useMemo)(function () {
-        return (0, overrides_1.mergeOverrides)({
-            Before: {
-                component: Before_1.Before,
-                props: {
-                    adapter: adapter,
-                    locale: locale,
-                    onChange: onCalendarDateChange,
-                    weekStartsOn: weekStartsOn,
-                    // passing value as it is as date picker will adapt this with timezone
-                    value: value,
-                    minDate: minDate,
-                    maxDate: maxDate,
-                    timeSelect: timeSelect,
-                    showTimezone: showTimezone,
-                    timezone: timezone,
-                },
-            },
-            Input: {
-                style: styled_components_1.inputStyles,
-            },
-        }, overrides);
-    }, [
-        adapter,
-        onCalendarDateChange,
-        locale,
-        overrides,
-        value,
-        weekStartsOn,
-        minDate,
-        maxDate,
-        timeSelect,
-        showTimezone,
-        timezone,
-    ]);
-    return ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, (0, tslib_1.__assign)({ mask: getMask(), value: date, maskChar: maskChar, onChange: handleInputChange, disabled: restProps.disabled, onBlur: restProps.onBlur }, { children: function (props) { return (0, jsx_runtime_1.jsx)(input_1.Input, (0, tslib_1.__assign)({}, restProps, props, { intent: error ? 'error' : intent, overrides: mergedOverrides }), void 0); } }), void 0));
+    var onFocus = (0, react_1.useCallback)(function (e) {
+        openDatePicker();
+        _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(e);
+    }, [openDatePicker, _onFocus]);
+    var setParsedDate = (0, react_1.useCallback)(function () {
+        var parsedDate = parseDateFromInput(inputValue, anyDateParser);
+        if (parsedDate === null) {
+            onChange(null);
+        }
+        else {
+            var isValidDate = dateHelpers.isValid(parsedDate);
+            if (isValidDate) {
+                setInputValue((0, utils_1.formatDate)({
+                    date: parsedDate,
+                    locale: dateFnsLocale,
+                    dateHelpers: dateHelpers,
+                    formatString: formatString,
+                }));
+                onChange === null || onChange === void 0 ? void 0 : onChange(new Date((0, utils_2.convertDateFromTargetTzToSystemTz)(parsedDate, timezone)), timezone, {
+                    type: constants_2.DATE_INPUT_CHANGE_TYPE.INPUT,
+                });
+            }
+            else {
+                onChange === null || onChange === void 0 ? void 0 : onChange(null, undefined, { type: constants_2.DATE_INPUT_CHANGE_TYPE.INPUT });
+                setError(true);
+            }
+        }
+    }, [anyDateParser, dateFnsLocale, dateHelpers, formatString, inputValue, onChange, timezone]);
+    var closeDatePicker = (0, react_1.useCallback)(function () {
+        setIsOpen(false);
+        setParsedDate();
+    }, [setParsedDate]);
+    var handleKeyDown = (0, react_1.useCallback)(function (e) {
+        if (e.key === 'ArrowDown') {
+            openDatePicker();
+        }
+        if (e.key === 'Tab') {
+            closeDatePicker();
+        }
+        if (e.key === 'Enter') {
+            closeDatePicker();
+        }
+        _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e);
+    }, [_onKeyDown, openDatePicker, closeDatePicker]);
+    var _k = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Content, DatePickerContent_1.DatePickerContent), 2), Content = _k[0], contentProps = _k[1];
+    var _l = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Input, input_1.Input), 2), Input = _l[0], inputProps = _l[1];
+    var _m = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Popover, popover_1.Popover), 2), Popover = _m[0], popoverProps = _m[1];
+    var _o = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Root, box_1.Box), 2), Root = _o[0], rootProps = _o[1];
+    return ((0, jsx_runtime_1.jsx)(Popover, (0, tslib_1.__assign)({ isOpen: isOpen, returnFocus: false, autoFocus: false, onEsc: closeDatePicker, onClickOutside: closeDatePicker, content: (0, jsx_runtime_1.jsx)(Content, (0, tslib_1.__assign)({ value: timezoneAdaptedValue, onChange: onCalendarDateChange, timeSelect: timeSelect, onClose: closeDatePicker, formatString: formatString, adapter: adapter, locale: dateFnsLocale, showTimezone: showTimezone, timezone: timezone, minDate: minDate, maxDate: maxDate }, contentProps), timezoneAdaptedValue === null || timezoneAdaptedValue === void 0 ? void 0 : timezoneAdaptedValue.getTime()) }, popoverProps, { children: (0, jsx_runtime_1.jsx)(Root, (0, tslib_1.__assign)({}, rootProps, { children: (0, jsx_runtime_1.jsx)(Input, (0, tslib_1.__assign)({ value: inputValue, onChange: handleInputChange, disabled: restProps.disabled, onFocus: onFocus, onKeyDown: handleKeyDown }, restProps, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatString, intent: error ? 'error' : intent }, inputProps), void 0) }), void 0) }), void 0));
 };
 exports.DateInput = DateInput;

package/date-input/constants.d.ts

@@ -0,0 +1,28 @@
+export declare const DATE_PICKER_CONTENT_OVERRIDES: {
+    Content: {
+        props: {
+            overrides: {
+                TimePickerFormControl: {
+                    props: {
+                        label: null;
+                    };
+                };
+                DateInputFormControl: {
+                    props: {
+                        label: null;
+                    };
+                };
+                Root: {
+                    style: string;
+                };
+                CalendarHeader: {
+                    style: string;
+                };
+            };
+        };
+    };
+};
+export declare const DATE_INPUT_CHANGE_TYPE: {
+    CALENDAR: string;
+    INPUT: string;
+};

package/date-input/constants.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DATE_INPUT_CHANGE_TYPE = exports.DATE_PICKER_CONTENT_OVERRIDES = void 0;
+exports.DATE_PICKER_CONTENT_OVERRIDES = {
+    Content: {
+        props: {
+            overrides: {
+                TimePickerFormControl: {
+                    props: {
+                        label: null,
+                    },
+                },
+                DateInputFormControl: {
+                    props: {
+                        label: null,
+                    },
+                },
+                Root: {
+                    style: 'rounded-8',
+                },
+                CalendarHeader: {
+                    style: 'rounded-8',
+                },
+            },
+        },
+    },
+};
+exports.DATE_INPUT_CHANGE_TYPE = {
+    CALENDAR: 'calendar',
+    INPUT: 'input',
+};

package/date-input/index.d.ts

@@ -1,2 +1,3 @@
 export { DateInput } from './DateInput';
+export { DATE_INPUT_CHANGE_TYPE } from './constants';
 export * from './types';

package/date-input/index.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateInput = void 0;
+exports.DATE_INPUT_CHANGE_TYPE = exports.DateInput = void 0;
 var tslib_1 = require("tslib");
 var DateInput_1 = require("./DateInput");
 Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return DateInput_1.DateInput; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "DATE_INPUT_CHANGE_TYPE", { enumerable: true, get: function () { return constants_1.DATE_INPUT_CHANGE_TYPE; } });
 (0, tslib_1.__exportStar)(require("./types"), exports);

package/date-input/types.d.ts

@@ -1,17 +1,26 @@
+import { Override } from '../overrides';
 import { WeekStartsOn } from '../date-picker';
 import { InputProps } from '../input';
-export declare type DateInputProps = Omit<InputProps, 'value' | 'onChange' | 'min' | 'max' | 'debouncedOnChange' | 'debounceInterval' | 'type' | 'inputMode'> & {
+import { ChangeEvent } from 'react';
+export declare type DateInputProps = Omit<InputProps, 'value' | 'onChange' | 'min' | 'max' | 'debouncedOnChange' | 'debounceInterval' | 'type' | 'inputMode' | 'overrides'> & {
     formatString?: string;
     adapter?: any;
-    mask?: string;
     locale?: any;
     value?: Date;
-    onChange: (value?: Date | null, timezone?: string) => void;
+    onChange: (value?: Date | null, timezone?: string, additional?: {
+        type?: string;
+    }) => void;
+    onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     weekStartsOn?: WeekStartsOn;
-    maskChar?: string;
     minDate?: Date;
     maxDate?: Date;
     timeSelect?: boolean;
     showTimezone?: boolean;
     timezone?: string;
+    overrides?: {
+        Popover?: Override<Record<string, any>>;
+        Root?: Override<Record<string, any>>;
+        Input?: Override<Record<string, any>>;
+        Content?: Override<Record<string, any>>;
+    };
 };

package/date-input/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getAnyDateParser: (formatString: string) => any;
+export declare const convertToDfnsFormat: (formatString: string) => string;

package/date-input/utils.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertToDfnsFormat = exports.getAnyDateParser = void 0;
+var tslib_1 = require("tslib");
+var Parser_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/Parser/Parser"));
+var Format_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/Format/Format"));
+var LocaleHelper_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/LocaleHelper/LocaleHelper"));
+var atSeconds_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/atSeconds/atSeconds"));
+var microsoftJson_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/microsoftJson/microsoftJson"));
+var ago_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/ago/ago"));
+var chinese_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/chinese/chinese"));
+var dayMonth_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/dayMonth/dayMonth"));
+var dayMonthname_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/dayMonthname/dayMonthname"));
+var dayMonthnameYear_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/dayMonthnameYear/dayMonthnameYear"));
+var dayMonthYear_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/dayMonthYear/dayMonthYear"));
+var defaultLocale_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/data/defaultLocale"));
+var monthDay_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/monthDay/monthDay"));
+var monthnameDay_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/monthnameDay/monthnameDay"));
+var monthnameDayYear_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/monthnameDayYear/monthnameDayYear"));
+var time12Hours_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/time12Hours/time12Hours"));
+var time24Hours_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/time24Hours/time24Hours"));
+var today_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/today/today"));
+var twitter_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/twitter/twitter"));
+var yearMonthDay_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/yearMonthDay/yearMonthDay"));
+//overrides the default any-date-parser monthDayYear format to be usable in any locale
+var monthDayYear = new Format_1.default({
+    template: '^(_MONTH_)([\\/ -])(_DAY_)\\2(_YEAR_)$',
+    units: ['month', null, 'day', 'year'],
+});
+var isDDMM = function (formatString) {
+    var indexD = formatString.toLowerCase().indexOf('d');
+    var indexM = formatString.toLowerCase().indexOf('m');
+    return indexD !== -1 && (indexM === -1 || indexD < indexM);
+};
+var getAnyDateParser = function (formatString) {
+    var parser = new Parser_1.default();
+    var dateFirst = isDDMM(formatString);
+    parser
+        // all formats can have time strings at the end
+        .addFormats((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([
+        time24Hours_1.default,
+        time12Hours_1.default,
+        // from most unambiguous and popular to least
+        dayMonthnameYear_1.default,
+        monthnameDayYear_1.default
+    ], (0, tslib_1.__read)((dateFirst ? [dayMonthYear_1.default, monthDayYear] : [monthDayYear, dayMonthYear_1.default])), false), [
+        chinese_1.default,
+        twitter_1.default,
+        today_1.default,
+        ago_1.default,
+        monthnameDay_1.default,
+        dayMonthname_1.default
+    ], false), (0, tslib_1.__read)((dateFirst ? [dayMonth_1.default, monthDay_1.default] : [monthDay_1.default, dayMonth_1.default])), false), [
+        yearMonthDay_1.default,
+        atSeconds_1.default,
+        microsoftJson_1.default,
+    ], false));
+    // make it easy to consume our other main modules and functions
+    parser.Parser = Parser_1.default;
+    parser.Format = Format_1.default;
+    parser.LocaleHelper = LocaleHelper_1.default;
+    parser.defaultLocale = defaultLocale_1.default;
+    // create functions on Date
+    parser.fromString = parser.exportAsFunction();
+    parser.fromAny = parser.exportAsFunctionAny();
+    return parser;
+};
+exports.getAnyDateParser = getAnyDateParser;
+var convertToDfnsFormat = function (formatString) {
+    //DateFNS can not handle DD and YYYY hence converting them to lower case.
+    //any-date-parser is not able to handle changes in timezone from input hence removing 'z'
+    return formatString
+        .replace(/([DY])/g, function (_, str) { return str.toLowerCase(); })
+        .replace(/z/gi, '')
+        .trim();
+};
+exports.convertToDfnsFormat = convertToDfnsFormat;

package/date-picker/Calendar.d.ts

@@ -1,9 +1,4 @@
-/// <reference types="react" />
-import { SharedStyleProps } from './types';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<import("baseui/datepicker").CalendarProps<Date>, "overrides"> & {
-    formatString?: string | undefined;
-    overrides?: import("./types").DatepickerOverrides<SharedStyleProps> | undefined;
-    adapter?: any;
-    weekStartsOn?: import("./types").WeekStartsOn | undefined;
-} & import("react").RefAttributes<unknown>>;
-export default _default;
+import { PropsWithChildren, ReactElement } from 'react';
+import { CalendarProps } from './types';
+declare const Calendar: ({ overrides, adapter, formatString, weekStartsOn, ...props }: PropsWithChildren<CalendarProps>) => ReactElement;
+export default Calendar;