Don't display an empty checkbox in confirm dialog

src/components/semantic/CheckboxDialog.tsx

@@ -28,11 +28,13 @@ const CheckboxDialog: React.FC<CheckboxDialogProps> = ({
 
   return (
     <ConfirmDialog onApproved={onApprove} {...other}>
-      <Checkbox
-        checked={false}
-        onChange={(state) => (checked.current = state)}
-        caption={checkboxCaption}
-      />
+      {checkboxCaption && (
+        <Checkbox
+          checked={false}
+          onChange={(state) => (checked.current = state)}
+          caption={checkboxCaption}
+        />
+      )}
     </ConfirmDialog>
   );
 };

src/utils/DebugUtils.ts

@@ -1,3 +1,5 @@
+import { getRandomInt } from './ValueUtils';
+
 const REPORT_RERENDER = true;
 
 export const MemoReporter = REPORT_RERENDER
@@ -19,3 +21,7 @@ export const MemoReporter = REPORT_RERENDER
         return true;
       }
   : () => undefined; // Use the default prop comparison from React.memo
+
+export const getDebugId = () => {
+  return getRandomInt(1, 1000000);
+};

src/utils/ValueUtils.ts

@@ -0,0 +1,5 @@
+export const getRandomInt = (min: number, max: number) => {
+  const minCeiled = Math.ceil(min);
+  const maxFloored = Math.floor(max);
+  return Math.floor(Math.random() * (maxFloored - minCeiled) + minCeiled); // The maximum is exclusive and the minimum is inclusive
+};

src/utils/WidgetUtils.ts

@@ -1,8 +1,8 @@
 import * as UI from 'types/ui';
 import { getModuleT, toI18nKey } from './TranslationUtils';
+import { getRandomInt } from './ValueUtils';
 
-export const createWidgetId = (typeId: string) =>
-  `${typeId}_${Math.floor(Math.random() * 100000000 + 1)}`;
+export const createWidgetId = (typeId: string) => `${typeId}_${getRandomInt(1, 1000000)}`;
 
 // Key for widget settings in local storage (should not be accessed directly by the widget)
 export const widgetIdToSettingKey = (id: string) => `widget_${id}`;