Улучшено поведение кнопки для закрытия автокомплита

AutoComplete.tsx

@@ -128,6 +128,12 @@ export default class AutoComplete<A=string> extends React.Component<Props<A>, St
     else this.dispatch({ tag: 'Open' });
   };
 
+  handleCloseClick = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    this.setState({ value: null });
+    !this.props.nonNull && this.handleSuggestionSelect('null' in this.props ? this.props.null : null);
+  };
+
   getValue = () => {
     const { printItem } = this.props;
     if (this.state.value !== null) return this.state.value;
@@ -160,7 +166,7 @@ export default class AutoComplete<A=string> extends React.Component<Props<A>, St
 
   endAdornment = memoize((nonNull: boolean, disabled: boolean) => <React.Fragment>
     <Icon onClick={disabled ? undefined : this.handleToggleVisibility}>arrow_drop_down</Icon>
-    {!nonNull && <Icon onClick={disabled ? undefined : (() => this.handleValueChange(''))}>close</Icon>}
+    {!nonNull && <Icon onClick={disabled ? undefined : this.handleCloseClick}>close</Icon>}
   </React.Fragment>);
 
   childrenProps = () => {

ResourceID.tsx

 import * as React from 'react';
-import { CrudResource } from '~/utils/jsonapi';
+import { CrudResource } from '~/jsonapi';
 import { AuthCtx as Ctx } from '~/utils';
 import { Eff } from '@bitmaster/core';
 import * as Rx from 'rxjs';