@oneuptime/common 14.0.7 → 14.0.9

package/build/dist/UI/Components/Charts/Utils/useHistogramRangeSelection.js

@@ -1,6 +1,17 @@
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
 import { getHistogramSelectionWindow, } from "./HistogramSelection";
-import { DOUBLE_CLICK_DISAMBIGUATION_MS } from "../ChartLibrary/Utils/DoubleClick";
+import { DOUBLE_CLICK_DISAMBIGUATION_MS, useDoubleClickReset, } from "../ChartLibrary/Utils/DoubleClick";
+import { CHART_PRESS_STILLNESS_PX, RANGE_SELECTION_THROTTLED_EVENTS, } from "../ChartLibrary/Utils/UseChartRangeSelection";
+import OneUptimeDate from "../../../../Types/Date";
+/*
+ * How far the pointer may wander from where it was pressed and still be a
+ * pointer that has not moved - the line, area and bar charts' own measure.
+ */
+export const HISTOGRAM_PRESS_STILLNESS_PX = CHART_PRESS_STILLNESS_PX;
+const SELECTABLE_CHART_ROOT_PROPS = {
+    throttledEvents: RANGE_SELECTION_THROTTLED_EVENTS,
+};
+const INERT_CHART_ROOT_PROPS = {};
 function toLabel(state) {
     const label = state === null || state === void 0 ? void 0 : state.activeLabel;
     if (label === undefined || label === null || label === "") {
@@ -8,6 +19,29 @@ function toLabel(state) {
     }
     return String(label);
 }
+function toAxisIndex(state) {
+    const index = state === null || state === void 0 ? void 0 : state.activeTooltipIndex;
+    if (index === undefined || index === null || index === "") {
+        return null;
+    }
+    return String(index);
+}
+/*
+ * Two bars' labels in time order. recharts draws a band's x1 from the left
+ * edge of its bar and x2 to the right edge of its own, so a band in drag
+ * order shaded neither end bar of a right-to-left drag (and nothing at all
+ * across two neighbours). Labels that are not dates keep their order.
+ */
+function inTimeOrder(first, second) {
+    const firstMs = OneUptimeDate.fromString(first).getTime();
+    const secondMs = OneUptimeDate.fromString(second).getTime();
+    if (Number.isFinite(firstMs) &&
+        Number.isFinite(secondMs) &&
+        secondMs < firstMs) {
+        return [second, first];
+    }
+    return [first, second];
+}
 /**
  * Click-or-drag range selection on a time histogram.
  *
@@ -19,18 +53,56 @@ function toLabel(state) {
  *   click waits DOUBLE_CLICK_DISAMBIGUATION_MS and a second press or the
  *   double-click cancels it. An unzoomed chart has no double-click gesture
  *   and zooms at once.
+ * - On a zoomed chart the second press of a double-click is the zoom-out
+ *   and nothing else, and it zooms out even when the browser never sends
+ *   the `dblclick` (see useDoubleClickReset). That is what happens when the
+ *   chart's new bars land during the press, which, right after a zoom, is
+ *   when readers double-click.
+ * - A press becomes a drag only once the POINTER leaves its bar, by more
+ *   than HISTOGRAM_PRESS_STILLNESS_PX. New bars landing under a pointer that
+ *   has not moved are not a drag. A press that stayed put is a click on the
+ *   bar it pressed, even if a hand's drift ended it over the neighbour;
+ *   only when the very spot it pressed shows another bar at the release
+ *   (the same place on the axis, new data) does it zoom nowhere: the bar it
+ *   pressed is no longer on the chart.
+ * - A click waiting to zoom in is dropped if the zoom ends first (Reset
+ *   zoom, the picker, an empty state's double-click): it was a zoom into
+ *   the window the reader has just left.
+ * - Only the main button selects: a right-click opens a context menu.
  *
- * The release is resolved against refs rather than render state. Recharts
- * delivers `mousemove` on the next animation frame but `mousedown` and
- * `mouseup` straight away, so a quick drag is routinely released before its
- * last move has been rendered - or before any move has arrived at all. The
- * bar under the pointer at release time, which recharts hands to the
- * `mouseup` handler, is the most current answer and wins.
+ * The release is resolved against refs rather than render state, from the
+ * bar recharts hands the `mouseup` handler, falling back to the last move.
+ * That bar is the one under the pointer now only if the host spreads
+ * `chartRootProps` onto its chart root (see the field).
+ *
+ * A press renders nothing until the pointer leaves its bar. A render under
+ * a press can take away the node it landed on (a band repainted under the
+ * pointer, say), and a press whose node is gone by the release gets no
+ * click and no dblclick - the second click of a double-click lands on the
+ * band the first one painted.
  */
 const useHistogramRangeSelection = (options) => {
     const [selectionStart, setSelectionStart] = useState(null);
     const [selectionEnd, setSelectionEnd] = useState(null);
     const [isDragging, setIsDragging] = useState(false);
+    // Whether the pointer has left the pressed bar (a drag, not a click).
+    const hasLeftPressedBar = useRef(false);
+    // Where the press in progress went down, when recharts said.
+    const pressClientX = useRef(null);
+    // The place on the axis of the bar it went down on (see toAxisIndex).
+    const pressAxisIndex = useRef(null);
+    /*
+     * Where the pointer was, and the bar recharts named under it, at the
+     * press or at the last move since. recharts works out the bar under the
+     * pointer again only when the pointer moves, so a report at the same
+     * spot that names another bar means new data landed under the press -
+     * however much a hand had drifted before it.
+     */
+    const lastReport = useRef({ clientX: null, label: null });
+    // Whether new data landed under the press in progress (see lastReport).
+    const barsChangedUnderPress = useRef(false);
+    // The page-wide mouseup listener of the press in progress, if any.
+    const releaseListener = useRef(null);
     /*
      * The ref stays the authority on whether a selection is in progress, so a
      * release seen twice (the chart's handler *and* the page-wide listener
@@ -56,6 +128,12 @@ const useHistogramRangeSelection = (options) => {
         setSelectionStart(null);
         setSelectionEnd(null);
     }, []);
+    const stopListeningForRelease = useCallback(() => {
+        if (releaseListener.current) {
+            window.removeEventListener("mouseup", releaseListener.current);
+            releaseListener.current = null;
+        }
+    }, []);
     const cancelPendingClick = useCallback(() => {
         if (pendingClick.current === null) {
             return false;
@@ -67,39 +145,211 @@ const useHistogramRangeSelection = (options) => {
     useEffect(() => {
         return () => {
             cancelPendingClick();
+            stopListeningForRelease();
         };
-    }, [cancelPendingClick]);
-    const onMouseDown = useCallback((state) => {
+    }, [cancelPendingClick, stopListeningForRelease]);
+    /*
+     * The zoom-out, while the chart offers one: the click waiting to zoom in
+     * goes, and so does its band.
+     */
+    const zoomOut = onZoomOut
+        ? () => {
+            cancelPendingClick();
+            clearSelection();
+            onZoomOut();
+        }
+        : undefined;
+    const doubleClickReset = useDoubleClickReset(zoomOut);
+    /*
+     * A click waiting to zoom in was made on a zoomed chart. If the zoom ends
+     * by another way first - Reset zoom, the picker, an empty state's own
+     * double-click - it must not zoom back in a moment after the reader left.
+     * Its band goes too, and so does one a double-click's second press kept
+     * for a zoom-out that is no longer coming; a drag's band stays.
+     */
+    const offersZoomOut = Boolean(onZoomOut);
+    useEffect(() => {
+        if (offersZoomOut) {
+            return;
+        }
+        cancelPendingClick();
+        if (!isSelecting.current) {
+            clearSelection();
+        }
+    }, [offersZoomOut, cancelPendingClick, clearSelection]);
+    /*
+     * Whether the pointer has left the spot the press went down on. Without
+     * positions to go by (a caller that hands no event), it has: any change
+     * of bar counts, as it always did.
+     */
+    const hasPointerMoved = useCallback((event) => {
+        const clientX = event === null || event === void 0 ? void 0 : event.clientX;
+        if (pressClientX.current === null || typeof clientX !== "number") {
+            return true;
+        }
+        return (Math.abs(clientX - pressClientX.current) > HISTOGRAM_PRESS_STILLNESS_PX);
+    }, []);
+    /*
+     * Takes in what recharts reports during the press (a move, the release):
+     * the bar it names at a spot it last named another bar at is new data.
+     * Without positions to go by, nothing is concluded.
+     */
+    const noteReport = useCallback((label, event) => {
+        const clientX = event === null || event === void 0 ? void 0 : event.clientX;
+        if (typeof clientX !== "number") {
+            return;
+        }
+        const previous = lastReport.current;
+        if (previous.clientX === clientX &&
+            previous.label !== null &&
+            label !== null &&
+            label !== previous.label) {
+            barsChangedUnderPress.current = true;
+        }
+        lastReport.current = { clientX: clientX, label: label };
+    }, []);
+    /*
+     * The page-wide release listener is added by a press and calls the
+     * newest onMouseUp, whatever the host re-rendered with meanwhile.
+     */
+    const onMouseUpRef = useRef(() => { });
+    /*
+     * Readers routinely drag past the edge of a 120px-tall chart and let go
+     * outside it, where the chart's own mouseup never fires. Listen on the
+     * page until the press ends; a release over the chart reaches the
+     * chart's handler first, which removes this listener before the page
+     * hears it. The page's release carries no bar, but it does carry where
+     * the pointer is and the click count.
+     */
+    const listenForReleaseOffChart = useCallback(() => {
+        stopListeningForRelease();
+        const finishPressOutsideChart = (event) => {
+            onMouseUpRef.current(null, event);
+        };
+        releaseListener.current = finishPressOutsideChart;
+        window.addEventListener("mouseup", finishPressOutsideChart);
+    }, [stopListeningForRelease]);
+    const onMouseDown = useCallback((state, event) => {
+        /*
+         * The second press of a double-click on a zoomed chart: the zoom-out,
+         * on its release, wherever that is (the page hears a release off the
+         * chart, as for a drag below). The first click must not zoom in; its
+         * band stays until the zoom-out clears it, because this press may
+         * have landed on it and a render now would take that node away.
+         */
+        if (doubleClickReset.onPress(event)) {
+            cancelPendingClick();
+            isSelecting.current = false;
+            listenForReleaseOffChart();
+            return;
+        }
         const label = toLabel(state);
         if (!canSelect || !label) {
             return;
         }
-        // A second press before the first click zoomed replaces it.
+        // Only the main button selects: a right-click opens a context menu.
+        if (event && typeof event.button === "number" && event.button > 0) {
+            return;
+        }
+        /*
+         * A second press before the first click zoomed replaces it. The
+         * band that click painted stays until this press ends: this may be
+         * the second click of a double-click, landing on that band.
+         */
         cancelPendingClick();
         isSelecting.current = true;
+        hasLeftPressedBar.current = false;
         startLabel.current = label;
         endLabel.current = null;
-        setIsDragging(true);
-        setSelectionStart(label);
-        setSelectionEnd(null);
-    }, [canSelect, cancelPendingClick]);
-    const onMouseMove = useCallback((state) => {
+        pressClientX.current =
+            typeof (event === null || event === void 0 ? void 0 : event.clientX) === "number" ? event.clientX : null;
+        pressAxisIndex.current = toAxisIndex(state);
+        lastReport.current = { clientX: pressClientX.current, label: label };
+        barsChangedUnderPress.current = false;
+        listenForReleaseOffChart();
+    }, [canSelect, cancelPendingClick, doubleClickReset, listenForReleaseOffChart]);
+    const onMouseMove = useCallback((state, event) => {
         const label = toLabel(state);
-        if (!isSelecting.current || !label) {
+        const from = startLabel.current;
+        if (!isSelecting.current || !from) {
             return;
         }
+        noteReport(label, event);
+        if (!label) {
+            return;
+        }
+        if (!hasLeftPressedBar.current) {
+            // Still on the pressed bar: a click so far, so paint nothing.
+            if (label === from) {
+                endLabel.current = label;
+                return;
+            }
+            /*
+             * Another bar under a pointer that has not really moved: new bars
+             * landed under the press, or a hand's drift crossed the edge of the
+             * bar it pressed. Not a drag.
+             */
+            if (!hasPointerMoved(event)) {
+                return;
+            }
+        }
         endLabel.current = label;
-        setSelectionEnd(label);
-    }, []);
-    const onMouseUp = useCallback((state) => {
+        hasLeftPressedBar.current = true;
+        const [first, last] = inTimeOrder(from, label);
+        setSelectionStart(first);
+        setSelectionEnd(last);
+        setIsDragging(true);
+    }, [hasPointerMoved, noteReport]);
+    const onMouseUp = useCallback((state, event) => {
         var _a;
+        // The end of a double-click's second press: the zoom-out, nothing else.
+        if (doubleClickReset.onRelease(event)) {
+            stopListeningForRelease();
+            /*
+             * Ended by a later click's release, its own having never come: no
+             * zoom-out follows, so the band the first click painted, kept for
+             * one, goes now.
+             */
+            if (!doubleClickReset.willReset()) {
+                clearSelection();
+            }
+            return;
+        }
         if (!isSelecting.current) {
             return;
         }
         isSelecting.current = false;
+        stopListeningForRelease();
         setIsDragging(false);
         const from = startLabel.current;
-        const to = toLabel(state) || endLabel.current || from;
+        const releaseLabel = toLabel(state);
+        let to = from;
+        noteReport(releaseLabel, event);
+        if (hasLeftPressedBar.current || hasPointerMoved(event)) {
+            // A drag, or a flick released before any of its moves came in.
+            to = releaseLabel || endLabel.current || from;
+        }
+        else if (releaseLabel !== null && releaseLabel !== from) {
+            /*
+             * The pointer stayed put, yet another bar is under it. When a bar
+             * changed under the pointer without it moving (see lastReport), or
+             * the spot on the axis it pressed now holds another bar, the
+             * chart's data changed during the press and the pressed bar is
+             * gone (recharts also clamps a stale spot onto the last bar of
+             * shorter data): not a drag the reader never made, nor a zoom into
+             * a bar that is no longer shown.
+             */
+            const sameSpotOnAxis = pressAxisIndex.current !== null &&
+                toAxisIndex(state) === pressAxisIndex.current;
+            if (barsChangedUnderPress.current || sameSpotOnAxis) {
+                clearSelection();
+                return;
+            }
+        }
+        /*
+         * Otherwise a press that stayed put is a click on the bar it pressed,
+         * even when a hand's drift let it go over the next one.
+         */
         if (!from || !to) {
             clearSelection();
             return;
@@ -128,6 +378,7 @@ const useHistogramRangeSelection = (options) => {
          * to open.
          */
         endLabel.current = to;
+        setSelectionStart(from);
         setSelectionEnd(to);
         pendingClick.current = setTimeout(() => {
             var _a;
@@ -135,31 +386,43 @@ const useHistogramRangeSelection = (options) => {
             clearSelection();
             (_a = onTimeRangeSelectRef.current) === null || _a === void 0 ? void 0 : _a.call(onTimeRangeSelectRef, selected.startTime, selected.endTime);
         }, DOUBLE_CLICK_DISAMBIGUATION_MS);
-    }, [bucketIntervalMs, clearSelection, onZoomOut]);
+    }, [
+        bucketIntervalMs,
+        clearSelection,
+        doubleClickReset,
+        hasPointerMoved,
+        noteReport,
+        onZoomOut,
+        stopListeningForRelease,
+    ]);
+    onMouseUpRef.current = onMouseUp;
     const onDoubleClick = useCallback(() => {
+        // Neither click of a double-click zooms in, whatever else it does.
         if (cancelPendingClick()) {
             clearSelection();
         }
-        onZoomOut === null || onZoomOut === void 0 ? void 0 : onZoomOut();
-    }, [cancelPendingClick, clearSelection, onZoomOut]);
+        doubleClickReset.onDoubleClick();
+    }, [cancelPendingClick, clearSelection, doubleClickReset]);
     /*
-     * Readers routinely drag past the edge of a 120px-tall chart and let go
-     * outside it, where the chart's own mouseup never fires. Without this the
-     * drag would never end: the selection band would stay painted and the
-     * tooltip would stay suppressed until the next click.
+     * A press on a box standing in for the chart. It has no bars to select;
+     * only the second press of a double-click counts, and its release - on
+     * the chart that replaced the box by then, or anywhere on the page -
+     * zooms out as the chart's own would.
      */
-    useEffect(() => {
-        if (!isDragging) {
-            return undefined;
+    const onPlaceholderMouseDown = useCallback((event) => {
+        if (!doubleClickReset.onPress(event)) {
+            return;
         }
-        const finishDragOutsideChart = () => {
-            onMouseUp(null);
-        };
-        window.addEventListener("mouseup", finishDragOutsideChart);
-        return () => {
-            window.removeEventListener("mouseup", finishDragOutsideChart);
+        cancelPendingClick();
+        isSelecting.current = false;
+        listenForReleaseOffChart();
+    }, [cancelPendingClick, doubleClickReset, listenForReleaseOffChart]);
+    const placeholderProps = useMemo(() => {
+        return {
+            onMouseDown: onPlaceholderMouseDown,
+            onDoubleClick: onDoubleClick,
         };
-    }, [isDragging, onMouseUp]);
+    }, [onPlaceholderMouseDown, onDoubleClick]);
     return {
         selectionStart: selectionStart,
         selectionEnd: selectionEnd,
@@ -168,10 +431,14 @@ const useHistogramRangeSelection = (options) => {
             typeof bucketIntervalMs === "number" &&
             Number.isFinite(bucketIntervalMs) &&
             bucketIntervalMs > 0,
+        chartRootProps: canSelect
+            ? SELECTABLE_CHART_ROOT_PROPS
+            : INERT_CHART_ROOT_PROPS,
         onMouseDown: onMouseDown,
         onMouseMove: onMouseMove,
         onMouseUp: onMouseUp,
         onDoubleClick: onDoubleClick,
+        placeholderProps: placeholderProps,
     };
 };
 export default useHistogramRangeSelection;

package/build/dist/UI/Components/Charts/Utils/useHistogramRangeSelection.js.map

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

package/build/dist/UI/Components/CustomFields/CustomFieldFormFields.js

@@ -0,0 +1,169 @@
+import { translateValidationMessage } from "../Forms/Validation";
+import Color from "../../../Types/Color";
+import { parseCustomFieldDropdownOptions, } from "../../../Types/CustomField/CustomFieldDropdownOption";
+import CustomFieldType from "../../../Types/CustomField/CustomFieldType";
+import { customFieldValueToText } from "../../../Types/CustomField/CustomFieldValueFormat";
+/**
+ * Read a definition row (a model instance or its JSON) into the shape the
+ * builder takes. Null for a row with no name, which no value can be stored
+ * under.
+ */
+export const toCustomFieldFormDefinition = (item) => {
+    if (!item || typeof item !== "object") {
+        return null;
+    }
+    const row = item;
+    const name = row["name"];
+    if (typeof name !== "string" || name.length === 0) {
+        return null;
+    }
+    const sortOrder = row["sortOrder"];
+    return {
+        name: name,
+        description: typeof row["description"] === "string"
+            ? row["description"]
+            : undefined,
+        customFieldType: typeof row["customFieldType"] === "string"
+            ? row["customFieldType"]
+            : undefined,
+        dropdownOptions: typeof row["dropdownOptions"] === "string"
+            ? row["dropdownOptions"]
+            : undefined,
+        sortOrder: typeof sortOrder === "number" && Number.isFinite(sortOrder)
+            ? sortOrder
+            : null,
+        showOnCreate: row["showOnCreate"] === true,
+        isRequiredOnCreate: row["isRequiredOnCreate"] === true,
+        mapFromResourceType: typeof row["mapFromResourceType"] === "string" &&
+            row["mapFromResourceType"]
+            ? row["mapFromResourceType"]
+            : undefined,
+        mapFromCustomFieldName: typeof row["mapFromCustomFieldName"] === "string" &&
+            row["mapFromCustomFieldName"]
+            ? row["mapFromCustomFieldName"]
+            : undefined,
+    };
+};
+/*
+ * The order fields are shown in lives with the types, so the server orders
+ * the fields in subscriber messages the same way; it is re-exported here for
+ * the forms and the Custom Fields card.
+ */
+export { sortCustomFieldDefinitions } from "../../../Types/CustomField/CustomFieldOrder";
+/** A dropdown field's options, with their colors, as the form lists them. */
+export const getCustomFieldDropdownOptions = (serializedOptions) => {
+    return parseCustomFieldDropdownOptions(serializedOptions).map((option) => {
+        const dropdownOption = {
+            label: option.value,
+            value: option.value,
+        };
+        if (option.color) {
+            dropdownOption.color = Color.fromString(option.color);
+        }
+        return dropdownOption;
+    });
+};
+/*
+ * The types whose value is text. A value of theirs can still be a number or
+ * a yes/no: the value check accepts those for them, and a field switched
+ * from Number or Yes/No to one of them keeps the values it had.
+ */
+const TEXT_CUSTOM_FIELD_TYPES = [
+    CustomFieldType.Text,
+    CustomFieldType.LongText,
+    CustomFieldType.Markdown,
+];
+/**
+ * A stored value as Detail is handed it, on the Custom Fields card and a
+ * form's review step: a text field's value as the text it reads as
+ * (customFieldValueToText, as its subscriber messages read it), anything
+ * else as stored. Detail cannot draw a text field's number or yes/no: its
+ * Markdown viewer renders nothing for a value that is not a string, and
+ * React renders nothing for a boolean, so a Rich text field holding 5 or
+ * true looked empty.
+ */
+export const getCustomFieldDisplayValue = (data) => {
+    if (data.value === null ||
+        data.value === undefined ||
+        typeof data.value === "string" ||
+        !data.customFieldType ||
+        !TEXT_CUSTOM_FIELD_TYPES.includes(data.customFieldType)) {
+        return data.value;
+    }
+    return customFieldValueToText(data.value);
+};
+/**
+ * The class Detail gives a field's value: a Long text value keeps its line
+ * breaks, as the type promises (CustomFieldType) and as its email shows it.
+ * Detail has no Long text rendering of its own and would run the lines
+ * together.
+ */
+export const getCustomFieldDetailContentClassName = (customFieldType) => {
+    return customFieldType === CustomFieldType.LongText
+        ? "whitespace-pre-wrap"
+        : undefined;
+};
+/*
+ * What a review step shows for a field left empty. The English text is its
+ * key in the locale files, and the Custom Fields card shows the same.
+ */
+export const CUSTOM_FIELD_NO_VALUE_PLACEHOLDER = "No data entered";
+/*
+ * The error for a required yes/no field left unticked. The English template
+ * is also its key in the locale files, like the form's other validation
+ * messages.
+ */
+export const CUSTOM_FIELD_MUST_BE_CHECKED_MESSAGE = "{{field}} must be checked.";
+const isDropdownType = (customFieldType) => {
+    return (customFieldType === CustomFieldType.Dropdown ||
+        customFieldType === CustomFieldType.MultiSelectDropdown);
+};
+/**
+ * One form field per definition, in the order given (sort the definitions
+ * with sortCustomFieldDefinitions first).
+ */
+export const buildCustomFieldFormFields = (data) => {
+    return data.definitions.map((definition) => {
+        const isRequired = Boolean(data.enforceRequiredOnCreate && definition.isRequiredOnCreate);
+        const formKey = data.getFormKey
+            ? data.getFormKey(definition.name)
+            : definition.name;
+        const field = {
+            field: {
+                [definition.name]: true,
+            },
+            title: definition.name,
+            fieldType: definition.customFieldType,
+            required: isRequired,
+            placeholder: "",
+            dropdownOptions: isDropdownType(definition.customFieldType)
+                ? getCustomFieldDropdownOptions(definition.dropdownOptions)
+                : undefined,
+        };
+        if (formKey !== definition.name) {
+            field.overrideFieldKey = formKey;
+        }
+        if (definition.description) {
+            field.description = definition.description;
+        }
+        if (data.stepId) {
+            field.stepId = data.stepId;
+        }
+        /*
+         * A required yes/no field means "must be ticked" - an acknowledgement.
+         * `required` alone cannot say that: the form turns an unticked box into
+         * the string "false" before its required check, which then passes.
+         */
+        if (isRequired &&
+            definition.customFieldType === CustomFieldType.Boolean) {
+            const name = definition.name;
+            field.customValidation = (values) => {
+                return values[formKey] === true
+                    ? null
+                    : translateValidationMessage(CUSTOM_FIELD_MUST_BE_CHECKED_MESSAGE, { field: name });
+            };
+        }
+        return field;
+    });
+};
+//# sourceMappingURL=CustomFieldFormFields.js.map

package/build/dist/UI/Components/CustomFields/CustomFieldFormFields.js.map

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