@procore/core-react 10.26.0 → 10.26.1-rc.2

package/dist/esm/components/DateInput/DateInput.js

@@ -0,0 +1,373 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 { Clear } from '@procore/core-icons/dist';
+import { isSameDay } from 'date-fns';
+import React from 'react';
+import { useEventListener } from '../../effects/EventListener';
+import { useDateTime } from '../../state/DateTime';
+import { useI18nContext } from '../../state/I18n';
+import { maxMonth, maxYear, minYear, normalizeNewDate, } from '../../utils/CalendarHelpers';
+import Button from '../Button';
+import { StyledCalendar, StyledDateInput, StyledDateInputDelimiter, StyledDateInputIconContainer, StyledDateInputSegment, } from './DateInput.styles';
+var segments = {
+    day: {
+        maxLength: 2,
+        placeholder: 'dd',
+    },
+    month: {
+        maxLength: 2,
+        placeholder: 'mm',
+    },
+    year: {
+        maxLength: 4,
+        placeholder: 'yyyy',
+    },
+};
+var dateInputLocales = {
+    en: {
+        segments: ['month', 'day', 'year'],
+    },
+    'en-US': {
+        segments: ['month', 'day', 'year'],
+    },
+    'en-CA': {
+        segments: ['month', 'day', 'year'],
+    },
+    'fr-CA': {
+        segments: ['day', 'month', 'year'],
+    },
+    'fr-FR': {
+        segments: ['day', 'month', 'year'],
+    },
+    es: {
+        segments: ['day', 'month', 'year'],
+    },
+    'es-ES': {
+        segments: ['day', 'month', 'year'],
+    },
+    'en-AE': {
+        segments: ['day', 'month', 'year'],
+    },
+    'en-AU': {
+        segments: ['day', 'month', 'year'],
+    },
+    'en-GB': {
+        segments: ['day', 'month', 'year'],
+    },
+    'en-SG': {
+        segments: ['day', 'month', 'year'],
+    },
+    ko: {
+        segments: ['year', 'month', 'day'],
+    },
+    'th-TH': {
+        segments: ['day', 'month', 'year'],
+    },
+    pt: {
+        segments: ['day', 'month', 'year'],
+    },
+    'is-IS': {
+        segments: ['day', 'month', 'year'],
+    },
+    'de-DE': {
+        delimiter: '.',
+        segments: ['day', 'month', 'year'],
+    },
+    pseudo: {
+        segments: ['day', 'month', 'year'],
+    },
+};
+export function isValidYearRange(year) {
+    return year > 1700 && year < 2122;
+}
+function noop() { }
+function getLastDate(month, year) {
+    return normalizeNewDate(year, Math.max(0, month), 0).getDate();
+}
+function getSegmentProps(onChangeSegment, type, dateInput, getAriaLabel) {
+    var _a = segments[type], maxLength = _a.maxLength, placeholder = _a.placeholder;
+    if (type === 'day') {
+        return {
+            'aria-label': getAriaLabel('day', dateInput.day),
+            maxLength: maxLength,
+            maxValue: getLastDate(dateInput.month, dateInput.year),
+            minValue: 1,
+            onChange: function (value) {
+                dateInput.setDay(value);
+                onChangeSegment(type, value);
+            },
+            placeholder: placeholder,
+            value: dateInput.day,
+        };
+    }
+    else if (type === 'month') {
+        return {
+            'aria-label': getAriaLabel('month', dateInput.month),
+            maxLength: maxLength,
+            maxValue: maxMonth,
+            minValue: 1,
+            onChange: function (value) {
+                dateInput.setMonth(value);
+                onChangeSegment(type, value);
+            },
+            placeholder: placeholder,
+            value: dateInput.month,
+        };
+    }
+    else {
+        return {
+            'aria-label': getAriaLabel('year', dateInput.year),
+            maxLength: maxLength,
+            maxValue: maxYear,
+            minValue: minYear,
+            onChange: function (value) {
+                dateInput.setYear(value);
+                onChangeSegment(type, value);
+            },
+            placeholder: placeholder,
+            value: dateInput.year,
+        };
+    }
+}
+function setFocusTo(target) {
+    return target && target.current && target.current.focus();
+}
+function focusTargetOrFirst() {
+    var refs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        refs[_i] = arguments[_i];
+    }
+    return function handler(event) {
+        if (event === void 0) { event = { target: null }; }
+        var ref = refs.reduce(function (acc, ref) {
+            return ref.current && ref.current === event.target ? ref : acc;
+        }, refs[0]);
+        setFocusTo(ref);
+    };
+}
+function clampDay(day, month, year) {
+    if (day > 0 && month > 0 && year) {
+        var date = normalizeNewDate(year, month - 1, day);
+        if (date.getMonth() !== month - 1) {
+            return getLastDate(month, year);
+        }
+    }
+    return day;
+}
+function useDateInput(_a) {
+    var onChange = _a.onChange, value_ = _a.value, log = _a.log;
+    var dateTime = useDateTime();
+    // logging called too frequenlty if not in memo
+    var value = React.useMemo(function () {
+        return dateTime.shiftUtcToZonedTime(value_, log);
+    }, [value_]);
+    var _b = React.useState(value ? value.getDate() : -1), day = _b[0], setRawDay = _b[1];
+    var _c = React.useState(value ? value.getMonth() + 1 : -1), month = _c[0], setRawMonth = _c[1];
+    var _d = React.useState(value ? value.getFullYear() : -1), year = _d[0], setRawYear = _d[1];
+    var hasValues = day >= 0 || month >= 0 || year >= 0;
+    var isInvalid = day < 0 || month < 0 || year < 0;
+    var setAll = function (day, month, year) {
+        var clampedDay = clampDay(day, month, year);
+        var date = clampedDay > 0 && month > 0 && year > 0
+            ? normalizeNewDate(year, month - 1, clampedDay)
+            : null;
+        setRawDay(clampedDay);
+        setRawMonth(month);
+        setRawYear(year);
+        // Call DateSelect.onChange API when a supported year range or deleted date
+        // isValidYearRange protects shiftZonedTimeToUtc
+        // when date is null, year should be -1. -1 means it was cleared, either by button or backspace key
+        /**
+         * - going from non-valid date to a valid date
+         *    - is a valid year range
+         * - going from one valid date to another, different, date
+         *    - is a valid year range
+         * - change to invalid date
+         */
+        var validDate = date && isValidYearRange(year);
+        if ((!value && validDate) ||
+            (value && validDate && !isSameDay(date, value)) ||
+            (value && date === null)) {
+            onChange(dateTime.shiftZonedTimeToUtc(date));
+        }
+    };
+    var setDay = function (value) {
+        setAll(value, month, year);
+    };
+    var setMonth = function (value) {
+        setAll(day, value, year);
+    };
+    var setYear = function (value) {
+        setAll(day, month, value);
+    };
+    var clear = function () {
+        setAll(-1, -1, -1);
+    };
+    React.useEffect(function () {
+        if (value) {
+            setRawDay(value.getDate());
+            setRawMonth(value.getMonth() + 1);
+            setRawYear(value.getFullYear());
+        }
+        else if (value === undefined) {
+            setRawDay(-1);
+            setRawMonth(-1);
+            setRawYear(-1);
+        }
+    }, [value]);
+    return {
+        clear: clear,
+        day: day,
+        hasValues: hasValues,
+        month: month,
+        setDay: setDay,
+        setMonth: setMonth,
+        setYear: setYear,
+        year: year,
+    };
+}
+function getSegmentText(_a) {
+    var maxLength = _a.maxLength, placeholder = _a.placeholder, type = _a.type, value = _a.value;
+    if (value < 0) {
+        return placeholder;
+    }
+    if (type === 'year' && !isValidYearRange(value)) {
+        return "".concat(value, "____").slice(0, 4);
+    }
+    return String(value).padStart(maxLength, '0');
+}
+var DateSegment = React.forwardRef(function DateSegment(_a, ref) {
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, maxLength = _a.maxLength, maxValue = _a.maxValue, minValue = _a.minValue, nextRef = _a.nextRef, _c = _a.onChange, onChange = _c === void 0 ? function (value) { } : _c, placeholder = _a.placeholder, prevRef = _a.prevRef, _d = _a.tabIndex, tabIndex = _d === void 0 ? 0 : _d, type = _a.type, _e = _a.value, value = _e === void 0 ? 0 : _e, props = __rest(_a, ["disabled", "maxLength", "maxValue", "minValue", "nextRef", "onChange", "placeholder", "prevRef", "tabIndex", "type", "value"]);
+    var _f = React.useState(''), keyBuffer = _f[0], setKeyBuffer = _f[1];
+    var contains = function (key, keys) { return keys.indexOf(key) >= 0; };
+    var onKeyDown = function (event) {
+        event.stopPropagation();
+        var key = event.key;
+        if (contains(key, ['Up', 'ArrowUp', 'Down', 'ArrowDown', 'Backspace'])) {
+            event.preventDefault();
+        }
+        if (contains(key, ['Up', 'ArrowUp', 'Down', 'ArrowDown']) &&
+            type === 'year' &&
+            value === -1) {
+            onChange(new Date().getFullYear());
+        }
+        else if (contains(key, ['Up', 'ArrowUp'])) {
+            onChange(value + 1 > maxValue ? minValue : Math.max(1, value + 1));
+        }
+        else if (contains(key, ['Down', 'ArrowDown'])) {
+            onChange(value - 1 < minValue ? maxValue : value - 1);
+        }
+        else if (contains(key, ['Left', 'ArrowLeft'])) {
+            setFocusTo(prevRef);
+        }
+        else if (contains(key, ['Right', 'ArrowRight'])) {
+            setFocusTo(nextRef);
+        }
+        else if (contains(key, ['Backspace', 'Delete'])) {
+            setKeyBuffer('');
+            onChange(-1);
+            // the segment is currently empty, go to the previous segment
+            if (value === -1) {
+                setFocusTo(prevRef);
+            }
+        }
+        else if (!isNaN(parseInt(key, 10))) {
+            if (keyBuffer.length === 0) {
+                // current buffer is empty, initialize it
+                setKeyBuffer(key);
+                onChange(parseInt(key, 10));
+            }
+            else {
+                // current buffer has text, add to it
+                var newBuffer = keyBuffer + key;
+                setKeyBuffer(newBuffer);
+                onChange(Math.min(parseInt(newBuffer, 10), maxValue));
+            }
+        }
+    };
+    React.useEffect(function () {
+        if (keyBuffer.length >= maxLength ||
+            (keyBuffer.length === 1 &&
+                ((type === 'day' && value > 3) || (type === 'month' && value > 1)))) {
+            setFocusTo(nextRef);
+            // Needed for year to reset as it does not move focus
+            setKeyBuffer('');
+        }
+    });
+    return (React.createElement(StyledDateInputSegment, __assign({ ref: ref }, props, { "data-placeholder": value < 0, disabled: disabled, isYear: type === 'year', onBlur: function () {
+            if (type === 'year' && value !== -1 && value < 100) {
+                onChange(2000 + value);
+            }
+            setKeyBuffer('');
+        }, onKeyDown: onKeyDown, tabIndex: disabled ? -1 : tabIndex }), getSegmentText({ value: value, placeholder: placeholder, type: type, maxLength: maxLength })));
+});
+export var DateInput = React.forwardRef(function DateInput(_a, ref) {
+    var clearRef = _a.clearRef, disabled = _a.disabled, _b = _a.error, error = _b === void 0 ? false : _b, _c = _a.segmentRefs, segmentRefs = _c === void 0 ? {} : _c, variant = _a.variant, _d = _a.onChange, onChange = _d === void 0 ? noop : _d, _e = _a.onChangeSegment, onChangeSegment = _e === void 0 ? noop : _e, _f = _a.onClear, onClear = _f === void 0 ? noop : _f, _g = _a.tabIndex, tabIndex = _g === void 0 ? 0 : _g, value = _a.value, props = __rest(_a, ["clearRef", "disabled", "error", "segmentRefs", "variant", "onChange", "onChangeSegment", "onClear", "tabIndex", "value"]);
+    var I18n = useI18nContext();
+    var dateInputRef = ref;
+    var segment1Ref = segmentRefs.segmentOne || React.createRef();
+    var segment2Ref = segmentRefs.segmentTwo || React.createRef();
+    var segment3Ref = segmentRefs.segmentThree || React.createRef();
+    var _h = dateInputLocales[I18n.locale] || dateInputLocales['en'], _j = _h.delimiter, delimiter = _j === void 0 ? '/' : _j, segments = _h.segments;
+    var dateTime = useDateTime();
+    var dateInput = useDateInput({
+        onChange: onChange,
+        value: value,
+        log: 'Display date',
+    });
+    var onClickClear = function (e) {
+        setFocusTo(segment1Ref);
+        dateInput.clear();
+        onClear(e);
+    };
+    useEventListener({
+        event: 'click',
+        handler: focusTargetOrFirst(segment1Ref, segment2Ref, segment3Ref),
+        scope: dateInputRef,
+    });
+    var getSegmentAriaLabel = function (type, value) {
+        return value && value !== -1
+            ? I18n.t(type, {
+                value: value,
+                scope: 'core.dateInput.segment.ariaLabel.withValue',
+            })
+            : I18n.t(type, {
+                scope: 'core.dateInput.segment.ariaLabel.withoutValue',
+            });
+    };
+    return (React.createElement(StyledDateInput, __assign({ "aria-label": value && isValidYearRange(dateInput.year)
+            ? dateTime.format(value, 'weekday-date')
+            : undefined, disabled: disabled || variant === 'disabled', error: error ||
+            variant === 'error' ||
+            // -1 means placeholder yyyy is shown
+            (!isValidYearRange(dateInput.year) && dateInput.year !== -1), ref: dateInputRef }, props),
+        React.createElement(DateSegment, __assign({ disabled: disabled, nextRef: segment2Ref, ref: segment1Ref, tabIndex: tabIndex, type: segments[0] }, getSegmentProps(onChangeSegment, segments[0], dateInput, getSegmentAriaLabel))),
+        React.createElement(StyledDateInputDelimiter, { "aria-hidden": true, visible: Boolean(value) }, delimiter),
+        React.createElement(DateSegment, __assign({ disabled: disabled, nextRef: segment3Ref, prevRef: segment1Ref, ref: segment2Ref, tabIndex: tabIndex, type: segments[1] }, getSegmentProps(onChangeSegment, segments[1], dateInput, getSegmentAriaLabel))),
+        React.createElement(StyledDateInputDelimiter, { "aria-hidden": true, visible: Boolean(value) }, delimiter),
+        React.createElement(DateSegment, __assign({ disabled: disabled, prevRef: segment2Ref, ref: segment3Ref, tabIndex: tabIndex, type: segments[2] }, getSegmentProps(onChangeSegment, segments[2], dateInput, getSegmentAriaLabel))),
+        React.createElement(StyledDateInputIconContainer, null, dateInput.hasValues ? (React.createElement(Button, { "aria-label": I18n.t('core.dateInput.clearButton.ariaLabel'), onClick: onClickClear, ref: clearRef, size: "sm", variant: "tertiary", icon: React.createElement(Clear, { size: "sm" }), tabIndex: -1 })) : (React.createElement(StyledCalendar, null)))));
+});
+DateInput.displayName = 'DateInput';
+export default DateInput;
+//# sourceMappingURL=DateInput.js.map

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

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

package/dist/esm/components/DateInput/DateInput.styles.d.ts

@@ -0,0 +1,17 @@
+interface StyledDateInputSegmentProps {
+    disabled: boolean;
+    isYear: boolean;
+}
+export declare const StyledCalendar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
+    size?: import("@procore/core-icons/dist/Icon").IconSize | undefined;
+} & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const StyledDateInputSegment: import("styled-components").StyledComponent<"div", any, StyledDateInputSegmentProps, never>;
+export declare const StyledDateInputDelimiter: import("styled-components").StyledComponent<"span", any, {
+    visible: boolean;
+}, never>;
+export declare const StyledDateInputIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDateInput: import("styled-components").StyledComponent<"div", any, {
+    disabled: boolean;
+    error: boolean;
+}, never>;
+export {};

package/dist/esm/components/DateInput/DateInput.styles.js

@@ -0,0 +1,40 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { Calendar } from '@procore/core-icons/dist';
+import styled, { css } from 'styled-components';
+import { colors } from '../../styles/colors';
+import { getFocus } from '../../styles/mixins';
+import { spacing } from '../../styles/spacing';
+import { dataQa } from '../Input/Input.styles';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+var inputHeight = 36; // TODO one-off
+var disabledCss = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n  pointer-events: none;\n\n  svg {\n    color: ", ";\n  }\n"], ["\n  background-color: ", ";\n  color: ", ";\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n  pointer-events: none;\n\n  svg {\n    color: ", ";\n  }\n"])), colors.gray94, colors.gray45, colors.gray70, colors.gray45);
+export var StyledCalendar = styled(Calendar)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), colors.gray45);
+export var StyledDateInputSegment = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n  outline: none;\n  text-align: center;\n  width: 26px;\n\n  &:focus {\n    background-color: ", ";\n  }\n\n  &::selection {\n    background-color: transparent;\n  }\n\n  &[data-placeholder='true'] {\n    color: ", ";\n  }\n\n  ", "\n"], ["\n  ", "\n  outline: none;\n  text-align: center;\n  width: 26px;\n\n  &:focus {\n    background-color: ", ";\n  }\n\n  &::selection {\n    background-color: transparent;\n  }\n\n  &[data-placeholder='true'] {\n    color: ", ";\n  }\n\n  ", "\n"])), getTypographyIntent('body'), colors.blue96, function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? colors.gray70 : colors.gray45);
+}, function (_a) {
+    var isYear = _a.isYear;
+    return isYear && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      width: 40px;\n    "], ["\n      width: 40px;\n    "])));
+});
+export var StyledDateInputDelimiter = styled.span.attrs(function (props) {
+    var _a;
+    return (_a = {},
+        _a['data-qa-table-visible'] = props.visible,
+        _a);
+})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n  margin: 0 1px;\n  user-select: none;\n"], ["\n  ", "\n  margin: 0 1px;\n  user-select: none;\n"])), getTypographyIntent('body'));
+export var StyledDateInputIconContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: inline-flex;\n  flex: 0 0 auto;\n  align-items: center;\n  justify-content: center;\n  margin: 0 0 0 ", "px;\n  height: 24px;\n  width: 24px;\n"], ["\n  display: inline-flex;\n  flex: 0 0 auto;\n  align-items: center;\n  justify-content: center;\n  margin: 0 0 0 ", "px;\n  height: 24px;\n  width: 24px;\n"])), spacing.xs);
+export var StyledDateInput = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  align-items: center;\n  border-color: ", ";\n  border-radius: 4px;\n  border-style: solid;\n  border-width: 1px;\n  display: inline-flex;\n  flex-direction: row;\n  height: ", "px;\n  justify-content: center;\n  padding: 0 ", "px;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  ", "\n\n  &:focus-within,\n  &[data-qa=", "] {\n    ", ";\n  }\n\n  &:disabled {\n    ", "\n  }\n\n  ", "\n\n  ", "\n"], ["\n  align-items: center;\n  border-color: ", ";\n  border-radius: 4px;\n  border-style: solid;\n  border-width: 1px;\n  display: inline-flex;\n  flex-direction: row;\n  height: ", "px;\n  justify-content: center;\n  padding: 0 ", "px;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  ", "\n\n  &:focus-within,\n  &[data-qa=", "] {\n    ", ";\n  }\n\n  &:disabled {\n    ", "\n  }\n\n  ", "\n\n  ", "\n"])), colors.gray70, inputHeight, spacing.xs, colors.gray45, function (_a) {
+    var error = _a.error;
+    return !error && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      &:hover,\n      &[data-qa=", "] {\n        border-color: ", ";\n      }\n    "], ["\n      &:hover,\n      &[data-qa=", "] {\n        border-color: ", ";\n      }\n    "])), dataQa.hovered, colors.gray45);
+}, dataQa.focused, getFocus(), disabledCss, function (_a) {
+    var disabled = _a.disabled;
+    return disabled && disabledCss;
+}, function (_a) {
+    var error = _a.error;
+    return error && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      border-color: ", ";\n    "], ["\n      border-color: ", ";\n    "])), colors.red50);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=DateInput.styles.js.map

package/dist/esm/components/DateInput/DateInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.styles.js","sourceRoot":"","sources":["../../../../src/components/DateInput/DateInput.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAOrE,IAAM,WAAW,GAAG,EAAE,CAAA,CAAC,eAAe;AAEtC,IAAM,WAAW,GAAG,GAAG,kPAAA,wBACD,EAAa,cACxB,EAAa,mEAGN,EAAa,oDAIlB,EAAa,UAEzB,KAVqB,MAAM,CAAC,MAAM,EACxB,MAAM,CAAC,MAAM,EAGN,MAAM,CAAC,MAAM,EAIlB,MAAM,CAAC,MAAM,CAEzB,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,uFAAA,aACnC,EAAa,KACvB,KADU,MAAM,CAAC,MAAM,CACvB,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,yTAA6B,MACzE,EAA2B,kGAMP,EAAa,oHAQxB,EAA4D,cAGrE,EAIC,IACJ,KAtBG,mBAAmB,CAAC,MAAM,CAAC,EAMP,MAAM,CAAC,MAAM,EAQxB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;AAA1C,CAA0C,EAGrE,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,IACN,GAAG,+FAAA,4BAEF,IAAA;AAHD,CAGC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CACvD,UAAC,KAAK;;IAAK,OAAA;QACT,GAAC,uBAAuB,IAAG,KAAK,CAAC,OAAO;WACxC;AAFS,CAET,CACH,uHAAsB,MACnB,EAA2B,4CAG9B,KAHG,mBAAmB,CAAC,MAAM,CAAC,CAG9B,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,iOAAA,oHAKpC,EAAU,wCAG3B,KAHiB,OAAO,CAAC,EAAE,CAG3B,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,udAGvC,4CAEgB,EAAa,qIAMnB,EAAW,gDAER,EAAU,wCAGZ,EAAa,cAGtB,EAOC,qCAGS,EAAc,WACtB,EAAU,gCAIV,EAAW,aAGb,EAAyC,QAEzC,EAIC,IACJ,KAvCiB,MAAM,CAAC,MAAM,EAMnB,WAAW,EAER,OAAO,CAAC,EAAE,EAGZ,MAAM,CAAC,MAAM,EAGtB,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,CAAC,KAAK,IACN,GAAG,0JAAA,oCAEW,EAAc,6BACR,EAAa,kBAEhC,KAHa,MAAM,CAAC,OAAO,EACR,MAAM,CAAC,MAAM,CAEhC;AAND,CAMC,EAGS,MAAM,CAAC,OAAO,EACtB,QAAQ,EAAE,EAIV,WAAW,EAGb,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,WAAW;AAAvB,CAAuB,EAEzC,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,KAAK,IACL,GAAG,sGAAA,wBACe,EAAY,SAC7B,KADiB,MAAM,CAAC,KAAK,CAC7B;AAHD,CAGC,CACJ,CAAA"}

package/dist/esm/components/DateInput/DateInput.types.d.ts

@@ -0,0 +1,171 @@
+import { Props } from '../../utils/types';
+import { Locale } from '../../state/I18n';
+export declare type SegmentType = 'day' | 'month' | 'year';
+declare type DateInputVariant = '' | 'error' | 'disabled';
+export interface DateSegmentProps {
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    maxLength: number;
+    /**
+     * @since 10.19.0
+     */
+    maxValue: number;
+    /**
+     * @since 10.19.0
+     */
+    minValue: number;
+    /**
+     * @since 10.19.0
+     */
+    nextRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * @since 10.19.0
+     */
+    onChange?: (value: number) => void;
+    /**
+     * @since 10.19.0
+     */
+    placeholder: string;
+    /**
+     * @since 10.19.0
+     */
+    prevRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * @since 10.19.0
+     */
+    tabIndex?: number;
+    /**
+     * @since 10.19.0
+     */
+    type: SegmentType;
+    /**
+     * @since 10.19.0
+     */
+    value?: number;
+}
+export interface DateInputConfig {
+    /**
+     * @since 10.19.0
+     */
+    onChange: (date: Date | null) => void;
+    /**
+     * @since 10.19.0
+     */
+    value?: Date | null;
+    /**
+     * @since 10.19.0
+     */
+    log?: string;
+}
+export interface DateInputApi {
+    /**
+     * @since 10.19.0
+     */
+    clear: () => void;
+    /**
+     * @since 10.19.0
+     */
+    day: number;
+    /**
+     * @since 10.19.0
+     */
+    hasValues: boolean;
+    /**
+     * @since 10.19.0
+     */
+    month: number;
+    /**
+     * @since 10.19.0
+     */
+    setDay: (value: number) => void;
+    /**
+     * @since 10.19.0
+     */
+    setMonth: (value: number) => void;
+    /**
+     * @since 10.19.0
+     */
+    setYear: (value: number) => void;
+    /**
+     * @since 10.19.0
+     */
+    year: number;
+}
+interface SegmentConfig {
+    /**
+     * @since 10.19.0
+     */
+    maxLength: number;
+    /**
+     * @since 10.19.0
+     */
+    placeholder: 'dd' | 'mm' | 'yyyy';
+}
+export declare type Segments = {
+    [key in SegmentType]: SegmentConfig;
+};
+export declare type DateInputLocales = {
+    [key in Locale]: {
+        delimiter?: string;
+        segments: [SegmentType, SegmentType, SegmentType];
+    };
+};
+export interface DateInputProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    clearRef: React.RefObject<HTMLButtonElement>;
+    /**
+     * Error variant
+     * @default false
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @param {Date | null} date
+     * Change handler for when a valid date is entered
+     * @since 10.19.0
+     */
+    onChange?: (date: Date | null) => void;
+    /**
+     * @since 10.19.0
+     */
+    onChangeSegment?: (type: SegmentType, value: number) => void;
+    /**
+     * @param {MouseEvent} e
+     * Handler for when the clear icon is clicked
+     * @since 10.19.0
+     */
+    onClear?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * @since 10.19.0
+     */
+    segmentRefs?: {
+        segmentOne?: React.RefObject<HTMLDivElement>;
+        segmentTwo?: React.RefObject<HTMLDivElement>;
+        segmentThree?: React.RefObject<HTMLDivElement>;
+    };
+    /**
+     * @since 10.19.0
+     */
+    tabIndex?: number;
+    /**
+     * Date value for the input
+     * @since 10.19.0
+     */
+    value?: Date;
+    /**
+     * @since 10.19.0
+     */
+    variant?: DateInputVariant;
+}
+export {};

package/dist/esm/components/DateInput/DateInput.types.js

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

package/dist/esm/components/DateInput/DateInput.types.js.map

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

package/dist/esm/components/DateInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default, DateInput } from './DateInput';
+export { DateInputProps } from './DateInput.types';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DateInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}