Merge branch 'master' of github.com:salesforce/design-system-react into progress-indicator-assistive-text

Author: interactivellama

.babelrc

@@ -1,55 +1,62 @@
 {
-	"env": {
-		"development": {
-			"presets": [["env", {
+	"presets": [
+		[
+			"@babel/preset-env",
+			{
 				"targets": {
-					"browsers": ["last 2 versions", "ie 11"],
+					"browsers": [
+						"last 2 versions",
+						"ie 11"
+					],
 					"node": "8.9.4"
 				}
-			}], "react"],
-			"plugins": ["transform-object-rest-spread", "transform-class-properties", "transform-export-extensions"]
-		},
+			}
+		],
+		"@babel/preset-react"
+	],
+	"plugins": [
+		"@babel/plugin-proposal-object-rest-spread",
+		"@babel/plugin-proposal-class-properties",
+		"@babel/plugin-proposal-export-default-from",
+		"@babel/plugin-proposal-export-namespace-from",
+		"root-import"
+	],
+	"env": {
 		"amd": {
-			"presets": [["env", {
-				"targets": {
-					"browsers": ["last 2 versions", "ie 11"],
-					"node": "8.9.4"
-				}
-			}], "react"],
-			"plugins": ["import-noop", "transform-object-rest-spread", "transform-class-properties", "transform-export-extensions"]
-		},
-		"commonjs": {
-			"presets": [["env", {
-				"targets": {
-					"browsers": ["last 2 versions", "ie 11"],
-					"node": "8.9.4"
-				}
-			}], "react"],
-			"plugins": ["import-noop", "transform-object-rest-spread", "transform-class-properties", "transform-export-extensions"]
+			"plugins": ["import-noop"]
 		},
 		"esm": {
-			"presets": [["env", {
-				"targets": {
-					"browsers": ["last 2 versions", "ie 11"],
-					"node": "8.9.4"
-				},
-				"modules": false
-			}], "react"],
-			"plugins": ["transform-object-rest-spread", "transform-class-properties", "transform-export-extensions"]
+			"presets": [
+				[
+					"@babel/preset-env",
+					{
+						"targets": {
+							"browsers": [
+								"last 2 versions",
+								"ie 11"
+							],
+							"node": "8.9.4"
+						},
+						"modules": false
+					}
+				],
+				"@babel/preset-react"
+			],
+			"plugins": [
+				"@babel/plugin-proposal-object-rest-spread",
+				"@babel/plugin-proposal-class-properties",
+				"@babel/plugin-proposal-export-default-from",
+				"@babel/plugin-proposal-export-namespace-from"
+			]
+		},
+		"commonjs": {
+			"plugins": ["import-noop"]
 		},
 		"test": {
-			"presets": [["env", {
-				"targets": {
-					"browsers": ["last 2 versions", "ie 11"]
-				}
-			}], "react"],
-			"plugins": ["istanbul", "transform-object-rest-spread", "transform-class-properties", "transform-export-extensions"]
+			"plugins": ["istanbul"]
 		}
 	},
 	"ignore": [
-		"preset/**"
+		"preset/**",
 	],
-	"plugins": [
-		"root-import"
-	]
-}
+}

.gitignore

@@ -16,6 +16,10 @@ design-system-react
 # Allow custom pre-commit
 scripts/pre-commit.sh
 
+# Visual diff images. These are the images that compare differences
+# in the current and previous capture
+__diff_output__
+
 # --- MACHINE GENERATED BELOW THIS LINE ---
 
 ### Node ###

.travis.yml

@@ -1,3 +1,4 @@
+sudo: false
 language: node_js
 node_js:
   - "8"
@@ -7,9 +8,6 @@ install:
   - npm ci
 script:
   - npm run travis-ci
-cache:
-  directories:
-    - node_modules
 env:
   - CXX=g++-4.8
 addons:

RELEASENOTES.md

@@ -31,6 +31,83 @@ These are changes that have backwards-compatible solutions present and that comp
 
 ### Latest Release
 
+## Release 0.8.18
+
+**Bugfixes**
+* `Icon` uses new values for `name` and `category` when changed.
+* Fixes console error that appears when using keyboard navigation to navigate the tree.
+
+**Maintenance**
+* `url-exists` utility uses `fetch` instead of `xmlHttpRequest`.
+
+## Release 0.8.17
+
+**Bugfixes**
+* REVERT [Change inline edit for accessibility](https://github.com/salesforce/design-system-react/pull/1332). It will not be updated. There is a new View/Edit Record Input pattern that uses the [Docked Former Footer component](http://www.lightningdesignsystem.com/components/docked-form-footer/) and this should be used instead of the Inline Edit Input in the future.
+
+**Minor features**
+* `dropdown` prop added to `DataTableRowActions` to increase customization of the dropdown menu
+* `tabIndex` added to `MenuDropdown` component
+* `Picklist` has been removed from examples. Please use a Combobox instead.
+
+## Release 0.8.16
+
+**Deprecation**
+TL:DR; If you use the source code directly, update your form component paths and the parameters in `onChange`. All others stay the same for now.
+* Moves `Input`, `Checkbox`, and `Textarea` out of `component/forms` and directly into `component/`. Old paths such as `component/forms/input` will still work, but include a console warning as deprecated.
+* `components/input`, `components/checkbox`, and `components/textarea` pass different parameters into the `onChange` callback. `onChange` now passes in `event, { checked }` if the new paths are used. The parameters used to be `checked, event, { checked }`. If you use the new paths such as `components/input`, please update your parameter variables. This aligns the callback's parameters with the rest of the library's callback functions.
+* If you consume the library with named imports `{[component]} from '@salesforce/design-system-react'`, you will recieve the warning and will need to use the old parameter order until the next breaking change.
+* For more information, please review #1350.
+
+**Minor features**
+* Update `Tree` example to be hashmap in order to promote immutability. Please review `Tree` example on [documentation site](http://react.lightningdesignsystem.com/components/tree/) in order to understand flattened tree data.
+* Add `tabIndex` prop to `MenuDropdown`
+* Update SLDS version to 2.6.0 and test
+
+**Bug fix**
+* Dialog components such as Dropdown when used with `menuPosition='overflowBoundaryElement'` now respect `max-width` instead of inherited children width
+* Remove duplicate logo in `GlobalHeader`
+
+**Maintenance**
+* Upgrade Babel to v7 and Jest to v23
+
+**Documentation**
+* Remove deprecated Picklist from code base and examples
+
+## Release 0.8.15
+**Modals are now at `z-index: 8000`.** If there are items on the main page with a higher `z-index`, they will appear in front of the modal. This setting aligns with the [prescribed z-index in SLDS](https://www.lightningdesignsystem.com/design-tokens/#category-z-index) for `$z-index-overlay`.
+**Require `iconCategory` if `iconName` is set.** `utility` used to be the default icon category. `iconCategory` is now required.
+
+**Major features**
+* `@salesforce/design-system-react/module` now contains tree-shaking compatible ES6 modules (Tested with Webpack 4). This should work out of the box (due to `package.json`'s `module` field) and replace CommonJS module usage in Webpack 3 and 4. See [pull request](https://github.com/salesforce/design-system-react/pull/1300) for more details.
+* Tree is now a production component and supports [single selection keyboard navigation](https://www.lightningdesignsystem.com/components/trees/).
+
+**Minor features**
+* DataTable: Align header markup with SLDS to fix alignment issues. Remove error for non-boolean attribute `focusable`.
+* Upgrade React Modal to 3.4.4. This is a dependency of `Modal`.
+* Modal: Adds `assistiveText.dialogLabel` to define modal label when there is no header.
+* DataTable: Adds `noHint` prop to actions and makes hints an optional field.
+
+**Bug fix**
+* Request icons (console warning) with HTTP GET, so Create React App's webpack dev server doesn't 404
+* Modal no longer jumps to 50% of page.
+* Documentation: Align button group example on site with SLDS example
+* Documentation site examples are more accessible (Page Headers and Stateful Buttons)
+* Datepicker: Change the year picklist initial focus to currently selected year
+* Datepicker: Focus input only if menu was previously open and not just requested to close
+* Inline Edit UX pattern updated for keyboard: New pattern is that it'll tab to the close button, and if you're focused on the close button and tab again, it'll blur the field.
+* `Dropdown` with `overflowBoundaryElement` and `align=right` use max-width instead of inherited children width.
+
+**Maintenance**
+* Require `iconCategory` if `iconName` is set. `utility` used to be the default icon category. `iconCategory` is now required.
+* App Launcher - `assistiveText` is now an object with keys. Please update your component props.
+* Popover - `assistiveText` is now an object with keys. Please update your component props.
+* Modal - `assistiveText` is now an object with keys. Please update your component props.
+* NPM scripts update: “build-storybook" -> static:build, “build-storybook-for-tests” -> storyshots:build, “storybook” -> static:start
+* Switch `xml2json` to `xml2js` in tooling to make more compatible with Windows
+
+Adds new script storyshots:start that allows interactive viewing of what is being tested with image snapshots to allow debugging.
+
 ## Release 0.8.14
 
 **Minor features**
@@ -72,7 +149,7 @@ These are changes that have backwards-compatible solutions present and that comp
 ## Release 0.8.10
 
 **Minor features**
-* Combobox supports error messages. 
+* Combobox supports error messages.
 
 **Outside SLDS pattern added**
 * Multiple selection Combobox error messages should be placed after pillboxes with an additional `slds-has-error` wrapping div.
@@ -260,10 +337,10 @@ These are changes that have backwards-compatible solutions present and that comp
 import IconSettings from 'design-system-react/components/icon-settings';
 
 ReactDOM.render(
-	<IconSettings iconPath="/assets/icons">
-		<MyApp />
-	</IconSettings>,
-	document.getElementById('app')
+  <IconSettings iconPath="/assets/icons">
+    <MyApp />
+  </IconSettings>,
+  document.getElementById('app')
 )
 
 # This component can be wrapped around the entire app and/or individual components using Icons.

app.js

@@ -3,8 +3,12 @@
 /* eslint-disable import/no-extraneous-dependencies */
 const compression = require('compression');
 const express = require('express');
+const minimist = require('minimist');
 
 const port = process.env.PORT || 9001;
+const argv = minimist(process.argv.slice(2));
+const buildFolder = argv.folder || 'storybook';
+// Setting buildFolder to 'storybook-based-tests' will allow interactive viewing of the Storyshots (story based tests).
 
 // Create server
 const app = express();
@@ -19,10 +23,7 @@ app.use(
 		`${__dirname}/node_modules/@salesforce-ux/design-system/assets/`
 	)
 );
-app.use(express.static(`${__dirname}/storybook`));
-
-// Use the following line to test Storyshots instead
-// app.use(express.static(`${__dirname}/storybook-based-tests`));
+app.use(express.static(`${__dirname}/${buildFolder}`));
 
 // Listen
 const server = app.listen(port, () => {

components/accordion/__docs__/site-stories.js

@@ -1,4 +1,4 @@
-// This object is imported into the documentation site. An example for the documentation site should be part of the pull request for the component. The object key is the kabob case of the "URL folder". In the case of `http://localhost:8080/components/app-launcher/`, `app-launcher` is the `key`. The folder name is created by `components.component` value in `package.json`. Keep in mind, some components like `forms/checkbox` will be changed to `forms-checkbox`. The following uses webpack's raw-loader plugin to get "text files" that will be eval()'d by CodeMirror within the documentation site on page load.
+// This object is imported into the documentation site. An example for the documentation site should be part of the pull request for the component. The object key is the kabob case of the "URL folder". In the case of `http://localhost:8080/components/app-launcher/`, `app-launcher` is the `key`. The folder name is created by `components.component` value in `package.json`. The following uses webpack's raw-loader plugin to get "text files" that will be eval()'d by CodeMirror within the documentation site on page load.
 
 /* eslint-env node */
 /* eslint-disable global-require */