Moving staging react package into playground package

.eslintignore

@@ -5,3 +5,6 @@ node_modules/
 # packages that have lib as the output
 packages/digest/lib
 packages/perf-test/lib
+packages/playground/lib
+packages/react-theming/lib
+

.gitignore

@@ -25,3 +25,6 @@ temp/
 # packages that have lib as the output
 packages/digest/lib
 packages/perf-test/lib
+packages/playground/lib
+packages/react-theming/lib
+

.nowignore

@@ -16,6 +16,8 @@ perf/dist
 
 packages/digest/lib
 packages/perf-test/lib
+packages/playground/lib
+packages/react-theming/lib
 
 .editorconfig
 .gitignore

.prettierignore

@@ -10,7 +10,11 @@ stats/
 # packages that have lib as the output
 packages/digest/lib
 packages/perf-test/lib
+packages/playground/lib
+packages/react-theming/lib
 
 package.json
 
 packages/ability-attributes/src/schema.ts
+
+CHANGELOG.md

.prettierrc.json

@@ -8,7 +8,7 @@
   "trailingComma": "all",
   "overrides": [
     {
-      "files": "packages/react-theming/**/*",
+      "files": ["packages/react-theming/**/*", "packages/playground/**/*"],
       "options": {
         "semi": true
       }

CHANGELOG.md

@@ -20,6 +20,9 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 ### Fixes
 - Prevent text highlight on icon consecutive clicks in `Checkbox` @silviuavram ([#2154](https://github.com/microsoft/fluent-ui-react/pull/2154))
 
+### Features
+- Add a new experimental @fluentui/react-theming package that includes a `compose()` @kenotron ([#2152](https://github.com/microsoft/fluent-ui-react/pull/2152))
+
 <!--------------------------------[ v0.41.0 ]------------------------------- -->
 ## [v0.41.0](https://github.com/microsoft/fluent-ui-react/tree/v0.41.0) (2019-12-04)
 [Compare changes](https://github.com/microsoft/fluent-ui-react/compare/v0.40.4...v0.41.0)

jest.config.js

@@ -4,7 +4,13 @@ const { rollup: lernaAliases } = require('lerna-alias')
 // packages/react/src -> packages/react,
 // as lernaAliases append 'src' by default
 const stardustPackages = lernaAliases({ sourceDirectory: false })
-const projects = Object.keys(stardustPackages).map(packageName => stardustPackages[packageName])
+
+// Excludes the non-stardust packages
+const excluded = ['@fluentui/playground', '@fluentui/react-theming']
+
+const projects = Object.keys(stardustPackages)
+  .filter(p => !excluded.includes(p))
+  .map(packageName => stardustPackages[packageName])
 
 module.exports = {
   coverageReporters,

packages/playground/.eslintignore

@@ -0,0 +1,4 @@
+jest.config.js
+scripts/config
+*.d.ts
+**/*.js

packages/playground/.eslintrc.json

@@ -0,0 +1,6 @@
+{
+  "extends": ["../internal-tooling/eslint/index.js"],
+  "rules": {
+    "semi": ["error", "always"]
+  }
+}

packages/playground/.storybook/addons.js

@@ -0,0 +1 @@
+import '@storybook/addon-a11y/register';

packages/playground/.storybook/config.js

@@ -0,0 +1,15 @@
+import { configure } from '@storybook/react';
+import { withInfo } from '@storybook/addon-info';
+import { withA11y } from '@storybook/addon-a11y';
+import { addDecorator } from '@storybook/react';
+
+addDecorator(withInfo());
+addDecorator(withA11y());
+
+const req = require.context('../src/components', true, /\.stories\.tsx$/);
+
+function loadStories() {
+  return req.keys().map(req);
+}
+
+configure(loadStories, module);

packages/playground/.storybook/webpack.config.js

@@ -0,0 +1,2 @@
+const webpackConfig = require('@fluentui/scripts/config/storybook/webpack.config');
+module.exports = webpackConfig;

packages/playground/CHANGELOG.json

@@ -0,0 +1,145 @@
+{
+  "name": "@fluentui/react",
+  "entries": [
+    {
+      "date": "Fri, 22 Nov 2019 00:35:10 GMT",
+      "tag": "@fluentui/react_v0.3.2",
+      "version": "0.3.2",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Icon: Move README spec to react package.",
+            "author": "Humberto.Morimoto@microsoft.com",
+            "commit": "44959e0f5dcdbbe9cf592f8654d9cd58a904d7cc"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 21 Nov 2019 00:45:42 GMT",
+      "tag": "@fluentui/react_v0.3.1",
+      "version": "0.3.1",
+      "comments": {
+        "patch": [
+          {
+            "comment": "update native controls to use new packages from @uifabricshared",
+            "author": "jasonmo@microsoft.com",
+            "commit": "717bc688b923af32a00b5e38f865e209ad0962df"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 19 Nov 2019 21:24:06 GMT",
+      "tag": "@fluentui/react_v0.3.0",
+      "version": "0.3.0",
+      "comments": {
+        "minor": [
+          {
+            "comment": "Link: Building first version of Fluent Link using composed.",
+            "author": "Humberto.Morimoto@microsoft.com",
+            "commit": "9fc7e7c5f0913e9e40bb6fbf3d6e293ee5d66906"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 12 Nov 2019 17:40:53 GMT",
+      "tag": "@fluentui/react_v0.2.1",
+      "version": "0.2.1",
+      "comments": {
+        "patch": [
+          {
+            "comment": "e2e runs do not need a flamegraph reporter",
+            "author": "kchau@microsoft.com",
+            "commit": "2956ae6b66fa3545326238077ebbe506bdbd2730"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 11 Nov 2019 23:53:02 GMT",
+      "tag": "@fluentui/react_v0.2.0",
+      "version": "0.2.0",
+      "comments": {
+        "minor": [
+          {
+            "comment": "add demo slider using native framework",
+            "author": "jasonmo@microsoft.com",
+            "commit": "2fc8f234d78ca812f9420e1a3c66c515bcddf23c"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 09 Nov 2019 05:10:48 GMT",
+      "tag": "@fluentui/react_v0.1.1",
+      "version": "0.1.1",
+      "comments": {
+        "none": [
+          {
+            "comment": "part 1 of integrating flamegrill",
+            "author": "kchau@microsoft.com",
+            "commit": "dd7c427564e8c56b8d6bb8f93b2f11d60ef65169"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 07 Nov 2019 21:42:52 GMT",
+      "tag": "@fluentui/react_v0.1.1",
+      "version": "0.1.1",
+      "comments": {
+        "none": [
+          {
+            "comment": "adds scenario tests via jest-puppeteer",
+            "author": "kchau@microsoft.com",
+            "commit": "4b1bee49b05777a13b8dc0432feb4c23123f32d9"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 06 Nov 2019 18:35:34 GMT",
+      "tag": "@fluentui/react_v0.1.1",
+      "version": "0.1.1",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Adding example Teams theme to slider story; temporarily. It will move out to a more official place separately.",
+            "author": "dzearing@microsoft.com",
+            "commit": "26c730cd5b123b463828e5fc9cd95e451a3fba0f"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 30 Oct 2019 17:20:18 GMT",
+      "tag": "@fluentui/react_v0.1.0",
+      "version": "0.1.0",
+      "comments": {
+        "minor": [
+          {
+            "comment": "Tokens from theme",
+            "author": "jdh@microsoft.com",
+            "commit": "b7d68b1fd4d2baf4b9ddee520e3de678baedfe4e"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 25 Oct 2019 19:36:25 GMT",
+      "tag": "@fluentui/react_v0.0.1",
+      "version": "0.0.1",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Gets rid of webpack resolve alias tools",
+            "author": "kchau@microsoft.com",
+            "commit": "90ec1264e955cf2e1d70e9da79dc4481ca42e875"
+          }
+        ]
+      }
+    }
+  ]
+}

packages/playground/CHANGELOG.md

@@ -0,0 +1,52 @@
+# Change Log - @fluentui/react
+
+This log was last generated on Fri, 22 Nov 2019 00:35:10 GMT and should not be manually modified.
+
+## 0.3.2
+Fri, 22 Nov 2019 00:35:10 GMT
+
+### Patches
+
+- Icon: Move README spec to react package. (Humberto.Morimoto@microsoft.com)
+## 0.3.1
+Thu, 21 Nov 2019 00:45:42 GMT
+
+### Patches
+
+- update native controls to use new packages from @uifabricshared (jasonmo@microsoft.com)
+## 0.3.0
+Tue, 19 Nov 2019 21:24:06 GMT
+
+### Minor changes
+
+- Link: Building first version of Fluent Link using composed. (Humberto.Morimoto@microsoft.com)
+## 0.2.1
+Tue, 12 Nov 2019 17:40:53 GMT
+
+### Patches
+
+- e2e runs do not need a flamegraph reporter (kchau@microsoft.com)
+## 0.2.0
+Mon, 11 Nov 2019 23:53:02 GMT
+
+### Minor changes
+
+- add demo slider using native framework (jasonmo@microsoft.com)
+## 0.1.1
+Wed, 06 Nov 2019 18:35:34 GMT
+
+### Patches
+
+- Adding example Teams theme to slider story; temporarily. It will move out to a more official place separately. (dzearing@microsoft.com)
+## 0.1.0
+Wed, 30 Oct 2019 17:20:18 GMT
+
+### Minor changes
+
+- Tokens from theme (jdh@microsoft.com)
+## 0.0.1
+Fri, 25 Oct 2019 19:36:25 GMT
+
+### Patches
+
+- Gets rid of webpack resolve alias tools (kchau@microsoft.com)

packages/playground/README.md

@@ -0,0 +1,11 @@
+# `react-mybrand`
+
+> TODO: description
+
+## Usage
+
+```
+const reactMybrand = require('react-mybrand');
+
+// TODO: DEMONSTRATE API
+```

packages/playground/api-extractor.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@fluentui/scripts/config/api-extractor/api-extractor.common.json"
+}

packages/playground/api/react.api.md

@@ -0,0 +1,24 @@
+## API Report File for "@fluentui/react"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { ITheme } from '@fluentui/react-theming';
+
+// @public (undocumented)
+export const Slider: {
+    (props: import("@fluentui/base").ISliderProps): any;
+    propTypes: import("react").WeakValidationMap<import("@fluentui/base").ISliderProps> | undefined;
+    __optionsSet: any[];
+    __directRender: any;
+    displayName: any;
+};
+
+// @public (undocumented)
+export const theme: Partial<ITheme>;
+
+
+// (No @packageDocumentation comment for this package)
+
+```

packages/playground/jest.config.js

@@ -0,0 +1,3 @@
+const config = require('@fluentui/scripts/config/jest/jest.common');
+
+module.exports = config;

packages/playground/jest.puppeteer.js

@@ -0,0 +1 @@
+module.exports = require('@fluentui/scripts/config/jest/jest.puppeteer');

packages/playground/just.config.ts

@@ -0,0 +1 @@
+import '@fluentui/scripts/tasks/preset';