Convert common to TypeScript

Author: CompuIves

packages/common/babel.config.js packages/common/babel.config.tspackages/common/babel.config.js renamed to packages/common/babel.config.ts

@@ -0,0 +1,2 @@
+declare const _default: import("styled-components").StyledComponent<any, any, {}, string | number | symbol>;
+export default _default;

packages/common/components/Preference/index.js

@@ -0,0 +1,10 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const styled_components_1 = require('styled-components');
+const react_input_autosize_1 = require('react-input-autosize');
+const Input_1 = require('../Input');
+exports.default = styled_components_1.default(react_input_autosize_1.default)`
+  input {
+    ${Input_1.styles};
+  }
+`;

packages/common/components/flex/Centered.js

@@ -0,0 +1,5 @@
+declare const _default: import("styled-components").StyledComponent<any, any, {
+    block?: boolean;
+    error?: boolean;
+}, string | number | symbol>;
+export default _default;

packages/common/lib/components/AutosizeInput/index.d.ts

@@ -0,0 +1,7 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const react_textarea_autosize_1 = require('react-textarea-autosize');
+const Input_1 = require('../Input');
+exports.default = Input_1.default.withComponent(
+  react_textarea_autosize_1.default
+);

packages/common/lib/components/AutosizeInput/index.js

@@ -0,0 +1,6 @@
+export declare const BorderRadius: import("styled-components").StyledComponent<"div", any, {
+    hasUrl?: boolean;
+}, never>;
+export declare const Text: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Icon: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledA: import("styled-components").StyledComponent<"a", any, {}, never>;

packages/common/lib/components/AutosizeTextArea/index.d.ts

@@ -0,0 +1,42 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const styled_components_1 = require('styled-components');
+exports.BorderRadius = styled_components_1.default.div`
+  transition: 0.3s ease all;
+  border-radius: 4px;
+  border: 1px solid #4f5459;
+  font-size: 0.75em;
+  margin-right: 1rem;
+
+  display: flex;
+
+  ${props =>
+    props.hasUrl &&
+    styled_components_1.css`
+      &:hover {
+        background-color: #4f5459;
+      }
+    `};
+`;
+exports.Text = styled_components_1.default.span`
+  display: inline-block;
+
+  color: ${props =>
+    props.theme.light ? '#636363' : 'rgba(255, 255, 255, 0.6)'};
+  border-radius: 4px;
+  padding: 3px 5px;
+
+  &:hover {
+    color: rgba(255, 255, 255, 0.6);
+  }
+`;
+exports.Icon = styled_components_1.default.span`
+  display: inline-block;
+  padding: 3px 5px;
+  background-color: #4f5459;
+  border-radius: 2px;
+  color: ${props => props.theme.background};
+`;
+exports.StyledA = styled_components_1.default.a`
+  text-decoration: none;
+`;

packages/common/lib/components/AutosizeTextArea/index.js

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare function GithubBadge({ username, repo, url, branch, ...props }: {
+    [x: string]: any;
+    username: any;
+    repo: any;
+    url: any;
+    branch: any;
+}): JSX.Element;
+export default GithubBadge;