draft-components 1.0.0-beta.1 → 1.0.0-beta.10

package/dist/components/checkbox/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./checkbox"), exports);

package/dist/components/color-picker/color-picker-button.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorPickerButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-function ColorPickerButton({ style, className, label, name, color, value, checked, onChangeValue, }) {
-    const customProperties = {
-        '--dc-color-picker-btn-color': color,
-    };
-    return ((0, jsx_runtime_1.jsxs)("label", { style: { ...customProperties, ...style }, className: (0, react_helpers_1.classNames)(className, {
-            'dc-color-picker__btn': true,
-            'dc-color-picker__btn_checked': checked,
-        }), children: [(0, jsx_runtime_1.jsx)("input", { type: "radio", name: name, value: value, checked: checked, onChange: () => onChangeValue(value) }), label] }));
-}
-exports.ColorPickerButton = ColorPickerButton;

package/dist/components/color-picker/color-picker.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorPicker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-const color_picker_button_1 = require("./color-picker-button");
-function ColorPicker({ className, name, options, value, disabled, onChangeValue, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("fieldset", { ...props, disabled: disabled, className: (0, react_helpers_1.classNames)(className, {
-            'dc-color-picker': true,
-            'dc-color-picker_disabled': disabled,
-        }), children: options.map((option) => ((0, jsx_runtime_1.jsx)(color_picker_button_1.ColorPickerButton, { name: name, label: option.label, color: option.color, value: option.value, checked: option.value === value, onChangeValue: onChangeValue }, option.value))) }));
-}
-exports.ColorPicker = ColorPicker;

package/dist/components/color-picker/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./color-picker"), exports);

package/dist/components/date-picker/calendar-grid-head.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarGridHead = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const date_helpers_1 = require("./date-helpers");
-function CalendarGridHead({ locale, weekStartsOn, }) {
-    const columns = [];
-    const monday = (0, date_helpers_1.getStartOfWeek)(new Date(), weekStartsOn);
-    for (let weekday = 0; weekday < date_helpers_1.DAYS_IN_WEEK; weekday += 1) {
-        const date = (0, date_helpers_1.addDays)(monday, weekday);
-        columns.push((0, jsx_runtime_1.jsx)("th", { role: "columnheader", abbr: date.toLocaleDateString(locale, { weekday: 'long' }), children: date.toLocaleDateString(locale, { weekday: 'short' }) }, weekday));
-    }
-    return ((0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsx)("tr", { role: "row", children: columns }) }));
-}
-exports.CalendarGridHead = CalendarGridHead;

package/dist/components/date-picker/calendar-grid.js

@@ -1,105 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarGrid = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const keyboard_keys_1 = require("../../shared/keyboard-keys");
-const date_helpers_1 = require("./date-helpers");
-const calendar_grid_head_1 = require("./calendar-grid-head");
-const calendar_day_1 = require("./calendar-day");
-function CalendarGrid({ focusDay, minDate, maxDate, locale, weekStartsOn, getDayProps, onHoverDay, onFocusDay, onSelectDay, onChangeFocusDay, }) {
-    const today = new Date();
-    const monthStart = (0, date_helpers_1.getStartOfMonth)(focusDay);
-    const monthEnd = (0, date_helpers_1.getEndOfMonth)(focusDay);
-    const startDate = (0, date_helpers_1.getStartOfWeek)(monthStart, weekStartsOn);
-    const endDate = (0, date_helpers_1.getEndOfWeek)(monthEnd, weekStartsOn);
-    const ariaLabel = monthStart.toLocaleDateString(locale, {
-        year: 'numeric',
-        month: 'long',
-    });
-    const rows = [];
-    let date = startDate;
-    let week = 0;
-    while (date <= endDate) {
-        const columns = [];
-        const endOfWeek = (0, date_helpers_1.getEndOfWeek)(date, weekStartsOn);
-        while (date <= endOfWeek) {
-            const dateISO = (0, date_helpers_1.toDateISO)(date);
-            const inDisplayedMonth = date >= monthStart && date <= monthEnd;
-            let calendarDay = null;
-            if (inDisplayedMonth) {
-                calendarDay = (0, jsx_runtime_1.jsx)(calendar_day_1.CalendarDay, { ...getDayProps === null || getDayProps === void 0 ? void 0 : getDayProps(date), date: date, dateISO: dateISO, locale: locale, isToday: (0, date_helpers_1.isSameDay)(date, today), isWeekend: (0, date_helpers_1.isWeekend)(date), isFocusable: (0, date_helpers_1.isSameDay)(date, focusDay), isDisabled: (minDate != null && date < minDate) ||
-                        (maxDate != null && date > maxDate), onClick: handleSelectDay(date), onMouseEnter: handleHoverDay(date) });
-            }
-            columns.push((0, jsx_runtime_1.jsx)("td", { role: "gridcell", children: calendarDay }, dateISO));
-            date = (0, date_helpers_1.addDays)(date, 1);
-        }
-        rows.push((0, jsx_runtime_1.jsx)("tr", { role: "row", children: columns }, `week-${week}`));
-        week += 1;
-    }
-    function handleSelectDay(date) {
-        return () => {
-            onChangeFocusDay(date);
-            onSelectDay(date);
-        };
-    }
-    function handleHoverDay(date) {
-        return () => {
-            onHoverDay === null || onHoverDay === void 0 ? void 0 : onHoverDay(date);
-        };
-    }
-    function handleKeydown(event) {
-        let newFocusDay = null;
-        if (event.code === keyboard_keys_1.KeyboardKeys.ArrowRight) {
-            newFocusDay = (0, date_helpers_1.addDays)(focusDay, 1);
-        }
-        else if (event.key === keyboard_keys_1.KeyboardKeys.ArrowLeft) {
-            newFocusDay = (0, date_helpers_1.addDays)(focusDay, -1);
-        }
-        else if (event.key === keyboard_keys_1.KeyboardKeys.ArrowDown) {
-            newFocusDay = (0, date_helpers_1.addDays)(focusDay, date_helpers_1.DAYS_IN_WEEK);
-        }
-        else if (event.key === keyboard_keys_1.KeyboardKeys.ArrowUp) {
-            newFocusDay = (0, date_helpers_1.addDays)(focusDay, -date_helpers_1.DAYS_IN_WEEK);
-        }
-        else if (event.key === keyboard_keys_1.KeyboardKeys.Home) {
-            newFocusDay = (0, date_helpers_1.getStartOfWeek)(focusDay, weekStartsOn);
-        }
-        else if (event.key === keyboard_keys_1.KeyboardKeys.End) {
-            newFocusDay = (0, date_helpers_1.getEndOfWeek)(focusDay, weekStartsOn);
-        }
-        else if (event.key === keyboard_keys_1.KeyboardKeys.PageDown) {
-            newFocusDay = event.shiftKey
-                ? (0, date_helpers_1.addYears)(focusDay, 1)
-                : (0, date_helpers_1.addMonths)(focusDay, 1);
-        }
-        else if (event.key === keyboard_keys_1.KeyboardKeys.PageUp) {
-            newFocusDay = event.shiftKey
-                ? (0, date_helpers_1.addYears)(focusDay, -1)
-                : (0, date_helpers_1.addMonths)(focusDay, -1);
-        }
-        if (newFocusDay) {
-            event.stopPropagation();
-            event.preventDefault();
-            if (minDate != null && newFocusDay < minDate) {
-                newFocusDay = minDate;
-            }
-            if (maxDate != null && newFocusDay > maxDate) {
-                newFocusDay = maxDate;
-            }
-            onChangeFocusDay(newFocusDay);
-            const gridElement = event.currentTarget;
-            const dayISO = (0, date_helpers_1.toDateISO)(newFocusDay);
-            setTimeout(() => {
-                const dayElement = gridElement.querySelector(`[data-date="${dayISO}"]`);
-                if (dayElement instanceof HTMLButtonElement) {
-                    dayElement.focus();
-                    if (newFocusDay) {
-                        onFocusDay === null || onFocusDay === void 0 ? void 0 : onFocusDay(newFocusDay);
-                    }
-                }
-            }, 0);
-        }
-    }
-    return ((0, jsx_runtime_1.jsxs)("table", { className: "dc-calendar__grid", role: "grid", "aria-label": ariaLabel, children: [(0, jsx_runtime_1.jsx)(calendar_grid_head_1.CalendarGridHead, { locale: locale, weekStartsOn: weekStartsOn }), (0, jsx_runtime_1.jsx)("tbody", { onKeyDown: handleKeydown, children: rows })] }));
-}
-exports.CalendarGrid = CalendarGrid;

package/dist/components/date-picker/calendar-header.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const date_helpers_1 = require("./date-helpers");
-const react_helpers_1 = require("../../shared/react-helpers");
-const react_1 = require("react");
-const button_1 = require("../button");
-const select_1 = require("../select");
-const text_input_1 = require("../text-input");
-const icons_1 = require("./icons");
-function CalendarHeader({ focusDay, onChangeFocusDay, className, locale, nextMonthButtonLabel = 'next month', prevMonthButtonLabel = 'previous month', monthSelectLabel = 'month', yearInputLabel = 'year', }) {
-    const selectedYear = focusDay.getFullYear();
-    const selectedMonth = focusDay.getMonth();
-    const [year, setYear] = (0, react_1.useState)(formatYear(selectedYear));
-    (0, react_1.useEffect)(() => {
-        setYear((prevYear) => (parseYear(prevYear) !== selectedYear
-            ? formatYear(selectedYear)
-            : prevYear));
-    }, [selectedYear]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, react_helpers_1.classNames)('dc-calendar__header', className), children: [(0, jsx_runtime_1.jsx)(button_1.IconButton, { className: "dc-calendar-prev-month", size: "sm", "aria-label": prevMonthButtonLabel, icon: (0, jsx_runtime_1.jsx)(icons_1.ChevronLeftIcon, { width: 14, height: 14 }), onClick: () => onChangeFocusDay((0, date_helpers_1.addMonths)(focusDay, -1)) }), (0, jsx_runtime_1.jsx)(select_1.Select, { className: "dc-calendar-month-select", "aria-label": monthSelectLabel, size: "sm", name: "month", value: selectedMonth, onChange: (event) => {
-                    const month = Number(event.target.value);
-                    onChangeFocusDay((0, date_helpers_1.setDateMonth)(focusDay, month));
-                }, children: generateMonthOptions(locale) }), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, { className: "dc-calendar-year-input", "aria-label": yearInputLabel, width: "4ch", size: "sm", value: year, maxLength: 4, onBlur: () => setYear(formatYear(year)), onChangeValue: (value) => {
-                    if (value.match(/^\d*$/)) {
-                        setYear(value);
-                        onChangeFocusDay((0, date_helpers_1.setDateYear)(focusDay, parseYear(value)));
-                    }
-                } }), (0, jsx_runtime_1.jsx)(button_1.IconButton, { className: "dc-calendar-next-month", "aria-label": nextMonthButtonLabel, icon: (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { width: 14, height: 14 }), onClick: () => onChangeFocusDay((0, date_helpers_1.addMonths)(focusDay, 1)) })] }));
-}
-exports.CalendarHeader = CalendarHeader;
-function generateMonthOptions(locale = 'en') {
-    const options = [];
-    const date = new Date();
-    for (let month = 0; month < date_helpers_1.MONTHS_IN_YEAR; month += 1) {
-        date.setMonth(month);
-        options.push((0, jsx_runtime_1.jsx)("option", { value: month, children: date.toLocaleDateString(locale, { month: 'long' }) }, month));
-    }
-    return options;
-}
-function formatYear(year) {
-    return String(year).padStart(4, '0');
-}
-function parseYear(year) {
-    return Number(year);
-}

package/dist/components/date-picker/calendar.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Calendar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_helpers_1 = require("../../shared/react-helpers");
-const date_helpers_1 = require("./date-helpers");
-const calendar_header_1 = require("./calendar-header");
-const calendar_grid_1 = require("./calendar-grid");
-function Calendar({ className, defaultFocusDay, minDate, maxDate, locale, weekStartsOn, nextMonthButtonLabel, prevMonthButtonLabel, getDayProps, onHoverDay, onFocusDay, onSelectDay, }) {
-    const [focusDay, setFocusDay] = (0, react_1.useState)(() => {
-        const focusDate = (0, date_helpers_1.getStartOfDay)(defaultFocusDay !== null && defaultFocusDay !== void 0 ? defaultFocusDay : new Date());
-        if (minDate && focusDate < minDate) {
-            return minDate;
-        }
-        if (maxDate && focusDate > maxDate) {
-            return maxDate;
-        }
-        return focusDate;
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, react_helpers_1.classNames)('dc-calendar', className), children: [(0, jsx_runtime_1.jsx)(calendar_header_1.CalendarHeader, { focusDay: focusDay, onChangeFocusDay: setFocusDay, locale: locale, nextMonthButtonLabel: nextMonthButtonLabel, prevMonthButtonLabel: prevMonthButtonLabel }), (0, jsx_runtime_1.jsx)(calendar_grid_1.CalendarGrid, { focusDay: focusDay, minDate: minDate, maxDate: maxDate, locale: locale, weekStartsOn: weekStartsOn, getDayProps: getDayProps, onHoverDay: onHoverDay, onFocusDay: onFocusDay, onSelectDay: onSelectDay, onChangeFocusDay: setFocusDay })] }));
-}
-exports.Calendar = Calendar;

package/dist/components/date-picker/date-picker.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePicker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const date_helpers_1 = require("./date-helpers");
-const react_helpers_1 = require("../../shared/react-helpers");
-const parse_min_max_props_1 = require("./parse-min-max-props");
-const calendar_1 = require("./calendar");
-function DatePicker({ value, onChangeValue, weekStartsOn = 1, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }) {
-    const { minDate, maxDate } = (0, parse_min_max_props_1.parseMinMaxProps)({ min, max });
-    const selectedDay = value && (0, date_helpers_1.isValidDateISO)(value)
-        ? (0, date_helpers_1.parseDateISO)(value)
-        : null;
-    const getDayProps = (date) => ({
-        isSelected: selectedDay != null && (0, date_helpers_1.isSameDay)(selectedDay, date),
-    });
-    return ((0, jsx_runtime_1.jsx)("div", { ...props, className: (0, react_helpers_1.classNames)('dc-datepicker', className), children: (0, jsx_runtime_1.jsx)(calendar_1.Calendar, { defaultFocusDay: selectedDay, minDate: minDate, maxDate: maxDate, locale: locale, weekStartsOn: weekStartsOn, prevMonthButtonLabel: prevMonthButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, monthSelectLabel: monthSelectLabel, yearInputLabel: yearInputLabel, getDayProps: getDayProps, onSelectDay: (date) => onChangeValue((0, date_helpers_1.toDateISO)(date)) }) }));
-}
-exports.DatePicker = DatePicker;

package/dist/components/date-picker/date-range-picker.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePicker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const date_range_1 = require("./date-range");
-const date_helpers_1 = require("./date-helpers");
-const react_1 = require("react");
-const calendar_1 = require("./calendar");
-const parse_min_max_props_1 = require("./parse-min-max-props");
-const react_helpers_1 = require("../../shared/react-helpers");
-function DateRangePicker({ value, onChangeValue, weekStartsOn = 1, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }) {
-    const { minDate, maxDate } = (0, parse_min_max_props_1.parseMinMaxProps)({ min, max });
-    const selectedRange = parseValue(value);
-    const [start, setStart] = (0, react_1.useState)(null);
-    const [end, setEnd] = (0, react_1.useState)(null);
-    const getCalendarDayProps = (date) => {
-        let isSelected = false;
-        let inRange = false;
-        let isRangeStart = false;
-        let isRangeEnd = false;
-        if (start) {
-            const range = start && end
-                ? date_range_1.DateRange.create(start, end)
-                : date_range_1.DateRange.create(start, start);
-            isRangeStart = (0, date_helpers_1.isSameDay)(range.start, date);
-            isRangeEnd = (0, date_helpers_1.isSameDay)(range.end, date);
-            inRange = range.contains(date);
-            isSelected = (0, date_helpers_1.isSameDay)(start, date);
-        }
-        else if (selectedRange) {
-            isRangeStart = (0, date_helpers_1.isSameDay)(selectedRange.start, date);
-            isRangeEnd = (0, date_helpers_1.isSameDay)(selectedRange.end, date);
-            inRange = selectedRange.contains(date);
-            isSelected = isRangeStart || isRangeEnd;
-        }
-        return { isSelected, inRange, isRangeStart, isRangeEnd };
-    };
-    const updateRange = (date) => {
-        if (start) {
-            setEnd(date);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { ...props, className: (0, react_helpers_1.classNames)('dc-datepicker', className), children: (0, jsx_runtime_1.jsx)(calendar_1.Calendar, { defaultFocusDay: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.start, minDate: minDate, maxDate: maxDate, locale: locale, weekStartsOn: weekStartsOn, prevMonthButtonLabel: prevMonthButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, monthSelectLabel: monthSelectLabel, yearInputLabel: yearInputLabel, getDayProps: getCalendarDayProps, onHoverDay: updateRange, onFocusDay: updateRange, onSelectDay: (date) => {
-                if (!start) {
-                    setStart(date);
-                }
-                else {
-                    setStart(null);
-                    setEnd(null);
-                    onChangeValue(date_range_1.DateRange.create(start, date).toDateISORange());
-                }
-            } }) }));
-}
-exports.DateRangePicker = DateRangePicker;
-function parseValue(value) {
-    if (value && (0, date_helpers_1.isValidDateISO)(value.start) && (0, date_helpers_1.isValidDateISO)(value.end)) {
-        return date_range_1.DateRange.create((0, date_helpers_1.parseDateISO)(value.start), (0, date_helpers_1.parseDateISO)(value.end));
-    }
-    return null;
-}

package/dist/components/date-picker/date-range.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRange = void 0;
-const date_helpers_1 = require("./date-helpers");
-class DateRange {
-    constructor(start, end) {
-        if (start > end) {
-            [start, end] = [end, start];
-        }
-        this.start = start;
-        this.end = end;
-    }
-    static create(start, end) {
-        return new DateRange(start, end);
-    }
-    contains(date) {
-        return (((0, date_helpers_1.isSameDay)(date, this.start) || date > this.start) &&
-            ((0, date_helpers_1.isSameDay)(date, this.end) || date < this.end));
-    }
-    toDateISORange() {
-        return {
-            start: (0, date_helpers_1.toDateISO)(this.start),
-            end: (0, date_helpers_1.toDateISO)(this.end),
-        };
-    }
-}
-exports.DateRange = DateRange;

package/dist/components/date-picker/icons.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChevronRightIcon = exports.ChevronLeftIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function ChevronLeftIcon(props) {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5L8.25 12l7.5-7.5" }) }));
-}
-exports.ChevronLeftIcon = ChevronLeftIcon;
-function ChevronRightIcon(props) {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" }) }));
-}
-exports.ChevronRightIcon = ChevronRightIcon;

package/dist/components/date-picker/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./date-picker"), exports);
-__exportStar(require("./date-range-picker"), exports);

package/dist/components/date-picker-popover/date-picker-popover.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePickerPopover = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-const react_1 = require("react");
-const popover_1 = require("../popover");
-const date_picker_1 = require("../date-picker");
-function DatePickerPopover({ defaultIsOpen = false, footer, className, children, value, onChangeValue, 
-// DatePickerProps
-min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }) {
-    const popoverRef = (0, react_1.useRef)(null);
-    const handleChangeValue = (value) => {
-        var _a;
-        onChangeValue(value);
-        (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.close();
-    };
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { ref: popoverRef, className: (0, react_helpers_1.classNames)('dc-date-picker-popover', className), defaultIsOpen: defaultIsOpen, anchor: children, children: [(0, jsx_runtime_1.jsx)(date_picker_1.DatePicker, { min: min, max: max, locale: locale, weekStartsOn: weekStartsOn, prevMonthButtonLabel: prevMonthButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, monthSelectLabel: monthSelectLabel, yearInputLabel: yearInputLabel, value: value, onChangeValue: handleChangeValue }), footer] }));
-}
-exports.DatePickerPopover = DatePickerPopover;

package/dist/components/date-picker-popover/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./date-picker-popover"), exports);

package/dist/components/date-range-picker-popover/date-range-picker-popover-footer.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePickerPopoverFooter = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("../button");
-function DateRangePickerPopoverFooter({ children, cancelButtonLabel, confirmButtonLabel, onClickCancelButton, onClickConfirmButton, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "dc-date-range-picker-popover__footer", children: [Boolean(children) && ((0, jsx_runtime_1.jsx)("div", { className: "dc-date-range-picker-popover__footer-content", children: children })), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "dc-date-range-picker-popover__footer-cancel", variant: "tinted", onClick: onClickCancelButton, children: cancelButtonLabel }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "dc-date-range-picker-popover__footer-confirm", appearance: "primary", onClick: onClickConfirmButton, children: confirmButtonLabel })] }));
-}
-exports.DateRangePickerPopoverFooter = DateRangePickerPopoverFooter;

package/dist/components/date-range-picker-popover/date-range-picker-popover-presets.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePickerPopoverPresets = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const helpers_1 = require("./helpers");
-const select_1 = require("../select");
-const radio_1 = require("../radio");
-const selection_control_1 = require("../selection-control");
-function DateRangePickerPopoverPresets({ isCompactView, customPresetLabel, options, value, onChangeValue, }) {
-    const id = (0, react_1.useId)();
-    const name = `${id}-date-preset`;
-    const selectedOption = (0, helpers_1.findSelectedOption)(value, options);
-    const selectedPreset = selectedOption ? selectedOption.preset : '';
-    function handleChange(event) {
-        const value = event.target.value;
-        const option = options.find((option) => option.preset === value);
-        if (option) {
-            onChangeValue({
-                preset: option.preset,
-                range: option.range,
-            });
-        }
-    }
-    if (isCompactView) {
-        return ((0, jsx_runtime_1.jsx)("div", { className: "dc-date-range-picker-popover__presets", children: (0, jsx_runtime_1.jsxs)(select_1.Select, { size: "md", isBlock: true, value: selectedPreset, onChange: handleChange, children: [(0, jsx_runtime_1.jsx)("option", { value: "", disabled: true, children: customPresetLabel }), options.map((option) => ((0, jsx_runtime_1.jsx)("option", { value: option.preset, children: option.label }, option.preset)))] }) }));
-    }
-    return ((0, jsx_runtime_1.jsx)("ul", { className: "dc-date-range-picker-popover__presets", children: options.map((option) => {
-            const preset = option.preset;
-            const id = `${name}-${preset}`;
-            return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(selection_control_1.SelectionControl, { label: option.label, labelFor: id, children: (0, jsx_runtime_1.jsx)(radio_1.Radio, { icon: "check", id: id, name: name, value: preset, checked: preset === selectedPreset, onChange: handleChange }) }) }, option.preset));
-        }) }));
-}
-exports.DateRangePickerPopoverPresets = DateRangePickerPopoverPresets;

package/dist/components/date-range-picker-popover/date-range-picker-popover.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePickerPopover = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-const util_1 = require("../../shared/util");
-const helpers_1 = require("./helpers");
-const react_1 = require("react");
-const use_is_compact_view_1 = require("./use-is-compact-view");
-const popover_1 = require("../popover");
-const date_picker_1 = require("../date-picker");
-const date_range_picker_popover_footer_1 = require("./date-range-picker-popover-footer");
-const date_range_picker_popover_presets_1 = require("./date-range-picker-popover-presets");
-function DateRangePickerPopover({ defaultIsOpen = false, compactViewBreakpoint = '(max-width: 599px)', customPreset = 'custom', customPresetLabel = 'Custom date preset', placement = 'bottom', alignment = 'start', cancelButtonLabel = 'Cancel', confirmButtonLabel = 'Confirm', footer = null, className, options = [], children, value, onChangeValue, 
-// DateRangePickerProps
-min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }) {
-    const [selection, setSelection] = (0, react_1.useState)(value);
-    const popoverRef = (0, react_1.useRef)(null);
-    const isCompactView = (0, use_is_compact_view_1.useIsCompactView)(compactViewBreakpoint);
-    function getPopover() {
-        const popover = popoverRef.current;
-        (0, util_1.assertIfNullable)(popover, 'Popover ref was not set');
-        return popover;
-    }
-    function handleClickCancelButton() {
-        getPopover().close();
-    }
-    function handleClickConfirmButton() {
-        if (selection) {
-            onChangeValue(selection);
-        }
-        getPopover().close();
-    }
-    function handleChangeDateRange(range) {
-        const selection = { range, preset: customPreset };
-        const selectedOption = (0, helpers_1.findSelectedOption)(selection, options);
-        if (selectedOption) {
-            setSelection({
-                preset: selectedOption.preset,
-                range: selectedOption.range,
-            });
-        }
-        else {
-            setSelection(selection);
-        }
-    }
-    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { className: (0, react_helpers_1.classNames)(className, {
-            'dc-date-range-picker-popover': true,
-            'dc-date-range-picker-popover_compact': isCompactView,
-        }), ref: popoverRef, placement: placement, alignment: alignment, anchor: children, defaultIsOpen: defaultIsOpen, onOpen: () => setSelection(value), children: [options.length > 0 && ((0, jsx_runtime_1.jsx)(date_range_picker_popover_presets_1.DateRangePickerPopoverPresets, { isCompactView: isCompactView, customPresetLabel: customPresetLabel, options: options, value: selection, onChangeValue: setSelection })), (0, jsx_runtime_1.jsx)(date_picker_1.DateRangePicker, { className: "dc-date-range-picker-popover__calendar", min: min, max: max, locale: locale, weekStartsOn: weekStartsOn, prevMonthButtonLabel: prevMonthButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, monthSelectLabel: monthSelectLabel, yearInputLabel: yearInputLabel, value: selection && selection.range, onChangeValue: handleChangeDateRange }), (0, jsx_runtime_1.jsx)(date_range_picker_popover_footer_1.DateRangePickerPopoverFooter, { cancelButtonLabel: cancelButtonLabel, confirmButtonLabel: confirmButtonLabel, onClickCancelButton: handleClickCancelButton, onClickConfirmButton: handleClickConfirmButton, children: typeof footer === 'function'
-                    ? footer({ selection })
-                    : footer })] }));
-}
-exports.DateRangePickerPopover = DateRangePickerPopover;

package/dist/components/date-range-picker-popover/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./types"), exports);
-__exportStar(require("./date-range-picker-popover"), exports);

package/dist/components/date-range-picker-popover/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/dialog/dialog-footer.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogFooter = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-function DialogFooter({ className, children, }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, react_helpers_1.classNames)('dc-dialog-footer', className), children: children }));
-}
-exports.DialogFooter = DialogFooter;

package/dist/components/dialog/dialog-header.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_helpers_1 = require("../../shared/react-helpers");
-const dialog_context_1 = require("./dialog-context");
-const button_1 = require("../button");
-const x_mark_icon_1 = require("./x-mark-icon");
-function DialogHeader({ heading, subheading, className, children, }) {
-    const { titleId, descriptionId, onClose, } = (0, dialog_context_1.useDialogContext)();
-    const shouldRenderHeading = Boolean(heading);
-    const shouldRenderDescription = Boolean(subheading);
-    const shouldRenderChildren = Boolean(children);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, react_helpers_1.classNames)(className, 'dc-dialog-header'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "dc-dialog-header__title-bar", children: [shouldRenderHeading && ((0, jsx_runtime_1.jsx)("h2", { id: titleId, className: "dc-dialog-header__heading", children: heading })), (0, jsx_runtime_1.jsx)(button_1.IconButton, { icon: (0, jsx_runtime_1.jsx)(x_mark_icon_1.XMarkIcon, { width: 18, height: 18, strokeWidth: 2 }), variant: "plain", className: "dc-dialog-header__close-btn", onClick: () => onClose() })] }), shouldRenderDescription && ((0, jsx_runtime_1.jsx)("div", { id: descriptionId, className: "dc-dialog-header__subheading", children: subheading })), shouldRenderChildren && ((0, jsx_runtime_1.jsx)("div", { className: "dc-dialog-header__body", children: children }))] }));
-}
-exports.DialogHeader = DialogHeader;