;
-}
-
-export default FontIcon;
\ No newline at end of file
diff --git a/lib/hoc/ActivableRenderer.d.ts b/lib/hoc/ActivableRenderer.d.ts
deleted file mode 100644
index ab73e065..00000000
--- a/lib/hoc/ActivableRenderer.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import * as React from 'react';
-export interface ActivableRendererOptions {
- /**
- * @default 500
- */
- delay?: number;
-}
-export interface ActivableRendererProps {
- active: boolean;
- children?: any;
- delay?: number
-}
-export default function ActivableRendererFactory(options?: ActivableRendererOptions): (componentClass: React.ComponentClass
) => React.ComponentClass
\ No newline at end of file
diff --git a/lib/identifiers.js b/lib/identifiers.js
index 5bc7ebe2..b301fbec 100644
--- a/lib/identifiers.js
+++ b/lib/identifiers.js
@@ -16,6 +16,7 @@ var INPUT = exports.INPUT = 'RTInput';
var LAYOUT = exports.LAYOUT = 'RTLayout';
var LINK = exports.LINK = 'RTLink';
var LIST = exports.LIST = 'RTList';
+var MENU = exports.MENU = 'RTMenu';
var NAVIGATION = exports.NAVIGATION = 'RTNavigation';
var OVERLAY = exports.OVERLAY = 'RTOverlay';
var PROGRESS_BAR = exports.PROGRESS_BAR = 'RTProgressBar';
diff --git a/lib/input/Input.js b/lib/input/Input.js
index 27e7d9b0..02b397ee 100644
--- a/lib/input/Input.js
+++ b/lib/input/Input.js
@@ -53,11 +53,42 @@ var factory = function factory(FontIcon) {
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_Object$getPrototypeO = Object.getPrototypeOf(Input)).call.apply(_Object$getPrototypeO, [this].concat(args))), _this), _this.handleChange = function (event) {
+ if (_this.props.multiline) {
+ _this.handleAutoresize();
+ }
if (_this.props.onChange) _this.props.onChange(event.target.value, event);
+ }, _this.handleAutoresize = function () {
+ var element = _this.refs.input;
+ // compute the height difference between inner height and outer height
+ var style = getComputedStyle(element, null);
+ var heightOffset = style.boxSizing === 'content-box' ? -(parseFloat(style.paddingTop) + parseFloat(style.paddingBottom)) : parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+
+ // resize the input to its content size
+ element.style.height = 'auto';
+ element.style.height = element.scrollHeight + heightOffset + 'px';
}, _temp), _possibleConstructorReturn(_this, _ret);
}
_createClass(Input, [{
+ key: 'componentDidMount',
+ value: function componentDidMount() {
+ window.addEventListener('resize', this.handleAutoresize);
+ }
+ }, {
+ key: 'componentWillReceiveProps',
+ value: function componentWillReceiveProps(nextProps) {
+ if (!this.props.multiline && nextProps.multiline) {
+ window.addEventListener('resize', this.handleAutoresize);
+ } else if (this.props.multiline && !nextProps.multiline) {
+ window.removeEventListener('resize', this.handleAutoresize);
+ }
+ }
+ }, {
+ key: 'componentWillUnmount',
+ value: function componentWillUnmount() {
+ window.removeEventListener('resize', this.handleAutoresize);
+ }
+ }, {
key: 'blur',
value: function blur() {
this.refs.input.blur();
diff --git a/lib/input/index.d.ts b/lib/input/index.d.ts
deleted file mode 100644
index 67108330..00000000
--- a/lib/input/index.d.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-import * as React from 'react';
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-export interface Conditional {
- /**
- * If true, component will be disabled
- * @default false
- */
- disabled?: boolean
-}
-
-/**
- * Properties of components that have values that can be changed (T is the type of the value)
- */
-export interface Changeable {
- /**
- * Callback called when the picker value is changed.
- * @param v Type of the value
- */
- onChange?: (v: T) => void
-}
-
-export interface Iconic {
- /**
- * Value of the icon (See icon component).
- */
- icon?: string | __React.ReactElement | __React.ReactHTMLElement,
-}
-
-export interface InputProps extends Props, Conditional, Changeable, Iconic {
- /**
- * Give an error string to display under the field.
- */
- error?: string,
- /**
- * Indicates if the label is floating in the input field or not.
- * @default true
- */
- floating?: boolean,
- /**
- * The text string to use for the floating label element.
- */
- label?: string,
- /**
- * Specifies the maximum number of characters allowed in the component.
- */
- maxLength?: number,
- /**
- * If true, a textarea element will be rendered. The textarea also grows and shrinks according to the number of lines.
- * @default false
- */
- multiline?: boolean,
- /**
- * Callback function that is fired when components is blurred.
- */
- onBlur?: Function,
- /**
- * Callback function that is fired when components 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 pressed.
- */
- onKeyPress?: Function,
- /**
- * Callback function that is fired when a key is released.
- */
- onKeyUp?: Function,
- /**
- * If true, the html input has a required value.
- * @default false
- */
- required?: boolean,
- /**
- * Type of the input element. It can be a valid HTML5 input type
- * @default text
- */
- type?: string,
- /**
- * Current value of the input element.
- */
- value?: string,
-}
-export class Input extends React.Component {
- render(): React.DOMElement;
-}
-
-export default Input;
\ No newline at end of file
diff --git a/lib/layout/index.d.ts b/lib/layout/index.d.ts
deleted file mode 100644
index 60d32a09..00000000
--- a/lib/layout/index.d.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import * as React from 'react';
-
-export interface LayoutProps {
- className?:string
-}
-
-export interface NavDrawerProps {
- width?:'normal' | 'wide',
- active?:boolean,
- pinned?:boolean,
- permanentAt?:'sm'|'md'|'lg'|'xl'|'xxl'|'xxxl',
- onOverlayClick?:() => void,
- scrollY?:boolean,
- className?:string
-}
-
-export interface PanelProps {
- scrollY?:boolean,
- className?:string
-}
-
-export interface SidebarProps {
- width?:'1'|'2'|'3'|'4'|'5'|'6'|'7'|'8'|'9'|'10'|'11'|'12'|'25'|'33'|'50'|'66'|'75'|'100'
- pinned?:boolean,
- scrollY?:boolean,
- className?:string
-}
-
-export class Layout extends React.Component {
- render():React.DOMElement;
-}
-
-export class NavDrawer extends React.Component {
- render():React.DOMElement;
-}
-
-export class Panel extends React.Component {
- render():React.DOMElement;
-}
-
-export class Sidebar extends React.Component {
- render():React.DOMElement;
-}
\ No newline at end of file
diff --git a/lib/link/index.d.ts b/lib/link/index.d.ts
deleted file mode 100644
index 565f80e4..00000000
--- a/lib/link/index.d.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import * as React from 'react';
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-
-export interface Iconic {
- /**
- * Value of the icon (See icon component).
- */
- icon?: string | __React.ReactElement | __React.ReactHTMLElement,
-}
-export interface LinkProps extends Props, Iconic {
- href: string,
- /**
- * The text string used for the text content of the link.
- */
- label: string,
- /**
- * Sets a count number useful to display in the page how many times was visited for example.
- */
- count?: number,
-}
-export class Link extends React.Component {
- render(): React.DOMElement;
-}
-
-export default Link;
\ No newline at end of file
diff --git a/lib/list/ListItem.js b/lib/list/ListItem.js
index 17445402..363c17a8 100644
--- a/lib/list/ListItem.js
+++ b/lib/list/ListItem.js
@@ -74,16 +74,24 @@ var factory = function factory(ripple, ListItemLayout, ListItemContent) {
if (!_react2.default.isValidElement(child)) {
return;
}
- if (child.props.listItemIgnore) {
- children.ignored.push(child);
+
+ var _child$props = child.props;
+ var listItemIgnore = _child$props.listItemIgnore;
+
+ var rest = _objectWithoutProperties(_child$props, ['listItemIgnore']);
+
+ var strippedChild = _extends({}, child, { props: rest });
+
+ if (listItemIgnore) {
+ children.ignored.push(strippedChild);
return;
}
if (child.type === ListItemContent) {
- children.itemContent = child;
+ children.itemContent = strippedChild;
return;
}
var bucket = children.itemContent ? 'rightActions' : 'leftActions';
- children[bucket].push(_extends({}, child, { key: i }));
+ children[bucket].push(_extends({}, strippedChild, { key: i }));
});
return children;
diff --git a/lib/list/index.d.ts b/lib/list/index.d.ts
deleted file mode 100644
index 30501554..00000000
--- a/lib/list/index.d.ts
+++ /dev/null
@@ -1,180 +0,0 @@
-import * as React from 'react';
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-export interface Conditional {
- /**
- * If true, component will be disabled
- * @default false
- */
- disabled?: boolean
-}
-export interface Clickable {
- /**
- * Callback called when the button is clicked.
- */
- onClick?: Function
-}
-/**
- * Properties of components that have values that can be changed (T is the type of the value)
- */
-export interface Changeable {
- /**
- * Callback called when the picker value is changed.
- * @param v Type of the value
- */
- onChange?: (v: T) => void
-}
-
-export interface Iconic {
- /**
- * Value of the icon (See icon component).
- */
- icon?: string | __React.ReactElement | __React.ReactHTMLElement,
-}
-
-export interface ListProps extends Props {
- /**
- * If true, each element in the list will have a ripple effect on click
- * @default false
- */
- ripple?: boolean,
- /**
- * If true, the elements in the list will display a hover effect and a pointer cursor.
- * @default false
- */
- selectable?: boolean,
-}
-export class List extends React.Component {
- render(): React.DOMElement;
-}
-export interface ListItemProps extends Props, Conditional, Clickable {
- /**
- * A string URL to specify an avatar in the left side of the item.
- */
- avatar?: string,
- /**
- * Main text of the item. Required.
- */
- caption?: string,
- /**
- * An element that will be displayed as the item. If set, this will override `caption` and `legend`.
- */
- itemContent?: React.ReactElement,
- /**
- * A list of elements that are placed on the left side of the item and after the avatar attribute.
- */
- leftActions?: React.ReactElement[],
- /**
- * A string key of a font icon to display an icon in the left side of the item.
- */
- leftIcon?: string,
- /**
- * Secondary text to display under the caption.
- */
- legend?: string,
- /**
- * A list of elements that are placed on the right side of the item and after the rightIcon attribute.
- */
- rightActions?: React.ReactElement[],
- /**
- * The same as the leftIcon but in this case the icon is displayed in the right side.
- */
- rightIcon?: string,
- /**
- * If true, the item displays a ripple effect on click. By default it's inherited from the parent element.
- * @default false
- */
- ripple?: boolean,
- /**
- * If true, the elements in the list will display a hover effect and a pointer cursor. Inherited from the parent
- * @default false
- */
- selectable?: boolean,
- /**
- * In case you want to provide the item as a link, you can pass this property to specify the href.
- */
- to?: string;
-}
-export class ListItem extends React.Component {
- render(): React.DOMElement;
-}
-export interface ListCheckboxProps extends Props, Conditional, Changeable {
- /**
- * Main text of the item. Required.
- */
- caption?: string,
- /**
- * If true the checkbox appears checked by default.
- * @default false
- */
- checked: boolean,
- /**
- * Secondary text to display under the caption.
- */
- legend?: string,
- /**
- * Name for the checkbox input item.
- */
- name?: string,
- /**
- * Callback called when the input element is blurred.
- */
- onBlur?: Function,
- /**
- * Callback called when the input element is focused.
- */
- onFocus?: Function,
-}
-export class ListCheckbox extends React.Component {
- render(): React.DOMElement;
-}
-export interface ListSubHeaderProps extends Props {
- /**
- * List header caption.
- */
- caption: string;
-}
-export class ListSubHeader extends React.Component {
- render(): React.DOMElement;
-}
-export interface ListDividerProps extends Props {
- /**
- * Indicates if the divider should be full width or should leave a space on the left side.
- */
- inset: boolean;
-}
-export class ListDivider extends React.Component {
- render(): React.DOMElement;
-}
\ No newline at end of file
diff --git a/lib/menu/index.d.ts b/lib/menu/index.d.ts
deleted file mode 100644
index 54289548..00000000
--- a/lib/menu/index.d.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-import * as React from 'react';
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-export interface Conditional {
- /**
- * If true, component will be disabled
- * @default false
- */
- disabled?: boolean
-}
-
-export interface Iconic {
- /**
- * Value of the icon (See icon component).
- */
- icon?: string | __React.ReactElement | __React.ReactHTMLElement,
-}
-export interface MenuProps extends Props {
- /**
- * If true, the menu will be displayed as opened by default.
- * @default false
- */
- active?: boolean,
- /**
- * Callback that will be called when the menu is being hidden.
- */
- onHide?: Function,
- /**
- * Callback that will be called when the menu is being shown.
- */
- onShow?: Function,
- /**
- * If true the menu wrapper will show an outline with a soft shadow.
- * @default true
- */
- outline?: boolean,
- /**
- * 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 top-left, top-right, bottom-left, bottom-right.
- * @default static
- */
- position?: string,
- /**
- * If true, the menu items will show a ripple effect on click.
- */
- ripple?: boolean,
- /**
- * If true, the menu will keep a value to highlight the active child item.
- */
- selectable?: boolean,
- /**
- * Used for selectable menus and indicates the initial value so the child item with this value can be highlighted.
- */
- value?: boolean,
-}
-export class Menu extends React.Component {
- render(): React.DOMElement;
-}
-export interface IconMenuProps extends Props, Iconic {
- /**
- * If true, the icon will show a ripple when is clicked.
- */
- iconRipple?: boolean,
- /**
- * Transferred to the Menu component.
- * @default true
- */
- menuRipple?: boolean,
- /**
- * Callback that will be called when the icon is clicked.
- */
- onClick?: Function,
- /**
- * Callback that will be called when the menu is being hidden.
- */
- onHide?: Function,
- /**
- * Callback that will be called when the menu is being shown.
- */
- onShow?: Function,
- /**
- * Callback that will be called when a menu item is selected.
- */
- onSelect?: Function,
- /**
- * Determine the position of the menu. This property is transferred to the inner Menu component.
- * @default auto
- */
- position?: string,
- /**
- * If true, the menu will keep a value to highlight the active child item. Transferred to the Menu
- */
- selectable?: boolean,
-}
-export class IconMenu extends React.Component {
- render(): React.DOMElement;
-}
-export interface MenuItemProps extends Props, Conditional, Iconic {
- /**
- * The text to include in the menu item.
- */
- caption?: string,
- /**
- * If true, the item will show a ripple effect when it's clicked. Inherited from the parent.
- */
- ripple?: boolean,
- /**
- * Transferred from the Menu component for selectable menus. Indicates if it's the current active option.
- */
- selected?: boolean,
-}
-export class MenuItem extends React.Component {
- render(): React.DOMElement;
-}
-export class MenuDivider extends React.Component {
- render(): React.DOMElement;
-}
\ No newline at end of file
diff --git a/lib/navigation/index.d.ts b/lib/navigation/index.d.ts
deleted file mode 100644
index 6165fc76..00000000
--- a/lib/navigation/index.d.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import * as React from 'react';
-import { ButtonProps } from '../button'
-import { LinkProps } from '../link'
-
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-
-export interface NavigationProps extends Props {
- /**
- * Array of objects that represent buttons so the keys will be transferred as properties to those.
- */
- actions?: Array,
- /**
- * Array of objects similar to actions but that will be rendered as component definition.
- */
- routes?: Array,
- /**
- * Type of the navigation, it can be 'vertical' or 'horizontal'.
- */
- type?: string,
-}
-export class Navigation extends React.Component {
- render(): React.DOMElement;
-}
-
-export default Navigation;
\ No newline at end of file
diff --git a/lib/overlay/index.d.ts b/lib/overlay/index.d.ts
deleted file mode 100644
index b2d35b7f..00000000
--- a/lib/overlay/index.d.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import * as React from 'react';
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-export interface OverlayProps extends Props {
- active?: boolean;
- children?: any;
- /**
- * Sets a CSS class on the component.
- */
- className?: string;
- invisible?: boolean;
- onClick?: Function;
- onEscKeyDown?: Function
-}
-export class Overlay extends React.Component {
- render(): React.DOMElement;
-}
-
-export default Overlay;
\ No newline at end of file
diff --git a/lib/progress_bar/index.d.ts b/lib/progress_bar/index.d.ts
deleted file mode 100644
index 44f44684..00000000
--- a/lib/progress_bar/index.d.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import * as React from 'react';
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-export interface ProgressBarProps extends Props {
- /**
- * Value of a secondary progress bar useful for buffering.
- */
- buffer?: number,
- /**
- * Maximum value permitted.
- */
- max?: number, //
- /**
- * minimum value permitted.
- */
- min?: number, //
- /**
- * Mode of the progress bar, it can be determinate or indeterminate.
- */
- mode?: string, //
- /**
- * If true, the circular progress bar will be changing its color.
- */
- multicolor?: boolean, //
- /**
- * Type of the progress bar, it can be circular or linear.
- * @default linear
- */
- type?: string,
- /**
- * Value of the current progress.
- */
- value?: number,
-}
-export class ProgressBar extends React.Component {
- render(): React.DOMElement;
-}
-
-export default ProgressBar;
\ No newline at end of file
diff --git a/lib/radio/index.d.ts b/lib/radio/index.d.ts
deleted file mode 100644
index e0222005..00000000
--- a/lib/radio/index.d.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import * as React from 'react';
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-export interface Conditional {
- /**
- * If true, component will be disabled
- * @default false
- */
- disabled?: boolean
-}
-/**
- * Properties of components that have values that can be changed (T is the type of the value)
- */
-export interface Changeable {
- /**
- * Callback called when the picker value is changed.
- * @param v Type of the value
- */
- onChange?: (v: T) => void
-}
-
-export interface RadioGroupProps extends Props, Conditional, Changeable {
- /**
- * Name for the input element group.
- */
- name?: string,
- /**
- * Default value selected in the radio group.
- */
- value?: any,
-}
-export class RadioGroup extends React.Component {
- render(): React.DOMElement;
-}
-export interface RadioButtonProps extends Props, Conditional {
- /**
- * If true, the input element will be selected by default. Transferred from the parent.
- */
- checked?: boolean,
- /**
- * Label for the radio button.
- */
- label?: string;
- /**
- * Name for the input element.
- */
- name?: string,
- /**
- * Callback function that will be invoked when the input is blurred.
- */
- onBlur?: Function,
- /**
- * Callback function that will be invoked when the value changes.
- */
- onChange?: Function,
- /**
- * Callback function that will be invoked when the input is focused.
- */
- onFocus?: Function,
- /**
- * Value for the radio button.
- */
- value: any,
-}
-export class RadioButton extends React.Component {
- render(): React.DOMElement;
-}
-
-export default RadioButton;
\ No newline at end of file
diff --git a/lib/ripple/Ripple.js b/lib/ripple/Ripple.js
index 4ad0c99d..52fa97bf 100644
--- a/lib/ripple/Ripple.js
+++ b/lib/ripple/Ripple.js
@@ -166,11 +166,13 @@ var rippleFactory = function rippleFactory() {
var _props2 = this.props;
var children = _props2.children;
var ripple = _props2.ripple;
+ var //eslint-disable-line no-unused-vars
+ onRippleEnded = _props2.onRippleEnded;
var className = _props2.rippleClassName;
var centered = _props2.rippleCentered;
var spread = _props2.rippleSpread;
- var other = _objectWithoutProperties(_props2, ['children', 'ripple', 'rippleClassName', 'rippleCentered', 'rippleSpread']);
+ var other = _objectWithoutProperties(_props2, ['children', 'ripple', 'onRippleEnded', 'rippleClassName', 'rippleCentered', 'rippleSpread']);
var rippleClassName = (0, _classnames3.default)(this.props.theme.ripple, (_classnames = {}, _defineProperty(_classnames, this.props.theme.rippleActive, this.state.active), _defineProperty(_classnames, this.props.theme.rippleRestarting, this.state.restarting), _classnames), className);
diff --git a/lib/ripple/index.d.ts b/lib/ripple/index.d.ts
deleted file mode 100644
index 78d4d73e..00000000
--- a/lib/ripple/index.d.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import * as React from 'react';
-
-export interface RippleProps {
- centered?:boolean,
- className?:boolean,
- onRippleEnded:() => void,
- spread?:number,
- theme?:{
- ripple?:string,
- rippleActive?:string,
- rippleRestarting?:string,
- rippleWrapper?:string
- }
-}
-
-export class Ripple extends React.Component {
- render():React.DOMElement;
-}
-
-export default Ripple;
\ No newline at end of file
diff --git a/lib/slider/index.d.ts b/lib/slider/index.d.ts
deleted file mode 100644
index 89d9f884..00000000
--- a/lib/slider/index.d.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import * as React from 'react';
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-export interface SliderProps extends Props {
- /**
- * If true, an input is shown and the user can set the slider from keyboard value.
- */
- editable?: boolean,
- /**
- * Maximum value permitted.
- */
- max?: number,
- /**
- * Minimum value permitted.
- */
- min?: number,
- /**
- * Callback function that will be invoked when the slider value changes.
- */
- onChange?: Function,
- /**
- * If true, a pin with numeric value label is shown when the slider thumb is pressed. Use for settings for which users need to know the exact value of the setting.
- */
- pinned?: boolean,
- /**
- * If true, the slider thumb snaps to tick marks evenly spaced based on the step property value.
- */
- snaps?: boolean,
- /**
- * Amount to vary the value when the knob is moved or increase/decrease is called.
- */
- step?: number,
- /**
- * Current value of the slider.
- */
- value: number,
-}
-export class Slider extends React.Component {
- render(): React.DOMElement;
-}
-
-export default Slider;
\ No newline at end of file
diff --git a/lib/snackbar/index.d.ts b/lib/snackbar/index.d.ts
deleted file mode 100644
index 6df9264f..00000000
--- a/lib/snackbar/index.d.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import * as React from 'react';
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-export interface Iconic {
- /**
- * Value of the icon (See icon component).
- */
- icon?: string | __React.ReactElement | __React.ReactHTMLElement,
-}
-export interface Modal {
- /**
- * If true, the dialog will be active.
- */
- active: boolean,
- /**
- * Callback called when the ESC key is pressed with the overlay active.
- */
- onEscKeyDown?: Function,
- /**
- * Callback to be invoked when the dialog overlay is clicked.
- */
- onOverlayClick?: Function,
- /**
- * Callback called when the mouse button is pressed on the overlay.
- */
- onOverlayMouseDown?: Function,
- /**
- * Callback called when the mouse is moving over the overlay.
- */
- onOverlayMouseMove?: Function,
- /**
- * Callback called when the mouse button is released over the overlay.
- */
- onOverlayMouseUp?: Function,
-}
-
-export interface SnackbarProps extends Props, Modal, Iconic {
- /**
- * For the action component inside the Snackbar.
- */
- action?: string,
- /**
- * Text to display in the content.
- */
- label?: string,
- /**
- * Callback function that will be called when the button action is clicked.
- */
- onClick?: Function,
- /**
- * Callback function when finish the set timeout.
- */
- onTimeout?: Function,
- /**
- * amount of time after the Snackbar will be automatically hidden.
- */
- timeout?: number,
- /**
- * Indicates the action type. Can be 'accept', 'warning' or 'cancel'
- */
- type?: string,
-}
-
-export class Snackbar extends React.Component {
- render(): React.DOMElement;
-}
-
-export default Snackbar;
\ No newline at end of file
diff --git a/lib/switch/index.d.ts b/lib/switch/index.d.ts
deleted file mode 100644
index 4f57f3ab..00000000
--- a/lib/switch/index.d.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import * as React from 'react';
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-export interface Conditional {
- /**
- * If true, component will be disabled
- * @default false
- */
- disabled?: boolean
-}
-export interface SwitchProps extends Props, Conditional {
- /**
- * If true, the switch will be enabled.
- */
- checked: boolean,
- /**
- * If true, component will be disabled.
- */
- disabled?: boolean,
- /**
- * The text string to use for the floating label element.
- */
- label?: string,
- /**
- * The text string used as name of the input.
- */
- name?: string,
- /**
- * Callback function that is fired when when the switch is blurred.
- */
- onBlur?: Function,
- /**
- * Callback function that is fired when the components's value changes.
- */
- onChange?: Function,
- /**
- * Callback function fire when the switch is focused.
- */
- onFocus?: Function,
-}
-export class Switch extends React.Component {
- render(): React.DOMElement;
-}
-
-export default Switch;
\ No newline at end of file
diff --git a/lib/table/index.d.ts b/lib/table/index.d.ts
deleted file mode 100644
index 6893b2b7..00000000
--- a/lib/table/index.d.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import * as React from 'react';
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-export interface TableProps extends Props {
- /**
- * If true, component will show a heading using model field names.
- */
- heading?: boolean,
- /**
- * Object describing the data model that represents each object in the source.
- */
- model?: { [key: string]: string },
- /**
- * Callback function that is fired when an item in a row changes. If set, rows are editable.
- */
- onChange?: Function,
- /**
- * Callback function invoked when the row selection changes.
- */
- onSelect?: Function,
- /**
- * Array of indexes of the items in the source that should appear as selected.
- */
- selected?: Array,
- /**
- * Array of objects representing each item to show.
- */
- source?: Array<{ [key: string]: any }>,
-}
-export class Table extends React.Component {
- render(): React.DOMElement;
-}
-
-export default Table;
\ No newline at end of file
diff --git a/lib/tabs/index.d.ts b/lib/tabs/index.d.ts
deleted file mode 100644
index 39234948..00000000
--- a/lib/tabs/index.d.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import * as React from 'react';
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-export interface Conditional {
- /**
- * If true, component will be disabled
- * @default false
- */
- disabled?: boolean
-}
-/**
- * Properties of components that have values that can be changed (T is the type of the value)
- */
-export interface Changeable {
- /**
- * Callback called when the picker value is changed.
- * @param v Type of the value
- */
- onChange?: (v: T) => void
-}
-export interface TabsProps extends Props, Changeable {
- /**
- * Current
- */
- index: number,
-}
-export class Tabs extends React.Component {
- render(): React.DOMElement;
-}
-export interface TabProps extends Props, Conditional {
- /**
- * If true, the current component is visible.
- * @default false
- */
- active?: boolean,
- /**
- * If true, the current component is not visible.
- * @default false
- */
- hidden?: boolean,
- /**
- * Label text for navigation header
- */
- label?: string,
- /**
- * Callback function that is fired when the tab is activated.
- */
- onActive?: Function,
-}
-export class Tab extends React.Component {
- render(): React.DOMElement;
-}
\ No newline at end of file
diff --git a/lib/time_picker/index.d.ts b/lib/time_picker/index.d.ts
deleted file mode 100644
index 2a7a6291..00000000
--- a/lib/time_picker/index.d.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import * as React from 'react';
-export interface Props {
- /**
- * Sets a CSS class on the component.
- */
- className?: string,
- id?: string;
- /**
- * A key used to uniquely identify the element within an Array
- */
- key?: string,
- /**
- * Inline style
- */
- style?: any,
- /**
- * Tooltip text
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltip?: string,
- /**
- * Amount of time in miliseconds spent before the tooltip is visible.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipDelay?: number,
- /**
- * If true, the Tooltip hides after a click in the host component.
- * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip.
- * @default true
- * @see http://react-toolbox.com/#/components/tooltip
- */
- tooltipHideOnClick?: boolean,
-}
-/**
- * Properties of components that have values that can be changed (T is the type of the value)
- */
-export interface Changeable {
- /**
- * Callback called when the picker value is changed.
- * @param v Type of the value
- */
- onChange?: (v: T) => void
-}
-export interface TimePickerProps extends Props, Changeable {
- /**
- * Format to display the clock. It can be 24hr or ampm.
- * @default 24hr
- */
- format?: string,
- /**
- * Datetime object with currrently selected time
- */
- value?: Date,
-}
-export class TimePicker extends React.Component {
- render(): React.DOMElement;
-}
-
-export default TimePicker;
\ No newline at end of file
diff --git a/lib/tooltip/index.d.ts b/lib/tooltip/index.d.ts
deleted file mode 100644
index 867412c2..00000000
--- a/lib/tooltip/index.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import * as React from 'react';
-export class TooltipComponent extends React.Component
{
- getDecoratedComponentInstance(): React.Component
;
-}
-
-export interface TooltipComponentClass
extends React.ComponentClass
{
- new (props?: P, context?: any): TooltipComponent
;
-}
-
-export default function Tooltip
(componentClass: React.ComponentClass
): TooltipComponentClass
;
\ No newline at end of file
diff --git a/package.json b/package.json
index 056ae5be..1eaa85f1 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,7 @@
"dependencies": {
"classnames": "^2.2.5",
"core-js": "^2.4.0",
- "react-css-themr": "^1.1.0"
+ "react-css-themr": "^1.1.2"
},
"devDependencies": {
"autoprefixer": "^6.3.6",
@@ -75,11 +75,11 @@
"phantomjs-polyfill": "0.0.2",
"phantomjs-prebuilt": "^2.1.7",
"postcss-loader": "^0.9.1",
- "react": "^15.0.2",
- "react-addons-css-transition-group": "^15.0.2",
+ "react": "^15.2.0",
+ "react-addons-css-transition-group": "^15.2.0",
"react-addons-test-utils": "^15.0.2",
"react-docgen": "^2.8.2",
- "react-dom": "^15.0.2",
+ "react-dom": "^15.2.0",
"react-transform-catch-errors": "^1.0.2",
"react-transform-hmr": "^1.0.4",
"redbox-react": "^1.2.4",
@@ -114,8 +114,8 @@
"peerDependencies": {
"classnames": "^2.2.0",
"normalize.css": "^4.0.0",
- "react": "^0.14 || ^15.0.1",
- "react-addons-css-transition-group": "^0.14.0 || ^15.0.1",
- "react-dom": "^0.14.0 || ^15.0.1"
+ "react": "^0.14 || ^15.2.0",
+ "react-addons-css-transition-group": "^0.14.0 || ^15.2.0",
+ "react-dom": "^0.14.0 || ^15.2.0"
}
}
diff --git a/spec/components/avatar.js b/spec/components/avatar.js
index 4cc1fc14..82eb22ae 100644
--- a/spec/components/avatar.js
+++ b/spec/components/avatar.js
@@ -9,7 +9,7 @@ const AvatarTest = () => (
}/>
-
+
);