fe deps update (TouK#1238)

* fixed lint errors from new defaults

* bump node

* deps

.github/workflows/pr.yml

@@ -90,7 +90,7 @@ jobs:
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v1
         with:
-          node-version: 13.2
+          node-version: 14.11.0
       - run: ./ciFrontendTest.sh
 
 

.nvmrc

@@ -1 +1 @@
-13.2.0
+14.11.0

ui/client/actions/nk/assignSettings.ts

@@ -1,7 +1,9 @@
+import {UnknownRecord} from "../../types/common"
+
 type MetricsType = {
   url: string,
   defaultDashboard: string,
-  processingTypeToDashboard: {},
+  processingTypeToDashboard: UnknownRecord,
 }
 
 type FeaturesSettings = {

ui/client/actions/nk/reportEvent.ts

@@ -22,11 +22,8 @@ export function reportEvent(eventInfo: EventInfo): ThunkAction {
     type: "USER_TRACKING",
     tracking: {
       event: {
-        // eslint-disable-next-line @typescript-eslint/camelcase
         e_c: eventInfo.category,
-        // eslint-disable-next-line @typescript-eslint/camelcase
         e_a: eventInfo.action,
-        // eslint-disable-next-line @typescript-eslint/camelcase
         e_n: eventInfo.name,
       },
     },

ui/client/brace/theme/nussknacker.js

@@ -1,6 +1,6 @@
 //based on https://github.com/thlorenz/brace/blob/master/theme/monokai.js
 
-const nussknackerCssTheme = require('!raw-loader!./nussknacker.css');
+const nussknackerCssTheme = require('!raw-loader!./nussknacker.css').default;
 
 ace.define("ace/theme/nussknacker",["require","exports","module","ace/lib/dom"], function(acequire, exports, module) {
 

ui/client/common/LoaderUtils.js

@@ -1,3 +1,3 @@
 export function loadSvgContent(fileName) {
-  return require(`!raw-loader!../assets/img/${fileName}`)
+  return require(`!raw-loader!../assets/img/${fileName}`).default
 }

ui/client/components/Process/types.ts

@@ -1,4 +1,6 @@
 /* eslint-disable i18next/no-literal-string */
+import {UnknownRecord} from "../../types/common"
+
 export enum ActionType {
   Deploy = "DEPLOY",
   Cancel = "CANCEL",
@@ -21,7 +23,7 @@ export type ProcessActionType = {
   action: ActionType,
   commentId?: number,
   comment?: string,
-  buildInfo?: {},
+  buildInfo?: UnknownRecord,
 }
 
 type ProcessHistoryEntry = $TodoType
@@ -64,6 +66,6 @@ export type ProcessStateType = {
   tooltip?: string,
   description?: string,
   startTime?: Date,
-  attributes?: {},
+  attributes?: UnknownRecord,
   errors?: Array<string>,
 }

ui/client/components/ProcessAttachments.tsx

@@ -6,6 +6,7 @@ import {WithTranslation} from "react-i18next/src"
 import {connect} from "react-redux"
 import {mapDispatchWithEspActions} from "../actions/ActionsUtils"
 import InlinedSvgs from "../assets/icons/InlinedSvgs"
+import {UnknownRecord} from "../types/common"
 import {NkButton} from "./NkButton"
 import HttpService from "../http/HttpService"
 import {RootState} from "../reducers/index"
@@ -14,7 +15,7 @@ import {FocusOutline, InputWithFocus} from "./withFocus"
 
 type State = { pendingRequest: boolean }
 
-type OwnProps = {} & WithTranslation
+type OwnProps = UnknownRecord & WithTranslation
 
 export class ProcessAttachments extends React.Component<Props, State> {
   private initState: State

ui/client/components/ProcessHistory.tsx

@@ -3,16 +3,16 @@ import {Scrollbars} from "react-custom-scrollbars"
 import {connect} from "react-redux"
 import {mapDispatchWithEspActions} from "../actions/ActionsUtils"
 import {unsavedProcessChanges} from "../common/DialogMessages"
-import ProcessUtils from "../common/ProcessUtils"
 import styles from "../stylesheets/processHistory.styl"
+import {UnknownRecord} from "../types/common"
 import Date from "./common/Date"
 import {compose} from "redux"
 import {WithTranslation} from "react-i18next/src"
 import {withTranslation} from "react-i18next"
 import {ProcessVersionType} from "./Process/types"
 import {isBusinessView, isSaveDisabled} from "../reducers/selectors/graph"
 
-type OwnProps = {}
+type OwnProps = UnknownRecord
 
 type State = {
   currentVersion: ProcessVersionType,

ui/client/components/Spinner.tsx

@@ -1,7 +1,8 @@
 import React from "react"
 import "../stylesheets/spinner.styl"
+import {UnknownRecord} from "../types/common"
 
-type State = {}
+type State = UnknownRecord
 
 type Props = {
   show: boolean,

ui/client/components/graph/NodeUtils.ts

@@ -15,10 +15,11 @@ import {
   ProcessDefinitionData,
   EdgeType, UINodeType,
 } from "../../types"
+import {UnknownRecord} from "../../types/common"
 
 class NodeUtils {
 
-  isNode = (obj: {}): obj is NodeType => {
+  isNode = (obj: UnknownRecord): obj is NodeType => {
     return !_.isEmpty(obj) && _.has(obj, "id") && _.has(obj, "type")
   }
 
@@ -197,6 +198,7 @@ class NodeUtils {
   }
 
   //TODO: this function should already exists in lodash?
+  // eslint-disable-next-line @typescript-eslint/ban-types
   _update = <T extends {}, U>(path: string, fun: (u: U) => U, object: T): T => {
     return fp.set(path, fun(_.get(object, path)), object)
   }

ui/client/components/graph/node-modal/AdditionalProperty.tsx

@@ -1,4 +1,5 @@
 import {get} from "lodash"
+import {UnknownFunction} from "../../../types/common"
 import EditableEditor from "./editors/EditableEditor"
 import React from "react"
 import {PossibleValue} from "./editors/Validators"
@@ -16,8 +17,8 @@ type Props = {
   propertyConfig: AdditionalPropertyConfig,
   propertyErrors: Array<any>,
   editedNode: any,
-  onChange: Function,
-  renderFieldLabel: Function,
+  onChange: UnknownFunction,
+  renderFieldLabel: UnknownFunction,
   readOnly: boolean,
 }
 
@@ -44,7 +45,7 @@ export default function AdditionalProperty(props: Props) {
       key={propertyName}
       showSwitch={showSwitch}
       showValidation={showValidation}
-      //AdditionalProperties do not use any variables 
+      //AdditionalProperties do not use any variables
       variableTypes={{}}
       errors={propertyErrors}
     />

ui/client/components/graph/node-modal/Variable.tsx

@@ -48,7 +48,7 @@ const Variable = (props: Props) => {
         fieldLabel={"Expression"}
         renderFieldLabel={renderFieldLabel}
         expressionObj={node.value}
-        onValueChange={((value) => onChange("value.expression", value))}
+        onValueChange={((value: string) => onChange("value.expression", value))}
         readOnly={readOnly}
         showValidation={showValidation}
         showSwitch={false}

ui/client/components/graph/node-modal/editors/EditableEditor.tsx

@@ -1,4 +1,5 @@
 import React from "react"
+import {UnknownFunction} from "../../../../types/common"
 import {editors, EditorType, simpleEditorValidators} from "./expression/Editor"
 import {isEmpty} from "lodash"
 import {ExpressionObj} from "./expression/types"
@@ -10,7 +11,7 @@ import {ParamType} from "./types"
 type Props = {
   expressionObj: ExpressionObj,
   showSwitch: boolean,
-  renderFieldLabel?: Function,
+  renderFieldLabel?: UnknownFunction,
   fieldLabel?: string,
   readOnly: boolean,
   rowClassName?: string,
@@ -20,7 +21,7 @@ type Props = {
   fieldName?: string,
   isMarked?: boolean,
   showValidation?: boolean,
-  onValueChange: Function,
+  onValueChange: UnknownFunction,
   errors?: Array<Error>,
   variableTypes: VariableTypes,
   validationLabelInfo?: string,

ui/client/components/graph/node-modal/editors/expression/BoolEditor.tsx

@@ -1,13 +1,14 @@
 import i18next from "i18next"
 import {isEmpty} from "lodash"
 import React from "react"
+import {UnknownFunction} from "../../../../../types/common"
 import FixedValuesEditor from "./FixedValuesEditor"
 import {ExpressionObj} from "./types"
 import {SimpleEditor} from "./Editor"
 
 type Props = {
   expressionObj: ExpressionObj,
-  onValueChange: Function,
+  onValueChange: UnknownFunction,
   readOnly: boolean,
   className: string,
   values?: $TodoType,

ui/client/components/graph/node-modal/editors/expression/Cron/CronEditor.tsx

@@ -1,3 +1,4 @@
+import {UnknownFunction} from "../../../../../../types/common"
 import {ExpressionObj} from "../types"
 import {Validator} from "../../Validators"
 import React, {useEffect, useRef, useState} from "react"
@@ -12,7 +13,7 @@ export type CronExpression = string
 
 type Props = {
   expressionObj: ExpressionObj,
-  onValueChange: Function,
+  onValueChange: UnknownFunction,
   validators: Array<Validator>,
   showValidation?: boolean,
   readOnly: boolean,

ui/client/components/graph/node-modal/editors/expression/DualParameterEditor.tsx

@@ -1,3 +1,4 @@
+import {UnknownFunction} from "../../../../../types/common"
 import {DualEditorMode, editors, SimpleEditor} from "./Editor"
 import SwitchIcon from "./SwitchIcon"
 import React, {useState} from "react"
@@ -14,10 +15,10 @@ type Props = {
     validators: Array<$TodoType>,
     isMarked: boolean,
     showValidation: boolean,
-    onValueChange: Function,
+    onValueChange: UnknownFunction,
     className: string,
     variableTypes: VariableTypes,
-    showSwitch: boolean
+    showSwitch: boolean,
 }
 
 export default function DualParameterEditor(props: Props) {
@@ -43,13 +44,15 @@ export default function DualParameterEditor(props: Props) {
         (<SimpleEditor {...editorProps} editorConfig={editorConfig.simpleEditor}/>)
       }
       {showSwitch ?
-        (<SwitchIcon
+        (
+          <SwitchIcon
             switchable={switchable}
             hint={hint}
             onClick={(_) => setDisplayRawEditor(!displayRawEditor)}
             displayRawEditor={displayRawEditor}
             readOnly={readOnly}
-          />) : null }
+          />
+        ) : null }
     </>
   )
 }

ui/client/components/graph/node-modal/editors/expression/Duration/DurationEditor.tsx

@@ -1,11 +1,11 @@
 import React from "react"
+import {UnknownFunction} from "../../../../../../types/common"
 import {ExpressionObj} from "../types"
 import {Validator} from "../../Validators"
 import "./timeRange.styl"
 import TimeRangeEditor from "./TimeRangeEditor"
 import _ from "lodash"
 import i18next from "i18next"
-import {TimeRange, TimeRangeComponentType} from "./TimeRangeComponent"
 import {Formatter, FormatterType, typeFormatters} from "../Formatter"
 import moment from "moment"
 
@@ -17,7 +17,7 @@ export type Duration = {
 
 type Props = {
   expressionObj: ExpressionObj,
-  onValueChange: Function,
+  onValueChange: UnknownFunction,
   validators: Array<Validator>,
   showValidation?: boolean,
   readOnly: boolean,

ui/client/components/graph/node-modal/editors/expression/Duration/PeriodEditor.tsx

@@ -1,11 +1,11 @@
+import {UnknownFunction} from "../../../../../../types/common"
 import {ExpressionObj} from "../types"
 import {Validator} from "../../Validators"
 import React from "react"
 import moment from "moment"
 import TimeRangeEditor from "./TimeRangeEditor"
 import _ from "lodash"
 import i18next from "i18next"
-import {TimeRangeComponentType} from "./TimeRangeComponent"
 import {Formatter, FormatterType, typeFormatters} from "../Formatter"
 
 export type Period = {
@@ -16,7 +16,7 @@ export type Period = {
 
 type Props = {
   expressionObj: ExpressionObj,
-  onValueChange: Function,
+  onValueChange: UnknownFunction,
   validators: Array<Validator>,
   showValidation?: boolean,
   readOnly: boolean,

ui/client/components/graph/node-modal/editors/expression/Duration/TimeRangeComponent.tsx

@@ -1,6 +1,7 @@
 import React from "react"
 import "./timeRange.styl"
 import classNames from "classnames"
+import {UnknownFunction} from "../../../../../../types/common"
 import {InputWithFocus} from "../../../../../withFocus"
 import {Duration} from "./DurationEditor"
 import {Period} from "./PeriodEditor"
@@ -43,7 +44,7 @@ const components: Record<string, TimeRangeComponentType> = {
 
 type Props = {
   timeRangeComponentName: TimeRange,
-  onChange: Function,
+  onChange: UnknownFunction,
   value: Duration | Period,
   readOnly: boolean,
   showValidation: boolean,

ui/client/components/graph/node-modal/editors/expression/Duration/TimeRangeEditor.tsx

@@ -1,12 +1,15 @@
 import React, {useEffect, useState} from "react"
+import {UnknownFunction} from "../../../../../../types/common"
+import {Period} from "./PeriodEditor"
 import TimeRangeSection from "./TimeRangeSection"
 import {Validator} from "../../Validators"
 import {TimeRange} from "./TimeRangeComponent"
+import {Duration} from "./DurationEditor"
 
 type Props = {
-  encode: Function,
-  decode: Function,
-  onValueChange: Function,
+  encode: UnknownFunction,
+  decode: ((exp: string) => Duration)|((exp: string) => Period),
+  onValueChange: UnknownFunction,
   editorConfig: $TodoType,
   readOnly: boolean,
   showValidation: boolean,

ui/client/components/graph/node-modal/editors/expression/Duration/TimeRangeSection.tsx

@@ -1,3 +1,4 @@
+import {UnknownFunction} from "../../../../../../types/common"
 import TimeRangeComponent, {TimeRange} from "./TimeRangeComponent"
 import ValidationLabels from "../../../../../modals/ValidationLabels"
 import React from "react"
@@ -8,7 +9,7 @@ import "./timeRange.styl"
 
 type Props = {
   components: Array<TimeRange>,
-  onComponentValueChange: Function,
+  onComponentValueChange: UnknownFunction,
   readOnly: boolean,
   showValidation: boolean,
   validators: Array<Validator>,

ui/client/components/graph/node-modal/editors/expression/ExpressionField.tsx

@@ -1,26 +1,27 @@
 import _ from "lodash"
 import React from "react"
+import {NodeType, UIParameter, VariableTypes} from "../../../../../types"
+import {UnknownFunction} from "../../../../../types/common"
 import ExpressionTestResults from "../../tests/ExpressionTestResults"
 import EditableEditor from "../EditableEditor"
-import {EditorType} from "./Editor"
-import {NodeType, UIParameter, VariableTypes} from "../../../../../types"
 import {Error} from "../Validators"
+import {EditorType} from "./Editor"
 
 type Props = {
   fieldName: string,
   fieldLabel: string,
   exprPath: string,
   isEditMode: boolean,
   editedNode: NodeType,
-  isMarked: Function,
+  isMarked: (...args: unknown[]) => boolean,
   showValidation: boolean,
   showSwitch: boolean,
   parameterDefinition: UIParameter,
-  setNodeDataAt: Function,
+  setNodeDataAt: UnknownFunction,
   testResultsToShow: $TodoType,
   testResultsToHide: $TodoType,
-  toggleTestResult: Function,
-  renderFieldLabel: Function,
+  toggleTestResult: UnknownFunction,
+  renderFieldLabel: UnknownFunction,
   errors: Array<Error>,
   variableTypes: VariableTypes,
 }