refactor: move search box to components package (binary-com#7664)

packages/p2p/src/components/search-box/search-box.jsx → packages/components/src/components/search-box/search-box.jsx

@@ -2,7 +2,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { Field as FormField, Formik, Form } from 'formik';
-import { Icon, Input } from '@deriv/components';
+import Icon from '../icon';
+import Input from '../input';
 
 const SearchBox = ({ className, onClear, onSearch, placeholder }) => {
     const onSearchClear = setFieldValue => {

packages/components/src/index.js

@@ -92,6 +92,7 @@ export { default as StatusBadge } from './components/status-badge';
 export { default as SwipeableWrapper } from './components/swipeable-wrapper';
 export { default as RelativeDatepicker } from './components/relative-datepicker';
 export { default as RemainingTime } from './components/remaining-time';
+export { default as SearchBox } from './components/search-box';
 export { default as Table } from './components/table';
 export { default as Tabs } from './components/tabs';
 export { default as Text } from './components/text';

packages/p2p/src/components/buy-sell/buy-sell-header.jsx

@@ -1,14 +1,13 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'lodash.debounce';
-import { ButtonToggle, Icon } from '@deriv/components';
+import { ButtonToggle, Icon, SearchBox } from '@deriv/components';
 import { isDesktop } from '@deriv/shared';
 import { observer } from 'mobx-react-lite';
 import classNames from 'classnames';
 import { buy_sell } from 'Constants/buy-sell';
 import { localize } from 'Components/i18next';
 import ToggleContainer from 'Components/misc/toggle-container.jsx';
-import SearchBox from 'Components/search-box';
 import SortDropdown from 'Components/buy-sell/sort-dropdown.jsx';
 import { useStores } from 'Stores';
 import CurrencyDropdown from 'Components/buy-sell/currency-dropdown.jsx';

packages/p2p/src/components/my-profile/block-user/block-user-list/block-user-list.jsx

@@ -1,12 +1,11 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { useStores } from 'Stores';
-import { Text, Loading } from '@deriv/components';
+import { Loading, SearchBox, Text } from '@deriv/components';
 import { isMobile } from '@deriv/shared';
 import BlockUserDropdown from '../block-user-dropdown';
 import BlockUserTable from '../block-user-table';
 import BlockUserTableError from '../block-user-table/block-user-table-error';
-import SearchBox from 'Components/search-box';
 import debounce from 'lodash.debounce';
 import { localize } from 'Components/i18next';
 import './block-user-list.scss';