move components to components folder

superset-frontend/jest.config.js

@@ -34,13 +34,10 @@ module.exports = {
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json'],
   globals: {
     'ts-jest': {
+      babelConfig: true,
       diagnostics: {
         warnOnly: true,
       },
-      tsConfig: {
-        jsx: 'react',
-        esModuleInterop: true,
-      },
     },
   },
 };

superset-frontend/src/components/ListView/Filters.tsx

@@ -19,9 +19,9 @@
 import React, { useState } from 'react';
 import styled from '@emotion/styled';
 import { withTheme } from 'emotion-theming';
-// @ts-ignore
-import Select from 'react-select';
 
+import StyledSelect from 'src/components/StyledSelect';
+import SearchInput from 'src/components/SearchInput';
 import { Filter, Filters, FilterValue, InternalFilter } from './types';
 
 interface BaseFilter {
@@ -34,33 +34,6 @@ interface SelectFilterProps extends BaseFilter {
   emptyLabel?: string;
 }
 
-const StyledSelect = styled(Select)`
-  display: inline;
-  &.is-focused:not(.is-open) > .Select-control {
-    border: none;
-    box-shadow: none;
-  }
-  .Select-control {
-    display: inline-table;
-    border: none;
-    width: 100px;
-    &:focus,
-    &:hover {
-      border: none;
-      box-shadow: none;
-    }
-
-    .Select-arrow-zone {
-      padding-left: 10px;
-    }
-  }
-  .Select-menu-outer {
-    margin-top: 0;
-    border-bottom-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-`;
-
 const FilterContainer = styled.div`
   display: inline;
   margin-right: 8px;
@@ -120,16 +93,6 @@ interface SearchHeaderProps extends BaseFilter {
   onSubmit: (val: string) => void;
 }
 
-const SearchInput = styled.input`
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  padding: 4px 8px;
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-`;
-
 function SearchFilter({ Header, initialValue, onSubmit }: SearchHeaderProps) {
   const [value, setValue] = useState(initialValue || '');
   const handleSubmit = () => onSubmit(value);

superset-frontend/src/components/SearchInput.tsx

@@ -0,0 +1,29 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import styled from '@emotion/styled';
+
+export default styled.input`
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  padding: 4px 8px;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+`;

superset-frontend/src/components/StyledSelect.tsx

@@ -0,0 +1,48 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import styled from '@emotion/styled';
+// @ts-ignore
+import Select from 'react-select';
+
+export default styled(Select)`
+  display: inline;
+  &.is-focused:not(.is-open) > .Select-control {
+    border: none;
+    box-shadow: none;
+  }
+  .Select-control {
+    display: inline-table;
+    border: none;
+    width: 100px;
+    &:focus,
+    &:hover {
+      border: none;
+      box-shadow: none;
+    }
+
+    .Select-arrow-zone {
+      padding-left: 10px;
+    }
+  }
+  .Select-menu-outer {
+    margin-top: 0;
+    border-bottom-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+`;

superset-frontend/src/views/dashboardList/DashboardList.tsx

@@ -162,10 +162,10 @@ class DashboardList extends React.PureComponent<Props, State> {
           original: { published },
         },
       }: any) => (
-          <span className="no-wrap">
-            {published ? <i className="fa fa-check" /> : ''}
-          </span>
-        ),
+        <span className="no-wrap">
+          {published ? <i className="fa fa-check" /> : ''}
+        </span>
+      ),
       Header: t('Published'),
       accessor: 'published',
       sortable: true,