arangodb · KVS85 · Oct 4, 2021 · Sep 17, 2021 · Sep 21, 2021 · Sep 21, 2021
@@ -1,16 +1,16 @@
 {
   "main.css": "static/css/main.c48fa790.chunk.css",
-  "main.js": "static/js/main.f5bf8960.chunk.js",
-  "main.js.map": "static/js/main.f5bf8960.chunk.js.map",
+  "main.js": "static/js/main.9d4be813.chunk.js",
+  "main.js.map": "static/js/main.9d4be813.chunk.js.map",
   "runtime~main.js": "static/js/runtime~main.b7f3a89c.js",
   "runtime~main.js.map": "static/js/runtime~main.b7f3a89c.js.map",
   "static/css/2.891e5e32.chunk.css": "static/css/2.891e5e32.chunk.css",
-  "static/js/2.a28eff0b.chunk.js": "static/js/2.a28eff0b.chunk.js",
-  "static/js/2.a28eff0b.chunk.js.map": "static/js/2.a28eff0b.chunk.js.map",
+  "static/js/2.9355d05c.chunk.js": "static/js/2.9355d05c.chunk.js",
+  "static/js/2.9355d05c.chunk.js.map": "static/js/2.9355d05c.chunk.js.map",
   "index.html": "index.html",
   "index.html.gz": "index.html.gz",
-  "precache-manifest.67ab79788985b19f337605fcf3085c90.js": "precache-manifest.67ab79788985b19f337605fcf3085c90.js",
-  "precache-manifest.67ab79788985b19f337605fcf3085c90.js.gz": "precache-manifest.67ab79788985b19f337605fcf3085c90.js.gz",
+  "precache-manifest.498fbaf455067ad4d2cf279f7347c4ff.js": "precache-manifest.498fbaf455067ad4d2cf279f7347c4ff.js",
+  "precache-manifest.498fbaf455067ad4d2cf279f7347c4ff.js.gz": "precache-manifest.498fbaf455067ad4d2cf279f7347c4ff.js.gz",
   "service-worker.js": "service-worker.js",
   "service-worker.js.gz": "service-worker.js.gz",
   "static/css/2.891e5e32.chunk.css.gz": "static/css/2.891e5e32.chunk.css.gz",
@@ -19,14 +19,14 @@
   "static/css/main.c48fa790.chunk.css.gz": "static/css/main.c48fa790.chunk.css.gz",
   "static/css/main.c48fa790.chunk.css.map": "static/css/main.c48fa790.chunk.css.map",
   "static/css/main.c48fa790.chunk.css.map.gz": "static/css/main.c48fa790.chunk.css.map.gz",
-  "static/js/2.a28eff0b.chunk.js.LICENSE.txt": "static/js/2.a28eff0b.chunk.js.LICENSE.txt",
-  "static/js/2.a28eff0b.chunk.js.LICENSE.txt.gz": "static/js/2.a28eff0b.chunk.js.LICENSE.txt.gz",
-  "static/js/2.a28eff0b.chunk.js.gz": "static/js/2.a28eff0b.chunk.js.gz",
-  "static/js/2.a28eff0b.chunk.js.map.gz": "static/js/2.a28eff0b.chunk.js.map.gz",
-  "static/js/main.f5bf8960.chunk.js.LICENSE.txt": "static/js/main.f5bf8960.chunk.js.LICENSE.txt",
-  "static/js/main.f5bf8960.chunk.js.LICENSE.txt.gz": "static/js/main.f5bf8960.chunk.js.LICENSE.txt.gz",
-  "static/js/main.f5bf8960.chunk.js.gz": "static/js/main.f5bf8960.chunk.js.gz",
-  "static/js/main.f5bf8960.chunk.js.map.gz": "static/js/main.f5bf8960.chunk.js.map.gz",
+  "static/js/2.9355d05c.chunk.js.LICENSE.txt": "static/js/2.9355d05c.chunk.js.LICENSE.txt",
+  "static/js/2.9355d05c.chunk.js.LICENSE.txt.gz": "static/js/2.9355d05c.chunk.js.LICENSE.txt.gz",
+  "static/js/2.9355d05c.chunk.js.gz": "static/js/2.9355d05c.chunk.js.gz",
+  "static/js/2.9355d05c.chunk.js.map.gz": "static/js/2.9355d05c.chunk.js.map.gz",
+  "static/js/main.9d4be813.chunk.js.LICENSE.txt": "static/js/main.9d4be813.chunk.js.LICENSE.txt",
+  "static/js/main.9d4be813.chunk.js.LICENSE.txt.gz": "static/js/main.9d4be813.chunk.js.LICENSE.txt.gz",
+  "static/js/main.9d4be813.chunk.js.gz": "static/js/main.9d4be813.chunk.js.gz",
+  "static/js/main.9d4be813.chunk.js.map.gz": "static/js/main.9d4be813.chunk.js.map.gz",
   "static/js/runtime~main.b7f3a89c.js.gz": "static/js/runtime~main.b7f3a89c.js.gz",
   "static/js/runtime~main.b7f3a89c.js.map.gz": "static/js/runtime~main.b7f3a89c.js.map.gz",
   "static/media/style.scss": "static/media/fontawesome-webfont.e6cf7c6e.woff2",

@@ -1,23 +1,23 @@
 self.__precacheManifest = [
   {
-    "revision": "f5bf8960d06c5efdcbef",
+    "revision": "9d4be8134f1656e7a6bf",
     "url": "static/css/main.c48fa790.chunk.css"
   },
   {
-    "revision": "f5bf8960d06c5efdcbef",
-    "url": "static/js/main.f5bf8960.chunk.js"
+    "revision": "9d4be8134f1656e7a6bf",
+    "url": "static/js/main.9d4be813.chunk.js"
   },
   {
     "revision": "b7f3a89c186b069a4989",
     "url": "static/js/runtime~main.b7f3a89c.js"
   },
   {
-    "revision": "a28eff0b151d64f6bc01",
+    "revision": "9355d05c3188597dc59c",
     "url": "static/css/2.891e5e32.chunk.css"
   },
   {
-    "revision": "a28eff0b151d64f6bc01",
-    "url": "static/js/2.a28eff0b.chunk.js"
+    "revision": "9355d05c3188597dc59c",
+    "url": "static/js/2.9355d05c.chunk.js"
   },
   {
     "revision": "1a30ee995c7ce5dc75b91a53ae305a06",
@@ -36,57 +36,57 @@ self.__precacheManifest = [
     "url": "static/media/glyphicons-halflings.180b8ed9.png"
   },
   {
-    "revision": "2af7a71056d6f2fe2cb2e35c358b59de",
-    "url": "static/media/OpenSansBold.2af7a710.woff"
+    "revision": "11bbcff6f99be028bf04e2e200299b31",
+    "url": "static/media/OpenSansLight.11bbcff6.woff"
   },
   {
     "revision": "f71094988de2d6567eb9caba78f61041",
     "url": "static/media/OpenSans.f7109498.woff"
   },
   {
-    "revision": "11bbcff6f99be028bf04e2e200299b31",
-    "url": "static/media/OpenSansLight.11bbcff6.woff"
+    "revision": "2af7a71056d6f2fe2cb2e35c358b59de",
+    "url": "static/media/OpenSansBold.2af7a710.woff"
   },
   {
     "revision": "05f81795ee61b18a60d5be1b40714e01",
     "url": "static/media/OpenSansLightItalic.05f81795.woff"
   },
-  {
-    "revision": "84b1d9bb65b585d4b4a72ee9cefb2ac2",
-    "url": "static/media/OpenSansBoldItalic.84b1d9bb.woff"
-  },
   {
     "revision": "403dee4359ca42b1d096976fda3ef95c",
        "url": "static/media/OpenSansItalic.403dee43.woff"
   },
   {
-    "revision": "e6cf7c6ec7c2d6f670ae9d762604cb0b",
-    "url": "static/media/fontawesome-webfont.e6cf7c6e.woff2"
+    "revision": "84b1d9bb65b585d4b4a72ee9cefb2ac2",
+    "url": "static/media/OpenSansBoldItalic.84b1d9bb.woff"
   },
   {
     "revision": "25a32416abee198dd821b0b17a198a8f",
     "url": "static/media/fontawesome-webfont.25a32416.eot"
   },
   {
-    "revision": "c8ddf1e5e5bf3682bc7bebf30f394148",
-    "url": "static/media/fontawesome-webfont.c8ddf1e5.woff"
+    "revision": "e6cf7c6ec7c2d6f670ae9d762604cb0b",
+    "url": "static/media/fontawesome-webfont.e6cf7c6e.woff2"
   },
   {
-    "revision": "1dc35d25e61d819a9c357074014867ab",
-    "url": "static/media/fontawesome-webfont.1dc35d25.ttf"
+    "revision": "c3547b2ec6f5eb324b44d8a0c6b2dd31",
+    "url": "static/media/Roboto-300.c3547b2e.eot"
   },
   {
     "revision": "16a9467557c38b4e1b19e981bd17fe3f",
     "url": "static/media/Roboto-300.16a94675.woff2"
   },
   {
-    "revision": "c3547b2ec6f5eb324b44d8a0c6b2dd31",
-    "url": "static/media/Roboto-300.c3547b2e.eot"
+    "revision": "c8ddf1e5e5bf3682bc7bebf30f394148",
+    "url": "static/media/fontawesome-webfont.c8ddf1e5.woff"
   },
   {
     "revision": "7e2d32e7141050d758a38b4ec96390c0",
     "url": "static/media/Roboto-300.7e2d32e7.woff"
   },
+  {
+    "revision": "1dc35d25e61d819a9c357074014867ab",
+    "url": "static/media/fontawesome-webfont.1dc35d25.ttf"
+  },
   {
     "revision": "634f53eb79efa455a9e9d85d608b3447",
     "url": "static/media/Roboto-300.634f53eb.ttf"
@@ -99,10 +99,6 @@ self.__precacheManifest = [
     "revision": "9f916e330c478bbfa2a0dd6614042046",
     "url": "static/media/Roboto-regular.9f916e33.eot"
   },
-  {
-    "revision": "d7c639084f684d66a1bc66855d193ed8",
-    "url": "static/media/fontawesome-webfont.d7c63908.svg"
-  },
   {
     "revision": "f84cb1bf9be983133497000554605b4d",
     "url": "static/media/Roboto-regular.f84cb1bf.woff2"
@@ -115,14 +111,14 @@ self.__precacheManifest = [
     "revision": "38861cba61c66739c1452c3a71e39852",
     "url": "static/media/Roboto-regular.38861cba.ttf"
   },
-  {
-    "revision": "3d3a53586bd78d1069ae4b89a3b9aa98",
-    "url": "static/media/Roboto-regular.3d3a5358.svg"
-  },
   {
     "revision": "2a52a20f9a56010ec5d985abe9bebcc9",
     "url": "static/media/Roboto-500.2a52a20f.eot"
   },
+  {
+    "revision": "3d3a53586bd78d1069ae4b89a3b9aa98",
+    "url": "static/media/Roboto-regular.3d3a5358.svg"
+  },
   {
     "revision": "1afbee5a09a022fe0287f16e9a48da1f",
     "url": "static/media/Roboto-500.1afbee5a.woff2"
@@ -143,6 +139,10 @@ self.__precacheManifest = [
     "revision": "128879da78c6c8eb4e2c07fa3732cea7",
     "url": "static/media/Roboto-700.128879da.eot"
   },
+  {
+    "revision": "d7c639084f684d66a1bc66855d193ed8",
+    "url": "static/media/fontawesome-webfont.d7c63908.svg"
+  },
   {
     "revision": "3b38c16e4b39e5fd4017cd5055b0d505",
     "url": "static/media/Roboto-700.3b38c16e.woff2"
@@ -181,14 +181,14 @@ self.__precacheManifest = [
   },
   {
     "revision": "6f627a0f557156e94eefe1aa36b7648f",
-    "url": "static/js/main.f5bf8960.chunk.js.LICENSE.txt"
+    "url": "static/js/main.9d4be813.chunk.js.LICENSE.txt"
   },
   {
     "revision": "abe37e58ad7304ac71693623f6f54c01",
-    "url": "static/js/2.a28eff0b.chunk.js.LICENSE.txt"
+    "url": "static/js/2.9355d05c.chunk.js.LICENSE.txt"
   },
   {
-    "revision": "b05666e2e274d05df3616aaf2a4a1f52",
+    "revision": "7443f1a4fad0322e7dc248ffa63deeea",
     "url": "index.html"
   }
 ];
@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/3.6.3/workbox-sw.js");
 
 importScripts(
-  "precache-manifest.67ab79788985b19f337605fcf3085c90.js"
+  "precache-manifest.498fbaf455067ad4d2cf279f7347c4ff.js"
 );
 
 workbox.clientsClaim();

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode, useEffect, useRef } from "react";
+import { CSSProperties, ReactNode, useEffect, useRef, useState } from "react";
 import { createPortal, render, unmountComponentAtNode } from "react-dom";
 import picoModal from 'picomodal';
 import { uniqueId } from 'lodash';
@@ -7,6 +7,7 @@ interface ModalProps {
   show: boolean;
   children?: ReactNode;
   setShow: (show: boolean) => void;
+  cid?: string;
 }
 
 function renderChildren (children: ReactNode, contentDivId: string) {
@@ -15,10 +16,17 @@ function renderChildren (children: ReactNode, contentDivId: string) {
   render(createPortal(children, contentDiv, contentDivId), contentDiv);
 }
 
-const Modal = ({ show, setShow, children }: ModalProps) => {
-  const contentDivId = useRef(uniqueId('modal-content-'));
+const Modal = ({ show, setShow, children, cid }: ModalProps) => {
+  const [thisCid, setThisCid] = useState(cid || uniqueId('modal-content-'));
+
+  useEffect(() => {
+    if (cid) {
+      setThisCid(cid);
+    }
+  }, [cid]);
+
   const modal = useRef(picoModal({
-    content: `<div id='${contentDivId.current}'></div>`,
+    content: `<div id='${thisCid}'></div>`,
     closeButton: false,
     modalStyles: (styles: CSSProperties) => {
       styles.zIndex = 9000;
@@ -28,17 +36,17 @@ const Modal = ({ show, setShow, children }: ModalProps) => {
     }
   })
     .afterCreate(() => {
-      renderChildren(children, contentDivId.current); // First render of children.
+      renderChildren(children, thisCid); // First render of children.
     })
     .afterClose(() => {
       setShow(false);
     }));
 
   useEffect(() => {
     if (modal.current.isVisible()) {
-      renderChildren(children, contentDivId.current); // Re-render children on any child update. Important!
+      renderChildren(children, thisCid); // Re-render children on any child update. Important!
     }
-  }, [children]);
+  }, [children, thisCid]);
 
   useEffect(() => {
     if (show) {
@@ -52,13 +60,13 @@ const Modal = ({ show, setShow, children }: ModalProps) => {
     return () => {
       try {
         // eslint-disable-next-line react-hooks/exhaustive-deps
-        unmountComponentAtNode(document.getElementById(contentDivId.current) as HTMLElement);
+        unmountComponentAtNode(document.getElementById(thisCid) as HTMLElement);
         // eslint-disable-next-line react-hooks/exhaustive-deps
         modal.current.destroy();
       } catch (e) {
       }
     };
-  }, []);
+  }, [thisCid]);
 
   return null;
 };

@@ -1,4 +1,4 @@
-import React, { ChangeEvent, ReactNode } from 'react';
+import React, { ChangeEvent, ReactNode, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { uniqueId } from 'lodash';
 
@@ -20,20 +20,24 @@ type CheckboxProps = {
 };
 
 const Checkbox = ({ id, checked, onChange, label, inline, disabled }: CheckboxProps) => {
-  if (!id) {
-    id = uniqueId('checkbox-');
-  }
+  const [thisId, setThisId] = useState(id || uniqueId('checkbox-'));
+
+  useEffect(() => {
+    if (id) {
+      setThisId(id);
+    }
+  }, [id]);
 
   if (inline) {
-    return <label htmlFor={id} className="pure-checkbox">
-      <StyledCheckbox id={id} checked={checked} onChange={onChange} disabled={disabled}/>
+    return <label htmlFor={thisId} className="pure-checkbox">
+      <StyledCheckbox id={thisId} checked={checked} onChange={onChange} disabled={disabled}/>
       &nbsp;{label}
     </label>;
   }
 
   return <>
-    <label htmlFor={id} className="pure-checkbox">{label}</label>
-    <StyledCheckbox id={id} checked={checked} onChange={onChange} disabled={disabled}/>
+    <label htmlFor={thisId} className="pure-checkbox">{label}</label>
+    <StyledCheckbox id={thisId} checked={checked} onChange={onChange} disabled={disabled}/>
   </>;
 };
 

@@ -1,4 +1,4 @@
-import React, { ChangeEvent, ReactNode } from 'react';
+import React, { ChangeEvent, ReactNode, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import Fieldset from "./Fieldset";
 import { uniqueId } from 'lodash';
@@ -24,13 +24,17 @@ type RadioButtonProps = {
 };
 
 const RadioButton = ({ id, checked, onChange, value, label, size, disabled }: RadioButtonProps) => {
-  if (!id) {
-    id = uniqueId(`radio-${value}-`);
-  }
+  const [thisId, setThisId] = useState(id || uniqueId(`radio-${value}-`));
+
+  useEffect(() => {
+    if (id) {
+      setThisId(id);
+    }
+  }, [id]);
 
   return <Cell size={size}>
-    <label htmlFor={id} className="pure-radio">
-      <StyledRadioButton id={id} value={value} onChange={onChange} checked={checked}
+    <label htmlFor={thisId} className="pure-radio">
+      <StyledRadioButton id={thisId} value={value} onChange={onChange} checked={checked}
                          disabled={disabled}/>
       &nbsp;{label}
     </label>

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { uniqueId } from 'lodash';
 import PlainLabel from "./PlainLabel";
@@ -19,22 +19,26 @@ type SelectProps = {
 };
 
 const Select = ({ id, label, children, disabled, inline, ...rest }: SelectProps) => {
-  if (!id) {
-    id = uniqueId('textbox-');
-  }
+  const [thisId, setThisId] = useState(id || uniqueId('textbox-'));
+
+  useEffect(() => {
+    if (id) {
+      setThisId(id);
+    }
+  }, [id]);
 
   if (inline) {
-    return <PlainLabel htmlFor={id} style={{
+    return <PlainLabel htmlFor={thisId} style={{
       display: 'inline-block'
     }}>
       {label}:&nbsp;
-      <StyledSelect id={id} disabled={disabled} {...rest}>{children}</StyledSelect>
+      <StyledSelect id={thisId} disabled={disabled} {...rest}>{children}</StyledSelect>
     </PlainLabel>;
   }
 
   return <>
-    <PlainLabel htmlFor={id}>{label}</PlainLabel>
-    <StyledSelect id={id} disabled={disabled} {...rest}>{children}</StyledSelect>
+    <PlainLabel htmlFor={thisId}>{label}</PlainLabel>
+    <StyledSelect id={thisId} disabled={disabled} {...rest}>{children}</StyledSelect>
   </>;
 };