Yarn workspaces

Summary:
1) moved "sonar/desktop/src" to "sonar/desktop/app/src", so "app" is now a separate package containing the core Flipper app code
2) Configured yarn workspaces with the root in "sonar/desktop": app, static, pkg, doctor, headless-tests. Plugins are not included for now, I plan to do this later.

Reviewed By: jknoxville

Differential Revision: D20535782

fbshipit-source-id: 600b2301960f37c7d72166e0d04eba462bec9fc1

desktop/app/src/ui/components/Input.tsx

@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+import styled from '@emotion/styled';
+import {colors} from './colors';
+
+export const inputStyle = (props: {
+  compact: boolean;
+  valid: boolean;
+  readOnly: boolean;
+}) => ({
+  border: `1px solid ${props.valid ? colors.light15 : colors.red}`,
+  borderRadius: 4,
+  font: 'inherit',
+  fontSize: '1em',
+
+  height: props.compact ? '17px' : '28px',
+  lineHeight: props.compact ? '17px' : '28px',
+  backgroundColor: props.readOnly ? colors.light02 : undefined,
+  '&:disabled': {
+    backgroundColor: '#ddd',
+    borderColor: '#ccc',
+    cursor: 'not-allowed',
+  },
+});
+
+const Input = styled.input<{
+  compact?: boolean;
+  valid?: boolean;
+  readOnly?: boolean;
+}>(({compact, valid, readOnly}) => ({
+  ...inputStyle({
+    compact: compact || false,
+    valid: valid !== false,
+    readOnly: readOnly === true,
+  }),
+  padding: compact ? '0 5px' : '0 10px',
+}));
+
+Input.displayName = 'Input';
+
+Input.defaultProps = {
+  type: 'text',
+};
+
+export default Input;