prettier

packages/web/src/utility/forms.js

@@ -33,7 +33,7 @@ export function FormCondition({ condition, children }) {
 
 export function FormTextFieldRaw({ name, focused = false, ...other }) {
   const { values, setFieldValue } = useForm();
-  const handleChange = (event) => {
+  const handleChange = event => {
     setFieldValue(name, event.target.value);
   };
   const textFieldRef = React.useRef(null);
@@ -47,7 +47,7 @@ export function FormTextFieldRaw({ name, focused = false, ...other }) {
 export function FormPasswordFieldRaw({ name, focused = false, ...other }) {
   const { values, setFieldValue } = useForm();
   const [showPassword, setShowPassword] = React.useState(false);
-  const handleChange = (event) => {
+  const handleChange = event => {
     setFieldValue(name, event.target.value);
   };
   const textFieldRef = React.useRef(null);
@@ -68,7 +68,7 @@ export function FormPasswordFieldRaw({ name, focused = false, ...other }) {
         type={isCrypted || showPassword ? 'text' : 'password'}
       />
 
-      {!isCrypted && <FontIcon icon="icon eye" onClick={() => setShowPassword((x) => !x)} />}
+      {!isCrypted && <FontIcon icon="icon eye" onClick={() => setShowPassword(x => !x)} />}
     </>
   );
 }
@@ -93,7 +93,7 @@ export function FormPasswordField({ name, label, focused = false, ...other }) {
 
 export function FormCheckboxFieldRaw({ name = undefined, defaultValue = undefined, ...other }) {
   const { values, setFieldValue } = useForm();
-  const handleChange = (event) => {
+  const handleChange = event => {
     setFieldValue(name, event.target.checked);
   };
   let isChecked = values[name];
@@ -113,7 +113,7 @@ export function FormCheckboxField({ label, ...other }) {
 
 export function FormSelectFieldRaw({ children, name, ...other }) {
   const { values, setFieldValue } = useForm();
-  const handleChange = (event) => {
+  const handleChange = event => {
     setFieldValue(name, event.target.value);
   };
   return (
@@ -169,7 +169,7 @@ export function FormReactSelect({ options, name, isMulti = false, Component = Se
 
   return (
     <Component
-      theme={(t) => ({
+      theme={t => ({
         ...t,
         colors: {
           ...t.colors,
@@ -194,12 +194,10 @@ export function FormReactSelect({ options, name, isMulti = false, Component = Se
       options={options}
       value={
         isMulti
-          ? options.filter((x) => values[name] && values[name].includes(x.value))
-          : options.find((x) => x.value == values[name])
-      }
-      onChange={(item) =>
-        setFieldValue(name, isMulti ? getAsArray(item).map((x) => x.value) : item ? item.value : null)
+          ? options.filter(x => values[name] && values[name].includes(x.value))
+          : options.find(x => x.value == values[name])
       }
+      onChange={item => setFieldValue(name, isMulti ? getAsArray(item).map(x => x.value) : item ? item.value : null)}
       menuPortalTarget={document.body}
       isMulti={isMulti}
       closeMenuOnSelect={!isMulti}
@@ -212,7 +210,7 @@ export function FormConnectionSelect({ name }) {
   const connections = useConnectionList();
   const connectionOptions = React.useMemo(
     () =>
-      (connections || []).map((conn) => ({
+      (connections || []).map(conn => ({
         value: conn._id,
         label: conn.displayName || conn.server,
       })),
@@ -228,7 +226,7 @@ export function FormDatabaseSelect({ conidName, name }) {
   const databases = useDatabaseList({ conid: values[conidName] });
   const databaseOptions = React.useMemo(
     () =>
-      (databases || []).map((db) => ({
+      (databases || []).map(db => ({
         value: db.name,
         label: db.name,
       })),
@@ -244,7 +242,7 @@ export function FormSchemaSelect({ conidName, databaseName, name }) {
   const dbinfo = useDatabaseInfo({ conid: values[conidName], database: values[databaseName] });
   const schemaOptions = React.useMemo(
     () =>
-      ((dbinfo && dbinfo.schemas) || []).map((schema) => ({
+      ((dbinfo && dbinfo.schemas) || []).map(schema => ({
         value: schema.schemaName,
         label: schema.schemaName,
       })),
@@ -261,8 +259,8 @@ export function FormTablesSelect({ conidName, databaseName, schemaName, name })
   const tablesOptions = React.useMemo(
     () =>
       [...((dbinfo && dbinfo.tables) || []), ...((dbinfo && dbinfo.views) || [])]
-        .filter((x) => !values[schemaName] || x.schemaName == values[schemaName])
-        .map((x) => ({
+        .filter(x => !values[schemaName] || x.schemaName == values[schemaName])
+        .map(x => ({
           value: x.pureName,
           label: x.pureName,
         })),
@@ -278,7 +276,7 @@ export function FormArchiveFilesSelect({ folderName, name }) {
   const files = useArchiveFiles({ folder: folderName });
   const filesOptions = React.useMemo(
     () =>
-      (files || []).map((x) => ({
+      (files || []).map(x => ({
         value: x.name,
         label: x.name,
       })),
@@ -294,13 +292,13 @@ export function FormArchiveFolderSelect({ name, additionalFolders = [], ...other
   const folders = useArchiveFolders();
   const folderOptions = React.useMemo(
     () => [
-      ...(folders || []).map((folder) => ({
+      ...(folders || []).map(folder => ({
         value: folder.name,
         label: folder.name,
       })),
       ...additionalFolders
-        .filter((x) => !(folders || []).find((y) => y.name == x))
-        .map((folder) => ({
+        .filter(x => !(folders || []).find(y => y.name == x))
+        .map(folder => ({
           value: folder,
           label: folder,
         })),
@@ -308,7 +306,7 @@ export function FormArchiveFolderSelect({ name, additionalFolders = [], ...other
     [folders]
   );
 
-  const handleCreateOption = (folder) => {
+  const handleCreateOption = folder => {
     axios.post('archive/create-folder', { folder });
     setFieldValue(name, folder);
   };