@bpmn-io/form-js-viewer 1.0.0-alpha.5 → 1.0.0-alpha.7

package/dist/index.cjs

@@ -2517,8 +2517,8 @@ var CalendarIcon = (({
 
 function InputAdorner(props) {
   const {
-    pre = null,
-    post = null,
+    pre,
+    post,
     rootRef,
     inputRef,
     children,
@@ -2535,14 +2535,14 @@ function InputAdorner(props) {
       'hasErrors': hasErrors
     }),
     ref: rootRef,
-    children: [pre !== null && jsxRuntime.jsxs("span", {
+    children: [pre && jsxRuntime.jsxs("span", {
       class: "fjs-input-adornment border-right border-radius-left",
       onClick: onAdornmentClick,
       children: [" ", minDash.isString(pre) ? jsxRuntime.jsx("span", {
         class: "fjs-input-adornment-text",
         children: pre
       }) : pre, " "]
-    }), children, post !== null && jsxRuntime.jsxs("span", {
+    }), children, post && jsxRuntime.jsxs("span", {
       class: "fjs-input-adornment border-left border-radius-right",
       onClick: onAdornmentClick,
       children: [" ", minDash.isString(post) ? jsxRuntime.jsx("span", {
@@ -2823,9 +2823,16 @@ function Timepicker(props) {
     time,
     setTime
   } = props;
+  const safeTimeInterval = hooks.useMemo(() => {
+    const allowedIntervals = [1, 5, 10, 15, 30, 60];
+    if (allowedIntervals.includes(timeInterval)) {
+      return timeInterval;
+    }
+    return 15;
+  }, [timeInterval]);
   const timeInputRef = hooks.useRef();
   const [dropdownIsOpen, setDropdownIsOpen] = hooks.useState(false);
-  const useDropdown = hooks.useMemo(() => timeInterval !== 1, [timeInterval]);
+  const useDropdown = hooks.useMemo(() => safeTimeInterval !== 1, [safeTimeInterval]);
   const [rawValue, setRawValue] = hooks.useState('');
 
   // populates values from source
@@ -2834,12 +2841,12 @@ function Timepicker(props) {
       setRawValue('');
       return;
     }
-    const intervalAdjustedTime = time - time % timeInterval;
+    const intervalAdjustedTime = time - time % safeTimeInterval;
     setRawValue(formatTime(use24h, intervalAdjustedTime));
     if (intervalAdjustedTime != time) {
       setTime(intervalAdjustedTime);
     }
-  }, [time, setTime, use24h, timeInterval]);
+  }, [time, setTime, use24h, safeTimeInterval]);
   const propagateRawToMinute = hooks.useCallback(newRawValue => {
     const localRawValue = newRawValue || rawValue;
 
@@ -2858,34 +2865,34 @@ function Timepicker(props) {
     }
 
     // Enforce the minutes to match the timeInterval
-    const correctedMinutes = minutes - minutes % timeInterval;
+    const correctedMinutes = minutes - minutes % safeTimeInterval;
 
     // Enforce the raw text to be formatted properly
     setRawValue(formatTime(use24h, correctedMinutes));
     setTime(correctedMinutes);
-  }, [rawValue, timeInterval, use24h, setTime]);
+  }, [rawValue, safeTimeInterval, use24h, setTime]);
   const timeOptions = hooks.useMemo(() => {
     const minutesInDay = 24 * 60;
-    const intervalCount = Math.floor(minutesInDay / timeInterval);
-    return [...Array(intervalCount).keys()].map(intervalIndex => formatTime(use24h, intervalIndex * timeInterval));
-  }, [timeInterval, use24h]);
+    const intervalCount = Math.floor(minutesInDay / safeTimeInterval);
+    return [...Array(intervalCount).keys()].map(intervalIndex => formatTime(use24h, intervalIndex * safeTimeInterval));
+  }, [safeTimeInterval, use24h]);
   const initialFocusIndex = hooks.useMemo(() => {
     // if there are no options, there will not be any focusing
-    if (!timeOptions || !timeInterval) return null;
+    if (!timeOptions || !safeTimeInterval) return null;
 
     // if there is a set minute value, we focus it in the dropdown
-    if (time) return time / timeInterval;
+    if (time) return time / safeTimeInterval;
     const cacheTime = parseInputTime(rawValue);
 
     // if there is a valid value in the input cache, we try and focus close to it
     if (cacheTime) {
-      const flooredCacheTime = cacheTime - cacheTime % timeInterval;
-      return flooredCacheTime / timeInterval;
+      const flooredCacheTime = cacheTime - cacheTime % safeTimeInterval;
+      return flooredCacheTime / safeTimeInterval;
     }
 
     // If there is no set value, simply focus the middle of the dropdown (12:00)
     return Math.floor(timeOptions.length / 2);
-  }, [rawValue, time, timeInterval, timeOptions]);
+  }, [rawValue, time, safeTimeInterval, timeOptions]);
   const onInputKeyDown = e => {
     switch (e.key) {
       case 'ArrowUp':