From 4670098d207c888d7c0fddf4929bea23b152ec7a Mon Sep 17 00:00:00 2001 From: Oleg Stepura Date: Wed, 9 Aug 2017 12:27:02 +0200 Subject: [PATCH 001/136] Make checkbox border color according to spec --- components/checkbox/config.css | 1 + components/checkbox/theme.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/components/checkbox/config.css b/components/checkbox/config.css index fe33d1e88..7c3dff5a8 100644 --- a/components/checkbox/config.css +++ b/components/checkbox/config.css @@ -8,6 +8,7 @@ --checkbox-focus-color: color(var(--color-black) a(1%)); --checkbox-focus-size: calc(var(--checkbox-size) * 2.3); --checkbox-text-color: var(--color-black); + --checkbox-border-color: var(--palette-grey-600); --checkbox-text-font-size: var(--font-size-small); --checkbox-total-height: calc(1.8 * var(--unit)); --checkbox-transition-duration: 0.2s; diff --git a/components/checkbox/theme.css b/components/checkbox/theme.css index 748c09265..5ab7609c3 100644 --- a/components/checkbox/theme.css +++ b/components/checkbox/theme.css @@ -57,7 +57,7 @@ } .check { - border-color: var(--checkbox-text-color); + border-color: var(--checkbox-border-color); border-radius: 2px; border-style: solid; border-width: 2px; From 889e9ca08892a30b2b63eed00e6154573097c107 Mon Sep 17 00:00:00 2001 From: Oleg Stepura Date: Wed, 9 Aug 2017 12:40:58 +0200 Subject: [PATCH 002/136] Use hover effect on selected table row as well --- components/table/theme.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/table/theme.css b/components/table/theme.css index 985380d6f..30794623d 100644 --- a/components/table/theme.css +++ b/components/table/theme.css @@ -40,7 +40,7 @@ transition-property: background-color; transition-timing-function: var(--animation-curve-default); - &:hover { background-color: var(--table-hover-color); } + &:hover, &.selected:hover { background-color: var(--table-hover-color); } &.selected { background-color: var(--table-selection-color); } } From a46f0956c54ba6a5728ec1909c2d99a4c8b65372 Mon Sep 17 00:00:00 2001 From: Oleg Stepura Date: Wed, 9 Aug 2017 12:55:09 +0200 Subject: [PATCH 003/136] Disabled input should be dashed not dotted --- components/input/theme.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/input/theme.css b/components/input/theme.css index a39cb8741..ee9c4ee67 100644 --- a/components/input/theme.css +++ b/components/input/theme.css @@ -158,7 +158,7 @@ } .disabled > .inputElement { - border-bottom-style: dotted; + border-bottom-style: dashed; color: var(--input-text-disabled-text-color); } From 478c9aedb80214e2982ffde0a30688ef6b0f3361 Mon Sep 17 00:00:00 2001 From: Oleg Stepura Date: Wed, 9 Aug 2017 13:01:03 +0200 Subject: [PATCH 004/136] Remove unknown prop multilineHint which React reports as passed to textarea --- spec/components/input.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/spec/components/input.js b/spec/components/input.js index d3e40c412..52e67e99a 100644 --- a/spec/components/input.js +++ b/spec/components/input.js @@ -30,7 +30,7 @@ class InputTest extends React.Component { /> - + From d9a0d7eee3a2e27cda52ef16dd870b6a9df693a9 Mon Sep 17 00:00:00 2001 From: Oleg Stepura Date: Wed, 9 Aug 2017 13:54:34 +0200 Subject: [PATCH 005/136] Add transition to hover effect in list items --- components/list/theme.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/components/list/theme.css b/components/list/theme.css index 862ff19eb..cce1de5b3 100644 --- a/components/list/theme.css +++ b/components/list/theme.css @@ -64,6 +64,9 @@ min-height: var(--list-item-min-height); padding: 0 var(--list-horizontal-padding); position: relative; + transition-duration: 0.28s; + transition-property: background-color; + transition-timing-function: var(--animation-curve-default); &.selectable:not(.disabled):hover { background-color: var(--list-item-hover-color); From b660bcc2e1536686fb7358737527714eb631328b Mon Sep 17 00:00:00 2001 From: Oleg Stepura Date: Wed, 9 Aug 2017 15:21:17 +0200 Subject: [PATCH 006/136] Make checkbox centered between table edge and next column start --- components/table/theme.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/components/table/theme.css b/components/table/theme.css index 985380d6f..b23edae40 100644 --- a/components/table/theme.css +++ b/components/table/theme.css @@ -63,6 +63,7 @@ &.checkboxCell { width: calc(1.8 * var(--unit)); + padding-right: 5px; & > * { margin: 0; @@ -82,6 +83,7 @@ &.checkboxCell { width: calc(1.8 * var(--unit)); + padding-right: 5px; & > * { margin: 0 0 3px; From 31fac7b7792af5b4703161c5b1bfd057f8444b5f Mon Sep 17 00:00:00 2001 From: Paul Sastrasinh Date: Fri, 11 Aug 2017 10:54:03 -0400 Subject: [PATCH 007/136] fix: of -> or in documentation --- components/checkbox/readme.md | 2 +- components/radio/readme.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/components/checkbox/readme.md b/components/checkbox/readme.md index 5f7e21f62..cb22eef5e 100644 --- a/components/checkbox/readme.md +++ b/components/checkbox/readme.md @@ -47,7 +47,7 @@ If you want to provide a theme via context, the component key is `RTCheckbox`. | `children` | `String`, `Element` or `Array` | | Children to pass through the component. | | `className` | `String` | `''` | Sets a class to give customized styles to the checkbox field.| | `disabled` | `Boolean` | `false` | If true, the checkbox shown as disabled and cannot be modified.| -| `label` | `String` of `node` | | Text label to attach next to the checkbox element.| +| `label` | `String` or `node` | | Text label to attach next to the checkbox element.| | `name` | `String` | `false` | The name of the field to set in the input checkbox.| | `onBlur` | `Function` | | Callback called when the checkbox is blurred.| | `onChange` | `Function` | | Callback called when the checkbox value is changed.| diff --git a/components/radio/readme.md b/components/radio/readme.md index 78f8df4f5..78120b343 100644 --- a/components/radio/readme.md +++ b/components/radio/readme.md @@ -56,7 +56,7 @@ The inner component to compose radio selectors. They will be rendered as radio i | `checked` | `Boolean` | `false` | If true, the input element will be selected by default. Transferred from the parent. | | `className` | `String` | `''` | Set a class to give custom styles to the radio button.| | `disabled` | `Boolean` | `false` | If true, the item will be displayed as disabled.| -| `label` | `String` of `node` | `''` | Label for the radio button.| +| `label` | `String` or `node` | `''` | Label for the radio button.| | `name` | `String` | | Name for the input element. | | `onBlur` | `Function` | | Callback function that will be invoked when the input is blurred. | | `onChange` | `Function` | | Callback function that will be invoked when the value changes. | From 47d2f1893f39352f30a5a6ad535eaaf369b654d9 Mon Sep 17 00:00:00 2001 From: Zander Otavka Date: Sat, 12 Aug 2017 15:54:50 -0700 Subject: [PATCH 008/136] Fix mixed up type definitions for Dropdown `valueKey` and `labelKey` were listed as theme props. What's worse, `valueKey` was marked as required, when in fact it should not be present at all on the theme. --- components/dropdown/Dropdown.d.ts | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/components/dropdown/Dropdown.d.ts b/components/dropdown/Dropdown.d.ts index 4d14eeb79..3ed678170 100644 --- a/components/dropdown/Dropdown.d.ts +++ b/components/dropdown/Dropdown.d.ts @@ -30,10 +30,6 @@ export interface DropdownTheme { * Used for the the label element. */ label?: string; - /** - * Used for setting the label from source - */ - labelKey?: string; /** * Used when dropdown has required attribute. */ @@ -58,10 +54,6 @@ export interface DropdownTheme { * Used for the list of values. */ values?: string; - /** - * Used for setting the value from source - */ - valueKey: string; } export interface DropdownProps extends ReactToolbox.Props { @@ -88,6 +80,10 @@ export interface DropdownProps extends ReactToolbox.Props { * The text string to use for the floating label element. */ label?: string; + /** + * Used for setting the label from source + */ + labelKey?: string; /** * Name for the input field. */ @@ -104,6 +100,11 @@ export interface DropdownProps extends ReactToolbox.Props { * Callback function that is fired when the component is focused. */ onFocus?: Function; + /** + * If true, the dropdown has a required attribute. + * @default false + */ + required?: boolean; /** * Array of data objects with the data to represent in the dropdown. */ @@ -121,10 +122,9 @@ export interface DropdownProps extends ReactToolbox.Props { */ value?: string | number; /** - * If true, the dropdown has a required attribute. - * @default false + * Used for setting the value from source */ - required?: boolean; + valueKey?: string; } export class Dropdown extends React.Component { } From 0f51c06c3bc7b44799facada84818a6214d08de0 Mon Sep 17 00:00:00 2001 From: adamhenson Date: Sun, 27 Aug 2017 17:17:53 -0400 Subject: [PATCH 009/136] IconMenu: active prop (fixes #1662). --- components/menu/IconMenu.js | 14 ++++++++--- components/menu/__test__/index.spec.js | 34 +++++++++++++++++++++++++- components/menu/readme.md | 1 + 3 files changed, 45 insertions(+), 4 deletions(-) diff --git a/components/menu/IconMenu.js b/components/menu/IconMenu.js index e82e7fd47..6f8ca0800 100644 --- a/components/menu/IconMenu.js +++ b/components/menu/IconMenu.js @@ -9,6 +9,7 @@ import InjectMenu from './Menu'; const factory = (IconButton, Menu) => { class IconMenu extends Component { static propTypes = { + active: PropTypes.bool, children: PropTypes.node, className: PropTypes.string, icon: PropTypes.oneOfType([ @@ -32,6 +33,7 @@ const factory = (IconButton, Menu) => { }; static defaultProps = { + active: false, className: '', icon: 'more_vert', iconRipple: true, @@ -41,7 +43,13 @@ const factory = (IconButton, Menu) => { }; state = { - active: false, + active: this.props.active, + } + + componentWillReceiveProps(nextProps) { + if (nextProps.active !== this.props.active && this.state.active !== nextProps.active) { + this.setState({ active: nextProps.active }); + } } handleButtonClick = (event) => { @@ -56,8 +64,8 @@ const factory = (IconButton, Menu) => { render() { const { - children, className, icon, iconRipple, inverse, menuRipple, onHide, // eslint-disable-line - onSelect, onShow, position, selectable, selected, theme, ...other + active, children, className, icon, iconRipple, inverse, menuRipple, // eslint-disable-line + onHide, onSelect, onShow, position, selectable, selected, theme, ...other } = this.props; return (
diff --git a/components/menu/__test__/index.spec.js b/components/menu/__test__/index.spec.js index be98b9437..f11ab1efd 100644 --- a/components/menu/__test__/index.spec.js +++ b/components/menu/__test__/index.spec.js @@ -1,8 +1,40 @@ import React from 'react'; -import { shallow } from 'enzyme'; +import { mount, shallow } from 'enzyme'; +import { IconMenu } from '../IconMenu'; import { Menu } from '../Menu'; import { MenuItem } from '../MenuItem'; +describe('IconMenu', () => { + describe('#on mount', () => { + describe('when \'active\' prop is not set', () => { + it('sets \'active\' Menu prop correctly', () => { + const wrapper = shallow(); + expect(wrapper.find('Menu').props().active).toBe(false); + }); + }); + + describe('when \'active\' prop is set to false', () => { + it('sets \'active\' Menu prop correctly', () => { + const wrapper = shallow(); + expect(wrapper.find('Menu').props().active).toBe(false); + }); + }); + + describe('when \'active\' prop is set to true', () => { + it('sets \'active\' Menu prop correctly', () => { + const wrapper = shallow(); + expect(wrapper.find('Menu').props().active).toBe(true); + }); + + it('sets \'active\' Menu prop correctly after IconButton click', () => { + const wrapper = mount(); + wrapper.find('IconButton').simulate('click'); + expect(wrapper.find('Menu').props().active).toBe(false); + }); + }); + }); +}); + describe('MenuItem', () => { describe('#onClick', () => { it('passes to listener the event', () => { diff --git a/components/menu/readme.md b/components/menu/readme.md index 8bf58b993..a897042f1 100644 --- a/components/menu/readme.md +++ b/components/menu/readme.md @@ -61,6 +61,7 @@ As the most usual scenario will be to open the menu from a click in an Icon, we | Name | Type | Default | Description| |:-----|:-----|:-----|:-----| +| `active` | `Boolean` | `false` | If true, the inner `Menu` component will be active. | | `className` | `String` | `''` | Set a class to give custom styles to the icon wrapper.| | `icon` | `String` or `Element` | `more_vert` | Icon font key string or Element to display the opener icon. | | `iconRipple` | `Boolean` | `true` | If true, the icon will show a ripple when is clicked. | From 74bd2dc77bd0a09245694be15e479ae6722f11af Mon Sep 17 00:00:00 2001 From: adamhenson Date: Sun, 27 Aug 2017 19:10:01 -0400 Subject: [PATCH 010/136] IconMenu: active prop (#1662). --- components/menu/IconMenu.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/menu/IconMenu.js b/components/menu/IconMenu.js index 6f8ca0800..2b3bad2d6 100644 --- a/components/menu/IconMenu.js +++ b/components/menu/IconMenu.js @@ -64,8 +64,8 @@ const factory = (IconButton, Menu) => { render() { const { - active, children, className, icon, iconRipple, inverse, menuRipple, // eslint-disable-line - onHide, onSelect, onShow, position, selectable, selected, theme, ...other + active, children, className, icon, iconRipple, inverse, menuRipple, onHide, // eslint-disable-line + onSelect, onShow, position, selectable, selected, theme, ...other } = this.props; return (
From bf790d7b867076798297a031c65a0bc6412fc870 Mon Sep 17 00:00:00 2001 From: Adam Henson Date: Sun, 27 Aug 2017 23:47:09 -0400 Subject: [PATCH 011/136] IconMenu: active prop (#1662). more tests. --- components/menu/IconMenu.js | 2 +- components/menu/__test__/index.spec.js | 20 ++++++++++++++++++++ 2 files changed, 21 insertions(+), 1 deletion(-) diff --git a/components/menu/IconMenu.js b/components/menu/IconMenu.js index 2b3bad2d6..d00fd3f59 100644 --- a/components/menu/IconMenu.js +++ b/components/menu/IconMenu.js @@ -47,7 +47,7 @@ const factory = (IconButton, Menu) => { } componentWillReceiveProps(nextProps) { - if (nextProps.active !== this.props.active && this.state.active !== nextProps.active) { + if (this.state.active !== nextProps.active) { this.setState({ active: nextProps.active }); } } diff --git a/components/menu/__test__/index.spec.js b/components/menu/__test__/index.spec.js index f11ab1efd..59624fcf7 100644 --- a/components/menu/__test__/index.spec.js +++ b/components/menu/__test__/index.spec.js @@ -18,6 +18,19 @@ describe('IconMenu', () => { const wrapper = shallow(); expect(wrapper.find('Menu').props().active).toBe(false); }); + + it('sets \'active\' Menu prop correctly after IconButton click', () => { + const wrapper = mount(); + wrapper.find('IconButton').simulate('click'); + expect(wrapper.find('Menu').props().active).toBe(true); + }); + + it('sets \'active\' Menu prop correctly when prop is set after IconButton click', () => { + const wrapper = mount(); + wrapper.find('IconButton').simulate('click'); + wrapper.setProps({ active: false }); + expect(wrapper.find('Menu').props().active).toBe(false); + }); }); describe('when \'active\' prop is set to true', () => { @@ -31,6 +44,13 @@ describe('IconMenu', () => { wrapper.find('IconButton').simulate('click'); expect(wrapper.find('Menu').props().active).toBe(false); }); + + it('sets \'active\' Menu prop correctly when prop is set after IconButton click', () => { + const wrapper = mount(); + wrapper.find('IconButton').simulate('click'); + wrapper.setProps({ active: true }); + expect(wrapper.find('Menu').props().active).toBe(true); + }); }); }); }); From 0103d955b051f30ee48f56b0ab60371d23d4ba8c Mon Sep 17 00:00:00 2001 From: Adam Henson Date: Mon, 28 Aug 2017 00:00:21 -0400 Subject: [PATCH 012/136] IconMenu: active prop (#1662). --- components/menu/IconMenu.d.ts | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/components/menu/IconMenu.d.ts b/components/menu/IconMenu.d.ts index 931bcfe02..f7140965d 100644 --- a/components/menu/IconMenu.d.ts +++ b/components/menu/IconMenu.d.ts @@ -13,6 +13,11 @@ export interface IconMenuTheme { } export interface IconMenuProps extends ReactToolbox.Props { + /** + * If true, the inner Menu component will be active. + * @default false + */ + active?: boolean; /** * Children to pass through the component. */ From 11c3fb1e28c0d321c02ba752b6e353e4120d556a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alejandro=20Fr=C3=ADas?= Date: Tue, 5 Sep 2017 11:26:12 +0200 Subject: [PATCH 013/136] ListItem component theme prop extends ListItemTextTheme. --- components/list/ListItem.d.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/components/list/ListItem.d.ts b/components/list/ListItem.d.ts index eb8cf0669..c1e7739f0 100644 --- a/components/list/ListItem.d.ts +++ b/components/list/ListItem.d.ts @@ -3,6 +3,7 @@ import ReactToolbox from '../index'; import { ListItemContentTheme } from './ListItemContent'; import { ListItemActionsTheme } from './ListItemActions'; import { ListItemLayoutProps, ListItemLayoutTheme } from './ListItemLayout'; +import { ListItemTextTheme } from './ListItemText'; export interface ListItemTheme { /** @@ -29,7 +30,7 @@ export interface ListItemProps extends ReactToolbox.Props { * Classnames object defining the component style. * @default false */ - theme?: ListItemTheme & ListItemActionsTheme & ListItemContentTheme & ListItemLayoutTheme; + theme?: ListItemTheme & ListItemActionsTheme & ListItemContentTheme & ListItemLayoutTheme & ListItemTextTheme; /** * In case you want to provide the item as a link, you can pass this property to specify the href. */ From 14eb6cae8dc0218ea65558a701651da191ba6191 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Mon, 18 Sep 2017 19:57:40 +0200 Subject: [PATCH 014/136] Remove box-shadow on required inputs --- components/input/theme.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/components/input/theme.css b/components/input/theme.css index a39cb8741..7819235ae 100644 --- a/components/input/theme.css +++ b/components/input/theme.css @@ -41,6 +41,10 @@ padding: var(--input-field-padding) 0; width: 100%; + &:required { + box-shadow: none; + } + &:focus:not([disabled]):not([readonly]) { & ~ .bar::before, & ~ .bar::after { From f815fb5db46d116768728a514f59b3dfda0f41a9 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Mon, 18 Sep 2017 20:02:40 +0200 Subject: [PATCH 015/136] Add title to image --- components/avatar/Avatar.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/avatar/Avatar.js b/components/avatar/Avatar.js index 9d9dd9448..84e6ea5c7 100644 --- a/components/avatar/Avatar.js +++ b/components/avatar/Avatar.js @@ -10,7 +10,7 @@ const factory = (FontIcon) => {
{children} {cover && typeof image === 'string' && } - {!cover && (typeof image === 'string' ? {alt} : image)} + {!cover && (typeof image === 'string' ? {alt} : image)} {typeof icon === 'string' ? : icon} {title ? {title[0]} : null}
From a8280917fbf25e214af689fb1754c4d25458ffb0 Mon Sep 17 00:00:00 2001 From: Vicky Lai Date: Thu, 21 Sep 2017 12:53:42 -0700 Subject: [PATCH 016/136] Allow autoFocus on Autocomplete component --- components/autocomplete/Autocomplete.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/components/autocomplete/Autocomplete.js b/components/autocomplete/Autocomplete.js index 099a03378..fa792ac60 100644 --- a/components/autocomplete/Autocomplete.js +++ b/components/autocomplete/Autocomplete.js @@ -132,7 +132,7 @@ const factory = (Chip, Input) => { }; handleQueryFocus = (event) => { - this.suggestionsNode.scrollTop = 0; + event.target.scrollTop = 0; this.setState({ active: '', focus: true }); if (this.props.onFocus) this.props.onFocus(event); }; @@ -375,7 +375,6 @@ const factory = (Chip, Input) => { return (
    { this.suggestionsNode = node; }} > {suggestions}
From ced94a4bb0cb92b5f4bc37b353b9d61f5282d070 Mon Sep 17 00:00:00 2001 From: Brian Merlob Date: Tue, 26 Sep 2017 14:51:42 -0700 Subject: [PATCH 017/136] Upgrade react-transition-group --- components/date_picker/Calendar.js | 39 ++++--- components/time_picker/Clock.js | 29 +++-- package.json | 4 +- yarn.lock | 169 +++++++++++++++-------------- 4 files changed, 121 insertions(+), 120 deletions(-) diff --git a/components/date_picker/Calendar.js b/components/date_picker/Calendar.js index 2be228719..115699a49 100644 --- a/components/date_picker/Calendar.js +++ b/components/date_picker/Calendar.js @@ -1,6 +1,7 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; -import CssTransitionGroup from 'react-transition-group/CSSTransitionGroup'; +import TransitionGroup from 'react-transition-group/TransitionGroup'; +import CSSTransition from 'react-transition-group/CSSTransition'; import { range, getAnimationModule } from '../utils/utils'; import time from '../utils/time'; import CalendarMonth from './CalendarMonth'; @@ -135,25 +136,23 @@ const factory = (IconButton) => {
- - - + + + + +
); } diff --git a/components/time_picker/Clock.js b/components/time_picker/Clock.js index e256fc42e..9ccf93c83 100644 --- a/components/time_picker/Clock.js +++ b/components/time_picker/Clock.js @@ -1,6 +1,7 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; -import CssTransitionGroup from 'react-transition-group/CSSTransitionGroup'; +import TransitionGroup from 'react-transition-group/TransitionGroup'; +import CSSTransition from 'react-transition-group/CSSTransition'; import { getAnimationModule } from '../utils/utils'; import time from '../utils/time'; import Hours from './ClockHours'; @@ -116,20 +117,18 @@ class Clock extends Component { style={{ height: this.state.radius * 2 }} ref={(node) => { this.placeholderNode = node; }} > - -
- {this.props.display === 'hours' ? this.renderHours() : null} - {this.props.display === 'minutes' ? this.renderMinutes() : null} -
- + + +
+ {this.props.display === 'hours' ? this.renderHours() : null} + {this.props.display === 'minutes' ? this.renderMinutes() : null} +
+ +
); diff --git a/package.json b/package.json index 2baa3fb36..fcf681561 100644 --- a/package.json +++ b/package.json @@ -31,7 +31,7 @@ "ramda": "^0.23.0", "react-css-themr": "^2.1.2", "react-style-proptype": "^3.0.0", - "react-transition-group": "^1.1.3" + "react-transition-group": "^2.2.1" }, "devDependencies": { "@types/node": "^7.0.4", @@ -143,7 +143,7 @@ "prop-types": "^15.5.7", "react": "^15.5.0", "react-dom": "^15.5.0", - "react-transition-group": "^1.1.3" + "react-transition-group": "^2.2.0" }, "pre-commit": "lint:staged" } diff --git a/yarn.lock b/yarn.lock index 2310a6eea..3b555e76d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1134,10 +1134,6 @@ browser-resolve@^1.11.2: dependencies: resolve "1.1.7" -browser-stdout@1.3.0: - version "1.3.0" - resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.0.tgz#f351d32969d32fa5d7a5567154263d928ae3bd1f" - browserify-aes@^1.0.0, browserify-aes@^1.0.4: version "1.0.6" resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.0.6.tgz#5e7725dbdef1fd5930d4ebab48567ce451c48a0a" @@ -1520,7 +1516,7 @@ combined-stream@^1.0.5, combined-stream@~1.0.5: dependencies: delayed-stream "~1.0.0" -commander@2.9.0, commander@^2.8.1, commander@^2.9.0: +commander@^2.8.1, commander@^2.9.0: version "2.9.0" resolved "https://registry.yarnpkg.com/commander/-/commander-2.9.0.tgz#9c99094176e12240cb22d6c5146098400fe0f7d4" dependencies: @@ -1870,12 +1866,6 @@ debug@2.2.0: dependencies: ms "0.7.1" -debug@2.6.0: - version "2.6.0" - resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.0.tgz#bc596bcabe7617f11d9fa15361eded5608b8499b" - dependencies: - ms "0.7.2" - debug@2.6.7: version "2.6.7" resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.7.tgz#92bad1f6d05bbb6bba22cca88bcd0ec894c2861e" @@ -1978,7 +1968,11 @@ detect-indent@^4.0.0: dependencies: repeating "^2.0.0" -diff@3.2.0, diff@^3.2.0: +diff@^3.1.0: + version "3.3.1" + resolved "https://registry.yarnpkg.com/diff/-/diff-3.3.1.tgz#aa8567a6eed03c531fc89d3f711cd0e5259dec75" + +diff@^3.2.0: version "3.2.0" resolved "https://registry.yarnpkg.com/diff/-/diff-3.2.0.tgz#c9ce393a4b7cbd0b058a725c93df299027868ff9" @@ -2264,7 +2258,7 @@ escape-html@~1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988" -escape-string-regexp@1.0.5, escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5: +escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" @@ -2611,6 +2605,18 @@ fb-watchman@^2.0.0: dependencies: bser "^2.0.0" +fbjs@^0.8.16: + version "0.8.16" + resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.16.tgz#5e67432f550dc41b572bf55847b8aca64e5337db" + dependencies: + core-js "^1.0.0" + isomorphic-fetch "^2.1.1" + loose-envify "^1.0.0" + object-assign "^4.1.0" + promise "^7.1.1" + setimmediate "^1.0.5" + ua-parser-js "^0.7.9" + fbjs@^0.8.4, fbjs@^0.8.9: version "0.8.12" resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.12.tgz#10b5d92f76d45575fd63a217d4ea02bea2f8ed04" @@ -2767,6 +2773,12 @@ form-data@~2.1.1: combined-stream "^1.0.5" mime-types "^2.1.12" +formatio@1.2.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/formatio/-/formatio-1.2.0.tgz#f3b2167d9068c4698a8d51f4f760a39a54d818eb" + dependencies: + samsam "1.x" + forwarded@~0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.0.tgz#19ef9874c4ae1c297bcf078fde63a09b66a84363" @@ -2918,17 +2930,6 @@ glob2base@^0.0.12: dependencies: find-index "^0.1.1" -glob@7.1.1: - version "7.1.1" - resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8" - dependencies: - fs.realpath "^1.0.0" - inflight "^1.0.4" - inherits "2" - minimatch "^3.0.2" - once "^1.3.0" - path-is-absolute "^1.0.0" - glob@^4.3.1: version "4.5.3" resolved "https://registry.yarnpkg.com/glob/-/glob-4.5.3.tgz#c6cb73d3226c1efef04de3c56d012f03377ee15f" @@ -3041,10 +3042,6 @@ graceful-fs@~1.2.0: version "1.0.1" resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725" -growl@1.9.2: - version "1.9.2" - resolved "https://registry.yarnpkg.com/growl/-/growl-1.9.2.tgz#0ea7743715db8d8de2c5ede1775e1b45ac85c02f" - growly@^1.3.0: version "1.3.0" resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081" @@ -3987,10 +3984,6 @@ json-stringify-safe@~5.0.1: version "5.0.1" resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb" -json3@3.3.2: - version "3.3.2" - resolved "https://registry.yarnpkg.com/json3/-/json3-3.3.2.tgz#3c0434743df93e2f5c42aee7b19bcb483575f4e1" - json5@^0.5.0, json5@^0.5.1: version "0.5.1" resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821" @@ -4187,21 +4180,10 @@ locate-path@^2.0.0: p-locate "^2.0.0" path-exists "^3.0.0" -lodash._baseassign@^3.0.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/lodash._baseassign/-/lodash._baseassign-3.2.0.tgz#8c38a099500f215ad09e59f1722fd0c52bfe0a4e" - dependencies: - lodash._basecopy "^3.0.0" - lodash.keys "^3.0.0" - lodash._basecopy@^3.0.0: version "3.0.1" resolved "https://registry.yarnpkg.com/lodash._basecopy/-/lodash._basecopy-3.0.1.tgz#8da0e6a876cf344c0ad8a54882111dd3c5c7ca36" -lodash._basecreate@^3.0.0: - version "3.0.3" - resolved "https://registry.yarnpkg.com/lodash._basecreate/-/lodash._basecreate-3.0.3.tgz#1bc661614daa7fc311b7d03bf16806a0213cf821" - lodash._baseget@^3.0.0: version "3.7.2" resolved "https://registry.yarnpkg.com/lodash._baseget/-/lodash._baseget-3.7.2.tgz#1b6ae1d5facf3c25532350a13c1197cb8bb674f4" @@ -4264,14 +4246,6 @@ lodash.cond@^4.3.0: version "4.5.2" resolved "https://registry.yarnpkg.com/lodash.cond/-/lodash.cond-4.5.2.tgz#f471a1da486be60f6ab955d17115523dd1d255d5" -lodash.create@3.1.1: - version "3.1.1" - resolved "https://registry.yarnpkg.com/lodash.create/-/lodash.create-3.1.1.tgz#d7f2849f0dbda7e04682bb8cd72ab022461debe7" - dependencies: - lodash._baseassign "^3.0.0" - lodash._basecreate "^3.0.0" - lodash._isiterateecall "^3.0.0" - lodash.defaults@^4.0.1: version "4.2.0" resolved "https://registry.yarnpkg.com/lodash.defaults/-/lodash.defaults-4.2.0.tgz#d09178716ffea4dde9e5fb7b37f6f0802274580c" @@ -4436,6 +4410,10 @@ log-update@^1.0.2: ansi-escapes "^1.0.0" cli-cursor "^1.0.2" +lolex@^1.6.0: + version "1.6.0" + resolved "https://registry.yarnpkg.com/lolex/-/lolex-1.6.0.tgz#3a9a0283452a47d7439e72731b9e07d7386e49f6" + longest@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097" @@ -4612,36 +4590,16 @@ minimist@^1.1.0, minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284" -mkdirp@0.5.1, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1: +"mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1: version "0.5.1" resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903" dependencies: minimist "0.0.8" -mocha@^3.4.1: - version "3.4.1" - resolved "https://registry.yarnpkg.com/mocha/-/mocha-3.4.1.tgz#a3802b4aa381934cacb38de70cf771621da8f9af" - dependencies: - browser-stdout "1.3.0" - commander "2.9.0" - debug "2.6.0" - diff "3.2.0" - escape-string-regexp "1.0.5" - glob "7.1.1" - growl "1.9.2" - json3 "3.3.2" - lodash.create "3.1.1" - mkdirp "0.5.1" - supports-color "3.1.2" - ms@0.7.1: version "0.7.1" resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.1.tgz#9cd13c03adbff25b65effde7ce864ee952017098" -ms@0.7.2: - version "0.7.2" - resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.2.tgz#ae25cf2512b3885a1d95d7f037868d8431124765" - ms@2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8" @@ -4669,6 +4627,10 @@ nan@^2.3.0: version "2.6.2" resolved "https://registry.yarnpkg.com/nan/-/nan-2.6.2.tgz#e4ff34e6c95fdfb5aecc08de6596f43605a7db45" +native-promise-only@^0.8.1: + version "0.8.1" + resolved "https://registry.yarnpkg.com/native-promise-only/-/native-promise-only-0.8.1.tgz#20a318c30cb45f71fe7adfbf7b21c99c1472ef11" + natives@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/natives/-/natives-1.1.0.tgz#e9ff841418a6b2ec7a495e939984f78f163e6e31" @@ -4869,7 +4831,7 @@ object-assign@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-3.0.0.tgz#9bedd5ca0897949bca47e7ff408062d549f587f2" -object-assign@^4.0.1, object-assign@^4.1.0: +object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1: version "4.1.1" resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" @@ -5135,6 +5097,12 @@ path-to-regexp@0.1.7: version "0.1.7" resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c" +path-to-regexp@^1.7.0: + version "1.7.0" + resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.7.0.tgz#59fde0f435badacba103a84e9d3bc64e96b9937d" + dependencies: + isarray "0.0.1" + path-type@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441" @@ -5851,13 +5819,21 @@ promise@^7.1.1: dependencies: asap "~2.0.3" -prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.5.7, prop-types@~15.5.7: +prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.7, prop-types@~15.5.7: version "15.5.10" resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.5.10.tgz#2797dfc3126182e3a95e3dfbb2e893ddd7456154" dependencies: fbjs "^0.8.9" loose-envify "^1.3.1" +prop-types@^15.5.8: + version "15.6.0" + resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.0.tgz#ceaf083022fc46b4a35f69e13ef75aed0d639856" + dependencies: + fbjs "^0.8.16" + loose-envify "^1.3.1" + object-assign "^4.1.1" + proxy-addr@~1.1.4: version "1.1.4" resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-1.1.4.tgz#27e545f6960a44a627d9b44467e35c1b6b4ce2f3" @@ -6000,13 +5976,15 @@ react-transform-hmr@^1.0.4: global "^4.3.0" react-proxy "^1.1.7" -react-transition-group@^1.1.3: - version "1.1.3" - resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-1.1.3.tgz#5e02cf6e44a863314ff3c68a0c826c2d9d70b221" +react-transition-group@^2.2.1: + version "2.2.1" + resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-2.2.1.tgz#e9fb677b79e6455fd391b03823afe84849df4a10" dependencies: chain-function "^1.0.0" + classnames "^2.2.5" dom-helpers "^3.2.0" - prop-types "^15.5.6" + loose-envify "^1.3.1" + prop-types "^15.5.8" warning "^3.0.0" react@^15.5.0: @@ -6342,6 +6320,10 @@ safe-buffer@^5.0.1: version "5.0.1" resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.0.1.tgz#d263ca54696cd8a306b5ca6551e92de57918fbe7" +samsam@1.x, samsam@^1.1.3: + version "1.2.1" + resolved "https://registry.yarnpkg.com/samsam/-/samsam-1.2.1.tgz#edd39093a3184370cb859243b2bdf255e7d8ea67" + sane@~1.6.0: version "1.6.0" resolved "https://registry.yarnpkg.com/sane/-/sane-1.6.0.tgz#9610c452307a135d29c1fdfe2547034180c46775" @@ -6464,6 +6446,19 @@ signal-exit@^3.0.0: version "3.0.2" resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d" +sinon@^2.0.0-pre.2: + version "2.4.1" + resolved "https://registry.yarnpkg.com/sinon/-/sinon-2.4.1.tgz#021fd64b54cb77d9d2fb0d43cdedfae7629c3a36" + dependencies: + diff "^3.1.0" + formatio "1.2.0" + lolex "^1.6.0" + native-promise-only "^0.8.1" + path-to-regexp "^1.7.0" + samsam "^1.1.3" + text-encoding "0.6.4" + type-detect "^4.0.0" + slash@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55" @@ -6787,16 +6782,16 @@ sugarss@^1.0.0: dependencies: postcss "^6.0.0" -supports-color@3.1.2, supports-color@^3.1.0: +supports-color@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" + +supports-color@^3.1.0: version "3.1.2" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.1.2.tgz#72a262894d9d408b956ca05ff37b2ed8a6e2a2d5" dependencies: has-flag "^1.0.0" -supports-color@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" - supports-color@^3.1.2, supports-color@^3.2.3: version "3.2.3" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6" @@ -6894,6 +6889,10 @@ test-exclude@^4.1.0: read-pkg-up "^1.0.1" require-main-filename "^1.0.1" +text-encoding@0.6.4: + version "0.6.4" + resolved "https://registry.yarnpkg.com/text-encoding/-/text-encoding-0.6.4.tgz#e399a982257a276dae428bb92845cb71bdc26d19" + text-table@^0.2.0, text-table@~0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4" @@ -6996,6 +6995,10 @@ type-check@~0.3.2: dependencies: prelude-ls "~1.1.2" +type-detect@^4.0.0: + version "4.0.3" + resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.3.tgz#0e3f2670b44099b0b46c284d136a7ef49c74c2ea" + type-is@~1.6.15: version "1.6.15" resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.15.tgz#cab10fb4909e441c82842eafe1ad646c81804410" From 32e40967ab40a730a737caa274bf7f911dd9c97e Mon Sep 17 00:00:00 2001 From: Oleg Stepura Date: Mon, 2 Oct 2017 15:48:38 +0200 Subject: [PATCH 018/136] Fix travis --- components/table/theme.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/components/table/theme.css b/components/table/theme.css index 30794623d..e73c23a9e 100644 --- a/components/table/theme.css +++ b/components/table/theme.css @@ -40,7 +40,8 @@ transition-property: background-color; transition-timing-function: var(--animation-curve-default); - &:hover, &.selected:hover { background-color: var(--table-hover-color); } + &:hover, + &.selected:hover { background-color: var(--table-hover-color); } &.selected { background-color: var(--table-selection-color); } } From 71341d9448f89f898bfcd9290b0da57d6d7a3fa6 Mon Sep 17 00:00:00 2001 From: Oleg Stepura Date: Mon, 2 Oct 2017 15:55:51 +0200 Subject: [PATCH 019/136] Fix travis --- components/table/theme.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/table/theme.css b/components/table/theme.css index b23edae40..9068bba11 100644 --- a/components/table/theme.css +++ b/components/table/theme.css @@ -62,8 +62,8 @@ vertical-align: middle; &.checkboxCell { - width: calc(1.8 * var(--unit)); padding-right: 5px; + width: calc(1.8 * var(--unit)); & > * { margin: 0; @@ -82,8 +82,8 @@ vertical-align: bottom; &.checkboxCell { - width: calc(1.8 * var(--unit)); padding-right: 5px; + width: calc(1.8 * var(--unit)); & > * { margin: 0 0 3px; From bc05c693d67bae83cbb5e9cae1e06c9fd8f374d2 Mon Sep 17 00:00:00 2001 From: Richard Nespithal Date: Thu, 2 Nov 2017 17:36:57 +0100 Subject: [PATCH 020/136] Use window.requestAnimationFrame in Tabs.js Call requestAnimationFrame on window object to fix headless testing with jsdom without hacking around by defining global vars --- components/tabs/Tabs.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/tabs/Tabs.js b/components/tabs/Tabs.js index 603c67998..d6a89c328 100644 --- a/components/tabs/Tabs.js +++ b/components/tabs/Tabs.js @@ -83,7 +83,7 @@ const factory = (Tab, TabContent, FontIcon) => { updatePointer = (idx) => { if (this.navigationNode && this.navigationNode.children[idx]) { - this.updatePointerAnimationFrame = requestAnimationFrame(() => { + this.updatePointerAnimationFrame = window.requestAnimationFrame(() => { const nav = this.navigationNode.getBoundingClientRect(); const label = this.navigationNode.children[idx].getBoundingClientRect(); const scrollLeft = this.navigationNode.scrollLeft; From b0a7533e7c7097076f8df3492addc73e0e29e7ce Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Thu, 16 Nov 2017 19:11:31 +0100 Subject: [PATCH 021/136] Update URLs to new .io domain --- README.md | 2 +- ROADMAP.md | 2 +- components/input/readme.md | 2 +- docs/www/index.html | 6 +++--- docs/www/other/CNAME | 2 +- package.json | 4 ++-- spec/root.js | 2 +- 7 files changed, 10 insertions(+), 10 deletions(-) diff --git a/README.md b/README.md index 6287e2da9..ccc77ae65 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# +# [![npm version](https://img.shields.io/npm/v/react-toolbox.svg?style=flat-square)](https://www.npmjs.com/package/react-toolbox) [![Build Status](http://img.shields.io/travis/react-toolbox/react-toolbox/master.svg?style=flat-square)](https://travis-ci.org/react-toolbox/react-toolbox) [![NPM Status](http://img.shields.io/npm/dm/react-toolbox.svg?style=flat-square)](https://www.npmjs.org/package/react-toolbox) [![Donate](https://img.shields.io/badge/donate-paypal-blue.svg?style=flat-square)](https://paypal.me/javivelasco) [![OpenCollective](https://opencollective.com/react-toolbox/backers/badge.svg)](#backers) [![OpenCollective](https://opencollective.com/react-toolbox/sponsors/badge.svg)](#sponsors) diff --git a/ROADMAP.md b/ROADMAP.md index 8e9821217..9f09fa3ad 100644 --- a/ROADMAP.md +++ b/ROADMAP.md @@ -1,4 +1,4 @@ -This document defines a manifesto and the main Roadmap 🚵 ideas for [React Toolbox](www.react-toolbox.com). It's not a fixed document and of course it's open to change. You can leave your feedback in [this gist](https://gist.github.com/javivelasco/259d2087c2a8c3e8f2c5c720d1fd3f2e) or you can also do it [through an issue](https://github.com/react-toolbox/react-toolbox/issues/new). +This document defines a manifesto and the main Roadmap 🚵 ideas for [React Toolbox](www.react-toolbox.io). It's not a fixed document and of course it's open to change. You can leave your feedback in [this gist](https://gist.github.com/javivelasco/259d2087c2a8c3e8f2c5c720d1fd3f2e) or you can also do it [through an issue](https://github.com/react-toolbox/react-toolbox/issues/new). ## The Manifesto diff --git a/components/input/readme.md b/components/input/readme.md index d5e4a9984..5130c41ee 100644 --- a/components/input/readme.md +++ b/components/input/readme.md @@ -71,7 +71,7 @@ If you want to provide a theme via context, the component key is `RTInput`. ## Methods -The `Input` component has some imperative methods that are used as a bypass to the native rendered DOM element. To call this methods you will need to retrieve the instance of the component. Check the [Install](http://react-toolbox.com/#/install) section for details on how to do this. The methods included for the `Input` are: +The `Input` component has some imperative methods that are used as a bypass to the native rendered DOM element. To call this methods you will need to retrieve the instance of the component. Check the [Install](http://react-toolbox.io/#/install) section for details on how to do this. The methods included for the `Input` are: - `blur` used to blur the `input` element. - `focus` used to focus the `input` element. diff --git a/docs/www/index.html b/docs/www/index.html index a875ef4b5..404bc941b 100644 --- a/docs/www/index.html +++ b/docs/www/index.html @@ -15,18 +15,18 @@ - + - + - + diff --git a/docs/www/other/CNAME b/docs/www/other/CNAME index 4c40b7bfe..ab3068c5d 100644 --- a/docs/www/other/CNAME +++ b/docs/www/other/CNAME @@ -1 +1 @@ -react-toolbox.com +react-toolbox.io diff --git a/package.json b/package.json index 2baa3fb36..dec1a98a1 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "react-toolbox", "description": "A set of React components implementing Google's Material Design specification with the power of CSS Modules.", - "homepage": "http://www.react-toolbox.com/", + "homepage": "http://www.react-toolbox.io/", "version": "2.0.0-beta.11", "main": "./lib", "module": "./components", @@ -15,7 +15,7 @@ "url": "git+https://github.com/react-toolbox/react-toolbox.git" }, "bugs": { - "email": "issues@react-toolbox.com", + "email": "issues@react-toolbox.io", "url": "https://github.com/react-toolbox/react-toolbox/issues" }, "keywords": [ diff --git a/spec/root.js b/spec/root.js index a0aa44f4f..11b8eabd4 100644 --- a/spec/root.js +++ b/spec/root.js @@ -52,7 +52,7 @@ class Root extends Component { > Date: Mon, 13 Nov 2017 10:32:25 -0800 Subject: [PATCH 022/136] adds a span wrapper to the component button in case of its disabled and have mouse enter and mouse leave events --- components/button/Button.js | 13 ++++++++++--- spec/components/tooltip.js | 1 + 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/components/button/Button.js b/components/button/Button.js index 90634ea87..26fe3f40b 100644 --- a/components/button/Button.js +++ b/components/button/Button.js @@ -101,6 +101,10 @@ const factory = (ripple, FontIcon) => { const element = href ? 'a' : 'button'; const level = this.getLevel(); const shape = this.getShape(); + const mouseEvents = { + onMouseUp: this.handleMouseUp, + onMouseLeave: this.handleMouseLeave, + }; const classes = classnames(theme.button, [theme[shape]], { [theme[level]]: neutral, @@ -110,21 +114,24 @@ const factory = (ripple, FontIcon) => { const props = { ...others, + ...mouseEvents, href, ref: (node) => { this.buttonNode = node; }, className: classes, disabled: this.props.disabled, - onMouseUp: this.handleMouseUp, - onMouseLeave: this.handleMouseLeave, type: !href ? type : null, 'data-react-toolbox': 'button', }; - return React.createElement(element, props, + const buttonElement = React.createElement(element, props, icon ? : null, label, children, ); + + return others.onMouseEnter && this.props.disabled + ? {buttonElement} + : buttonElement; } } diff --git a/spec/components/tooltip.js b/spec/components/tooltip.js index 691df86ec..456c88622 100644 --- a/spec/components/tooltip.js +++ b/spec/components/tooltip.js @@ -20,6 +20,7 @@ const TooltipTest = () => (
Tooltip

Give information on :hover

+ From f78c084380d8d86d177b23e9d44baad6170a9a34 Mon Sep 17 00:00:00 2001 From: Vikas Kumar Yadav Date: Thu, 23 Nov 2017 13:07:09 +0530 Subject: [PATCH 023/136] small typo error corrected. --- components/list/readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/list/readme.md b/components/list/readme.md index 54b5a1acc..804fb7e4b 100644 --- a/components/list/readme.md +++ b/components/list/readme.md @@ -71,7 +71,7 @@ Represents a list item that can have avatar, icons, title, subtitle, etc. Note: | `leftActions` | `Array of Elements` | | A list of elements that are placed on the left side of the item and after the avatar attribute.| | `leftIcon` | `String` or `Element` | | A string key of a font icon or element to display an icon in the left side of the item. | | `legend` | `String` or `Element` | | Secondary text to display under the caption.| -| `onClick` | `Function` | | Callback the is invoked when the item is clicked if it's not disabled. | +| `onClick` | `Function` | | Callback that is invoked when the item is clicked if it's not disabled. | | `rightIcon` | `String` or `Element` | | The same as the `leftIcon` but in this case the icon is displayed in the right side.| | `rightActions` | `Array of Elements` | | A list of elements that are placed on the right side of the item and after the rightIcon attribute.| | `ripple` | `Boolean` | `false` | If true, the item displays a ripple effect on click. By default it's inherited from the parent element.| From 25172c5f1564fa692d6a4f28d5462e9a0a29364f Mon Sep 17 00:00:00 2001 From: Jake Richan Date: Mon, 27 Nov 2017 15:58:49 -0700 Subject: [PATCH 024/136] update defaults in input component config.css Use color-text variable for label and border color. This seems like an intuitive default since the default background is transparent. Also, the input element needs the option to set a custom color value, otherwise setting a custom background is limited to what works with the overall text-color. --- components/input/config.css | 5 +++-- components/input/theme.css | 2 +- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/components/input/config.css b/components/input/config.css index 58e389e5e..5916deefd 100644 --- a/components/input/config.css +++ b/components/input/config.css @@ -6,8 +6,9 @@ --input-label-font-size: calc(1.2 * var(--unit)); --input-focus-label-top: calc(0.6 * var(--unit)); --input-text-background-color: transparent; - --input-text-label-color: color(var(--color-black) a(26%)); - --input-text-bottom-border-color: color(var(--color-black) a(12%)); + --input-text-label-color: color(var(--color-text) a(26%)); + --input-text-input-element-color: var(--color-text); + --input-text-bottom-border-color: color(var(--color-text) a(12%)); --input-text-highlight-color: var(--color-primary); --input-text-disabled-color: var(--input-text-bottom-border-color); --input-text-disabled-text-color: var(--input-text-label-color); diff --git a/components/input/theme.css b/components/input/theme.css index a39cb8741..e216bb5ad 100644 --- a/components/input/theme.css +++ b/components/input/theme.css @@ -34,7 +34,7 @@ border-radius: 0; border-right: 0; border-top: 0; - color: var(--color-text); + color: var(--input-text-input-element-color); display: block; font-size: var(--input-field-font-size); outline: none; From 3d42ef975f3082b4e14ccf7136191650e5551b90 Mon Sep 17 00:00:00 2001 From: Mohammed Erraysy Date: Wed, 29 Nov 2017 10:38:14 +0000 Subject: [PATCH 025/136] Fix arrows updating issue when children change --- components/tabs/Tabs.js | 19 +++++++++++++------ 1 file changed, 13 insertions(+), 6 deletions(-) diff --git a/components/tabs/Tabs.js b/components/tabs/Tabs.js index 603c67998..6d5fb4d26 100644 --- a/components/tabs/Tabs.js +++ b/components/tabs/Tabs.js @@ -59,6 +59,8 @@ const factory = (Tab, TabContent, FontIcon) => { if (index !== prevIndex || children !== prevChildren) { this.updatePointer(index); } + + this.updateArrows(); } componentWillUnmount() { @@ -105,13 +107,18 @@ const factory = (Tab, TabContent, FontIcon) => { const scrollLeft = this.navigationNode.scrollLeft; const nav = this.navigationNode.getBoundingClientRect(); const lastLabel = this.navigationNode.children[idx].getBoundingClientRect(); + const left = scrollLeft > 0; + const right = nav.right < (lastLabel.right - 5); + const { left: prevLeft, right: prevRight } = this.state.arrows; - this.setState({ - arrows: { - left: scrollLeft > 0, - right: nav.right < (lastLabel.right - 5), - }, - }); + if (left !== prevLeft || right !== prevRight) { + this.setState({ + arrows: { + left, + right, + }, + }); + } } } From 434712590197ae104c09e5463aaecaf40f89201c Mon Sep 17 00:00:00 2001 From: Mohammed Erraysy Date: Tue, 12 Dec 2017 14:13:59 +0000 Subject: [PATCH 026/136] Add onEscKeyDown and onOverlayClick fallbacks --- components/time_picker/TimePicker.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/time_picker/TimePicker.js b/components/time_picker/TimePicker.js index 723ca2068..1ed7dde46 100644 --- a/components/time_picker/TimePicker.js +++ b/components/time_picker/TimePicker.js @@ -117,8 +117,8 @@ const factory = (TimePickerDialog, Input) => { name={this.props.name} okLabel={okLabel} onDismiss={this.handleDismiss} - onEscKeyDown={onEscKeyDown} - onOverlayClick={onOverlayClick} + onEscKeyDown={onEscKeyDown || this.handleDismiss} + onOverlayClick={onOverlayClick || this.handleDismiss} onSelect={this.handleSelect} theme={this.props.theme} value={this.props.value} From 4d64c73872d88016f5e2ed7866b78f2ba9d80ce8 Mon Sep 17 00:00:00 2001 From: bilalkosker Date: Wed, 20 Dec 2017 16:52:10 +0300 Subject: [PATCH 027/136] onchange On change added --- components/button/BrowseButton.d.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/components/button/BrowseButton.d.ts b/components/button/BrowseButton.d.ts index d1d2bb40b..1485e8049 100644 --- a/components/button/BrowseButton.d.ts +++ b/components/button/BrowseButton.d.ts @@ -37,6 +37,8 @@ export interface BrowseButtonProps extends ButtonBaseProps { * Classnames object defining the component style. */ theme?: BrowseButtonTheme; + + onChange?: Function; } export class BrowseButton extends React.Component { } From 2c92c3708069c524426bb7fe94969c3e5059309e Mon Sep 17 00:00:00 2001 From: Landon Petzoldt Date: Thu, 21 Dec 2017 13:43:37 -0600 Subject: [PATCH 028/136] Enable onKeyDown and onKeyUp props on Autocomplete component --- components/autocomplete/Autocomplete.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/components/autocomplete/Autocomplete.js b/components/autocomplete/Autocomplete.js index 099a03378..ff552d35d 100644 --- a/components/autocomplete/Autocomplete.js +++ b/components/autocomplete/Autocomplete.js @@ -35,6 +35,8 @@ const factory = (Chip, Input) => { onBlur: PropTypes.func, onChange: PropTypes.func, onFocus: PropTypes.func, + onKeyDown: PropTypes.func, + onKeyUp: PropTypes.func, onQueryChange: PropTypes.func, query: PropTypes.string, selectedPosition: PropTypes.oneOf(['above', 'below', 'none']), @@ -148,6 +150,8 @@ const factory = (Chip, Input) => { if (event.which === 13) { this.selectOrCreateActiveItem(event); } + + if(this.props.onKeyDown) this.props.onKeyDown(event); }; handleQueryKeyUp = (event) => { @@ -160,6 +164,8 @@ const factory = (Chip, Input) => { if (index >= suggestionsKeys.length) index = 0; this.setState({ active: suggestionsKeys[index] }); } + + if(this.props.onKeyUp) this.props.onKeyUp(event); }; handleSuggestionHover = (event) => { From b79c3da04d14e3c521243297025257c77743242b Mon Sep 17 00:00:00 2001 From: Landon Petzoldt Date: Thu, 21 Dec 2017 14:16:49 -0600 Subject: [PATCH 029/136] Update Autocomplete TypeScript declaration file and readme with key callbacks --- components/autocomplete/Autocomplete.d.ts | 8 ++++++++ components/autocomplete/readme.md | 4 +++- 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/components/autocomplete/Autocomplete.d.ts b/components/autocomplete/Autocomplete.d.ts index b7d98d82e..9eddafa1c 100644 --- a/components/autocomplete/Autocomplete.d.ts +++ b/components/autocomplete/Autocomplete.d.ts @@ -88,6 +88,14 @@ export interface AutocompleteProps extends InputProps { * Callback function that is fired when component is focused. */ onFocus?: Function; + /** + * Callback function that is fired when a key is pressed down. + */ + onKeyDown?: Function; + /** + * Callback function that is fired when a key is lifted up. + */ + onKeyUp?: Function; /** * Callback function that is fired when the components's query value changes. */ diff --git a/components/autocomplete/readme.md b/components/autocomplete/readme.md index 9b2e925e1..cf87d226b 100644 --- a/components/autocomplete/readme.md +++ b/components/autocomplete/readme.md @@ -53,8 +53,10 @@ If you want to provide a theme via context, the component key is `RTAutocomplete | `multiple` | `Bool` | `true` | If true, component can hold multiple values. | | `onBlur` | `Function` | | Callback function that is fired when component is blurred. | | `onChange` | `Function` | | Callback function that is fired when the components's value changes. | -| `onQueryChange` | `Function` | | Callback function that is fired when the components's query input value changes. | | `onFocus` | `Function` | | Callback function that is fired when component is focused. | +| `onKeyDown` | `Function` | | Callback function that is fired when a key is pressed down. | +| `onKeyUp` | `Function` | | Callback function that is fired when a key is lifted up. | +| `onQueryChange` | `Function` | | Callback function that is fired when the components's query input value changes. | | `query` | `String` | | This property has to be used in case the `source` is not static and will be changing during search for `multiple={false}` autocomplete, content of the `query` has to be managed by the `onQueryChange` callback. | | `source` | `Object` or `Array` | | Object of key/values or array representing all items suggested. | | `selectedPosition` | `String` | `above` | Determines if the selected list is shown above or below input. It can be `above`, `below` or `none`. | From 40aa354b16ce305a5ca3329a86461fb6f3d0b220 Mon Sep 17 00:00:00 2001 From: 3af <33279089+3af@users.noreply.github.com> Date: Wed, 3 Jan 2018 11:08:14 +0100 Subject: [PATCH 030/136] TypeScript: snack-bar label accepts element Reflect changes made in code for https://github.com/react-toolbox/react-toolbox/issues/819 --- components/snackbar/Snackbar.d.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/snackbar/Snackbar.d.ts b/components/snackbar/Snackbar.d.ts index 9286938da..a3d40ccaa 100644 --- a/components/snackbar/Snackbar.d.ts +++ b/components/snackbar/Snackbar.d.ts @@ -49,7 +49,7 @@ export interface SnackbarProps extends ReactToolbox.Props { /** * Text to display in the content. */ - label?: string; + label?: string | JSX.Element; /** * Callback function that will be called when the button action is clicked. */ From 51a335b9d4e5604885a3f64e54d2ded3dc9e8295 Mon Sep 17 00:00:00 2001 From: 3af <33279089+3af@users.noreply.github.com> Date: Tue, 23 Jan 2018 10:56:51 +0100 Subject: [PATCH 031/136] Add missing Input import I ordered imports in alphabetical order. Fixes #1792 --- components/tooltip/readme.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/components/tooltip/readme.md b/components/tooltip/readme.md index 98c4e3a36..f790bae38 100644 --- a/components/tooltip/readme.md +++ b/components/tooltip/readme.md @@ -5,8 +5,9 @@ A Tooltip is useful to show information on hover in any kind of component. We ha ```jsx import Button from 'react-toolbox/lib/button'; -import Tooltip from 'react-toolbox/lib/tooltip'; +import Input from 'react-toolbox/lib/input'; import Link from 'react-toolbox/lib/link'; +import Tooltip from 'react-toolbox/lib/tooltip'; const TooltipButton = Tooltip(Button); const TooltipInput = Tooltip(Input); From 6925570467560374c37231b66ed43aad06521e38 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Mon, 29 Jan 2018 19:48:56 +0100 Subject: [PATCH 032/136] Don't handle key events if slider is disabled --- components/slider/Slider.js | 17 ++++++++++++++--- components/slider/__tests__/index.spec.js | 11 +++++++++++ 2 files changed, 25 insertions(+), 3 deletions(-) diff --git a/components/slider/Slider.js b/components/slider/Slider.js index 01edef5c2..7c21d4d55 100644 --- a/components/slider/Slider.js +++ b/components/slider/Slider.js @@ -10,6 +10,13 @@ import events from '../utils/events'; import InjectProgressBar from '../progress_bar/ProgressBar'; import InjectInput from '../input/Input'; +const KEYS = { + ENTER: 13, + ESC: 27, + ARROW_UP: 38, + ARROW_DOWN: 40, +}; + const factory = (ProgressBar, Input) => { class Slider extends Component { static propTypes = { @@ -148,9 +155,13 @@ const factory = (ProgressBar, Input) => { }; handleKeyDown = (event) => { - if ([13, 27].indexOf(event.keyCode) !== -1) this.getInput().blur(); - if (event.keyCode === 38) this.addToValue(this.props.step); - if (event.keyCode === 40) this.addToValue(-this.props.step); + const { disabled, step } = this.props; + const { ARROW_DOWN, ARROW_UP, ENTER, ESC } = KEYS; + + if (disabled) return; + if ([ENTER, ESC].includes(event.keyCode)) this.getInput().blur(); + if (event.keyCode === ARROW_UP) this.addToValue(step); + if (event.keyCode === ARROW_DOWN) this.addToValue(-step); }; handleMouseDown = (event) => { diff --git a/components/slider/__tests__/index.spec.js b/components/slider/__tests__/index.spec.js index 6a5c429e5..c215c10a4 100644 --- a/components/slider/__tests__/index.spec.js +++ b/components/slider/__tests__/index.spec.js @@ -63,6 +63,17 @@ describe('Slider', () => { }); }); + describe('#handleKeyDown', () => { + it('does not call addToValue if is disabled', () => { + const slider = shallow().instance(); + slider.addToValue = jest.fn(); + + slider.handleKeyDown({ keyCode: 40 }); + + expect(slider.addToValue).not.toHaveBeenCalled(); + }); + }); + describe('#render', () => { it('contains a linear progress bar with proper properties', () => { const wrapper = mount(); From c6a7b5ba3af3afe0ed5897cd8a6f2a8f40f6d04f Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Mon, 29 Jan 2018 20:17:46 +0100 Subject: [PATCH 033/136] Handle onChange in errored input in docs --- .../layout/main/modules/examples/input_example_1.txt | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/app/components/layout/main/modules/examples/input_example_1.txt b/docs/app/components/layout/main/modules/examples/input_example_1.txt index c16db9223..89865b2a4 100644 --- a/docs/app/components/layout/main/modules/examples/input_example_1.txt +++ b/docs/app/components/layout/main/modules/examples/input_example_1.txt @@ -1,5 +1,5 @@ class InputTest extends React.Component { - state = { name: '', phone: '', multiline: '', email: '', hint: '', label: '' }; + state = { name: '', phone: '', multiline: '', email: '', hint: '', label: '', error: '' }; handleChange = (value, ev) => { this.setState({[ev.target.name]: value}); @@ -16,7 +16,7 @@ class InputTest extends React.Component { {/* Just an example. Defining functions in a property, such as onClick, is a bad idea: */} - Error!! { e.preventDefault(); console.log('some help'); }}>?} /> + Error!! { e.preventDefault(); console.log('some help'); }}>?} />
); } From a7d0c5ba53d4e1b6ed75a97aa803313e6a4760d8 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Mon, 29 Jan 2018 20:47:44 +0100 Subject: [PATCH 034/136] Use innerRef to blur input --- components/slider/Slider.js | 14 ++++---------- 1 file changed, 4 insertions(+), 10 deletions(-) diff --git a/components/slider/Slider.js b/components/slider/Slider.js index 7c21d4d55..3e25b9458 100644 --- a/components/slider/Slider.js +++ b/components/slider/Slider.js @@ -104,12 +104,6 @@ const factory = (ProgressBar, Input) => { events.removeEventsFromDocument(this.getKeyboardEvents()); } - getInput() { - return this.inputNode && this.inputNode.getWrappedInstance - ? this.inputNode.getWrappedInstance() - : this.inputNode; - } - getKeyboardEvents() { return { keydown: this.handleKeyDown, @@ -159,13 +153,13 @@ const factory = (ProgressBar, Input) => { const { ARROW_DOWN, ARROW_UP, ENTER, ESC } = KEYS; if (disabled) return; - if ([ENTER, ESC].includes(event.keyCode)) this.getInput().blur(); + if ([ENTER, ESC].includes(event.keyCode)) this.inputNode.blur(); if (event.keyCode === ARROW_UP) this.addToValue(step); if (event.keyCode === ARROW_DOWN) this.addToValue(-step); }; handleMouseDown = (event) => { - if (this.state.inputFocused) this.getInput().blur(); + if (this.state.inputFocused) this.inputNode.blur(); events.addEventsToDocument(this.getMouseEventMap()); this.start(events.getMousePosition(event)); events.pauseEvent(event); @@ -203,7 +197,7 @@ const factory = (ProgressBar, Input) => { }; handleTouchStart = (event) => { - if (this.state.inputFocused) this.getInput().blur(); + if (this.state.inputFocused) this.inputNode.blur(); this.start(events.getTouchPosition(event)); events.addEventsToDocument(this.getTouchEventMap()); events.pauseEvent(event); @@ -268,7 +262,7 @@ const factory = (ProgressBar, Input) => { if (!this.props.editable) return undefined; return ( { this.inputNode = node; }} + innerRef={(node) => { this.inputNode = node; }} className={this.props.theme.input} disabled={this.props.disabled} onFocus={this.handleInputFocus} From 7e4c12efffe16ab8c6cac35d979babf4a6c40dc3 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Tue, 20 Feb 2018 20:59:58 +0100 Subject: [PATCH 035/136] Update versions --- package.json | 47 +-- yarn.lock | 1005 +++++++++++++++++++++++++++++++++----------------- 2 files changed, 699 insertions(+), 353 deletions(-) diff --git a/package.json b/package.json index dec1a98a1..0a5c15976 100644 --- a/package.json +++ b/package.json @@ -31,33 +31,36 @@ "ramda": "^0.23.0", "react-css-themr": "^2.1.2", "react-style-proptype": "^3.0.0", - "react-transition-group": "^1.1.3" + "react-transition-group": "^2.2.1" }, "devDependencies": { "@types/node": "^7.0.4", - "@types/react": "^15.0.0", - "babel-cli": "^6.24.1", - "babel-core": "^6.24.1", + "@types/react": "^16.0.7", + "ajv": "^6.1.1", + "babel-cli": "^6.26.0", + "babel-core": "^6.26.0", "babel-eslint": "^7.2.3", - "babel-loader": "^7.0.0", + "babel-loader": "^7.1.2", "babel-plugin-react-transform": "^2.0.2", "babel-polyfill": "^6.23.0", "babel-preset-es2015": "^6.24.1", "babel-preset-react": "^6.24.1", "babel-preset-stage-0": "^6.24.1", + "caniuse-db": "^1.0.30000652", "cpx": "^1.5.0", "cross-env": "^5.0.0", "css-loader": "^0.28.2", - "enzyme": "^2.8.2", - "enzyme-to-json": "^1.5.1", + "enzyme": "^3.3.0", + "enzyme-adapter-react-16": "^1.1.1", + "enzyme-to-json": "^3.0.1", "eslint": "^3.19.0", "eslint-config-airbnb": "^15.0.1", - "eslint-import-resolver-webpack": "^0.8.1", - "eslint-plugin-babel": "^4.1.1", - "eslint-plugin-compat": "^1.0.2", - "eslint-plugin-import": "^2.3.0", + "eslint-import-resolver-webpack": "^0.8.3", + "eslint-plugin-babel": "^4.1.2", + "eslint-plugin-compat": "^1.0.4", + "eslint-plugin-import": "^2.7.0", "eslint-plugin-jsx-a11y": "^5.0.3", - "eslint-plugin-react": "^7.0.1", + "eslint-plugin-react": "^7.4.0", "express": "^4.15.3", "extract-text-webpack-plugin": "^2.1.0", "git-dirty": "^1.0.2", @@ -79,14 +82,13 @@ "postcss-nesting": "^4.0.1", "postcss-reporter": "^3.0.0", "pre-commit": "^1.2.2", - "prop-types": "^15.5.10", - "react": "^15.5.0", - "react-addons-test-utils": "^15.5.0", - "react-dom": "^15.5.0", - "react-test-renderer": "^15.5.0", + "prop-types": "^15.6.0", + "react": "^16.2.0", + "react-dom": "^16.2.0", + "react-test-renderer": "^16.2.0", "react-transform-catch-errors": "^1.0.2", "react-transform-hmr": "^1.0.4", - "redbox-react": "^1.3.6", + "redbox-react": "^1.5.0", "rimraf": "^2.6.1", "sinon": "^2.0.0-pre.2", "style-loader": "^0.18.1", @@ -132,6 +134,7 @@ "/components" ], "setupFiles": [ + "./jest.polyfills.js", "./jest.setup.js" ], "snapshotSerializers": [ @@ -140,10 +143,10 @@ }, "peerDependencies": { "classnames": "^2.2.0", - "prop-types": "^15.5.7", - "react": "^15.5.0", - "react-dom": "^15.5.0", - "react-transition-group": "^1.1.3" + "prop-types": "^15.6.0", + "react": "^15.5.0 || ^16.0.0", + "react-dom": "^15.5.0 || ^16.0.0", + "react-transition-group": "^2.2.1" }, "pre-commit": "lint:staged" } diff --git a/yarn.lock b/yarn.lock index 2310a6eea..e801fecc4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,13 +2,17 @@ # yarn lockfile v1 +"@types/node@*": + version "9.4.6" + resolved "https://registry.yarnpkg.com/@types/node/-/node-9.4.6.tgz#d8176d864ee48753d053783e4e463aec86b8d82e" + "@types/node@^7.0.4": version "7.0.4" resolved "https://registry.yarnpkg.com/@types/node/-/node-7.0.4.tgz#9aabc135979ded383325749f508894c662948c8b" -"@types/react@^15.0.0": - version "15.0.0" - resolved "https://registry.yarnpkg.com/@types/react/-/react-15.0.0.tgz#33eb3438130614f25c07c09e46ebec5a8d45b3b0" +"@types/react@^16.0.7": + version "16.0.38" + resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.38.tgz#76617433ea10274505f60bb86eddfdd0476ffdc2" JSONStream@^0.8.4: version "0.8.4" @@ -80,6 +84,14 @@ ajv@^5.0.0: co "^4.6.0" json-stable-stringify "^1.0.1" +ajv@^6.1.1: + version "6.1.1" + resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.1.1.tgz#978d597fbc2b7d0e5a5c3ddeb149a682f2abfa0e" + dependencies: + fast-deep-equal "^1.0.0" + fast-json-stable-stringify "^2.0.0" + json-schema-traverse "^0.3.0" + align-text@^0.1.1, align-text@^0.1.3: version "0.1.4" resolved "https://registry.yarnpkg.com/align-text/-/align-text-0.1.4.tgz#0cd90a561093f35d0a99256c22b7069433fad117" @@ -306,24 +318,24 @@ axobject-query@^0.1.0: dependencies: ast-types-flow "0.0.7" -babel-cli@^6.24.1: - version "6.24.1" - resolved "https://registry.yarnpkg.com/babel-cli/-/babel-cli-6.24.1.tgz#207cd705bba61489b2ea41b5312341cf6aca2283" +babel-cli@^6.26.0: + version "6.26.0" + resolved "https://registry.yarnpkg.com/babel-cli/-/babel-cli-6.26.0.tgz#502ab54874d7db88ad00b887a06383ce03d002f1" dependencies: - babel-core "^6.24.1" - babel-polyfill "^6.23.0" - babel-register "^6.24.1" - babel-runtime "^6.22.0" - commander "^2.8.1" - convert-source-map "^1.1.0" + babel-core "^6.26.0" + babel-polyfill "^6.26.0" + babel-register "^6.26.0" + babel-runtime "^6.26.0" + commander "^2.11.0" + convert-source-map "^1.5.0" fs-readdir-recursive "^1.0.0" - glob "^7.0.0" - lodash "^4.2.0" - output-file-sync "^1.1.0" - path-is-absolute "^1.0.0" + glob "^7.1.2" + lodash "^4.17.4" + output-file-sync "^1.1.2" + path-is-absolute "^1.0.1" slash "^1.0.0" - source-map "^0.5.0" - v8flags "^2.0.10" + source-map "^0.5.6" + v8flags "^2.1.1" optionalDependencies: chokidar "^1.6.1" @@ -335,6 +347,14 @@ babel-code-frame@^6.11.0, babel-code-frame@^6.16.0, babel-code-frame@^6.22.0: esutils "^2.0.2" js-tokens "^3.0.0" +babel-code-frame@^6.26.0: + version "6.26.0" + resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b" + dependencies: + chalk "^1.1.3" + esutils "^2.0.2" + js-tokens "^3.0.2" + babel-core@^6.0.0, babel-core@^6.0.2, babel-core@^6.24.1: version "6.24.1" resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-6.24.1.tgz#8c428564dce1e1f41fb337ec34f4c3b022b5ad83" @@ -359,6 +379,30 @@ babel-core@^6.0.0, babel-core@^6.0.2, babel-core@^6.24.1: slash "^1.0.0" source-map "^0.5.0" +babel-core@^6.26.0: + version "6.26.0" + resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-6.26.0.tgz#af32f78b31a6fcef119c87b0fd8d9753f03a0bb8" + dependencies: + babel-code-frame "^6.26.0" + babel-generator "^6.26.0" + babel-helpers "^6.24.1" + babel-messages "^6.23.0" + babel-register "^6.26.0" + babel-runtime "^6.26.0" + babel-template "^6.26.0" + babel-traverse "^6.26.0" + babel-types "^6.26.0" + babylon "^6.18.0" + convert-source-map "^1.5.0" + debug "^2.6.8" + json5 "^0.5.1" + lodash "^4.17.4" + minimatch "^3.0.4" + path-is-absolute "^1.0.1" + private "^0.1.7" + slash "^1.0.0" + source-map "^0.5.6" + babel-eslint@^7.2.3: version "7.2.3" resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-7.2.3.tgz#b2fe2d80126470f5c19442dc757253a897710827" @@ -381,6 +425,19 @@ babel-generator@^6.18.0, babel-generator@^6.24.1: source-map "^0.5.0" trim-right "^1.0.1" +babel-generator@^6.26.0: + version "6.26.1" + resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.26.1.tgz#1844408d3b8f0d35a404ea7ac180f087a601bd90" + dependencies: + babel-messages "^6.23.0" + babel-runtime "^6.26.0" + babel-types "^6.26.0" + detect-indent "^4.0.0" + jsesc "^1.3.0" + lodash "^4.17.4" + source-map "^0.5.7" + trim-right "^1.0.1" + babel-helper-bindify-decorators@^6.24.1: version "6.24.1" resolved "https://registry.yarnpkg.com/babel-helper-bindify-decorators/-/babel-helper-bindify-decorators-6.24.1.tgz#14c19e5f142d7b47f19a52431e52b1ccbc40a330" @@ -515,11 +572,11 @@ babel-jest@^20.0.3: babel-plugin-istanbul "^4.0.0" babel-preset-jest "^20.0.3" -babel-loader@^7.0.0: - version "7.0.0" - resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-7.0.0.tgz#2e43a66bee1fff4470533d0402c8a4532fafbaf7" +babel-loader@^7.1.2: + version "7.1.2" + resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-7.1.2.tgz#f6cbe122710f1aa2af4d881c6d5b54358ca24126" dependencies: - find-cache-dir "^0.1.1" + find-cache-dir "^1.0.0" loader-utils "^1.0.2" mkdirp "^0.5.1" @@ -912,6 +969,14 @@ babel-polyfill@^6.23.0: core-js "^2.4.0" regenerator-runtime "^0.10.0" +babel-polyfill@^6.26.0: + version "6.26.0" + resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz#379937abc67d7895970adc621f284cd966cf2153" + dependencies: + babel-runtime "^6.26.0" + core-js "^2.5.0" + regenerator-runtime "^0.10.5" + babel-preset-es2015@^6.24.1: version "6.24.1" resolved "https://registry.yarnpkg.com/babel-preset-es2015/-/babel-preset-es2015-6.24.1.tgz#d44050d6bc2c9feea702aaf38d727a0210538939" @@ -1011,6 +1076,18 @@ babel-register@^6.24.1: mkdirp "^0.5.1" source-map-support "^0.4.2" +babel-register@^6.26.0: + version "6.26.0" + resolved "https://registry.yarnpkg.com/babel-register/-/babel-register-6.26.0.tgz#6ed021173e2fcb486d7acb45c6009a856f647071" + dependencies: + babel-core "^6.26.0" + babel-runtime "^6.26.0" + core-js "^2.5.0" + home-or-tmp "^2.0.0" + lodash "^4.17.4" + mkdirp "^0.5.1" + source-map-support "^0.4.15" + babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.23.0, babel-runtime@^6.9.2: version "6.23.0" resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.23.0.tgz#0a9489f144de70efb3ce4300accdb329e2fc543b" @@ -1018,6 +1095,13 @@ babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.23.0, babel-runti core-js "^2.4.0" regenerator-runtime "^0.10.0" +babel-runtime@^6.26.0: + version "6.26.0" + resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe" + dependencies: + core-js "^2.4.0" + regenerator-runtime "^0.11.0" + babel-template@^6.16.0, babel-template@^6.24.1: version "6.24.1" resolved "https://registry.yarnpkg.com/babel-template/-/babel-template-6.24.1.tgz#04ae514f1f93b3a2537f2a0f60a5a45fb8308333" @@ -1028,6 +1112,16 @@ babel-template@^6.16.0, babel-template@^6.24.1: babylon "^6.11.0" lodash "^4.2.0" +babel-template@^6.26.0: + version "6.26.0" + resolved "https://registry.yarnpkg.com/babel-template/-/babel-template-6.26.0.tgz#de03e2d16396b069f46dd9fff8521fb1a0e35e02" + dependencies: + babel-runtime "^6.26.0" + babel-traverse "^6.26.0" + babel-types "^6.26.0" + babylon "^6.18.0" + lodash "^4.17.4" + babel-traverse@^6.18.0, babel-traverse@^6.23.1, babel-traverse@^6.24.1: version "6.24.1" resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-6.24.1.tgz#ab36673fd356f9a0948659e7b338d5feadb31695" @@ -1042,6 +1136,20 @@ babel-traverse@^6.18.0, babel-traverse@^6.23.1, babel-traverse@^6.24.1: invariant "^2.2.0" lodash "^4.2.0" +babel-traverse@^6.26.0: + version "6.26.0" + resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-6.26.0.tgz#46a9cbd7edcc62c8e5c064e2d2d8d0f4035766ee" + dependencies: + babel-code-frame "^6.26.0" + babel-messages "^6.23.0" + babel-runtime "^6.26.0" + babel-types "^6.26.0" + babylon "^6.18.0" + debug "^2.6.8" + globals "^9.18.0" + invariant "^2.2.2" + lodash "^4.17.4" + babel-types@^6.18.0, babel-types@^6.19.0, babel-types@^6.23.0, babel-types@^6.24.1: version "6.24.1" resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.24.1.tgz#a136879dc15b3606bda0d90c1fc74304c2ff0975" @@ -1051,10 +1159,23 @@ babel-types@^6.18.0, babel-types@^6.19.0, babel-types@^6.23.0, babel-types@^6.24 lodash "^4.2.0" to-fast-properties "^1.0.1" +babel-types@^6.26.0: + version "6.26.0" + resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.26.0.tgz#a3b073f94ab49eb6fa55cd65227a334380632497" + dependencies: + babel-runtime "^6.26.0" + esutils "^2.0.2" + lodash "^4.17.4" + to-fast-properties "^1.0.3" + babylon@^6.11.0, babylon@^6.13.0, babylon@^6.15.0, babylon@^6.17.0: version "6.17.1" resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.17.1.tgz#17f14fddf361b695981fe679385e4f1c01ebd86f" +babylon@^6.18.0: + version "6.18.0" + resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3" + balanced-match@0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.1.0.tgz#b504bd05869b39259dd0c5efc35d843176dccc4a" @@ -1134,10 +1255,6 @@ browser-resolve@^1.11.2: dependencies: resolve "1.1.7" -browser-stdout@1.3.0: - version "1.3.0" - resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.0.tgz#f351d32969d32fa5d7a5567154263d928ae3bd1f" - browserify-aes@^1.0.0, browserify-aes@^1.0.4: version "1.0.6" resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.0.6.tgz#5e7725dbdef1fd5930d4ebab48567ce451c48a0a" @@ -1189,12 +1306,18 @@ browserify-zlib@^0.1.4: dependencies: pako "~0.2.0" -browserslist@1.7.5: - version "1.7.5" - resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-1.7.5.tgz#eca4713897b51e444283241facf3985de49a9e2b" +browserify-zlib@^0.2.0: + version "0.2.0" + resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f" + dependencies: + pako "~1.0.5" + +browserslist@2.1.4: + version "2.1.4" + resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-2.1.4.tgz#cc526af4a1312b7d2e05653e56d0c8ab70c0e053" dependencies: - caniuse-db "^1.0.30000624" - electron-to-chromium "^1.2.3" + caniuse-lite "^1.0.30000670" + electron-to-chromium "^1.3.11" browserslist@^1.0.0, browserslist@^1.1.1, browserslist@^1.1.3, browserslist@^1.3.6, browserslist@^1.5.2, browserslist@^1.7.6: version "1.7.7" @@ -1285,14 +1408,22 @@ caniuse-api@^1.5.2, caniuse-api@^1.5.3: lodash.memoize "^4.1.2" lodash.uniq "^4.5.0" -caniuse-db@1.0.30000626, caniuse-db@^1.0.30000624: - version "1.0.30000626" - resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000626.tgz#44363dc86857efaf758fea9faef6a15ed93d8f33" +caniuse-db@1.0.30000671: + version "1.0.30000671" + resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000671.tgz#9f071bbc7b96994638ccbaf47829d58a1577a8ed" caniuse-db@^1.0.30000187, caniuse-db@^1.0.30000529, caniuse-db@^1.0.30000634, caniuse-db@^1.0.30000639: version "1.0.30000670" resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000670.tgz#90d33b79e3090e25829c311113c56d6b1788bf43" +caniuse-db@^1.0.30000652: + version "1.0.30000810" + resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000810.tgz#bd25830c41efab64339a2e381f49677343c84509" + +caniuse-lite@^1.0.30000670: + version "1.0.30000810" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000810.tgz#47585fffce0e9f3593a6feea4673b945424351d9" + caseless@~0.12.0: version "0.12.0" resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc" @@ -1318,26 +1449,16 @@ chalk@^1.0.0, chalk@^1.1.0, chalk@^1.1.1, chalk@^1.1.3: strip-ansi "^3.0.0" supports-color "^2.0.0" -cheerio@^0.22.0: - version "0.22.0" - resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-0.22.0.tgz#a9baa860a3f9b595a6b81b1a86873121ed3a269e" +cheerio@^1.0.0-rc.2: + version "1.0.0-rc.2" + resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-1.0.0-rc.2.tgz#4b9f53a81b27e4d5dac31c0ffd0cfa03cc6830db" dependencies: css-select "~1.2.0" dom-serializer "~0.1.0" entities "~1.1.1" htmlparser2 "^3.9.1" - lodash.assignin "^4.0.9" - lodash.bind "^4.1.4" - lodash.defaults "^4.0.1" - lodash.filter "^4.4.0" - lodash.flatten "^4.2.0" - lodash.foreach "^4.3.0" - lodash.map "^4.4.0" - lodash.merge "^4.4.0" - lodash.pick "^4.2.1" - lodash.reduce "^4.4.0" - lodash.reject "^4.4.0" - lodash.some "^4.4.0" + lodash "^4.15.0" + parse5 "^3.0.1" chokidar@^1.4.3, chokidar@^1.6.0, chokidar@^1.6.1: version "1.7.0" @@ -1510,6 +1631,10 @@ colormin@^1.0.5: css-color-names "0.0.4" has "^1.0.1" +colors@0.5.x: + version "0.5.1" + resolved "https://registry.yarnpkg.com/colors/-/colors-0.5.1.tgz#7d0023eaeb154e8ee9fce75dcb923d0ed1667774" + colors@~1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/colors/-/colors-1.1.2.tgz#168a4701756b6a7f51a12ce0c97bfa28c084ed63" @@ -1520,7 +1645,11 @@ combined-stream@^1.0.5, combined-stream@~1.0.5: dependencies: delayed-stream "~1.0.0" -commander@2.9.0, commander@^2.8.1, commander@^2.9.0: +commander@^2.11.0: + version "2.14.1" + resolved "https://registry.yarnpkg.com/commander/-/commander-2.14.1.tgz#2235123e37af8ca3c65df45b026dbd357b01b9aa" + +commander@^2.9.0: version "2.9.0" resolved "https://registry.yarnpkg.com/commander/-/commander-2.9.0.tgz#9c99094176e12240cb22d6c5146098400fe0f7d4" dependencies: @@ -1576,6 +1705,10 @@ convert-source-map@^1.1.0, convert-source-map@^1.4.0: version "1.5.0" resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.5.0.tgz#9acd70851c6d5dfdd93d9282e5edf94a03ff46b5" +convert-source-map@^1.5.0: + version "1.5.1" + resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.5.1.tgz#b8278097b9bc229365de5c62cf5fcaed8b5599e5" + cookie-signature@1.0.6: version "1.0.6" resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c" @@ -1592,6 +1725,10 @@ core-js@^2.4.0: version "2.4.1" resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.4.1.tgz#4de911e667b0eae9124e34254b53aea6fc618d3e" +core-js@^2.5.0: + version "2.5.3" + resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.3.tgz#8acc38345824f16d8365b7c9b4259168e8ed603e" + core-util-is@~1.0.0: version "1.0.2" resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7" @@ -1864,18 +2001,6 @@ dateformat@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-2.0.0.tgz#2743e3abb5c3fc2462e527dca445e04e9f4dee17" -debug@2.2.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/debug/-/debug-2.2.0.tgz#f87057e995b1a1f6ae6a4960664137bc56f039da" - dependencies: - ms "0.7.1" - -debug@2.6.0: - version "2.6.0" - resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.0.tgz#bc596bcabe7617f11d9fa15361eded5608b8499b" - dependencies: - ms "0.7.2" - debug@2.6.7: version "2.6.7" resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.7.tgz#92bad1f6d05bbb6bba22cca88bcd0ec894c2861e" @@ -1888,6 +2013,12 @@ debug@^2.1.1, debug@^2.2.0, debug@^2.6.0, debug@^2.6.3: dependencies: ms "2.0.0" +debug@^2.6.8, debug@^2.6.9: + version "2.6.9" + resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f" + dependencies: + ms "2.0.0" + debug@~0.7.4: version "0.7.4" resolved "https://registry.yarnpkg.com/debug/-/debug-0.7.4.tgz#06e1ea8082c2cb14e39806e22e2f6f757f92af39" @@ -1978,7 +2109,11 @@ detect-indent@^4.0.0: dependencies: repeating "^2.0.0" -diff@3.2.0, diff@^3.2.0: +diff@^3.1.0: + version "3.4.0" + resolved "https://registry.yarnpkg.com/diff/-/diff-3.4.0.tgz#b1d85507daf3964828de54b37d0d73ba67dda56c" + +diff@^3.2.0: version "3.2.0" resolved "https://registry.yarnpkg.com/diff/-/diff-3.2.0.tgz#c9ce393a4b7cbd0b058a725c93df299027868ff9" @@ -1990,6 +2125,10 @@ diffie-hellman@^5.0.0: miller-rabin "^4.0.0" randombytes "^2.0.0" +discontinuous-range@1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/discontinuous-range/-/discontinuous-range-1.0.0.tgz#e38331f0844bba49b9a9cb71c771585aab1bc65a" + doctrine@1.5.0: version "1.5.0" resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa" @@ -2004,6 +2143,12 @@ doctrine@^2.0.0: esutils "^2.0.2" isarray "^1.0.0" +doctrine@^2.0.2: + version "2.1.0" + resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d" + dependencies: + esutils "^2.0.2" + doiuse@^2.4.1: version "2.6.0" resolved "https://registry.yarnpkg.com/doiuse/-/doiuse-2.6.0.tgz#1892d10b61a9a356addbf2b614933e81f8bb3834" @@ -2081,10 +2226,14 @@ ee-first@1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d" -electron-to-chromium@^1.2.3, electron-to-chromium@^1.2.7: +electron-to-chromium@^1.2.7: version "1.3.11" resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.11.tgz#744761df1d67b492b322ce9aa0aba5393260eb61" +electron-to-chromium@^1.3.11: + version "1.3.33" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.33.tgz#bf00703d62a7c65238136578c352d6c5c042a545" + elegant-spinner@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/elegant-spinner/-/elegant-spinner-1.0.1.tgz#db043521c95d7e303fd8f345bedc3349cfb0729e" @@ -2146,32 +2295,52 @@ entities@^1.1.1, entities@~1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.1.tgz#6e5c2d0a5621b5dadaecef80b90edfb5cd7772f0" -enzyme-to-json@^1.5.1: - version "1.5.1" - resolved "https://registry.yarnpkg.com/enzyme-to-json/-/enzyme-to-json-1.5.1.tgz#e34f4d126bb3f4696ce3800b51f9ed83df708799" - dependencies: - lodash.filter "^4.6.0" - lodash.isnil "^4.0.0" - lodash.isplainobject "^4.0.6" - lodash.omitby "^4.5.0" - lodash.range "^3.2.0" - object-values "^1.0.0" - object.entries "^1.0.3" - -enzyme@^2.8.2: - version "2.8.2" - resolved "https://registry.yarnpkg.com/enzyme/-/enzyme-2.8.2.tgz#6c8bcb05012abc4aa4bc3213fb23780b9b5b1714" - dependencies: - cheerio "^0.22.0" - function.prototype.name "^1.0.0" +enzyme-adapter-react-16@^1.1.1: + version "1.1.1" + resolved "https://registry.yarnpkg.com/enzyme-adapter-react-16/-/enzyme-adapter-react-16-1.1.1.tgz#a8f4278b47e082fbca14f5bfb1ee50ee650717b4" + dependencies: + enzyme-adapter-utils "^1.3.0" + lodash "^4.17.4" + object.assign "^4.0.4" + object.values "^1.0.4" + prop-types "^15.6.0" + react-reconciler "^0.7.0" + react-test-renderer "^16.0.0-0" + +enzyme-adapter-utils@^1.3.0: + version "1.3.0" + resolved "https://registry.yarnpkg.com/enzyme-adapter-utils/-/enzyme-adapter-utils-1.3.0.tgz#d6c85756826c257a8544d362cc7a67e97ea698c7" + dependencies: + lodash "^4.17.4" + object.assign "^4.0.4" + prop-types "^15.6.0" + +enzyme-to-json@^3.0.1: + version "3.3.1" + resolved "https://registry.yarnpkg.com/enzyme-to-json/-/enzyme-to-json-3.3.1.tgz#64239dcd417e2fb552f4baa6632de4744b9b5b93" + dependencies: + lodash "^4.17.4" + +enzyme@^3.3.0: + version "3.3.0" + resolved "https://registry.yarnpkg.com/enzyme/-/enzyme-3.3.0.tgz#0971abd167f2d4bf3f5bd508229e1c4b6dc50479" + dependencies: + cheerio "^1.0.0-rc.2" + function.prototype.name "^1.0.3" + has "^1.0.1" + is-boolean-object "^1.0.0" + is-callable "^1.1.3" + is-number-object "^1.0.3" + is-string "^1.0.4" is-subset "^0.1.1" - lodash "^4.17.2" + lodash "^4.17.4" + object-inspect "^1.5.0" object-is "^1.0.1" - object.assign "^4.0.4" - object.entries "^1.0.3" - object.values "^1.0.3" - prop-types "^15.5.4" - uuid "^2.0.3" + object.assign "^4.1.0" + object.entries "^1.0.4" + object.values "^1.0.4" + raf "^3.4.0" + rst-selector-parser "^2.2.3" "errno@>=0.1.1 <0.2.0-0", errno@^0.1.3: version "0.1.4" @@ -2264,7 +2433,7 @@ escape-html@~1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988" -escape-string-regexp@1.0.5, escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5: +escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" @@ -2298,60 +2467,59 @@ eslint-config-airbnb@^15.0.1: dependencies: eslint-config-airbnb-base "^11.2.0" -eslint-import-resolver-node@^0.2.0: - version "0.2.3" - resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.2.3.tgz#5add8106e8c928db2cba232bcd9efa846e3da16c" +eslint-import-resolver-node@^0.3.1: + version "0.3.2" + resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.2.tgz#58f15fb839b8d0576ca980413476aab2472db66a" dependencies: - debug "^2.2.0" - object-assign "^4.0.1" - resolve "^1.1.6" + debug "^2.6.9" + resolve "^1.5.0" -eslint-import-resolver-webpack@^0.8.1: - version "0.8.1" - resolved "https://registry.yarnpkg.com/eslint-import-resolver-webpack/-/eslint-import-resolver-webpack-0.8.1.tgz#c7f8b4d5bd3c5b489457e5728c5db1c4ffbac9aa" +eslint-import-resolver-webpack@^0.8.3: + version "0.8.4" + resolved "https://registry.yarnpkg.com/eslint-import-resolver-webpack/-/eslint-import-resolver-webpack-0.8.4.tgz#0f7cd74bc9d7fc1773e8d5fc25baf864b2f87a42" dependencies: array-find "^1.0.0" - debug "^2.2.0" + debug "^2.6.8" enhanced-resolve "~0.9.0" find-root "^0.1.1" has "^1.0.1" interpret "^1.0.0" is-absolute "^0.2.3" lodash.get "^3.7.0" - node-libs-browser "^1.0.0" + node-libs-browser "^1.0.0 || ^2.0.0" resolve "^1.2.0" semver "^5.3.0" -eslint-module-utils@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.0.0.tgz#a6f8c21d901358759cdc35dbac1982ae1ee58bce" +eslint-module-utils@^2.1.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.1.1.tgz#abaec824177613b8a95b299639e1b6facf473449" dependencies: - debug "2.2.0" + debug "^2.6.8" pkg-dir "^1.0.0" -eslint-plugin-babel@^4.1.1: - version "4.1.1" - resolved "https://registry.yarnpkg.com/eslint-plugin-babel/-/eslint-plugin-babel-4.1.1.tgz#ef285c87039b67beb3bbd227f5b0eed4fb376b87" +eslint-plugin-babel@^4.1.2: + version "4.1.2" + resolved "https://registry.yarnpkg.com/eslint-plugin-babel/-/eslint-plugin-babel-4.1.2.tgz#79202a0e35757dd92780919b2336f1fa2fe53c1e" -eslint-plugin-compat@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/eslint-plugin-compat/-/eslint-plugin-compat-1.0.2.tgz#914a8fb93a96950140ff902ad2890930e901046c" +eslint-plugin-compat@^1.0.4: + version "1.0.4" + resolved "https://registry.yarnpkg.com/eslint-plugin-compat/-/eslint-plugin-compat-1.0.4.tgz#76e52038119a5080e2612cc4141d687f4d140398" dependencies: babel-runtime "^6.23.0" - browserslist "1.7.5" - caniuse-db "1.0.30000626" + browserslist "2.1.4" + caniuse-db "1.0.30000671" requireindex "^1.1.0" -eslint-plugin-import@^2.3.0: - version "2.3.0" - resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.3.0.tgz#37c801e0ada0e296cbdf20c3f393acb5b52af36b" +eslint-plugin-import@^2.7.0: + version "2.8.0" + resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.8.0.tgz#fa1b6ef31fcb3c501c09859c1b86f1fc5b986894" dependencies: builtin-modules "^1.1.1" contains-path "^0.1.0" - debug "^2.2.0" + debug "^2.6.8" doctrine "1.5.0" - eslint-import-resolver-node "^0.2.0" - eslint-module-utils "^2.0.0" + eslint-import-resolver-node "^0.3.1" + eslint-module-utils "^2.1.1" has "^1.0.1" lodash.cond "^4.3.0" minimatch "^3.0.3" @@ -2369,13 +2537,14 @@ eslint-plugin-jsx-a11y@^5.0.3: emoji-regex "^6.1.0" jsx-ast-utils "^1.4.0" -eslint-plugin-react@^7.0.1: - version "7.0.1" - resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.0.1.tgz#e78107e1e559c6e2b17786bb67c2e2a010ad0d2f" +eslint-plugin-react@^7.4.0: + version "7.7.0" + resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.7.0.tgz#f606c719dbd8a1a2b3d25c16299813878cca0160" dependencies: - doctrine "^2.0.0" + doctrine "^2.0.2" has "^1.0.1" - jsx-ast-utils "^1.3.4" + jsx-ast-utils "^2.0.1" + prop-types "^15.6.0" eslint@^3.19.0: version "3.19.0" @@ -2591,6 +2760,14 @@ fancy-log@^1.1.0: chalk "^1.1.1" time-stamp "^1.0.0" +fast-deep-equal@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-1.0.0.tgz#96256a3bc975595eb36d82e9929d060d893439ff" + +fast-json-stable-stringify@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz#d5142c0caee6b1189f87d3a76111064f86c8bbf2" + fast-levenshtein@~2.0.4: version "2.0.6" resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917" @@ -2611,7 +2788,19 @@ fb-watchman@^2.0.0: dependencies: bser "^2.0.0" -fbjs@^0.8.4, fbjs@^0.8.9: +fbjs@^0.8.16: + version "0.8.16" + resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.16.tgz#5e67432f550dc41b572bf55847b8aca64e5337db" + dependencies: + core-js "^1.0.0" + isomorphic-fetch "^2.1.1" + loose-envify "^1.0.0" + object-assign "^4.1.0" + promise "^7.1.1" + setimmediate "^1.0.5" + ua-parser-js "^0.7.9" + +fbjs@^0.8.9: version "0.8.12" resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.12.tgz#10b5d92f76d45575fd63a217d4ea02bea2f8ed04" dependencies: @@ -2670,13 +2859,13 @@ finalhandler@~1.0.3: statuses "~1.3.1" unpipe "~1.0.0" -find-cache-dir@^0.1.1: - version "0.1.1" - resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-0.1.1.tgz#c8defae57c8a52a8a784f9e31c57c742e993a0b9" +find-cache-dir@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-1.0.0.tgz#9288e3e9e3cc3748717d39eade17cf71fc30ee6f" dependencies: commondir "^1.0.1" - mkdirp "^0.5.1" - pkg-dir "^1.0.0" + make-dir "^1.0.0" + pkg-dir "^2.0.0" find-index@^0.1.1: version "0.1.1" @@ -2767,6 +2956,12 @@ form-data@~2.1.1: combined-stream "^1.0.5" mime-types "^2.1.12" +formatio@1.2.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/formatio/-/formatio-1.2.0.tgz#f3b2167d9068c4698a8d51f4f760a39a54d818eb" + dependencies: + samsam "1.x" + forwarded@~0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.0.tgz#19ef9874c4ae1c297bcf078fde63a09b66a84363" @@ -2815,13 +3010,17 @@ function-bind@^1.0.2, function-bind@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.0.tgz#16176714c801798e4e8f2cf7f7529467bb4a5771" -function.prototype.name@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.0.0.tgz#5f523ca64e491a5f95aba80cc1e391080a14482e" +function-bind@^1.1.1: + version "1.1.1" + resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d" + +function.prototype.name@^1.0.3: + version "1.1.0" + resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.0.tgz#8bd763cc0af860a859cc5d49384d74b932cd2327" dependencies: define-properties "^1.1.2" - function-bind "^1.1.0" - is-callable "^1.1.2" + function-bind "^1.1.1" + is-callable "^1.1.3" gather-stream@^1.0.0: version "1.0.0" @@ -2918,17 +3117,6 @@ glob2base@^0.0.12: dependencies: find-index "^0.1.1" -glob@7.1.1: - version "7.1.1" - resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8" - dependencies: - fs.realpath "^1.0.0" - inflight "^1.0.4" - inherits "2" - minimatch "^3.0.2" - once "^1.3.0" - path-is-absolute "^1.0.0" - glob@^4.3.1: version "4.5.3" resolved "https://registry.yarnpkg.com/glob/-/glob-4.5.3.tgz#c6cb73d3226c1efef04de3c56d012f03377ee15f" @@ -2984,6 +3172,10 @@ globals@^9.0.0, globals@^9.14.0: version "9.17.0" resolved "https://registry.yarnpkg.com/globals/-/globals-9.17.0.tgz#0c0ca696d9b9bb694d2e5470bd37777caad50286" +globals@^9.18.0: + version "9.18.0" + resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a" + globby@^5.0.0: version "5.0.0" resolved "https://registry.yarnpkg.com/globby/-/globby-5.0.0.tgz#ebd84667ca0dbb330b99bcfc68eac2bc54370e0d" @@ -3041,10 +3233,6 @@ graceful-fs@~1.2.0: version "1.0.1" resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725" -growl@1.9.2: - version "1.9.2" - resolved "https://registry.yarnpkg.com/growl/-/growl-1.9.2.tgz#0ea7743715db8d8de2c5ede1775e1b45ac85c02f" - growly@^1.3.0: version "1.3.0" resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081" @@ -3165,6 +3353,10 @@ has-gulplog@^0.1.0: dependencies: sparkles "^1.0.0" +has-symbols@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.0.tgz#ba1a8f1af2a0fc39650f5c850367704122063b44" + has-unicode@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9" @@ -3279,6 +3471,10 @@ https-browserify@0.0.1: version "0.0.1" resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-0.0.1.tgz#3f91365cabe60b77ed0ebba24b454e3e09d95a82" +https-browserify@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73" + iconv-lite@0.4.13, iconv-lite@~0.4.13: version "0.4.13" resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.13.tgz#1f88aba4ab0b1508e8312acc39345f36e992e2f2" @@ -3334,7 +3530,7 @@ inherits@1: version "1.0.2" resolved "https://registry.yarnpkg.com/inherits/-/inherits-1.0.2.tgz#ca4309dadee6b54cc0b8d247e8d7c7a0975bdc9b" -inherits@2, inherits@2.0.3, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.0, inherits@~2.0.1: +inherits@2, inherits@2.0.3, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3: version "2.0.3" resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de" @@ -3380,6 +3576,12 @@ invariant@^2.2.0, invariant@^2.2.1: dependencies: loose-envify "^1.0.0" +invariant@^2.2.2: + version "2.2.3" + resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.3.tgz#1a827dfde7dcbd7c323f0ca826be8fa7c5e9d688" + dependencies: + loose-envify "^1.0.0" + invert-kv@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6" @@ -3413,6 +3615,10 @@ is-binary-path@^1.0.0: dependencies: binary-extensions "^1.0.0" +is-boolean-object@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.0.0.tgz#98f8b28030684219a95f375cfbd88ce3405dff93" + is-buffer@^1.1.5: version "1.1.5" resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.5.tgz#1f3b26ef613b214b88cbca23cc6c01d87961eecc" @@ -3423,7 +3629,7 @@ is-builtin-module@^1.0.0: dependencies: builtin-modules "^1.0.0" -is-callable@^1.1.1, is-callable@^1.1.2, is-callable@^1.1.3: +is-callable@^1.1.1, is-callable@^1.1.3: version "1.1.3" resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.3.tgz#86eb75392805ddc33af71c92a0eedf74ee7604b2" @@ -3490,6 +3696,10 @@ is-my-json-valid@^2.10.0: jsonpointer "^4.0.0" xtend "^4.0.0" +is-number-object@^1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.3.tgz#f265ab89a9f445034ef6aff15a8f00b00f551799" + is-number@^2.0.2, is-number@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f" @@ -3558,6 +3768,10 @@ is-stream@^1.0.1, is-stream@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44" +is-string@^1.0.4: + version "1.0.4" + resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.4.tgz#cc3a9b69857d621e963725a24caeec873b826e64" + is-subset@^0.1.1: version "0.1.1" resolved "https://registry.yarnpkg.com/is-subset/-/is-subset-0.1.1.tgz#8a59117d932de1de00f245fcdd39ce43f1e939a6" @@ -3919,6 +4133,10 @@ js-tokens@^3.0.0: version "3.0.1" resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.1.tgz#08e9f132484a2c45a30907e9dc4d5567b7f114d7" +js-tokens@^3.0.2: + version "3.0.2" + resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b" + js-yaml@^3.4.3, js-yaml@^3.5.1, js-yaml@^3.7.0: version "3.8.4" resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.8.4.tgz#520b4564f86573ba96662af85a8cafa7b4b5a6f6" @@ -3973,6 +4191,10 @@ json-loader@^0.5.4: version "0.5.4" resolved "https://registry.yarnpkg.com/json-loader/-/json-loader-0.5.4.tgz#8baa1365a632f58a3c46d20175fc6002c96e37de" +json-schema-traverse@^0.3.0: + version "0.3.1" + resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz#349a6d44c53a51de89b40805c5d5e59b417d3340" + json-schema@0.2.3: version "0.2.3" resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13" @@ -3987,10 +4209,6 @@ json-stringify-safe@~5.0.1: version "5.0.1" resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb" -json3@3.3.2: - version "3.3.2" - resolved "https://registry.yarnpkg.com/json3/-/json3-3.3.2.tgz#3c0434743df93e2f5c42aee7b19bcb483575f4e1" - json5@^0.5.0, json5@^0.5.1: version "0.5.1" resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821" @@ -4025,10 +4243,16 @@ jsprim@^1.2.2: json-schema "0.2.3" verror "1.3.6" -jsx-ast-utils@^1.3.4, jsx-ast-utils@^1.4.0: +jsx-ast-utils@^1.4.0: version "1.4.1" resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-1.4.1.tgz#3867213e8dd79bf1e8f2300c0cfc1efb182c0df1" +jsx-ast-utils@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-2.0.1.tgz#e801b1b39985e20fffc87b40e3748080e2dcac7f" + dependencies: + array-includes "^3.0.3" + kind-of@^3.0.2: version "3.2.2" resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64" @@ -4187,21 +4411,10 @@ locate-path@^2.0.0: p-locate "^2.0.0" path-exists "^3.0.0" -lodash._baseassign@^3.0.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/lodash._baseassign/-/lodash._baseassign-3.2.0.tgz#8c38a099500f215ad09e59f1722fd0c52bfe0a4e" - dependencies: - lodash._basecopy "^3.0.0" - lodash.keys "^3.0.0" - lodash._basecopy@^3.0.0: version "3.0.1" resolved "https://registry.yarnpkg.com/lodash._basecopy/-/lodash._basecopy-3.0.1.tgz#8da0e6a876cf344c0ad8a54882111dd3c5c7ca36" -lodash._basecreate@^3.0.0: - version "3.0.3" - resolved "https://registry.yarnpkg.com/lodash._basecreate/-/lodash._basecreate-3.0.3.tgz#1bc661614daa7fc311b7d03bf16806a0213cf821" - lodash._baseget@^3.0.0: version "3.7.2" resolved "https://registry.yarnpkg.com/lodash._baseget/-/lodash._baseget-3.7.2.tgz#1b6ae1d5facf3c25532350a13c1197cb8bb674f4" @@ -4244,18 +4457,10 @@ lodash._topath@^3.0.0: dependencies: lodash.isarray "^3.0.0" -lodash.assignin@^4.0.9: - version "4.2.0" - resolved "https://registry.yarnpkg.com/lodash.assignin/-/lodash.assignin-4.2.0.tgz#ba8df5fb841eb0a3e8044232b0e263a8dc6a28a2" - lodash.assignwith@^4.0.7: version "4.2.0" resolved "https://registry.yarnpkg.com/lodash.assignwith/-/lodash.assignwith-4.2.0.tgz#127a97f02adc41751a954d24b0de17e100e038eb" -lodash.bind@^4.1.4: - version "4.2.1" - resolved "https://registry.yarnpkg.com/lodash.bind/-/lodash.bind-4.2.1.tgz#7ae3017e939622ac31b7d7d7dcb1b34db1690d35" - lodash.camelcase@^4.3.0: version "4.3.0" resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6" @@ -4264,35 +4469,15 @@ lodash.cond@^4.3.0: version "4.5.2" resolved "https://registry.yarnpkg.com/lodash.cond/-/lodash.cond-4.5.2.tgz#f471a1da486be60f6ab955d17115523dd1d255d5" -lodash.create@3.1.1: - version "3.1.1" - resolved "https://registry.yarnpkg.com/lodash.create/-/lodash.create-3.1.1.tgz#d7f2849f0dbda7e04682bb8cd72ab022461debe7" - dependencies: - lodash._baseassign "^3.0.0" - lodash._basecreate "^3.0.0" - lodash._isiterateecall "^3.0.0" - -lodash.defaults@^4.0.1: - version "4.2.0" - resolved "https://registry.yarnpkg.com/lodash.defaults/-/lodash.defaults-4.2.0.tgz#d09178716ffea4dde9e5fb7b37f6f0802274580c" - lodash.escape@^3.0.0: version "3.2.0" resolved "https://registry.yarnpkg.com/lodash.escape/-/lodash.escape-3.2.0.tgz#995ee0dc18c1b48cc92effae71a10aab5b487698" dependencies: lodash._root "^3.0.0" -lodash.filter@^4.4.0, lodash.filter@^4.6.0: - version "4.6.0" - resolved "https://registry.yarnpkg.com/lodash.filter/-/lodash.filter-4.6.0.tgz#668b1d4981603ae1cc5a6fa760143e480b4c4ace" - -lodash.flatten@^4.2.0: +lodash.flattendeep@^4.4.0: version "4.4.0" - resolved "https://registry.yarnpkg.com/lodash.flatten/-/lodash.flatten-4.4.0.tgz#f31c22225a9632d2bbf8e4addbef240aa765a61f" - -lodash.foreach@^4.3.0: - version "4.5.0" - resolved "https://registry.yarnpkg.com/lodash.foreach/-/lodash.foreach-4.5.0.tgz#1a6a35eace401280c7f06dddec35165ab27e3e53" + resolved "https://registry.yarnpkg.com/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz#fb030917f86a3134e5bc9bec0d69e0013ddfedb2" lodash.get@^3.7.0: version "3.7.0" @@ -4313,11 +4498,7 @@ lodash.isempty@^4.2.1: version "4.4.0" resolved "https://registry.yarnpkg.com/lodash.isempty/-/lodash.isempty-4.4.0.tgz#6f86cbedd8be4ec987be9aaf33c9684db1b31e7e" -lodash.isnil@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/lodash.isnil/-/lodash.isnil-4.0.0.tgz#49e28cd559013458c814c5479d3c663a21bfaa6c" - -lodash.isplainobject@^4.0.4, lodash.isplainobject@^4.0.6: +lodash.isplainobject@^4.0.4: version "4.0.6" resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb" @@ -4333,10 +4514,6 @@ lodash.keys@^3.0.0: lodash.isarguments "^3.0.0" lodash.isarray "^3.0.0" -lodash.map@^4.4.0: - version "4.6.0" - resolved "https://registry.yarnpkg.com/lodash.map/-/lodash.map-4.6.0.tgz#771ec7839e3473d9c4cde28b19394c3562f4f6d3" - lodash.mapvalues@^4.4.0: version "4.6.0" resolved "https://registry.yarnpkg.com/lodash.mapvalues/-/lodash.mapvalues-4.6.0.tgz#1bafa5005de9dd6f4f26668c30ca37230cc9689c" @@ -4345,38 +4522,14 @@ lodash.memoize@^4.1.2: version "4.1.2" resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe" -lodash.merge@^4.4.0: - version "4.6.0" - resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.0.tgz#69884ba144ac33fe699737a6086deffadd0f89c5" - -lodash.omitby@^4.5.0: - version "4.6.0" - resolved "https://registry.yarnpkg.com/lodash.omitby/-/lodash.omitby-4.6.0.tgz#5c15ff4754ad555016b53c041311e8f079204791" - lodash.pick@^4.2.1: version "4.4.0" resolved "https://registry.yarnpkg.com/lodash.pick/-/lodash.pick-4.4.0.tgz#52f05610fff9ded422611441ed1fc123a03001b3" -lodash.range@^3.2.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/lodash.range/-/lodash.range-3.2.0.tgz#f461e588f66683f7eadeade513e38a69a565a15d" - -lodash.reduce@^4.4.0: - version "4.6.0" - resolved "https://registry.yarnpkg.com/lodash.reduce/-/lodash.reduce-4.6.0.tgz#f1ab6b839299ad48f784abbf476596f03b914d3b" - -lodash.reject@^4.4.0: - version "4.6.0" - resolved "https://registry.yarnpkg.com/lodash.reject/-/lodash.reject-4.6.0.tgz#80d6492dc1470864bbf583533b651f42a9f52415" - lodash.restparam@^3.0.0: version "3.6.1" resolved "https://registry.yarnpkg.com/lodash.restparam/-/lodash.restparam-3.6.1.tgz#936a4e309ef330a7645ed4145986c85ae5b20805" -lodash.some@^4.4.0: - version "4.6.0" - resolved "https://registry.yarnpkg.com/lodash.some/-/lodash.some-4.6.0.tgz#1bb9f314ef6b8baded13b549169b2a945eb68e4d" - lodash.template@^3.0.0: version "3.6.2" resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-3.6.2.tgz#f8cdecc6169a255be9098ae8b0c53d378931d14f" @@ -4415,10 +4568,14 @@ lodash.uniq@^4.5.0: version "4.5.0" resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773" -lodash@^4.0.0, lodash@^4.1.0, lodash@^4.14.0, lodash@^4.17.2, lodash@^4.17.4, lodash@^4.2.0, lodash@^4.3.0, lodash@^4.6.1: +lodash@^4.0.0, lodash@^4.1.0, lodash@^4.14.0, lodash@^4.17.4, lodash@^4.2.0, lodash@^4.3.0, lodash@^4.6.1: version "4.17.4" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae" +lodash@^4.15.0: + version "4.17.5" + resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.5.tgz#99a92d65c0272debe8c96b6057bc8fbfa3bed511" + lodash@~1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/lodash/-/lodash-1.0.2.tgz#8f57560c83b59fc270bd3d561b690043430e2551" @@ -4436,6 +4593,10 @@ log-update@^1.0.2: ansi-escapes "^1.0.0" cli-cursor "^1.0.2" +lolex@^1.6.0: + version "1.6.0" + resolved "https://registry.yarnpkg.com/lolex/-/lolex-1.6.0.tgz#3a9a0283452a47d7439e72731b9e07d7386e49f6" + longest@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097" @@ -4468,6 +4629,12 @@ macaddress@^0.2.8: version "0.2.8" resolved "https://registry.yarnpkg.com/macaddress/-/macaddress-0.2.8.tgz#5904dc537c39ec6dbefeae902327135fa8511f12" +make-dir@^1.0.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.2.0.tgz#6d6a49eead4aae296c53bbf3a1a008bd6c89469b" + dependencies: + pify "^3.0.0" + makeerror@1.0.x: version "1.0.11" resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c" @@ -4612,36 +4779,12 @@ minimist@^1.1.0, minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284" -mkdirp@0.5.1, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1: +"mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1: version "0.5.1" resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903" dependencies: minimist "0.0.8" -mocha@^3.4.1: - version "3.4.1" - resolved "https://registry.yarnpkg.com/mocha/-/mocha-3.4.1.tgz#a3802b4aa381934cacb38de70cf771621da8f9af" - dependencies: - browser-stdout "1.3.0" - commander "2.9.0" - debug "2.6.0" - diff "3.2.0" - escape-string-regexp "1.0.5" - glob "7.1.1" - growl "1.9.2" - json3 "3.3.2" - lodash.create "3.1.1" - mkdirp "0.5.1" - supports-color "3.1.2" - -ms@0.7.1: - version "0.7.1" - resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.1.tgz#9cd13c03adbff25b65effde7ce864ee952017098" - -ms@0.7.2: - version "0.7.2" - resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.2.tgz#ae25cf2512b3885a1d95d7f037868d8431124765" - ms@2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8" @@ -4669,6 +4812,10 @@ nan@^2.3.0: version "2.6.2" resolved "https://registry.yarnpkg.com/nan/-/nan-2.6.2.tgz#e4ff34e6c95fdfb5aecc08de6596f43605a7db45" +native-promise-only@^0.8.1: + version "0.8.1" + resolved "https://registry.yarnpkg.com/native-promise-only/-/native-promise-only-0.8.1.tgz#20a318c30cb45f71fe7adfbf7b21c99c1472ef11" + natives@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/natives/-/natives-1.1.0.tgz#e9ff841418a6b2ec7a495e939984f78f163e6e31" @@ -4677,6 +4824,15 @@ natural-compare@^1.4.0: version "1.4.0" resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7" +nearley@^2.7.10: + version "2.11.1" + resolved "https://registry.yarnpkg.com/nearley/-/nearley-2.11.1.tgz#a9c0a5fa942998db5ad18b14fbc8e9fc49672f16" + dependencies: + nomnom "~1.6.2" + railroad-diagrams "^1.0.0" + randexp "0.4.6" + semver "^5.4.1" + negotiator@0.6.1: version "0.6.1" resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9" @@ -4692,29 +4848,29 @@ node-int64@^0.4.0: version "0.4.0" resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b" -node-libs-browser@^1.0.0: - version "1.1.1" - resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-1.1.1.tgz#2a38243abedd7dffcd07a97c9aca5668975a6fea" +"node-libs-browser@^1.0.0 || ^2.0.0": + version "2.1.0" + resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.1.0.tgz#5f94263d404f6e44767d726901fff05478d600df" dependencies: assert "^1.1.1" - browserify-zlib "^0.1.4" + browserify-zlib "^0.2.0" buffer "^4.3.0" console-browserify "^1.1.0" constants-browserify "^1.0.0" crypto-browserify "^3.11.0" domain-browser "^1.1.1" events "^1.0.0" - https-browserify "0.0.1" - os-browserify "^0.2.0" + https-browserify "^1.0.0" + os-browserify "^0.3.0" path-browserify "0.0.0" - process "^0.11.0" + process "^0.11.10" punycode "^1.2.4" querystring-es3 "^0.2.0" - readable-stream "^2.0.5" + readable-stream "^2.3.3" stream-browserify "^2.0.1" - stream-http "^2.3.1" - string_decoder "^0.10.25" - timers-browserify "^1.4.2" + stream-http "^2.7.2" + string_decoder "^1.0.0" + timers-browserify "^2.0.4" tty-browserify "0.0.0" url "^0.11.0" util "^0.10.3" @@ -4771,6 +4927,13 @@ node-pre-gyp@^0.6.29: tar "^2.2.1" tar-pack "^3.4.0" +nomnom@~1.6.2: + version "1.6.2" + resolved "https://registry.yarnpkg.com/nomnom/-/nomnom-1.6.2.tgz#84a66a260174408fc5b77a18f888eccc44fb6971" + dependencies: + colors "0.5.x" + underscore "~1.4.4" + nopt@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d" @@ -4869,22 +5032,22 @@ object-assign@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-3.0.0.tgz#9bedd5ca0897949bca47e7ff408062d549f587f2" -object-assign@^4.0.1, object-assign@^4.1.0: +object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1: version "4.1.1" resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" +object-inspect@^1.5.0: + version "1.5.0" + resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.5.0.tgz#9d876c11e40f485c79215670281b767488f9bfe3" + object-is@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.0.1.tgz#0aa60ec9989a0b3ed795cf4d06f62cf1ad6539b6" -object-keys@^1.0.10, object-keys@^1.0.8: +object-keys@^1.0.10, object-keys@^1.0.11, object-keys@^1.0.8: version "1.0.11" resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.0.11.tgz#c54601778ad560f1142ce0e01bcca8b56d13426d" -object-values@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/object-values/-/object-values-1.0.0.tgz#72af839630119e5b98c3b02bb8c27e3237158105" - object.assign@^4.0.4: version "4.0.4" resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.0.4.tgz#b1c9cc044ef1b9fe63606fc141abbb32e14730cc" @@ -4893,7 +5056,16 @@ object.assign@^4.0.4: function-bind "^1.1.0" object-keys "^1.0.10" -object.entries@^1.0.3: +object.assign@^4.1.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.0.tgz#968bf1100d7956bb3ca086f006f846b3bc4008da" + dependencies: + define-properties "^1.1.2" + function-bind "^1.1.1" + has-symbols "^1.0.0" + object-keys "^1.0.11" + +object.entries@^1.0.4: version "1.0.4" resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.0.4.tgz#1bf9a4dd2288f5b33f3a993d257661f05d161a5f" dependencies: @@ -4909,7 +5081,7 @@ object.omit@^2.0.0: for-own "^0.1.4" is-extendable "^0.1.1" -object.values@^1.0.3: +object.values@^1.0.4: version "1.0.4" resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.0.4.tgz#e524da09b4f66ff05df457546ec72ac99f13069a" dependencies: @@ -4991,6 +5163,10 @@ os-browserify@^0.2.0: version "0.2.1" resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.2.1.tgz#63fc4ccee5d2d7763d26bbf8601078e6c2e0044f" +os-browserify@^0.3.0: + version "0.3.0" + resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27" + os-homedir@^1.0.0, os-homedir@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3" @@ -5016,7 +5192,7 @@ osenv@^0.1.4: os-homedir "^1.0.0" os-tmpdir "^1.0.0" -output-file-sync@^1.1.0: +output-file-sync@^1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/output-file-sync/-/output-file-sync-1.1.2.tgz#d0a33eefe61a205facb90092e826598d5245ce76" dependencies: @@ -5046,6 +5222,10 @@ pako@~0.2.0: version "0.2.9" resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75" +pako@~1.0.5: + version "1.0.6" + resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.6.tgz#0101211baa70c4bca4a0f63f2206e97b7dfaf258" + parse-asn1@^5.0.0: version "5.1.0" resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.0.tgz#37c4f9b7ed3ab65c74817b5f2480937fbf97c712" @@ -5087,6 +5267,12 @@ parse5@^1.5.1: version "1.5.1" resolved "https://registry.yarnpkg.com/parse5/-/parse5-1.5.1.tgz#9b7f3b0de32be78dc2401b17573ccaf0f6f59d94" +parse5@^3.0.1: + version "3.0.3" + resolved "https://registry.yarnpkg.com/parse5/-/parse5-3.0.3.tgz#042f792ffdd36851551cf4e9e066b3874ab45b5c" + dependencies: + "@types/node" "*" + parseurl@~1.3.1: version "1.3.1" resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.1.tgz#c8ab8c9223ba34888aa64a297b28853bec18da56" @@ -5105,7 +5291,7 @@ path-exists@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515" -path-is-absolute@^1.0.0: +path-is-absolute@^1.0.0, path-is-absolute@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f" @@ -5135,6 +5321,12 @@ path-to-regexp@0.1.7: version "0.1.7" resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c" +path-to-regexp@^1.7.0: + version "1.7.0" + resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.7.0.tgz#59fde0f435badacba103a84e9d3bc64e96b9937d" + dependencies: + isarray "0.0.1" + path-type@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441" @@ -5163,10 +5355,18 @@ performance-now@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-0.2.0.tgz#33ef30c5c77d4ea21c5a53869d91b56d8f2555e5" +performance-now@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b" + pify@^2.0.0, pify@^2.3.0: version "2.3.0" resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c" +pify@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176" + pinkie-promise@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa" @@ -5198,6 +5398,12 @@ pkg-dir@^1.0.0: dependencies: find-up "^1.0.0" +pkg-dir@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b" + dependencies: + find-up "^2.1.0" + pleeease-filters@^3.0.0: version "3.0.1" resolved "https://registry.yarnpkg.com/pleeease-filters/-/pleeease-filters-3.0.1.tgz#4dfe0e8f1046613517c64b728bc80608a7ebf22f" @@ -5829,11 +6035,19 @@ private@^0.1.6: version "0.1.7" resolved "https://registry.yarnpkg.com/private/-/private-0.1.7.tgz#68ce5e8a1ef0a23bb570cc28537b5332aba63ef1" +private@^0.1.7: + version "0.1.8" + resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff" + process-nextick-args@~1.0.6: version "1.0.7" resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-1.0.7.tgz#150e20b756590ad3f91093f25a4f2ad8bff30ba3" -process@^0.11.0, process@~0.11.0: +process-nextick-args@~2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.0.tgz#a37d732f4271b4ab1ad070d35508e8290788ffaa" + +process@^0.11.0, process@^0.11.10: version "0.11.10" resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182" @@ -5851,13 +6065,21 @@ promise@^7.1.1: dependencies: asap "~2.0.3" -prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.5.7, prop-types@~15.5.7: +prop-types@^15.5.4: version "15.5.10" resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.5.10.tgz#2797dfc3126182e3a95e3dfbb2e893ddd7456154" dependencies: fbjs "^0.8.9" loose-envify "^1.3.1" +prop-types@^15.5.8, prop-types@^15.6.0: + version "15.6.0" + resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.0.tgz#ceaf083022fc46b4a35f69e13ef75aed0d639856" + dependencies: + fbjs "^0.8.16" + loose-envify "^1.3.1" + object-assign "^4.1.1" + proxy-addr@~1.1.4: version "1.1.4" resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-1.1.4.tgz#27e545f6960a44a627d9b44467e35c1b6b4ce2f3" @@ -5914,10 +6136,27 @@ querystring@0.2.0, querystring@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620" +raf@^3.4.0: + version "3.4.0" + resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.0.tgz#a28876881b4bc2ca9117d4138163ddb80f781575" + dependencies: + performance-now "^2.1.0" + +railroad-diagrams@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz#eb7e6267548ddedfb899c1b90e57374559cddb7e" + ramda@^0.23.0: version "0.23.0" resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.23.0.tgz#ccd13fff73497a93974e3e86327bfd87bd6e8e2b" +randexp@0.4.6: + version "0.4.6" + resolved "https://registry.yarnpkg.com/randexp/-/randexp-0.4.6.tgz#e986ad5e5e31dae13ddd6f7b3019aa7c87f60ca3" + dependencies: + discontinuous-range "1.0.0" + ret "~0.1.10" + randomatic@^1.1.3: version "1.1.6" resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-1.1.6.tgz#110dcabff397e9dcff7c0789ccc0a49adf1ec5bb" @@ -5942,13 +6181,6 @@ rc@^1.1.7: minimist "^1.2.0" strip-json-comments "~2.0.1" -react-addons-test-utils@^15.5.0: - version "15.5.1" - resolved "https://registry.yarnpkg.com/react-addons-test-utils/-/react-addons-test-utils-15.5.1.tgz#e0d258cda2a122ad0dff69f838260d0c3958f5f7" - dependencies: - fbjs "^0.8.4" - object-assign "^4.1.0" - react-css-themr@^2.1.2: version "2.1.2" resolved "https://registry.yarnpkg.com/react-css-themr/-/react-css-themr-2.1.2.tgz#e017514e471c232f43a754a55b49d81faf5dafb8" @@ -5960,14 +6192,14 @@ react-deep-force-update@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/react-deep-force-update/-/react-deep-force-update-1.0.1.tgz#f911b5be1d2a6fe387507dd6e9a767aa2924b4c7" -react-dom@^15.5.0: - version "15.5.4" - resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-15.5.4.tgz#ba0c28786fd52ed7e4f2135fe0288d462aef93da" +react-dom@^16.2.0: + version "16.2.0" + resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.2.0.tgz#69003178601c0ca19b709b33a83369fe6124c044" dependencies: - fbjs "^0.8.9" + fbjs "^0.8.16" loose-envify "^1.1.0" - object-assign "^4.1.0" - prop-types "~15.5.7" + object-assign "^4.1.1" + prop-types "^15.6.0" react-proxy@^1.1.7: version "1.1.8" @@ -5976,18 +6208,28 @@ react-proxy@^1.1.7: lodash "^4.6.1" react-deep-force-update "^1.0.0" +react-reconciler@^0.7.0: + version "0.7.0" + resolved "https://registry.yarnpkg.com/react-reconciler/-/react-reconciler-0.7.0.tgz#9614894103e5f138deeeb5eabaf3ee80eb1d026d" + dependencies: + fbjs "^0.8.16" + loose-envify "^1.1.0" + object-assign "^4.1.1" + prop-types "^15.6.0" + react-style-proptype@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/react-style-proptype/-/react-style-proptype-3.0.0.tgz#89e0b646f266c656abb0f0dd8202dbd5036c31e6" dependencies: prop-types "^15.5.4" -react-test-renderer@^15.5.0: - version "15.5.4" - resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-15.5.4.tgz#d4ebb23f613d685ea8f5390109c2d20fbf7c83bc" +react-test-renderer@^16.0.0-0, react-test-renderer@^16.2.0: + version "16.2.0" + resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.2.0.tgz#bddf259a6b8fcd8555f012afc8eacc238872a211" dependencies: - fbjs "^0.8.9" - object-assign "^4.1.0" + fbjs "^0.8.16" + object-assign "^4.1.1" + prop-types "^15.6.0" react-transform-catch-errors@^1.0.2: version "1.0.2" @@ -6000,23 +6242,25 @@ react-transform-hmr@^1.0.4: global "^4.3.0" react-proxy "^1.1.7" -react-transition-group@^1.1.3: - version "1.1.3" - resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-1.1.3.tgz#5e02cf6e44a863314ff3c68a0c826c2d9d70b221" +react-transition-group@^2.2.1: + version "2.2.1" + resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-2.2.1.tgz#e9fb677b79e6455fd391b03823afe84849df4a10" dependencies: chain-function "^1.0.0" + classnames "^2.2.5" dom-helpers "^3.2.0" - prop-types "^15.5.6" + loose-envify "^1.3.1" + prop-types "^15.5.8" warning "^3.0.0" -react@^15.5.0: - version "15.5.4" - resolved "https://registry.yarnpkg.com/react/-/react-15.5.4.tgz#fa83eb01506ab237cdc1c8c3b1cea8de012bf047" +react@^16.2.0: + version "16.2.0" + resolved "https://registry.yarnpkg.com/react/-/react-16.2.0.tgz#a31bd2dab89bff65d42134fa187f24d054c273ba" dependencies: - fbjs "^0.8.9" + fbjs "^0.8.16" loose-envify "^1.1.0" - object-assign "^4.1.0" - prop-types "^15.5.7" + object-assign "^4.1.1" + prop-types "^15.6.0" read-cache@^1.0.0: version "1.0.0" @@ -6090,6 +6334,18 @@ readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable string_decoder "~1.0.0" util-deprecate "~1.0.1" +readable-stream@^2.3.3: + version "2.3.4" + resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.4.tgz#c946c3f47fa7d8eabc0b6150f4a12f69a4574071" + dependencies: + core-util-is "~1.0.0" + inherits "~2.0.3" + isarray "~1.0.0" + process-nextick-args "~2.0.0" + safe-buffer "~5.1.1" + string_decoder "~1.0.3" + util-deprecate "~1.0.1" + readdirp@^2.0.0: version "2.1.0" resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.1.0.tgz#4ed0ad060df3073300c48440373f72d1cc642d78" @@ -6113,13 +6369,14 @@ rechoir@^0.6.2: dependencies: resolve "^1.1.6" -redbox-react@^1.3.6: - version "1.3.6" - resolved "https://registry.yarnpkg.com/redbox-react/-/redbox-react-1.3.6.tgz#70314c57c066257eb70b0a24dc794b5cef4f1c4e" +redbox-react@^1.5.0: + version "1.5.0" + resolved "https://registry.yarnpkg.com/redbox-react/-/redbox-react-1.5.0.tgz#04dab11557d26651bf3562a67c22ace56c5d3967" dependencies: error-stack-parser "^1.3.6" object-assign "^4.0.1" prop-types "^15.5.4" + sourcemapped-stacktrace "^1.1.6" redent@^1.0.0: version "1.0.0" @@ -6146,10 +6403,14 @@ regenerate@^1.2.1: version "1.3.2" resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.3.2.tgz#d1941c67bad437e1be76433add5b385f95b19260" -regenerator-runtime@^0.10.0: +regenerator-runtime@^0.10.0, regenerator-runtime@^0.10.5: version "0.10.5" resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658" +regenerator-runtime@^0.11.0: + version "0.11.1" + resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9" + regenerator-transform@0.9.11: version "0.9.11" resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.9.11.tgz#3a7d067520cb7b7176769eb5ff868691befe1283" @@ -6288,6 +6549,12 @@ resolve@^1.1.6, resolve@^1.1.7, resolve@^1.2.0, resolve@^1.3.2: dependencies: path-parse "^1.0.5" +resolve@^1.5.0: + version "1.5.0" + resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.5.0.tgz#1f09acce796c9a762579f31b2c1cc4c3cddf9f36" + dependencies: + path-parse "^1.0.5" + restore-cursor@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-1.0.1.tgz#34661f46886327fed2991479152252df92daa541" @@ -6295,6 +6562,10 @@ restore-cursor@^1.0.1: exit-hook "^1.0.0" onetime "^1.0.0" +ret@~0.1.10: + version "0.1.15" + resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc" + rgb-hex@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/rgb-hex/-/rgb-hex-1.0.0.tgz#bfaf8cd9cd9164b5a26d71eb4f15a0965324b3c1" @@ -6322,6 +6593,13 @@ ripemd160@^2.0.0, ripemd160@^2.0.1: hash-base "^2.0.0" inherits "^2.0.1" +rst-selector-parser@^2.2.3: + version "2.2.3" + resolved "https://registry.yarnpkg.com/rst-selector-parser/-/rst-selector-parser-2.2.3.tgz#81b230ea2fcc6066c89e3472de794285d9b03d91" + dependencies: + lodash.flattendeep "^4.4.0" + nearley "^2.7.10" + run-async@^0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/run-async/-/run-async-0.1.0.tgz#c8ad4a5e110661e402a7d21b530e009f25f8e389" @@ -6342,6 +6620,14 @@ safe-buffer@^5.0.1: version "5.0.1" resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.0.1.tgz#d263ca54696cd8a306b5ca6551e92de57918fbe7" +safe-buffer@~5.1.0, safe-buffer@~5.1.1: + version "5.1.1" + resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853" + +samsam@1.x, samsam@^1.1.3: + version "1.3.0" + resolved "https://registry.yarnpkg.com/samsam/-/samsam-1.3.0.tgz#8d1d9350e25622da30de3e44ba692b5221ab7c50" + sane@~1.6.0: version "1.6.0" resolved "https://registry.yarnpkg.com/sane/-/sane-1.6.0.tgz#9610c452307a135d29c1fdfe2547034180c46775" @@ -6372,6 +6658,10 @@ semver@^4.1.0: version "4.3.6" resolved "https://registry.yarnpkg.com/semver/-/semver-4.3.6.tgz#300bc6e0e86374f7ba61068b5b1ecd57fc6532da" +semver@^5.4.1: + version "5.5.0" + resolved "https://registry.yarnpkg.com/semver/-/semver-5.5.0.tgz#dc4bbc7a6ca9d916dee5d43516f0092b58f7b8ab" + send@0.15.3: version "0.15.3" resolved "https://registry.yarnpkg.com/send/-/send-0.15.3.tgz#5013f9f99023df50d1bd9892c19e3defd1d53309" @@ -6464,6 +6754,19 @@ signal-exit@^3.0.0: version "3.0.2" resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d" +sinon@^2.0.0-pre.2: + version "2.4.1" + resolved "https://registry.yarnpkg.com/sinon/-/sinon-2.4.1.tgz#021fd64b54cb77d9d2fb0d43cdedfae7629c3a36" + dependencies: + diff "^3.1.0" + formatio "1.2.0" + lolex "^1.6.0" + native-promise-only "^0.8.1" + path-to-regexp "^1.7.0" + samsam "^1.1.3" + text-encoding "0.6.4" + type-detect "^4.0.0" + slash@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55" @@ -6492,21 +6795,31 @@ source-list-map@^1.1.1: version "1.1.2" resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-1.1.2.tgz#9889019d1024cce55cdc069498337ef6186a11a1" +source-map-support@^0.4.15: + version "0.4.18" + resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.18.tgz#0286a6de8be42641338594e97ccea75f0a2c585f" + dependencies: + source-map "^0.5.6" + source-map-support@^0.4.2: version "0.4.15" resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.15.tgz#03202df65c06d2bd8c7ec2362a193056fef8d3b1" dependencies: source-map "^0.5.6" +source-map@0.5.6, source-map@^0.5.0, source-map@^0.5.1, source-map@^0.5.3, source-map@^0.5.6, source-map@~0.5.1, source-map@~0.5.3: + version "0.5.6" + resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412" + source-map@^0.4.2, source-map@^0.4.4: version "0.4.4" resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b" dependencies: amdefine ">=0.0.4" -source-map@^0.5.0, source-map@^0.5.1, source-map@^0.5.3, source-map@^0.5.6, source-map@~0.5.1, source-map@~0.5.3: - version "0.5.6" - resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412" +source-map@^0.5.7: + version "0.5.7" + resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc" source-map@~0.2.0: version "0.2.0" @@ -6514,6 +6827,12 @@ source-map@~0.2.0: dependencies: amdefine ">=0.0.4" +sourcemapped-stacktrace@^1.1.6: + version "1.1.8" + resolved "https://registry.yarnpkg.com/sourcemapped-stacktrace/-/sourcemapped-stacktrace-1.1.8.tgz#6b7a3f1a6fb15f6d40e701e23ce404553480d688" + dependencies: + source-map "0.5.6" + sparkles@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/sparkles/-/sparkles-1.0.0.tgz#1acbbfb592436d10bbe8f785b7cc6f82815012c3" @@ -6608,6 +6927,16 @@ stream-http@^2.3.1: to-arraybuffer "^1.0.0" xtend "^4.0.0" +stream-http@^2.7.2: + version "2.8.0" + resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.8.0.tgz#fd86546dac9b1c91aff8fc5d287b98fafb41bc10" + dependencies: + builtin-status-codes "^3.0.0" + inherits "^2.0.1" + readable-stream "^2.3.3" + to-arraybuffer "^1.0.0" + xtend "^4.0.0" + stream-to-observable@^0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/stream-to-observable/-/stream-to-observable-0.1.0.tgz#45bf1d9f2d7dc09bed81f1c307c430e68b84cffe" @@ -6641,6 +6970,12 @@ string_decoder@^0.10.25, string_decoder@~0.10.x: version "0.10.31" resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94" +string_decoder@^1.0.0, string_decoder@~1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.0.3.tgz#0fc67d7c141825de94282dd536bec6b9bce860ab" + dependencies: + safe-buffer "~5.1.0" + string_decoder@~1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.0.1.tgz#62e200f039955a6810d8df0a33ffc0f013662d98" @@ -6787,16 +7122,16 @@ sugarss@^1.0.0: dependencies: postcss "^6.0.0" -supports-color@3.1.2, supports-color@^3.1.0: +supports-color@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" + +supports-color@^3.1.0: version "3.1.2" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.1.2.tgz#72a262894d9d408b956ca05ff37b2ed8a6e2a2d5" dependencies: has-flag "^1.0.0" -supports-color@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" - supports-color@^3.1.2, supports-color@^3.2.3: version "3.2.3" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6" @@ -6894,6 +7229,10 @@ test-exclude@^4.1.0: read-pkg-up "^1.0.1" require-main-filename "^1.0.1" +text-encoding@0.6.4: + version "0.6.4" + resolved "https://registry.yarnpkg.com/text-encoding/-/text-encoding-0.6.4.tgz#e399a982257a276dae428bb92845cb71bdc26d19" + text-table@^0.2.0, text-table@~0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4" @@ -6930,18 +7269,18 @@ time-stamp@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-1.1.0.tgz#764a5a11af50561921b133f3b44e618687e0f5c3" -timers-browserify@^1.4.2: - version "1.4.2" - resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-1.4.2.tgz#c9c58b575be8407375cb5e2462dacee74359f41d" - dependencies: - process "~0.11.0" - timers-browserify@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.2.tgz#ab4883cf597dcd50af211349a00fbca56ac86b86" dependencies: setimmediate "^1.0.4" +timers-browserify@^2.0.4: + version "2.0.6" + resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.6.tgz#241e76927d9ca05f4d959819022f5b3664b64bae" + dependencies: + setimmediate "^1.0.4" + tmpl@1.0.x: version "1.0.4" resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1" @@ -6950,7 +7289,7 @@ to-arraybuffer@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43" -to-fast-properties@^1.0.1: +to-fast-properties@^1.0.1, to-fast-properties@^1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-1.0.3.tgz#b83571fa4d8c25b82e231b06e3a3055de4ca1a47" @@ -6996,6 +7335,10 @@ type-check@~0.3.2: dependencies: prelude-ls "~1.1.2" +type-detect@^4.0.0: + version "4.0.8" + resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c" + type-is@~1.6.15: version "1.6.15" resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.15.tgz#cab10fb4909e441c82842eafe1ad646c81804410" @@ -7036,6 +7379,10 @@ unc-path-regex@^0.1.0: version "0.1.2" resolved "https://registry.yarnpkg.com/unc-path-regex/-/unc-path-regex-0.1.2.tgz#e73dd3d7b0d7c5ed86fbac6b0ae7d8c6a69d50fa" +underscore@~1.4.4: + version "1.4.4" + resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.4.4.tgz#61a6a32010622afa07963bf325203cf12239d604" + uniq@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff" @@ -7096,15 +7443,11 @@ utils-merge@1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.0.tgz#0294fb922bb9375153541c4f7096231f287c8af8" -uuid@^2.0.3: - version "2.0.3" - resolved "https://registry.yarnpkg.com/uuid/-/uuid-2.0.3.tgz#67e2e863797215530dff318e5bf9dcebfd47b21a" - uuid@^3.0.0: version "3.0.1" resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.0.1.tgz#6544bba2dfda8c1cf17e629a3a305e2bb1fee6c1" -v8flags@^2.0.10, v8flags@^2.0.2: +v8flags@^2.0.2, v8flags@^2.1.1: version "2.1.1" resolved "https://registry.yarnpkg.com/v8flags/-/v8flags-2.1.1.tgz#aab1a1fa30d45f88dd321148875ac02c0b55e5b4" dependencies: From d313e11a1f9ee6a1edc0c0854a6c9ec7b366633e Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Tue, 20 Feb 2018 21:00:20 +0100 Subject: [PATCH 036/136] Update enzyme config files --- jest.polyfills.js | 3 +++ jest.setup.js | 8 +++++++- 2 files changed, 10 insertions(+), 1 deletion(-) create mode 100644 jest.polyfills.js diff --git a/jest.polyfills.js b/jest.polyfills.js new file mode 100644 index 000000000..85c00e4d8 --- /dev/null +++ b/jest.polyfills.js @@ -0,0 +1,3 @@ +global.requestAnimationFrame = function (callback) { + setTimeout(callback, 0); +}; diff --git a/jest.setup.js b/jest.setup.js index a425ad130..ad260a8ad 100644 --- a/jest.setup.js +++ b/jest.setup.js @@ -1 +1,7 @@ -Object.defineProperty(window, 'requestAnimationFrame', { value: fn => fn() }); +import { configure } from 'enzyme'; +import Adapter from 'enzyme-adapter-react-16'; + +configure({ + adapter: new Adapter(), + disableLifecycleMethods: true, +}); From c510029923e55833f07aba8584d2fcc29ac57f7c Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Tue, 20 Feb 2018 21:00:47 +0100 Subject: [PATCH 037/136] Update tests to use Enzyme 3 --- components/chip/__test__/index.spec.js | 6 +++--- components/progress_bar/__test__/index.spec.js | 10 +++++----- components/slider/__tests__/index.spec.js | 12 ++++++------ components/tabs/__tests__/index.spec.js | 6 ++++++ 4 files changed, 20 insertions(+), 14 deletions(-) diff --git a/components/chip/__test__/index.spec.js b/components/chip/__test__/index.spec.js index fa427433b..78178f0ff 100644 --- a/components/chip/__test__/index.spec.js +++ b/components/chip/__test__/index.spec.js @@ -17,7 +17,7 @@ describe('Chip', () => { Test , ); - const chipNode = wrapper.find('div').node; + const chipNode = wrapper.find('div').instance(); expect(chipNode.className).toMatch(/\bavatar-class\b/); }); @@ -29,7 +29,7 @@ describe('Chip', () => { Test , ); - const chipNode = wrapper.find('div').node; + const chipNode = wrapper.find('div').instance(); expect(chipNode.className).toMatch(/\bavatar-class\b/); }); }); @@ -41,7 +41,7 @@ describe('Chip', () => { Test , ); - const chipNode = wrapper.find('div').node; + const chipNode = wrapper.find('div').instance(); expect(chipNode.className).not.toMatch(/\bavatar-class\b/); }); }); diff --git a/components/progress_bar/__test__/index.spec.js b/components/progress_bar/__test__/index.spec.js index 36be9b7ea..2a9c1a221 100644 --- a/components/progress_bar/__test__/index.spec.js +++ b/components/progress_bar/__test__/index.spec.js @@ -27,25 +27,25 @@ describe('ProgressBar', () => { describe('#render', () => { it('renders the value and buffer bars when it is linear', () => { const wrapper = mount(); - expect(wrapper.childAt(0).props().children.length).toEqual(2); + expect(wrapper.childAt(0).childAt(0).props().children.length).toEqual(2); }); it('renders the value and buffer bars when it is linear', () => { const wrapper = mount(); - const buffer = wrapper.childAt(0).childAt(0); - const value = wrapper.childAt(0).childAt(1); + const buffer = wrapper.childAt(0).childAt(0).childAt(0); + const value = wrapper.childAt(0).childAt(0).childAt(1); expect(buffer.props().style.transform).toEqual(`scaleX(${0.6})`); expect(value.props().style.transform).toEqual(`scaleX(${0.3})`); }); it('renders the svg circle when it is circular', () => { const wrapper = mount(); - expect(wrapper.childAt(0).props().children.type).toEqual('circle'); + expect(wrapper.childAt(0).childAt(0).props().children.type).toEqual('circle'); }); it('renders the proper circle length style when it is circular and determinate', () => { const wrapper = mount(); - const circle = wrapper.childAt(0).props().children; + const circle = wrapper.childAt(0).childAt(0).props().children; const strokeLength = 2 * Math.PI * circle.props.r * 0.3; expect(circle.props.style.strokeDasharray).toEqual(`${strokeLength}, 400`); }); diff --git a/components/slider/__tests__/index.spec.js b/components/slider/__tests__/index.spec.js index 6a5c429e5..bd312cb74 100644 --- a/components/slider/__tests__/index.spec.js +++ b/components/slider/__tests__/index.spec.js @@ -93,7 +93,7 @@ describe('Slider', () => { it('sets pressed state when knob is clicked', () => { const onChange = jest.fn(); const wrapper = mount(); - const knob = wrapper.childAt(0).childAt(0); + const knob = wrapper.childAt(0).childAt(0).childAt(0); knob.simulate('mouseDown'); expect(wrapper.state().pressed).toEqual(true); }); @@ -102,7 +102,7 @@ describe('Slider', () => { const onChange = jest.fn(); const event = { touches: [{ pageX: 200 }] }; const wrapper = mount(); - const knob = wrapper.childAt(0).childAt(0); + const knob = wrapper.childAt(0).childAt(0).childAt(0); knob.simulate('touchStart', event); expect(wrapper.state().pressed).toEqual(true); }); @@ -114,7 +114,7 @@ describe('Slider', () => { const instance = wrapper.instance(); instance.setState({ sliderStart: 0, sliderLength: 1000 }); instance.handleResize = (evt, callback) => { callback(); }; - wrapper.childAt(0).simulate('mouseDown', event); + wrapper.childAt(0).childAt(0).simulate('mouseDown', event); expect(onChange).toHaveBeenCalledWith(-300); }); @@ -125,7 +125,7 @@ describe('Slider', () => { const instance = wrapper.instance(); instance.setState({ sliderStart: 0, sliderLength: 1000 }); instance.handleResize = (evt, callback) => { callback(); }; - wrapper.childAt(0).simulate('touchStart', event); + wrapper.childAt(0).childAt(0).simulate('touchStart', event); expect(onChange).toHaveBeenCalledWith(-300); }); @@ -136,7 +136,7 @@ describe('Slider', () => { const instance = wrapper.instance(); instance.setState({ sliderStart: 0, sliderLength: 1000 }); instance.handleResize = (evt, callback) => { callback(); }; - wrapper.childAt(0).simulate('mouseDown', event); + wrapper.childAt(0).childAt(0).simulate('mouseDown', event); expect(onChange).toHaveBeenCalledWith(90); }); @@ -154,7 +154,7 @@ describe('Slider', () => { const onChange = jest.fn(); const wrapper = mount(); wrapper.instance().setState({ sliderStart: 0, sliderLength: 1000 }); - wrapper.childAt(0).simulate('mouseDown', { pageX: 900, pageY: 0 }); + wrapper.childAt(0).childAt(0).simulate('mouseDown', { pageX: 900, pageY: 0 }); expect(onChange).toHaveBeenCalled(); }); }); diff --git a/components/tabs/__tests__/index.spec.js b/components/tabs/__tests__/index.spec.js index 1bdd2e9f2..249d45879 100644 --- a/components/tabs/__tests__/index.spec.js +++ b/components/tabs/__tests__/index.spec.js @@ -24,21 +24,27 @@ describe('Tabs', () => { it('defaults to only rendering the current tab', () => { const wrapper = mount(); + expect(wrapper.find(TabContent).length).toEqual(1); expect(wrapper.find(TabContent).first().prop('tabIndex')).toEqual(0); wrapper.instance().setState({ index: 1 }); + wrapper.update(); + expect(wrapper.find(TabContent).length).toEqual(1); expect(wrapper.find(TabContent).first().prop('tabIndex')).toEqual(1); }); it('renders inactive tabs when hideMode is set to display', () => { const wrapper = mount(); + expect(wrapper.find(TabContent).length).toEqual(2); expect(wrapper.find(TabContent).at(0).prop('hidden')).toEqual(false); expect(wrapper.find(TabContent).at(1).prop('hidden')).toEqual(true); wrapper.instance().setState({ index: 1 }); + wrapper.update(); + expect(wrapper.find(TabContent).length).toEqual(2); expect(wrapper.find(TabContent).at(0).prop('hidden')).toEqual(true); expect(wrapper.find(TabContent).at(1).prop('hidden')).toEqual(false); From ab2e78967b9903ce05557dbd7a0dfbb6cb7c56aa Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Tue, 20 Feb 2018 21:01:03 +0100 Subject: [PATCH 038/136] Update tests to use css-transition-group 2 --- components/date_picker/Calendar.js | 11 +++++------ components/time_picker/Clock.js | 11 +++++------ 2 files changed, 10 insertions(+), 12 deletions(-) diff --git a/components/date_picker/Calendar.js b/components/date_picker/Calendar.js index 2be228719..fef1b07c9 100644 --- a/components/date_picker/Calendar.js +++ b/components/date_picker/Calendar.js @@ -1,6 +1,6 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; -import CssTransitionGroup from 'react-transition-group/CSSTransitionGroup'; +import TransitionGroup from 'react-transition-group/TransitionGroup'; import { range, getAnimationModule } from '../utils/utils'; import time from '../utils/time'; import CalendarMonth from './CalendarMonth'; @@ -135,10 +135,9 @@ const factory = (IconButton) => {
- { theme={this.props.theme} viewDate={this.state.viewDate} /> - +
); } diff --git a/components/time_picker/Clock.js b/components/time_picker/Clock.js index e256fc42e..41ebf4bce 100644 --- a/components/time_picker/Clock.js +++ b/components/time_picker/Clock.js @@ -1,6 +1,6 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; -import CssTransitionGroup from 'react-transition-group/CSSTransitionGroup'; +import TransitionGroup from 'react-transition-group/TransitionGroup'; import { getAnimationModule } from '../utils/utils'; import time from '../utils/time'; import Hours from './ClockHours'; @@ -116,10 +116,9 @@ class Clock extends Component { style={{ height: this.state.radius * 2 }} ref={(node) => { this.placeholderNode = node; }} > -
- +
); From 08ca837aca83e7c8cab88244f69db3cdac4de0e0 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Tue, 20 Feb 2018 21:01:21 +0100 Subject: [PATCH 039/136] Update tests to use react-dom/test-utils --- components/utils/testing.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/utils/testing.js b/components/utils/testing.js index baa2f8a00..b391dd6e4 100644 --- a/components/utils/testing.js +++ b/components/utils/testing.js @@ -1,5 +1,5 @@ import React from 'react'; -import TestUtils from 'react-addons-test-utils'; +import TestUtils from 'react-dom/test-utils'; export default { renderComponent(Component, props = {}, state = {}) { From f0067083df1cb96b4fd4a792f6117cb1b283a245 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Tue, 20 Feb 2018 22:26:44 +0100 Subject: [PATCH 040/136] Fix eslint errors --- components/hoc/ActivableRenderer.js | 14 +++++++------- components/snackbar/Snackbar.js | 2 +- components/tabs/TabContent.js | 2 +- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/components/hoc/ActivableRenderer.js b/components/hoc/ActivableRenderer.js index edb6455c8..fe344ff24 100644 --- a/components/hoc/ActivableRenderer.js +++ b/components/hoc/ActivableRenderer.js @@ -28,13 +28,6 @@ const ActivableRendererFactory = (options = { delay: 500 }) => clearTimeout(this.unrenderTimeout); } - renderAndActivate() { - if (this.unrenderTimeout) clearTimeout(this.unrenderTimeout); - this.setState({ rendered: true, active: false }, () => { - this.activateTimeout = setTimeout(() => this.setState({ active: true }), 20); - }); - } - deactivateAndUnrender() { this.setState({ rendered: true, active: false }, () => { this.unrenderTimeout = setTimeout(() => { @@ -44,6 +37,13 @@ const ActivableRendererFactory = (options = { delay: 500 }) => }); } + renderAndActivate() { + if (this.unrenderTimeout) clearTimeout(this.unrenderTimeout); + this.setState({ rendered: true, active: false }, () => { + this.activateTimeout = setTimeout(() => this.setState({ active: true }), 20); + }); + } + render() { const { delay, ...others } = this.props; // eslint-disable-line no-unused-vars const { active, rendered } = this.state; diff --git a/components/snackbar/Snackbar.js b/components/snackbar/Snackbar.js index bf3556442..64c44d018 100644 --- a/components/snackbar/Snackbar.js +++ b/components/snackbar/Snackbar.js @@ -19,7 +19,7 @@ const factory = (Button) => { PropTypes.element, ]), onClick: PropTypes.func, - onTimeout: PropTypes.func, + onTimeout: PropTypes.func, // eslint-disable-line theme: PropTypes.shape({ accept: PropTypes.string, active: PropTypes.string, diff --git a/components/tabs/TabContent.js b/components/tabs/TabContent.js index c86f6f4c7..8aa06b486 100644 --- a/components/tabs/TabContent.js +++ b/components/tabs/TabContent.js @@ -4,7 +4,7 @@ import classnames from 'classnames'; import { themr } from 'react-css-themr'; import { TABS } from '../identifiers'; -class TabContent extends Component { +class TabContent extends Component { // eslint-disable-line react/prefer-stateless-function static propTypes = { active: PropTypes.bool, children: PropTypes.node, From 6357bedb527c34fa2ced92bd7d3f7a9ad8289587 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Tue, 20 Feb 2018 22:42:07 +0100 Subject: [PATCH 041/136] Fix tsc errors --- package.json | 3 ++- spec/ts/dialog.tsx | 7 ++++--- spec/ts/pickers.tsx | 4 ++-- yarn.lock | 10 +++++++--- 4 files changed, 15 insertions(+), 9 deletions(-) diff --git a/package.json b/package.json index 0a5c15976..62b66fe69 100644 --- a/package.json +++ b/package.json @@ -26,6 +26,7 @@ "toolkit" ], "dependencies": { + "@types/prop-types": "^15.5.2", "classnames": "^2.2.5", "core-js": "^2.4.0", "ramda": "^0.23.0", @@ -95,7 +96,7 @@ "stylelint": "^7.10.1", "stylelint-config-standard": "^16.0.0", "stylelint-order": "^0.4.4", - "typescript": "^2.1.5", + "typescript": "^2.3.0", "webpack": "^2.6.0", "webpack-dev-middleware": "^1.10.2", "webpack-hot-middleware": "^2.18.0" diff --git a/spec/ts/dialog.tsx b/spec/ts/dialog.tsx index 445551239..56f6ae698 100644 --- a/spec/ts/dialog.tsx +++ b/spec/ts/dialog.tsx @@ -1,4 +1,5 @@ import * as React from 'react'; +import * as PropTypes from 'prop-types'; import Button from '../../components/button'; import Dialog from '../../components/dialog'; import Dropdown from '../../components/dropdown'; @@ -64,11 +65,11 @@ class DialogTest extends React.Component { class ContextComponent extends React.Component { static propTypes = { - children: React.PropTypes.any, + children: PropTypes.any, }; static childContextTypes = { - message: React.PropTypes.string, + message: PropTypes.string, } getChildContext() { @@ -84,7 +85,7 @@ class ContextComponent extends React.Component { class DialogChild extends React.Component { static contextTypes = { - message: React.PropTypes.string, + message: PropTypes.string, } render() { diff --git a/spec/ts/pickers.tsx b/spec/ts/pickers.tsx index 2c5fb33fb..bd8fc6d98 100644 --- a/spec/ts/pickers.tsx +++ b/spec/ts/pickers.tsx @@ -3,8 +3,8 @@ import DatePicker from '../../components/date_picker'; import TimePicker from '../../components/time_picker'; const datetime = new Date(2015, 10, 16); -const min_datetime = new Date(new Date(datetime).setDate(8)); -const max_datetime = new Date(new Date(datetime).setDate(24)); +const min_datetime = new Date(new Date(datetime.toString()).setDate(8)); +const max_datetime = new Date(new Date(datetime.toString()).setDate(24)); datetime.setHours(17); datetime.setMinutes(28); const today = new Date(); diff --git a/yarn.lock b/yarn.lock index e801fecc4..09bdd0ba5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -10,6 +10,10 @@ version "7.0.4" resolved "https://registry.yarnpkg.com/@types/node/-/node-7.0.4.tgz#9aabc135979ded383325749f508894c662948c8b" +"@types/prop-types@^15.5.2": + version "15.5.2" + resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.5.2.tgz#3c6b8dceb2906cc87fe4358e809f9d20c8d59be1" + "@types/react@^16.0.7": version "16.0.38" resolved "https://registry.yarnpkg.com/@types/react/-/react-16.0.38.tgz#76617433ea10274505f60bb86eddfdd0476ffdc2" @@ -7350,9 +7354,9 @@ typedarray@^0.0.6: version "0.0.6" resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" -typescript@^2.1.5: - version "2.1.5" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.1.5.tgz#6fe9479e00e01855247cea216e7561bafcdbcd4a" +typescript@^2.3.0: + version "2.7.2" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.7.2.tgz#2d615a1ef4aee4f574425cdff7026edf81919836" ua-parser-js@^0.7.9: version "0.7.12" From 752cdd3854487ccea0ba92ddfc5b108e882a5526 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Wed, 21 Feb 2018 20:17:47 +0100 Subject: [PATCH 042/136] Revert "Update components to use css-transition-group 2" This reverts commit ab2e78967b9903ce05557dbd7a0dfbb6cb7c56aa. --- components/date_picker/Calendar.js | 11 ++++++----- components/time_picker/Clock.js | 11 ++++++----- package.json | 2 +- 3 files changed, 13 insertions(+), 11 deletions(-) diff --git a/components/date_picker/Calendar.js b/components/date_picker/Calendar.js index fef1b07c9..2be228719 100644 --- a/components/date_picker/Calendar.js +++ b/components/date_picker/Calendar.js @@ -1,6 +1,6 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; -import TransitionGroup from 'react-transition-group/TransitionGroup'; +import CssTransitionGroup from 'react-transition-group/CSSTransitionGroup'; import { range, getAnimationModule } from '../utils/utils'; import time from '../utils/time'; import CalendarMonth from './CalendarMonth'; @@ -135,9 +135,10 @@ const factory = (IconButton) => {
- { theme={this.props.theme} viewDate={this.state.viewDate} /> - +
); } diff --git a/components/time_picker/Clock.js b/components/time_picker/Clock.js index 41ebf4bce..e256fc42e 100644 --- a/components/time_picker/Clock.js +++ b/components/time_picker/Clock.js @@ -1,6 +1,6 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; -import TransitionGroup from 'react-transition-group/TransitionGroup'; +import CssTransitionGroup from 'react-transition-group/CSSTransitionGroup'; import { getAnimationModule } from '../utils/utils'; import time from '../utils/time'; import Hours from './ClockHours'; @@ -116,9 +116,10 @@ class Clock extends Component { style={{ height: this.state.radius * 2 }} ref={(node) => { this.placeholderNode = node; }} > -
- +
); diff --git a/package.json b/package.json index 62b66fe69..79811a08f 100644 --- a/package.json +++ b/package.json @@ -147,7 +147,7 @@ "prop-types": "^15.6.0", "react": "^15.5.0 || ^16.0.0", "react-dom": "^15.5.0 || ^16.0.0", - "react-transition-group": "^2.2.1" + "react-transition-group": "^2.2.0" }, "pre-commit": "lint:staged" } From f8a7e88259e5971f2949ba8145b022e7cd69338f Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Wed, 21 Feb 2018 20:29:08 +0100 Subject: [PATCH 043/136] Use code instead of keyCode --- components/slider/Slider.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/components/slider/Slider.js b/components/slider/Slider.js index 3e25b9458..07b10b1d8 100644 --- a/components/slider/Slider.js +++ b/components/slider/Slider.js @@ -153,9 +153,9 @@ const factory = (ProgressBar, Input) => { const { ARROW_DOWN, ARROW_UP, ENTER, ESC } = KEYS; if (disabled) return; - if ([ENTER, ESC].includes(event.keyCode)) this.inputNode.blur(); - if (event.keyCode === ARROW_UP) this.addToValue(step); - if (event.keyCode === ARROW_DOWN) this.addToValue(-step); + if ([ENTER, ESC].includes(event.code)) this.inputNode.blur(); + if (event.code === ARROW_UP) this.addToValue(step); + if (event.code === ARROW_DOWN) this.addToValue(-step); }; handleMouseDown = (event) => { From 286c3f792eeb0973b74a1f4cf3641b482064bdea Mon Sep 17 00:00:00 2001 From: Mohammed Erraysy Date: Mon, 26 Feb 2018 17:29:58 +0000 Subject: [PATCH 044/136] Revert "Fix arrows updating issue when children change" This reverts commit 3d42ef975f3082b4e14ccf7136191650e5551b90. --- components/tabs/Tabs.js | 19 ++++++------------- 1 file changed, 6 insertions(+), 13 deletions(-) diff --git a/components/tabs/Tabs.js b/components/tabs/Tabs.js index 6d5fb4d26..603c67998 100644 --- a/components/tabs/Tabs.js +++ b/components/tabs/Tabs.js @@ -59,8 +59,6 @@ const factory = (Tab, TabContent, FontIcon) => { if (index !== prevIndex || children !== prevChildren) { this.updatePointer(index); } - - this.updateArrows(); } componentWillUnmount() { @@ -107,18 +105,13 @@ const factory = (Tab, TabContent, FontIcon) => { const scrollLeft = this.navigationNode.scrollLeft; const nav = this.navigationNode.getBoundingClientRect(); const lastLabel = this.navigationNode.children[idx].getBoundingClientRect(); - const left = scrollLeft > 0; - const right = nav.right < (lastLabel.right - 5); - const { left: prevLeft, right: prevRight } = this.state.arrows; - if (left !== prevLeft || right !== prevRight) { - this.setState({ - arrows: { - left, - right, - }, - }); - } + this.setState({ + arrows: { + left: scrollLeft > 0, + right: nav.right < (lastLabel.right - 5), + }, + }); } } From f24d12800f3b4cc3d1ad041ef4fc2dcd274f7077 Mon Sep 17 00:00:00 2001 From: Phil Myers Date: Tue, 27 Feb 2018 13:11:46 -0500 Subject: [PATCH 045/136] Add falsy key example to AutocompleteTest --- spec/components/autocomplete.js | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/spec/components/autocomplete.js b/spec/components/autocomplete.js index 09c825c0c..4b39cebed 100644 --- a/spec/components/autocomplete.js +++ b/spec/components/autocomplete.js @@ -13,6 +13,21 @@ class AutocompleteTest extends React.Component { 'EN-en': 'United States of America', 'EN-nz': 'New Zealand', }, + simpleMonth: 0, + monthsObject: { + 0: 'January', + 1: 'February', + 2: 'March', + 3: 'April', + 4: 'May', + 5: 'June', + 6: 'July', + 7: 'August', + 8: 'September', + 9: 'October', + 10: 'November', + 11: 'December', + } }; handleFocus = (event) => { @@ -44,6 +59,10 @@ class AutocompleteTest extends React.Component { this.setState({ simpleShowAll: value }); }; + handleSimpleMonthChange = (value) => { + this.setState({ simpleMonth: parseInt(value, 10) }); + }; + render() { return (
@@ -89,6 +108,16 @@ class AutocompleteTest extends React.Component { source={this.state.countriesArray} value={this.state.simpleShowAll} /> + +
); } From 1dafc5676f5cb962a539c680ca988b9dfc1204b1 Mon Sep 17 00:00:00 2001 From: Phil Myers Date: Tue, 27 Feb 2018 13:19:57 -0500 Subject: [PATCH 046/136] Move Input#validPresent to utils#isValuePresent --- components/input/Input.js | 10 ++-------- components/utils/utils.js | 7 +++++++ 2 files changed, 9 insertions(+), 8 deletions(-) diff --git a/components/input/Input.js b/components/input/Input.js index 0ff8e1903..274385fc9 100644 --- a/components/input/Input.js +++ b/components/input/Input.js @@ -2,6 +2,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import classnames from 'classnames'; import { themr } from 'react-css-themr'; +import { isValuePresent } from '../utils/utils'; import { INPUT } from '../identifiers'; import InjectedFontIcon from '../font_icon/FontIcon'; @@ -159,13 +160,6 @@ const factory = (FontIcon) => { this.inputNode.focus(); } - valuePresent = value => ( - value !== null - && value !== undefined - && value !== '' - && !(typeof value === 'number' && isNaN(value)) - ) - render() { const { children, defaultValue, disabled, error, floating, hint, icon, name, label: labelText, maxLength, multiline, required, role, @@ -180,7 +174,7 @@ const factory = (FontIcon) => { [theme.withIcon]: icon, }, this.props.className); - const valuePresent = this.valuePresent(value) || this.valuePresent(defaultValue); + const valuePresent = isValuePresent(value) || isValuePresent(defaultValue); const inputElementProps = { ...others, diff --git a/components/utils/utils.js b/components/utils/utils.js index 38b05dd71..08b9e5cc3 100644 --- a/components/utils/utils.js +++ b/components/utils/utils.js @@ -74,3 +74,10 @@ export const getAnimationModule = (animation, theme) => compose( transformKeys(removeNamespace(animation)), pickBy((v, k) => k.startsWith(animation)), )(theme); + +export const isValuePresent = value => ( + value !== null + && value !== undefined + && value !== '' + && !(typeof value === 'number' && isNaN(value)) +); From f79aaff297aae6a5f491ffad93f150a12924015b Mon Sep 17 00:00:00 2001 From: Phil Myers Date: Tue, 27 Feb 2018 13:23:55 -0500 Subject: [PATCH 047/136] Check whether the query key has a value rather than whether it's truthy --- components/autocomplete/Autocomplete.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/components/autocomplete/Autocomplete.js b/components/autocomplete/Autocomplete.js index 16354852f..ab0ad3096 100644 --- a/components/autocomplete/Autocomplete.js +++ b/components/autocomplete/Autocomplete.js @@ -4,6 +4,7 @@ import PropTypes from 'prop-types'; import ReactDOM from 'react-dom'; import classnames from 'classnames'; import { themr } from 'react-css-themr'; +import { isValuePresent } from '../utils/utils'; import { AUTOCOMPLETE } from '../identifiers.js'; import InjectChip from '../chip/Chip.js'; import InjectInput from '../input/Input.js'; @@ -184,7 +185,7 @@ const factory = (Chip, Input) => { query(key) { let query_value = ''; - if (!this.props.multiple && key) { + if (!this.props.multiple && isValuePresent(key)) { const source_value = this.source().get(`${key}`); query_value = source_value || key; } From 73b25949227c272589f76ea9008434894c52f796 Mon Sep 17 00:00:00 2001 From: Ying Zuo Date: Thu, 1 Mar 2018 20:46:00 -0800 Subject: [PATCH 048/136] Pass the theme prop to TableRow child components Fixes: #1805 --- components/table/TableRow.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/table/TableRow.js b/components/table/TableRow.js index b490d42dc..65ab1a361 100644 --- a/components/table/TableRow.js +++ b/components/table/TableRow.js @@ -35,7 +35,7 @@ const factory = (Checkbox, TableCell) => { return ( {selectable && - + } {React.Children.map(children, (child, index) => { if (!child) return null; From 6fa13f1c5ca885697b62bb55d3d1ac1b6702baf5 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Sat, 3 Mar 2018 12:01:46 +0100 Subject: [PATCH 049/136] =?UTF-8?q?Use=20proper=20code=20values=20in=20KEY?= =?UTF-8?q?S=20constant=20=F0=9F=A4=A6=F0=9F=8F=BB=E2=80=8D=E2=99=82?= =?UTF-8?q?=EF=B8=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/slider/Slider.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/components/slider/Slider.js b/components/slider/Slider.js index 07b10b1d8..092e44de0 100644 --- a/components/slider/Slider.js +++ b/components/slider/Slider.js @@ -11,10 +11,10 @@ import InjectProgressBar from '../progress_bar/ProgressBar'; import InjectInput from '../input/Input'; const KEYS = { - ENTER: 13, - ESC: 27, - ARROW_UP: 38, - ARROW_DOWN: 40, + ENTER: 'Enter', + ESC: 'Escape', + ARROW_UP: 'ArrowUp', + ARROW_DOWN: 'ArrowDown', }; const factory = (ProgressBar, Input) => { From 470ffae634c6d88eae2ce431024ee6479b29d4c2 Mon Sep 17 00:00:00 2001 From: Khushil Mistry Date: Fri, 9 Mar 2018 04:20:26 +0530 Subject: [PATCH 050/136] Link text has text-transform: capitalize, contrary to Material specs, is removed. --- components/link/theme.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/components/link/theme.css b/components/link/theme.css index b7af696fb..804dae2fd 100644 --- a/components/link/theme.css +++ b/components/link/theme.css @@ -32,10 +32,6 @@ vertical-align: middle; } - & > abbr { - text-transform: capitalize; - } - & > small { font-size: var(--font-size-tiny); margin-left: calc(0.8 * var(--unit)); From 4a5957b49ef8ad629a56062cd9cbde9ad354e139 Mon Sep 17 00:00:00 2001 From: Dylan Seago Date: Mon, 19 Mar 2018 20:30:25 -0400 Subject: [PATCH 051/136] Set Slider tabIndex to -1 when disabled --- components/slider/Slider.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/slider/Slider.js b/components/slider/Slider.js index 092e44de0..0a84c798f 100644 --- a/components/slider/Slider.js +++ b/components/slider/Slider.js @@ -294,7 +294,7 @@ const factory = (ProgressBar, Input) => { onBlur={this.handleSliderBlur} onFocus={this.handleSliderFocus} style={this.props.style} - tabIndex="0" + tabIndex={this.props.disabled ? -1 : 0} >
{ this.sliderNode = node; }} From af474dd0eec2eef092ce2f618d236be2ce494e79 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=81kos=20Luk=C3=A1cs?= Date: Fri, 23 Mar 2018 10:04:11 +0100 Subject: [PATCH 052/136] Add migration guide to the roadmap Since there is one :) --- ROADMAP.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ROADMAP.md b/ROADMAP.md index 9f09fa3ad..2b1ff11af 100644 --- a/ROADMAP.md +++ b/ROADMAP.md @@ -68,7 +68,7 @@ There is no fixed date, sorry. Being an open source project, it depends on contr ### Is there any migration guide to 2.0? -Not really. At the end we are just providing components and there are no big changes on them apart from huge refactors of some specific components that will be coming. If should be enough by checking changelogs and new documentation. In any case if you feel like a migration guide is needed, feel free to leave for feedback. +There is a [migration guide](https://github.com/react-toolbox/react-toolbox/wiki/Migrating-from-version-1.3-to-2.0) in the wiki. ### When will be released the new playground? From ecbdb125ea1e16bc30c7c7ba139e79474708cb00 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Sat, 2 Jun 2018 10:12:01 +0200 Subject: [PATCH 053/136] Fix mismatch between NPM published version and package.json version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 79811a08f..760b94efb 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "react-toolbox", "description": "A set of React components implementing Google's Material Design specification with the power of CSS Modules.", "homepage": "http://www.react-toolbox.io/", - "version": "2.0.0-beta.11", + "version": "2.0.0-beta.12", "main": "./lib", "module": "./components", "author": { From e362f6b57ff5fb255fe40283e2f8cff50895b29a Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Sat, 2 Jun 2018 10:14:50 +0200 Subject: [PATCH 054/136] Release 2.0.0-beta.13 --- CHANGELOG.md | 111 +++++++++++++++++++++++++++++++++++++++++++++++++++ package.json | 8 ++-- 2 files changed, 115 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index ec1afa6c0..8be3d3899 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,114 @@ + +## 2.0.0-beta.12 (2018-06-02) + +* Add `accept` property to `BrowseButton` (#1533) ([934ffd2](https://github.com/react-toolbox/react-toolbox/commit/934ffd2)), closes [#1533](https://github.com/react-toolbox/react-toolbox/issues/1533) +* Add `multiple` property to `BrowseButton` (#1656) ([071a4d3](https://github.com/react-toolbox/react-toolbox/commit/071a4d3)), closes [#1656](https://github.com/react-toolbox/react-toolbox/issues/1656) +* Add default export TypeScript type to IconButton (#1577) ([79e031e](https://github.com/react-toolbox/react-toolbox/commit/79e031e)), closes [#1577](https://github.com/react-toolbox/react-toolbox/issues/1577) +* Add falsy key example to AutocompleteTest ([f24d128](https://github.com/react-toolbox/react-toolbox/commit/f24d128)) +* Add missing Input import ([51a335b](https://github.com/react-toolbox/react-toolbox/commit/51a335b)), closes [#1792](https://github.com/react-toolbox/react-toolbox/issues/1792) +* Add onEscKeyDown and onOverlayClick fallbacks ([4347125](https://github.com/react-toolbox/react-toolbox/commit/4347125)) +* Add postcss-apply to buid task and to webpack ([82f7118](https://github.com/react-toolbox/react-toolbox/commit/82f7118)) +* Add support for treeshaking (#1423) ([d2eee5a](https://github.com/react-toolbox/react-toolbox/commit/d2eee5a)), closes [#1423](https://github.com/react-toolbox/react-toolbox/issues/1423) +* Add ThemeProvider Typescript type (#1576) ([7403d5d](https://github.com/react-toolbox/react-toolbox/commit/7403d5d)), closes [#1576](https://github.com/react-toolbox/react-toolbox/issues/1576) +* Add title to image ([f815fb5](https://github.com/react-toolbox/react-toolbox/commit/f815fb5)) +* Add transition to hover effect in list items ([d9a0d7e](https://github.com/react-toolbox/react-toolbox/commit/d9a0d7e)) +* Add variables for the App Bar's font size and weight. (#1518) ([f93040e](https://github.com/react-toolbox/react-toolbox/commit/f93040e)), closes [#1518](https://github.com/react-toolbox/react-toolbox/issues/1518) +* Add workaround to `is-component-of-type` for `react-hot-loader@^3` (#1569) ([431abb1](https://github.com/react-toolbox/react-toolbox/commit/431abb1)), closes [#1569](https://github.com/react-toolbox/react-toolbox/issues/1569) +* Added label to InputTheme interface (#1501) ([6290cf5](https://github.com/react-toolbox/react-toolbox/commit/6290cf5)), closes [#1501](https://github.com/react-toolbox/react-toolbox/issues/1501) +* Added missing `|` (#1403) ([8df122a](https://github.com/react-toolbox/react-toolbox/commit/8df122a)), closes [#1403](https://github.com/react-toolbox/react-toolbox/issues/1403) +* Added required?: boolean; (#1491) ([27caadb](https://github.com/react-toolbox/react-toolbox/commit/27caadb)), closes [#1491](https://github.com/react-toolbox/react-toolbox/issues/1491) +* adds a span wrapper to the component button in case of its disabled and have mouse enter and mouse l ([0286630](https://github.com/react-toolbox/react-toolbox/commit/0286630)) +* Allow autoFocus on Autocomplete component ([a828091](https://github.com/react-toolbox/react-toolbox/commit/a828091)) +* Allow pass inverse to IconMenu (#1490) ([4722904](https://github.com/react-toolbox/react-toolbox/commit/4722904)), closes [#1490](https://github.com/react-toolbox/react-toolbox/issues/1490) +* Allow to change FontIcon for Tab by passing it into the factory (#1439) ([d6bdf20](https://github.com/react-toolbox/react-toolbox/commit/d6bdf20)), closes [#1439](https://github.com/react-toolbox/react-toolbox/issues/1439) +* allows the Portal HOC root element to receive a style props. This allows coordinate runtime position ([0e299a6](https://github.com/react-toolbox/react-toolbox/commit/0e299a6)), closes [#1502](https://github.com/react-toolbox/react-toolbox/issues/1502) +* Apply padding 0 to everything but buttons in ListItemAction (#1571) ([f44833a](https://github.com/react-toolbox/react-toolbox/commit/f44833a)), closes [#1571](https://github.com/react-toolbox/react-toolbox/issues/1571) +* Avoid undefined className when ProgressBar mode is determinate ([7db3e34](https://github.com/react-toolbox/react-toolbox/commit/7db3e34)) +* Change tab style for ripple to work with Tabs (#1519) ([cd6a130](https://github.com/react-toolbox/react-toolbox/commit/cd6a130)), closes [#1519](https://github.com/react-toolbox/react-toolbox/issues/1519) +* Check whether the query key has a value rather than whether it's truthy ([f79aaff](https://github.com/react-toolbox/react-toolbox/commit/f79aaff)) +* Disabled input should be dashed not dotted ([a46f095](https://github.com/react-toolbox/react-toolbox/commit/a46f095)) +* Do not show scrollbar on autocomplete component IE11 (#1515) ([f8f528c](https://github.com/react-toolbox/react-toolbox/commit/f8f528c)), closes [#1515](https://github.com/react-toolbox/react-toolbox/issues/1515) +* Docs/Install: Fix typos, clarify language (#1566) ([2124c8c](https://github.com/react-toolbox/react-toolbox/commit/2124c8c)), closes [#1566](https://github.com/react-toolbox/react-toolbox/issues/1566) +* Document usage with Create React App (#1482) ([d5b49a2](https://github.com/react-toolbox/react-toolbox/commit/d5b49a2)), closes [#1482](https://github.com/react-toolbox/react-toolbox/issues/1482) +* Don't handle key events if slider is disabled ([6925570](https://github.com/react-toolbox/react-toolbox/commit/6925570)) +* Enable onKeyDown and onKeyUp props on Autocomplete component ([2c92c37](https://github.com/react-toolbox/react-toolbox/commit/2c92c37)) +* Event passed for Radiogroup (#1544) ([6fd1421](https://github.com/react-toolbox/react-toolbox/commit/6fd1421)), closes [#1544](https://github.com/react-toolbox/react-toolbox/issues/1544) +* Feature/tabs a11y (#1513) ([94f6493](https://github.com/react-toolbox/react-toolbox/commit/94f6493)), closes [#1513](https://github.com/react-toolbox/react-toolbox/issues/1513) +* fix #1611 (#1612) ([df175e7](https://github.com/react-toolbox/react-toolbox/commit/df175e7)), closes [#1611](https://github.com/react-toolbox/react-toolbox/issues/1611) [#1612](https://github.com/react-toolbox/react-toolbox/issues/1612) +* Fix AppBar doc (#1407) ([06cbc41](https://github.com/react-toolbox/react-toolbox/commit/06cbc41)), closes [#1407](https://github.com/react-toolbox/react-toolbox/issues/1407) +* Fix bug where dropdowns don't close (#1548) ([13520e3](https://github.com/react-toolbox/react-toolbox/commit/13520e3)), closes [#1548](https://github.com/react-toolbox/react-toolbox/issues/1548) +* Fix compatibility with typescript 2.4+ (#1615) ([b381db4](https://github.com/react-toolbox/react-toolbox/commit/b381db4)), closes [#1615](https://github.com/react-toolbox/react-toolbox/issues/1615) +* Fix date-picker animation in IE11 (#1586) ([54d0cb5](https://github.com/react-toolbox/react-toolbox/commit/54d0cb5)), closes [#1586](https://github.com/react-toolbox/react-toolbox/issues/1586) +* Fix eslint errors ([f006708](https://github.com/react-toolbox/react-toolbox/commit/f006708)) +* Fix lint issue (#1624) ([6d43f88](https://github.com/react-toolbox/react-toolbox/commit/6d43f88)), closes [#1624](https://github.com/react-toolbox/react-toolbox/issues/1624) +* Fix media queries panel height calculations (#1467) ([4a13ff2](https://github.com/react-toolbox/react-toolbox/commit/4a13ff2)), closes [#1467](https://github.com/react-toolbox/react-toolbox/issues/1467) +* Fix mismatch between NPM published version and package.json version ([ecbdb12](https://github.com/react-toolbox/react-toolbox/commit/ecbdb12)) +* Fix mixed up type definitions for Dropdown ([47d2f18](https://github.com/react-toolbox/react-toolbox/commit/47d2f18)) +* Fix Mobile Safari issues. (#1282) ([e15ee8e](https://github.com/react-toolbox/react-toolbox/commit/e15ee8e)), closes [#1282](https://github.com/react-toolbox/react-toolbox/issues/1282) +* Fix package.json ([e1f320c](https://github.com/react-toolbox/react-toolbox/commit/e1f320c)) +* Fix README on example project description (#1497) ([eb04045](https://github.com/react-toolbox/react-toolbox/commit/eb04045)), closes [#1497](https://github.com/react-toolbox/react-toolbox/issues/1497) [/github.com/react-toolbox/react-toolbox/pull/1251#issuecomment-302403914](https://github.com//github.com/react-toolbox/react-toolbox/pull/1251/issues/issuecomment-302403914) +* Fix tests ([9a9396f](https://github.com/react-toolbox/react-toolbox/commit/9a9396f)) +* Fix travis ([32e4096](https://github.com/react-toolbox/react-toolbox/commit/32e4096)) +* Fix travis ([71341d9](https://github.com/react-toolbox/react-toolbox/commit/71341d9)) +* Fix tsc errors ([6357bed](https://github.com/react-toolbox/react-toolbox/commit/6357bed)) +* Fix typescript bindings. (#1564) ([de69a14](https://github.com/react-toolbox/react-toolbox/commit/de69a14)), closes [#1564](https://github.com/react-toolbox/react-toolbox/issues/1564) [#1407](https://github.com/react-toolbox/react-toolbox/issues/1407) +* fixed browser button fires onChange event twice (#1557) ([c1a2dba](https://github.com/react-toolbox/react-toolbox/commit/c1a2dba)), closes [#1557](https://github.com/react-toolbox/react-toolbox/issues/1557) +* Fixes #1452 (#1454) ([9619d85](https://github.com/react-toolbox/react-toolbox/commit/9619d85)), closes [#1452](https://github.com/react-toolbox/react-toolbox/issues/1452) [#1454](https://github.com/react-toolbox/react-toolbox/issues/1454) [#1452](https://github.com/react-toolbox/react-toolbox/issues/1452) +* Handle onChange in errored input in docs ([c6a7b5b](https://github.com/react-toolbox/react-toolbox/commit/c6a7b5b)) +* Importing PropTypes from prop-types rather than react (#1413) ([ae09770](https://github.com/react-toolbox/react-toolbox/commit/ae09770)), closes [#1413](https://github.com/react-toolbox/react-toolbox/issues/1413) +* Issue 1459: Replace onClick handler in Dropdown component to onMouseDown (#1521) ([736f23e](https://github.com/react-toolbox/react-toolbox/commit/736f23e)), closes [#1521](https://github.com/react-toolbox/react-toolbox/issues/1521) +* Link text has text-transform: capitalize, contrary to Material specs, is removed. ([470ffae](https://github.com/react-toolbox/react-toolbox/commit/470ffae)) +* ListItem component theme prop extends ListItemTextTheme. ([11c3fb1](https://github.com/react-toolbox/react-toolbox/commit/11c3fb1)) +* ListItem legend may be a node as well (#1496) ([a6eb5c5](https://github.com/react-toolbox/react-toolbox/commit/a6eb5c5)), closes [#1496](https://github.com/react-toolbox/react-toolbox/issues/1496) +* Made role on input field a property (#1553) ([fc9c180](https://github.com/react-toolbox/react-toolbox/commit/fc9c180)), closes [#1553](https://github.com/react-toolbox/react-toolbox/issues/1553) +* Make checkbox border color according to spec ([4670098](https://github.com/react-toolbox/react-toolbox/commit/4670098)) +* Make checkbox centered between table edge and next column start ([b660bcc](https://github.com/react-toolbox/react-toolbox/commit/b660bcc)) +* Move Input#validPresent to utils#isValuePresent ([1dafc56](https://github.com/react-toolbox/react-toolbox/commit/1dafc56)) +* Move tsd task to gulpfile ([a9518b6](https://github.com/react-toolbox/react-toolbox/commit/a9518b6)) +* onchange ([4d64c73](https://github.com/react-toolbox/react-toolbox/commit/4d64c73)) +* Pass the theme prop to TableRow child components ([73b2594](https://github.com/react-toolbox/react-toolbox/commit/73b2594)), closes [#1805](https://github.com/react-toolbox/react-toolbox/issues/1805) +* Remove box-shadow on required inputs ([14eb6ca](https://github.com/react-toolbox/react-toolbox/commit/14eb6ca)) +* Remove discord link in README.md (#1593) ([16ae9bf](https://github.com/react-toolbox/react-toolbox/commit/16ae9bf)), closes [#1593](https://github.com/react-toolbox/react-toolbox/issues/1593) [#107](https://github.com/react-toolbox/react-toolbox/issues/107) +* Remove max-height from dialog along with hidden overflow ([2eb27c7](https://github.com/react-toolbox/react-toolbox/commit/2eb27c7)) +* Remove unknown prop multilineHint which React reports as passed to textarea ([478c9ae](https://github.com/react-toolbox/react-toolbox/commit/478c9ae)) +* requestAnimationFrame will only trigger if the browser window is visible. If the browser tab is put ([fb5d0e1](https://github.com/react-toolbox/react-toolbox/commit/fb5d0e1)), closes [#1604](https://github.com/react-toolbox/react-toolbox/issues/1604) +* Revert "Update components to use css-transition-group 2" ([752cdd3](https://github.com/react-toolbox/react-toolbox/commit/752cdd3)) +* small typo error corrected. ([f78c084](https://github.com/react-toolbox/react-toolbox/commit/f78c084)) +* solve #1444 and #1359. (#1587) ([843b88a](https://github.com/react-toolbox/react-toolbox/commit/843b88a)), closes [#1444](https://github.com/react-toolbox/react-toolbox/issues/1444) [#1359](https://github.com/react-toolbox/react-toolbox/issues/1359) [#1587](https://github.com/react-toolbox/react-toolbox/issues/1587) +* Typescript definitions validation (#1163) ([91cb46d](https://github.com/react-toolbox/react-toolbox/commit/91cb46d)), closes [#1163](https://github.com/react-toolbox/react-toolbox/issues/1163) +* Update Autocomplete TypeScript declaration file and readme with key callbacks ([b79c3da](https://github.com/react-toolbox/react-toolbox/commit/b79c3da)) +* Update CHANGELOG.md (#1399) ([0d21c02](https://github.com/react-toolbox/react-toolbox/commit/0d21c02)), closes [#1399](https://github.com/react-toolbox/react-toolbox/issues/1399) +* Update DatePicker.d.ts (#1411) ([e572dd7](https://github.com/react-toolbox/react-toolbox/commit/e572dd7)), closes [#1411](https://github.com/react-toolbox/react-toolbox/issues/1411) +* update defaults in input component config.css ([25172c5](https://github.com/react-toolbox/react-toolbox/commit/25172c5)) +* Update dependencies ([be80e0b](https://github.com/react-toolbox/react-toolbox/commit/be80e0b)) +* Update enzyme config files ([d313e11](https://github.com/react-toolbox/react-toolbox/commit/d313e11)) +* Update readme for Autocomplete (#1657) ([4ca6747](https://github.com/react-toolbox/react-toolbox/commit/4ca6747)), closes [#1657](https://github.com/react-toolbox/react-toolbox/issues/1657) [/github.com/react-toolbox/react-toolbox/blob/8e2b688954d4b413a602bb59a89254e752f20b0f/components/autocomplete/Autocomplete.d.ts#L54](https://github.com//github.com/react-toolbox/react-toolbox/blob/8e2b688954d4b413a602bb59a89254e752f20b0f/components/autocomplete/Autocomplete.d.ts/issues/L54) +* Update README.md ([afb6532](https://github.com/react-toolbox/react-toolbox/commit/afb6532)) +* Update README.md ([3d8cd66](https://github.com/react-toolbox/react-toolbox/commit/3d8cd66)) +* Update readme.md (#1478) ([f90958d](https://github.com/react-toolbox/react-toolbox/commit/f90958d)), closes [#1478](https://github.com/react-toolbox/react-toolbox/issues/1478) +* Update tests to use css-transition-group 2 ([ab2e789](https://github.com/react-toolbox/react-toolbox/commit/ab2e789)) +* Update tests to use Enzyme 3 ([c510029](https://github.com/react-toolbox/react-toolbox/commit/c510029)) +* Update tests to use react-dom/test-utils ([08ca837](https://github.com/react-toolbox/react-toolbox/commit/08ca837)) +* Update URLs to new .io domain ([b0a7533](https://github.com/react-toolbox/react-toolbox/commit/b0a7533)) +* Update versions ([7e4c12e](https://github.com/react-toolbox/react-toolbox/commit/7e4c12e)) +* Updated dependencies (#1448) ([2981da4](https://github.com/react-toolbox/react-toolbox/commit/2981da4)), closes [#1448](https://github.com/react-toolbox/react-toolbox/issues/1448) +* Upgrade react-transition-group ([ced94a4](https://github.com/react-toolbox/react-toolbox/commit/ced94a4)) +* Upgrade to node 7 ([66a47bb](https://github.com/react-toolbox/react-toolbox/commit/66a47bb)) +* Use code instead of keyCode ([f8a7e88](https://github.com/react-toolbox/react-toolbox/commit/f8a7e88)) +* Use hover effect on selected table row as well ([889e9ca](https://github.com/react-toolbox/react-toolbox/commit/889e9ca)) +* Use innerRef to blur input ([a7d0c5b](https://github.com/react-toolbox/react-toolbox/commit/a7d0c5b)) +* Use proper code values in KEYS constant 🤦🏻‍♂️ ([6fa13f1](https://github.com/react-toolbox/react-toolbox/commit/6fa13f1)) +* Use window.requestAnimationFrame in Tabs.js ([bc05c69](https://github.com/react-toolbox/react-toolbox/commit/bc05c69)) +* TypeScript: snack-bar label accepts element ([40aa354](https://github.com/react-toolbox/react-toolbox/commit/40aa354)) +* Portal: Fix Invalid "style" PropType (#1664) ([8b7fc07](https://github.com/react-toolbox/react-toolbox/commit/8b7fc07)), closes [#1664](https://github.com/react-toolbox/react-toolbox/issues/1664) +* IconMenu: active prop (#1662). ([0103d95](https://github.com/react-toolbox/react-toolbox/commit/0103d95)), closes [#1662](https://github.com/react-toolbox/react-toolbox/issues/1662) +* IconMenu: active prop (#1662). ([74bd2dc](https://github.com/react-toolbox/react-toolbox/commit/74bd2dc)), closes [#1662](https://github.com/react-toolbox/react-toolbox/issues/1662) +* IconMenu: active prop (#1662). more tests. ([bf790d7](https://github.com/react-toolbox/react-toolbox/commit/bf790d7)), closes [#1662](https://github.com/react-toolbox/react-toolbox/issues/1662) +* IconMenu: active prop (fixes #1662). ([0f51c06](https://github.com/react-toolbox/react-toolbox/commit/0f51c06)), closes [#1662](https://github.com/react-toolbox/react-toolbox/issues/1662) +* fix: of -> or in documentation ([31fac7b](https://github.com/react-toolbox/react-toolbox/commit/31fac7b)) + + + # 2.0.0-beta.8 (2017-04-06) diff --git a/package.json b/package.json index 760b94efb..09ee89baf 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "react-toolbox", "description": "A set of React components implementing Google's Material Design specification with the power of CSS Modules.", "homepage": "http://www.react-toolbox.io/", - "version": "2.0.0-beta.12", + "version": "2.0.0-beta.13", "main": "./lib", "module": "./components", "author": { @@ -118,10 +118,10 @@ "prepublish": "npm run build", "release": "bumped release", "start": "cross-env NODE_ENV=development UV_THREADPOOL_SIZE=100 node ./server", - "ts": "tsc", - "tsd": "cpx \"./components/**/*.d.ts\" ./lib", "test": "jest", - "test:watch": "jest --watch --no-watchman" + "test:watch": "jest --watch --no-watchman", + "ts": "tsc", + "tsd": "cpx \"./components/**/*.d.ts\" ./lib" }, "license": "MIT", "jest": { From e0de3b89e2dbf4ef6c9bcdb42202bb547c23d2f5 Mon Sep 17 00:00:00 2001 From: Matthew Rumery Date: Wed, 20 Jun 2018 16:28:11 -0600 Subject: [PATCH 055/136] remove postcss-cssnext and replace with postcss-preset-env --- package.json | 3 ++- webpack/postcss.config.js | 4 +++- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 09ee89baf..8a1d1bdda 100644 --- a/package.json +++ b/package.json @@ -75,12 +75,13 @@ "jest": "^20.0.4", "lint-staged": "^3.4.2", "normalize.css": "^7.0.0", - "postcss-cssnext": "^2.11.0", + "postcss-apply": "^0.10.0", "postcss-each": "^0.10.0", "postcss-import": "^10.0.0", "postcss-loader": "^2.0.5", "postcss-mixins": "^6.0.0", "postcss-nesting": "^4.0.1", + "postcss-preset-env": "^5.1.0", "postcss-reporter": "^3.0.0", "pre-commit": "^1.2.2", "prop-types": "^15.6.0", diff --git a/webpack/postcss.config.js b/webpack/postcss.config.js index 2df8d9a3f..c24999429 100644 --- a/webpack/postcss.config.js +++ b/webpack/postcss.config.js @@ -10,7 +10,9 @@ module.exports = { 'postcss-each': {}, 'postcss-apply': {}, 'postcss-nesting': {}, - 'postcss-cssnext': {}, + 'postcss-preset-env': { + stage: 0, + }, 'postcss-reporter': { clearMessages: true } From 63354a76f762415716afb3a1f444c645c075a77b Mon Sep 17 00:00:00 2001 From: Matthew Rumery Date: Wed, 20 Jun 2018 16:28:33 -0600 Subject: [PATCH 056/136] update color() to color-mod() --- components/button/config.css | 14 +++++++------- components/card/config.css | 2 +- components/checkbox/config.css | 6 +++--- components/date_picker/config.css | 4 ++-- components/dropdown/config.css | 2 +- components/input/config.css | 4 ++-- components/progress_bar/config.css | 4 ++-- components/radio/config.css | 6 +++--- components/switch/config.css | 14 +++++++------- components/table/theme.css | 8 ++++---- components/tabs/config.css | 6 +++--- components/time_picker/config.css | 4 ++-- components/tooltip/config.css | 2 +- 13 files changed, 38 insertions(+), 38 deletions(-) diff --git a/components/button/config.css b/components/button/config.css index 18865745d..1df08fb27 100644 --- a/components/button/config.css +++ b/components/button/config.css @@ -3,22 +3,22 @@ --button-height: calc(3.6 * var(--unit)); --button-toggle-font-size: calc(2 * var(--unit)); --button-primary-color: var(--color-primary); - --button-primary-color-hover: color(var(--color-primary) a(20%)); + --button-primary-color-hover: color-mod(var(--color-primary) a(20%)); --button-primary-color-contrast: var(--color-primary-contrast); --button-accent-color-contrast: var(--color-primary-contrast); - --button-accent-color-hover: color(var(--color-accent) a(20%)); + --button-accent-color-hover: color-mod(var(--color-accent) a(20%)); --button-accent-color: var(--color-accent); --button-neutral-color: var(--color-white); --button-neutral-color-contrast: var(--palette-grey-900); - --button-neutral-color-hover: color(var(--palette-grey-900) a(20%)); + --button-neutral-color-hover: color-mod(var(--palette-grey-900) a(20%)); --button-floating-font-size: calc(2.4 * var(--unit)); --button-floating-height: calc(5.6 * var(--unit)); --button-floating-mini-height: calc(4 * var(--unit)); --button-floating-mini-font-size: calc(var(--button-floating-mini-height) / 2.25); - --button-disabled-text-color: color(var(--color-black) a(26%)); - --button-disabled-background-color: color(var(--color-black) a(12%)); - --button-disabled-text-color-inverse: color(var(--color-black) a(54%)); - --button-disabled-background-inverse: color(var(--color-black) a(8%)); + --button-disabled-text-color: color-mod(var(--color-black) a(26%)); + --button-disabled-background-color: color-mod(var(--color-black) a(12%)); + --button-disabled-text-color-inverse: color-mod(var(--color-black) a(54%)); + --button-disabled-background-inverse: color-mod(var(--color-black) a(8%)); --button-squared-icon-margin: calc(0.6 * var(--unit)); --button-squared-min-width: calc(9 * var(--unit)); --button-squared-padding: 0 calc(1.2 * var(--unit)); diff --git a/components/card/config.css b/components/card/config.css index 34715f54a..1b5979fc0 100644 --- a/components/card/config.css +++ b/components/card/config.css @@ -1,6 +1,6 @@ :root { --card-color-white: var(--color-white); - --card-text-overlay: color(var(--color-black) a(35%)); + --card-text-overlay: color-mod(var(--color-black) a(35%)); --card-background-color: var(--card-color-white); --card-padding-sm: calc(0.8 * var(--unit)); --card-padding: calc(1.6 * var(--unit)); diff --git a/components/checkbox/config.css b/components/checkbox/config.css index 7c3dff5a8..01edeede6 100644 --- a/components/checkbox/config.css +++ b/components/checkbox/config.css @@ -1,11 +1,11 @@ :root { --checkbox-color: var(--color-primary); - --checkbox-disabled-color: color(var(--color-black) a(26%)); + --checkbox-disabled-color: color-mod(var(--color-black) a(26%)); --checkbox-field-margin-bottom: calc(1.5 * var(--unit)); - --checkbox-focus-checked-color: color(var(--color-primary) a(26%)); + --checkbox-focus-checked-color: color-mod(var(--color-primary) a(26%)); --checkbox-ripple-duration: 650ms; --checkbox-size: calc(1.8 * var(--unit)); - --checkbox-focus-color: color(var(--color-black) a(1%)); + --checkbox-focus-color: color-mod(var(--color-black) a(1%)); --checkbox-focus-size: calc(var(--checkbox-size) * 2.3); --checkbox-text-color: var(--color-black); --checkbox-border-color: var(--palette-grey-600); diff --git a/components/date_picker/config.css b/components/date_picker/config.css index 92480b399..52f65426f 100644 --- a/components/date_picker/config.css +++ b/components/date_picker/config.css @@ -3,7 +3,7 @@ --datepicker-primary-contrast: var(--color-primary-contrast); --datepicker-primary-dark: var(--color-primary-dark); --datepicker-primary-color: var(--datepicker-primary); - --datepicker-primary-hover-color: color(var(--datepicker-primary) a(0.2)); + --datepicker-primary-hover-color: color-mod(var(--datepicker-primary) a(0.2)); --datepicker-primary-contrast-color: var(--datepicker-primary-contrast); --datepicker-primary-dark-color: var(--datepicker-primary-dark); --datepicker-dialog-width: calc(33 * var(--unit)); @@ -18,7 +18,7 @@ --calendar-primary-contrast: var(--color-primary-contrast); --calendar-primary-color: var(--calendar-primary); --calendar-primary-contrast-color: var(--calendar-primary-contrast); - --calendar-primary-hover-color: color(var(--calendar-primary) a(0.21)); + --calendar-primary-hover-color: color-mod(var(--calendar-primary) a(0.21)); --calendar-arrows-color: var(--palette-grey-600); --calendar-arrows-font-size: calc(2 * var(--unit)); --calendar-year-font-size: 2.4; diff --git a/components/dropdown/config.css b/components/dropdown/config.css index fa0a790e0..3a80db2fb 100644 --- a/components/dropdown/config.css +++ b/components/dropdown/config.css @@ -3,7 +3,7 @@ --dropdown-color-white: var(--color-white); --dropdown-color-primary: var(--color-primary); --dropdown-color-primary-contrast: var(--color-primary-contrast); - --dropdown-color-disabled: color(var(--color-black) a(26%)); + --dropdown-color-disabled: color-mod(var(--color-black) a(26%)); --dropdown-value-hover-background: var(--palette-grey-200); --dropdown-overflow-max-height: 45vh; --dropdown-value-border-radius: calc(0.2 * var(--unit)); diff --git a/components/input/config.css b/components/input/config.css index 5916deefd..25b263fd8 100644 --- a/components/input/config.css +++ b/components/input/config.css @@ -6,9 +6,9 @@ --input-label-font-size: calc(1.2 * var(--unit)); --input-focus-label-top: calc(0.6 * var(--unit)); --input-text-background-color: transparent; - --input-text-label-color: color(var(--color-text) a(26%)); + --input-text-label-color: color-mod(var(--color-text) a(26%)); --input-text-input-element-color: var(--color-text); - --input-text-bottom-border-color: color(var(--color-text) a(12%)); + --input-text-bottom-border-color: color-mod(var(--color-text) a(12%)); --input-text-highlight-color: var(--color-primary); --input-text-disabled-color: var(--input-text-bottom-border-color); --input-text-disabled-text-color: var(--input-text-label-color); diff --git a/components/progress_bar/config.css b/components/progress_bar/config.css index c9ecfd78e..568d7c22d 100644 --- a/components/progress_bar/config.css +++ b/components/progress_bar/config.css @@ -1,8 +1,8 @@ :root { --progress-height: calc(0.4 * var(--unit)); --progress-main-color: var(--color-primary); - --progress-secondary-color: color(var(--color-primary-contrast) a(70%)); - --progress-disabled-color: color(var(--color-black) a(26%)); + --progress-secondary-color: color-mod(var(--color-primary-contrast) a(70%)); + --progress-disabled-color: color-mod(var(--color-black) a(26%)); --circle-wrapper-width: 60; --circle-radius: 25; --scale-ratio: calc(var(--circle-radius) / 20); diff --git a/components/radio/config.css b/components/radio/config.css index 5c35d83d9..dbd5c9363 100644 --- a/components/radio/config.css +++ b/components/radio/config.css @@ -3,9 +3,9 @@ --radio-button-size: calc(2 * var(--unit)); --radio-inner-margin: calc(var(--radio-button-size) / 4); --radio-inner-color: var(--color-primary); - --radio-focus-color: color(var(--color-black) a(10%)); - --radio-checked-focus-color: color(var(--color-primary) a(26%)); + --radio-focus-color: color-mod(var(--color-black) a(10%)); + --radio-checked-focus-color: color-mod(var(--color-primary) a(26%)); --radio-text-color: var(--color-black); - --radio-disabled-color: color(var(--color-black) a(26%)); + --radio-disabled-color: color-mod(var(--color-black) a(26%)); --radio-text-font-size: calc(1.4 * var(--unit)); } diff --git a/components/switch/config.css b/components/switch/config.css index 703bf9698..43e6cfa8c 100644 --- a/components/switch/config.css +++ b/components/switch/config.css @@ -2,14 +2,14 @@ --switch-color: var(--color-primary); --switch-text-color: var(--color-black); --switch-thumb-off-color: var(--palette-grey-50); - --switch-track-on-color: color(var(--color-primary) a(50%)); - --switch-track-off-color: color(var(--color-black) a(26%)); - --switch-off-ripple-color: color(var(--color-black) a(40%)); - --switch-on-focus-color: color(var(--color-primary) a(26%)); - --switch-off-focus-color: color(var(--color-black) a(10%)); + --switch-track-on-color: color-mod(var(--color-primary) a(50%)); + --switch-track-off-color: color-mod(var(--color-black) a(26%)); + --switch-off-ripple-color: color-mod(var(--color-black) a(40%)); + --switch-on-focus-color: color-mod(var(--color-primary) a(26%)); + --switch-off-focus-color: color-mod(var(--color-black) a(10%)); --switch-disabled-thumb-color: var(--palette-grey-400); - --switch-disabled-track-color: color(var(--color-black) a(12%)); - --switch-disabled-text-color: color(var(--color-black) a(26%)); + --switch-disabled-track-color: color-mod(var(--color-black) a(12%)); + --switch-disabled-text-color: color-mod(var(--color-black) a(26%)); --switch-total-height: calc(2.4 * var(--unit)); --switch-track-length: calc(3.6 * var(--unit)); --switch-track-height: calc(1.4 * var(--unit)); diff --git a/components/table/theme.css b/components/table/theme.css index d7dc5a8f0..0a204a24c 100644 --- a/components/table/theme.css +++ b/components/table/theme.css @@ -5,11 +5,11 @@ --table-font-size: calc(1.3 * var(--unit)); --table-header-font-size: calc(1.2 * var(--unit)); --table-header-sort-icon-size: calc(1.6 * var(--unit)); - --table-header-color: color(#000 a(54%)); - --table-header-sorted-color: color(#000 a(87%)); - --table-header-sorted-icon-hover-color: color(#000 a(26%)); + --table-header-color: color-mod(#000 a(54%)); + --table-header-sorted-color: color-mod(#000 a(87%)); + --table-header-sorted-icon-hover-color: color-mod(#000 a(26%)); --table-dividers: 1px solid #e6e6e6; - --table-row-color: color(#000 a(87%)); + --table-row-color: color-mod(#000 a(87%)); --table-hover-color: #eee; --table-selection-color: #f5f5f5; --table-row-height: calc(4.8 * var(--unit)); diff --git a/components/tabs/config.css b/components/tabs/config.css index b7902b9d1..1441c9b9e 100644 --- a/components/tabs/config.css +++ b/components/tabs/config.css @@ -9,13 +9,13 @@ --tab-navigation-border-color: var(--color-divider); --tab-pointer-color: var(--color-primary); --tab-pointer-height: calc(0.2 * var(--unit)); - --tab-focus-color: color(var(--color-primary-contrast) a(10%)); + --tab-focus-color: color-mod(var(--color-primary-contrast) a(10%)); --tab-text: var(--color-black); --tab-text-color: var(--tab-text); - --tab-text-inactive-color: color(var(--tab-text) a(70%)); + --tab-text-inactive-color: color-mod(var(--tab-text) a(70%)); --tab-inverse-bar-color: var(--color-primary); --tab-inverse-pointer-color: var(--color-accent); --tab-inverse-text: var(--color-primary-contrast); --tab-inverse-text-color: var(--tab-inverse-text); - --tab-inverse-text-inactive-color: color(var(--tab-inverse-text) a(30%)); + --tab-inverse-text-inactive-color: color-mod(var(--tab-inverse-text) a(30%)); } diff --git a/components/time_picker/config.css b/components/time_picker/config.css index d0490c8b3..289751e89 100644 --- a/components/time_picker/config.css +++ b/components/time_picker/config.css @@ -6,7 +6,7 @@ --timepicker-primary-contrast: var(--color-primary-contrast); --timepicker-primary-dark: var(--color-primary-dark); --timepicker-primary-color: var(--timepicker-primary); - --timepicker-primary-hover-color: color(var(--timepicker-primary) a(20%)); + --timepicker-primary-hover-color: color-mod(var(--timepicker-primary) a(20%)); --timepicker-primary-contrast-color: var(--timepicker-primary-contrast); --timepicker-primary-dark-color: var(--timepicker-primary-dark); --timepicker-ampm-height: calc(2.2 * var(--unit)); @@ -17,7 +17,7 @@ --clock-primary-contrast: var(--color-primary-contrast); --clock-primary-dark: var(--color-primary-dark); --clock-primary-color: var(--clock-primary); - --clock-primary-hover-color: color(var(--clock-primary) a(20%)); + --clock-primary-hover-color: color-mod(var(--clock-primary) a(20%)); --clock-primary-contrast-color: var(--clock-primary-contrast); --clock-primary-dark-color: var(--clock-primary-dark); --clock-number-size: calc(2 * var(--unit)); diff --git a/components/tooltip/config.css b/components/tooltip/config.css index 31acfbf6d..dbf6d1bb1 100644 --- a/components/tooltip/config.css +++ b/components/tooltip/config.css @@ -1,5 +1,5 @@ :root { - --tooltip-background: color(rgb(97, 97, 97) a(90%)); + --tooltip-background: color-mod(rgb(97, 97, 97) a(90%)); --tooltip-margin: calc(0.5 * var(--unit)); --tooltip-border-radius: calc(0.2 * var(--unit)); --tooltip-color: var(--color-white); From 9d1aef8ebf547d26210cbd05863c027a5c53defa Mon Sep 17 00:00:00 2001 From: Matthew Rumery Date: Wed, 20 Jun 2018 19:26:50 -0600 Subject: [PATCH 057/136] get docs folder working in local & prod env --- docs/.babelrc | 39 +++++--- docs/app/commons.css | 90 ++++++++++++++++++ docs/app/components/layout/home/style.css | 2 +- docs/app/components/layout/main/config.css | 8 +- docs/app/components/preview/style.css | 2 +- docs/app/index.js | 7 +- docs/package.json | 40 ++++---- docs/postcss.config.js | 27 ++++++ docs/webpack.config.development.js | 94 +++++++++++-------- docs/webpack.config.production.js | 101 ++++++++++++--------- 10 files changed, 293 insertions(+), 117 deletions(-) create mode 100644 docs/app/commons.css create mode 100644 docs/postcss.config.js diff --git a/docs/.babelrc b/docs/.babelrc index 4ef551af4..12d96ef45 100644 --- a/docs/.babelrc +++ b/docs/.babelrc @@ -1,18 +1,35 @@ { - "presets": ["es2015", "stage-0", "react"], + "presets": [ + "env", + "stage-0", + "react" + ], "env": { "development": { "plugins": [ - ["react-transform", { - "transforms": [{ - "transform": "react-transform-hmr", - "imports": ["react"], - "locals": ["module"] - }, { - "transform": "react-transform-catch-errors", - "imports": ["react", "redbox-react"] - }] - }] + [ + "react-transform", + { + "transforms": [ + { + "transform": "react-transform-hmr", + "imports": [ + "react" + ], + "locals": [ + "module" + ] + }, + { + "transform": "react-transform-catch-errors", + "imports": [ + "react", + "redbox-react" + ] + } + ] + } + ] ] } } diff --git a/docs/app/commons.css b/docs/app/commons.css new file mode 100644 index 000000000..60a1e654c --- /dev/null +++ b/docs/app/commons.css @@ -0,0 +1,90 @@ +html { + font-size: 62.5%; +} + +body { + position: absolute; + width: 100%; + height: 100%; + padding: 0; + margin: 0; + font-family: Roboto, sans-serif; + font-size: 1.6rem; + -webkit-touch-callout: none; + * { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + } +} + +a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, +code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, +h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, +legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, +strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { + padding: 0; + margin: 0; + border: 0; + outline: 0; +} + +*, *:before, *:after { + box-sizing: border-box; + padding: 0; + margin: 0; +} + +h1, h2, h3, h4, h5, h6, label, p, button, abbr, a, span, small { + font-smoothing: antialiased; + -webkit-font-smoothing: antialiased; + text-size-adjust: 100%; +} + +a { + text-decoration: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +input:not([type="checkbox"]):not([type="radio"]), button { + outline: none; + appearance: none; + -webkit-touch-callout: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} + +/* Remove firefox default style for required inputs */ +input[required]:-moz-ui-invalid { + box-shadow: none; +} + +/* Material design font sizes */ +/* h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { + @include typo-display-3($color-contrast: true); +} + +h1 { + @include typo-display-3; +} + +h2 { + @include typo-display-2; +} + +h3 { + @include typo-display-1; +} + +h4 { + @include typo-headline; +} + +h5 { + @include typo-title; +} + +h6 { + @include typo-subhead; +} + +p { + @include typo-body-1; +} */ \ No newline at end of file diff --git a/docs/app/components/layout/home/style.css b/docs/app/components/layout/home/style.css index 60a292f53..049f84590 100644 --- a/docs/app/components/layout/home/style.css +++ b/docs/app/components/layout/home/style.css @@ -115,7 +115,7 @@ padding: var(--content-offset); &:nth-child(3) { - background-color: color(var(--color-content) blackness(5%)); + background-color: color-mod(var(--color-content) blackness(5%)); } & > .authors { diff --git a/docs/app/components/layout/main/config.css b/docs/app/components/layout/main/config.css index 145f4fcb1..d83f66e2a 100644 --- a/docs/app/components/layout/main/config.css +++ b/docs/app/components/layout/main/config.css @@ -7,8 +7,8 @@ --navigation-v-padding: calc(1.2 * var(--unit)); --navigation-footer-border: solid 1px rgb(224, 224, 224); --documentation-left-shadow: - 0 4px 5px 0 color(var(--color-black) a(14%)), - 0 1px 10px 0 color(var(--color-black) a(12%)), - 0 2px 4px -1px color(var(--color-black) a(20%)); - --documentation-right-shadow: -2px 0 4px color(var(--color-black) a(14%)); + 0 4px 5px 0 color-mod(var(--color-black) a(14%)), + 0 1px 10px 0 color-mod(var(--color-black) a(12%)), + 0 2px 4px -1px color-mod(var(--color-black) a(20%)); + --documentation-right-shadow: -2px 0 4px color-mod(var(--color-black) a(14%)); } diff --git a/docs/app/components/preview/style.css b/docs/app/components/preview/style.css index bd2c96ea9..797226880 100644 --- a/docs/app/components/preview/style.css +++ b/docs/app/components/preview/style.css @@ -17,7 +17,7 @@ .error { background: var(--preview-error-background); - border-bottom: 1px solid color(var(--preview-error-background) blackness(60%)); + border-bottom: 1px solid color-mod(var(--preview-error-background) blackness(60%)); color: var(--preview-error-color); font-family: source-code-pro, Menlo, Consolas, Monaco, 'Andale Mono', 'Courier New', monospace; font-size: 13px; diff --git a/docs/app/index.js b/docs/app/index.js index 6b1a57798..03351adec 100644 --- a/docs/app/index.js +++ b/docs/app/index.js @@ -1,4 +1,9 @@ -import 'react-toolbox/commons.css'; +import '../../components/variables.css'; +import '../../components/colors.css'; +import '../../components/media.css'; +import './commons.css'; +import 'normalize.css'; + import React from 'react'; import ReactDOM from 'react-dom'; import { Router, Route, useRouterHistory } from 'react-router'; diff --git a/docs/package.json b/docs/package.json index b83534746..9ad1a9464 100644 --- a/docs/package.json +++ b/docs/package.json @@ -9,6 +9,7 @@ "deploy": "gh-pages -d build" }, "dependencies": { + "babel-polyfill": "^6.26.0", "babel-standalone": "^6.7.7", "classnames": "^2.2.5", "codemirror": "^5.14.2", @@ -22,36 +23,39 @@ "autoprefixer": "^6.4.0", "babel-core": "^6.13.2", "babel-eslint": "^7.1.1", - "babel-loader": "^6.2.4", + "babel-loader": "^7.1.4", "babel-plugin-react-transform": "^2.0.2", - "babel-preset-es2015": "^6.13.2", + "babel-preset-env": "^1.7.0", "babel-preset-react": "^6.5.0", "babel-preset-stage-0": "^6.5.0", "babel-preset-stage-2": "^6.13.0", - "cross-env": "^3.1.3", - "css-loader": "^0.26.1", + "cross-env": "^5.2.0", + "css-loader": "^0.28.11", "express": "^4.13.4", - "extract-text-webpack-plugin": "^1.0.1", "gh-pages": "^0.12.0", - "highlight-loader": "git://github.com/javivelasco/highlight-loader.git#master", + "highlight-loader": "^0.7.2", "highlight.js": "^9.3.0", - "html-loader": "^0.4.3", - "html-webpack-plugin": "^2.16.1", - "markdown-loader": "^0.1.7", - "postcss-cssnext": "^2.7.0", - "postcss-each": "^0.9.3", - "postcss-import": "^8.1.2", - "postcss-loader": "^0.9.1", - "postcss-mixins": "^5.0.0", - "postcss-reporter": "^1.4.1", + "html-loader": "^0.5.5", + "html-webpack-plugin": "^3.2.0", + "markdown-loader": "^3.0.0", + "mini-css-extract-plugin": "^0.4.0", + "postcss": "^6.0.22", + "postcss-apply": "^0.10.0", + "postcss-each": "^0.10.0", + "postcss-import": "^11.1.0", + "postcss-loader": "^2.1.5", + "postcss-mixins": "^6.2.0", + "postcss-preset-env": "^5.1.0", + "postcss-reporter": "^5.0.0", "raw-loader": "^0.5.1", "react-transform-catch-errors": "^1.0.2", "react-transform-hmr": "^1.0.4", "redbox-react": "^1.2.4", - "style-loader": "^0.13.1", + "style-loader": "^0.21.0", "transfer-webpack-plugin": "^0.1.4", - "webpack": "^1.13.0", - "webpack-dev-middleware": "^1.6.1", + "webpack": "^4.12.0", + "webpack-cli": "^3.0.8", + "webpack-dev-middleware": "^3.1.3", "webpack-hot-middleware": "^2.10.0" }, "repository": "github:react-toolbox/react-toolbox", diff --git a/docs/postcss.config.js b/docs/postcss.config.js new file mode 100644 index 000000000..973849c92 --- /dev/null +++ b/docs/postcss.config.js @@ -0,0 +1,27 @@ +const path = require('path'); +const toolboxVariables = require('./toolbox-variables'); + +module.exports = { + plugins: [ + require('postcss-import')({ + root: path.join(__dirname, './../'), + path: [ + path.join(__dirname, './app'), + path.join(__dirname, './../components') + ] + }), + require('postcss-mixins')(), + require('postcss-each')(), + require('postcss-apply')(), + require('postcss-preset-env')({ + stage: 0, + features: { + 'custom-properties': { + variables: toolboxVariables, + preserve: false + } + } + }), + require('postcss-reporter')({ clearMessages: true }) + ] +} \ No newline at end of file diff --git a/docs/webpack.config.development.js b/docs/webpack.config.development.js index 813fab573..5fe2a18c6 100644 --- a/docs/webpack.config.development.js +++ b/docs/webpack.config.development.js @@ -1,86 +1,100 @@ const path = require('path'); const webpack = require('webpack'); -const ExtractTextPlugin = require('extract-text-webpack-plugin'); +const MiniCssExtractPlugin = require("mini-css-extract-plugin"); const TransferWebpackPlugin = require('transfer-webpack-plugin'); -const toolboxVariables = require('./toolbox-variables'); module.exports = { context: __dirname, + mode: 'development', devtool: 'inline-source-map', entry: [ - 'webpack-hot-middleware/client', + 'webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000', 'babel-polyfill', './app/index.js' ], + output: { path: path.join(__dirname, 'build'), filename: 'docs.js', publicPath: '/' }, + resolve: { - extensions: ['', '.js', '.scss', '.css', '.json', '.md'], - packageMains: ['browser', 'web', 'browserify', 'main', 'style'], + extensions: ['.js', '.scss', '.css', '.json', '.md'], + mainFields: ['browser', 'web', 'browserify', 'main', 'style'], alias: { 'react-toolbox': path.resolve(`${__dirname}./../components`) }, - modulesDirectories: [ + modules: [ 'node_modules', path.resolve(__dirname, './node_modules'), path.resolve(__dirname, './../node_modules'), path.resolve(__dirname, './../components') ] }, + module: { - loaders: [{ + rules: [{ test: /\.js$/, include: [path.resolve(__dirname, './app'), path.resolve(__dirname, './../components')], - loader: 'babel' - }, { + use: ['babel-loader'] + }, + { test: /\.css$/, include: /node_modules/, - loaders: ['style-loader', 'css-loader'] - }, { + use: ['style-loader', 'css-loader'] + }, + { test: /\.css$/, include: [path.resolve(__dirname, './app'), path.resolve(`${__dirname}./../components`)], - loader: ExtractTextPlugin.extract('style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss') - }, { + use: [ + MiniCssExtractPlugin.loader, + { + loader: 'css-loader', + options: { + sourceMap: true, + modules: true, + importLoaders: 1, + localIdentName: '[name]__[local]___[hash:base64:5]', + } + }, + { + loader: 'postcss-loader', + options: { + config: { + path: path.join(__dirname, './postcss.config.js') + } + } + } + ] + }, + { test: /\.txt$/, include: path.resolve(__dirname, './app/components/layout/main/modules'), - loader: 'raw' - }, { + use: ['raw-loader'] + }, + { test: /\.md$/, include: [path.join(__dirname, './../components'), path.join(__dirname, './app')], - loader: 'html!highlight!markdown' - }] - }, - postcss (webpackInstance) { - return [ - require('postcss-import')({ - addDependencyTo: webpackInstance, - root: path.join(__dirname, './../'), - path: [ - path.join(__dirname, './app'), - path.join(__dirname, './../components') - ] - }), - require('postcss-mixins')(), - require('postcss-each')(), - require('postcss-cssnext')({ - features: { - customProperties: { - variables: toolboxVariables + use: ['html-loader', 'highlight-loader', + { + loader: 'markdown-loader', + options: { + langPrefix: 'lang-' } - } - }), - require('postcss-reporter')({ clearMessages: true }) - ]; + }] + }] }, + plugins: [ - new ExtractTextPlugin('docs.css', { allChunks: true }), + new MiniCssExtractPlugin({ + filename: 'docs.css', + allChunks: true + }), new TransferWebpackPlugin([{ from: 'www/images', to: 'images' }], path.resolve(__dirname, './')), new webpack.HotModuleReplacementPlugin(), - new webpack.NoErrorsPlugin(), + new webpack.NoEmitOnErrorsPlugin(), new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('development') }) diff --git a/docs/webpack.config.production.js b/docs/webpack.config.production.js index e89688d10..fcecad7a4 100644 --- a/docs/webpack.config.production.js +++ b/docs/webpack.config.production.js @@ -1,77 +1,97 @@ const path = require('path'); const webpack = require('webpack'); -const ExtractTextPlugin = require('extract-text-webpack-plugin'); +const MiniCssExtractPlugin = require("mini-css-extract-plugin"); const HtmlWebpackPlugin = require('html-webpack-plugin'); const TransferWebpackPlugin = require('transfer-webpack-plugin'); -const toolboxVariables = require('./toolbox-variables'); module.exports = { context: __dirname, + mode: 'production', entry: ['./app/index.js'], output: { path: path.join(__dirname, 'build'), filename: 'docs.js' }, resolve: { - extensions: ['', '.js', '.scss', '.css', '.json', '.md'], - packageMains: ['browser', 'web', 'browserify', 'main', 'style'], + extensions: ['.js', '.scss', '.css', '.json', '.md'], + mainFields: ['browser', 'web', 'browserify', 'main', 'style'], alias: { 'react-toolbox': path.resolve(`${__dirname}./../components`) }, - modulesDirectories: [ + modules: [ 'node_modules', - path.resolve(__dirname, './node_modules'), path.resolve(__dirname, './../node_modules'), path.resolve(__dirname, './../components') ] }, + + module: { - loaders: [{ + rules: [{ test: /\.js$/, include: [path.resolve(__dirname, './app'), path.resolve(__dirname, './../components')], - loader: 'babel' - }, { + use: ['babel-loader'] + }, + { test: /\.css$/, include: /node_modules/, - loaders: ['style-loader', 'css-loader'] - }, { + use: ['style-loader', 'css-loader'] + }, + { test: /\.css$/, include: [path.resolve(__dirname, './app'), path.resolve(`${__dirname}./../components`)], - loader: ExtractTextPlugin.extract('style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss') - }, { + use: [ + MiniCssExtractPlugin.loader, + { + loader: 'css-loader', + options: { + sourceMap: true, + modules: true, + importLoaders: 1, + localIdentName: '[name]__[local]___[hash:base64:5]', + } + }, + { + loader: 'postcss-loader', + options: { + config: { + path: path.join(__dirname, './postcss.config.js') + } + } + } + ] + }, + { test: /\.txt$/, include: path.resolve(__dirname, './app/components/layout/main/modules'), - loader: 'raw' - }, { + use: ['raw-loader'] + }, + { test: /\.md$/, include: [path.join(__dirname, './../components'), path.join(__dirname, './app')], - loader: 'html?removeComments=false!highlight!markdown' + use: [ + { + loader: 'html-loader', + options: { + removeComments: false, + } + }, + 'highlight-loader', + { + loader: 'markdown-loader', + options: { + langPrefix: 'lang-' + } + }] }] }, - postcss (webpackInstance) { - return [ - require('postcss-import')({ - addDependencyTo: webpackInstance, - root: path.join(__dirname, './../'), - path: [ - path.join(__dirname, './app'), - path.join(__dirname, './../components') - ] - }), - require('postcss-mixins')(), - require('postcss-each')(), - require('postcss-cssnext')({ - features: { - customProperties: { - variables: toolboxVariables - } - } - }), - require('postcss-reporter')({ clearMessages: true }) - ]; + + optimization: { + minimize: true, }, + plugins: [ - new ExtractTextPlugin('docs.css', { allChunks: true }), - new webpack.optimize.UglifyJsPlugin({ - compress: { warnings: false } + new MiniCssExtractPlugin({ + filename: 'docs.css', + allChunks: true }), new HtmlWebpackPlugin({ inject: false, @@ -83,7 +103,6 @@ module.exports = { }, { from: 'www/other' }], path.resolve(__dirname, './')), - new webpack.optimize.OccurenceOrderPlugin(), new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('production') }) From 1287d7eb4966e9c1e84126602862baac4b8056ba Mon Sep 17 00:00:00 2001 From: Matthew Rumery Date: Wed, 20 Jun 2018 20:06:03 -0600 Subject: [PATCH 058/136] update deps for docs site --- docs/package.json | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/package.json b/docs/package.json index 9ad1a9464..da38debad 100644 --- a/docs/package.json +++ b/docs/package.json @@ -15,16 +15,16 @@ "codemirror": "^5.14.2", "history": "^2.1.1", "react": "^15.5.0", - "react-css-themr": "^1.2.0", + "react-css-themr": "^2.1.2", "react-dom": "^15.5.0", "react-router": "^2.4.0" }, "devDependencies": { - "autoprefixer": "^6.4.0", + "autoprefixer": "^8.6.3", "babel-core": "^6.13.2", - "babel-eslint": "^7.1.1", + "babel-eslint": "^8.2.3", "babel-loader": "^7.1.4", - "babel-plugin-react-transform": "^2.0.2", + "babel-plugin-react-transform": "^3.0.0", "babel-preset-env": "^1.7.0", "babel-preset-react": "^6.5.0", "babel-preset-stage-0": "^6.5.0", @@ -32,7 +32,7 @@ "cross-env": "^5.2.0", "css-loader": "^0.28.11", "express": "^4.13.4", - "gh-pages": "^0.12.0", + "gh-pages": "^1.2.0", "highlight-loader": "^0.7.2", "highlight.js": "^9.3.0", "html-loader": "^0.5.5", From 52b6685ba5f8ad263967f2127ac0c8953bd3d272 Mon Sep 17 00:00:00 2001 From: Matthew Rumery Date: Wed, 20 Jun 2018 20:12:01 -0600 Subject: [PATCH 059/136] fix margin-top for logo in app-bar --- docs/app/components/appbar/style.css | 1 - 1 file changed, 1 deletion(-) diff --git a/docs/app/components/appbar/style.css b/docs/app/components/appbar/style.css index 14636cb4c..f4448e857 100644 --- a/docs/app/components/appbar/style.css +++ b/docs/app/components/appbar/style.css @@ -22,7 +22,6 @@ display: block; fill: var(--color-primary-contrast); height: var(--appbar-logo-size); - margin-top: calc((var(--appbar-height) - var(--appbar-logo-size)) / 2); width: var(--appbar-logo-size); } From 664523ce10ecb2b0fbfc0490735c96cc2d0dab3a Mon Sep 17 00:00:00 2001 From: Matthew Rumery Date: Mon, 25 Jun 2018 18:34:09 -0600 Subject: [PATCH 060/136] set postcss-preset-env custom-properties preserve to false --- webpack/postcss.config.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/webpack/postcss.config.js b/webpack/postcss.config.js index c24999429..ed312fb5c 100644 --- a/webpack/postcss.config.js +++ b/webpack/postcss.config.js @@ -12,6 +12,11 @@ module.exports = { 'postcss-nesting': {}, 'postcss-preset-env': { stage: 0, + features: { + 'custom-properties': { + preserve: false + } + } }, 'postcss-reporter': { clearMessages: true From bfca2e74d3e98006cffaca2eb4c5e199cccf78a2 Mon Sep 17 00:00:00 2001 From: Matthew Rumery Date: Mon, 25 Jun 2018 23:37:29 -0600 Subject: [PATCH 061/136] add whitespace escape code in markdown files to display tables correctly on docs site --- components/autocomplete/readme.md | 22 +++++++++---------- components/avatar/readme.md | 6 +++--- components/button/readme.md | 16 +++++++------- components/card/readme.md | 36 +++++++++++++++---------------- components/checkbox/readme.md | 10 ++++----- components/chip/readme.md | 4 ++-- components/date_picker/readme.md | 34 ++++++++++++++--------------- components/dialog/readme.md | 12 +++++------ components/drawer/readme.md | 2 +- components/dropdown/readme.md | 16 +++++++------- components/font_icon/readme.md | 2 +- components/input/readme.md | 20 ++++++++--------- components/layout/readme.md | 18 ++++++++-------- components/link/readme.md | 6 +++--- components/list/readme.md | 36 +++++++++++++++---------------- components/menu/readme.md | 24 ++++++++++----------- components/navigation/readme.md | 6 +++--- components/radio/readme.md | 16 +++++++------- components/ripple/readme.md | 2 +- components/slider/readme.md | 2 +- components/snackbar/readme.md | 12 +++++------ components/switch/readme.md | 12 +++++------ components/table/readme.md | 12 +++++------ components/tabs/readme.md | 10 ++++----- components/time_picker/readme.md | 14 ++++++------ components/tooltip/readme.md | 10 ++++----- 26 files changed, 180 insertions(+), 180 deletions(-) diff --git a/components/autocomplete/readme.md b/components/autocomplete/readme.md index cf87d226b..0a2abcbe4 100644 --- a/components/autocomplete/readme.md +++ b/components/autocomplete/readme.md @@ -47,23 +47,23 @@ If you want to provide a theme via context, the component key is `RTAutocomplete | `className` | `String` | `''` | Sets a class to style of the Component.| | `direction` | `String` | `auto` | Determines the opening direction. It can be `auto`, `up` or `down`. | | `disabled` | `Bool` | `false` | If true, component will be disabled. | -| `error` | `String` or `Node` | | Sets the error string for the internal input element. | +| `error` | `String` or `Node` |   | Sets the error string for the internal input element. | | `keepFocusOnChange` | `Bool` | `false` | Whether component should keep focus after value change. | -| `label` | `String` or `Node` | | The text string to use for the floating label element. | +| `label` | `String` or `Node` |   | The text string to use for the floating label element. | | `multiple` | `Bool` | `true` | If true, component can hold multiple values. | -| `onBlur` | `Function` | | Callback function that is fired when component is blurred. | -| `onChange` | `Function` | | Callback function that is fired when the components's value changes. | -| `onFocus` | `Function` | | Callback function that is fired when component is focused. | -| `onKeyDown` | `Function` | | Callback function that is fired when a key is pressed down. | -| `onKeyUp` | `Function` | | Callback function that is fired when a key is lifted up. | -| `onQueryChange` | `Function` | | Callback function that is fired when the components's query input value changes. | -| `query` | `String` | | This property has to be used in case the `source` is not static and will be changing during search for `multiple={false}` autocomplete, content of the `query` has to be managed by the `onQueryChange` callback. | -| `source` | `Object` or `Array` | | Object of key/values or array representing all items suggested. | +| `onBlur` | `Function` |   | Callback function that is fired when component is blurred. | +| `onChange` | `Function` |   | Callback function that is fired when the components's value changes. | +| `onFocus` | `Function` |   | Callback function that is fired when component is focused. | +| `onKeyDown` | `Function` |   | Callback function that is fired when a key is pressed down. | +| `onKeyUp` | `Function` |   | Callback function that is fired when a key is lifted up. | +| `onQueryChange` | `Function` |   | Callback function that is fired when the components's query input value changes. | +| `query` | `String` |   | This property has to be used in case the `source` is not static and will be changing during search for `multiple={false}` autocomplete, content of the `query` has to be managed by the `onQueryChange` callback. | +| `source` | `Object` or `Array` |   | Object of key/values or array representing all items suggested. | | `selectedPosition` | `String` | `above` | Determines if the selected list is shown above or below input. It can be `above`, `below` or `none`. | | `showSelectedWhenNotInSource` | `Bool` | `false` | Determines if the selected list is shown if the `value` keys don't exist in the source. Only works if passing the `value` prop as an Object. | | `showSuggestionsWhenValueIsSet` | `Bool` | `false` | If true, the list of suggestions will not be filtered when a value is selected, until the query is modified. | | `suggestionMatch` | `String` | `start` | Determines how suggestions are supplied. It can be `start` (query matches the start of a suggestion), `anywhere` (query matches anywhere inside the suggestion), `word` (query matches the start of a word in the suggestion) or `disabled` (disable filtering of provided source, all items are shown). | -| `value` | `String`, `Array` or `Object` | | Value or array of values currently selected component. | +| `value` | `String`, `Array` or `Object` |   | Value or array of values currently selected component. | Additional properties will be passed to the Input Component so you can use `hint`, `name` ... etc. diff --git a/components/avatar/readme.md b/components/avatar/readme.md index b8b27e77b..f81776607 100644 --- a/components/avatar/readme.md +++ b/components/avatar/readme.md @@ -31,11 +31,11 @@ If you want to provide a theme via context, the component key is `RTAvatar`. | Name | Type | Default | Description| |:-----|:-----|:-----|:-----| | `alt` | `String` | `''` | An alternative text for the image or icon.| -| `children` | `Node` | | Children for the avatar. You can pass an SVG for a custom icon or, for example, an image.| +| `children` | `Node` |   | Children for the avatar. You can pass an SVG for a custom icon or, for example, an image.| | `className` | `String` | `''` | Set a class to style the Component.| | `cover` | `Boolean` | `''` | Set to true if your image is not squared so it will be used as a cover for the element.| -| `icon` | `String` or `Element` | | A key to identify an Icon from Material Design Icons or a custom Icon Element.| -| `image` | `String` or `Element` | | An image source or an image element. | +| `icon` | `String` or `Element` |   | A key to identify an Icon from Material Design Icons or a custom Icon Element.| +| `image` | `String` or `Element` |   | An image source or an image element. | | `title` | `String` | `''` | A title for the image. If no image is provided, the first letter will be displayed as the avatar. | | `theme` | `Object` | `null` | Classnames object defining the component style.| diff --git a/components/button/readme.md b/components/button/readme.md index 623b4e91d..4dd1ca251 100644 --- a/components/button/readme.md +++ b/components/button/readme.md @@ -42,19 +42,19 @@ If you want to provide a theme via context, the component key is `RTButton`. | `disabled` | `Boolean` | `false` | If true, component will be disabled.| | `flat` | `Boolean` | `false` | If true, the button will have a flat look. | | `floating` | `Boolean` | `false` | If true, the button will have a floating look. | -| `href` | `String` | | Creates a link for the button. | -| `icon` | `String` or `Element` | | Value of the icon (See Font Icon Component). | -| `inverse` | `Boolean` | | If true, the neutral colors are inverted. Useful to put a button over a dark background. | -| `label` | `String` | | The text string to use for the name of the button.| +| `href` | `String` |   | Creates a link for the button. | +| `icon` | `String` or `Element` |   | Value of the icon (See Font Icon Component). | +| `inverse` | `Boolean` |   | If true, the neutral colors are inverted. Useful to put a button over a dark background. | +| `label` | `String` |   | The text string to use for the name of the button.| | `mini` | `Boolean` | `false` | To be used with floating button. If true, the button will be smaller.| | `neutral` | `Boolean` | `true` | Set it to `false` if you don't want the neutral styles to be included.| -| `onMouseEnter` | `Function` | | Fires after the mouse enters the Component.| -| `onMouseLeave` | `Function` | | Fires after the mouse leaves the Component.| -| `onMouseUp` | `Function` | | Fires after the mouse is released from the Component.| +| `onMouseEnter` | `Function` |   | Fires after the mouse enters the Component.| +| `onMouseLeave` | `Function` |   | Fires after the mouse leaves the Component.| +| `onMouseUp` | `Function` |   | Fires after the mouse is released from the Component.| | `primary` | `Boolean` | `false` | Indicates if the button should have primary color.| | `raised` | `Boolean` | `false` | If true, the button will have a raised look. | | `ripple` | `Boolean` | `true` | If true, component will have a ripple effect on click.| -| `theme` | `Object` | | Theme object with classnames that will be used to style the component.| +| `theme` | `Object` |   | Theme object with classnames that will be used to style the component.| | `type` | `String` | `button` | Component root container type.| By default it will have neutral colors and a flat aspect even though the `flat` property is `false` by default. Also, some properties exclude others, for example a button cannot be `flat` and `raised` at the same time. diff --git a/components/card/readme.md b/components/card/readme.md index 292d8a492..ff49a2070 100644 --- a/components/card/readme.md +++ b/components/card/readme.md @@ -47,9 +47,9 @@ that all subcomponents are placed within. ### Properties | Name | Type | Default | Description | |:-----|:-----|:-----|:-----| -| `children` | `Any` | | Child components, usually Card subcomponents. | -| `className` | `String` | | Additional class(es) for custom styling. | -| `raised` | `Boolean` | | Increases the shadow depth to appear elevated. | +| `children` | `Any` |   | Child components, usually Card subcomponents. | +| `className` | `String` |   | Additional class(es) for custom styling. | +| `raised` | `Boolean` |   | Increases the shadow depth to appear elevated. | ### Theme @@ -64,11 +64,11 @@ A versatile title block that can be used in various places on the card, includin ### Properties | Name | Type | Default | Description | |:-----|:-----|:-----|:-----| -| `avatar` | `String` or `Element` | | A string URL or Element to specify an avatar in the left side of the title. | -| `children` | `String`, `Element` or `Array` | | Children to pass through the component. | -| `className` | `String` | | Additional class(es) for custom styling. | -| `subtitle` | `String` | | Text used for the sub header of the card. | -| `title` | `String` | | Text used for the title of the card. | +| `avatar` | `String` or `Element` |   | A string URL or Element to specify an avatar in the left side of the title. | +| `children` | `String`, `Element` or `Array` |   | Children to pass through the component. | +| `className` | `String` |   | Additional class(es) for custom styling. | +| `subtitle` | `String` |   | Text used for the sub header of the card. | +| `title` | `String` |   | Text used for the title of the card. | ### Theme @@ -87,12 +87,12 @@ Used for displaying media such as images or videos on a card. Can also be used w ### Properties | Name | Type | Default | Description | |:-----|:-----|:-----|:-----| -| `aspectRatio` | `enum`(`'wide'`,`'square'`) | | Forces a 16:9 or 1:1 aspect ratio respectively. Unset, the media area will have a flexible height. | -| `children` | `Any` | | Usually an image/video element or a `` component. | -| `className` | `String` | | Additional class(es) for custom styling. | -| `color` | `String` | | Sets the background color. | -| `contentOverlay` | `Boolean` | | Creates a dark overlay underneath the child components. | -| `image` | `String`, `Element` | | Can be used instead of children. Accepts an element or a URL string. | +| `aspectRatio` | `enum`(`'wide'`,`'square'`) |   | Forces a 16:9 or 1:1 aspect ratio respectively. Unset, the media area will have a flexible height. | +| `children` | `Any` |   | Usually an image/video element or a `` component. | +| `className` | `String` |   | Additional class(es) for custom styling. | +| `color` | `String` |   | Sets the background color. | +| `contentOverlay` | `Boolean` |   | Creates a dark overlay underneath the child components. | +| `image` | `String`, `Element` |   | Can be used instead of children. Accepts an element or a URL string. | ### Theme @@ -110,8 +110,8 @@ Basic card content container. Good for small descriptions or other supplementary ### Properties | Name | Type | Default | Description | |:-----|:-----|:-----|:-----| -| `children` | `Any` | | Children to pass through the component. | -| `className` | `String` | | Additional class(es) for custom styling. | +| `children` | `Any` |   | Children to pass through the component. | +| `className` | `String` |   | Additional class(es) for custom styling. | ### Theme @@ -127,8 +127,8 @@ This component is used as a container for supplemental card actions. Supplementa | Name | Type | Default | Description | |:-----|:-----|:-----|:-----| -| `children` | `Any` | | Children to pass through the component. | -| `className` | `String` | | Additional class(es) for custom styling. | +| `children` | `Any` |   | Children to pass through the component. | +| `className` | `String` |   | Additional class(es) for custom styling. | ### Theme diff --git a/components/checkbox/readme.md b/components/checkbox/readme.md index cb22eef5e..b77bcde9d 100644 --- a/components/checkbox/readme.md +++ b/components/checkbox/readme.md @@ -44,14 +44,14 @@ If you want to provide a theme via context, the component key is `RTCheckbox`. | Name | Type | Default | Description| |:-----|:-----|:-----|:-----| | `checked` | `Boolean` | `false` | Value for the checkbox, can be `true` or `false`. | -| `children` | `String`, `Element` or `Array` | | Children to pass through the component. | +| `children` | `String`, `Element` or `Array` |   | Children to pass through the component. | | `className` | `String` | `''` | Sets a class to give customized styles to the checkbox field.| | `disabled` | `Boolean` | `false` | If true, the checkbox shown as disabled and cannot be modified.| -| `label` | `String` or `node` | | Text label to attach next to the checkbox element.| +| `label` | `String` or `node` |   | Text label to attach next to the checkbox element.| | `name` | `String` | `false` | The name of the field to set in the input checkbox.| -| `onBlur` | `Function` | | Callback called when the checkbox is blurred.| -| `onChange` | `Function` | | Callback called when the checkbox value is changed.| -| `onFocus` | `Function` | | Callback called when the checkbox is focused | +| `onBlur` | `Function` |   | Callback called when the checkbox is blurred.| +| `onChange` | `Function` |   | Callback called when the checkbox value is changed.| +| `onFocus` | `Function` |   | Callback called when the checkbox is focused | ## Theme diff --git a/components/chip/readme.md b/components/chip/readme.md index e8ab3a876..650bac1df 100644 --- a/components/chip/readme.md +++ b/components/chip/readme.md @@ -40,10 +40,10 @@ If you want to provide a theme via context, the component key is `RTChip`. | Name | Type | Default | Description| |:----------------|:------------|:----------------|:-----------| -| `children` | `Node` | | Child components, usually `Avatar` and inline elements. | +| `children` | `Node` |   | Child components, usually `Avatar` and inline elements. | | `className` | `String` | `''` | Additional class name to provide custom styling.| | `deletable` | `Boolean` | `false` | If true, the chip will be rendered with a delete icon.| -| `onDeleteClick` | `Function` | | Callback to be invoked when the delete icon is clicked. | +| `onDeleteClick` | `Function` |   | Callback to be invoked when the delete icon is clicked. | ## Theme diff --git a/components/date_picker/readme.md b/components/date_picker/readme.md index a62da27e0..2e4943ba6 100644 --- a/components/date_picker/readme.md +++ b/components/date_picker/readme.md @@ -49,25 +49,25 @@ If you want to provide a theme via context, the component key is `RTDatePicker`. | `active` | `Boolean` | `false` | Allows to control if the picker should be shown from outside. Beware you should update the prop when the Dialog is closed. | | `autoOk` | `Boolean` | `false` | Automatically selects a date upon clicking on a day. | | `cancelLabel` | `String` | `'Cancel'` | Label used for cancel button on date picker dialog. | -| `className` | `String` | | This class will be placed at the top of the `DatePickerDialog` component so you can provide custom styles.| -| `disabledDates` | `Array` | | An array of date objects which will be disabled in the calendar. All other dates will be enabled.| -| `enabledDates` | `Array` | | An array of date objects which will be enabled in the calendar. All other dates will be disabled.| -| `error` | `String` | | Give an error message to display under the field.| -| `inputClassName`| `String` | | This class will be applied to `Input` component of `DatePicker`. | -| `inputFormat` | `Function` | | Function to format the date displayed on the input. | -| `label` | `String` | | The text string to use for the floating label element in the input component.| +| `className` | `String` |   | This class will be placed at the top of the `DatePickerDialog` component so you can provide custom styles.| +| `disabledDates` | `Array` |   | An array of date objects which will be disabled in the calendar. All other dates will be enabled.| +| `enabledDates` | `Array` |   | An array of date objects which will be enabled in the calendar. All other dates will be disabled.| +| `error` | `String` |   | Give an error message to display under the field.| +| `inputClassName`| `String` |   | This class will be applied to `Input` component of `DatePicker`. | +| `inputFormat` | `Function` |   | Function to format the date displayed on the input. | +| `label` | `String` |   | The text string to use for the floating label element in the input component.| | `locale` | `String` or `Object` | `'en'` | Set the locale for the date picker dialog ('de','no','en','es','af','ar','be','bg','bn','bo','br','bs','ca','gl','eu','pt','it','fr','ru','ua'). Object is supported too (see example above). | -| `maxDate` | `Date` | | Date object with the maximum selectable date. | -| `minDate` | `Date` | | Date object with the minimum selectable date. | -| `onChange` | `Function` | | Callback called when the picker value is changed.| -| `onClick` | `Function` | | Callback fired on Input click.| -| `onDismiss` | `Function` | | Callback fired after dismissing the Dialog.| -| `onEscKeyDown` | `Function` | | Callback called when the ESC key is pressed with the overlay active. | -| `onKeyPress` | `Function` | | Callback invoked on Input key press. -| `onOverlayClick`| `Function` | | Callback to be invoked when the dialog overlay is clicked.| -| `readonly` | `Boolean` | | The input element will be readonly and look like disabled.| +| `maxDate` | `Date` |   | Date object with the maximum selectable date. | +| `minDate` | `Date` |   | Date object with the minimum selectable date. | +| `onChange` | `Function` |   | Callback called when the picker value is changed.| +| `onClick` | `Function` |   | Callback fired on Input click.| +| `onDismiss` | `Function` |   | Callback fired after dismissing the Dialog.| +| `onEscKeyDown` | `Function` |   | Callback called when the ESC key is pressed with the overlay active. | +| `onKeyPress` | `Function` |   | Callback invoked on Input key press. +| `onOverlayClick`| `Function` |   | Callback to be invoked when the dialog overlay is clicked.| +| `readonly` | `Boolean` |   | The input element will be readonly and look like disabled.| | `sundayFirstDayOfWeek` | `Boolean`| `false` | Set week's first day to Sunday. Default week's first day is Monday ([ISO 8601](https://en.wikipedia.org/wiki/ISO_8601#Week_dates)). | -| `value` | `Date` | | Date object with the currently selected date. | +| `value` | `Date` |   | Date object with the currently selected date. | ## Theme diff --git a/components/dialog/readme.md b/components/dialog/readme.md index a1a7ab72f..b00f2f118 100644 --- a/components/dialog/readme.md +++ b/components/dialog/readme.md @@ -48,12 +48,12 @@ If you want to provide a theme via context, the component key is `RTDialog`. | `actions` | `Array` | `[]` | A array of objects representing the buttons for the dialog navigation area. The properties will be transferred to the buttons.| | `active` | `Boolean` | `false` | If true, the dialog will be active.| | `className` | `String` | `''` | Sets a class to give customized styles to the dialog.| -| `onEscKeyDown` | `Function` | | Callback called when the ESC key is pressed with the overlay active. | -| `onOverlayClick` | `Function` | | Callback to be invoked when the dialog overlay is clicked.| -| `onOverlayMouseDown` | `Function` | | Callback called when the mouse button is pressed on the overlay. | -| `onOverlayMouseMove` | `Function` | | Callback called when the mouse is moving over the overlay. | -| `onOverlayMouseUp` | `Function` | | Callback called when the mouse button is released over the overlay. | -| `title` | `String` | | The text string to use as standar title of the dialog.| +| `onEscKeyDown` | `Function` |   | Callback called when the ESC key is pressed with the overlay active. | +| `onOverlayClick` | `Function` |   | Callback to be invoked when the dialog overlay is clicked.| +| `onOverlayMouseDown` | `Function` |   | Callback called when the mouse button is pressed on the overlay. | +| `onOverlayMouseMove` | `Function` |   | Callback called when the mouse is moving over the overlay. | +| `onOverlayMouseUp` | `Function` |   | Callback called when the mouse button is released over the overlay. | +| `title` | `String` |   | The text string to use as standar title of the dialog.| | `type` | `String` | `normal` | Used to determine the size of the dialog. It can be `small`, `normal`, `large` or `fullscreen`. | Notice that the `fullscreen` option only applies on mobile devices with small screens (i.e. cellphones), and on other devices it behaves as a `large` dialog. diff --git a/components/drawer/readme.md b/components/drawer/readme.md index 159fc80a4..5a05628ce 100644 --- a/components/drawer/readme.md +++ b/components/drawer/readme.md @@ -38,7 +38,7 @@ If you want to provide a theme via context, the component key is `RTDrawer`. | `active` | `Boolean` | `false` | If true, the drawer will be visible.| | `className` | `String` | `''` | Sets a class to give customized styles to the drawer.| | `insideTree` | `Boolean` | `false` | If true the Drawer is rendered inside the normal tree.| -| `onOverlayClick` | `Function` | | Callback function to be invoked when the overlay is clicked.| +| `onOverlayClick` | `Function` |   | Callback function to be invoked when the overlay is clicked.| | `type` | `String` | `left` | Type of drawer. It can be `left` or `right` to display the drawer on the left or right side of the screen.| | `withOverlay` | `String` | `true` | If true display an Overlay that locks the scroll when the Drawer is active.| diff --git a/components/dropdown/readme.md b/components/dropdown/readme.md index 7d7870a4c..14be8dfac 100644 --- a/components/dropdown/readme.md +++ b/components/dropdown/readme.md @@ -43,14 +43,14 @@ If you want to provide a theme via context, the component key is `RTDropdown`. | `auto` | `Boolean` | `true` | If true, the dropdown will open up or down depending on the position in the screen.| | `className` | `String` | `''` | Set the class to give custom styles to the dropdown.| | `disabled` | `Boolean` | `false` | Set the component as disabled.| -| `error` | `String` | | Give an error string to display under the field.| -| `label` | `String` | | The text string to use for the floating label element.| -| `onBlur` | `Function` | | Callback function that is fired when the component is blurred.| -| `onChange` | `Function` | | Callback function that is fired when the component's value changes.| -| `onFocus` | `Function` | | Callback function that is fired when the component is focused.| -| `source` | `Array` | | Array of data objects with the data to represent in the dropdown.| -| `template` | `Function` | | Callback function that returns a JSX template to represent the element.| -| `value` | `String` | | Default value using JSON data.| +| `error` | `String` |   | Give an error string to display under the field.| +| `label` | `String` |   | The text string to use for the floating label element.| +| `onBlur` | `Function` |   | Callback function that is fired when the component is blurred.| +| `onChange` | `Function` |   | Callback function that is fired when the component's value changes.| +| `onFocus` | `Function` |   | Callback function that is fired when the component is focused.| +| `source` | `Array` |   | Array of data objects with the data to represent in the dropdown.| +| `template` | `Function` |   | Callback function that returns a JSX template to represent the element.| +| `value` | `String` |   | Default value using JSON data.| | `required` | `Boolean` | `false` | If true, the dropdown has a required attribute.| ## Theming diff --git a/components/font_icon/readme.md b/components/font_icon/readme.md index 4b0fee55d..cab39c81d 100644 --- a/components/font_icon/readme.md +++ b/components/font_icon/readme.md @@ -22,4 +22,4 @@ const FontIcons = () => ( |:-----|:-----|:-----|:-----| | `alt` | `String` | `''` | The text used to set the `aria-label` attribute. | `className` | `String` | `''` | The class name to give custom styles such as sizing.| -| `value` | `String` or `Element` | | The key string for the icon you want be displayed.| +| `value` | `String` or `Element` |   | The key string for the icon you want be displayed.| diff --git a/components/input/readme.md b/components/input/readme.md index 5130c41ee..a0c99afec 100644 --- a/components/input/readme.md +++ b/components/input/readme.md @@ -35,21 +35,21 @@ If you want to provide a theme via context, the component key is `RTInput`. |:-----|:-----|:-----|:-----| | `className` | `String` | `''` | Sets a class name to give custom styles.| | `disabled` | `Boolean` | `false` | If true, component will be disabled.| -| `error` | `String` or `Node` | | Give an error node to display under the field.| +| `error` | `String` or `Node` |   | Give an error node to display under the field.| | `floating` | `Boolean` | `true` | Indicates if the label is floating in the input field or not.| | `hint` | `String` or `Node` | `''` | The text string to use for hint text element.| -| `icon` | `String` or `Element` | | Name of an icon to use as a label for the input.| -| `label` | `String` or `Node` | | The text string to use for the floating label element.| -| `maxLength` | `Number` | | Specifies the maximum number of characters allowed in the component.| +| `icon` | `String` or `Element` |   | Name of an icon to use as a label for the input.| +| `label` | `String` or `Node` |   | The text string to use for the floating label element.| +| `maxLength` | `Number` |   | Specifies the maximum number of characters allowed in the component.| | `multiline` | `Boolean` | `false` | If true, a textarea element will be rendered. The textarea also grows and shrinks according to the number of lines.| -| `rows` | `Number` | | The number of rows the multiline input field has.| -| `onBlur` | `Function` | | Callback function that is fired when component is blurred.| -| `onChange` | `Function` | | Callback function that is fired when the component's value changes.| -| `onFocus` | `Function` | | Callback function that is fired when component is focused.| -| `onKeyPress` | `Function` | | Callback function that is fired when a key is pressed.| +| `rows` | `Number` |   | The number of rows the multiline input field has.| +| `onBlur` | `Function` |   | Callback function that is fired when component is blurred.| +| `onChange` | `Function` |   | Callback function that is fired when the component's value changes.| +| `onFocus` | `Function` |   | Callback function that is fired when component is focused.| +| `onKeyPress` | `Function` |   | Callback function that is fired when a key is pressed.| | `required` | `Boolean` | `false` | If true, the html input has a required attribute.| | `type` | `String` | `text` | Type of the input element. It can be a valid HTML5 input type| -| `value` | `Any` | | Current value of the input element.| +| `value` | `Any` |   | Current value of the input element.| ## Theming diff --git a/components/layout/readme.md b/components/layout/readme.md index 3ad0e6681..97359613d 100644 --- a/components/layout/readme.md +++ b/components/layout/readme.md @@ -137,8 +137,8 @@ If the column layout does not suit your needs, simply fill the content area with ### Properties | Name | Type | Default | Description | |:-----|:-----|:-----|:-----| -| `children` | `Nodes` | | Can hold a `Panel`, along with a `NavDrawer`, a `Sidebar` and an `AppBar` | -| `className` | `string` | | Additional class(es) for custom styling. | +| `children` | `Nodes` |   | Can hold a `Panel`, along with a `NavDrawer`, a `Sidebar` and an `AppBar` | +| `className` | `string` |   | Additional class(es) for custom styling. | ### Theme The themed key the `Layout` in general is `ToolboxLayout`. We add classes to the root element depending on the parsed children: @@ -162,7 +162,7 @@ The [navigation drawer](https://material.google.com/patterns/navigation-drawer.h | Breakpoint | Drawer Width | Notes | |:-----|:-----|:-----| | < `xs` | 280px or (Screen width - 85px) | whichever is smaller | -| > `xs` | 320px | | +| > `xs` | 320px |   | | > `xs` | 400px | If property `width` is set to `wide` | The drawer can be docked to the left side of the screen or can float temporarily as an overlay. You can control the drawer's display manually `active` and `pinned` properties, and can also specify a breakpoint at which the drawer automatically becomes permanently docked. You can also use a `clipped` property when it's pinned so the `AppBar` would stick over the Drawer. @@ -171,11 +171,11 @@ The drawer can be docked to the left side of the screen or can float temporarily | Name | Type | Default | Description | |:-----|:-----|:-----|:-----| | `active` | `bool` | `false` | If true, the drawer will be shown as an overlay. | -| `className` | `string` | | Additional class(es) for custom styling. | +| `className` | `string` |   | Additional class(es) for custom styling. | | `clipped` | `bool` | `false` | If true, when the `AppBar` gets pinned, it will stand over the `Drawer`. | -| `permanentAt` | `enum`(`'sm'`,`'smTablet'`,`'md'`,`'lg'`,`'lgTablet'`,`'xl'`,`'xxl'`,`'xxxl'`) | | The breakpoint at which the drawer is automatically pinned. | +| `permanentAt` | `enum`(`'sm'`,`'smTablet'`,`'md'`,`'lg'`,`'lgTablet'`,`'xl'`,`'xxl'`,`'xxxl'`) |   | The breakpoint at which the drawer is automatically pinned. | | `pinned` | `bool` | `false` | If true, the drawer will be pinned open. `pinned` takes precedence over `active`. | -| `onOverlayClick` | `Function` | | Callback function to be invoked when the overlay is clicked. It only works if the `Drawer` is actually displaying and Overlay| +| `onOverlayClick` | `Function` |   | Callback function to be invoked when the overlay is clicked. It only works if the `Drawer` is actually displaying and Overlay| ### Theme @@ -193,8 +193,8 @@ The `Panel` is the main content area within a `Layout`. By default we assume it ### Properties | Name | Type | Default | Description | |:-----|:-----|:-----|:-----| -| `bodyScroll` | `Boolean` | | You can set it to true in case you are using a pinned Sidebar so it takes an scrolled `div` instead of using the document scroll. | -| `className` | `string` | | Additional class(es) for custom styling. | +| `bodyScroll` | `Boolean` |   | You can set it to true in case you are using a pinned Sidebar so it takes an scrolled `div` instead of using the document scroll. | +| `className` | `string` |   | Additional class(es) for custom styling. | ### Theme | Name | Description| @@ -212,7 +212,7 @@ The `Sidebar` is an extra drawer that docks to the right side of the `Layout`. T | `width` | `enum`(`1`,`2`,`3`,`4`,`5`,`6`,`7`,`8`,`9`,`10`,`11`,`12`,`25`,`33`,`50`,`66`,`75`,`100`) | `5` | Width in standard increments (1-12) or percentage (25, 33, 50, 66, 75, 100) | | `pinned` | `bool` | `false` | If true, the sidebar will be pinned open. | | `scrollY` | `bool` | `false` | If true, the sidebar will vertically scroll all content. | -| `className` | `string` | | Additional class(es) for custom styling. | +| `className` | `string` |   | Additional class(es) for custom styling. | ### Theme diff --git a/components/link/readme.md b/components/link/readme.md index 1de725eb1..38861960f 100644 --- a/components/link/readme.md +++ b/components/link/readme.md @@ -25,9 +25,9 @@ You can add as many properties as you want to be directly transferred to the out |:-----|:-----|:-----|:-----| | `active` | `Boolean` | `false` | If true, adds active style to link.| | `className` | `String` | `''` | Sets a custom class name to add styles to the link.| -| `count` | `Number` | | Sets a count number.| -| `icon` | `String` or `Element` | | An icon key string to include a `FontIcon` component in front of the text.| -| `label` | `String` | | The text string used for the text content of the link.| +| `count` | `Number` |   | Sets a count number.| +| `icon` | `String` or `Element` |   | An icon key string to include a `FontIcon` component in front of the text.| +| `label` | `String` |   | The text string used for the text content of the link.| ## Theme diff --git a/components/list/readme.md b/components/list/readme.md index 804fb7e4b..34954cddd 100644 --- a/components/list/readme.md +++ b/components/list/readme.md @@ -63,20 +63,20 @@ Represents a list item that can have avatar, icons, title, subtitle, etc. Note: ### Properties | Name | Type | Default | Description| |:-----|:-----|:-----|:-----| -| `avatar` | `String` or `Element` | | A string URL to specify an avatar in the left side of the item.| -| `caption` | `String` or `Element` | | Main text of the item.| +| `avatar` | `String` or `Element` |   | A string URL to specify an avatar in the left side of the item.| +| `caption` | `String` or `Element` |   | Main text of the item.| | `className` | `String` | `''` | Set a class to give custom styles to the list item.| | `disabled` | `String` | `false` | If true, the item is displayed as disabled and is not clickable.| -| `itemContent` | `Element` | | An element that will be displayed as the item. If set, this will override `caption` and `legend`.| -| `leftActions` | `Array of Elements` | | A list of elements that are placed on the left side of the item and after the avatar attribute.| -| `leftIcon` | `String` or `Element` | | A string key of a font icon or element to display an icon in the left side of the item. | -| `legend` | `String` or `Element` | | Secondary text to display under the caption.| -| `onClick` | `Function` | | Callback that is invoked when the item is clicked if it's not disabled. | -| `rightIcon` | `String` or `Element` | | The same as the `leftIcon` but in this case the icon is displayed in the right side.| -| `rightActions` | `Array of Elements` | | A list of elements that are placed on the right side of the item and after the rightIcon attribute.| +| `itemContent` | `Element` |   | An element that will be displayed as the item. If set, this will override `caption` and `legend`.| +| `leftActions` | `Array of Elements` |   | A list of elements that are placed on the left side of the item and after the avatar attribute.| +| `leftIcon` | `String` or `Element` |   | A string key of a font icon or element to display an icon in the left side of the item. | +| `legend` | `String` or `Element` |   | Secondary text to display under the caption.| +| `onClick` | `Function` |   | Callback that is invoked when the item is clicked if it's not disabled. | +| `rightIcon` | `String` or `Element` |   | The same as the `leftIcon` but in this case the icon is displayed in the right side.| +| `rightActions` | `Array of Elements` |   | A list of elements that are placed on the right side of the item and after the rightIcon attribute.| | `ripple` | `Boolean` | `false` | If true, the item displays a ripple effect on click. By default it's inherited from the parent element.| | `selectable` | `Boolean` | `false` | If true, the elements in the list will display a hover effect and a pointer cursor. Inherited from the parent.| -| `to` | `String` | | In case you want to provide the item as a link, you can pass this property to specify the href. | +| `to` | `String` |   | In case you want to provide the item as a link, you can pass this property to specify the href. | ### Theme | Name | Description| @@ -101,15 +101,15 @@ A special type of item that has a checkbox control on the left side. It implemen ### Properties | Name | Type | Default | Description| |:-----|:-----|:-----|:-----| -| `caption` | `String` | | Main text of the item. Required.| -| `className` | `String` | | Set a class to give custom styles to Component.| +| `caption` | `String` |   | Main text of the item. Required.| +| `className` | `String` |   | Set a class to give custom styles to Component.| | `checked` | `Boolean` | `false` | If true the checkbox appears checked by default.| | `disabled` | `String` | `false` | If true, the item is displayed as disabled and it's not clickable.| -| `legend` | `String` | | Secondary text to display under the caption.| -| `name` | `String` | | Name for the checkbox input item.| -| `onBlur` | `Function` | | Callback called when the input element is blurred.| -| `onChange` | `Function` | | Callback called when the input element is changed.| -| `onFocus` | `Function` | | Callback called when the input element is focused.| +| `legend` | `String` |   | Secondary text to display under the caption.| +| `name` | `String` |   | Name for the checkbox input item.| +| `onBlur` | `Function` |   | Callback called when the input element is blurred.| +| `onChange` | `Function` |   | Callback called when the input element is changed.| +| `onFocus` | `Function` |   | Callback called when the input element is focused.| ### Theme | Name | Description| @@ -131,7 +131,7 @@ Simple subcomponent used to give a title to a list area. ### Properties | Name | Type | Default | Description| |:-----|:-----|:-----|:-----| -| `caption` | `String` | | Text that will be displayed.| +| `caption` | `String` |   | Text that will be displayed.| | `className` | `String` | `''` | Set a class to give custom styles to the list subheader.| ### Theme diff --git a/components/menu/readme.md b/components/menu/readme.md index a897042f1..69561f2a6 100644 --- a/components/menu/readme.md +++ b/components/menu/readme.md @@ -29,14 +29,14 @@ This subcomponent is the default wrapper for a menu and is responsible for the o |:-----|:-----|:-----|:-----| | `active` | `Boolean` | `false` | If true, the menu will be displayed as opened by default.| | `className` | `String` | `''` | Set a class to give custom styles to the menu wrapper.| -| `onHide` | `Function` | | Callback that will be called when the menu is being hidden. | -| `onSelect` | `Function` | | Callback that will be invoked when a menu item is selected. | -| `onShow` | `Function` | | Callback that will be invoked when the menu is being shown. | +| `onHide` | `Function` |   | Callback that will be called when the menu is being hidden. | +| `onSelect` | `Function` |   | Callback that will be invoked when a menu item is selected. | +| `onShow` | `Function` |   | Callback that will be invoked when the menu is being shown. | | `outline` | `Boolean` | `true` | If true the menu wrapper will show an outline with a soft shadow. | | `position` | `String` | `static` | Determine the position of the menu. With `static` value the menu will be always shown, `auto` means that the it will decide the opening direction based on the current position. To force a position use `topLeft`, `topRight`, `bottomLeft`, `bottomRight`. | | `ripple` | `Boolean` | `true` | If true, the menu items will show a ripple effect on click. | | `selectable` | `Boolean` | `false` | If true, the menu will keep a value to highlight the active child item. | -| `selected` | `Any` | | Used for selectable menus. Indicates the current selected value so the child item with this value can be highlighted. | +| `selected` | `Any` |   | Used for selectable menus. Indicates the current selected value so the child item with this value can be highlighted. | ### Theming @@ -67,13 +67,13 @@ As the most usual scenario will be to open the menu from a click in an Icon, we | `iconRipple` | `Boolean` | `true` | If true, the icon will show a ripple when is clicked. | | `inverse` | `Boolean` | `false` | If true, the neutral colors are inverted. Useful if the icon is over a dark background. | | `menuRipple` | `Boolean` | `true` | Transferred to the `Menu` component. | -| `onClick` | `Function` | | Callback that will be called when the icon is clicked. | -| `onHide` | `Function` | | Callback that will be called when the menu is being hidden. | -| `onSelect` | `Function` | | Callback that will be invoked when a menu item is selected. | -| `onShow` | `Function` | | Callback that will be invoked when the menu is being shown. | +| `onClick` | `Function` |   | Callback that will be called when the icon is clicked. | +| `onHide` | `Function` |   | Callback that will be called when the menu is being hidden. | +| `onSelect` | `Function` |   | Callback that will be invoked when a menu item is selected. | +| `onShow` | `Function` |   | Callback that will be invoked when the menu is being shown. | | `position` | `String` | `auto` | Determines the position of the menu. This property is transferred to the inner `Menu` component. | | `selectable` | `Boolean` | `false` | If true, the menu will keep a value to highlight the active child item. | -| `selected` | `Any` | | Used for selectable menus. Indicates the current selected value so the child item with this value can be highlighted. | +| `selected` | `Any` |   | Used for selectable menus. Indicates the current selected value so the child item with this value can be highlighted. | ### Theming @@ -90,11 +90,11 @@ The inner component for menus and describes the content of each option. It behav | Name | Type | Default | Description| |:-----|:-----|:-----|:-----| -| `caption` | `String` | | The text to include in the menu item. Required.| +| `caption` | `String` |   | The text to include in the menu item. Required.| | `className` | `String` | `''` | Set a class to give custom styles to the item.| | `disabled` | `Boolean` | `false` | If true, the item will be displayed as disabled and is not selectable.| -| `icon` | `String` or `Element` | | Icon font key string or Element to display in the right side of the option. | -| `onClick` | `Function` | | Callback that will be called when Component is clicked. | +| `icon` | `String` or `Element` |   | Icon font key string or Element to display in the right side of the option. | +| `onClick` | `Function` |   | Callback that will be called when Component is clicked. | | `selected` | `Boolean` | `false` | Transferred from the `Menu` component for selectable menus. Indicates if it's the current active option. | | `shortcut` | `String` | `''` | Displays shortcut text on the right side of the `caption` attribute. | diff --git a/components/navigation/readme.md b/components/navigation/readme.md index 3d143e704..7d03d6e14 100644 --- a/components/navigation/readme.md +++ b/components/navigation/readme.md @@ -29,9 +29,9 @@ The theming for this component can be provided using the key `RTNavigation`. | Name | Type | Default | Description| |:-----|:-----|:-----|:-----| -| `actions` | `Array` | | Array of objects that will be represented as `