Refactor KuiPage component folder structure. (elastic#13194)

ui_framework/dist/ui_framework.css

@@ -639,14 +639,16 @@ table {
   border: 1px solid #D9D9D9;
   border-radius: 4px;
   width: 100%; }
-  .kuiPageContent.kuiPageContent--verticalCenter {
-    -webkit-align-self: center;
-        -ms-flex-item-align: center;
-                -ms-grid-row-align: center;
-            align-self: center; }
-  .kuiPageContent.kuiPageContent--horizontalCenter {
-    width: auto;
-    margin: auto; }
+
+.kuiPageContent--verticalCenter {
+  -webkit-align-self: center;
+      -ms-flex-item-align: center;
+              -ms-grid-row-align: center;
+          align-self: center; }
+
+.kuiPageContent--horizontalCenter {
+  width: auto;
+  margin: auto; }
 
 .kuiPageContentHeader {
   margin-bottom: 32px;

ui_framework/src/components/page/_index.scss

@@ -1,9 +1,5 @@
 @import 'page';
-@import 'page_body';
-@import 'page_content';
-@import 'page_content_body';
-@import 'page_content_header';
-@import 'page_content_header_section';
-@import 'page_sidebar';
-@import 'page_header';
-@import 'page_header_section';
+@import 'page_body/index';
+@import 'page_content/index';
+@import 'page_sidebar/index';
+@import 'page_header/index';

ui_framework/src/components/page/index.js

@@ -1,9 +1,23 @@
-export { KuiPage } from './page';
-export { KuiPageBody } from './page_body';
-export { KuiPageContent } from './page_content';
-export { KuiPageContentBody } from './page_content_body';
-export { KuiPageContentHeader } from './page_content_header';
-export { KuiPageContentHeaderSection } from './page_content_header_section';
-export { KuiPageHeader } from './page_header';
-export { KuiPageHeaderSection } from './page_header_section';
-export { KuiPageSidebar } from './page_sidebar';
+export {
+  KuiPage,
+} from './page';
+
+export {
+  KuiPageBody,
+} from './page_body';
+
+export {
+  KuiPageContent,
+  KuiPageContentBody,
+  KuiPageContentHeader,
+  KuiPageContentHeaderSection,
+} from './page_content';
+
+export {
+  KuiPageHeader,
+  KuiPageHeaderSection,
+} from './page_header';
+
+export {
+  KuiPageSidebar,
+} from './page_sidebar';

ui_framework/src/components/page/page_body/_index.scss

@@ -0,0 +1 @@
+@import 'page_body';

ui_framework/src/components/page/page_body/index.js

@@ -0,0 +1 @@
+export { KuiPageBody } from './page_body';

ui_framework/src/components/page/page_body.test.js → ui_framework/src/components/page/page_body/page_body.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from 'enzyme';
-import { requiredProps } from '../../test/required_props';
+import { requiredProps } from '../../../test/required_props';
 
 import { KuiPageBody } from './page_body';
 

ui_framework/src/components/page/page_content/_index.scss

@@ -0,0 +1,4 @@
+@import 'page_content';
+@import 'page_content_body';
+@import 'page_content_header';
+@import 'page_content_header_section';

ui_framework/src/components/page/page_content/index.js

@@ -0,0 +1,4 @@
+export { KuiPageContent } from './page_content';
+export { KuiPageContentBody } from './page_content_body';
+export { KuiPageContentHeader } from './page_content_header';
+export { KuiPageContentHeaderSection } from './page_content_header_section';

ui_framework/src/components/page/page_content.test.js → ui_framework/src/components/page/page_content/page_content.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from 'enzyme';
-import { requiredProps } from '../../test/required_props';
+import { requiredProps } from '../../../test/required_props';
 
 import { KuiPageContent } from './page_content';
 

ui_framework/src/components/page/page_content_body.test.js → ui_framework/src/components/page/page_content/page_content_body.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from 'enzyme';
-import { requiredProps } from '../../test/required_props';
+import { requiredProps } from '../../../test/required_props';
 
 import { KuiPageContentBody } from './page_content_body';
 

ui_framework/src/components/page/page_content_header.test.js → ui_framework/src/components/page/page_content/page_content_header.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from 'enzyme';
-import { requiredProps } from '../../test/required_props';
+import { requiredProps } from '../../../test/required_props';
 
 import { KuiPageContentHeader } from './page_content_header';
 

ui_framework/src/components/page/page_content_header_section.test.js → ui_framework/src/components/page/page_content/page_content_header_section.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from 'enzyme';
-import { requiredProps } from '../../test/required_props';
+import { requiredProps } from '../../../test/required_props';
 
 import { KuiPageContentHeaderSection } from './page_content_header_section';
 

ui_framework/src/components/page/page_header/_index.scss

@@ -0,0 +1,2 @@
+@import 'page_header';
+@import 'page_header_section';

ui_framework/src/components/page/page_header/index.js

@@ -0,0 +1,2 @@
+export { KuiPageHeader } from './page_header';
+export { KuiPageHeaderSection } from './page_header_section';

ui_framework/src/components/page/page_header.test.js → ui_framework/src/components/page/page_header/page_header.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from 'enzyme';
-import { requiredProps } from '../../test/required_props';
+import { requiredProps } from '../../../test/required_props';
 
 import { KuiPageHeader } from './page_header';
 

ui_framework/src/components/page/page_header_section.test.js → ui_framework/src/components/page/page_header/page_header_section.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from 'enzyme';
-import { requiredProps } from '../../test/required_props';
+import { requiredProps } from '../../../test/required_props';
 
 import { KuiPageHeaderSection } from './page_header_section';
 

ui_framework/src/components/page/page_sidebar/_index.scss

@@ -0,0 +1 @@
+@import 'page_sidebar';

ui_framework/src/components/page/page_sidebar/index.js

@@ -0,0 +1 @@
+export { KuiPageSidebar } from './page_sidebar';

ui_framework/src/components/page/page_sidebar.test.js → ui_framework/src/components/page/page_sidebar/page_sidebar.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from 'enzyme';
-import { requiredProps } from '../../test/required_props';
+import { requiredProps } from '../../../test/required_props';
 
 import { KuiPageSidebar } from './page_sidebar';