From f1385c4fdd7344cd5ea8064ed7f0b80c93e654a2 Mon Sep 17 00:00:00 2001
From: Dominic Betts <dominicbetts@users.noreply.github.com>
Date: Wed, 10 Oct 2018 19:01:56 +0100
Subject: [PATCH] Add tags to embed snippets in docs (#1123)

* Add tags to basic page

* Add tags for doc embedding
---
 .../components/pages/basicPage/basicPage.container.js         | 3 +++
 src/walkthrough/components/pages/basicPage/basicPage.js       | 3 +++
 src/walkthrough/components/pages/basicPage/basicPage.scss     | 2 ++
 src/walkthrough/components/pages/basicPage/basicPage.test.js  | 3 +++
 .../pages/dashboard/panels/examplePanel/examplePanel.js       | 2 ++
 .../flyouts/exampleFlyout/exampleFlyout.container.js          | 3 +++
 .../pageWithFlyout/flyouts/exampleFlyout/exampleFlyout.js     | 2 ++
 .../components/pages/pageWithGrid/exampleGrid/exampleGrid.js  | 3 +++
 .../pages/pageWithGrid/exampleGrid/exampleGridConfig.js       | 4 ++++
 src/walkthrough/services/exampleService.js                    | 3 +++
 src/walkthrough/services/models/exampleModels.js              | 3 +++
 src/walkthrough/store/reducers/exampleReducer.js              | 3 +++
 12 files changed, 34 insertions(+)

diff --git a/src/walkthrough/components/pages/basicPage/basicPage.container.js b/src/walkthrough/components/pages/basicPage/basicPage.container.js
index 92ace17b0..98378bb7a 100644
--- a/src/walkthrough/components/pages/basicPage/basicPage.container.js
+++ b/src/walkthrough/components/pages/basicPage/basicPage.container.js
@@ -1,7 +1,10 @@
 // Copyright (c) Microsoft. All rights reserved.
+// <container>
 
 import { translate } from 'react-i18next';
 
 import { BasicPage } from './basicPage';
 
 export const BasicPageContainer = translate()(BasicPage);
+
+// </container>
diff --git a/src/walkthrough/components/pages/basicPage/basicPage.js b/src/walkthrough/components/pages/basicPage/basicPage.js
index 618eaa534..63ac5e531 100644
--- a/src/walkthrough/components/pages/basicPage/basicPage.js
+++ b/src/walkthrough/components/pages/basicPage/basicPage.js
@@ -1,5 +1,6 @@
 // Copyright (c) Microsoft. All rights reserved.
 
+// <page>
 import React, { Component } from 'react';
 
 import { PageContent } from 'components/shared';
@@ -16,3 +17,5 @@ export class BasicPage extends Component {
     );
   }
 }
+
+// </page>
diff --git a/src/walkthrough/components/pages/basicPage/basicPage.scss b/src/walkthrough/components/pages/basicPage/basicPage.scss
index 3e87ddc7a..d09551b71 100644
--- a/src/walkthrough/components/pages/basicPage/basicPage.scss
+++ b/src/walkthrough/components/pages/basicPage/basicPage.scss
@@ -1,7 +1,9 @@
 // Copyright (c) Microsoft. All rights reserved.
 
+// <styles>
 @import 'src/styles/variables';
 @import 'src/styles/mixins';
 @import 'src/styles/themes';
 
 .basic-page-container { padding: $baseContentPadding; }
+// </styles>
diff --git a/src/walkthrough/components/pages/basicPage/basicPage.test.js b/src/walkthrough/components/pages/basicPage/basicPage.test.js
index 56c418727..2d46379de 100644
--- a/src/walkthrough/components/pages/basicPage/basicPage.test.js
+++ b/src/walkthrough/components/pages/basicPage/basicPage.test.js
@@ -1,5 +1,6 @@
 // Copyright (c) Microsoft. All rights reserved.
 
+// <test>
 import React from 'react';
 import { shallow } from 'enzyme';
 import 'polyfills';
@@ -18,3 +19,5 @@ describe('BasicPage Component', () => {
     );
   });
 });
+
+// </test>
diff --git a/src/walkthrough/components/pages/dashboard/panels/examplePanel/examplePanel.js b/src/walkthrough/components/pages/dashboard/panels/examplePanel/examplePanel.js
index f61f3661e..b2a6ba4a6 100644
--- a/src/walkthrough/components/pages/dashboard/panels/examplePanel/examplePanel.js
+++ b/src/walkthrough/components/pages/dashboard/panels/examplePanel/examplePanel.js
@@ -1,5 +1,6 @@
 // Copyright (c) Microsoft. All rights reserved.
 
+// <panel>
 import React, { Component } from 'react';
 
 import {
@@ -33,3 +34,4 @@ export class ExamplePanel extends Component {
     );
   }
 }
+// </panel>
diff --git a/src/walkthrough/components/pages/pageWithFlyout/flyouts/exampleFlyout/exampleFlyout.container.js b/src/walkthrough/components/pages/pageWithFlyout/flyouts/exampleFlyout/exampleFlyout.container.js
index 013ab57a8..f413ef0a6 100644
--- a/src/walkthrough/components/pages/pageWithFlyout/flyouts/exampleFlyout/exampleFlyout.container.js
+++ b/src/walkthrough/components/pages/pageWithFlyout/flyouts/exampleFlyout/exampleFlyout.container.js
@@ -1,7 +1,10 @@
 // Copyright (c) Microsoft. All rights reserved.
 
+// <flyoutcontainer>
 import { translate } from 'react-i18next';
 
 import { ExampleFlyout } from './exampleFlyout';
 
 export const ExampleFlyoutContainer = translate()(ExampleFlyout);
+
+// </flyoutcontainer>
diff --git a/src/walkthrough/components/pages/pageWithFlyout/flyouts/exampleFlyout/exampleFlyout.js b/src/walkthrough/components/pages/pageWithFlyout/flyouts/exampleFlyout/exampleFlyout.js
index 307312d88..6425a10c9 100644
--- a/src/walkthrough/components/pages/pageWithFlyout/flyouts/exampleFlyout/exampleFlyout.js
+++ b/src/walkthrough/components/pages/pageWithFlyout/flyouts/exampleFlyout/exampleFlyout.js
@@ -1,5 +1,6 @@
 // Copyright (c) Microsoft. All rights reserved.
 
+// <flyout>
 import React, { Component } from 'react';
 
 import { ExampleService } from 'walkthrough/services';
@@ -140,3 +141,4 @@ export class ExampleFlyout extends Component {
     );
   }
 }
+// </flyout>
diff --git a/src/walkthrough/components/pages/pageWithGrid/exampleGrid/exampleGrid.js b/src/walkthrough/components/pages/pageWithGrid/exampleGrid/exampleGrid.js
index 622994efb..fb3fd92aa 100644
--- a/src/walkthrough/components/pages/pageWithGrid/exampleGrid/exampleGrid.js
+++ b/src/walkthrough/components/pages/pageWithGrid/exampleGrid/exampleGrid.js
@@ -1,5 +1,7 @@
 // Copyright (c) Microsoft. All rights reserved.
 
+// <grid>
+
 import React, { Component } from 'react';
 import { Btn, PcsGrid } from 'components/shared';
 import { exampleColumnDefs, defaultExampleGridProps } from './exampleGridConfig';
@@ -122,3 +124,4 @@ export class ExampleGrid extends Component {
     );
   }
 }
+// </grid>
diff --git a/src/walkthrough/components/pages/pageWithGrid/exampleGrid/exampleGridConfig.js b/src/walkthrough/components/pages/pageWithGrid/exampleGrid/exampleGridConfig.js
index 440ef2433..902346a5f 100644
--- a/src/walkthrough/components/pages/pageWithGrid/exampleGrid/exampleGridConfig.js
+++ b/src/walkthrough/components/pages/pageWithGrid/exampleGrid/exampleGridConfig.js
@@ -1,5 +1,7 @@
 // Copyright (c) Microsoft. All rights reserved.
 
+// <gridconfig>
+
 import Config from 'app.config';
 import { SoftSelectLinkRenderer } from 'components/shared/cellRenderers';
 
@@ -28,3 +30,5 @@ export const defaultExampleGridProps = {
   paginationPageSize: Config.paginationPageSize,
   rowSelection: 'multiple'
 };
+
+// </gridconfig>
diff --git a/src/walkthrough/services/exampleService.js b/src/walkthrough/services/exampleService.js
index 677d042a6..62990a5af 100644
--- a/src/walkthrough/services/exampleService.js
+++ b/src/walkthrough/services/exampleService.js
@@ -1,5 +1,7 @@
 // Copyright (c) Microsoft. All rights reserved.
 
+// <service>
+
 import { Observable } from 'rxjs';
 import { toExampleItemModel, toExampleItemsModel } from './models';
 
@@ -43,3 +45,4 @@ export class ExampleService {
     return this.getExampleItems().delay(2000);
   }
 }
+// </service>
diff --git a/src/walkthrough/services/models/exampleModels.js b/src/walkthrough/services/models/exampleModels.js
index 9124f5b65..a7ca6ab96 100644
--- a/src/walkthrough/services/models/exampleModels.js
+++ b/src/walkthrough/services/models/exampleModels.js
@@ -1,5 +1,6 @@
 // Copyright (c) Microsoft. All rights reserved.
 
+// <models>
 import { camelCaseReshape, getItems } from 'utilities';
 
 /**
@@ -15,3 +16,5 @@ export const toExampleItemModel = (data = {}) => camelCaseReshape(data, {
 
 export const toExampleItemsModel = (response = {}) => getItems(response)
   .map(toExampleItemModel);
+
+// </models>
diff --git a/src/walkthrough/store/reducers/exampleReducer.js b/src/walkthrough/store/reducers/exampleReducer.js
index 00f3b9af5..8a0a16fe3 100644
--- a/src/walkthrough/store/reducers/exampleReducer.js
+++ b/src/walkthrough/store/reducers/exampleReducer.js
@@ -1,5 +1,6 @@
 // Copyright (c) Microsoft. All rights reserved.
 
+// <reducer>
 import 'rxjs';
 import { Observable } from 'rxjs';
 import moment from 'moment';
@@ -81,3 +82,5 @@ export const getExamples = createSelector(
   (entities, items) => items.map(id => entities[id])
 );
 // ========================= Selectors - END
+
+// </reducer>