From b19f2973c31a4c023880c19d7a7be0920aad0525 Mon Sep 17 00:00:00 2001 From: Michael Hemesath Date: Fri, 29 Sep 2017 11:13:25 -0500 Subject: [PATCH 1/8] added storybook integration --- .storybook/config.js | 7 + .storybook/manager-head.html | 8 + .storybook/webpack.config.js | 26 +++ DEPENDENCIES.md | 10 +- package.json | 6 + packages/terra-badge/package.json | 1 + packages/terra-badge/stories/index.jsx | 53 +++++ .../terra-badge/tests/jest/Badge.test.jsx | 132 ----------- .../terra-badge/tests/jest/Storyshots.test.js | 7 + .../jest/__snapshots__/Badge.test.jsx.snap | 81 ------- .../__snapshots__/Storyshots.test.js.snap | 218 ++++++++++++++++++ postcss.config.js | 17 ++ storybook/favicon.ico | Bin 0 -> 7269 bytes storybook/iframe.html | 23 ++ storybook/index.html | 46 ++++ .../manager.ab5a383ce2d18638ba89.bundle.js | 1 + .../preview.73e9c13e90778026e4b3.bundle.js | 1 + 17 files changed, 421 insertions(+), 216 deletions(-) create mode 100644 .storybook/config.js create mode 100644 .storybook/manager-head.html create mode 100644 .storybook/webpack.config.js create mode 100644 packages/terra-badge/stories/index.jsx delete mode 100644 packages/terra-badge/tests/jest/Badge.test.jsx create mode 100644 packages/terra-badge/tests/jest/Storyshots.test.js delete mode 100644 packages/terra-badge/tests/jest/__snapshots__/Badge.test.jsx.snap create mode 100644 packages/terra-badge/tests/jest/__snapshots__/Storyshots.test.js.snap create mode 100644 postcss.config.js create mode 100644 storybook/favicon.ico create mode 100644 storybook/iframe.html create mode 100644 storybook/index.html create mode 100644 storybook/static/manager.ab5a383ce2d18638ba89.bundle.js create mode 100644 storybook/static/preview.73e9c13e90778026e4b3.bundle.js diff --git a/.storybook/config.js b/.storybook/config.js new file mode 100644 index 00000000000..2f9d7417284 --- /dev/null +++ b/.storybook/config.js @@ -0,0 +1,7 @@ +import { configure } from '@storybook/react'; + +function loadStories() { + require('../packages/terra-badge/stories/index.jsx'); +} + +configure(loadStories, module); diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html new file mode 100644 index 00000000000..b6ee9954de2 --- /dev/null +++ b/.storybook/manager-head.html @@ -0,0 +1,8 @@ + + diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js new file mode 100644 index 00000000000..e0529ed5a14 --- /dev/null +++ b/.storybook/webpack.config.js @@ -0,0 +1,26 @@ +//const config = require('../packages/terra-site/webpack.prod.config.js'); + +const path = require('path'); + +// Export a function. Accept the base config as the only param. +module.exports = { + entry: { + 'babel-polyfill': 'babel-polyfill' + }, + module: { + rules: [ + { + test: /\.(scss|css)$/, + loaders: [ + "style-loader", + { loader: 'css-loader', options: { modules: true, importLoaders: 2 } }, + "postcss-loader", + "sass-loader"], + include: [ + path.resolve(__dirname, '../'), + path.resolve(path.join(__dirname, '..', 'node_modules')) + ] + } + ] + }, +}; diff --git a/DEPENDENCIES.md b/DEPENDENCIES.md index 6a03f25fa6a..a380d07f31e 100644 --- a/DEPENDENCIES.md +++ b/DEPENDENCIES.md @@ -3,6 +3,9 @@ ## devDependencies | Dependency | Version | React Version | Description | |-|-|-|-| +| @storybook/addon-storyshots | ^3.2.11 | * | StoryShots is a Jest Snapshot Testing Addon for Storybook. | +| @storybook/react | ^3.2.11 | >=15.0.0 \|\| ^16.0.0-alpha | Storybook for React: Develop React Component in isolation with Hot Reloading. | +| autoprefixer | ^6.7.7 | -- | Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website | | babel-cli | ^6.24.1 | -- | Babel command line. | | babel-core | ^6.24.1 | -- | Babel compiler core. | | babel-jest | ^20.0.0 | -- | Jest plugin to use babel for transformation. | @@ -27,10 +30,11 @@ | link-parent-bin | ^0.1.3 | -- | [![Build Status](https://travis-ci.org/nicojs/node-link-parent-bin.svg?branch=master)](https://travis-ci.org/nicojs/node-link-parent-bin) | | load-json-file | ^2.0.0 | -- | Read and parse a JSON file | | nightwatch | ^0.9.12 | -- | A node.js bindings implementation for selenium 2.0/webdriver | +| postcss-custom-properties | ^6.0.1 | -- | PostCSS plugin to polyfill W3C CSS Custom Properties for cascading variables | | react | ^15.5.4 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.5.4 | ^15.6.2 | React package for working with the DOM. | -| react-router | ^3.0.5 | ^0.14.0 \|\| ^15.0.0 \|\| ^16.0.0-rc | A complete routing library for React | -| react-test-renderer | ^15.5.4 | ^15.6.2 | React package for snapshot testing. | +| react-dom | ^15.5.4 | ^15.6.1 | React package for working with the DOM. | +| react-router | ^3.0.5 | ^0.14.0 \|\| ^15.0.0 | A complete routing library for React | +| react-test-renderer | ^15.5.4 | ^15.6.1 | React package for snapshot testing. | | rimraf | ^2.6.1 | -- | A deep deletion module for node (like `rm -rf`) | | shelljs | ^0.7.7 | -- | Portable Unix shell commands for Node.js | | stylelint | ~8.0.0 | -- | A mighty, modern CSS linter. | diff --git a/package.json b/package.json index af27f174624..a37bd38510a 100644 --- a/package.json +++ b/package.json @@ -61,9 +61,14 @@ "publish": "npm whoami && check-installed-dependencies && npm run compile && npm test && npm run props-table && lerna publish", "start": "cd packages/terra-site && npm run start", "start:express": "node scripts/express/app.js", + "storybook": "start-storybook -p 9001 -c .storybook", + "storybook:build": "build-storybook -c .storybook -o storybook", "test": "jest && nightwatch" }, "devDependencies": { + "@storybook/addon-storyshots": "^3.2.11", + "@storybook/react": "^3.2.11", + "autoprefixer": "^6.7.7", "babel-cli": "^6.24.1", "babel-core": "^6.24.1", "babel-jest": "^20.0.0", @@ -88,6 +93,7 @@ "link-parent-bin": "^0.1.3", "load-json-file": "^2.0.0", "nightwatch": "^0.9.12", + "postcss-custom-properties": "^6.0.1", "react": "^15.5.4", "react-dom": "^15.5.4", "react-router": "^3.0.5", diff --git a/packages/terra-badge/package.json b/packages/terra-badge/package.json index 09607ec750e..708106144a6 100644 --- a/packages/terra-badge/package.json +++ b/packages/terra-badge/package.json @@ -35,6 +35,7 @@ "peerDependencies": { "react": "^15.4.2", "react-dom": "^15.4.2", + "@storybook/react": "^3.2.11", "terra-base": "^2.5.0", "terra-mixins": "^1.11.0" }, diff --git a/packages/terra-badge/stories/index.jsx b/packages/terra-badge/stories/index.jsx new file mode 100644 index 00000000000..483405f5ebe --- /dev/null +++ b/packages/terra-badge/stories/index.jsx @@ -0,0 +1,53 @@ +/* estline-disable import/no-extraneous-dependencies */ + +import React from 'react'; +import { storiesOf } from '@storybook/react'; +import Badge from '../src/Badge'; + +const Icon = ( + +); + +storiesOf('Badge', module) + .add('Default', () => ( + + )) + .add('Icon', () => ( +
+ + {' '} + + {' '} + +
+ )) + .add('Intent', () => ( +
+ + {' '} + + {' '} + + {' '} + + {' '} + + {' '} + + {' '} + +
+ )) + .add('Size', () => ( +
+ + {' '} + + {' '} + + {' '} + + {' '} + +
+ )); diff --git a/packages/terra-badge/tests/jest/Badge.test.jsx b/packages/terra-badge/tests/jest/Badge.test.jsx deleted file mode 100644 index 059962135d3..00000000000 --- a/packages/terra-badge/tests/jest/Badge.test.jsx +++ /dev/null @@ -1,132 +0,0 @@ -import React from 'react'; -import Badge from '../../src/Badge'; - -const iconValue = Test icon; -// Snapshot Tests -it('should render a default component with nothing', () => { - const wrapper = shallow(); - expect(wrapper).toMatchSnapshot(); -}); - -it('should render a badge component with text and large size', () => { - const wrapper = shallow(); - expect(wrapper).toMatchSnapshot(); -}); - -it('should render a badge component with text and secondary intent', () => { - const wrapper = shallow(); - expect(wrapper).toMatchSnapshot(); -}); - -it('should render a badge component with icon and medium size', () => { - const wrapper = shallow(); - expect(wrapper).toMatchSnapshot(); -}); - -it('should render a badge component with icon and warning intent', () => { - const wrapper = shallow(); - expect(wrapper).toMatchSnapshot(); -}); - -it('should render a badge component in the order, icon and text with medium size', () => { - const wrapper = shallow(); - expect(wrapper).toMatchSnapshot(); -}); - -it('should render a badge component in the order, text and icon with info intent', () => { - const wrapper = shallow(); - expect(wrapper).toMatchSnapshot(); -}); - -// Prop Tests -// With only text prop -describe('Badge with only text', () => { - // With default props - it('should have the class terra-Badge--default and terra-Badge--small', () => { - const wrapper = shallow(); - expect(wrapper.prop('className')).toContain('badge small default'); - expect(wrapper.find('.text').text()).toEqual('Test value'); - }); - - // Only intent props - it('and only intent props, should have the class terra-Badge--primary and terra-Badge--small', () => { - const wrapper = shallow(); - expect(wrapper.prop('className')).toContain('badge small primary'); - expect(wrapper.find('.text').text()).toEqual('Test value'); - }); - - // Only size props - it('and only size props, should have the class terra-Badge--default and terra-Badge--huge', () => { - const wrapper = shallow(); - expect(wrapper.prop('className')).toContain('badge huge default'); - expect(wrapper.find('.text').text()).toEqual('Test value'); - }); -}); - -describe('Badge with only icon', () => { - // With default props - it('should have the class terra-Badge--default and terra-Badge--small', () => { - const wrapper = shallow(); - expect(wrapper.prop('className')).toContain('badge small default'); - expect(wrapper.childAt(0).is('img')).toEqual(true); - }); - - // Only intent props - it('and only intent props, should have the class terra-Badge--primary and terra-Badge--small', () => { - const wrapper = shallow(); - expect(wrapper.prop('className')).toContain('badge small primary'); - expect(wrapper.childAt(0).is('img')).toEqual(true); - }); - - // Only size props - it('and only size props, should have the class terra-Badge--default and terra-Badge--huge', () => { - const wrapper = shallow(); - expect(wrapper.prop('className')).toContain('badge huge default'); - expect(wrapper.childAt(0).is('img')).toEqual(true); - }); -}); - -describe('Badge with icon and text', () => { - // With default props - it('should have the class terra-Badge--default and terra-Badge--small with icon followed by text', () => { - const wrapper = shallow(); - expect(wrapper.prop('className')).toContain('badge small default'); - expect(wrapper.childAt(0).is('img')).toEqual(true); - expect(wrapper.find('.text').text()).toEqual('Test value'); - }); - // Reversed order for icon and text - it('should have the class terra-Badge--default and terra-Badge--small with text followed by icon', () => { - const wrapper = shallow(); - expect(wrapper.prop('className')).toContain('badge small default'); - expect(wrapper.childAt(1).is('img')).toEqual(true); - expect(wrapper.find('.text').text()).toEqual('Test value'); - }); - - // With size prop - it('should have the class terra-Badge--default and terra-Badge--tiny with icon followed by text', () => { - const wrapper = shallow(); - expect(wrapper.prop('className')).toContain('badge tiny default'); - expect(wrapper.childAt(0).is('img')).toEqual(true); - expect(wrapper.find('.text').text()).toEqual('Test value'); - }); - - // With intent prop - it('should have the class terra-Badge--primary and terra-Badge--small with icon followed by text', () => { - const wrapper = shallow(); - expect(wrapper.prop('className')).toContain('badge small primary'); - expect(wrapper.childAt(0).is('img')).toEqual(true); - expect(wrapper.find('.text').text()).toEqual('Test value'); - }); -}); - - -describe('Badge with additional props', () => { - // With custom props - it('should have the class terra-Badge--primary and terra-Badge--small with icon followed by text', () => { - const wrapper = shallow(); - expect(wrapper.prop('className')).toContain('badge small primary negative'); - expect(wrapper.prop('lang')).toEqual('English'); - expect(wrapper.childAt(0).is('img')).toEqual(true); - expect(wrapper.find('.text').text()).toEqual('Test value'); - }); -}); diff --git a/packages/terra-badge/tests/jest/Storyshots.test.js b/packages/terra-badge/tests/jest/Storyshots.test.js new file mode 100644 index 00000000000..ac7dcd64bea --- /dev/null +++ b/packages/terra-badge/tests/jest/Storyshots.test.js @@ -0,0 +1,7 @@ +// eslint-disable-next-line import/no-extraneous-dependencies, no-unused-vars +import initStoryshots from '@storybook/addon-storyshots'; + +initStoryshots({ + suite: 'Badge', + storyKindRegex: /^Badge$/, +}); diff --git a/packages/terra-badge/tests/jest/__snapshots__/Badge.test.jsx.snap b/packages/terra-badge/tests/jest/__snapshots__/Badge.test.jsx.snap deleted file mode 100644 index 35074a9b5ef..00000000000 --- a/packages/terra-badge/tests/jest/__snapshots__/Badge.test.jsx.snap +++ /dev/null @@ -1,81 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`should render a badge component in the order, icon and text with medium size 1`] = ` - - Test icon - - Test value - - -`; - -exports[`should render a badge component in the order, text and icon with info intent 1`] = ` - - - Test value - - Test icon - -`; - -exports[`should render a badge component with icon and medium size 1`] = ` - - Test icon - -`; - -exports[`should render a badge component with icon and warning intent 1`] = ` - - Test icon - -`; - -exports[`should render a badge component with text and large size 1`] = ` - - - Large - - -`; - -exports[`should render a badge component with text and secondary intent 1`] = ` - - - Secondary - - -`; - -exports[`should render a default component with nothing 1`] = ` - -`; diff --git a/packages/terra-badge/tests/jest/__snapshots__/Storyshots.test.js.snap b/packages/terra-badge/tests/jest/__snapshots__/Storyshots.test.js.snap new file mode 100644 index 00000000000..4ea771fb3b2 --- /dev/null +++ b/packages/terra-badge/tests/jest/__snapshots__/Storyshots.test.js.snap @@ -0,0 +1,218 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Badge Badge Default 1`] = ` + + + Default + + +`; + +exports[`Badge Badge Icon 1`] = ` +
+ + + + + + icon + + + + + + icon + + + + + + + + + + + +
+`; + +exports[`Badge Badge Intent 1`] = ` +
+ + + Default + + + + + + Primary + + + + + + Secondary + + + + + + Positive + + + + + + Negative + + + + + + Warning + + + + + + Info + + +
+`; + +exports[`Badge Badge Size 1`] = ` +
+ + + Tiny + + + + + + Small + + + + + + Medium + + + + + + Large + + + + + + Huge + + +
+`; diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 00000000000..e2d5eb697da --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,17 @@ +module.exports = { + plugins: { + autoprefixer: { + browsers: [ + 'ie >= 10', + 'last 2 versions', + 'last 2 android versions', + 'last 2 and_chr versions', + 'iOS >= 8', + ], + }, + 'postcss-custom-properties': { + preserve: true, warnings: false, + }, + 'postcss-rtl': {}, + }, +}; diff --git a/storybook/favicon.ico b/storybook/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..31b707d749bd021c75a202d0c27ac0c2c510c6e6 GIT binary patch literal 7269 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 G(*FWwi&1a@ literal 0 HcmV?d00001 diff --git a/storybook/iframe.html b/storybook/iframe.html new file mode 100644 index 00000000000..c1a73a20f1d --- /dev/null +++ b/storybook/iframe.html @@ -0,0 +1,23 @@ + + + + + + + + + Storybook + + + + +
+
+ + + + \ No newline at end of file diff --git a/storybook/index.html b/storybook/index.html new file mode 100644 index 00000000000..30408253f45 --- /dev/null +++ b/storybook/index.html @@ -0,0 +1,46 @@ + + + + + + + + + Storybook + + + + +
+ + + + \ No newline at end of file diff --git a/storybook/static/manager.ab5a383ce2d18638ba89.bundle.js b/storybook/static/manager.ab5a383ce2d18638ba89.bundle.js new file mode 100644 index 00000000000..6a594e4b8ab --- /dev/null +++ b/storybook/static/manager.ab5a383ce2d18638ba89.bundle.js @@ -0,0 +1 @@ +!function(modules){function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}var installedModules={};__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.i=function(value){return value},__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=857)}([function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__(47)},function(module,exports,__webpack_require__){"use strict";function invariant(condition,format,a,b,c,d,e,f){if(validateFormat(format),!condition){var error;if(void 0===format)error=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var args=[a,b,c,d,e,f],argIndex=0;error=new Error(format.replace(/%s/g,function(){return args[argIndex++]})),error.name="Invariant Violation"}throw error.framesToPop=1,error}}var validateFormat=function(format){};module.exports=invariant},function(module,exports,__webpack_require__){module.exports=__webpack_require__(346)()},function(module,exports,__webpack_require__){"use strict";var emptyFunction=__webpack_require__(18),warning=emptyFunction;module.exports=warning},function(module,exports,__webpack_require__){"use strict";function reactProdInvariant(code){for(var argCount=arguments.length-1,message="Minified React error #"+code+"; visit http://facebook.github.io/react/docs/error-decoder.html?invariant="+code,argIdx=0;argIdx2?arguments[2]:{},props=keys(map);hasSymbols&&(props=props.concat(Object.getOwnPropertySymbols(map))),foreach(props,function(name){defineProperty(object,name,map[name],predicates[name])})};defineProperties.supportsDescriptors=!!supportsDescriptors,module.exports=defineProperties},function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__(314);module.exports=Function.prototype.bind||implementation},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _typeof2=__webpack_require__(20),_typeof3=_interopRequireDefault(_typeof2),_themes=__webpack_require__(201),themes=function(obj){if(obj&&obj.__esModule)return obj;var newObj={};if(null!=obj)for(var key in obj)Object.prototype.hasOwnProperty.call(obj,key)&&(newObj[key]=obj[key]);return newObj.default=obj,newObj}(_themes),_base=__webpack_require__(423),_base2=_interopRequireDefault(_base),styles=Object.keys(themes).reduce(function(styles,themeName){return styles[themeName]=(0,_base2.default)(themes[themeName]),styles},{}),createStyles=function(key,theme){return"string"==typeof theme?styles[theme][key]:"object"===(void 0===theme?"undefined":(0,_typeof3.default)(theme))?(0,_base2.default)(theme)[key]:styles.chromeLight[key]};exports.default=createStyles},function(module,exports,__webpack_require__){var aFunction=__webpack_require__(63);module.exports=function(fn,that,length){if(aFunction(fn),void 0===that)return fn;switch(length){case 1:return function(a){return fn.call(that,a)};case 2:return function(a,b){return fn.call(that,a,b)};case 3:return function(a,b,c){return fn.call(that,a,b,c)}}return function(){return fn.apply(that,arguments)}}},function(module,exports,__webpack_require__){var dP=__webpack_require__(22),createDesc=__webpack_require__(56);module.exports=__webpack_require__(25)?function(object,key,value){return dP.f(object,key,createDesc(1,value))}:function(object,key,value){return object[key]=value,object}},,,function(module,exports){var hasOwnProperty={}.hasOwnProperty;module.exports=function(it,key){return hasOwnProperty.call(it,key)}},function(module,exports,__webpack_require__){"use strict";var _prodInvariant=__webpack_require__(4),oneArgumentPooler=(__webpack_require__(1),function(copyFieldsFrom){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,copyFieldsFrom),instance}return new Klass(copyFieldsFrom)}),twoArgumentPooler=function(a1,a2){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,a1,a2),instance}return new Klass(a1,a2)},threeArgumentPooler=function(a1,a2,a3){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,a1,a2,a3),instance}return new Klass(a1,a2,a3)},fourArgumentPooler=function(a1,a2,a3,a4){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,a1,a2,a3,a4),instance}return new Klass(a1,a2,a3,a4)},standardReleaser=function(instance){var Klass=this;instance instanceof Klass||_prodInvariant("25"),instance.destructor(),Klass.instancePool.length1){for(var childArray=Array(childrenLength),i=0;i1){for(var childArray=Array(childrenLength),i=0;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}},function(module,exports,__webpack_require__){var defined=__webpack_require__(94);module.exports=function(it){return Object(defined(it))}},function(module,exports,__webpack_require__){"use strict";var $at=__webpack_require__(274)(!0);__webpack_require__(132)(String,"String",function(iterated){this._t=String(iterated),this._i=0},function(){var point,O=this._t,index=this._i;return index>=O.length?{value:void 0,done:!0}:(point=$at(O,index),this._i+=point.length,{value:point,done:!1})})},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.AddonStore=void 0;var _keys=__webpack_require__(39),_keys2=_interopRequireDefault(_keys),_classCallCheck2=__webpack_require__(5),_classCallCheck3=_interopRequireDefault(_classCallCheck2),_createClass2=__webpack_require__(6),_createClass3=_interopRequireDefault(_createClass2),AddonStore=exports.AddonStore=function(){function AddonStore(){(0,_classCallCheck3.default)(this,AddonStore),this.loaders={},this.panels={},this.channel=null,this.preview=null,this.database=null}return(0,_createClass3.default)(AddonStore,[{key:"getChannel",value:function(){if(!this.channel)throw new Error("Accessing nonexistent addons channel, see https://storybook.js.org/basics/faq/#why-is-there-no-addons-channel");return this.channel}},{key:"setChannel",value:function(channel){this.channel=channel}},{key:"getPreview",value:function(){return this.preview}},{key:"setPreview",value:function(preview){this.preview=preview}},{key:"getDatabase",value:function(){return this.database}},{key:"setDatabase",value:function(database){this.database=database}},{key:"getPanels",value:function(){return this.panels}},{key:"addPanel",value:function(name,panel){this.panels[name]=panel}},{key:"register",value:function(name,loader){this.loaders[name]=loader}},{key:"loadAddons",value:function(api){var _this=this;(0,_keys2.default)(this.loaders).map(function(name){return _this.loaders[name]}).forEach(function(loader){return loader(api)})}}]),AddonStore}();exports.default=new AddonStore},,function(module,exports){var toString={}.toString;module.exports=function(it){return toString.call(it).slice(8,-1)}},function(module,exports,__webpack_require__){var $keys=__webpack_require__(150),enumBugKeys=__webpack_require__(96);module.exports=Object.keys||function(O){return $keys(O,enumBugKeys)}},function(module,exports){module.exports=function(bitmap,value){return{enumerable:!(1&bitmap),configurable:!(2&bitmap),writable:!(4&bitmap),value:value}}},function(module,exports,__webpack_require__){var bind=__webpack_require__(30);module.exports=bind.call(Function.call,Object.prototype.hasOwnProperty)},function(module,exports,__webpack_require__){"use strict";function isInteractive(tag){return"button"===tag||"input"===tag||"select"===tag||"textarea"===tag}function shouldPreventMouseEvent(name,type,props){switch(name){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":return!(!props.disabled||!isInteractive(type));default:return!1}}var _prodInvariant=__webpack_require__(4),EventPluginRegistry=__webpack_require__(113),EventPluginUtils=__webpack_require__(114),ReactErrorUtils=__webpack_require__(118),accumulateInto=__webpack_require__(189),forEachAccumulated=__webpack_require__(190),listenerBank=(__webpack_require__(1),{}),eventQueue=null,executeDispatchesAndRelease=function(event,simulated){event&&(EventPluginUtils.executeDispatchesInOrder(event,simulated),event.isPersistent()||event.constructor.release(event))},executeDispatchesAndReleaseSimulated=function(e){return executeDispatchesAndRelease(e,!0)},executeDispatchesAndReleaseTopLevel=function(e){return executeDispatchesAndRelease(e,!1)},getDictionaryKey=function(inst){return"."+inst._rootNodeID},EventPluginHub={injection:{injectEventPluginOrder:EventPluginRegistry.injectEventPluginOrder,injectEventPluginsByName:EventPluginRegistry.injectEventPluginsByName},putListener:function(inst,registrationName,listener){"function"!=typeof listener&&_prodInvariant("94",registrationName,typeof listener);var key=getDictionaryKey(inst);(listenerBank[registrationName]||(listenerBank[registrationName]={}))[key]=listener;var PluginModule=EventPluginRegistry.registrationNameModules[registrationName];PluginModule&&PluginModule.didPutListener&&PluginModule.didPutListener(inst,registrationName,listener)},getListener:function(inst,registrationName){var bankForRegistrationName=listenerBank[registrationName];if(shouldPreventMouseEvent(registrationName,inst._currentElement.type,inst._currentElement.props))return null;var key=getDictionaryKey(inst);return bankForRegistrationName&&bankForRegistrationName[key]},deleteListener:function(inst,registrationName){var PluginModule=EventPluginRegistry.registrationNameModules[registrationName];PluginModule&&PluginModule.willDeleteListener&&PluginModule.willDeleteListener(inst,registrationName);var bankForRegistrationName=listenerBank[registrationName];if(bankForRegistrationName){delete bankForRegistrationName[getDictionaryKey(inst)]}},deleteAllListeners:function(inst){var key=getDictionaryKey(inst);for(var registrationName in listenerBank)if(listenerBank.hasOwnProperty(registrationName)&&listenerBank[registrationName][key]){var PluginModule=EventPluginRegistry.registrationNameModules[registrationName];PluginModule&&PluginModule.willDeleteListener&&PluginModule.willDeleteListener(inst,registrationName),delete listenerBank[registrationName][key]}},extractEvents:function(topLevelType,targetInst,nativeEvent,nativeEventTarget){for(var events,plugins=EventPluginRegistry.plugins,i=0;i]/;module.exports=escapeTextContentForBrowser},function(module,exports,__webpack_require__){"use strict";var reusableSVGContainer,ExecutionEnvironment=__webpack_require__(15),DOMNamespaces=__webpack_require__(112),WHITESPACE_TEST=/^[ \r\n\t\f]/,NONVISIBLE_TEST=/<(!--|link|noscript|meta|script|style)[ \r\n\t\f\/>]/,createMicrosoftUnsafeLocalFunction=__webpack_require__(120),setInnerHTML=createMicrosoftUnsafeLocalFunction(function(node,html){if(node.namespaceURI!==DOMNamespaces.svg||"innerHTML"in node)node.innerHTML=html;else{reusableSVGContainer=reusableSVGContainer||document.createElement("div"),reusableSVGContainer.innerHTML=""+html+"";for(var svgNode=reusableSVGContainer.firstChild;svgNode.firstChild;)node.appendChild(svgNode.firstChild)}});if(ExecutionEnvironment.canUseDOM){var testElement=document.createElement("div");testElement.innerHTML=" ",""===testElement.innerHTML&&(setInnerHTML=function(node,html){if(node.parentNode&&node.parentNode.replaceChild(node,node),WHITESPACE_TEST.test(html)||"<"===html[0]&&NONVISIBLE_TEST.test(html)){node.innerHTML=String.fromCharCode(65279)+html;var textNode=node.firstChild;1===textNode.data.length?node.removeChild(textNode):textNode.deleteData(0,1)}else node.innerHTML=html}),testElement=null}module.exports=setInnerHTML},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _extends2=__webpack_require__(7),_extends3=_interopRequireDefault(_extends2),_react=__webpack_require__(0),_react2=_interopRequireDefault(_react),_propTypes=__webpack_require__(2),_propTypes2=_interopRequireDefault(_propTypes),_createStyles=__webpack_require__(31),_createStyles2=_interopRequireDefault(_createStyles),ObjectName=function(_ref,_ref2){var name=_ref.name,dimmed=_ref.dimmed,styles=_ref.styles,theme=_ref2.theme,themeStyles=(0,_createStyles2.default)("ObjectName",theme),appliedStyles=(0,_extends3.default)({},themeStyles.base,dimmed?themeStyles.dimmed:{},styles);return _react2.default.createElement("span",{style:appliedStyles},name)};ObjectName.propTypes={name:_propTypes2.default.string,dimmed:_propTypes2.default.bool},ObjectName.defaultProps={dimmed:!1},ObjectName.contextTypes={theme:_propTypes2.default.oneOfType([_propTypes2.default.string,_propTypes2.default.object])},exports.default=ObjectName},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _typeof2=__webpack_require__(20),_typeof3=_interopRequireDefault(_typeof2),_extends2=__webpack_require__(7),_extends3=_interopRequireDefault(_extends2),_react=__webpack_require__(0),_react2=_interopRequireDefault(_react),_propTypes=__webpack_require__(2),_propTypes2=_interopRequireDefault(_propTypes),_createStyles=__webpack_require__(31),_createStyles2=_interopRequireDefault(_createStyles),ObjectValue=function(_ref,_ref2){var object=_ref.object,styles=_ref.styles,theme=_ref2.theme,themeStyles=(0,_createStyles2.default)("ObjectValue",theme),mkStyle=function(key){return(0,_extends3.default)({},themeStyles[key],styles)};switch(void 0===object?"undefined":(0,_typeof3.default)(object)){case"number":return _react2.default.createElement("span",{style:mkStyle("objectValueNumber")},object);case"string":return _react2.default.createElement("span",{style:mkStyle("objectValueString")},'"',object,'"');case"boolean":return _react2.default.createElement("span",{style:mkStyle("objectValueBoolean")},String(object));case"undefined":return _react2.default.createElement("span",{style:mkStyle("objectValueUndefined")},"undefined");case"object":return null===object?_react2.default.createElement("span",{style:mkStyle("objectValueNull")},"null"):object instanceof Date?_react2.default.createElement("span",null,object.toString()):object instanceof RegExp?_react2.default.createElement("span",{style:mkStyle("objectValueRegExp")},object.toString()):Array.isArray(object)?_react2.default.createElement("span",null,"Array["+object.length+"]"):_react2.default.createElement("span",null,object.constructor.name);case"function":return _react2.default.createElement("span",null,_react2.default.createElement("span",{style:mkStyle("objectValueFunctionKeyword")},"function"),_react2.default.createElement("span",{style:mkStyle("objectValueFunctionName")}," ",object.name,"()"));case"symbol":return _react2.default.createElement("span",{style:mkStyle("objectValueSymbol")},object.toString());default:return _react2.default.createElement("span",null)}};ObjectValue.propTypes={object:_propTypes2.default.any},ObjectValue.contextTypes={theme:_propTypes2.default.oneOfType([_propTypes2.default.string,_propTypes2.default.object])},exports.default=ObjectValue},function(module,exports,__webpack_require__){function toObject(value){return isObject(value)?value:Object(value)}var isObject=__webpack_require__(66);module.exports=toObject},function(module,exports,__webpack_require__){var getNative=__webpack_require__(225),isLength=__webpack_require__(136),isObjectLike=__webpack_require__(137),objectProto=Object.prototype,objToString=objectProto.toString,nativeIsArray=getNative(Array,"isArray"),isArray=nativeIsArray||function(value){return isObjectLike(value)&&isLength(value.length)&&"[object Array]"==objToString.call(value)};module.exports=isArray},function(module,exports,__webpack_require__){var cof=__webpack_require__(54),TAG=__webpack_require__(13)("toStringTag"),ARG="Arguments"==cof(function(){return arguments}()),tryGet=function(it,key){try{return it[key]}catch(e){}};module.exports=function(it){var O,T,B;return void 0===it?"Undefined":null===it?"Null":"string"==typeof(T=tryGet(O=Object(it),TAG))?T:ARG?cof(O):"Object"==(B=cof(O))&&"function"==typeof O.callee?"Arguments":B}},function(module,exports,__webpack_require__){var anObject=__webpack_require__(21),dPs=__webpack_require__(218),enumBugKeys=__webpack_require__(96),IE_PROTO=__webpack_require__(100)("IE_PROTO"),Empty=function(){},createDict=function(){var iframeDocument,iframe=__webpack_require__(95)("iframe"),i=enumBugKeys.length;for(iframe.style.display="none",__webpack_require__(142).appendChild(iframe),iframe.src="javascript:",iframeDocument=iframe.contentWindow.document,iframeDocument.open(),iframeDocument.write(" + diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js index e0529ed5a14..7d1c766ff7d 100644 --- a/.storybook/webpack.config.js +++ b/.storybook/webpack.config.js @@ -13,7 +13,7 @@ module.exports = { test: /\.(scss|css)$/, loaders: [ "style-loader", - { loader: 'css-loader', options: { modules: true, importLoaders: 2 } }, + { loader: 'css-loader', options: { modules: true, importLoaders: 1 } }, "postcss-loader", "sass-loader"], include: [ diff --git a/DEPENDENCIES.md b/DEPENDENCIES.md index a380d07f31e..433e04014ed 100644 --- a/DEPENDENCIES.md +++ b/DEPENDENCIES.md @@ -1,5 +1,11 @@ # Dependency Information +## dependencies +| Dependency | Version | React Version | Description | +|-|-|-|-| +| canvas | ^1.6.7 | -- | Canvas graphics API backed by Cairo | +| chromedriver | ^2.32.3 | -- | ChromeDriver for Selenium | + ## devDependencies | Dependency | Version | React Version | Description | |-|-|-|-| @@ -30,13 +36,18 @@ | link-parent-bin | ^0.1.3 | -- | [![Build Status](https://travis-ci.org/nicojs/node-link-parent-bin.svg?branch=master)](https://travis-ci.org/nicojs/node-link-parent-bin) | | load-json-file | ^2.0.0 | -- | Read and parse a JSON file | | nightwatch | ^0.9.12 | -- | A node.js bindings implementation for selenium 2.0/webdriver | +| node-sass | ^4.5.2 | -- | Wrapper around libsass | | postcss-custom-properties | ^6.0.1 | -- | PostCSS plugin to polyfill W3C CSS Custom Properties for cascading variables | +| postcss-loader | ^1.3.3 | -- | PostCSS loader for webpack | +| postcss-rtl | ^0.5.10 | -- | PostCSS plugin for RTL-optimizations | | react | ^15.5.4 | -- | React is a JavaScript library for building user interfaces. | | react-dom | ^15.5.4 | ^15.6.1 | React package for working with the DOM. | | react-router | ^3.0.5 | ^0.14.0 \|\| ^15.0.0 | A complete routing library for React | | react-test-renderer | ^15.5.4 | ^15.6.1 | React package for snapshot testing. | | rimraf | ^2.6.1 | -- | A deep deletion module for node (like `rm -rf`) | +| sass-loader | ^6.0.3 | -- | Sass loader for webpack | | shelljs | ^0.7.7 | -- | Portable Unix shell commands for Node.js | +| style-loader | ^0.16.1 | -- | style loader module for webpack | | stylelint | ~8.0.0 | -- | A mighty, modern CSS linter. | | stylelint-config-sass-guidelines | ^3.0.0 | -- | Sharable stylelint config based on https://sass-guidelin.es/ | | stylelint-suitcss | ^1.0.0 | -- | A collection of stylelint plugins for SUIT CSS | diff --git a/nightwatch.conf.js b/nightwatch.conf.js index e9607506863..324435d10fe 100644 --- a/nightwatch.conf.js +++ b/nightwatch.conf.js @@ -1,6 +1,5 @@ /* eslint import/no-extraneous-dependencies: ["error", {"devDependencies": true}] */ const nightwatchConfig = require('terra-toolkit/lib/nightwatch/nightwatch.config.js').default; -const webpackConfig = require('./packages/terra-site/webpack.config'); const getPackageTestDirectories = require('terra-toolkit/lib/nightwatch/setup-helper.js').getPackageTestDirectories; let srcFolders; @@ -12,6 +11,6 @@ if (isRepoTest) { srcFolders = 'tests/nightwatch/'; } -const config = nightwatchConfig(webpackConfig, srcFolders); +const config = nightwatchConfig(srcFolders); module.exports = config; diff --git a/package.json b/package.json index a37bd38510a..f6ea7b4429d 100644 --- a/package.json +++ b/package.json @@ -93,16 +93,25 @@ "link-parent-bin": "^0.1.3", "load-json-file": "^2.0.0", "nightwatch": "^0.9.12", + "node-sass": "^4.5.2", "postcss-custom-properties": "^6.0.1", + "postcss-loader": "^1.3.3", + "postcss-rtl": "^0.5.10", "react": "^15.5.4", "react-dom": "^15.5.4", "react-router": "^3.0.5", "react-test-renderer": "^15.5.4", "rimraf": "^2.6.1", + "sass-loader": "^6.0.3", "shelljs": "^0.7.7", "stylelint": "~8.0.0", "stylelint-config-sass-guidelines": "^3.0.0", "stylelint-suitcss": "^1.0.0", + "style-loader": "^0.16.1", "terra-toolkit": "^2.0.0" + }, + "dependencies": { + "canvas": "^1.6.7", + "chromedriver": "^2.32.3" } } diff --git a/packages/terra-alert/docs/DEPENDENCIES.md b/packages/terra-alert/docs/DEPENDENCIES.md index 75aae3c7bd5..58f43561509 100644 --- a/packages/terra-alert/docs/DEPENDENCIES.md +++ b/packages/terra-alert/docs/DEPENDENCIES.md @@ -20,7 +20,7 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-button | ^1.10.0 | ^15.4.2 | The terra-button component provides users a way to trigger actions in the UI. | | terra-icon | ^1.11.0 | ^15.4.2 | terra-icon | diff --git a/packages/terra-arrange/docs/DEPENDENCIES.md b/packages/terra-arrange/docs/DEPENDENCIES.md index 2e29850864f..d849e79e237 100644 --- a/packages/terra-arrange/docs/DEPENDENCIES.md +++ b/packages/terra-arrange/docs/DEPENDENCIES.md @@ -17,5 +17,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-badge/docs/DEPENDENCIES.md b/packages/terra-badge/docs/DEPENDENCIES.md index bfd50c3e6ab..1440735f3a1 100644 --- a/packages/terra-badge/docs/DEPENDENCIES.md +++ b/packages/terra-badge/docs/DEPENDENCIES.md @@ -16,7 +16,8 @@ ## peerDependencies | Dependency | Version | React Version | Description | |-|-|-|-| +| @storybook/react | ^3.2.11 | >=15.0.0 \|\| ^16.0.0-alpha | Storybook for React: Develop React Component in isolation with Hot Reloading. | | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-mixins | ^1.11.0 | -- | terra-mixins | diff --git a/packages/terra-badge/src/Badge.scss b/packages/terra-badge/src/Badge.scss index 978a62a4697..8c176258a92 100644 --- a/packages/terra-badge/src/Badge.scss +++ b/packages/terra-badge/src/Badge.scss @@ -60,6 +60,7 @@ .large { font-size: var(--terra-badge-font-size-large, 1.4rem); + font-size: 40rem; } .huge { diff --git a/packages/terra-badge/tests/nightwatch/badge-spec.js b/packages/terra-badge/tests/nightwatch/badge-spec.js index ac466da81ce..aee5f39f83f 100644 --- a/packages/terra-badge/tests/nightwatch/badge-spec.js +++ b/packages/terra-badge/tests/nightwatch/badge-spec.js @@ -1,57 +1,10 @@ /* eslint-disable no-unused-expressions */ // eslint-disable-next-line import/no-extraneous-dependencies -const resizeTo = require('terra-toolkit/lib/nightwatch/responsive-helpers').resizeTo; +const capture = require('terra-toolkit/lib/nightwatch/storybook'); -module.exports = resizeTo(['tiny', 'small', 'medium', 'large', 'huge', 'enormous'], { - 'Displays a default badge with the provided text': (browser) => { - browser.url(`${browser.launchUrl}/#/tests/badge-tests/default`); - - browser.expect.element('#default-badge').to.be.present; - browser.expect.element('#default-badge span').text.to.equal('Default'); - }, - - 'Displays intent badges': (browser) => { - browser.url(`${browser.launchUrl}/#/tests/badge-tests/intent`); - - browser.expect.element('#default-badge').to.be.present; - - browser.expect.element('#primary-badge').to.have.attribute('class').which.contains('primary'); - - browser.expect.element('#secondary-badge').to.have.attribute('class').which.contains('secondary'); - - browser.expect.element('#positive-badge').to.have.attribute('class').which.contains('positive'); - - browser.expect.element('#negative-badge').to.have.attribute('class').which.contains('negative'); - - browser.expect.element('#warning-badge').to.have.attribute('class').which.contains('warning'); - - browser.expect.element('#info-badge').to.have.attribute('class').which.contains('info'); - }, - - 'Displays size badges': (browser) => { - browser.url(`${browser.launchUrl}/#/tests/badge-tests/size`); - - browser.expect.element('#tiny-badge').to.have.attribute('class').which.contains('tiny'); - - browser.expect.element('#small-badge').to.have.attribute('class').which.contains('small'); - - browser.expect.element('#medium-badge').to.have.attribute('class').which.contains('medium'); - - browser.expect.element('#large-badge').to.have.attribute('class').which.contains('large'); - - browser.expect.element('#huge-badge').to.have.attribute('class').which.contains('huge'); - }, - - 'Displays icon badges': (browser) => { - browser.url(`${browser.launchUrl}/#/tests/badge-tests/icon`); - - browser.expect.element('#text-right *:nth-child(1)').to.have.attribute('class').which.contains('terra-Icon'); - browser.expect.element('#text-right *:nth-child(2)').to.have.attribute('class').which.contains('text'); - - browser.expect.element('#text-left *:nth-child(2)').to.have.attribute('class').which.contains('terra-Icon'); - browser.expect.element('#text-left *:nth-child(1)').to.have.attribute('class').which.contains('text'); - - browser.expect.element('#no-text *:nth-child(1)').to.have.attribute('class').which.contains('terra-Icon'); - browser.expect.element('#no-text *:nth-child(2)').to.not.be.present; - }, +module.exports = capture('Badge', (story) => { + story('Default'); + story('Icon'); + story('Intent'); + story('Size'); }); diff --git a/packages/terra-base/docs/DEPENDENCIES.md b/packages/terra-base/docs/DEPENDENCIES.md index da282ccfdce..571542ebaa0 100644 --- a/packages/terra-base/docs/DEPENDENCIES.md +++ b/packages/terra-base/docs/DEPENDENCIES.md @@ -17,5 +17,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-mixins | ^1.11.0 | -- | terra-mixins | diff --git a/packages/terra-button-group/docs/DEPENDENCIES.md b/packages/terra-button-group/docs/DEPENDENCIES.md index e690119288d..dcc908b09bb 100644 --- a/packages/terra-button-group/docs/DEPENDENCIES.md +++ b/packages/terra-button-group/docs/DEPENDENCIES.md @@ -17,6 +17,6 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-button | ^1.10.0 | ^15.4.2 | The terra-button component provides users a way to trigger actions in the UI. | diff --git a/packages/terra-button/docs/DEPENDENCIES.md b/packages/terra-button/docs/DEPENDENCIES.md index cf86b49ba56..14cfd9d8b35 100644 --- a/packages/terra-button/docs/DEPENDENCIES.md +++ b/packages/terra-button/docs/DEPENDENCIES.md @@ -16,5 +16,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-card/docs/DEPENDENCIES.md b/packages/terra-card/docs/DEPENDENCIES.md index bfd50c3e6ab..746f9049c18 100644 --- a/packages/terra-card/docs/DEPENDENCIES.md +++ b/packages/terra-card/docs/DEPENDENCIES.md @@ -17,6 +17,6 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-mixins | ^1.11.0 | -- | terra-mixins | diff --git a/packages/terra-collapsible-menu-view/docs/DEPENDENCIES.md b/packages/terra-collapsible-menu-view/docs/DEPENDENCIES.md index fa31ce071bd..285893c9244 100644 --- a/packages/terra-collapsible-menu-view/docs/DEPENDENCIES.md +++ b/packages/terra-collapsible-menu-view/docs/DEPENDENCIES.md @@ -23,5 +23,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-content-container/docs/DEPENDENCIES.md b/packages/terra-content-container/docs/DEPENDENCIES.md index cf86b49ba56..14cfd9d8b35 100644 --- a/packages/terra-content-container/docs/DEPENDENCIES.md +++ b/packages/terra-content-container/docs/DEPENDENCIES.md @@ -16,5 +16,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-date-picker/docs/DEPENDENCIES.md b/packages/terra-date-picker/docs/DEPENDENCIES.md index 69fcc8ab983..3f7f4cc0371 100644 --- a/packages/terra-date-picker/docs/DEPENDENCIES.md +++ b/packages/terra-date-picker/docs/DEPENDENCIES.md @@ -26,7 +26,7 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-button | ^1.10.0 | ^15.4.2 | The terra-button component provides users a way to trigger actions in the UI. | | terra-form | ^1.10.0 | ^15.4.2 | Components for building forms | diff --git a/packages/terra-demographics-banner/docs/DEPENDENCIES.md b/packages/terra-demographics-banner/docs/DEPENDENCIES.md index 28dbf0fddd6..723a67c38ad 100644 --- a/packages/terra-demographics-banner/docs/DEPENDENCIES.md +++ b/packages/terra-demographics-banner/docs/DEPENDENCIES.md @@ -18,5 +18,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-dynamic-grid/docs/DEPENDENCIES.md b/packages/terra-dynamic-grid/docs/DEPENDENCIES.md index 96e1eee1217..b6d8b3a58df 100644 --- a/packages/terra-dynamic-grid/docs/DEPENDENCIES.md +++ b/packages/terra-dynamic-grid/docs/DEPENDENCIES.md @@ -17,5 +17,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-embedded-content-consumer/docs/DEPENDENCIES.md b/packages/terra-embedded-content-consumer/docs/DEPENDENCIES.md index 15865d5401c..64401438c73 100644 --- a/packages/terra-embedded-content-consumer/docs/DEPENDENCIES.md +++ b/packages/terra-embedded-content-consumer/docs/DEPENDENCIES.md @@ -17,6 +17,6 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | xfc | ^1.0.0 | -- | A Cross Frame Container that handles securely embedding web content into a 3rd party domain | diff --git a/packages/terra-form/docs/DEPENDENCIES.md b/packages/terra-form/docs/DEPENDENCIES.md index cf86b49ba56..14cfd9d8b35 100644 --- a/packages/terra-form/docs/DEPENDENCIES.md +++ b/packages/terra-form/docs/DEPENDENCIES.md @@ -16,5 +16,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-grid/docs/DEPENDENCIES.md b/packages/terra-grid/docs/DEPENDENCIES.md index cf86b49ba56..14cfd9d8b35 100644 --- a/packages/terra-grid/docs/DEPENDENCIES.md +++ b/packages/terra-grid/docs/DEPENDENCIES.md @@ -16,5 +16,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-heading/docs/DEPENDENCIES.md b/packages/terra-heading/docs/DEPENDENCIES.md index cf86b49ba56..14cfd9d8b35 100644 --- a/packages/terra-heading/docs/DEPENDENCIES.md +++ b/packages/terra-heading/docs/DEPENDENCIES.md @@ -16,5 +16,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-i18n-plugin/docs/DEPENDENCIES.md b/packages/terra-i18n-plugin/docs/DEPENDENCIES.md index ad7a9a460ba..5b2f1f72771 100644 --- a/packages/terra-i18n-plugin/docs/DEPENDENCIES.md +++ b/packages/terra-i18n-plugin/docs/DEPENDENCIES.md @@ -14,4 +14,4 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | diff --git a/packages/terra-i18n/docs/DEPENDENCIES.md b/packages/terra-i18n/docs/DEPENDENCIES.md index 88948c4bc47..59ace872f1e 100644 --- a/packages/terra-i18n/docs/DEPENDENCIES.md +++ b/packages/terra-i18n/docs/DEPENDENCIES.md @@ -18,4 +18,4 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | diff --git a/packages/terra-icon/docs/DEPENDENCIES.md b/packages/terra-icon/docs/DEPENDENCIES.md index 5e37f01a6a7..13eb0c52562 100644 --- a/packages/terra-icon/docs/DEPENDENCIES.md +++ b/packages/terra-icon/docs/DEPENDENCIES.md @@ -20,5 +20,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-image/docs/DEPENDENCIES.md b/packages/terra-image/docs/DEPENDENCIES.md index cf86b49ba56..14cfd9d8b35 100644 --- a/packages/terra-image/docs/DEPENDENCIES.md +++ b/packages/terra-image/docs/DEPENDENCIES.md @@ -16,5 +16,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-list/docs/DEPENDENCIES.md b/packages/terra-list/docs/DEPENDENCIES.md index 816374e3c87..01f855a6fcf 100644 --- a/packages/terra-list/docs/DEPENDENCIES.md +++ b/packages/terra-list/docs/DEPENDENCIES.md @@ -18,6 +18,6 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-icon | ^1.11.0 | ^15.4.2 | terra-icon | diff --git a/packages/terra-markdown/docs/DEPENDENCIES.md b/packages/terra-markdown/docs/DEPENDENCIES.md index 5f60cc23924..c79534eb7f1 100644 --- a/packages/terra-markdown/docs/DEPENDENCIES.md +++ b/packages/terra-markdown/docs/DEPENDENCIES.md @@ -11,4 +11,4 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | diff --git a/packages/terra-menu/docs/DEPENDENCIES.md b/packages/terra-menu/docs/DEPENDENCIES.md index 73220c29035..1c53f5189e8 100644 --- a/packages/terra-menu/docs/DEPENDENCIES.md +++ b/packages/terra-menu/docs/DEPENDENCIES.md @@ -22,7 +22,7 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.5.4 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.5.4 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.5.4 | ^15.6.1 | React package for working with the DOM. | | terra-arrange | ^1.11.0 | ^15.4.2 | The arrange component is used for horizontally arranging and vertically aligning a single row of container elements. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-content-container | ^1.10.0 | ^15.4.2 | The Terra ContentContainer is a structural component for the purpose of arranging content with a header. | diff --git a/packages/terra-modal-manager/docs/DEPENDENCIES.md b/packages/terra-modal-manager/docs/DEPENDENCIES.md index bf5638b024e..211a966d855 100644 --- a/packages/terra-modal-manager/docs/DEPENDENCIES.md +++ b/packages/terra-modal-manager/docs/DEPENDENCIES.md @@ -22,7 +22,7 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | react-redux | ^5.0.4 | ^0.14.0 \|\| ^15.0.0-0 \|\| ^16.0.0-0 | Official React bindings for Redux | | redux | ^3.6.0 | -- | Predictable state container for JavaScript apps | | terra-app-delegate | ^1.6.0 | -- | An object that provides a set of functions used to facilitate communcation between Containers and their consuming Containers/Applications | diff --git a/packages/terra-modal/docs/DEPENDENCIES.md b/packages/terra-modal/docs/DEPENDENCIES.md index 92154cd42b6..48ac3c5fca9 100644 --- a/packages/terra-modal/docs/DEPENDENCIES.md +++ b/packages/terra-modal/docs/DEPENDENCIES.md @@ -19,4 +19,4 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | diff --git a/packages/terra-overlay/docs/DEPENDENCIES.md b/packages/terra-overlay/docs/DEPENDENCIES.md index 66bfec7a0a6..e74acc5e6f7 100644 --- a/packages/terra-overlay/docs/DEPENDENCIES.md +++ b/packages/terra-overlay/docs/DEPENDENCIES.md @@ -19,6 +19,6 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.5.4 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.5.4 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.5.4 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-icon | ^1.11.0 | ^15.4.2 | terra-icon | diff --git a/packages/terra-popup/docs/DEPENDENCIES.md b/packages/terra-popup/docs/DEPENDENCIES.md index e24fa5c0cbc..6159573b738 100644 --- a/packages/terra-popup/docs/DEPENDENCIES.md +++ b/packages/terra-popup/docs/DEPENDENCIES.md @@ -26,6 +26,6 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-icon | ^1.11.0 | ^15.4.2 | terra-icon | diff --git a/packages/terra-profile-image/docs/DEPENDENCIES.md b/packages/terra-profile-image/docs/DEPENDENCIES.md index 354949a8e15..e87887430cc 100644 --- a/packages/terra-profile-image/docs/DEPENDENCIES.md +++ b/packages/terra-profile-image/docs/DEPENDENCIES.md @@ -16,6 +16,6 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-image | ^1.10.0 | ^15.4.2 | terra-image | diff --git a/packages/terra-progress-bar/docs/DEPENDENCIES.md b/packages/terra-progress-bar/docs/DEPENDENCIES.md index cf86b49ba56..14cfd9d8b35 100644 --- a/packages/terra-progress-bar/docs/DEPENDENCIES.md +++ b/packages/terra-progress-bar/docs/DEPENDENCIES.md @@ -16,5 +16,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-props-table/docs/DEPENDENCIES.md b/packages/terra-props-table/docs/DEPENDENCIES.md index bc762e76e36..a0bec7a3fcf 100644 --- a/packages/terra-props-table/docs/DEPENDENCIES.md +++ b/packages/terra-props-table/docs/DEPENDENCIES.md @@ -14,4 +14,4 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | diff --git a/packages/terra-responsive-element/docs/DEPENDENCIES.md b/packages/terra-responsive-element/docs/DEPENDENCIES.md index 9b727210b10..03e62770a2d 100644 --- a/packages/terra-responsive-element/docs/DEPENDENCIES.md +++ b/packages/terra-responsive-element/docs/DEPENDENCIES.md @@ -16,5 +16,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-search-field/docs/DEPENDENCIES.md b/packages/terra-search-field/docs/DEPENDENCIES.md index 99f363378fe..fecce564209 100644 --- a/packages/terra-search-field/docs/DEPENDENCIES.md +++ b/packages/terra-search-field/docs/DEPENDENCIES.md @@ -19,7 +19,7 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-button | ^1.10.0 | ^15.4.2 | The terra-button component provides users a way to trigger actions in the UI. | | terra-form | ^1.10.0 | ^15.4.2 | Components for building forms | diff --git a/packages/terra-signature/docs/DEPENDENCIES.md b/packages/terra-signature/docs/DEPENDENCIES.md index cf86b49ba56..14cfd9d8b35 100644 --- a/packages/terra-signature/docs/DEPENDENCIES.md +++ b/packages/terra-signature/docs/DEPENDENCIES.md @@ -16,5 +16,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-site/docs/DEPENDENCIES.md b/packages/terra-site/docs/DEPENDENCIES.md index 43c0e6df3f2..f8fb1ee45b5 100644 --- a/packages/terra-site/docs/DEPENDENCIES.md +++ b/packages/terra-site/docs/DEPENDENCIES.md @@ -9,7 +9,7 @@ | prop-types | ^15.5.8 | -- | Runtime type checking for React props and similar objects. | | react-intl | ^2.3.0 | ^0.14.9 \|\| ^15.0.0 \|\| ^16.0.0 | Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations. | | react-redux | ^5.0.4 | ^0.14.0 \|\| ^15.0.0-0 \|\| ^16.0.0-0 | Official React bindings for Redux | -| react-router | ^3.0.5 | ^0.14.0 \|\| ^15.0.0 \|\| ^16.0.0-rc | A complete routing library for React | +| react-router | ^3.0.5 | ^0.14.0 \|\| ^15.0.0 | A complete routing library for React | | redux | ^3.6.0 | -- | Predictable state container for JavaScript apps | | terra-alert | ^1.8.0 | ^15.4.2 | The Terra Alert component is a notification banner that can be rendered in your application when there is information that you want to bring to the user's attention. The Alert component supports a number of built-in notification types that render with pre-defined colors and icons that help the user understand the severity and meaning of the notification. A custom notification type is also supported that allows your application to customize an alert that may not fit into the pre-defined types. | | terra-app-delegate | ^1.6.0 | -- | An object that provides a set of functions used to facilitate communcation between Containers and their consuming Containers/Applications | @@ -77,7 +77,7 @@ | postcss-rtl | ^0.5.10 | -- | PostCSS plugin for RTL-optimizations | | raw-loader | ^0.5.1 | -- | raw loader module for webpack | | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | sass-loader | ^6.0.3 | -- | Sass loader for webpack | | style-loader | ^0.16.1 | -- | style loader module for webpack | | webpack | ^2.6.1 | -- | Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff. | @@ -87,4 +87,4 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | diff --git a/packages/terra-site/themeable-variables.json b/packages/terra-site/themeable-variables.json index 93b386289fc..9e26dfeeb6e 100644 --- a/packages/terra-site/themeable-variables.json +++ b/packages/terra-site/themeable-variables.json @@ -1,283 +1 @@ -{ - "Alert": { - "--terra-alert-icon-font-size": "1.286em", - "--terra-alert-custom-text-color": "#1c1f21", - "--terra-alert-alert-background-color": "#fed1d1", - "--terra-alert-error-background-color": "#fed1d1", - "--terra-alert-warning-background-color": "#fff3ce", - "--terra-alert-advisory-background-color": "#f4f4f4", - "--terra-alert-info-background-color": "#f4f4f4", - "--terra-alert-success-background-color": "#f4f4f4", - "--terra-alert-custom-background-color": "#f4f4f4", - "--terra-alert-custom-shadow-color": "#9b9fa1", - "--terra-alert-alert-title-color": "#e50000", - "--terra-alert-error-title-color": "#e50000" - }, - "Badge": { - "--terra-badge-border-radius": "0.25em", - "--terra-badge-display": "inline-block", - "--terra-badge-font-size-small": "0.8rem", - "--terra-badge-font-weight": "700", - "--terra-badge-line-height": "1", - "--terra-badge-min-width": "1.65em", - "--terra-badge-padding-bottom": "0.5rem", - "--terra-badge-padding-left": "0.36rem", - "--terra-badge-padding-right": "0.36rem", - "--terra-badge-padding-top": "0.5rem", - "--terra-badge-text-transform": "none", - "--terra-badge-child-margin": "0.357em", - "--terra-badge-font-size-tiny": "0.5rem", - "--terra-badge-font-size-medium": "1rem", - "--terra-badge-font-size-large": "1.4rem", - "--terra-badge-font-size-huge": "1.7rem", - "--terra-badge-background-color-default": "#bcbfc0", - "--terra-badge-color-default": "#383f42", - "--terra-badge-background-color-primary": "#004c76", - "--terra-badge-color-primary": "#fff", - "--terra-badge-background-color-secondary": "#4e832b", - "--terra-badge-color-secondary": "#fff", - "--terra-badge-background-color-positive": "#4e832b", - "--terra-badge-color-positive": "#fff", - "--terra-badge-background-color-negative": "#bc0203", - "--terra-badge-color-negative": "#fff", - "--terra-badge-background-color-warning": "#da3b03", - "--terra-badge-color-warning": "#fff", - "--terra-badge-background-color-info": "#004c76", - "--terra-badge-color-info": "#fff" - }, - "Base": { - "--terra-base-font-family": "\"Helvetica Neue\", Helvetica, Arial, sans-serif", - "--terra-base-font-size": "87.5%", - "--terra-base-html-height": "100%", - "--terra-base-html-margin": "0", - "--terra-base-background-color": "#fff", - "--terra-base-color": "#1c1f21", - "--terra-base-body-height": "100%", - "--terra-base-line-height": "1.42857", - "--terra-base-body-margin": "0" - }, - "Button": { - "--terra-button-border-radius": "0.25em", - "--terra-button-border-width": "1px", - "--terra-button-font-size-medium": "1rem", - "--terra-button-font-weight": "400", - "--terra-button-padding-bottom": "0.286em", - "--terra-button-padding-left": "0.714em", - "--terra-button-padding-right": "0.714em", - "--terra-button-padding-top": "0.286em", - "--terra-button-text-transform": "none", - "--terra-button-background-color-default": "#d3d4d5", - "--terra-button-border-color-default": "#bcbfc0", - "--terra-button-color-default": "#383f42", - "--terra-button-hover-background-color-default": "#bcbfc0", - "--terra-button-hover-color-default": "#222a2e", - "--terra-button-active-background-color-default": "#4e5558", - "--terra-button-active-border-color-default": "#4e5558", - "--terra-button-active-color-default": "#fff", - "--terra-button-disabled-background-color-default": "#e8e9ea", - "--terra-button-disabled-border-color-default": "#d3d4d5", - "--terra-button-disabled-color-default": "#909496", - "--terra-button-background-color-primary": "#007cc3", - "--terra-button-border-color-primary": "#0065a3", - "--terra-button-color-primary": "#fff", - "--terra-button-hover-background-color-primary": "#0065a3", - "--terra-button-hover-color-primary": "#fff", - "--terra-button-active-background-color-primary": "#004c76", - "--terra-button-active-border-color-primary": "#383f42", - "--terra-button-active-color-primary": "#fff", - "--terra-button-disabled-background-color-primary": "#cce9f9", - "--terra-button-disabled-border-color-primary": "#a6d9f4", - "--terra-button-disabled-color-primary": "#909496", - "--terra-button-border-color-secondary": "#bcbfc0", - "--terra-button-color-secondary": "#4e5558", - "--terra-button-hover-background-color-secondary": "#bcbfc0", - "--terra-button-hover-color-secondary": "#222a2e", - "--terra-button-active-background-color-secondary": "#4e5558", - "--terra-button-active-border-color-secondary": "#4e5558", - "--terra-button-active-color-secondary": "#fff", - "--terra-button-disabled-border-color-secondary": "#d3d4d5", - "--terra-button-disabled-color-secondary": "#909496", - "--terra-button-color-link": "#0065a3", - "--terra-button-active-color-link": "#004570", - "--terra-button-disabled-color-link": "#909496", - "--terra-button-font-size-tiny": "0.5rem", - "--terra-button-font-size-small": "0.8rem", - "--terra-button-font-size-large": "1.4rem", - "--terra-button-font-size-huge": "1.7rem", - "--terra-button-padding-bottom-compact": "0", - "--terra-button-padding-top-compact": "0" - }, - "Card": { - "--terra-card-background-color": "#fff", - "--terra-card-border": "1px solid #c8cacb", - "--terra-card-border-radius": "3px", - "--terra-card-box-shadow": "none", - "--terra-card-color": "inherit" - }, - "CardBody": { - "--terra-card-padding-bottom": "10px", - "--terra-card-padding-top": "10px", - "--terra-card-padding-left": "10px", - "--terra-card-padding-right": "10px" - }, - "DemographicsBanner": { - "--terra-demographics-banner-background": "#004c76", - "--terra-demographics-banner-foreground": "#fff", - "--terra-demographics-banner-background-deceased": "#1c1f21", - "--terra-demographics-banner-foreground-deceased": "#fff" - }, - "Grid": { - "--terra-grid-gutter-width": "1rem" - }, - "Image": { - "--terra-image-rounded-border-radius": "0.3rem", - "--terra-image-circle-border-radius": "50%", - "--terra-image-thumbnail-background-color": "#fff", - "--terra-image-thumbnail-border-color": "#ddd", - "--terra-image-thumbnail-border-radius": "0.25em", - "--terra-image-thumbnail-border-style": "solid", - "--terra-image-thumbnail-border-width": "1px", - "--terra-image-thumbnail-padding-bottom": "0.25rem", - "--terra-image-thumbnail-padding-left": "0.25rem", - "--terra-image-thumbnail-padding-right": "0.25rem", - "--terra-image-thumbnail-padding-top": "0.25rem" - }, - "List": { - "--terra-list-divider-border": "1px solid #dedfe0", - "--terra-list-chevron-color": "#bcbfc0", - "--terra-list-item-selected-background-color": "#e2f2fc", - "--terra-list-item-selected-divider-color": "#0092e0", - "--terra-list-item-hover-background-color": "#f4fafe", - "--terra-list-item-selected-hover-background-color": "#cbe7fa" - }, - "Menu": { - "--terra-menu-submenu-background-color": "#f9f9f9", - "--terra-menu-divider-color": "#dedfe0", - "--terra-menu-divider-shadow-color": "#f9f9f9", - "--terra-menu-submenu-divider-shadow-color": "#fff", - "--terra-menu-submenu-header-background-color": "#fff", - "--terra-menu-submenu-header-border-bottom": "1px solid #dedfe0", - "--terra-menu-submenu-header-title-color": "#1c1f21", - "--terra-menu-submenu-header-title-font-size": "12px", - "--terra-menu-submenu-header-title-font-weight": "normal", - "--terra-menu-submenu-header-title-line-height": "1.1667", - "--terra-menu-submenu-header-title-margin": "7px 0 7px 0", - "--terra-menu-submenu-header-buttons-icon-color": "#1c1f21", - "--terra-menu-submenu-header-buttons-icon-font-size": "12px", - "--terra-menu-submenu-header-buttons-margin": "0", - "--terra-menu-submenu-header-buttons-padding": "8px", - "--terra-menu-submenu-header-buttons-hover-color": "#111", - "--terra-menu-fullscreen-header-background-color": "#fff", - "--terra-menu-fullscreen-header-border-bottom": "1px solid #dedfe0", - "--terra-menu-fullscreen-header-title-color": "#1c1f21", - "--terra-menu-fullscreen-header-title-font-size": "1rem", - "--terra-menu-fullscreen-header-title-line-height": "1.2", - "--terra-menu-fullscreen-header-title-margin": "0.5714rem 0 0.5714rem 0.3571rem", - "--terra-menu-fullscreen-header-buttons-icon-font-size": "1.45rem", - "--terra-menu-fullscreen-header-buttons-margin": "0.3571rem 0", - "--terra-menu-fullscreen-header-buttons-padding": "4px", - "--terra-menu-background-color": "#fff", - "--terra-menu-foreground-color": "#1c1f21", - "--terra-menu-submenu-foreground-color": "#1c1f21" - }, - "MenuItem": { - "--terra-menu-item-hover-color": "#ebf6fd", - "--terra-menu-item-text-color": "#1c1f21", - "--terra-menu-item-text-font-size": "13px", - "--terra-menu-item-checkmark-icon-color": "#1c1f21", - "--terra-menu-item-checkmark-icon-font-size": "12px", - "--terra-menu-item-chevron-icon-color": "#9b9fa1", - "--terra-menu-item-chevron-icon-font-size": "10px" - }, - "MockThemeComponent": { - "--terra-mock-background-color": "#000", - "--terra-mock-color": "#fff", - "--terra-mock-display": "inline" - }, - "Popup": { - "--terra-popup-element-z-index": "7001" - }, - "PopupArrow": { - "--terra-popup-arrow-size": "11px", - "--terra-popup-arrow-z-index": "7002", - "--terra-popup-arrow-inner-size": "10px", - "--terra-popup-arrow-inner-z-index": "7003", - "--terra-popup-arrow-color": "#b2b5b6", - "--terra-popup-arrow-inner-inset-size": "2px", - "--terra-popup-arrow-inner-color": "#fff" - }, - "PopupContent": { - "--terra-popup-content-header-border-bottom": "1px solid #dedfe0", - "--terra-popup-content-close-background": "0 0", - "--terra-popup-content-close-border": "0", - "--terra-popup-content-close-color": "#111", - "--terra-popup-content-close-font-size": "1.45rem", - "--terra-popup-content-close-font-weight": "bold", - "--terra-popup-content-close-line-height": "0", - "--terra-popup-content-close-margin-left": "0.3571rem", - "--terra-popup-content-close-margin-right": "0", - "--terra-popup-content-close-padding": "4px", - "--terra-popup-content-close-hover-color": "#999", - "--terra-popup-content-inner-background-color": "#fff", - "--terra-popup-content-inner-border": "1px solid #b2b5b6", - "--terra-popup-content-inner-box-shadow": "0 4px 8px 0 rgba(0, 0, 0, 0.35), 0 4px 3px -3px rgba(0, 0, 0, 0.5)", - "--terra-popup-content-margin": "10px" - }, - "PopupOverlay": { - "--terra-popup-overlay-background-color": "#fff", - "--terra-popup-overlay-opacity": "0.01", - "--terra-popup-overlay-z-index": "7000" - }, - "ProgressBar": { - "--terra-progress-bar-height-small": "0.8rem", - "--terra-progress-bar-height-tiny": "0.5rem", - "--terra-progress-bar-height-medium": "1rem", - "--terra-progress-bar-height-large": "1.4rem", - "--terra-progress-bar-height-huge": "1.7rem" - }, - "Signature": { - "--terra-signature-background-color": "#fff", - "--terra-signature-line-color": "#000" - }, - "SlidePanel": { - "--terra-slide-panel-panel-width-small": "320px", - "--terra-slide-panel-panel-width-large": "60%" - }, - "Table": { - "--terra-table-background-color": "#fff", - "--terra-table-border": "0", - "--terra-table-cell-border": "0", - "--terra-table-row-border-vertical": "1px solid #c8cacb", - "--terra-table-thead-background-color": "#dedfe0", - "--terra-table-thead-tr-border-bottom": "0", - "--terra-table-thead-tr-border-top": "1px solid #c8cacb", - "--terra-table-thead-th-color": "#1c1f21", - "--terra-table-thead-th-font-size": "1rem", - "--terra-table-thead-th-font-weight": "bold", - "--terra-table-row-border-horizontal": "1px solid #c8cacb", - "--terra-table-tfoot-tr-border-bottom": "1px solid #c8cacb", - "--terra-table-tfoot-tr-border-top": "0", - "--terra-table-subheader-background-color": "#c8cacb", - "--terra-table-subheader-color": "#1c1f21", - "--terra-table-subheader-font-size": "1rem", - "--terra-table-subheader-font-weight": "bold", - "--terra-table-sort-indicator-color": "#1c1f21", - "--terra-table-cell-min-width-tiny": "3rem", - "--terra-table-cell-min-width-small": "4.25rem", - "--terra-table-cell-min-width-medium": "5.75rem", - "--terra-table-cell-min-width-large": "8.5rem", - "--terra-table-cell-min-width-huge": "10.5rem", - "--terra-table-cell-padding-bottom": "0.5em", - "--terra-table-cell-padding-left": "0.75em", - "--terra-table-cell-padding-right": "0.75em", - "--terra-table-cell-padding-top": "0.5em", - "--terra-table-row-striped-background-color": "#f4f4f4", - "--terra-table-row-striped-selected-background-color": "#cbe7fa", - "--terra-table-row-striped-hover-background-color": "#e2f2fc", - "--terra-table-row-striped-selected-hover-background-color": "#b3ddf7", - "--terra-table-row-selected-background-color": "#e2f2fc", - "--terra-table-row-selected-border-color": "#0092e0", - "--terra-table-row-hover-background-color": "#f4fafe", - "--terra-table-row-selected-hover-background-color": "#cbe7fa" - } -} \ No newline at end of file +{} \ No newline at end of file diff --git a/packages/terra-slide-group/docs/DEPENDENCIES.md b/packages/terra-slide-group/docs/DEPENDENCIES.md index 051e50aa729..97426d0895c 100644 --- a/packages/terra-slide-group/docs/DEPENDENCIES.md +++ b/packages/terra-slide-group/docs/DEPENDENCIES.md @@ -17,5 +17,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-slide-panel/docs/DEPENDENCIES.md b/packages/terra-slide-panel/docs/DEPENDENCIES.md index cf86b49ba56..14cfd9d8b35 100644 --- a/packages/terra-slide-panel/docs/DEPENDENCIES.md +++ b/packages/terra-slide-panel/docs/DEPENDENCIES.md @@ -16,5 +16,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-status/docs/DEPENDENCIES.md b/packages/terra-status/docs/DEPENDENCIES.md index 9104ea80fc1..aa99d216e6e 100644 --- a/packages/terra-status/docs/DEPENDENCIES.md +++ b/packages/terra-status/docs/DEPENDENCIES.md @@ -17,5 +17,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-table/docs/DEPENDENCIES.md b/packages/terra-table/docs/DEPENDENCIES.md index e43d3788156..44b66eacef8 100644 --- a/packages/terra-table/docs/DEPENDENCIES.md +++ b/packages/terra-table/docs/DEPENDENCIES.md @@ -17,6 +17,6 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-icon | ^1.11.0 | ^15.4.2 | terra-icon | diff --git a/packages/terra-text/docs/DEPENDENCIES.md b/packages/terra-text/docs/DEPENDENCIES.md index cf86b49ba56..14cfd9d8b35 100644 --- a/packages/terra-text/docs/DEPENDENCIES.md +++ b/packages/terra-text/docs/DEPENDENCIES.md @@ -16,5 +16,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/packages/terra-theme-provider/docs/DEPENDENCIES.md b/packages/terra-theme-provider/docs/DEPENDENCIES.md index bfd50c3e6ab..746f9049c18 100644 --- a/packages/terra-theme-provider/docs/DEPENDENCIES.md +++ b/packages/terra-theme-provider/docs/DEPENDENCIES.md @@ -17,6 +17,6 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-mixins | ^1.11.0 | -- | terra-mixins | diff --git a/packages/terra-time-input/docs/DEPENDENCIES.md b/packages/terra-time-input/docs/DEPENDENCIES.md index 39df188f78e..b4889ac2f42 100644 --- a/packages/terra-time-input/docs/DEPENDENCIES.md +++ b/packages/terra-time-input/docs/DEPENDENCIES.md @@ -18,6 +18,6 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-form | ^1.10.0 | ^15.4.2 | Components for building forms | diff --git a/packages/terra-toggle-button/docs/DEPENDENCIES.md b/packages/terra-toggle-button/docs/DEPENDENCIES.md index 87c1a9849c1..cce225afcb5 100644 --- a/packages/terra-toggle-button/docs/DEPENDENCIES.md +++ b/packages/terra-toggle-button/docs/DEPENDENCIES.md @@ -20,7 +20,7 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-arrange | ^1.11.0 | ^15.4.2 | The arrange component is used for horizontally arranging and vertically aligning a single row of container elements. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | | terra-button | ^1.10.0 | ^15.4.2 | The terra-button component provides users a way to trigger actions in the UI. | diff --git a/packages/terra-toggle/docs/DEPENDENCIES.md b/packages/terra-toggle/docs/DEPENDENCIES.md index 587aa305725..91bc3f8da41 100644 --- a/packages/terra-toggle/docs/DEPENDENCIES.md +++ b/packages/terra-toggle/docs/DEPENDENCIES.md @@ -17,5 +17,5 @@ | Dependency | Version | React Version | Description | |-|-|-|-| | react | ^15.4.2 | -- | React is a JavaScript library for building user interfaces. | -| react-dom | ^15.4.2 | ^15.6.2 | React package for working with the DOM. | +| react-dom | ^15.4.2 | ^15.6.1 | React package for working with the DOM. | | terra-base | ^2.5.0 | ^15.4.2 | The base component sets minimal global styles for an application. | diff --git a/postcss.config.js b/postcss.config.js index e2d5eb697da..683168a778e 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -12,6 +12,5 @@ module.exports = { 'postcss-custom-properties': { preserve: true, warnings: false, }, - 'postcss-rtl': {}, }, }; diff --git a/storybook/iframe.html b/storybook/iframe.html index c1a73a20f1d..da95e971620 100644 --- a/storybook/iframe.html +++ b/storybook/iframe.html @@ -17,7 +17,7 @@
- + \ No newline at end of file diff --git a/storybook/index.html b/storybook/index.html index 30408253f45..d4237491258 100644 --- a/storybook/index.html +++ b/storybook/index.html @@ -36,7 +36,19 @@ background-color: #eee } - + + + +
diff --git a/storybook/static/preview.73e9c13e90778026e4b3.bundle.js b/storybook/static/preview.73e9c13e90778026e4b3.bundle.js deleted file mode 100644 index cd673f19fe0..00000000000 --- a/storybook/static/preview.73e9c13e90778026e4b3.bundle.js +++ /dev/null @@ -1 +0,0 @@ -!function(modules){function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}var installedModules={};__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.i=function(value){return value},__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=858)}([function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__(47)},function(module,exports,__webpack_require__){"use strict";function invariant(condition,format,a,b,c,d,e,f){if(validateFormat(format),!condition){var error;if(void 0===format)error=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var args=[a,b,c,d,e,f],argIndex=0;error=new Error(format.replace(/%s/g,function(){return args[argIndex++]})),error.name="Invariant Violation"}throw error.framesToPop=1,error}}var validateFormat=function(format){};module.exports=invariant},function(module,exports,__webpack_require__){module.exports=__webpack_require__(346)()},function(module,exports,__webpack_require__){"use strict";var emptyFunction=__webpack_require__(18),warning=emptyFunction;module.exports=warning},function(module,exports,__webpack_require__){"use strict";function reactProdInvariant(code){for(var argCount=arguments.length-1,message="Minified React error #"+code+"; visit http://facebook.github.io/react/docs/error-decoder.html?invariant="+code,argIdx=0;argIdx2?arguments[2]:{},props=keys(map);hasSymbols&&(props=props.concat(Object.getOwnPropertySymbols(map))),foreach(props,function(name){defineProperty(object,name,map[name],predicates[name])})};defineProperties.supportsDescriptors=!!supportsDescriptors,module.exports=defineProperties},function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__(314);module.exports=Function.prototype.bind||implementation},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _typeof2=__webpack_require__(20),_typeof3=_interopRequireDefault(_typeof2),_themes=__webpack_require__(201),themes=function(obj){if(obj&&obj.__esModule)return obj;var newObj={};if(null!=obj)for(var key in obj)Object.prototype.hasOwnProperty.call(obj,key)&&(newObj[key]=obj[key]);return newObj.default=obj,newObj}(_themes),_base=__webpack_require__(423),_base2=_interopRequireDefault(_base),styles=Object.keys(themes).reduce(function(styles,themeName){return styles[themeName]=(0,_base2.default)(themes[themeName]),styles},{}),createStyles=function(key,theme){return"string"==typeof theme?styles[theme][key]:"object"===(void 0===theme?"undefined":(0,_typeof3.default)(theme))?(0,_base2.default)(theme)[key]:styles.chromeLight[key]};exports.default=createStyles},function(module,exports,__webpack_require__){var aFunction=__webpack_require__(63);module.exports=function(fn,that,length){if(aFunction(fn),void 0===that)return fn;switch(length){case 1:return function(a){return fn.call(that,a)};case 2:return function(a,b){return fn.call(that,a,b)};case 3:return function(a,b,c){return fn.call(that,a,b,c)}}return function(){return fn.apply(that,arguments)}}},function(module,exports,__webpack_require__){var dP=__webpack_require__(22),createDesc=__webpack_require__(56);module.exports=__webpack_require__(25)?function(object,key,value){return dP.f(object,key,createDesc(1,value))}:function(object,key,value){return object[key]=value,object}},function(module,__webpack_exports__,__webpack_require__){"use strict";var __WEBPACK_IMPORTED_MODULE_0__TemplateTag__=__webpack_require__(611);__webpack_require__.d(__webpack_exports__,"a",function(){return __WEBPACK_IMPORTED_MODULE_0__TemplateTag__.a})},function(module,__webpack_exports__,__webpack_require__){"use strict";var __WEBPACK_IMPORTED_MODULE_0__trimResultTransformer__=__webpack_require__(648);__webpack_require__.d(__webpack_exports__,"a",function(){return __WEBPACK_IMPORTED_MODULE_0__trimResultTransformer__.a})},function(module,exports){var hasOwnProperty={}.hasOwnProperty;module.exports=function(it,key){return hasOwnProperty.call(it,key)}},function(module,exports,__webpack_require__){"use strict";var _prodInvariant=__webpack_require__(4),oneArgumentPooler=(__webpack_require__(1),function(copyFieldsFrom){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,copyFieldsFrom),instance}return new Klass(copyFieldsFrom)}),twoArgumentPooler=function(a1,a2){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,a1,a2),instance}return new Klass(a1,a2)},threeArgumentPooler=function(a1,a2,a3){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,a1,a2,a3),instance}return new Klass(a1,a2,a3)},fourArgumentPooler=function(a1,a2,a3,a4){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,a1,a2,a3,a4),instance}return new Klass(a1,a2,a3,a4)},standardReleaser=function(instance){var Klass=this;instance instanceof Klass||_prodInvariant("25"),instance.destructor(),Klass.instancePool.length1){for(var childArray=Array(childrenLength),i=0;i1){for(var childArray=Array(childrenLength),i=0;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}},function(module,exports,__webpack_require__){var defined=__webpack_require__(94);module.exports=function(it){return Object(defined(it))}},function(module,exports,__webpack_require__){"use strict";var $at=__webpack_require__(274)(!0);__webpack_require__(132)(String,"String",function(iterated){this._t=String(iterated),this._i=0},function(){var point,O=this._t,index=this._i;return index>=O.length?{value:void 0,done:!0}:(point=$at(O,index),this._i+=point.length,{value:point,done:!1})})},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.AddonStore=void 0;var _keys=__webpack_require__(39),_keys2=_interopRequireDefault(_keys),_classCallCheck2=__webpack_require__(5),_classCallCheck3=_interopRequireDefault(_classCallCheck2),_createClass2=__webpack_require__(6),_createClass3=_interopRequireDefault(_createClass2),AddonStore=exports.AddonStore=function(){function AddonStore(){(0,_classCallCheck3.default)(this,AddonStore),this.loaders={},this.panels={},this.channel=null,this.preview=null,this.database=null}return(0,_createClass3.default)(AddonStore,[{key:"getChannel",value:function(){if(!this.channel)throw new Error("Accessing nonexistent addons channel, see https://storybook.js.org/basics/faq/#why-is-there-no-addons-channel");return this.channel}},{key:"setChannel",value:function(channel){this.channel=channel}},{key:"getPreview",value:function(){return this.preview}},{key:"setPreview",value:function(preview){this.preview=preview}},{key:"getDatabase",value:function(){return this.database}},{key:"setDatabase",value:function(database){this.database=database}},{key:"getPanels",value:function(){return this.panels}},{key:"addPanel",value:function(name,panel){this.panels[name]=panel}},{key:"register",value:function(name,loader){this.loaders[name]=loader}},{key:"loadAddons",value:function(api){var _this=this;(0,_keys2.default)(this.loaders).map(function(name){return _this.loaders[name]}).forEach(function(loader){return loader(api)})}}]),AddonStore}();exports.default=new AddonStore},function(module,__webpack_exports__,__webpack_require__){"use strict";var __WEBPACK_IMPORTED_MODULE_0__inlineArrayTransformer__=__webpack_require__(621);__webpack_require__.d(__webpack_exports__,"a",function(){return __WEBPACK_IMPORTED_MODULE_0__inlineArrayTransformer__.a})},function(module,exports){var toString={}.toString;module.exports=function(it){return toString.call(it).slice(8,-1)}},function(module,exports,__webpack_require__){var $keys=__webpack_require__(150),enumBugKeys=__webpack_require__(96);module.exports=Object.keys||function(O){return $keys(O,enumBugKeys)}},function(module,exports){module.exports=function(bitmap,value){return{enumerable:!(1&bitmap),configurable:!(2&bitmap),writable:!(4&bitmap),value:value}}},function(module,exports,__webpack_require__){var bind=__webpack_require__(30);module.exports=bind.call(Function.call,Object.prototype.hasOwnProperty)},function(module,exports,__webpack_require__){"use strict";function isInteractive(tag){return"button"===tag||"input"===tag||"select"===tag||"textarea"===tag}function shouldPreventMouseEvent(name,type,props){switch(name){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":return!(!props.disabled||!isInteractive(type));default:return!1}}var _prodInvariant=__webpack_require__(4),EventPluginRegistry=__webpack_require__(113),EventPluginUtils=__webpack_require__(114),ReactErrorUtils=__webpack_require__(118),accumulateInto=__webpack_require__(189),forEachAccumulated=__webpack_require__(190),listenerBank=(__webpack_require__(1),{}),eventQueue=null,executeDispatchesAndRelease=function(event,simulated){event&&(EventPluginUtils.executeDispatchesInOrder(event,simulated),event.isPersistent()||event.constructor.release(event))},executeDispatchesAndReleaseSimulated=function(e){return executeDispatchesAndRelease(e,!0)},executeDispatchesAndReleaseTopLevel=function(e){return executeDispatchesAndRelease(e,!1)},getDictionaryKey=function(inst){return"."+inst._rootNodeID},EventPluginHub={injection:{injectEventPluginOrder:EventPluginRegistry.injectEventPluginOrder,injectEventPluginsByName:EventPluginRegistry.injectEventPluginsByName},putListener:function(inst,registrationName,listener){"function"!=typeof listener&&_prodInvariant("94",registrationName,typeof listener);var key=getDictionaryKey(inst);(listenerBank[registrationName]||(listenerBank[registrationName]={}))[key]=listener;var PluginModule=EventPluginRegistry.registrationNameModules[registrationName];PluginModule&&PluginModule.didPutListener&&PluginModule.didPutListener(inst,registrationName,listener)},getListener:function(inst,registrationName){var bankForRegistrationName=listenerBank[registrationName];if(shouldPreventMouseEvent(registrationName,inst._currentElement.type,inst._currentElement.props))return null;var key=getDictionaryKey(inst);return bankForRegistrationName&&bankForRegistrationName[key]},deleteListener:function(inst,registrationName){var PluginModule=EventPluginRegistry.registrationNameModules[registrationName];PluginModule&&PluginModule.willDeleteListener&&PluginModule.willDeleteListener(inst,registrationName);var bankForRegistrationName=listenerBank[registrationName];if(bankForRegistrationName){delete bankForRegistrationName[getDictionaryKey(inst)]}},deleteAllListeners:function(inst){var key=getDictionaryKey(inst);for(var registrationName in listenerBank)if(listenerBank.hasOwnProperty(registrationName)&&listenerBank[registrationName][key]){var PluginModule=EventPluginRegistry.registrationNameModules[registrationName];PluginModule&&PluginModule.willDeleteListener&&PluginModule.willDeleteListener(inst,registrationName),delete listenerBank[registrationName][key]}},extractEvents:function(topLevelType,targetInst,nativeEvent,nativeEventTarget){for(var events,plugins=EventPluginRegistry.plugins,i=0;i]/;module.exports=escapeTextContentForBrowser},function(module,exports,__webpack_require__){"use strict";var reusableSVGContainer,ExecutionEnvironment=__webpack_require__(15),DOMNamespaces=__webpack_require__(112),WHITESPACE_TEST=/^[ \r\n\t\f]/,NONVISIBLE_TEST=/<(!--|link|noscript|meta|script|style)[ \r\n\t\f\/>]/,createMicrosoftUnsafeLocalFunction=__webpack_require__(120),setInnerHTML=createMicrosoftUnsafeLocalFunction(function(node,html){if(node.namespaceURI!==DOMNamespaces.svg||"innerHTML"in node)node.innerHTML=html;else{reusableSVGContainer=reusableSVGContainer||document.createElement("div"),reusableSVGContainer.innerHTML=""+html+"";for(var svgNode=reusableSVGContainer.firstChild;svgNode.firstChild;)node.appendChild(svgNode.firstChild)}});if(ExecutionEnvironment.canUseDOM){var testElement=document.createElement("div");testElement.innerHTML=" ",""===testElement.innerHTML&&(setInnerHTML=function(node,html){if(node.parentNode&&node.parentNode.replaceChild(node,node),WHITESPACE_TEST.test(html)||"<"===html[0]&&NONVISIBLE_TEST.test(html)){node.innerHTML=String.fromCharCode(65279)+html;var textNode=node.firstChild;1===textNode.data.length?node.removeChild(textNode):textNode.deleteData(0,1)}else node.innerHTML=html}),testElement=null}module.exports=setInnerHTML},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _extends2=__webpack_require__(7),_extends3=_interopRequireDefault(_extends2),_react=__webpack_require__(0),_react2=_interopRequireDefault(_react),_propTypes=__webpack_require__(2),_propTypes2=_interopRequireDefault(_propTypes),_createStyles=__webpack_require__(31),_createStyles2=_interopRequireDefault(_createStyles),ObjectName=function(_ref,_ref2){var name=_ref.name,dimmed=_ref.dimmed,styles=_ref.styles,theme=_ref2.theme,themeStyles=(0,_createStyles2.default)("ObjectName",theme),appliedStyles=(0,_extends3.default)({},themeStyles.base,dimmed?themeStyles.dimmed:{},styles);return _react2.default.createElement("span",{style:appliedStyles},name)};ObjectName.propTypes={name:_propTypes2.default.string,dimmed:_propTypes2.default.bool},ObjectName.defaultProps={dimmed:!1},ObjectName.contextTypes={theme:_propTypes2.default.oneOfType([_propTypes2.default.string,_propTypes2.default.object])},exports.default=ObjectName},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _typeof2=__webpack_require__(20),_typeof3=_interopRequireDefault(_typeof2),_extends2=__webpack_require__(7),_extends3=_interopRequireDefault(_extends2),_react=__webpack_require__(0),_react2=_interopRequireDefault(_react),_propTypes=__webpack_require__(2),_propTypes2=_interopRequireDefault(_propTypes),_createStyles=__webpack_require__(31),_createStyles2=_interopRequireDefault(_createStyles),ObjectValue=function(_ref,_ref2){var object=_ref.object,styles=_ref.styles,theme=_ref2.theme,themeStyles=(0,_createStyles2.default)("ObjectValue",theme),mkStyle=function(key){return(0,_extends3.default)({},themeStyles[key],styles)};switch(void 0===object?"undefined":(0,_typeof3.default)(object)){case"number":return _react2.default.createElement("span",{style:mkStyle("objectValueNumber")},object);case"string":return _react2.default.createElement("span",{style:mkStyle("objectValueString")},'"',object,'"');case"boolean":return _react2.default.createElement("span",{style:mkStyle("objectValueBoolean")},String(object));case"undefined":return _react2.default.createElement("span",{style:mkStyle("objectValueUndefined")},"undefined");case"object":return null===object?_react2.default.createElement("span",{style:mkStyle("objectValueNull")},"null"):object instanceof Date?_react2.default.createElement("span",null,object.toString()):object instanceof RegExp?_react2.default.createElement("span",{style:mkStyle("objectValueRegExp")},object.toString()):Array.isArray(object)?_react2.default.createElement("span",null,"Array["+object.length+"]"):_react2.default.createElement("span",null,object.constructor.name);case"function":return _react2.default.createElement("span",null,_react2.default.createElement("span",{style:mkStyle("objectValueFunctionKeyword")},"function"),_react2.default.createElement("span",{style:mkStyle("objectValueFunctionName")}," ",object.name,"()"));case"symbol":return _react2.default.createElement("span",{style:mkStyle("objectValueSymbol")},object.toString());default:return _react2.default.createElement("span",null)}};ObjectValue.propTypes={object:_propTypes2.default.any},ObjectValue.contextTypes={theme:_propTypes2.default.oneOfType([_propTypes2.default.string,_propTypes2.default.object])},exports.default=ObjectValue},,,function(module,exports,__webpack_require__){var cof=__webpack_require__(54),TAG=__webpack_require__(13)("toStringTag"),ARG="Arguments"==cof(function(){return arguments}()),tryGet=function(it,key){try{return it[key]}catch(e){}};module.exports=function(it){var O,T,B;return void 0===it?"Undefined":null===it?"Null":"string"==typeof(T=tryGet(O=Object(it),TAG))?T:ARG?cof(O):"Object"==(B=cof(O))&&"function"==typeof O.callee?"Arguments":B}},function(module,exports,__webpack_require__){var anObject=__webpack_require__(21),dPs=__webpack_require__(218),enumBugKeys=__webpack_require__(96),IE_PROTO=__webpack_require__(100)("IE_PROTO"),Empty=function(){},createDict=function(){var iframeDocument,iframe=__webpack_require__(95)("iframe"),i=enumBugKeys.length;for(iframe.style.display="none",__webpack_require__(142).appendChild(iframe),iframe.src="javascript:",iframeDocument=iframe.contentWindow.document,iframeDocument.open(),iframeDocument.write(" - Storybook - - - - -
-
- - - - \ No newline at end of file diff --git a/storybook/index.html b/storybook/index.html deleted file mode 100644 index d4237491258..00000000000 --- a/storybook/index.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - - - - - - Storybook - - - - - - - -
- - - - \ No newline at end of file diff --git a/storybook/static/manager.ab5a383ce2d18638ba89.bundle.js b/storybook/static/manager.ab5a383ce2d18638ba89.bundle.js deleted file mode 100644 index 6a594e4b8ab..00000000000 --- a/storybook/static/manager.ab5a383ce2d18638ba89.bundle.js +++ /dev/null @@ -1 +0,0 @@ -!function(modules){function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}var installedModules={};__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.i=function(value){return value},__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=857)}([function(module,exports,__webpack_require__){"use strict";module.exports=__webpack_require__(47)},function(module,exports,__webpack_require__){"use strict";function invariant(condition,format,a,b,c,d,e,f){if(validateFormat(format),!condition){var error;if(void 0===format)error=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var args=[a,b,c,d,e,f],argIndex=0;error=new Error(format.replace(/%s/g,function(){return args[argIndex++]})),error.name="Invariant Violation"}throw error.framesToPop=1,error}}var validateFormat=function(format){};module.exports=invariant},function(module,exports,__webpack_require__){module.exports=__webpack_require__(346)()},function(module,exports,__webpack_require__){"use strict";var emptyFunction=__webpack_require__(18),warning=emptyFunction;module.exports=warning},function(module,exports,__webpack_require__){"use strict";function reactProdInvariant(code){for(var argCount=arguments.length-1,message="Minified React error #"+code+"; visit http://facebook.github.io/react/docs/error-decoder.html?invariant="+code,argIdx=0;argIdx2?arguments[2]:{},props=keys(map);hasSymbols&&(props=props.concat(Object.getOwnPropertySymbols(map))),foreach(props,function(name){defineProperty(object,name,map[name],predicates[name])})};defineProperties.supportsDescriptors=!!supportsDescriptors,module.exports=defineProperties},function(module,exports,__webpack_require__){"use strict";var implementation=__webpack_require__(314);module.exports=Function.prototype.bind||implementation},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _typeof2=__webpack_require__(20),_typeof3=_interopRequireDefault(_typeof2),_themes=__webpack_require__(201),themes=function(obj){if(obj&&obj.__esModule)return obj;var newObj={};if(null!=obj)for(var key in obj)Object.prototype.hasOwnProperty.call(obj,key)&&(newObj[key]=obj[key]);return newObj.default=obj,newObj}(_themes),_base=__webpack_require__(423),_base2=_interopRequireDefault(_base),styles=Object.keys(themes).reduce(function(styles,themeName){return styles[themeName]=(0,_base2.default)(themes[themeName]),styles},{}),createStyles=function(key,theme){return"string"==typeof theme?styles[theme][key]:"object"===(void 0===theme?"undefined":(0,_typeof3.default)(theme))?(0,_base2.default)(theme)[key]:styles.chromeLight[key]};exports.default=createStyles},function(module,exports,__webpack_require__){var aFunction=__webpack_require__(63);module.exports=function(fn,that,length){if(aFunction(fn),void 0===that)return fn;switch(length){case 1:return function(a){return fn.call(that,a)};case 2:return function(a,b){return fn.call(that,a,b)};case 3:return function(a,b,c){return fn.call(that,a,b,c)}}return function(){return fn.apply(that,arguments)}}},function(module,exports,__webpack_require__){var dP=__webpack_require__(22),createDesc=__webpack_require__(56);module.exports=__webpack_require__(25)?function(object,key,value){return dP.f(object,key,createDesc(1,value))}:function(object,key,value){return object[key]=value,object}},,,function(module,exports){var hasOwnProperty={}.hasOwnProperty;module.exports=function(it,key){return hasOwnProperty.call(it,key)}},function(module,exports,__webpack_require__){"use strict";var _prodInvariant=__webpack_require__(4),oneArgumentPooler=(__webpack_require__(1),function(copyFieldsFrom){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,copyFieldsFrom),instance}return new Klass(copyFieldsFrom)}),twoArgumentPooler=function(a1,a2){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,a1,a2),instance}return new Klass(a1,a2)},threeArgumentPooler=function(a1,a2,a3){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,a1,a2,a3),instance}return new Klass(a1,a2,a3)},fourArgumentPooler=function(a1,a2,a3,a4){var Klass=this;if(Klass.instancePool.length){var instance=Klass.instancePool.pop();return Klass.call(instance,a1,a2,a3,a4),instance}return new Klass(a1,a2,a3,a4)},standardReleaser=function(instance){var Klass=this;instance instanceof Klass||_prodInvariant("25"),instance.destructor(),Klass.instancePool.length1){for(var childArray=Array(childrenLength),i=0;i1){for(var childArray=Array(childrenLength),i=0;i=0||Object.prototype.hasOwnProperty.call(obj,i)&&(target[i]=obj[i]);return target}},function(module,exports,__webpack_require__){var defined=__webpack_require__(94);module.exports=function(it){return Object(defined(it))}},function(module,exports,__webpack_require__){"use strict";var $at=__webpack_require__(274)(!0);__webpack_require__(132)(String,"String",function(iterated){this._t=String(iterated),this._i=0},function(){var point,O=this._t,index=this._i;return index>=O.length?{value:void 0,done:!0}:(point=$at(O,index),this._i+=point.length,{value:point,done:!1})})},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.AddonStore=void 0;var _keys=__webpack_require__(39),_keys2=_interopRequireDefault(_keys),_classCallCheck2=__webpack_require__(5),_classCallCheck3=_interopRequireDefault(_classCallCheck2),_createClass2=__webpack_require__(6),_createClass3=_interopRequireDefault(_createClass2),AddonStore=exports.AddonStore=function(){function AddonStore(){(0,_classCallCheck3.default)(this,AddonStore),this.loaders={},this.panels={},this.channel=null,this.preview=null,this.database=null}return(0,_createClass3.default)(AddonStore,[{key:"getChannel",value:function(){if(!this.channel)throw new Error("Accessing nonexistent addons channel, see https://storybook.js.org/basics/faq/#why-is-there-no-addons-channel");return this.channel}},{key:"setChannel",value:function(channel){this.channel=channel}},{key:"getPreview",value:function(){return this.preview}},{key:"setPreview",value:function(preview){this.preview=preview}},{key:"getDatabase",value:function(){return this.database}},{key:"setDatabase",value:function(database){this.database=database}},{key:"getPanels",value:function(){return this.panels}},{key:"addPanel",value:function(name,panel){this.panels[name]=panel}},{key:"register",value:function(name,loader){this.loaders[name]=loader}},{key:"loadAddons",value:function(api){var _this=this;(0,_keys2.default)(this.loaders).map(function(name){return _this.loaders[name]}).forEach(function(loader){return loader(api)})}}]),AddonStore}();exports.default=new AddonStore},,function(module,exports){var toString={}.toString;module.exports=function(it){return toString.call(it).slice(8,-1)}},function(module,exports,__webpack_require__){var $keys=__webpack_require__(150),enumBugKeys=__webpack_require__(96);module.exports=Object.keys||function(O){return $keys(O,enumBugKeys)}},function(module,exports){module.exports=function(bitmap,value){return{enumerable:!(1&bitmap),configurable:!(2&bitmap),writable:!(4&bitmap),value:value}}},function(module,exports,__webpack_require__){var bind=__webpack_require__(30);module.exports=bind.call(Function.call,Object.prototype.hasOwnProperty)},function(module,exports,__webpack_require__){"use strict";function isInteractive(tag){return"button"===tag||"input"===tag||"select"===tag||"textarea"===tag}function shouldPreventMouseEvent(name,type,props){switch(name){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":return!(!props.disabled||!isInteractive(type));default:return!1}}var _prodInvariant=__webpack_require__(4),EventPluginRegistry=__webpack_require__(113),EventPluginUtils=__webpack_require__(114),ReactErrorUtils=__webpack_require__(118),accumulateInto=__webpack_require__(189),forEachAccumulated=__webpack_require__(190),listenerBank=(__webpack_require__(1),{}),eventQueue=null,executeDispatchesAndRelease=function(event,simulated){event&&(EventPluginUtils.executeDispatchesInOrder(event,simulated),event.isPersistent()||event.constructor.release(event))},executeDispatchesAndReleaseSimulated=function(e){return executeDispatchesAndRelease(e,!0)},executeDispatchesAndReleaseTopLevel=function(e){return executeDispatchesAndRelease(e,!1)},getDictionaryKey=function(inst){return"."+inst._rootNodeID},EventPluginHub={injection:{injectEventPluginOrder:EventPluginRegistry.injectEventPluginOrder,injectEventPluginsByName:EventPluginRegistry.injectEventPluginsByName},putListener:function(inst,registrationName,listener){"function"!=typeof listener&&_prodInvariant("94",registrationName,typeof listener);var key=getDictionaryKey(inst);(listenerBank[registrationName]||(listenerBank[registrationName]={}))[key]=listener;var PluginModule=EventPluginRegistry.registrationNameModules[registrationName];PluginModule&&PluginModule.didPutListener&&PluginModule.didPutListener(inst,registrationName,listener)},getListener:function(inst,registrationName){var bankForRegistrationName=listenerBank[registrationName];if(shouldPreventMouseEvent(registrationName,inst._currentElement.type,inst._currentElement.props))return null;var key=getDictionaryKey(inst);return bankForRegistrationName&&bankForRegistrationName[key]},deleteListener:function(inst,registrationName){var PluginModule=EventPluginRegistry.registrationNameModules[registrationName];PluginModule&&PluginModule.willDeleteListener&&PluginModule.willDeleteListener(inst,registrationName);var bankForRegistrationName=listenerBank[registrationName];if(bankForRegistrationName){delete bankForRegistrationName[getDictionaryKey(inst)]}},deleteAllListeners:function(inst){var key=getDictionaryKey(inst);for(var registrationName in listenerBank)if(listenerBank.hasOwnProperty(registrationName)&&listenerBank[registrationName][key]){var PluginModule=EventPluginRegistry.registrationNameModules[registrationName];PluginModule&&PluginModule.willDeleteListener&&PluginModule.willDeleteListener(inst,registrationName),delete listenerBank[registrationName][key]}},extractEvents:function(topLevelType,targetInst,nativeEvent,nativeEventTarget){for(var events,plugins=EventPluginRegistry.plugins,i=0;i]/;module.exports=escapeTextContentForBrowser},function(module,exports,__webpack_require__){"use strict";var reusableSVGContainer,ExecutionEnvironment=__webpack_require__(15),DOMNamespaces=__webpack_require__(112),WHITESPACE_TEST=/^[ \r\n\t\f]/,NONVISIBLE_TEST=/<(!--|link|noscript|meta|script|style)[ \r\n\t\f\/>]/,createMicrosoftUnsafeLocalFunction=__webpack_require__(120),setInnerHTML=createMicrosoftUnsafeLocalFunction(function(node,html){if(node.namespaceURI!==DOMNamespaces.svg||"innerHTML"in node)node.innerHTML=html;else{reusableSVGContainer=reusableSVGContainer||document.createElement("div"),reusableSVGContainer.innerHTML=""+html+"";for(var svgNode=reusableSVGContainer.firstChild;svgNode.firstChild;)node.appendChild(svgNode.firstChild)}});if(ExecutionEnvironment.canUseDOM){var testElement=document.createElement("div");testElement.innerHTML=" ",""===testElement.innerHTML&&(setInnerHTML=function(node,html){if(node.parentNode&&node.parentNode.replaceChild(node,node),WHITESPACE_TEST.test(html)||"<"===html[0]&&NONVISIBLE_TEST.test(html)){node.innerHTML=String.fromCharCode(65279)+html;var textNode=node.firstChild;1===textNode.data.length?node.removeChild(textNode):textNode.deleteData(0,1)}else node.innerHTML=html}),testElement=null}module.exports=setInnerHTML},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _extends2=__webpack_require__(7),_extends3=_interopRequireDefault(_extends2),_react=__webpack_require__(0),_react2=_interopRequireDefault(_react),_propTypes=__webpack_require__(2),_propTypes2=_interopRequireDefault(_propTypes),_createStyles=__webpack_require__(31),_createStyles2=_interopRequireDefault(_createStyles),ObjectName=function(_ref,_ref2){var name=_ref.name,dimmed=_ref.dimmed,styles=_ref.styles,theme=_ref2.theme,themeStyles=(0,_createStyles2.default)("ObjectName",theme),appliedStyles=(0,_extends3.default)({},themeStyles.base,dimmed?themeStyles.dimmed:{},styles);return _react2.default.createElement("span",{style:appliedStyles},name)};ObjectName.propTypes={name:_propTypes2.default.string,dimmed:_propTypes2.default.bool},ObjectName.defaultProps={dimmed:!1},ObjectName.contextTypes={theme:_propTypes2.default.oneOfType([_propTypes2.default.string,_propTypes2.default.object])},exports.default=ObjectName},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}Object.defineProperty(exports,"__esModule",{value:!0});var _typeof2=__webpack_require__(20),_typeof3=_interopRequireDefault(_typeof2),_extends2=__webpack_require__(7),_extends3=_interopRequireDefault(_extends2),_react=__webpack_require__(0),_react2=_interopRequireDefault(_react),_propTypes=__webpack_require__(2),_propTypes2=_interopRequireDefault(_propTypes),_createStyles=__webpack_require__(31),_createStyles2=_interopRequireDefault(_createStyles),ObjectValue=function(_ref,_ref2){var object=_ref.object,styles=_ref.styles,theme=_ref2.theme,themeStyles=(0,_createStyles2.default)("ObjectValue",theme),mkStyle=function(key){return(0,_extends3.default)({},themeStyles[key],styles)};switch(void 0===object?"undefined":(0,_typeof3.default)(object)){case"number":return _react2.default.createElement("span",{style:mkStyle("objectValueNumber")},object);case"string":return _react2.default.createElement("span",{style:mkStyle("objectValueString")},'"',object,'"');case"boolean":return _react2.default.createElement("span",{style:mkStyle("objectValueBoolean")},String(object));case"undefined":return _react2.default.createElement("span",{style:mkStyle("objectValueUndefined")},"undefined");case"object":return null===object?_react2.default.createElement("span",{style:mkStyle("objectValueNull")},"null"):object instanceof Date?_react2.default.createElement("span",null,object.toString()):object instanceof RegExp?_react2.default.createElement("span",{style:mkStyle("objectValueRegExp")},object.toString()):Array.isArray(object)?_react2.default.createElement("span",null,"Array["+object.length+"]"):_react2.default.createElement("span",null,object.constructor.name);case"function":return _react2.default.createElement("span",null,_react2.default.createElement("span",{style:mkStyle("objectValueFunctionKeyword")},"function"),_react2.default.createElement("span",{style:mkStyle("objectValueFunctionName")}," ",object.name,"()"));case"symbol":return _react2.default.createElement("span",{style:mkStyle("objectValueSymbol")},object.toString());default:return _react2.default.createElement("span",null)}};ObjectValue.propTypes={object:_propTypes2.default.any},ObjectValue.contextTypes={theme:_propTypes2.default.oneOfType([_propTypes2.default.string,_propTypes2.default.object])},exports.default=ObjectValue},function(module,exports,__webpack_require__){function toObject(value){return isObject(value)?value:Object(value)}var isObject=__webpack_require__(66);module.exports=toObject},function(module,exports,__webpack_require__){var getNative=__webpack_require__(225),isLength=__webpack_require__(136),isObjectLike=__webpack_require__(137),objectProto=Object.prototype,objToString=objectProto.toString,nativeIsArray=getNative(Array,"isArray"),isArray=nativeIsArray||function(value){return isObjectLike(value)&&isLength(value.length)&&"[object Array]"==objToString.call(value)};module.exports=isArray},function(module,exports,__webpack_require__){var cof=__webpack_require__(54),TAG=__webpack_require__(13)("toStringTag"),ARG="Arguments"==cof(function(){return arguments}()),tryGet=function(it,key){try{return it[key]}catch(e){}};module.exports=function(it){var O,T,B;return void 0===it?"Undefined":null===it?"Null":"string"==typeof(T=tryGet(O=Object(it),TAG))?T:ARG?cof(O):"Object"==(B=cof(O))&&"function"==typeof O.callee?"Arguments":B}},function(module,exports,__webpack_require__){var anObject=__webpack_require__(21),dPs=__webpack_require__(218),enumBugKeys=__webpack_require__(96),IE_PROTO=__webpack_require__(100)("IE_PROTO"),Empty=function(){},createDict=function(){var iframeDocument,iframe=__webpack_require__(95)("iframe"),i=enumBugKeys.length;for(iframe.style.display="none",__webpack_require__(142).appendChild(iframe),iframe.src="javascript:",iframeDocument=iframe.contentWindow.document,iframeDocument.open(),iframeDocument.write("