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

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

@@ -0,0 +1,83 @@
+import React from 'react';
+import { ButtonAttributes, Props, Size } from '../utils/types';
+declare type ButtonSize = Extract<Size, 'sm' | 'md' | 'lg'>;
+export declare const buttonType: {
+    readonly button: "button";
+    readonly reset: "reset";
+    readonly submit: "submit";
+};
+export declare const buttonModifier: {
+    readonly block: "block";
+    readonly error: "error";
+    readonly iconOnly: "icon-only";
+    readonly loading: "loading";
+    readonly open: "open";
+    readonly withArrow: "with-arrow";
+};
+export declare const buttonVariant: {
+    readonly actionOutline: "action-outline";
+    readonly dropdown: "dropdown";
+    readonly dropdownSecondary: "dropdown-secondary";
+    readonly errorOutline: "error-outline";
+    readonly form: "form";
+    readonly infoOutline: "info-outline";
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly successOutline: "success-outline";
+    readonly tertiary: "tertiary";
+};
+export declare type ButtonType = typeof buttonType[keyof typeof buttonType];
+export declare type ButtonModifier = typeof buttonModifier[keyof typeof buttonModifier];
+export declare type ButtonVariant = typeof buttonVariant[keyof typeof buttonVariant];
+export interface ButtonProps extends ButtonAttributes, Props {
+    /**
+     * @since 10.19.0
+     */
+    block?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    className?: string;
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    dropdown?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    icon?: string;
+    /**
+     * @since 10.19.0
+     */
+    loading?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    open?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    size?: ButtonSize;
+    /**
+     * @since 10.19.0
+     */
+    tabIndex?: number;
+    /**
+     * @since 10.19.0
+     */
+    type?: ButtonType;
+    /**
+     * @since 10.19.0
+     */
+    variant?: ButtonVariant;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/esm/components/Button__Prev.js

@@ -0,0 +1,85 @@
+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 styles from '@procore/core-css/src/components/_button.scss';
+import React from 'react';
+import { Icon } from './Icon';
+import { Spinner } from './Spinner';
+var classnames = require('classnames/bind');
+export var buttonType = {
+    button: 'button',
+    reset: 'reset',
+    submit: 'submit',
+};
+export var buttonModifier = {
+    block: 'block',
+    error: 'error',
+    iconOnly: 'icon-only',
+    loading: 'loading',
+    open: 'open',
+    withArrow: 'with-arrow',
+};
+export var buttonVariant = {
+    actionOutline: 'action-outline',
+    dropdown: 'dropdown',
+    dropdownSecondary: 'dropdown-secondary',
+    errorOutline: 'error-outline',
+    form: 'form',
+    infoOutline: 'info-outline',
+    primary: 'primary',
+    secondary: 'secondary',
+    successOutline: 'success-outline',
+    tertiary: 'tertiary',
+};
+var cx = classnames.bind(styles);
+var getSpinnerVariant = function (variant) {
+    return variant === 'primary' || variant === 'form' ? 'light' : '';
+};
+var getSpinnerSize = function (size, dropdown) {
+    return size === 'sm' || dropdown ? 'xs' : 'sm';
+};
+var getLabel = function (child) {
+    return child.type === Icon ? (React.createElement("div", { className: cx('button__label', 'button__label--icon') }, React.cloneElement(child, { size: 'sm' }))) : (React.createElement("div", { className: cx('button__label') }, child));
+};
+export var Button = React.forwardRef(function (_a, ref) {
+    var _b;
+    var _c = _a.block, block = _c === void 0 ? false : _c, children = _a.children, className = _a.className, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.dropdown, dropdown = _e === void 0 ? false : _e, _f = _a.error, error = _f === void 0 ? false : _f, icon = _a.icon, _g = _a.loading, loading = _g === void 0 ? false : _g, _h = _a.open, open = _h === void 0 ? false : _h, _j = _a.size, size = _j === void 0 ? 'md' : _j, _k = _a.type, type = _k === void 0 ? 'button' : _k, _l = _a.variant, variant = _l === void 0 ? 'primary' : _l, props = __rest(_a, ["block", "children", "className", "disabled", "dropdown", "error", "icon", "loading", "open", "size", "type", "variant"]);
+    return (React.createElement("button", __assign({ ref: ref, type: type, className: cx('button', "button--".concat(size), (_b = {},
+            _b["button--".concat(buttonModifier.block)] = block,
+            _b["button--".concat(buttonModifier.error)] = error,
+            _b["button--".concat(buttonModifier.iconOnly)] = !children && icon,
+            _b["button--".concat(buttonModifier.loading)] = loading,
+            _b["button--".concat(buttonModifier.open)] = open,
+            _b["button--".concat(buttonModifier.withArrow)] = dropdown,
+            _b["button--".concat(variant)] = variant,
+            _b), className), disabled: disabled || loading, tabIndex: 0 }, props),
+        icon && getLabel(React.createElement(Icon, { icon: icon })),
+        React.Children.toArray(children)
+            .filter(function (child) { return child; })
+            .map(getLabel)
+            .map(function (label, key) { return React.cloneElement(label, { key: key }); }),
+        React.createElement("div", { className: cx('button__spinner') },
+            React.createElement(Spinner, { size: getSpinnerSize(size, dropdown), variant: getSpinnerVariant(variant) }))));
+});
+Button.displayName = 'Button';
+export default Button;
+//# sourceMappingURL=Button__Prev.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button__Prev.js","sourceRoot":"","sources":["../../../src/components/Button__Prev.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,MAAM,MAAM,+CAA+C,CAAA;AAClE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,IAAM,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAI7C,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAA;AAEV,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,WAAW;IACrB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,YAAY;CACf,CAAA;AAEV,MAAM,CAAC,IAAM,aAAa,GAAG;IAC3B,aAAa,EAAE,gBAAgB;IAC/B,QAAQ,EAAE,UAAU;IACpB,iBAAiB,EAAE,oBAAoB;IACvC,YAAY,EAAE,eAAe;IAC7B,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,cAAc;IAC3B,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,cAAc,EAAE,iBAAiB;IACjC,QAAQ,EAAE,UAAU;CACZ,CAAA;AA2DV,IAAM,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAElC,IAAM,iBAAiB,GAAG,UAAC,OAAsB;IAC/C,OAAA,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AAA1D,CAA0D,CAAA;AAE5D,IAAM,cAAc,GAAG,UAAC,IAAgB,EAAE,QAAiB;IACzD,OAAA,IAAI,KAAK,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;AAAvC,CAAuC,CAAA;AAEzC,IAAM,QAAQ,GAAG,UAAC,KAAU;IAC1B,OAAA,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,qBAAqB,CAAC,IACvD,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CACtC,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IAAG,KAAK,CAAO,CACnD;AAND,CAMC,CAAA;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,UACE,EAcC,EACD,GAAG;;IAdD,IAAA,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,IAAI,UAAA,EACJ,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,KAAK,cAbV,yHAcC,CADS;IAGP,OAAA,CACH,yCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,QAAQ,EACR,kBAAW,IAAI,CAAE;YAEf,GAAC,kBAAW,cAAc,CAAC,KAAK,CAAE,IAAG,KAAK;YAC1C,GAAC,kBAAW,cAAc,CAAC,KAAK,CAAE,IAAG,KAAK;YAC1C,GAAC,kBAAW,cAAc,CAAC,QAAQ,CAAE,IAAG,CAAC,QAAQ,IAAI,IAAI;YACzD,GAAC,kBAAW,cAAc,CAAC,OAAO,CAAE,IAAG,OAAO;YAC9C,GAAC,kBAAW,cAAc,CAAC,IAAI,CAAE,IAAG,IAAI;YACxC,GAAC,kBAAW,cAAc,CAAC,SAAS,CAAE,IAAG,QAAQ;YACjD,GAAC,kBAAW,OAAO,CAAE,IAAG,OAAO;iBAEjC,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,QAAQ,EAAE,CAAC,IACP,KAAK;QAER,IAAI,IAAI,QAAQ,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QACtC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;aAC9B,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,EAAL,CAAK,CAAC;aACxB,GAAG,CAAC,QAAQ,CAAC;aACb,GAAG,CAAC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,KAAA,EAAE,CAAC,EAAlC,CAAkC,CAAC;QAC1D,6BAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC;YACnC,oBAAC,OAAO,IACN,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,EACpC,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC,GACnC,CACE,CACC,CACV,CAAA;CAAA,CACF,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA"}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { BodyProps, CalendarProps, DayProps, NextPrevProps, SelectProps, CalendarContainerProps, NavigationProps, WeekdaysProps, WeekProps } from './Calendar.types';
+export declare function Body({ dueDateTime: dueDateTime_, displayDate: displayDate_, disabledDate, onSelect: onSelect_, selectedEnd: selectedEnd_, selectedStart: selectedStart_, ...props }: BodyProps): JSX.Element;
+export declare namespace Body {
+    var displayName: string;
+}
+export declare const Container: React.ForwardRefExoticComponent<CalendarContainerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Day: React.ForwardRefExoticComponent<DayProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Navigation: React.ForwardRefExoticComponent<NavigationProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Next: React.ForwardRefExoticComponent<NextPrevProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Prev: React.ForwardRefExoticComponent<NextPrevProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Week: React.ForwardRefExoticComponent<WeekProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Weekdays: React.ForwardRefExoticComponent<WeekdaysProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Calendar_: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>> & {
+    Body: typeof Body;
+    Container: React.ForwardRefExoticComponent<CalendarContainerProps & React.RefAttributes<HTMLDivElement>>;
+    Day: React.ForwardRefExoticComponent<DayProps & React.RefAttributes<HTMLDivElement>>;
+    Navigation: React.ForwardRefExoticComponent<NavigationProps & React.RefAttributes<HTMLDivElement>>;
+    Next: React.ForwardRefExoticComponent<NextPrevProps & React.RefAttributes<HTMLButtonElement>>;
+    Prev: React.ForwardRefExoticComponent<NextPrevProps & React.RefAttributes<HTMLButtonElement>>;
+    Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+    Week: React.ForwardRefExoticComponent<WeekProps & React.RefAttributes<HTMLDivElement>>;
+    Weekdays: React.ForwardRefExoticComponent<WeekdaysProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/esm/components/Calendar/Calendar.js

@@ -0,0 +1,144 @@
+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 { ChevronLeft, ChevronRight } from '@procore/core-icons/dist';
+import { isAfter, startOfDay } from 'date-fns';
+import { range } from 'ramda';
+import React from 'react';
+import { useDateTime } from '../../state/DateTime';
+import { useI18nContext } from '../../state/I18n';
+import { getFormatterLocale } from '../../utils/i18n';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+import { addMonths, format, getDates, getDayOfWeekLabel, getMonth, getMonthLabel, getMonthOptions, getRows, getYear, getYearOptions, isSameDay, isSameMonth, isWithinRange, getStartDayOfWeek, subMonths, updateMonth, updateYear, } from '../../utils/CalendarHelpers';
+import { Select as SelectBase } from '../Select';
+import { StyledContainer, StyledDayCell, StyledDayHeaderCell, StyledNavigation, StyledPaginator, StyledSelect, StyledWeekRow, } from './Calendar.styles';
+function noop() { }
+function returnFalse() {
+    return false;
+}
+export function Body(_a) {
+    var dueDateTime_ = _a.dueDateTime, displayDate_ = _a.displayDate, disabledDate = _a.disabledDate, _b = _a.onSelect, onSelect_ = _b === void 0 ? noop : _b, selectedEnd_ = _a.selectedEnd, selectedStart_ = _a.selectedStart, props = __rest(_a, ["dueDateTime", "displayDate", "disabledDate", "onSelect", "selectedEnd", "selectedStart"]);
+    var dateTime = useDateTime();
+    var displayDate = dateTime.shiftUtcToZonedTime(displayDate_) || dateTime.newDate();
+    var locale = useI18nContext().locale;
+    var formatterLocale = getFormatterLocale(locale);
+    var dates = getDates(displayDate, formatterLocale);
+    var dueDateTime = dateTime.shiftUtcToZonedTime(dueDateTime_);
+    var selectedEnd = dateTime.shiftUtcToZonedTime(selectedEnd_);
+    var selectedStart = dateTime.shiftUtcToZonedTime(selectedStart_);
+    var onSelect = function (day) {
+        onSelect_(dateTime.shiftZonedTimeToUtc(day, 'Calendar Body onSelect'));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Weekdays, null),
+        getRows(dates).map(function (row) { return (React.createElement(Week, { key: "week-".concat(format(row[0], 'yyyy-MMMM-dddd')) }, row.map(function (day) { return (React.createElement(Day, __assign({ "aria-label": dateTime.format(day, 'weekday-date', {
+                timeZone: undefined,
+            }), disabled: disabledDate &&
+                disabledDate(day, startOfDay(dateTime.newDate())), isCurrentMonth: isSameMonth(day, displayDate), isRangeEnd: selectedEnd && isSameDay(day, selectedEnd), isRangeStart: selectedStart && isSameDay(day, selectedStart), isToday: isSameDay(day, startOfDay(dateTime.newDate())), key: "day-".concat(format(day, 'yyyy-MMMM-dddd')), onClick: function () { return onSelect(day); }, selected: isWithinRange(day, selectedStart, selectedEnd) }, props),
+            format(day, 'd'),
+            dueDateTime && isSameDay(day, startOfDay(dueDateTime)) && (React.createElement("div", null,
+                React.createElement("em", { style: isAfter(dateTime.newDate(), dueDateTime)
+                        ? {
+                            color: 'red',
+                        }
+                        : undefined }, dateTime.format(dueDateTime_, 'time')))))); }))); })));
+}
+export var Container = React.forwardRef(function Container(props, ref) {
+    return React.createElement(StyledContainer, __assign({ ref: ref }, props));
+});
+export var Day = React.forwardRef(function Day(_a, ref) {
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.isCurrentMonth, isCurrentMonth = _c === void 0 ? false : _c, _d = _a.isRangeEnd, isRangeEnd = _d === void 0 ? false : _d, _e = _a.isRangeStart, isRangeStart = _e === void 0 ? false : _e, _f = _a.isToday, isToday = _f === void 0 ? false : _f, onClick = _a.onClick, _g = _a.selected, selected = _g === void 0 ? false : _g, props = __rest(_a, ["disabled", "isCurrentMonth", "isRangeEnd", "isRangeStart", "isToday", "onClick", "selected"]);
+    return (React.createElement(StyledDayCell, __assign({ "aria-current": isToday ? 'date' : undefined, "aria-disabled": disabled || undefined, "aria-selected": selected || undefined }, props, { onClick: disabled ? undefined : onClick, ref: ref, "$disabled": disabled, "$selected": selected, "$isCurrentMonth": isCurrentMonth, "$isRangeStart": isRangeStart, "$isRangeEnd": isRangeEnd, "$isToday": isToday })));
+});
+export var Navigation = React.forwardRef(function Navigation(props, ref) {
+    return React.createElement(StyledNavigation, __assign({}, props, { ref: ref }));
+});
+export var Next = React.forwardRef(function Next(_a, ref) {
+    var props = __rest(_a, []);
+    return (React.createElement(StyledPaginator, __assign({}, props, { ref: ref, icon: React.createElement(ChevronRight, null), variant: "tertiary" })));
+});
+export var Prev = React.forwardRef(function Prev(props, ref) {
+    return (React.createElement(StyledPaginator, __assign({}, props, { ref: ref, icon: React.createElement(ChevronLeft, null), variant: "tertiary" })));
+});
+export var Week = React.forwardRef(function Week(props, ref) {
+    return React.createElement(StyledWeekRow, __assign({ ref: ref }, props));
+});
+export var Weekdays = React.forwardRef(function Weekdays(props, ref) {
+    var locale = useI18nContext().locale;
+    var formatterLocale = getFormatterLocale(locale);
+    var startDayOfWeek = getStartDayOfWeek(formatterLocale);
+    return (React.createElement(StyledWeekRow, __assign({ ref: ref, "aria-hidden": "true" }, props), range(startDayOfWeek, startDayOfWeek + 7).map(function (day) { return (React.createElement(StyledDayHeaderCell, { key: "day-".concat(day) }, getDayOfWeekLabel(day, formatterLocale))); })));
+});
+export var Select = React.forwardRef(function Select(_a, ref) {
+    var children = _a.children, label = _a.label, onSelect = _a.onSelect, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.selected, selected = _c === void 0 ? '' : _c, props = __rest(_a, ["children", "label", "onSelect", "options", "selected"]);
+    return (React.createElement(StyledSelect, null,
+        React.createElement(SelectBase, __assign({}, props, { block: true, label: label, onSelect: function (selection) {
+                onSelect(selection.item);
+            }, optionsRef: ref, tabIndex: 0 }), options.map(function (_a) {
+            var value = _a.value, label = _a.label;
+            return (React.createElement(SelectBase.Option, { value: value, selected: value === selected, key: value }, label));
+        }))));
+});
+export var Calendar_ = React.forwardRef(function Calendar(_a, ref) {
+    var dueDateTime = _a.dueDateTime, displayDate_ = _a.displayDate, _b = _a.disabledDate, disabledDate = _b === void 0 ? returnFalse : _b, monthRef = _a.monthRef, _c = _a.onNavigate, onNavigate = _c === void 0 ? noop : _c, _d = _a.onSelect, onSelect = _d === void 0 ? noop : _d, selectedEnd = _a.selectedEnd, selectedStart = _a.selectedStart, yearRef = _a.yearRef, props = __rest(_a, ["dueDateTime", "displayDate", "disabledDate", "monthRef", "onNavigate", "onSelect", "selectedEnd", "selectedStart", "yearRef"]);
+    var locale = useI18nContext().locale;
+    var formatterLocale = getFormatterLocale(locale);
+    var _e = useDateTime(), newDate = _e.newDate, shiftUtcToZonedTime = _e.shiftUtcToZonedTime;
+    var monthSelectRef = monthRef || React.createRef();
+    var yearSelectRef = yearRef || React.createRef();
+    var displayDate = shiftUtcToZonedTime(displayDate_) || newDate();
+    return (React.createElement(Container, __assign({}, props, { ref: ref }),
+        React.createElement(Navigation, null,
+            React.createElement(Prev, { onClick: function () { return onNavigate(subMonths(displayDate, 1)); } }),
+            React.createElement(Select, { options: getMonthOptions(formatterLocale), label: getMonthLabel(getMonth(displayDate), formatterLocale), onSelect: function (value) {
+                    onNavigate(updateMonth(displayDate, value));
+                }, selected: getMonth(displayDate), ref: monthSelectRef }),
+            React.createElement(Select, { options: getYearOptions(displayDate), label: String(getYear(displayDate)).padStart(4, '0'), onSelect: function (value) {
+                    onNavigate(updateYear(displayDate, value));
+                }, selected: getYear(displayDate), ref: yearSelectRef }),
+            React.createElement(Next, { onClick: function () { return onNavigate(addMonths(displayDate, 1)); } })),
+        React.createElement(Body, { dueDateTime: dueDateTime, 
+            // intentionally pass unshifted value. next component's responsibility to manage
+            displayDate: displayDate_, disabledDate: disabledDate, onSelect: onSelect, selectedEnd: selectedEnd, selectedStart: selectedStart })));
+});
+Calendar_.displayName = 'Calendar';
+Body.displayName = 'Calendar.Body';
+Container.displayName = 'Calendar.Container';
+Day.displayName = 'Calendar.Day';
+Navigation.displayName = 'Calendar.Navigation';
+Next.displayName = 'Calendar.Next';
+Prev.displayName = 'Calendar.Prev';
+Select.displayName = 'Calendar.Select';
+Week.displayName = 'Calendar.Week';
+Weekdays.displayName = 'Calendar.Weekdays';
+export var Calendar = addSubcomponents({
+    Body: Body,
+    Container: Container,
+    Day: Day,
+    Navigation: Navigation,
+    Next: Next,
+    Prev: Prev,
+    Select: Select,
+    Week: Week,
+    Weekdays: Weekdays,
+}, Calendar_);
+//# sourceMappingURL=Calendar.js.map

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

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

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

@@ -0,0 +1,15 @@
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPaginator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledSelect: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCell: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDayHeaderCell: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDayCell: import("styled-components").StyledComponent<"div", any, {
+    $disabled: boolean;
+    $selected: boolean;
+    $isCurrentMonth: boolean;
+    $isToday: boolean;
+    $isRangeStart: boolean;
+    $isRangeEnd: boolean;
+}, never>;
+export declare const StyledWeekRow: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,32 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { borderRadius } from '../../styles/borderRadius';
+import { colors } from '../../styles/colors';
+import { spacing } from '../../styles/spacing';
+import Button from '../Button';
+import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+var cellSize = 36; // TODO one-off size
+export var StyledContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n\n  display: inline-flex;\n  flex-direction: column;\n  padding: ", "px ", "px ", "px;\n"], ["\n  ", ";\n\n  display: inline-flex;\n  flex-direction: column;\n  padding: ", "px ", "px ", "px;\n"])), getTypographyIntent('small'), spacing.lg, spacing.md, spacing.md);
+export var StyledPaginator = styled(Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 0 0 auto;\n"], ["\n  flex: 0 0 auto;\n"])));
+export var StyledSelect = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-flex;\n  flex: 1 1 0;\n  margin-left: ", "px;\n\n  // TODO hack to ensure labels don't get cut off in narrow selects\n  > div {\n    font-size: 12px;\n  }\n"], ["\n  display: inline-flex;\n  flex: 1 1 0;\n  margin-left: ", "px;\n\n  // TODO hack to ensure labels don't get cut off in narrow selects\n  > div {\n    font-size: 12px;\n  }\n"])), spacing.sm);
+export var StyledNavigation = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: inline-flex;\n  margin-bottom: ", "px;\n\n  ", " + ", ", ", " + ", " {\n    margin-left: ", "px;\n  }\n"], ["\n  display: inline-flex;\n  margin-bottom: ", "px;\n\n  ", " + ", ", ", " + ", " {\n    margin-left: ", "px;\n  }\n"])), spacing.sm, StyledPaginator, StyledSelect, StyledSelect, StyledPaginator, spacing.sm);
+export var StyledCell = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-items: center;\n  display: inline-flex;\n  height: ", "px;\n  justify-content: center;\n  width: ", "px;\n"], ["\n  align-items: center;\n  display: inline-flex;\n  height: ", "px;\n  justify-content: center;\n  width: ", "px;\n"])), cellSize, cellSize);
+export var StyledDayHeaderCell = styled(StyledCell)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  cursor: default;\n  font-weight: ", ";\n"], ["\n  cursor: default;\n  font-weight: ", ";\n"])), typographyWeights.semibold);
+export var StyledDayCell = styled(StyledCell)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var _b = _a.$disabled, $disabled = _b === void 0 ? false : _b, _c = _a.$selected, $selected = _c === void 0 ? false : _c, _d = _a.$isCurrentMonth, $isCurrentMonth = _d === void 0 ? true : _d, _e = _a.$isToday, $isToday = _e === void 0 ? false : _e, _f = _a.$isRangeStart, $isRangeStart = _f === void 0 ? false : _f, _g = _a.$isRangeEnd, $isRangeEnd = _g === void 0 ? false : _g;
+    if ($disabled) {
+        return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        background-color: ", ";\n        color: ", ";\n        font-weight: ", ";\n        pointer-events: none;\n      "], ["\n        background-color: ", ";\n        color: ", ";\n        font-weight: ", ";\n        pointer-events: none;\n      "])), colors.gray94, $isCurrentMonth ? colors.gray45 : colors.gray70, $isToday && typographyWeights.bold);
+    }
+    else if ($selected) {
+        return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        background-color: ", ";\n        border-top-left-radius: ", "px;\n        border-bottom-left-radius: ", "px;\n        border-top-right-radius: ", "px;\n        border-bottom-right-radius: ", "px;\n        color: ", ";\n        font-weight: ", ";\n        cursor: pointer;\n      "], ["\n        background-color: ", ";\n        border-top-left-radius: ", "px;\n        border-bottom-left-radius: ", "px;\n        border-top-right-radius: ", "px;\n        border-bottom-right-radius: ", "px;\n        color: ", ";\n        font-weight: ", ";\n        cursor: pointer;\n      "])), $isRangeStart || $isRangeEnd
+            ? colors.blue40
+            : colors.blue50, $isRangeStart ? borderRadius.md : 0, $isRangeStart ? borderRadius.md : 0, $isRangeEnd ? borderRadius.md : 0, $isRangeEnd ? borderRadius.md : 0, colors.white, typographyWeights.semibold);
+    }
+    return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      color: ", ";\n      cursor: pointer;\n      font-weight: ", ";\n\n      &:hover {\n        background-color: ", ";\n        border-radius: ", "px;\n      }\n    "], ["\n      color: ", ";\n      cursor: pointer;\n      font-weight: ", ";\n\n      &:hover {\n        background-color: ", ";\n        border-radius: ", "px;\n      }\n    "])), !$isCurrentMonth && colors.gray45, $isToday && typographyWeights.bold, colors.blue96, borderRadius.md);
+});
+export var StyledWeekRow = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: inline-flex;\n  padding-bottom: 2px; // TODO one-off size\n  user-select: none;\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n\n  ", " {\n    &:first-child {\n      border-top-left-radius: ", "px;\n      border-bottom-left-radius: ", "px;\n    }\n\n    &:last-child {\n      border-top-right-radius: ", "px;\n      border-bottom-right-radius: ", "px;\n    }\n  }\n"], ["\n  display: inline-flex;\n  padding-bottom: 2px; // TODO one-off size\n  user-select: none;\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n\n  ", " {\n    &:first-child {\n      border-top-left-radius: ", "px;\n      border-bottom-left-radius: ", "px;\n    }\n\n    &:last-child {\n      border-top-right-radius: ", "px;\n      border-bottom-right-radius: ", "px;\n    }\n  }\n"])), StyledCell, borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+//# sourceMappingURL=Calendar.styles.js.map

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

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

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

@@ -0,0 +1,153 @@
+import { Props } from '../../utils/types';
+import { BoxProps } from '../../layouts/Box';
+export interface CalendarProps extends BodyProps {
+    /**
+     * Click handler for navigating the calendar, with arrows or selects.
+     */
+    onNavigate?: (date: Date) => void;
+}
+export interface BodyProps extends Props {
+    /**
+     * Controls the month displayed on the calendar, can be different from selected.
+     * @default new Date()
+     * @since 10.19.0
+     */
+    displayDate?: Date;
+    /**
+     * @param {Date} date - start of a day in the year
+     * @param {Date} today - start of today in the context of the time zone
+     * @returns {Boolean}
+     * Provide a function to disable dates.
+     * @since 10.19.0
+     */
+    disabledDate?: (date: Date, today: Date) => boolean;
+    /**
+     * Provide a function to disable dates. Must return a boolean.
+     * @since 10.19.0
+     */
+    monthRef?: React.Ref<HTMLDivElement>;
+    /**
+     * Click handler for selecting a day.
+     * @since 10.19.0
+     */
+    onSelect?: (day: Date) => void;
+    /**
+     * End of the highlight of a day range
+     * @since 10.19.0
+     */
+    selectedEnd?: Date;
+    /**
+     * Start of the highlight of a day range
+     * @since 10.19.0
+     */
+    selectedStart?: Date;
+    yearRef?: React.Ref<HTMLDivElement>;
+}
+export interface DayProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isCurrentMonth?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isRangeEnd?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isRangeStart?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isToday?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * @since 10.19.0
+     */
+    selected?: boolean;
+}
+export interface DayProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isCurrentMonth?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isRangeEnd?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isRangeStart?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    isToday?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * @since 10.19.0
+     */
+    selected?: boolean;
+}
+export interface SelectProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    block?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    label: string;
+    /**
+     * @since 10.19.0
+     */
+    onSelect: (selection: number) => any;
+    /**
+     * Expects an array of objects with the following shape
+     * @since 10.19.0
+     */
+    options?: SelectOption[];
+    /**
+     * Identifier of the selected value
+     * @since 10.19.0
+     */
+    selected?: number;
+}
+export interface NextPrevProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    onClick: () => void;
+}
+export interface SelectOption {
+    /**
+     * @since 10.19.0
+     */
+    label: string;
+    /**
+     * @since 10.19.0
+     */
+    value: number;
+}
+export interface CalendarContainerProps extends Props {
+}
+export interface NavigationProps extends Omit<BoxProps, 'as'> {
+}
+export interface WeekdaysProps extends Props {
+}
+export interface WeekProps extends Props {
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { DivAttributes } from '../../utils/types';
+import { CardProps } from './Card.types';
+/**
+
+ We use cards to display information that is grouped together.
+ Cards may contain rich media, text, buttons, and other functionality.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-card--demo)
+
+ @see [Design Guidelines](https://design.procore.com/card)
+
+ */
+export declare const Card: React.ForwardRefExoticComponent<DivAttributes & CardProps & React.RefAttributes<HTMLDivElement>>;