fix(styles): Remove reset styles and import functions from utils (#510)

Author: Mingze

src/common/BaseAnnotator.scss

@@ -12,7 +12,6 @@
     src: local('Lato Bold'), local('Lato-Bold'), url('https://cdn01.boxcdn.net/fonts/1.0.2/lato/Lato-Bold.woff2') format('woff2'), url('https://cdn01.boxcdn.net/fonts/1.0.2/lato/Lato-Bold.woff') format('woff');
 }
 
-@import '~box-ui-elements/es/styles/reset';
 @import '~box-ui-elements/es/styles/variables';
 
 .ba {

src/components/ReplyField/ReplyField.tsx

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import {
     addMention,
     getActiveMentionForEditorState,
-} from 'box-ui-elements/es/components/form-elements/draft-js-mention-selector';
+} from 'box-ui-elements/es/components/form-elements/draft-js-mention-selector/utils';
 import fuzzySearch from 'box-ui-elements/es/utils/fuzzySearch';
 import { DraftHandleValue, Editor, EditorState } from 'draft-js';
 import PopupList from '../Popups/PopupList';

src/components/ReplyField/__tests__/ReplyField-test.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { getActiveMentionForEditorState } from 'box-ui-elements/es/components/form-elements/draft-js-mention-selector';
+import { getActiveMentionForEditorState } from 'box-ui-elements/es/components/form-elements/draft-js-mention-selector/utils';
 import { shallow, ShallowWrapper } from 'enzyme';
 import { Editor, EditorState } from 'draft-js';
 import PopupList from '../../Popups/PopupList';
@@ -16,7 +16,7 @@ const mockMention = {
 
 const mockEditorState = EditorState.createEmpty();
 
-jest.mock('box-ui-elements/es/components/form-elements/draft-js-mention-selector', () => ({
+jest.mock('box-ui-elements/es/components/form-elements/draft-js-mention-selector/utils', () => ({
     addMention: jest.fn(() => mockEditorState),
     createMentionSelectorState: jest.fn(() => mockEditorState),
     getActiveMentionForEditorState: jest.fn(() => mockMention),

src/components/ReplyForm/ReplyForm.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { getFormattedCommentText } from 'box-ui-elements/es/components/form-elements/draft-js-mention-selector';
+import { getFormattedCommentText } from 'box-ui-elements/es/components/form-elements/draft-js-mention-selector/utils';
 import Button from 'box-ui-elements/es/components/button';
 import PrimaryButton from 'box-ui-elements/es/components/primary-button';
 import { KEYS } from 'box-ui-elements/es/constants';

src/components/ReplyForm/ReplyFormContainer.tsx

@@ -1,7 +1,5 @@
-import {
-    createMentionSelectorState,
-    getFormattedCommentText,
-} from 'box-ui-elements/es/components/form-elements/draft-js-mention-selector';
+import createMentionSelectorState from 'box-ui-elements/es/components/form-elements/draft-js-mention-selector/createMentionSelectorState';
+import { getFormattedCommentText } from 'box-ui-elements/es/components/form-elements/draft-js-mention-selector/utils';
 import { EditorState, SelectionState } from 'draft-js';
 import { FormikBag, withFormik } from 'formik';
 import { connect } from 'react-redux';

src/components/ReplyForm/__tests__/ReplyForm-test.tsx

@@ -9,7 +9,7 @@ import ReplyForm, { Props } from '../ReplyForm';
 import ReplyField from '../../ReplyField';
 import { mockEvent } from '../../../common/__mocks__/events';
 
-jest.mock('box-ui-elements/es/components/form-elements/draft-js-mention-selector', () => ({
+jest.mock('box-ui-elements/es/components/form-elements/draft-js-mention-selector/utils', () => ({
     getFormattedCommentText: jest.fn().mockReturnValue({ text: 'foo' }),
 }));