BIG-22: feat: localize auto-increment dialogs.

client/src/components/Forms/FormObserver.js

@@ -0,0 +1,14 @@
+
+import { useEffect } from 'react'
+
+export function FormObserver({ onChange, values }) {
+  useEffect(() => {
+    onChange(values);
+  }, [Object.values(values).join(', ')]);
+
+  return null;
+}
+
+FormObserver.defaultProps = {
+  onChange: () => null,
+};

client/src/components/Forms/index.js

@@ -0,0 +1 @@
+export * from './FormObserver';

client/src/components/index.js

@@ -76,6 +76,7 @@ export * from './Alert';
 export * from './Subscriptions';
 export * from './Dashboard';
 export * from './Drawer';
+export * from './Forms';
 
 const Hint = FieldHint;