runInAction(() => {
const other = this.descriptor.columns
@@ -197,7 +198,6 @@ export class DataTable
extends ComponentContext> {
}
>
-
}
@computed
diff --git a/web/src/components/custom/controls/ReactiveControls.tsx b/web/src/components/custom/controls/ReactiveControls.tsx
index 37f1b1c..c604766 100644
--- a/web/src/components/custom/controls/ReactiveControls.tsx
+++ b/web/src/components/custom/controls/ReactiveControls.tsx
@@ -1,8 +1,8 @@
-import React from "react";
+import React, {ChangeEvent, Component} from "react";
import {ReactiveValue} from "../../../utils/reactive/reactiveValue";
import {observer} from "mobx-react";
-import {action, makeObservable, observable} from "mobx";
-import {Button, FloatingLabel, FormControl, FormText} from "react-bootstrap";
+import {action, makeObservable, observable, runInAction} from "mobx";
+import {Button, FloatingLabel, FormControl, FormSelect, FormText} from "react-bootstrap";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import './ReactiveControls.css';
@@ -14,12 +14,8 @@ export interface ReactiveInputProps {
validateless?: boolean;
}
-export interface ReactiveSelectInputProps extends ReactiveInputProps {
- possibleValues: { value: T, label: string }[];
-}
-
@observer
-export class StringInput extends React.Component> {
+export class StringInput extends Component> {
constructor(props: any) {
super(props);
makeObservable(this);
@@ -49,7 +45,7 @@ export class StringInput extends React.Component> {
}
@observer
-export class PasswordInput extends React.Component> {
+export class PasswordInput extends Component> {
@observable showPassword = false;
constructor(props: any) {
@@ -76,9 +72,8 @@ export class PasswordInput extends React.Component> {
+ disabled={this.props.disabled} onChange={this.onChange} value={this.props.value.value}
+ className={`${this.props.value.invalid ? 'bg-danger' : this.props.value.touched ? 'bg-success' : ''} bg-opacity-10`}/>