prettier

packages/web/src/formview/ChangeSetFormer.ts

@@ -28,7 +28,7 @@ export default class ChangeSetFormer extends Former {
   ) {
     super();
     this.changeSet = changeSetState && changeSetState.value;
-    this.setChangeSet = (value) => dispatchChangeSet({ type: 'set', value });
+    this.setChangeSet = value => dispatchChangeSet({ type: 'set', value });
     this.batchChangeSet = null;
     this.rowDefinition = display.getChangeSetRow(sourceRow);
     const [matchedField, matchedChangeSetItem] = findExistingChangeSetItem(this.changeSet, this.rowDefinition);
@@ -51,14 +51,14 @@ export default class ChangeSetFormer extends Former {
     }
   }
 
-  setCellValue( uniqueName: string, value: any) {
+  setCellValue(uniqueName: string, value: any) {
     const row = this.sourceRow;
     const definition = this.display.getChangeSetField(row, uniqueName);
-    this.applyModification((chs) => setChangeSetValue(chs, definition, value));
+    this.applyModification(chs => setChangeSetValue(chs, definition, value));
   }
 
   deleteRow(index: number) {
-    this.applyModification((chs) => deleteChangeSetRows(chs, this.rowDefinition));
+    this.applyModification(chs => deleteChangeSetRows(chs, this.rowDefinition));
   }
 
   beginUpdate() {
@@ -70,10 +70,10 @@ export default class ChangeSetFormer extends Former {
   }
 
   revertRowChanges() {
-    this.applyModification((chs) => revertChangeSetRowChanges(chs, this.rowDefinition));
+    this.applyModification(chs => revertChangeSetRowChanges(chs, this.rowDefinition));
   }
   revertAllChanges() {
-    this.applyModification((chs) => createChangeSet());
+    this.applyModification(chs => createChangeSet());
   }
   undo() {
     this.dispatchChangeSet({ type: 'undo' });

packages/web/src/formview/FormView.js

@@ -37,24 +37,24 @@ const Wrapper = styled.div`
 `;
 
 const TableRow = styled.tr`
-  background-color: ${(props) => props.theme.gridbody_background};
+  background-color: ${props => props.theme.gridbody_background};
   &:nth-child(6n + 3) {
-    background-color: ${(props) => props.theme.gridbody_background_alt2};
+    background-color: ${props => props.theme.gridbody_background_alt2};
   }
   &:nth-child(6n + 6) {
-    background-color: ${(props) => props.theme.gridbody_background_alt3};
+    background-color: ${props => props.theme.gridbody_background_alt3};
   }
 `;
 
 const TableHeaderCell = styled.td`
-  border: 1px solid ${(props) => props.theme.border};
+  border: 1px solid ${props => props.theme.border};
   text-align: left;
   padding: 2px;
-  background-color: ${(props) => props.theme.gridheader_background};
+  background-color: ${props => props.theme.gridheader_background};
   overflow: hidden;
   position: relative;
 
-  ${(props) =>
+  ${props =>
     props.isSelected &&
     `
     background: initial;
@@ -64,7 +64,7 @@ const TableHeaderCell = styled.td`
 
 const TableBodyCell = styled.td`
   font-weight: normal;
-  border: 1px solid ${(props) => props.theme.border};
+  border: 1px solid ${props => props.theme.border};
   // border-collapse: collapse;
   padding: 2px;
   white-space: nowrap;
@@ -73,14 +73,14 @@ const TableBodyCell = styled.td`
   overflow: hidden;
   text-overflow: ellipsis;
 
-  ${(props) =>
+  ${props =>
     props.isSelected &&
     `
     background: initial;
     background-color: ${props.theme.gridbody_selection[4]};
     color: ${props.theme.gridbody_invfont1};`}
 
-  ${(props) =>
+  ${props =>
     !props.isSelected &&
     props.isModifiedCell &&
     `
@@ -96,7 +96,7 @@ const FocusField = styled.input`
 
 const RowCountLabel = styled.div`
   position: absolute;
-  background-color: ${(props) => props.theme.gridbody_background_yellow[1]};
+  background-color: ${props => props.theme.gridbody_background_yellow[1]};
   right: 40px;
   bottom: 20px;
 `;
@@ -145,7 +145,7 @@ export default function FormView(props) {
   const { rowData, rowStatus } = former;
 
   const handleSwitchToTable = () => {
-    setConfig((cfg) => ({
+    setConfig(cfg => ({
       ...cfg,
       isFormView: false,
       formViewKey: null,
@@ -156,7 +156,7 @@ export default function FormView(props) {
     ? () => formDisplay.filterCellValue(getCellColumn(currentCell), rowData)
     : null;
 
-  const handleContextMenu = (event) => {
+  const handleContextMenu = event => {
     event.preventDefault();
     showMenu(
       event.pageX,
@@ -196,7 +196,7 @@ export default function FormView(props) {
     return [row, col];
   };
 
-  const handleCursorMove = (event) => {
+  const handleCursorMove = event => {
     if (event.ctrlKey) {
       switch (event.keyCode) {
         case keycodes.leftArrow:
@@ -225,7 +225,7 @@ export default function FormView(props) {
     }
   };
 
-  const handleKeyNavigation = (event) => {
+  const handleKeyNavigation = event => {
     if (event.ctrlKey) {
       switch (event.keyCode) {
         case keycodes.upArrow:
@@ -268,7 +268,7 @@ export default function FormView(props) {
     }
   }
 
-  const scrollIntoView = (cell) => {
+  const scrollIntoView = cell => {
     const element = cellRefs.current[`${cell[0]},${cell[1]}`];
     if (element) element.scrollIntoView();
   };
@@ -290,7 +290,7 @@ export default function FormView(props) {
     copyTextToClipboard(text);
   }
 
-  const handleKeyDown = (event) => {
+  const handleKeyDown = event => {
     const navigation = handleKeyNavigation(event);
     if (navigation) {
       event.preventDefault();
@@ -374,7 +374,7 @@ export default function FormView(props) {
     }
   };
 
-  const handleTableMouseDown = (event) => {
+  const handleTableMouseDown = event => {
     event.preventDefault();
     if (focusFieldRef.current) focusFieldRef.current.focus();
 
@@ -478,7 +478,7 @@ export default function FormView(props) {
                 data-col={chunkIndex * 2}
                 // @ts-ignore
                 isSelected={currentCell[0] == rowIndex && currentCell[1] == chunkIndex * 2}
-                ref={(element) => setCellRef(rowIndex, chunkIndex * 2, element)}
+                ref={element => setCellRef(rowIndex, chunkIndex * 2, element)}
               >
                 <ColumnLabel {...col} />
               </TableHeaderCell>
@@ -489,7 +489,7 @@ export default function FormView(props) {
                 // @ts-ignore
                 isSelected={currentCell[0] == rowIndex && currentCell[1] == chunkIndex * 2 + 1}
                 isModifiedCell={rowStatus.modifiedFields && rowStatus.modifiedFields.has(col.uniqueName)}
-                ref={(element) => setCellRef(rowIndex, chunkIndex * 2 + 1, element)}
+                ref={element => setCellRef(rowIndex, chunkIndex * 2 + 1, element)}
               >
                 {inplaceEditorState.cell &&
                 rowIndex == inplaceEditorState.cell[0] &&
@@ -499,7 +499,7 @@ export default function FormView(props) {
                     inplaceEditorState={inplaceEditorState}
                     dispatchInsplaceEditor={dispatchInsplaceEditor}
                     cellValue={rowData[col.uniqueName]}
-                    onSetValue={(value) => {
+                    onSetValue={value => {
                       former.setCellValue(col.uniqueName, value);
                     }}
                     // grider={grider}
@@ -520,7 +520,7 @@ export default function FormView(props) {
                       <ShowFormButton
                         theme={theme}
                         className="buttonLike"
-                        onClick={(e) => {
+                        onClick={e => {
                           e.stopPropagation();
                           openReferenceForm(rowData, col, openNewTab, conid, database);
                         }}

packages/web/src/formview/FormViewFilters.js

@@ -44,7 +44,7 @@ function PrimaryKeyFilterEditor({ column, baseTable, formDisplay }) {
     formDisplay.reload();
   };
 
-  const handleKeyDown = (ev) => {
+  const handleKeyDown = ev => {
     if (ev.keyCode == keycodes.enter) {
       applyFilter();
     }
@@ -58,13 +58,10 @@ function PrimaryKeyFilterEditor({ column, baseTable, formDisplay }) {
       <ColumnNameWrapper>
         <div>
           <FontIcon icon="img primary-key" />
-          <ColumnLabel {...baseTable.columns.find((x) => x.columnName == column.columnName)} />
+          <ColumnLabel {...baseTable.columns.find(x => x.columnName == column.columnName)} />
         </div>
         {formDisplay.config.formViewKeyRequested && (
-          <InlineButton
-            square
-            onClick={cancelFilter}
-          >
+          <InlineButton square onClick={cancelFilter}>
             <FontIcon icon="icon delete" />
           </InlineButton>
         )}
@@ -86,11 +83,11 @@ export default function FormViewFilters(props) {
 
   return (
     <ManagerInnerContainer style={{ maxWidth: props.managerSize }}>
-      {baseTable.primaryKey.columns.map((col) => (
+      {baseTable.primaryKey.columns.map(col => (
         <PrimaryKeyFilterEditor key={col.columnName} baseTable={baseTable} column={col} formDisplay={formDisplay} />
       ))}
-      {allFilterNames.map((columnName) => {
-        const column = baseTable.columns.find((x) => x.columnName == columnName);
+      {allFilterNames.map(columnName => {
+        const column = baseTable.columns.find(x => x.columnName == columnName);
         if (!column) return null;
         return (
           <ColumnWrapper key={columnName}>
@@ -108,7 +105,7 @@ export default function FormViewFilters(props) {
             <DataFilterControl
               filterType={getFilterType(column.dataType)}
               filter={filters[column.columnName]}
-              setFilter={(value) => formDisplay.setFilter(column.columnName, value)}
+              setFilter={value => formDisplay.setFilter(column.columnName, value)}
             />
           </ColumnWrapper>
         );

packages/web/src/formview/SqlFormView.js

@@ -84,12 +84,12 @@ export default function SqlFormView(props) {
     if (isLoadingData) return;
     let newLoadedRow = false;
     if (formDisplay.config.formViewKeyRequested || formDisplay.config.formViewKey) {
-      setLoadProps((oldLoadProps) => ({
+      setLoadProps(oldLoadProps => ({
         ...oldLoadProps,
         isLoadingData: true,
       }));
       const row = await loadRow(props, formDisplay.getCurrentRowQuery());
-      setLoadProps((oldLoadProps) => ({
+      setLoadProps(oldLoadProps => ({
         ...oldLoadProps,
         isLoadingData: false,
         isLoadedData: true,
@@ -107,14 +107,14 @@ export default function SqlFormView(props) {
   };
 
   const handleLoadRowCount = async () => {
-    setLoadProps((oldLoadProps) => ({
+    setLoadProps(oldLoadProps => ({
       ...oldLoadProps,
       isLoadingCount: true,
     }));
     const countRow = await loadRow(props, formDisplay.getCountQuery());
     const countBeforeRow = await loadRow(props, formDisplay.getBeforeCountQuery());
 
-    setLoadProps((oldLoadProps) => ({
+    setLoadProps(oldLoadProps => ({
       ...oldLoadProps,
       isLoadedCount: true,
       isLoadingCount: false,
@@ -123,8 +123,8 @@ export default function SqlFormView(props) {
     }));
   };
 
-  const handleNavigate = async (command) => {
-    setLoadProps((oldLoadProps) => ({
+  const handleNavigate = async command => {
+    setLoadProps(oldLoadProps => ({
       ...oldLoadProps,
       isLoadingData: true,
     }));
@@ -132,7 +132,7 @@ export default function SqlFormView(props) {
     if (row) {
       formDisplay.navigate(row);
     }
-    setLoadProps((oldLoadProps) => ({
+    setLoadProps(oldLoadProps => ({
       ...oldLoadProps,
       isLoadingData: false,
       isLoadedData: true,
@@ -227,7 +227,7 @@ export default function SqlFormView(props) {
     });
     const { errorMessage } = resp.data || {};
     if (errorMessage) {
-      showModal((modalState) => (
+      showModal(modalState => (
         <ErrorMessageModal modalState={modalState} message={errorMessage} title="Error when saving" />
       ));
     } else {