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

package/dist/form-playground.umd.js

@@ -51722,8 +51722,8 @@
   }));
   function InputAdorner(props) {
     const {
-      pre = null,
-      post = null,
+      pre,
+      post,
       rootRef,
       inputRef,
       children,
@@ -51740,14 +51740,14 @@
         'hasErrors': hasErrors
       }),
       ref: rootRef,
-      children: [pre !== null && e$1("span", {
+      children: [pre && e$1("span", {
         class: "fjs-input-adornment border-right border-radius-left",
         onClick: onAdornmentClick,
         children: [" ", isString$4(pre) ? e$1("span", {
           class: "fjs-input-adornment-text",
           children: pre
         }) : pre, " "]
-      }), children, post !== null && e$1("span", {
+      }), children, post && e$1("span", {
         class: "fjs-input-adornment border-left border-radius-right",
         onClick: onAdornmentClick,
         children: [" ", isString$4(post) ? e$1("span", {
@@ -52037,9 +52037,16 @@
       time,
       setTime
     } = props;
+    const safeTimeInterval = d(() => {
+      const allowedIntervals = [1, 5, 10, 15, 30, 60];
+      if (allowedIntervals.includes(timeInterval)) {
+        return timeInterval;
+      }
+      return 15;
+    }, [timeInterval]);
     const timeInputRef = s$1();
     const [dropdownIsOpen, setDropdownIsOpen] = l$2(false);
-    const useDropdown = d(() => timeInterval !== 1, [timeInterval]);
+    const useDropdown = d(() => safeTimeInterval !== 1, [safeTimeInterval]);
     const [rawValue, setRawValue] = l$2('');
 
     // populates values from source
@@ -52048,12 +52055,12 @@
         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 = A$1(newRawValue => {
       const localRawValue = newRawValue || rawValue;
 
@@ -52072,34 +52079,34 @@
       }
 
       // 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 = d(() => {
       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 = d(() => {
       // 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':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-playground",
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0-alpha.7",
   "description": "A form-js playground",
   "files": [
     "dist"
@@ -44,8 +44,8 @@
     "url": "https://github.com/bpmn-io"
   },
   "dependencies": {
-    "@bpmn-io/form-js-editor": "^1.0.0-alpha.5",
-    "@bpmn-io/form-js-viewer": "^1.0.0-alpha.5",
+    "@bpmn-io/form-js-editor": "^1.0.0-alpha.7",
+    "@bpmn-io/form-js-viewer": "^1.0.0-alpha.7",
     "@codemirror/autocomplete": "^6.3.4",
     "@codemirror/commands": "^6.1.2",
     "@codemirror/lang-json": "^6.0.0",
@@ -70,5 +70,5 @@
     "rollup-plugin-css-only": "^4.0.0",
     "style-loader": "^3.3.0"
   },
-  "gitHead": "dd91f40203ebbe5b00dd3dc2f2471968daa7fb61"
+  "gitHead": "ced83b4bbba91cf0c2ca9e2f9950bb278f36ed3c"
 }