@oneuptime/common 12.0.7 → 12.0.8

package/build/dist/UI/Components/Date/CustomTimeRangeModal.js

@@ -0,0 +1,126 @@
+import React, { useId, useState } from "react";
+import InBetween from "../../../Types/BaseDatabase/InBetween";
+import OneUptimeDate from "../../../Types/Date";
+import IconProp from "../../../Types/Icon/IconProp";
+import Icon from "../Icon/Icon";
+import Input, { InputType } from "../Input/Input";
+import Modal, { ModalWidth } from "../Modal/Modal";
+/*
+ * Shortcuts that fill both ends of the form at once, anchored to now. They are
+ * a starting point for a hand-tuned window — picking one does not apply the
+ * range, so the user can still nudge either end before hitting Apply.
+ */
+export const QUICK_FILL_OPTIONS = [
+    { label: "Last 1 hour", minutes: 60 },
+    { label: "Last 6 hours", minutes: 60 * 6 },
+    { label: "Last 12 hours", minutes: 60 * 12 },
+    { label: "Last 24 hours", minutes: 60 * 24 },
+    { label: "Last 7 days", minutes: 60 * 24 * 7 },
+    { label: "Last 30 days", minutes: 60 * 24 * 30 },
+];
+/*
+ * Kept pure and exported so the rules the Apply button is gated on can be
+ * checked directly, and so callers share one definition of "valid window".
+ */
+export function getCustomTimeRangeError(startDate, endDate) {
+    if (!startDate) {
+        return "Pick a start date and time.";
+    }
+    if (!endDate) {
+        return "Pick an end date and time.";
+    }
+    if (!OneUptimeDate.isAfter(endDate, startDate)) {
+        return "The end must be after the start. Adjust either end of the range.";
+    }
+    return "";
+}
+const CustomTimeRangeModal = (props) => {
+    var _a, _b;
+    const [startDate, setStartDate] = useState(((_a = props.initialValue) === null || _a === void 0 ? void 0 : _a.startValue) || null);
+    const [endDate, setEndDate] = useState(((_b = props.initialValue) === null || _b === void 0 ? void 0 : _b.endValue) || null);
+    // Two pickers can sit on one page, so the field ids cannot be constants.
+    const startFieldId = useId();
+    const endFieldId = useId();
+    const error = getCustomTimeRangeError(startDate, endDate);
+    const isValid = error === "";
+    const durationText = isValid
+        ? OneUptimeDate.secondsToFormattedFriendlyTimeString(OneUptimeDate.getDifferenceInSeconds(endDate, startDate)).trim()
+        : "";
+    const formatDateTime = (date) => {
+        return OneUptimeDate.getDateAsUserFriendlyLocalFormattedString(date, false, true);
+    };
+    const onQuickFill = (minutes) => {
+        const end = OneUptimeDate.resetSecondsAndMilliseconds(OneUptimeDate.getCurrentDate());
+        setStartDate(OneUptimeDate.addRemoveMinutes(end, -minutes));
+        setEndDate(end);
+    };
+    /*
+     * `Input` reports a cleared date field as an empty string. Anything else is
+     * an ISO string the field has already resolved in the user's timezone.
+     */
+    const toDate = (changedValue) => {
+        if (!changedValue) {
+            return null;
+        }
+        return OneUptimeDate.fromString(changedValue);
+    };
+    const isQuickFillActive = (minutes) => {
+        if (!startDate || !endDate) {
+            return false;
+        }
+        return OneUptimeDate.getDifferenceInMinutes(startDate, endDate) === minutes;
+    };
+    return (React.createElement(Modal, { title: props.title || "Custom Time Range", description: props.description ||
+            "Choose the exact start and end date & time of the data you want to see.", modalWidth: ModalWidth.Medium, submitButtonText: "Apply", closeButtonText: "Cancel", disableSubmitButton: !isValid, onClose: props.onClose, onSubmit: () => {
+            if (!isValid) {
+                return;
+            }
+            props.onSave(new InBetween(startDate, endDate));
+        } },
+        React.createElement("div", { "data-testid": "custom-time-range-modal", className: "space-y-5" },
+            React.createElement("div", null,
+                React.createElement("div", { className: "text-xs font-semibold uppercase tracking-wide text-gray-400" }, "Quick fill"),
+                React.createElement("div", { className: "mt-2 flex flex-wrap gap-2" }, QUICK_FILL_OPTIONS.map((option) => {
+                    const isActive = isQuickFillActive(option.minutes);
+                    return (React.createElement("button", { key: option.label, type: "button", "aria-pressed": isActive, onClick: () => {
+                            onQuickFill(option.minutes);
+                        }, className: `rounded-full border px-3 py-1 text-xs font-medium transition-colors ${isActive
+                            ? "border-indigo-200 bg-indigo-50 text-indigo-700"
+                            : "border-gray-200 bg-white text-gray-600 hover:border-gray-300 hover:bg-gray-50"}` }, option.label));
+                }))),
+            React.createElement("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2" },
+                React.createElement("div", { className: "rounded-lg border border-gray-200 bg-gray-50/60 p-3" },
+                    React.createElement("label", { htmlFor: startFieldId, className: "flex items-center gap-1.5 text-sm font-medium text-gray-900" },
+                        React.createElement(Icon, { icon: IconProp.Calendar, className: "h-4 w-4 text-gray-400" }),
+                        "From"),
+                    React.createElement(Input, { id: startFieldId, dataTestId: "custom-time-range-start", type: InputType.DATETIME_LOCAL, showSecondsForDateTime: true, placeholder: "Start date & time", value: startDate || "", onChange: (changedValue) => {
+                            setStartDate(toDate(changedValue));
+                        } })),
+                React.createElement("div", { className: "rounded-lg border border-gray-200 bg-gray-50/60 p-3" },
+                    React.createElement("label", { htmlFor: endFieldId, className: "flex items-center gap-1.5 text-sm font-medium text-gray-900" },
+                        React.createElement(Icon, { icon: IconProp.Calendar, className: "h-4 w-4 text-gray-400" }),
+                        "To"),
+                    React.createElement(Input, { id: endFieldId, dataTestId: "custom-time-range-end", type: InputType.DATETIME_LOCAL, showSecondsForDateTime: true, placeholder: "End date & time", value: endDate || "", onChange: (changedValue) => {
+                            setEndDate(toDate(changedValue));
+                        } }))),
+            isValid ? (React.createElement("div", { "data-testid": "custom-time-range-summary", className: "rounded-lg border border-gray-200 bg-white p-3" },
+                React.createElement("div", { className: "flex items-center justify-between text-sm" },
+                    React.createElement("span", { className: "text-gray-500" }, "From"),
+                    React.createElement("span", { className: "font-medium text-gray-900" }, formatDateTime(startDate))),
+                React.createElement("div", { className: "mt-2 flex items-center justify-between text-sm" },
+                    React.createElement("span", { className: "text-gray-500" }, "To"),
+                    React.createElement("span", { className: "font-medium text-gray-900" }, formatDateTime(endDate))),
+                React.createElement("div", { className: "mt-2 flex items-center justify-between border-t border-gray-100 pt-2 text-sm" },
+                    React.createElement("span", { className: "flex items-center gap-1.5 text-gray-500" },
+                        React.createElement(Icon, { icon: IconProp.Clock, className: "h-3.5 w-3.5" }),
+                        "Duration"),
+                    React.createElement("span", { className: "font-medium text-gray-900" }, durationText)))) : (React.createElement("div", { "data-testid": "custom-time-range-error", role: "alert", className: "flex items-start gap-2 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700" },
+                React.createElement(Icon, { icon: IconProp.ErrorSolid, className: "mt-0.5 h-4 w-4 shrink-0 text-red-500" }),
+                React.createElement("span", null, error))),
+            React.createElement("div", { className: "text-xs text-gray-400" },
+                "Times are shown in ",
+                OneUptimeDate.getCurrentTimezoneString(),
+                "."))));
+};
+export default CustomTimeRangeModal;
+//# sourceMappingURL=CustomTimeRangeModal.js.map

package/build/dist/UI/Components/Date/CustomTimeRangeModal.js.map

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

package/build/dist/UI/Components/Date/TimeRangePickerDropdown.js

@@ -0,0 +1,123 @@
+import React, { useCallback, useEffect, useRef, useState, } from "react";
+import IconProp from "../../../Types/Icon/IconProp";
+import { RangeStartAndEndDateTimeUtil, } from "../../../Types/Time/RangeStartAndEndDateTime";
+import TimeRange from "../../../Types/Time/TimeRange";
+import { getDropdownAlignmentClassName, useDropdownHorizontalAlignment, } from "../../Utils/DropdownAlignment";
+import Icon from "../Icon/Icon";
+import CustomTimeRangeModal from "./CustomTimeRangeModal";
+export const CUSTOM_RANGE_OPTION_LABEL = "Custom Range...";
+// Preset options to show in the dropdown, ordered shortest window first.
+export const TIME_RANGE_PRESET_OPTIONS = [
+    { range: TimeRange.PAST_FIVE_MINS, label: "Past 5 Minutes" },
+    { range: TimeRange.PAST_FIFTEEN_MINS, label: "Past 15 Minutes" },
+    { range: TimeRange.PAST_THIRTY_MINS, label: "Past 30 Minutes" },
+    { range: TimeRange.PAST_ONE_HOUR, label: "Past 1 Hour" },
+    { range: TimeRange.PAST_TWO_HOURS, label: "Past 2 Hours" },
+    { range: TimeRange.PAST_THREE_HOURS, label: "Past 3 Hours" },
+    { range: TimeRange.PAST_ONE_DAY, label: "Past 1 Day" },
+    { range: TimeRange.PAST_TWO_DAYS, label: "Past 2 Days" },
+    { range: TimeRange.PAST_ONE_WEEK, label: "Past 1 Week" },
+    { range: TimeRange.PAST_TWO_WEEKS, label: "Past 2 Weeks" },
+    { range: TimeRange.PAST_ONE_MONTH, label: "Past 1 Month" },
+    { range: TimeRange.PAST_THREE_MONTHS, label: "Past 3 Months" },
+];
+function formatDateShort(date) {
+    const month = date.toLocaleString("en-US", { month: "short" });
+    const day = date.getDate();
+    const hours = date.getHours().toString().padStart(2, "0");
+    const minutes = date.getMinutes().toString().padStart(2, "0");
+    return `${month} ${day}, ${hours}:${minutes}`;
+}
+export function getTimeRangeButtonLabel(value) {
+    if (value.range === TimeRange.CUSTOM && value.startAndEndDate) {
+        const start = formatDateShort(value.startAndEndDate.startValue);
+        const end = formatDateShort(value.startAndEndDate.endValue);
+        return `${start} – ${end}`;
+    }
+    const preset = TIME_RANGE_PRESET_OPTIONS.find((opt) => {
+        return opt.range === value.range;
+    });
+    return preset ? preset.label : value.range;
+}
+const TimeRangePickerDropdown = (props) => {
+    const [isOpen, setIsOpen] = useState(false);
+    /*
+     * The custom window is edited in a modal rather than inline in this panel.
+     * Two `datetime-local` fields never fitted the 288px dropdown, and the native
+     * calendar those fields open renders outside this container — so the
+     * click-outside handler below tore the panel down the moment a date was
+     * clicked, which is what made "Custom Range..." look broken.
+     */
+    const [customSeedValue, setCustomSeedValue] = useState(null);
+    const containerRef = useRef(null);
+    const buttonRef = useRef(null);
+    const dropdownRef = useRef(null);
+    const alignment = useDropdownHorizontalAlignment({
+        isOpen: isOpen,
+        anchorRef: buttonRef,
+        dropdownRef: dropdownRef,
+        dropdownWidthInPx: props.dropdownWidthInPx,
+    });
+    // Close on click outside
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            if (containerRef.current &&
+                !containerRef.current.contains(e.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, []);
+    const handlePresetSelect = useCallback((range) => {
+        props.onChange({ range });
+        setIsOpen(false);
+    }, [props]);
+    const openCustomModal = useCallback(() => {
+        /*
+         * Seed the editor with the window currently on screen — the custom range
+         * if one is already applied, otherwise the absolute bounds of the selected
+         * preset, so the user edits what they are looking at.
+         */
+        setCustomSeedValue(props.value.range === TimeRange.CUSTOM && props.value.startAndEndDate
+            ? props.value.startAndEndDate
+            : RangeStartAndEndDateTimeUtil.getStartAndEndDate(props.value));
+        setIsOpen(false);
+    }, [props.value]);
+    const buttonLabel = getTimeRangeButtonLabel(props.value);
+    return (React.createElement("div", { ref: containerRef, className: "relative" },
+        React.createElement("button", { ref: buttonRef, type: "button", "data-testid": `${props.dataTestIdPrefix}-button`, "aria-haspopup": "true", "aria-expanded": isOpen, className: `inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium shadow-sm transition-colors ${isOpen
+                ? "border-indigo-300 bg-indigo-50 text-indigo-700"
+                : "border-gray-200 bg-white text-gray-700 hover:border-gray-300 hover:bg-gray-50"}`, onClick: () => {
+                setIsOpen(!isOpen);
+            } },
+            React.createElement(Icon, { icon: IconProp.Clock, className: "h-3.5 w-3.5" }),
+            React.createElement("span", null, buttonLabel),
+            React.createElement(Icon, { icon: IconProp.ChevronDown, className: `h-3 w-3 transition-transform ${isOpen ? "rotate-180" : ""}` })),
+        isOpen && (React.createElement("div", { ref: dropdownRef, "data-testid": `${props.dataTestIdPrefix}-dropdown`, "data-align": alignment, className: `absolute ${getDropdownAlignmentClassName(alignment)} top-full z-50 mt-1 w-72 max-w-[calc(100vw-1rem)] rounded-lg border border-gray-200 bg-white shadow-lg` },
+            React.createElement("div", { className: "max-h-64 overflow-y-auto py-1" },
+                TIME_RANGE_PRESET_OPTIONS.map((option) => {
+                    const isActive = props.value.range === option.range;
+                    return (React.createElement("button", { key: option.range, type: "button", className: `flex w-full items-center px-3 py-1.5 text-left text-sm transition-colors ${isActive
+                            ? "bg-indigo-50 font-medium text-indigo-700"
+                            : "text-gray-700 hover:bg-gray-50"}`, onClick: () => {
+                            handlePresetSelect(option.range);
+                        } }, option.label));
+                }),
+                React.createElement("button", { type: "button", "data-testid": `${props.dataTestIdPrefix}-custom-option`, className: `flex w-full items-center px-3 py-1.5 text-left text-sm transition-colors ${props.value.range === TimeRange.CUSTOM
+                        ? "bg-indigo-50 font-medium text-indigo-700"
+                        : "text-gray-700 hover:bg-gray-50"}`, onClick: openCustomModal }, CUSTOM_RANGE_OPTION_LABEL)))),
+        customSeedValue && (React.createElement(CustomTimeRangeModal, { initialValue: customSeedValue, onClose: () => {
+                setCustomSeedValue(null);
+            }, onSave: (startAndEndDate) => {
+                setCustomSeedValue(null);
+                props.onChange({
+                    range: TimeRange.CUSTOM,
+                    startAndEndDate: startAndEndDate,
+                });
+            } }))));
+};
+export default TimeRangePickerDropdown;
+//# sourceMappingURL=TimeRangePickerDropdown.js.map

package/build/dist/UI/Components/Date/TimeRangePickerDropdown.js.map

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

package/build/dist/UI/Components/Dictionary/Dictionary.js

@@ -91,6 +91,15 @@ const DictionaryForm = (props) => {
              * numeric/boolean inputs always represent equality.
              */
             if (item.type === ValueType.Number) {
+                /*
+                 * An empty number box is a row the user is still filling in, not a
+                 * filter for "". Leaving the key out of the result keeps it out of the
+                 * query until an actual number is typed — which is what the value
+                 * input used to achieve by deleting the row outright.
+                 */
+                if (typeof item.value !== "number" || isNaN(item.value)) {
+                    return;
+                }
                 result[item.key] = item.value;
                 return;
             }
@@ -279,12 +288,19 @@ const DictionaryForm = (props) => {
                             } })),
                         !hideValueInput && item.type === ValueType.Number && (React.createElement(Input, { value: item.value.toString(), placeholder: props.valuePlaceholder, onChange: (value) => {
                                 const newData = [...data];
-                                if (typeof value === "string" && value.length > 0) {
-                                    newData[index].value = parseInt(value);
-                                }
-                                else {
-                                    delete newData[index];
-                                }
+                                const parsedValue = parseInt(value);
+                                /*
+                                 * Emptying the box empties this row's value — it does not
+                                 * remove the row. `delete` on an array leaves a hole, so
+                                 * clearing the number silently threw away the filter the
+                                 * user was in the middle of writing, and the next
+                                 * `[...data]` materialised that hole as `undefined` and
+                                 * crashed the whole form on the following render.
+                                 */
+                                newData[index].value =
+                                    value.length > 0 && !isNaN(parsedValue)
+                                        ? parsedValue
+                                        : "";
                                 setData(newData);
                                 onDataChange(newData);
                             }, type: InputType.NUMBER })),

package/build/dist/UI/Components/Dictionary/Dictionary.js.map

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

package/build/dist/UI/Components/Forms/Fields/ColorPicker.js

@@ -4,7 +4,7 @@ import Icon from "../../Icon/Icon";
 import Input, { InputType } from "../../Input/Input";
 import Color from "../../../../Types/Color";
 import IconProp from "../../../../Types/Icon/IconProp";
-import React, { useEffect, useState, } from "react";
+import React, { useEffect, useId, useState, } from "react";
 import { createPortal } from "react-dom";
 import { ChromePicker } from "react-color";
 // ChromePicker renders at a fixed intrinsic width.
@@ -13,10 +13,13 @@ const COLOR_PICKER_POPUP_MAX_HEIGHT_PX = 320;
 const ColorPicker = (props) => {
     var _a;
     const [color, setColor] = useState("");
-    const { anchorRef, popupRef, isPopupOpen, popupPosition, portalTarget, togglePopup, } = useAnchoredFieldPopup({
+    const { anchorRef, popupRef, isPopupOpen, popupId, popupPosition, portalTarget, onTriggerKeyDown, togglePopup, } = useAnchoredFieldPopup({
         popupMaxHeight: COLOR_PICKER_POPUP_MAX_HEIGHT_PX,
         popupWidth: COLOR_PICKER_POPUP_WIDTH_PX,
     });
+    const isInteractive = !props.readOnly && !props.disabled;
+    const generatedId = useId();
+    const errorId = `${generatedId}-color-picker-error`;
     const [isInitialValuesInitialized, setIsInitialValuesInitialized] = useState(false);
     useEffect(() => {
         if (props.initialValue && !isInitialValuesInitialized) {
@@ -34,27 +37,47 @@ const ColorPicker = (props) => {
     return (React.createElement("div", null,
         React.createElement("div", { ref: anchorRef, className: "flex block w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-3 text-sm placeholder-gray-500 focus:border-indigo-500 focus:text-gray-900 focus:placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm" },
             React.createElement("div", { onClick: () => {
-                    if (!props.readOnly) {
+                    if (isInteractive) {
                         togglePopup();
                     }
-                }, className: "rounded h-5 w-5 border border-gray-200 cursor-pointer", style: { backgroundColor: color.toString() } }),
+                }, "aria-hidden": "true", className: "rounded h-5 w-5 border border-gray-200 cursor-pointer", style: { backgroundColor: color.toString() } }),
             React.createElement(Input, { onClick: () => {
-                    if (!props.readOnly) {
+                    if (isInteractive) {
                         togglePopup();
                     }
-                }, disabled: props.disabled, dataTestId: props.dataTestId, onBlur: props.onBlur, onEnterPress: props.onEnterPress, className: "border-none focus:outline-none w-full pl-2 text-gray-500 cursor-pointer", outerDivClassName: 'className="border-none focus:outline-none w-full pl-2 text-gray-500 cursor-pointer"', placeholder: props.placeholder, value: color || props.value, readOnly: true, type: InputType.TEXT, tabIndex: props.tabIndex, ariaLabelledby: props.ariaLabelledby, onChange: (value) => {
+                }, 
+                /*
+                 * The field is a trigger, not a text box: it is readOnly and its only
+                 * job is to open the picker. Without this a keyboard user cannot
+                 * reach the picker at all, which on a required colour - the Create
+                 * Label form - means they cannot submit the form either.
+                 */
+                onKeyDown: isInteractive ? onTriggerKeyDown : undefined, ariaHasPopup: "dialog", ariaExpanded: isPopupOpen, ariaControls: isPopupOpen ? popupId : undefined, 
+                /*
+                 * The message below belongs to the whole control rather than to this
+                 * input, so it has to be pointed at explicitly - otherwise "Label
+                 * Color is required." is on screen and nowhere in the accessibility
+                 * tree, and a screen reader user is told only that the form failed.
+                 */
+                ariaDescribedby: props.error ? errorId : undefined, ariaInvalid: Boolean(props.error), disabled: props.disabled, dataTestId: props.dataTestId, onBlur: props.onBlur, onEnterPress: props.onEnterPress, className: "border-none focus:outline-none w-full pl-2 text-gray-500 cursor-pointer", outerDivClassName: 'className="border-none focus:outline-none w-full pl-2 text-gray-500 cursor-pointer"', placeholder: props.placeholder, value: color || props.value, readOnly: true, type: InputType.TEXT, tabIndex: props.tabIndex, ariaLabelledby: props.ariaLabelledby, onChange: (value) => {
                     if (!value) {
                         return handleChange("");
                     }
                 }, onFocus: props.onFocus || undefined }),
-            color && !props.disabled && (React.createElement(Icon, { icon: IconProp.Close, className: "text-gray-400 h-5 w-5 cursor-pointer hover:text-gray-600", onClick: () => {
+            color && !props.disabled && (
+            /*
+             * A button, not a bare svg with a click handler: undoing a choice has
+             * to be reachable by the same keyboard that made it.
+             */
+            React.createElement("button", { type: "button", "aria-label": "Clear color", title: "Clear color", className: "flex items-center text-gray-400 hover:text-gray-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 rounded", onClick: () => {
                     setColor("");
                     if (props.onChange) {
                         props.onChange(null);
                     }
-                } }))),
+                } },
+                React.createElement(Icon, { icon: IconProp.Close, className: "h-5 w-5 cursor-pointer" })))),
         isPopupOpen && portalTarget
-            ? createPortal(React.createElement("div", { ref: popupRef, "data-testid": "color-picker-popup", tabIndex: -1, className: "fixed overflow-auto rounded-md shadow-lg", style: {
+            ? createPortal(React.createElement("div", { ref: popupRef, "data-testid": "color-picker-popup", id: popupId, role: "dialog", "aria-label": "Color picker", tabIndex: -1, className: "fixed overflow-auto rounded-md shadow-lg", style: {
                     bottom: popupPosition === null || popupPosition === void 0 ? void 0 : popupPosition.bottom,
                     left: (_a = popupPosition === null || popupPosition === void 0 ? void 0 : popupPosition.left) !== null && _a !== void 0 ? _a : 0,
                     maxHeight: popupPosition === null || popupPosition === void 0 ? void 0 : popupPosition.maxHeight,
@@ -62,13 +85,29 @@ const ColorPicker = (props) => {
                     visibility: popupPosition ? "visible" : "hidden",
                     zIndex: DROPDOWN_MENU_Z_INDEX,
                 } },
-                React.createElement(ChromePicker, { color: color, onChange: (color) => {
-                        setColor(color.hex);
-                    }, onChangeComplete: (color) => {
+                React.createElement(ChromePicker, { color: color, 
+                    /*
+                     * The field stores a bare hex, so an alpha channel it cannot
+                     * represent is worse than no alpha at all: react-color reports
+                     * a fully transparent colour as the literal "transparent",
+                     * which sails through Color (it validates nothing) and is then
+                     * rejected on save as longer than the ten characters the column
+                     * holds - for a colour the user can see in the swatch.
+                     */
+                    disableAlpha: true, 
+                    /*
+                     * One callback, not two. The swatch used to be painted from
+                     * onChange and the form fed from onChangeComplete, which
+                     * react-color debounces by 100ms — so for that window the field
+                     * showed a colour the form did not hold yet. The value always
+                     * arrived in the end, but there is no reason for the two to
+                     * disagree at all.
+                     */
+                    onChange: (color) => {
                         return handleChange(color.hex);
                     } })), portalTarget)
             : null,
-        props.error && (React.createElement("p", { "data-testid": "error-message", className: "mt-1 text-sm text-red-400" }, props.error))));
+        props.error && (React.createElement("p", { id: errorId, role: "alert", "data-testid": "error-message", className: "mt-1 text-sm text-red-400" }, props.error))));
 };
 export default ColorPicker;
 //# sourceMappingURL=ColorPicker.js.map

package/build/dist/UI/Components/Forms/Fields/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../../../UI/Components/Forms/Fields/ColorPicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../../../UI/Components/Forms/Fields/ColorPicker.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Forms/Fields/IconPicker.js

@@ -3,7 +3,7 @@ import DROPDOWN_MENU_Z_INDEX from "../../Dropdown/DropdownMenuZIndex";
 import Icon from "../../Icon/Icon";
 import Input, { InputType } from "../../Input/Input";
 import IconProp from "../../../../Types/Icon/IconProp";
-import React, { useEffect, useState, } from "react";
+import React, { useEffect, useId, useState, } from "react";
 import { createPortal } from "react-dom";
 const ICON_PICKER_POPUP_WIDTH_PX = 320;
 const ICON_PICKER_POPUP_MAX_HEIGHT_PX = 400;
@@ -11,10 +11,13 @@ const IconPicker = (props) => {
     var _a, _b;
     const [selectedIcon, setSelectedIcon] = useState(null);
     const [searchQuery, setSearchQuery] = useState("");
-    const { anchorRef, popupRef, isPopupOpen, popupPosition, portalTarget, closePopup, togglePopup, } = useAnchoredFieldPopup({
+    const { anchorRef, popupRef, isPopupOpen, popupId, popupPosition, portalTarget, closePopup, onTriggerKeyDown, togglePopup, } = useAnchoredFieldPopup({
         popupMaxHeight: ICON_PICKER_POPUP_MAX_HEIGHT_PX,
         popupWidth: ICON_PICKER_POPUP_WIDTH_PX,
     });
+    const isInteractive = !props.readOnly && !props.disabled;
+    const generatedId = useId();
+    const errorId = `${generatedId}-icon-picker-error`;
     const [isInitialValuesInitialized, setIsInitialValuesInitialized] = useState(false);
     useEffect(() => {
         if (props.initialValue && !isInitialValuesInitialized) {
@@ -36,21 +39,28 @@ const IconPicker = (props) => {
     return (React.createElement("div", null,
         React.createElement("div", { ref: anchorRef, className: "flex block w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-3 text-sm placeholder-gray-500 focus:border-indigo-500 focus:text-gray-900 focus:placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm" },
             React.createElement("div", { onClick: () => {
-                    if (!props.readOnly && !props.disabled) {
+                    if (isInteractive) {
                         togglePopup();
                     }
-                }, className: "flex items-center justify-center h-5 w-5 cursor-pointer" }, selectedIcon ? (React.createElement(Icon, { icon: selectedIcon, className: "h-5 w-5 text-gray-600" })) : (React.createElement("div", { className: "h-5 w-5 border border-dashed border-gray-300 rounded" }))),
+                }, "aria-hidden": "true", className: "flex items-center justify-center h-5 w-5 cursor-pointer" }, selectedIcon ? (React.createElement(Icon, { icon: selectedIcon, className: "h-5 w-5 text-gray-600" })) : (React.createElement("div", { className: "h-5 w-5 border border-dashed border-gray-300 rounded" }))),
             React.createElement(Input, { onClick: () => {
-                    if (!props.readOnly && !props.disabled) {
+                    if (isInteractive) {
                         togglePopup();
                     }
-                }, disabled: props.disabled, dataTestId: props.dataTestId, onBlur: props.onBlur, onEnterPress: props.onEnterPress, className: "border-none focus:outline-none w-full pl-2 text-gray-500 cursor-pointer", outerDivClassName: 'className="border-none focus:outline-none w-full pl-2 text-gray-500 cursor-pointer"', placeholder: props.placeholder, value: selectedIcon || props.value || "", readOnly: true, type: InputType.TEXT, tabIndex: props.tabIndex, ariaLabelledby: props.ariaLabelledby, onChange: () => { }, onFocus: props.onFocus || undefined }),
-            selectedIcon && !props.disabled && (React.createElement(Icon, { icon: IconProp.Close, className: "text-gray-400 h-5 w-5 cursor-pointer hover:text-gray-600", onClick: () => {
+                }, 
+                // The field is a trigger, not a text box - see ColorPicker.
+                onKeyDown: isInteractive ? onTriggerKeyDown : undefined, ariaHasPopup: "dialog", ariaExpanded: isPopupOpen, ariaControls: isPopupOpen ? popupId : undefined, 
+                // The message below belongs to the control, not to this input.
+                ariaDescribedby: props.error ? errorId : undefined, ariaInvalid: Boolean(props.error), disabled: props.disabled, dataTestId: props.dataTestId, onBlur: props.onBlur, onEnterPress: props.onEnterPress, className: "border-none focus:outline-none w-full pl-2 text-gray-500 cursor-pointer", outerDivClassName: 'className="border-none focus:outline-none w-full pl-2 text-gray-500 cursor-pointer"', placeholder: props.placeholder, value: selectedIcon || props.value || "", readOnly: true, type: InputType.TEXT, tabIndex: props.tabIndex, ariaLabelledby: props.ariaLabelledby, onChange: () => { }, onFocus: props.onFocus || undefined }),
+            selectedIcon && !props.disabled && (
+            // A button, not a bare svg with a click handler - see ColorPicker.
+            React.createElement("button", { type: "button", "aria-label": "Clear icon", title: "Clear icon", className: "flex items-center text-gray-400 hover:text-gray-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 rounded", onClick: () => {
                     setSelectedIcon(null);
                     props.onChange(null);
-                } }))),
+                } },
+                React.createElement(Icon, { icon: IconProp.Close, className: "h-5 w-5 cursor-pointer" })))),
         isPopupOpen && portalTarget
-            ? createPortal(React.createElement("div", { ref: popupRef, "data-testid": "icon-picker-popup", tabIndex: -1, className: "fixed flex flex-col overflow-hidden bg-white border border-gray-200 rounded-lg shadow-lg p-3", style: {
+            ? createPortal(React.createElement("div", { ref: popupRef, "data-testid": "icon-picker-popup", id: popupId, role: "dialog", "aria-label": "Icon picker", tabIndex: -1, className: "fixed flex flex-col overflow-hidden bg-white border border-gray-200 rounded-lg shadow-lg p-3", style: {
                     bottom: popupPosition === null || popupPosition === void 0 ? void 0 : popupPosition.bottom,
                     left: (_a = popupPosition === null || popupPosition === void 0 ? void 0 : popupPosition.left) !== null && _a !== void 0 ? _a : 0,
                     maxHeight: popupPosition === null || popupPosition === void 0 ? void 0 : popupPosition.maxHeight,
@@ -64,16 +74,22 @@ const IconPicker = (props) => {
                             setSearchQuery(value);
                         }, className: "w-full px-3 py-2 border border-gray-300 rounded-md text-sm" })),
                 React.createElement("div", { className: "grid grid-cols-6 gap-2 min-h-0 flex-1 overflow-y-auto" }, filteredIcons.map((icon) => {
-                    return (React.createElement("div", { key: icon, onClick: () => {
+                    /*
+                     * A button rather than a div: the grid is the only way to set
+                     * this field, so every cell has to be reachable by Tab and
+                     * answer to Enter and Space. type="button" keeps it from
+                     * submitting the form the field sits in.
+                     */
+                    return (React.createElement("button", { key: icon, type: "button", onClick: () => {
                             handleChange(icon);
-                        }, className: `flex items-center justify-center p-2 rounded cursor-pointer hover:bg-gray-100 ${selectedIcon === icon
+                        }, "aria-pressed": selectedIcon === icon, "aria-label": icon, className: `flex items-center justify-center p-2 rounded cursor-pointer hover:bg-gray-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 ${selectedIcon === icon
                             ? "bg-indigo-100 ring-2 ring-indigo-500"
                             : ""}`, title: icon },
                         React.createElement(Icon, { icon: icon, className: "h-5 w-5 text-gray-600" })));
                 })),
                 filteredIcons.length === 0 && (React.createElement("div", { className: "text-center text-gray-500 py-4" }, "No icons found"))), portalTarget)
             : null,
-        props.error && (React.createElement("p", { "data-testid": "error-message", className: "mt-1 text-sm text-red-400" }, props.error))));
+        props.error && (React.createElement("p", { id: errorId, role: "alert", "data-testid": "error-message", className: "mt-1 text-sm text-red-400" }, props.error))));
 };
 export default IconPicker;
 //# sourceMappingURL=IconPicker.js.map