@toptal/picasso 17.4.1 → 18.3.0

package/Calendar/Calendar.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+import { BaseProps } from '@toptal/picasso-shared';
+import { DayProps } from './types';
+export declare type DateOrDateRangeType = Date | DateRangeType;
+export declare type DateRangeType = [Date, Date];
+export type { DayProps };
+export interface Props extends BaseProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'> {
+    onChange: (value: DateOrDateRangeType) => void;
+    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    renderDay?: (args: DayProps) => ReactNode;
+    minDate?: Date;
+    maxDate?: Date;
+    range?: boolean;
+    value?: DateOrDateRangeType;
+    activeMonth?: Date;
+    disabledIntervals?: {
+        start: Date;
+        end: Date;
+    }[];
+    weekStartsOn?: number;
+}
+export declare const Calendar: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default Calendar;

package/Calendar/Calendar.js

@@ -0,0 +1,86 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import SimpleReactCalendar from 'simple-react-calendar';
+import cx from 'classnames';
+import format from 'date-fns/format';
+import { makeStyles } from '@material-ui/core/styles';
+import { ChevronMinor16, BackMinor16 } from '@toptal/picasso/Icon';
+import Button from '../Button';
+import Typography from '../Typography';
+import styles from './styles';
+const getNormalizedValue = (value) => {
+    if (!value) {
+        return;
+    }
+    if (value instanceof Date) {
+        return value;
+    }
+    const [start, end] = value;
+    return { start, end };
+};
+const isDateRange = (value) => {
+    return !(value instanceof Date) && Boolean(value.start && value.end);
+};
+const useStyles = makeStyles(styles, { name: 'PicassoCalendar' });
+export const Calendar = forwardRef(function Calendar(props, ref) {
+    const classes = useStyles();
+    const { range, activeMonth, value, onChange, minDate, maxDate, disabledIntervals, renderDay, weekStartsOn } = props, rest = __rest(props, ["range", "activeMonth", "value", "onChange", "minDate", "maxDate", "disabledIntervals", "renderDay", "weekStartsOn"]);
+    const handleChange = (selection) => {
+        if (isDateRange(selection)) {
+            const { start, end } = selection;
+            onChange([start, end]);
+        }
+        else {
+            onChange(selection);
+        }
+    };
+    return (React.createElement("div", Object.assign({ ref: ref }, rest, { tabIndex: 0 }),
+        React.createElement(SimpleReactCalendar, { selected: getNormalizedValue(value), onSelect: handleChange, customRender: ({ children }) => {
+                return React.createElement("div", { className: classes.root }, children);
+            }, renderDay: (dayProps) => {
+                const { key, isDisabled, isSelected, isSelectable, isToday, isMonthNext, isMonthPrev, isSelectionStart, isSelectionEnd, handleOnClick, handleOnEnter, getDayFormatted, date, ISODate } = dayProps;
+                const defaultMarkup = (React.createElement("button", { "data-testid": `day-button-${isSelected ? 'selected' : getDayFormatted(date)}`, "data-simple-react-calendar-day": ISODate, key: key, tabIndex: isDisabled || !isSelectable ? -1 : undefined, className: cx(classes.day, {
+                        [classes.selected]: isSelected,
+                        [classes.selectable]: isSelectable,
+                        [classes.today]: isToday,
+                        [classes.grayed]: (isMonthPrev || isMonthNext) && !isSelected && !isDisabled,
+                        [classes.disabled]: isDisabled || !isSelectable,
+                        [classes.startSelection]: isSelectionStart,
+                        [classes.endSelection]: isSelectionEnd
+                    }), onClick: handleOnClick, onMouseEnter: handleOnEnter, value: date.toString(), type: 'button' }, getDayFormatted(date)));
+                return renderDay
+                    ? renderDay(Object.assign(Object.assign({}, dayProps), { children: defaultMarkup }))
+                    : defaultMarkup;
+            }, renderMonthHeader: ({ switchMonth, activeMonth: headerActiveMonth }) => {
+                return (React.createElement("div", { className: classes.actions },
+                    React.createElement(Button, { title: 'Previous month', variant: 'secondary', size: 'small', onClick: () => switchMonth(-1) },
+                        React.createElement(BackMinor16, null)),
+                    React.createElement(Typography, { variant: 'heading', size: 'medium' }, format(headerActiveMonth, 'MMMM y')),
+                    React.createElement(Button, { title: 'Next month', variant: 'secondary', size: 'small', onClick: () => switchMonth(1) },
+                        React.createElement(ChevronMinor16, null))));
+            }, renderDaysOfWeek: ({ children }) => {
+                return React.createElement("div", { className: classes.weekDays }, children);
+            }, renderDayOfWeek: ({ day, key }) => {
+                return (React.createElement("div", { key: key, className: classes.weekDay }, day));
+            }, renderWeek: ({ children }) => {
+                return React.createElement("div", { className: classes.week }, children);
+            }, activeMonth: activeMonth, mode: range ? 'range' : 'single', minDate: minDate, maxDate: maxDate, disabledIntervals: disabledIntervals, getNoticeContent: () => null, weekStartsOn: weekStartsOn })));
+});
+Calendar.defaultProps = {
+    range: false
+};
+Calendar.displayName = 'Calendar';
+export default Calendar;
+//# sourceMappingURL=Calendar.js.map

package/Calendar/Calendar.js.map

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

package/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Calendar';
+export * from './Calendar';

package/Calendar/index.js

@@ -0,0 +1,3 @@
+export { default } from './Calendar';
+export * from './Calendar';
+//# sourceMappingURL=index.js.map

package/Calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,cAAc,YAAY,CAAA"}

package/Calendar/styles.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@material-ui/core/styles';
+declare const _default: ({ palette, shadows }: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "root" | "selected" | "month" | "week" | "day" | "weekDays" | "weekDay" | "actions" | "selectable" | "startSelection" | "endSelection" | "today" | "grayed">;
+export default _default;

package/Calendar/styles.js

@@ -0,0 +1,97 @@
+import { createStyles } from '@material-ui/core/styles';
+import { alpha, rem } from '@toptal/picasso-shared';
+export default ({ palette, shadows }) => createStyles({
+    root: {
+        padding: '1.875em',
+        color: palette.grey.darker,
+        display: 'flex',
+        flexDirection: 'column',
+        flexBasis: '20.5rem',
+        maxWidth: '20.5rem',
+        boxShadow: shadows[2],
+        backgroundColor: palette.common.white
+    },
+    month: {},
+    week: {
+        display: 'flex'
+    },
+    day: {
+        height: '2.5rem',
+        width: '2.5rem',
+        minWidth: '2.5rem',
+        verticalAlign: 'middle',
+        fontSize: '0.75rem',
+        userSelect: 'none',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        background: palette.common.white,
+        position: 'relative',
+        margin: 0,
+        padding: 0,
+        border: 'none',
+        outline: 0
+    },
+    weekDays: {
+        display: 'flex',
+        textAlign: 'center',
+        fontSize: '0.75em',
+        textTransform: 'uppercase',
+        color: palette.grey.main2,
+        paddingBottom: rem('11px')
+    },
+    weekDay: {
+        flexBasis: '15%'
+    },
+    actions: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        marginBottom: '1.5rem'
+    },
+    selected: {
+        background: palette.blue.lighter
+    },
+    selectable: {
+        cursor: 'pointer',
+        '&:hover, &:focus': {
+            backgroundColor: alpha(palette.blue.main, 0.24)
+        },
+        '&$startSelection:hover, &$endSelection:hover': {
+            backgroundColor: palette.blue.main
+        }
+    },
+    startSelection: {
+        backgroundColor: palette.blue.main,
+        color: palette.common.white,
+        '&$today:after': {
+            backgroundColor: palette.common.white
+        }
+    },
+    endSelection: {
+        backgroundColor: palette.blue.main,
+        color: palette.common.white,
+        '&$today:after': {
+            backgroundColor: palette.common.white
+        }
+    },
+    today: {
+        display: 'flex',
+        flexDirection: 'column',
+        '&:after': {
+            content: '""',
+            height: '0.25rem',
+            width: '0.25rem',
+            borderRadius: '50%',
+            background: palette.blue.main,
+            position: 'absolute',
+            bottom: '0.375rem'
+        }
+    },
+    grayed: {
+        color: palette.grey.main2
+    },
+    disabled: {
+        color: palette.grey.main
+    }
+});
+//# sourceMappingURL=styles.js.map

package/Calendar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Calendar/styles.ts"],"names":[],"mappings":"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"}

package/Calendar/types.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+export interface DayProps {
+    isDisabled: boolean;
+    isSelected: boolean;
+    isSelectable: boolean;
+    isToday: boolean;
+    isMonthNext: boolean;
+    isMonthPrev: boolean;
+    isSelectionStart: boolean;
+    isSelectionEnd: boolean;
+    handleOnClick: () => void;
+    handleOnEnter: () => void;
+    date: Date;
+    ISODate: string;
+    getDayFormatted: (date: Date) => string;
+    key?: string;
+    children?: ReactNode;
+}
+export interface MonthHeaderProps {
+    switchMonth: (diff: number) => void;
+    activeMonth: Date;
+}
+export interface WeekProps {
+    children?: ReactNode;
+}
+export interface DayOfWeekProps {
+    day: string;
+    key: string;
+    children?: ReactNode;
+}
+export interface DaysOfWeekProps {
+    children?: ReactNode;
+}
+export interface CalendarProps {
+    children?: ReactNode;
+}

package/Calendar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/Calendar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Calendar/types.ts"],"names":[],"mappings":""}

package/DatePicker/DatePicker.d.ts

@@ -0,0 +1,62 @@
+import { BaseProps } from '@toptal/picasso-shared';
+import { ReactNode } from 'react';
+import { InputProps } from '../Input';
+import { DayProps } from '../Calendar';
+import { DatePickerValue, DatePickerInputCustomValueParser } from './types';
+export interface Props extends BaseProps, Omit<InputProps, 'value' | 'onSelect' | 'type' | 'multiline' | 'rows' | 'defaultValue' | 'onChange' | 'testIds'> {
+    /** Date that will be selected in `DatePicker` */
+    value?: DatePickerValue;
+    /** Method that will be invoked with selected values */
+    onChange: (value: DatePickerValue) => void;
+    /** Invoked when user goes away from `DatePicker` input */
+    onBlur?: () => void;
+    /** Whether calendar supports single date selection or range */
+    range?: boolean;
+    /** Earliest date available for selection */
+    minDate?: Date;
+    /** Latest date available for selection */
+    maxDate?: Date;
+    /** Whether calendar should be closed after date selection. True by default */
+    hideOnSelect?: boolean;
+    /** Date format that user will see in the input */
+    displayDateFormat?: string;
+    /** Date range where selection is not allowed */
+    disabledIntervals?: {
+        start: Date;
+        end: Date;
+    }[];
+    /** Date format that user will see during manual input */
+    editDateFormat?: string;
+    /** Specify icon which should be rendered inside `DatePicker` */
+    icon?: ReactNode;
+    /** Specify a value if want to enable browser autofill */
+    autoComplete?: string;
+    /** Indicate whether `DatePicker`'s input is in error state */
+    error?: boolean;
+    /** Function to override default markup to show Date */
+    renderDay?: (args: DayProps) => ReactNode;
+    popperContainer?: HTMLElement;
+    /** Index of the first day of the week (0 - Sunday). Default is 1 - Monday */
+    weekStartsOn?: number;
+    /** IANA timezone to display and edit date(s) */
+    timezone?: string;
+    /** Custom parser for `DatePicker`'s input value to process custom input value, like, human-readable dates */
+    parseInputValue?: DatePickerInputCustomValueParser;
+    testIds?: InputProps['testIds'] & {
+        calendar?: string;
+        input?: string;
+    };
+}
+export declare const DatePicker: {
+    (props: Props): JSX.Element;
+    defaultProps: {
+        range: boolean;
+        hideOnSelect: boolean;
+        onBlur: () => void;
+        editDateFormat: string;
+        displayDateFormat: string;
+        autoComplete: string;
+    };
+    displayName: string;
+};
+export default DatePicker;

package/DatePicker/DatePicker.js

@@ -0,0 +1,198 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+/* eslint-disable max-lines-per-function, max-lines */
+/* eslint-disable complexity, max-statements */ // Squiggly lines makes code difficult to work with
+import { makeStyles } from '@material-ui/core/styles';
+import { Calendar16 } from '@toptal/picasso/Icon';
+import formatDate from 'date-fns/format';
+import React, { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import Popper from '../Popper';
+import Container from '../Container';
+import Input from '../Input';
+import InputAdornment from '../InputAdornment';
+import { noop } from '../utils';
+import Calendar from '../Calendar';
+import { DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT, DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, DEFAULT_POPPER_OPTIONS } from './constants';
+import styles from './styles';
+import { formatDateRange, datePickerParseDateString, timezoneConvert, timezoneFormat, getStartOfTheDayDate } from './utils';
+const EMPTY_INPUT_VALUE = '';
+const useStyles = makeStyles(styles, {
+    name: 'PicassoDatePicker'
+});
+export const DatePicker = (props) => {
+    const { range, hideOnSelect, displayDateFormat = DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT, editDateFormat = DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, onBlur = noop, onChange, onResetClick, value, width, icon, minDate, maxDate, disabledIntervals, popperContainer, renderDay, weekStartsOn, timezone, size, parseInputValue, testIds } = props, rest = __rest(props, ["range", "hideOnSelect", "displayDateFormat", "editDateFormat", "onBlur", "onChange", "onResetClick", "value", "width", "icon", "minDate", "maxDate", "disabledIntervals", "popperContainer", "renderDay", "weekStartsOn", "timezone", "size", "parseInputValue", "testIds"]);
+    const classes = useStyles();
+    const inputProps = rest;
+    const [calendarIsShown, setCalendarIsShown] = useState(false);
+    const [isInputFocused, setIsInputFocused] = useState(false);
+    const [inputValue, setInputValue] = useState(EMPTY_INPUT_VALUE);
+    const [calendarValue, setCalendarValue] = useState(null);
+    const [normalizedMinDate, normalizedMaxDate] = useMemo(() => {
+        return [getStartOfTheDayDate(minDate), getStartOfTheDayDate(maxDate)];
+    }, [minDate, maxDate]);
+    const hideCalendar = () => setCalendarIsShown(false);
+    const showCalendar = () => setCalendarIsShown(true);
+    const inputRef = useRef(null);
+    const popperRef = useRef(null);
+    const calendarRef = useRef(null);
+    const inputWrapperRef = useRef(null);
+    // Active (visible) month of the calendar that required for manual entering of
+    // a single date
+    const activeMonth = calendarValue instanceof Date ? calendarValue : undefined;
+    // Format the input based on its 'focus' state
+    const formatInputValue = useCallback((valueToFormat) => {
+        return Array.isArray(valueToFormat)
+            ? formatDateRange(valueToFormat, displayDateFormat)
+            : formatDate(valueToFormat, isInputFocused ? editDateFormat : displayDateFormat);
+    }, [isInputFocused, editDateFormat, displayDateFormat]);
+    const updateInputValue = useCallback(({ preventUpdateOnFocus }) => {
+        if (preventUpdateOnFocus && isInputFocused) {
+            return;
+        }
+        setInputValue(() => {
+            if (!value) {
+                return EMPTY_INPUT_VALUE;
+            }
+            return formatInputValue(timezoneConvert(value, timezone));
+        });
+    }, [value, isInputFocused, timezone, formatInputValue]);
+    // Keep the input value in sync with date value update
+    // Updating on incoming date value or timezone change
+    // Should not update when input is focused to prevent overriding it's value
+    useLayoutEffect(() => {
+        updateInputValue({ preventUpdateOnFocus: true });
+    }, [value, timezone]);
+    // Keep the input format in sync with its 'focus' state
+    // Updating on input focus state change
+    useLayoutEffect(() => {
+        updateInputValue({ preventUpdateOnFocus: false });
+    }, [isInputFocused]);
+    // Keep the calendar in sync with the input value
+    useLayoutEffect(() => {
+        setCalendarValue(() => {
+            if (!value) {
+                return null;
+            }
+            return timezoneConvert(value, timezone);
+        });
+    }, [value, timezone]);
+    const isInsideDatePicker = (node) => {
+        var _a, _b;
+        return (((_a = popperRef.current) === null || _a === void 0 ? void 0 : _a.popper.contains(node)) ||
+            ((_b = inputWrapperRef.current) === null || _b === void 0 ? void 0 : _b.contains(node)));
+    };
+    const handleBlur = (event) => {
+        const isFocusedInsideDatePicker = isInsideDatePicker((event.relatedTarget || document.activeElement));
+        if (isFocusedInsideDatePicker) {
+            return;
+        }
+        hideCalendar();
+        onBlur();
+        setIsInputFocused(false);
+    };
+    const handleInputChange = (e) => {
+        const nextValue = e.target.value;
+        // TODO: change this if manual entering of range is needed
+        if (range && nextValue) {
+            return;
+        }
+        // TODO: add char filtering (only number , `-` or ` ` allowed) in case if `parseInputValue` is not set
+        setInputValue(nextValue);
+        if (!nextValue) {
+            return onChange(null);
+        }
+        const parsedInputDate = datePickerParseDateString(nextValue, {
+            customParser: parseInputValue,
+            dateFormat: editDateFormat,
+            timezone,
+            minDate: normalizedMinDate,
+            maxDate: normalizedMaxDate
+        });
+        if (parsedInputDate) {
+            onChange(parsedInputDate);
+        }
+    };
+    const focus = () => {
+        if (inputRef && inputRef.current) {
+            inputRef.current.focus();
+        }
+    };
+    const handleCalendarChange = (nextValue) => {
+        const nextTimezoneValue = Array.isArray(nextValue)
+            ? nextValue.map((date) => timezoneFormat(date, timezone))
+            : timezoneFormat(nextValue, timezone);
+        onChange(nextTimezoneValue);
+        setInputValue(formatInputValue(nextValue));
+        setCalendarValue(nextTimezoneValue);
+        if (hideOnSelect) {
+            focus();
+            hideCalendar();
+        }
+    };
+    const handleInputKeydown = (event) => {
+        var _a;
+        const key = event.key;
+        if (key === 'Escape') {
+            hideCalendar();
+            event.currentTarget.blur();
+            return;
+        }
+        if (key === 'Enter') {
+            if (!calendarIsShown) {
+                showCalendar();
+            }
+            else {
+                hideCalendar();
+            }
+            return;
+        }
+        if (key === 'Tab' && calendarIsShown) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!calendarIsShown) {
+                event.currentTarget.blur();
+            }
+            else {
+                // TODO: Manage this whole logic inside simple-react-calendar
+                const firstButton = (_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('button:not([tabindex="-1"])');
+                if (firstButton) {
+                    firstButton.focus();
+                }
+            }
+        }
+    };
+    const handleFocusOrClick = () => {
+        showCalendar();
+        setIsInputFocused(true);
+    };
+    const handleResetClick = (event) => {
+        setInputValue(EMPTY_INPUT_VALUE);
+        onResetClick === null || onResetClick === void 0 ? void 0 : onResetClick(event);
+    };
+    const startAdornment = size !== 'small' ? (React.createElement(InputAdornment, { position: 'start', disablePointerEvents: true }, icon || React.createElement(Calendar16, null))) : undefined;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Container, { inline: width !== 'full', ref: inputWrapperRef },
+            React.createElement(Input, Object.assign({}, inputProps, { ref: inputRef, onKeyDown: handleInputKeydown, onClick: handleFocusOrClick, onFocus: handleFocusOrClick, onBlur: handleBlur, onResetClick: handleResetClick, value: inputValue, onChange: handleInputChange, size: size, startAdornment: startAdornment, width: width, testIds: testIds, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.input }))),
+        inputWrapperRef.current && (React.createElement(Popper, { placement: 'bottom-start', open: calendarIsShown, anchorEl: inputWrapperRef.current, autoWidth: false, enableCompactMode: true, container: popperContainer, popperOptions: DEFAULT_POPPER_OPTIONS, ref: popperRef },
+            React.createElement(Calendar, { activeMonth: activeMonth, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.calendar, ref: calendarRef, range: range, value: calendarValue !== null && calendarValue !== void 0 ? calendarValue : undefined, minDate: normalizedMinDate, maxDate: normalizedMaxDate, disabledIntervals: disabledIntervals, renderDay: renderDay, onChange: handleCalendarChange, onBlur: handleBlur, className: classes.calendar, weekStartsOn: weekStartsOn })))));
+};
+DatePicker.defaultProps = {
+    range: false,
+    hideOnSelect: true,
+    onBlur: noop,
+    editDateFormat: 'MM-dd-yyyy',
+    displayDateFormat: 'MMM d, yyyy',
+    autoComplete: 'off'
+};
+DatePicker.displayName = 'DatePicker';
+export default DatePicker;
+//# sourceMappingURL=DatePicker.js.map

package/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,sDAAsD;AACtD,+CAA+C,CAAC,mDAAmD;AACnG,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,UAAU,MAAM,iBAAiB,CAAA;AAExC,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,eAAe,EACf,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAA;AAEd,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,KAAqB,MAAM,UAAU,CAAA;AAC5C,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,QAIN,MAAM,aAAa,CAAA;AACpB,OAAO,EACL,uCAAuC,EACvC,oCAAoC,EACpC,sBAAsB,EACvB,MAAM,aAAa,CAAA;AACpB,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EACL,eAAe,EACf,yBAAyB,EACzB,eAAe,EACf,cAAc,EACd,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAE5B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAwDF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,iBAAiB,GAAG,uCAAuC,EAC3D,cAAc,GAAG,oCAAoC,EACrD,MAAM,GAAG,IAAI,EACb,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,eAAe,EACf,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EAtBH,6QAsBL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,UAAU,GAAG,IAAI,CAAA;IAEvB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAA;IAC/D,MAAM,CACJ,aAAa,EACb,gBAAgB,CACjB,GAAG,QAAQ,CAA6B,IAAI,CAAC,CAAA;IAE9C,MAAM,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1D,OAAO,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAA;IACvE,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEtB,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACpD,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAEnD,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAW,IAAI,CAAC,CAAA;IACxC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAChD,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEpD,8EAA8E;IAC9E,gBAAgB;IAChB,MAAM,WAAW,GAAG,aAAa,YAAY,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAA;IAE7E,8CAA8C;IAC9C,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,aAAkC,EAAE,EAAE;QACrC,OAAO,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;YACjC,CAAC,CAAC,eAAe,CAAC,aAA8B,EAAE,iBAAiB,CAAC;YACpE,CAAC,CAAC,UAAU,CACR,aAAqB,EACrB,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CACpD,CAAA;IACP,CAAC,EACD,CAAC,cAAc,EAAE,cAAc,EAAE,iBAAiB,CAAC,CACpD,CAAA;IAED,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,EAAE,oBAAoB,EAAsC,EAAE,EAAE;QAC/D,IAAI,oBAAoB,IAAI,cAAc,EAAE;YAC1C,OAAM;SACP;QAED,aAAa,CAAC,GAAG,EAAE;YACjB,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO,iBAAiB,CAAA;aACzB;YAED,OAAO,gBAAgB,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;QAC3D,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CACpD,CAAA;IAED,sDAAsD;IACtD,qDAAqD;IACrD,2EAA2E;IAC3E,eAAe,CAAC,GAAG,EAAE;QACnB,gBAAgB,CAAC,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC,CAAA;IAClD,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IAErB,uDAAuD;IACvD,uCAAuC;IACvC,eAAe,CAAC,GAAG,EAAE;QACnB,gBAAgB,CAAC,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAA;IACnD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,iDAAiD;IACjD,eAAe,CAAC,GAAG,EAAE;QACnB,gBAAgB,CAAC,GAAG,EAAE;YACpB,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO,IAAI,CAAA;aACZ;YAED,OAAO,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;QACzC,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IAErB,MAAM,kBAAkB,GAAG,CAAC,IAAU,EAAE,EAAE;;QACxC,OAAO,CACL,CAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;aACxC,MAAA,eAAe,CAAC,OAAO,0CAAE,QAAQ,CAAC,IAAI,CAAC,CAAA,CACxC,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,KAAuC,EAAE,EAAE;QAC7D,MAAM,yBAAyB,GAAG,kBAAkB,CAClD,CAAC,KAAK,CAAC,aAAa,IAAI,QAAQ,CAAC,aAAa,CAAS,CACxD,CAAA;QAED,IAAI,yBAAyB,EAAE;YAC7B,OAAM;SACP;QAED,YAAY,EAAE,CAAA;QACd,MAAM,EAAE,CAAA;QAER,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CACxB,CAEC,EACD,EAAE;QACF,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAEhC,0DAA0D;QAC1D,IAAI,KAAK,IAAI,SAAS,EAAE;YACtB,OAAM;SACP;QAED,sGAAsG;QACtG,aAAa,CAAC,SAAS,CAAC,CAAA;QAExB,IAAI,CAAC,SAAS,EAAE;YACd,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAA;SACtB;QAED,MAAM,eAAe,GAAG,yBAAyB,CAAC,SAAS,EAAE;YAC3D,YAAY,EAAE,eAAe;YAC7B,UAAU,EAAE,cAAc;YAC1B,QAAQ;YACR,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,iBAAiB;SAC3B,CAAC,CAAA;QAEF,IAAI,eAAe,EAAE;YACnB,QAAQ,CAAC,eAAe,CAAC,CAAA;SAC1B;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;YAChC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SACzB;IACH,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,CAAC,SAA8B,EAAE,EAAE;QAC9D,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;YAChD,CAAC,CAAE,SAAS,CAAC,GAAG,CAAC,CAAC,IAAU,EAAE,EAAE,CAC5B,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CACb;YACrB,CAAC,CAAC,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;QAEvC,QAAQ,CAAC,iBAAiB,CAAC,CAAA;QAC3B,aAAa,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAA;QAC1C,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;QAEnC,IAAI,YAAY,EAAE;YAChB,KAAK,EAAE,CAAA;YACP,YAAY,EAAE,CAAA;SACf;IACH,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,CAAC,KAAsC,EAAE,EAAE;;QACpE,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAA;QAErB,IAAI,GAAG,KAAK,QAAQ,EAAE;YACpB,YAAY,EAAE,CAAA;YACd,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAA;YAE1B,OAAM;SACP;QAED,IAAI,GAAG,KAAK,OAAO,EAAE;YACnB,IAAI,CAAC,eAAe,EAAE;gBACpB,YAAY,EAAE,CAAA;aACf;iBAAM;gBACL,YAAY,EAAE,CAAA;aACf;YAED,OAAM;SACP;QAED,IAAI,GAAG,KAAK,KAAK,IAAI,eAAe,EAAE;YACpC,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,KAAK,CAAC,eAAe,EAAE,CAAA;YAEvB,IAAI,CAAC,eAAe,EAAE;gBACpB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAA;aAC3B;iBAAM;gBACL,6DAA6D;gBAC7D,MAAM,WAAW,GAAG,MAAA,WAAW,CAAC,OAAO,0CAAE,aAAa,CACpD,6BAA6B,CAC9B,CAAA;gBAED,IAAI,WAAW,EAAE;oBACf,WAAW,CAAC,KAAK,EAAE,CAAA;iBACpB;aACF;SACF;IACH,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,YAAY,EAAE,CAAA;QACd,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,CACvB,KAA8D,EAC9D,EAAE;QACF,aAAa,CAAC,iBAAiB,CAAC,CAAA;QAChC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,KAAK,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,cAAc,GAClB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACjB,oBAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,EAAC,oBAAoB,UAClD,IAAI,IAAI,oBAAC,UAAU,OAAG,CACR,CAClB,CAAC,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,CACL;QACE,oBAAC,SAAS,IAAC,MAAM,EAAE,KAAK,KAAK,MAAM,EAAE,GAAG,EAAE,eAAe;YACvD,oBAAC,KAAK,oBACA,UAAU,IACd,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,kBAAkB,EAC3B,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,iBACH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,IAC3B,CACQ;QACX,eAAe,CAAC,OAAO,IAAI,CAC1B,oBAAC,MAAM,IACL,SAAS,EAAC,cAAc,EACxB,IAAI,EAAE,eAAe,EACrB,QAAQ,EAAE,eAAe,CAAC,OAAO,EACjC,SAAS,EAAE,KAAK,EAChB,iBAAiB,QACjB,SAAS,EAAE,eAAe,EAC1B,aAAa,EAAE,sBAAsB,EACrC,GAAG,EAAE,SAAS;YAEd,oBAAC,QAAQ,IACP,WAAW,EAAE,WAAW,iBACX,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAC9B,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,SAAS,EACjC,OAAO,EAAE,iBAAiB,EAC1B,OAAO,EAAE,iBAAiB,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,oBAAoB,EAC9B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,YAAY,EAAE,YAAY,GAC1B,CACK,CACV,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG;IACxB,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,YAAY;IAC5B,iBAAiB,EAAE,aAAa;IAChC,YAAY,EAAE,KAAK;CACpB,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}

package/DatePicker/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT = "MM-dd-yyyy";
+export declare const DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT = "MMM d, yyyy";
+export declare const DEFAULT_POPPER_OPTIONS: {
+    modifiers: {
+        hide: {
+            enabled: boolean;
+        };
+        preventOverflow: {
+            enabled: boolean;
+        };
+    };
+};

package/DatePicker/constants.js

@@ -0,0 +1,13 @@
+export const DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT = 'MM-dd-yyyy';
+export const DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT = 'MMM d, yyyy';
+export const DEFAULT_POPPER_OPTIONS = {
+    modifiers: {
+        hide: {
+            enabled: false
+        },
+        preventOverflow: {
+            enabled: false
+        }
+    }
+};
+//# sourceMappingURL=constants.js.map

package/DatePicker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/DatePicker/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oCAAoC,GAAG,YAAY,CAAA;AAChE,MAAM,CAAC,MAAM,uCAAuC,GAAG,aAAa,CAAA;AACpE,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,OAAO,EAAE,KAAK;SACf;QACD,eAAe,EAAE;YACf,OAAO,EAAE,KAAK;SACf;KACF;CACF,CAAA"}

package/DatePicker/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './DatePicker';
+export type { Props as DatePickerProps } from './DatePicker';
+export type { DatePickerValue, DatePickerInputCustomValueParser, DatePickerInputCustomValueParserParameters } from './types';
+export { datePickerParseDateString } from './utils';
+export { DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT } from './constants';

package/DatePicker/index.js

@@ -0,0 +1,4 @@
+export { default } from './DatePicker';
+export { datePickerParseDateString } from './utils';
+export { DEFAULT_DATE_PICKER_EDIT_DATE_FORMAT, DEFAULT_DATE_PICKER_DISPLAY_DATE_FORMAT } from './constants';
+//# sourceMappingURL=index.js.map

package/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AACnD,OAAO,EAAE,oCAAoC,EAAE,uCAAuC,EAAE,MAAM,aAAa,CAAA"}

package/DatePicker/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("@material-ui/styles").StyleRules<{}, "calendar">;
+export default _default;

package/DatePicker/styles.js

@@ -0,0 +1,7 @@
+import { createStyles } from '@material-ui/core/styles';
+export default () => createStyles({
+    calendar: {
+        outline: 'none'
+    }
+});
+//# sourceMappingURL=styles.js.map

package/DatePicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/DatePicker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAA"}

package/DatePicker/types.d.ts

@@ -0,0 +1,13 @@
+import { DateOrDateRangeType } from '../Calendar';
+export declare type DatePickerValue = DateOrDateRangeType | null;
+export declare type DatePickerInputValueParserParameters = {
+    customParser?: DatePickerInputCustomValueParser;
+    dateFormat: string;
+    minDate?: Date;
+    maxDate?: Date;
+    timezone?: string;
+};
+export declare type DatePickerInputCustomValueParserParameters = {
+    timezone?: string;
+};
+export declare type DatePickerInputCustomValueParser = (value: string, params: DatePickerInputCustomValueParserParameters) => Date | null | undefined;

package/DatePicker/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map