Update eslint config to lint the new UI Framework directory structure. (

elastic#13102)

tasks/config/eslint.js

@@ -9,8 +9,9 @@ export default grunt => ({
       'scripts',
       'tasks',
       'test',
-      'ui_framework/components',
-      'ui_framework/doc_site',
+      'ui_framework/src',
+      'ui_framework/doc_site/src',
+      'ui_framework/generator_kui',
       'utilities',
       'webpackShims',
     ],

ui_framework/src/components/typography/typography.js

@@ -0,0 +1,43 @@
+import {
+  cloneElement,
+  PropTypes,
+} from 'react';
+import classNames from 'classnames';
+
+const sizeToClassNameMap = {
+  small: 'kuiTitle--small',
+  large: 'kuiTitle--large',
+};
+
+export const SIZES = Object.keys(sizeToClassNameMap);
+
+export const KuiTitle = ({ size, children, className, ...rest }) => {
+  const classes = classNames('kuiTitle', sizeToClassNameMap[size], className);
+
+  const props = {
+    className: classes,
+    ...rest,
+  };
+
+  return cloneElement(children, props);
+};
+
+KuiTitle.PropTypes = {
+  children: PropTypes.node.isRequired,
+  size: PropTypes.oneOf(SIZES),
+};
+
+export const KuiText = ({ children, className, ...rest }) => {
+  const classes = classNames('kuiText', className);
+
+  const props = {
+    className: classes,
+    ...rest,
+  };
+
+  return cloneElement(children, props);
+};
+
+KuiText.PropTypes = {
+  children: PropTypes.node.isRequired,
+};

ui_framework/src/components/typography/typography.test.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import { render } from 'enzyme';
+import { requiredProps } from '../../test/required_props';
+
+import {
+  KuiTitle,
+  KuiText,
+  SIZES,
+} from './typography';
+
+describe('KuiTitle', () => {
+  test('is rendered', () => {
+    const component = render(
+      <KuiTitle { ...requiredProps }>
+        <h1>Hello</h1>
+      </KuiTitle>
+    );
+
+    expect(component)
+      .toMatchSnapshot();
+  });
+
+  describe('renders size', () => {
+    SIZES.forEach(size => {
+      test(size, () => {
+        const component = render(
+          <KuiTitle size={size}>
+            <h1>Hello</h1>
+          </KuiTitle>
+        );
+
+        expect(component)
+          .toMatchSnapshot();
+      });
+    });
+  });
+});
+
+describe('KuiText', () => {
+  test('is rendered', () => {
+    const component = render(
+      <KuiText { ...requiredProps }>
+        <h1>Hello</h1>
+      </KuiText>
+    );
+
+    expect(component)
+      .toMatchSnapshot();
+  });
+});

ui_framework/src/services/sort/sortable_properties.test.js

@@ -1,4 +1,3 @@
-import _ from 'lodash';
 import {
   SortableProperties,
 } from './sortable_properties';