refactor(components): update components architecture

src/components/Breadcrumb/Breadcrumb.js

@@ -1,7 +1,7 @@
 import React from 'preact-compat';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import Template from '../Template.js';
+import Template from '../Template/Template';
 
 const renderLink = ({ cssClasses, createURL, refine, templateProps }) => (
   item,

src/components/ClearRefinements/ClearRefinements.js

@@ -1,7 +1,7 @@
 import React from 'preact-compat';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import Template from '../Template.js';
+import Template from '../Template/Template';
 
 const ClearRefinements = ({
   hasRefinements,

src/components/GeoSearchControls/GeoSearchControls.js

@@ -1,7 +1,7 @@
 import React from 'preact-compat';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import Template from '../Template';
+import Template from '../Template/Template';
 import GeoSearchButton from './GeoSearchButton';
 import GeoSearchToggle from './GeoSearchToggle';
 

src/components/Hits/Hits.js

@@ -1,7 +1,7 @@
 import React from 'preact-compat';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import Template from '../Template.js';
+import Template from '../Template/Template';
 
 const Hits = ({ results, hits, cssClasses, templateProps }) => {
   if (results.hits.length === 0) {

src/components/Hits/__tests__/Hits-test.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { shallow, mount } from 'enzyme';
 import Hits from '../Hits';
-import Template from '../../Template';
+import Template from '../../Template/Template';
 import { highlight } from '../../../helpers';
 
 describe('Hits', () => {

src/components/InfiniteHits/InfiniteHits.js

@@ -1,7 +1,7 @@
 import React from 'preact-compat';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import Template from '../Template.js';
+import Template from '../Template/Template';
 
 const InfiniteHits = ({
   results,

src/components/MenuSelect.js → src/components/MenuSelect/MenuSelect.js

@@ -1,8 +1,7 @@
 import React, { Component } from 'preact-compat';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-
-import Template from './Template';
+import Template from '../Template/Template';
 
 class MenuSelect extends Component {
   static propTypes = {

src/components/__tests__/MenuSelect-test.js → src/components/MenuSelect/__tests__/MenuSelect-test.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import MenuSelect from '../MenuSelect';
 import { mount } from 'enzyme';
-
-import defaultTemplates from '../../widgets/menu-select/defaultTemplates';
+import defaultTemplates from '../../../widgets/menu-select/defaultTemplates';
 
 describe('MenuSelect', () => {
   const cssClasses = {

src/components/RefinementList/RefinementList.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import isEqual from 'lodash/isEqual';
 import { isSpecialClick } from '../../lib/utils.js';
-import Template from '../Template.js';
+import Template from '../Template/Template';
 import RefinementListItem from './RefinementListItem.js';
 import SearchBox from '../SearchBox';
 

src/components/RefinementList/RefinementListItem.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'preact-compat';
 import isEqual from 'lodash/isEqual';
-import Template from '../Template.js';
+import Template from '../Template/Template';
 
 class RefinementListItem extends Component {
   componentWillMount() {

src/components/Stats/Stats.js

@@ -1,6 +1,6 @@
 import React from 'preact-compat';
 import PropTypes from 'prop-types';
-import Template from '../Template.js';
+import Template from '../Template/Template';
 
 const Stats = ({
   nbHits,

src/components/Template.js → src/components/Template/Template.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'preact-compat';
 import PropTypes from 'prop-types';
 import isEqual from 'lodash/isEqual';
-import { isReactElement, renderTemplate } from '../lib/utils';
+import { isReactElement, renderTemplate } from '../../lib/utils';
 
 class Template extends Component {
   shouldComponentUpdate(nextProps) {

src/components/ToggleRefinement.js → src/components/ToggleRefinement/ToggleRefinement.js

@@ -1,6 +1,6 @@
 import React from 'preact-compat';
 import PropTypes from 'prop-types';
-import Template from './Template.js';
+import Template from '../Template/Template';
 
 const ToggleRefinement = ({
   currentRefinement,

src/widgets/hits-per-page/hits-per-page.js

@@ -1,7 +1,7 @@
 import React, { render, unmountComponentAtNode } from 'preact-compat';
 import cx from 'classnames';
 import find from 'lodash/find';
-import Selector from '../../components/Selector.js';
+import Selector from '../../components/Selector/Selector.js';
 import connectHitsPerPage from '../../connectors/hits-per-page/connectHitsPerPage.js';
 import { getContainerNode } from '../../lib/utils.js';
 import { component } from '../../lib/suit.js';

src/widgets/menu-select/menu-select.js

@@ -1,7 +1,7 @@
 import React, { render } from 'preact-compat';
 import cx from 'classnames';
 import connectMenu from '../../connectors/menu/connectMenu';
-import MenuSelect from '../../components/MenuSelect';
+import MenuSelect from '../../components/MenuSelect/MenuSelect';
 import defaultTemplates from './defaultTemplates';
 import { prepareTemplateProps, getContainerNode } from '../../lib/utils';
 import { component } from '../../lib/suit';

src/widgets/sort-by/sort-by.js

@@ -1,6 +1,6 @@
 import React, { render, unmountComponentAtNode } from 'preact-compat';
 import cx from 'classnames';
-import Selector from '../../components/Selector.js';
+import Selector from '../../components/Selector/Selector.js';
 import connectSortBy from '../../connectors/sort-by/connectSortBy.js';
 import { getContainerNode } from '../../lib/utils.js';
 import { component } from '../../lib/suit.js';

src/widgets/toggleRefinement/toggleRefinement.js

@@ -1,6 +1,6 @@
 import React, { render, unmountComponentAtNode } from 'preact-compat';
 import cx from 'classnames';
-import ToggleRefinement from '../../components/ToggleRefinement.js';
+import ToggleRefinement from '../../components/ToggleRefinement/ToggleRefinement.js';
 import connectToggleRefinement from '../../connectors/toggleRefinement/connectToggleRefinement.js';
 import defaultTemplates from './defaultTemplates.js';
 import { getContainerNode, prepareTemplateProps } from '../../lib/utils.js';