[WIP] Allow components as tab labels

CHANGELOG.md

@@ -2,6 +2,24 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.13.0rc8] - 2017-09-13
+### :sparkles: Added
+- `Tabs` component
+- Included fixes from 0.12.7
+
+## [0.13.0rc3] - 2017-09-13
+### :sparkles: Added
+- `Upload` component: Set `content` as a base64 encoded `DataURL` string.
+- `Upload` component: Update default styles
+
+## [0.13.0rc2] - 2017-09-13
+### :sparkles: Added
+- Added several properties to the `Upload` component
+
+## [0.13.0rc1] - 2017-09-12
+### :sparkles: Added
+- An `Upload` component
+
 ## [0.12.7] - 2017-09-26
 ### :bug: Fixed
 - Fixed issues related to updating the `max_date_allowed` property of `DatePickerSingle` and `DatePickerRange` programatically through callbacks
@@ -15,7 +33,6 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 - Non-ascii characters, like chinese characters, are now supported as
  search strings in the `dcc.Dropdown` component (https://github.com/plotly/dash-core-components/pull/75)
 
-
 ## [0.12.5] - 2017-09-11
 ### :bug: Fixed
 - The `Interval` component was constantly resetting its interval on every update. Initially reported in https://community.plot.ly/t/multiple-interval-object-in-a-single-page/5699/3

dash_core_components/__init__.py

@@ -3,6 +3,8 @@
 import sys as _sys
 from .version import __version__
 
+npm_package_version = '0.13.0-rc8'
+
 _current_path = _os.path.dirname(_os.path.abspath(__file__))
 
 _components = _dash.development.component_loader.load_components(
@@ -23,7 +25,7 @@
  "external_url": (
  "https://unpkg.com/dash-core-components@{}"
  "/dash_core_components/bundle.js"
- ).format(__version__),
+ ).format(npm_package_version),
  "namespace": "dash_core_components"
  }
 ]
@@ -42,7 +44,7 @@
  "https://unpkg.com/react-virtualized@9.9.0/styles.css",
  "https://unpkg.com/react-virtualized-select@3.1.0/styles.css",
  "https://unpkg.com/rc-slider@6.1.2/assets/index.css",
- "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(__version__)
+ "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(npm_package_version)
  ],
  "namespace": "dash_core_components"
  }

dash_core_components/metadata.json

@@ -2345,6 +2345,66 @@
  }
  }
  },
+ "src/components/Tabs.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": ""
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "Style object to be merged in with the parent level tabs"
+ },
+ "tabs": {
+ "type": {
+ "name": "arrayOf",
+ "value": {
+ "name": "shape",
+ "value": {
+ "label": {
+ "name": "string",
+ "description": "The checkbox's label",
+ "required": false
+ },
+ "value": {
+ "name": "string",
+ "description": "The value of the checkbox. This value\ncorresponds to the items specified in the\n`values` property.",
+ "required": false
+ }
+ }
+ }
+ },
+ "required": false,
+ "description": "An array of options"
+ },
+ "value": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "The currently selected tab"
+ },
+ "vertical": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Whether or not the tabs are rendered vertically",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ }
+ }
+ },
  "src/components/Textarea.react.js": {
  "description": "A basic HTML textarea for entering multiline text.",
  "methods": [],
@@ -2567,5 +2627,192 @@
  "description": ""
  }
  }
+ },
+ "src/components/Upload.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "ID of the component. Used to identify component\nin Dash callback functions."
+ },
+ "contents": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "string"
+ },
+ {
+ "name": "arrayOf",
+ "value": {
+ "name": "string"
+ }
+ }
+ ]
+ },
+ "required": false,
+ "description": "The contents of the uploaded file as a binary string"
+ },
+ "children": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "node"
+ },
+ {
+ "name": "string"
+ }
+ ]
+ },
+ "required": false,
+ "description": "Contents of the upload component"
+ },
+ "accept": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "Allow specific types of files.\nSee https://github.com/okonet/attr-accept for more information.\nKeep in mind that mime type determination is not reliable across\nplatforms. CSV files, for example, are reported as text/plain\nunder macOS but as application/vnd.ms-excel under Windows.\nIn some cases there might not be a mime type set at all.\nSee: https://github.com/react-dropzone/react-dropzone/issues/276"
+ },
+ "disabled": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Enable/disable the upload component entirely",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "disable_click": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Disallow clicking on the component to open the file dialog",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "max_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Maximum file size. If `-1`, then infinite",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
+ "min_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Minimum file size",
+ "defaultValue": {
+ "value": "0",
+ "computed": false
+ }
+ },
+ "multiple": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Allow dropping multiple files",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "className": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component"
+ },
+ "className_active": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component while active"
+ },
+ "className_reject": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if rejected"
+ },
+ "className_disabled": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if disabled"
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply",
+ "defaultValue": {
+ "value": "{}",
+ "computed": false
+ }
+ },
+ "style_active": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply while active",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#6c6',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_reject": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if rejected",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#c66',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_disabled": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if disabled",
+ "defaultValue": {
+ "value": "{\n opacity: 0.5\n}",
+ "computed": false
+ }
+ },
+ "setProps": {
+ "type": {
+ "name": "func"
+ },
+ "required": false,
+ "description": "Dash-supplied function for updating props"
+ }
+ }
  }
 }

dash_core_components/version.py

@@ -1 +1 @@
-__version__ = '0.12.7'
+__version__ = '0.13.0rc8'

demo/Demo.react.js

@@ -11,9 +11,16 @@ import {
  Slider,
  SyntaxHighlighter,
  Interval,
- Markdown
+ Markdown,
+ Upload
 } from '../src';
 
+
+const UploadExample = `
+const properties = {};
+
+ReactDOM.render(<Upload {...properties}/>, mountNode);`
+
 const MarkdownExample = `
 
 const markdown = \`
@@ -294,6 +301,7 @@ ReactDOM.render(<Controller/>, mountNode);`
 
 
 const examples = [
+ {name: 'Upload', code: UploadExample},
  {name: 'Markdown', code: MarkdownExample},
  {name: 'Interval', code: SetTimeoutExample},
  {name: 'Graph', code: GraphExample},
@@ -318,7 +326,7 @@ class Demo extends Component {
  <h3>{example.name}</h3>
  <Playground
  codeText={example.code}
- scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown}}
+ scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown, Upload}}
  noRender={false}
  theme={'xq-light'}
  />

dev-requirements.txt

@@ -1,7 +1,7 @@
 dash_html_components
 dash_renderer
 dash
-git+git://github.com/chriddyp/python-percy-client.git@print-request
+percy
 selenium
 mock
 tox
@@ -10,3 +10,6 @@ six
 plotly>=2.0.8
 requests[security]
 ipdb
+dash-table-experiments
+xlrd
+pandas

package.json

@@ -1,6 +1,6 @@
 {
  "name": "dash-core-components",
- "version": "0.12.7",
+ "version": "0.13.0-rc8",
  "description": "Core component suite for Dash",
  "repository": {
  "type": "git",
@@ -34,6 +34,7 @@
  "react-addons-shallow-compare": "^15.6.0",
  "react-dates": "^12.3.0",
  "react-dom": "^15.4.0",
+ "react-dropzone": "^4.1.2",
  "react-markdown": "^2.4.5",
  "react-select": "^1.0.0-rc.10",
  "react-select-fast-filter-options": "^0.2.2",

CHANGELOG.md

@@ -2,6 +2,24 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.13.0rc8] - 2017-09-13
+### :sparkles: Added
+- `Tabs` component
+- Included fixes from 0.12.7
+
+## [0.13.0rc3] - 2017-09-13
+### :sparkles: Added
+- `Upload` component: Set `content` as a base64 encoded `DataURL` string.
+- `Upload` component: Update default styles
+
+## [0.13.0rc2] - 2017-09-13
+### :sparkles: Added
+- Added several properties to the `Upload` component
+
+## [0.13.0rc1] - 2017-09-12
+### :sparkles: Added
+- An `Upload` component
+
 ## [0.12.7] - 2017-09-26
 ### :bug: Fixed
 - Fixed issues related to updating the `max_date_allowed` property of `DatePickerSingle` and `DatePickerRange` programatically through callbacks
@@ -15,7 +33,6 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 - Non-ascii characters, like chinese characters, are now supported as
  search strings in the `dcc.Dropdown` component (https://github.com/plotly/dash-core-components/pull/75)
 
-
 ## [0.12.5] - 2017-09-11
 ### :bug: Fixed
 - The `Interval` component was constantly resetting its interval on every update. Initially reported in https://community.plot.ly/t/multiple-interval-object-in-a-single-page/5699/3

dash_core_components/__init__.py

@@ -3,6 +3,8 @@
 import sys as _sys
 from .version import __version__
 
+npm_package_version = '0.13.0-rc8'
+
 _current_path = _os.path.dirname(_os.path.abspath(__file__))
 
 _components = _dash.development.component_loader.load_components(
@@ -23,7 +25,7 @@
  "external_url": (
  "https://unpkg.com/dash-core-components@{}"
  "/dash_core_components/bundle.js"
- ).format(__version__),
+ ).format(npm_package_version),
  "namespace": "dash_core_components"
  }
 ]
@@ -42,7 +44,7 @@
  "https://unpkg.com/react-virtualized@9.9.0/styles.css",
  "https://unpkg.com/react-virtualized-select@3.1.0/styles.css",
  "https://unpkg.com/rc-slider@6.1.2/assets/index.css",
- "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(__version__)
+ "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(npm_package_version)
  ],
  "namespace": "dash_core_components"
  }

dash_core_components/metadata.json

@@ -2345,6 +2345,66 @@
  }
  }
  },
+ "src/components/Tabs.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": ""
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "Style object to be merged in with the parent level tabs"
+ },
+ "tabs": {
+ "type": {
+ "name": "arrayOf",
+ "value": {
+ "name": "shape",
+ "value": {
+ "label": {
+ "name": "string",
+ "description": "The checkbox's label",
+ "required": false
+ },
+ "value": {
+ "name": "string",
+ "description": "The value of the checkbox. This value\ncorresponds to the items specified in the\n`values` property.",
+ "required": false
+ }
+ }
+ }
+ },
+ "required": false,
+ "description": "An array of options"
+ },
+ "value": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "The currently selected tab"
+ },
+ "vertical": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Whether or not the tabs are rendered vertically",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ }
+ }
+ },
  "src/components/Textarea.react.js": {
  "description": "A basic HTML textarea for entering multiline text.",
  "methods": [],
@@ -2567,5 +2627,192 @@
  "description": ""
  }
  }
+ },
+ "src/components/Upload.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "ID of the component. Used to identify component\nin Dash callback functions."
+ },
+ "contents": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "string"
+ },
+ {
+ "name": "arrayOf",
+ "value": {
+ "name": "string"
+ }
+ }
+ ]
+ },
+ "required": false,
+ "description": "The contents of the uploaded file as a binary string"
+ },
+ "children": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "node"
+ },
+ {
+ "name": "string"
+ }
+ ]
+ },
+ "required": false,
+ "description": "Contents of the upload component"
+ },
+ "accept": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "Allow specific types of files.\nSee https://github.com/okonet/attr-accept for more information.\nKeep in mind that mime type determination is not reliable across\nplatforms. CSV files, for example, are reported as text/plain\nunder macOS but as application/vnd.ms-excel under Windows.\nIn some cases there might not be a mime type set at all.\nSee: https://github.com/react-dropzone/react-dropzone/issues/276"
+ },
+ "disabled": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Enable/disable the upload component entirely",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "disable_click": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Disallow clicking on the component to open the file dialog",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "max_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Maximum file size. If `-1`, then infinite",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
+ "min_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Minimum file size",
+ "defaultValue": {
+ "value": "0",
+ "computed": false
+ }
+ },
+ "multiple": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Allow dropping multiple files",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "className": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component"
+ },
+ "className_active": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component while active"
+ },
+ "className_reject": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if rejected"
+ },
+ "className_disabled": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if disabled"
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply",
+ "defaultValue": {
+ "value": "{}",
+ "computed": false
+ }
+ },
+ "style_active": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply while active",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#6c6',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_reject": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if rejected",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#c66',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_disabled": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if disabled",
+ "defaultValue": {
+ "value": "{\n opacity: 0.5\n}",
+ "computed": false
+ }
+ },
+ "setProps": {
+ "type": {
+ "name": "func"
+ },
+ "required": false,
+ "description": "Dash-supplied function for updating props"
+ }
+ }
  }
 }

dash_core_components/version.py

@@ -1 +1 @@
-__version__ = '0.12.7'
+__version__ = '0.13.0rc8'

demo/Demo.react.js

@@ -11,9 +11,16 @@ import {
  Slider,
  SyntaxHighlighter,
  Interval,
- Markdown
+ Markdown,
+ Upload
 } from '../src';
 
+
+const UploadExample = `
+const properties = {};
+
+ReactDOM.render(<Upload {...properties}/>, mountNode);`
+
 const MarkdownExample = `
 
 const markdown = \`
@@ -294,6 +301,7 @@ ReactDOM.render(<Controller/>, mountNode);`
 
 
 const examples = [
+ {name: 'Upload', code: UploadExample},
  {name: 'Markdown', code: MarkdownExample},
  {name: 'Interval', code: SetTimeoutExample},
  {name: 'Graph', code: GraphExample},
@@ -318,7 +326,7 @@ class Demo extends Component {
  <h3>{example.name}</h3>
  <Playground
  codeText={example.code}
- scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown}}
+ scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown, Upload}}
  noRender={false}
  theme={'xq-light'}
  />

dev-requirements.txt

@@ -1,7 +1,7 @@
 dash_html_components
 dash_renderer
 dash
-git+git://github.com/chriddyp/python-percy-client.git@print-request
+percy
 selenium
 mock
 tox
@@ -10,3 +10,6 @@ six
 plotly>=2.0.8
 requests[security]
 ipdb
+dash-table-experiments
+xlrd
+pandas

package.json

@@ -1,6 +1,6 @@
 {
  "name": "dash-core-components",
- "version": "0.12.7",
+ "version": "0.13.0-rc8",
  "description": "Core component suite for Dash",
  "repository": {
  "type": "git",
@@ -34,6 +34,7 @@
  "react-addons-shallow-compare": "^15.6.0",
  "react-dates": "^12.3.0",
  "react-dom": "^15.4.0",
+ "react-dropzone": "^4.1.2",
  "react-markdown": "^2.4.5",
  "react-select": "^1.0.0-rc.10",
  "react-select-fast-filter-options": "^0.2.2",

CHANGELOG.md

@@ -2,6 +2,24 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.13.0rc8] - 2017-09-13
+### :sparkles: Added
+- `Tabs` component
+- Included fixes from 0.12.7
+
+## [0.13.0rc3] - 2017-09-13
+### :sparkles: Added
+- `Upload` component: Set `content` as a base64 encoded `DataURL` string.
+- `Upload` component: Update default styles
+
+## [0.13.0rc2] - 2017-09-13
+### :sparkles: Added
+- Added several properties to the `Upload` component
+
+## [0.13.0rc1] - 2017-09-12
+### :sparkles: Added
+- An `Upload` component
+
 ## [0.12.7] - 2017-09-26
 ### :bug: Fixed
 - Fixed issues related to updating the `max_date_allowed` property of `DatePickerSingle` and `DatePickerRange` programatically through callbacks
@@ -15,7 +33,6 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 - Non-ascii characters, like chinese characters, are now supported as
  search strings in the `dcc.Dropdown` component (https://github.com/plotly/dash-core-components/pull/75)
 
-
 ## [0.12.5] - 2017-09-11
 ### :bug: Fixed
 - The `Interval` component was constantly resetting its interval on every update. Initially reported in https://community.plot.ly/t/multiple-interval-object-in-a-single-page/5699/3

dash_core_components/__init__.py

@@ -3,6 +3,8 @@
 import sys as _sys
 from .version import __version__
 
+npm_package_version = '0.13.0-rc8'
+
 _current_path = _os.path.dirname(_os.path.abspath(__file__))
 
 _components = _dash.development.component_loader.load_components(
@@ -23,7 +25,7 @@
  "external_url": (
  "https://unpkg.com/dash-core-components@{}"
  "/dash_core_components/bundle.js"
- ).format(__version__),
+ ).format(npm_package_version),
  "namespace": "dash_core_components"
  }
 ]
@@ -42,7 +44,7 @@
  "https://unpkg.com/react-virtualized@9.9.0/styles.css",
  "https://unpkg.com/react-virtualized-select@3.1.0/styles.css",
  "https://unpkg.com/rc-slider@6.1.2/assets/index.css",
- "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(__version__)
+ "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(npm_package_version)
  ],
  "namespace": "dash_core_components"
  }

dash_core_components/metadata.json

@@ -2345,6 +2345,66 @@
  }
  }
  },
+ "src/components/Tabs.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": ""
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "Style object to be merged in with the parent level tabs"
+ },
+ "tabs": {
+ "type": {
+ "name": "arrayOf",
+ "value": {
+ "name": "shape",
+ "value": {
+ "label": {
+ "name": "string",
+ "description": "The checkbox's label",
+ "required": false
+ },
+ "value": {
+ "name": "string",
+ "description": "The value of the checkbox. This value\ncorresponds to the items specified in the\n`values` property.",
+ "required": false
+ }
+ }
+ }
+ },
+ "required": false,
+ "description": "An array of options"
+ },
+ "value": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "The currently selected tab"
+ },
+ "vertical": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Whether or not the tabs are rendered vertically",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ }
+ }
+ },
  "src/components/Textarea.react.js": {
  "description": "A basic HTML textarea for entering multiline text.",
  "methods": [],
@@ -2567,5 +2627,192 @@
  "description": ""
  }
  }
+ },
+ "src/components/Upload.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "ID of the component. Used to identify component\nin Dash callback functions."
+ },
+ "contents": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "string"
+ },
+ {
+ "name": "arrayOf",
+ "value": {
+ "name": "string"
+ }
+ }
+ ]
+ },
+ "required": false,
+ "description": "The contents of the uploaded file as a binary string"
+ },
+ "children": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "node"
+ },
+ {
+ "name": "string"
+ }
+ ]
+ },
+ "required": false,
+ "description": "Contents of the upload component"
+ },
+ "accept": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "Allow specific types of files.\nSee https://github.com/okonet/attr-accept for more information.\nKeep in mind that mime type determination is not reliable across\nplatforms. CSV files, for example, are reported as text/plain\nunder macOS but as application/vnd.ms-excel under Windows.\nIn some cases there might not be a mime type set at all.\nSee: https://github.com/react-dropzone/react-dropzone/issues/276"
+ },
+ "disabled": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Enable/disable the upload component entirely",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "disable_click": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Disallow clicking on the component to open the file dialog",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "max_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Maximum file size. If `-1`, then infinite",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
+ "min_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Minimum file size",
+ "defaultValue": {
+ "value": "0",
+ "computed": false
+ }
+ },
+ "multiple": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Allow dropping multiple files",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "className": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component"
+ },
+ "className_active": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component while active"
+ },
+ "className_reject": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if rejected"
+ },
+ "className_disabled": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if disabled"
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply",
+ "defaultValue": {
+ "value": "{}",
+ "computed": false
+ }
+ },
+ "style_active": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply while active",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#6c6',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_reject": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if rejected",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#c66',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_disabled": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if disabled",
+ "defaultValue": {
+ "value": "{\n opacity: 0.5\n}",
+ "computed": false
+ }
+ },
+ "setProps": {
+ "type": {
+ "name": "func"
+ },
+ "required": false,
+ "description": "Dash-supplied function for updating props"
+ }
+ }
  }
 }

dash_core_components/version.py

@@ -1 +1 @@
-__version__ = '0.12.7'
+__version__ = '0.13.0rc8'

demo/Demo.react.js

@@ -11,9 +11,16 @@ import {
  Slider,
  SyntaxHighlighter,
  Interval,
- Markdown
+ Markdown,
+ Upload
 } from '../src';
 
+
+const UploadExample = `
+const properties = {};
+
+ReactDOM.render(<Upload {...properties}/>, mountNode);`
+
 const MarkdownExample = `
 
 const markdown = \`
@@ -294,6 +301,7 @@ ReactDOM.render(<Controller/>, mountNode);`
 
 
 const examples = [
+ {name: 'Upload', code: UploadExample},
  {name: 'Markdown', code: MarkdownExample},
  {name: 'Interval', code: SetTimeoutExample},
  {name: 'Graph', code: GraphExample},
@@ -318,7 +326,7 @@ class Demo extends Component {
  <h3>{example.name}</h3>
  <Playground
  codeText={example.code}
- scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown}}
+ scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown, Upload}}
  noRender={false}
  theme={'xq-light'}
  />

dev-requirements.txt

@@ -1,7 +1,7 @@
 dash_html_components
 dash_renderer
 dash
-git+git://github.com/chriddyp/python-percy-client.git@print-request
+percy
 selenium
 mock
 tox
@@ -10,3 +10,6 @@ six
 plotly>=2.0.8
 requests[security]
 ipdb
+dash-table-experiments
+xlrd
+pandas

package.json

@@ -1,6 +1,6 @@
 {
  "name": "dash-core-components",
- "version": "0.12.7",
+ "version": "0.13.0-rc8",
  "description": "Core component suite for Dash",
  "repository": {
  "type": "git",
@@ -34,6 +34,7 @@
  "react-addons-shallow-compare": "^15.6.0",
  "react-dates": "^12.3.0",
  "react-dom": "^15.4.0",
+ "react-dropzone": "^4.1.2",
  "react-markdown": "^2.4.5",
  "react-select": "^1.0.0-rc.10",
  "react-select-fast-filter-options": "^0.2.2",

CHANGELOG.md

@@ -2,6 +2,24 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.13.0rc8] - 2017-09-13
+### :sparkles: Added
+- `Tabs` component
+- Included fixes from 0.12.7
+
+## [0.13.0rc3] - 2017-09-13
+### :sparkles: Added
+- `Upload` component: Set `content` as a base64 encoded `DataURL` string.
+- `Upload` component: Update default styles
+
+## [0.13.0rc2] - 2017-09-13
+### :sparkles: Added
+- Added several properties to the `Upload` component
+
+## [0.13.0rc1] - 2017-09-12
+### :sparkles: Added
+- An `Upload` component
+
 ## [0.12.7] - 2017-09-26
 ### :bug: Fixed
 - Fixed issues related to updating the `max_date_allowed` property of `DatePickerSingle` and `DatePickerRange` programatically through callbacks
@@ -15,7 +33,6 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 - Non-ascii characters, like chinese characters, are now supported as
  search strings in the `dcc.Dropdown` component (https://github.com/plotly/dash-core-components/pull/75)
 
-
 ## [0.12.5] - 2017-09-11
 ### :bug: Fixed
 - The `Interval` component was constantly resetting its interval on every update. Initially reported in https://community.plot.ly/t/multiple-interval-object-in-a-single-page/5699/3

dash_core_components/__init__.py

@@ -3,6 +3,8 @@
 import sys as _sys
 from .version import __version__
 
+npm_package_version = '0.13.0-rc8'
+
 _current_path = _os.path.dirname(_os.path.abspath(__file__))
 
 _components = _dash.development.component_loader.load_components(
@@ -23,7 +25,7 @@
  "external_url": (
  "https://unpkg.com/dash-core-components@{}"
  "/dash_core_components/bundle.js"
- ).format(__version__),
+ ).format(npm_package_version),
  "namespace": "dash_core_components"
  }
 ]
@@ -42,7 +44,7 @@
  "https://unpkg.com/react-virtualized@9.9.0/styles.css",
  "https://unpkg.com/react-virtualized-select@3.1.0/styles.css",
  "https://unpkg.com/rc-slider@6.1.2/assets/index.css",
- "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(__version__)
+ "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(npm_package_version)
  ],
  "namespace": "dash_core_components"
  }

dash_core_components/metadata.json

@@ -2345,6 +2345,66 @@
  }
  }
  },
+ "src/components/Tabs.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": ""
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "Style object to be merged in with the parent level tabs"
+ },
+ "tabs": {
+ "type": {
+ "name": "arrayOf",
+ "value": {
+ "name": "shape",
+ "value": {
+ "label": {
+ "name": "string",
+ "description": "The checkbox's label",
+ "required": false
+ },
+ "value": {
+ "name": "string",
+ "description": "The value of the checkbox. This value\ncorresponds to the items specified in the\n`values` property.",
+ "required": false
+ }
+ }
+ }
+ },
+ "required": false,
+ "description": "An array of options"
+ },
+ "value": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "The currently selected tab"
+ },
+ "vertical": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Whether or not the tabs are rendered vertically",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ }
+ }
+ },
  "src/components/Textarea.react.js": {
  "description": "A basic HTML textarea for entering multiline text.",
  "methods": [],
@@ -2567,5 +2627,192 @@
  "description": ""
  }
  }
+ },
+ "src/components/Upload.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "ID of the component. Used to identify component\nin Dash callback functions."
+ },
+ "contents": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "string"
+ },
+ {
+ "name": "arrayOf",
+ "value": {
+ "name": "string"
+ }
+ }
+ ]
+ },
+ "required": false,
+ "description": "The contents of the uploaded file as a binary string"
+ },
+ "children": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "node"
+ },
+ {
+ "name": "string"
+ }
+ ]
+ },
+ "required": false,
+ "description": "Contents of the upload component"
+ },
+ "accept": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "Allow specific types of files.\nSee https://github.com/okonet/attr-accept for more information.\nKeep in mind that mime type determination is not reliable across\nplatforms. CSV files, for example, are reported as text/plain\nunder macOS but as application/vnd.ms-excel under Windows.\nIn some cases there might not be a mime type set at all.\nSee: https://github.com/react-dropzone/react-dropzone/issues/276"
+ },
+ "disabled": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Enable/disable the upload component entirely",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "disable_click": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Disallow clicking on the component to open the file dialog",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "max_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Maximum file size. If `-1`, then infinite",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
+ "min_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Minimum file size",
+ "defaultValue": {
+ "value": "0",
+ "computed": false
+ }
+ },
+ "multiple": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Allow dropping multiple files",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "className": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component"
+ },
+ "className_active": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component while active"
+ },
+ "className_reject": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if rejected"
+ },
+ "className_disabled": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if disabled"
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply",
+ "defaultValue": {
+ "value": "{}",
+ "computed": false
+ }
+ },
+ "style_active": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply while active",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#6c6',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_reject": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if rejected",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#c66',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_disabled": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if disabled",
+ "defaultValue": {
+ "value": "{\n opacity: 0.5\n}",
+ "computed": false
+ }
+ },
+ "setProps": {
+ "type": {
+ "name": "func"
+ },
+ "required": false,
+ "description": "Dash-supplied function for updating props"
+ }
+ }
  }
 }

dash_core_components/version.py

@@ -1 +1 @@
-__version__ = '0.12.7'
+__version__ = '0.13.0rc8'

demo/Demo.react.js

@@ -11,9 +11,16 @@ import {
  Slider,
  SyntaxHighlighter,
  Interval,
- Markdown
+ Markdown,
+ Upload
 } from '../src';
 
+
+const UploadExample = `
+const properties = {};
+
+ReactDOM.render(<Upload {...properties}/>, mountNode);`
+
 const MarkdownExample = `
 
 const markdown = \`
@@ -294,6 +301,7 @@ ReactDOM.render(<Controller/>, mountNode);`
 
 
 const examples = [
+ {name: 'Upload', code: UploadExample},
  {name: 'Markdown', code: MarkdownExample},
  {name: 'Interval', code: SetTimeoutExample},
  {name: 'Graph', code: GraphExample},
@@ -318,7 +326,7 @@ class Demo extends Component {
  <h3>{example.name}</h3>
  <Playground
  codeText={example.code}
- scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown}}
+ scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown, Upload}}
  noRender={false}
  theme={'xq-light'}
  />

dev-requirements.txt

@@ -1,7 +1,7 @@
 dash_html_components
 dash_renderer
 dash
-git+git://github.com/chriddyp/python-percy-client.git@print-request
+percy
 selenium
 mock
 tox
@@ -10,3 +10,6 @@ six
 plotly>=2.0.8
 requests[security]
 ipdb
+dash-table-experiments
+xlrd
+pandas

package.json

@@ -1,6 +1,6 @@
 {
  "name": "dash-core-components",
- "version": "0.12.7",
+ "version": "0.13.0-rc8",
  "description": "Core component suite for Dash",
  "repository": {
  "type": "git",
@@ -34,6 +34,7 @@
  "react-addons-shallow-compare": "^15.6.0",
  "react-dates": "^12.3.0",
  "react-dom": "^15.4.0",
+ "react-dropzone": "^4.1.2",
  "react-markdown": "^2.4.5",
  "react-select": "^1.0.0-rc.10",
  "react-select-fast-filter-options": "^0.2.2",

CHANGELOG.md

@@ -2,6 +2,24 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.13.0rc8] - 2017-09-13
+### :sparkles: Added
+- `Tabs` component
+- Included fixes from 0.12.7
+
+## [0.13.0rc3] - 2017-09-13
+### :sparkles: Added
+- `Upload` component: Set `content` as a base64 encoded `DataURL` string.
+- `Upload` component: Update default styles
+
+## [0.13.0rc2] - 2017-09-13
+### :sparkles: Added
+- Added several properties to the `Upload` component
+
+## [0.13.0rc1] - 2017-09-12
+### :sparkles: Added
+- An `Upload` component
+
 ## [0.12.7] - 2017-09-26
 ### :bug: Fixed
 - Fixed issues related to updating the `max_date_allowed` property of `DatePickerSingle` and `DatePickerRange` programatically through callbacks
@@ -15,7 +33,6 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 - Non-ascii characters, like chinese characters, are now supported as
  search strings in the `dcc.Dropdown` component (https://github.com/plotly/dash-core-components/pull/75)
 
-
 ## [0.12.5] - 2017-09-11
 ### :bug: Fixed
 - The `Interval` component was constantly resetting its interval on every update. Initially reported in https://community.plot.ly/t/multiple-interval-object-in-a-single-page/5699/3

dash_core_components/__init__.py

@@ -3,6 +3,8 @@
 import sys as _sys
 from .version import __version__
 
+npm_package_version = '0.13.0-rc8'
+
 _current_path = _os.path.dirname(_os.path.abspath(__file__))
 
 _components = _dash.development.component_loader.load_components(
@@ -23,7 +25,7 @@
  "external_url": (
  "https://unpkg.com/dash-core-components@{}"
  "/dash_core_components/bundle.js"
- ).format(__version__),
+ ).format(npm_package_version),
  "namespace": "dash_core_components"
  }
 ]
@@ -42,7 +44,7 @@
  "https://unpkg.com/react-virtualized@9.9.0/styles.css",
  "https://unpkg.com/react-virtualized-select@3.1.0/styles.css",
  "https://unpkg.com/rc-slider@6.1.2/assets/index.css",
- "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(__version__)
+ "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(npm_package_version)
  ],
  "namespace": "dash_core_components"
  }

dash_core_components/metadata.json

@@ -2345,6 +2345,66 @@
  }
  }
  },
+ "src/components/Tabs.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": ""
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "Style object to be merged in with the parent level tabs"
+ },
+ "tabs": {
+ "type": {
+ "name": "arrayOf",
+ "value": {
+ "name": "shape",
+ "value": {
+ "label": {
+ "name": "string",
+ "description": "The checkbox's label",
+ "required": false
+ },
+ "value": {
+ "name": "string",
+ "description": "The value of the checkbox. This value\ncorresponds to the items specified in the\n`values` property.",
+ "required": false
+ }
+ }
+ }
+ },
+ "required": false,
+ "description": "An array of options"
+ },
+ "value": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "The currently selected tab"
+ },
+ "vertical": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Whether or not the tabs are rendered vertically",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ }
+ }
+ },
  "src/components/Textarea.react.js": {
  "description": "A basic HTML textarea for entering multiline text.",
  "methods": [],
@@ -2567,5 +2627,192 @@
  "description": ""
  }
  }
+ },
+ "src/components/Upload.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "ID of the component. Used to identify component\nin Dash callback functions."
+ },
+ "contents": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "string"
+ },
+ {
+ "name": "arrayOf",
+ "value": {
+ "name": "string"
+ }
+ }
+ ]
+ },
+ "required": false,
+ "description": "The contents of the uploaded file as a binary string"
+ },
+ "children": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "node"
+ },
+ {
+ "name": "string"
+ }
+ ]
+ },
+ "required": false,
+ "description": "Contents of the upload component"
+ },
+ "accept": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "Allow specific types of files.\nSee https://github.com/okonet/attr-accept for more information.\nKeep in mind that mime type determination is not reliable across\nplatforms. CSV files, for example, are reported as text/plain\nunder macOS but as application/vnd.ms-excel under Windows.\nIn some cases there might not be a mime type set at all.\nSee: https://github.com/react-dropzone/react-dropzone/issues/276"
+ },
+ "disabled": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Enable/disable the upload component entirely",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "disable_click": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Disallow clicking on the component to open the file dialog",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "max_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Maximum file size. If `-1`, then infinite",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
+ "min_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Minimum file size",
+ "defaultValue": {
+ "value": "0",
+ "computed": false
+ }
+ },
+ "multiple": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Allow dropping multiple files",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "className": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component"
+ },
+ "className_active": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component while active"
+ },
+ "className_reject": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if rejected"
+ },
+ "className_disabled": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if disabled"
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply",
+ "defaultValue": {
+ "value": "{}",
+ "computed": false
+ }
+ },
+ "style_active": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply while active",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#6c6',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_reject": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if rejected",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#c66',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_disabled": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if disabled",
+ "defaultValue": {
+ "value": "{\n opacity: 0.5\n}",
+ "computed": false
+ }
+ },
+ "setProps": {
+ "type": {
+ "name": "func"
+ },
+ "required": false,
+ "description": "Dash-supplied function for updating props"
+ }
+ }
  }
 }

dash_core_components/version.py

@@ -1 +1 @@
-__version__ = '0.12.7'
+__version__ = '0.13.0rc8'

demo/Demo.react.js

@@ -11,9 +11,16 @@ import {
  Slider,
  SyntaxHighlighter,
  Interval,
- Markdown
+ Markdown,
+ Upload
 } from '../src';
 
+
+const UploadExample = `
+const properties = {};
+
+ReactDOM.render(<Upload {...properties}/>, mountNode);`
+
 const MarkdownExample = `
 
 const markdown = \`
@@ -294,6 +301,7 @@ ReactDOM.render(<Controller/>, mountNode);`
 
 
 const examples = [
+ {name: 'Upload', code: UploadExample},
  {name: 'Markdown', code: MarkdownExample},
  {name: 'Interval', code: SetTimeoutExample},
  {name: 'Graph', code: GraphExample},
@@ -318,7 +326,7 @@ class Demo extends Component {
  <h3>{example.name}</h3>
  <Playground
  codeText={example.code}
- scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown}}
+ scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown, Upload}}
  noRender={false}
  theme={'xq-light'}
  />

dev-requirements.txt

@@ -1,7 +1,7 @@
 dash_html_components
 dash_renderer
 dash
-git+git://github.com/chriddyp/python-percy-client.git@print-request
+percy
 selenium
 mock
 tox
@@ -10,3 +10,6 @@ six
 plotly>=2.0.8
 requests[security]
 ipdb
+dash-table-experiments
+xlrd
+pandas

package.json

@@ -1,6 +1,6 @@
 {
  "name": "dash-core-components",
- "version": "0.12.7",
+ "version": "0.13.0-rc8",
  "description": "Core component suite for Dash",
  "repository": {
  "type": "git",
@@ -34,6 +34,7 @@
  "react-addons-shallow-compare": "^15.6.0",
  "react-dates": "^12.3.0",
  "react-dom": "^15.4.0",
+ "react-dropzone": "^4.1.2",
  "react-markdown": "^2.4.5",
  "react-select": "^1.0.0-rc.10",
  "react-select-fast-filter-options": "^0.2.2",

CHANGELOG.md

@@ -2,6 +2,24 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.13.0rc8] - 2017-09-13
+### :sparkles: Added
+- `Tabs` component
+- Included fixes from 0.12.7
+
+## [0.13.0rc3] - 2017-09-13
+### :sparkles: Added
+- `Upload` component: Set `content` as a base64 encoded `DataURL` string.
+- `Upload` component: Update default styles
+
+## [0.13.0rc2] - 2017-09-13
+### :sparkles: Added
+- Added several properties to the `Upload` component
+
+## [0.13.0rc1] - 2017-09-12
+### :sparkles: Added
+- An `Upload` component
+
 ## [0.12.7] - 2017-09-26
 ### :bug: Fixed
 - Fixed issues related to updating the `max_date_allowed` property of `DatePickerSingle` and `DatePickerRange` programatically through callbacks
@@ -15,7 +33,6 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 - Non-ascii characters, like chinese characters, are now supported as
  search strings in the `dcc.Dropdown` component (https://github.com/plotly/dash-core-components/pull/75)
 
-
 ## [0.12.5] - 2017-09-11
 ### :bug: Fixed
 - The `Interval` component was constantly resetting its interval on every update. Initially reported in https://community.plot.ly/t/multiple-interval-object-in-a-single-page/5699/3

dash_core_components/__init__.py

@@ -3,6 +3,8 @@
 import sys as _sys
 from .version import __version__
 
+npm_package_version = '0.13.0-rc8'
+
 _current_path = _os.path.dirname(_os.path.abspath(__file__))
 
 _components = _dash.development.component_loader.load_components(
@@ -23,7 +25,7 @@
  "external_url": (
  "https://unpkg.com/dash-core-components@{}"
  "/dash_core_components/bundle.js"
- ).format(__version__),
+ ).format(npm_package_version),
  "namespace": "dash_core_components"
  }
 ]
@@ -42,7 +44,7 @@
  "https://unpkg.com/react-virtualized@9.9.0/styles.css",
  "https://unpkg.com/react-virtualized-select@3.1.0/styles.css",
  "https://unpkg.com/rc-slider@6.1.2/assets/index.css",
- "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(__version__)
+ "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(npm_package_version)
  ],
  "namespace": "dash_core_components"
  }

dash_core_components/metadata.json

@@ -2345,6 +2345,66 @@
  }
  }
  },
+ "src/components/Tabs.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": ""
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "Style object to be merged in with the parent level tabs"
+ },
+ "tabs": {
+ "type": {
+ "name": "arrayOf",
+ "value": {
+ "name": "shape",
+ "value": {
+ "label": {
+ "name": "string",
+ "description": "The checkbox's label",
+ "required": false
+ },
+ "value": {
+ "name": "string",
+ "description": "The value of the checkbox. This value\ncorresponds to the items specified in the\n`values` property.",
+ "required": false
+ }
+ }
+ }
+ },
+ "required": false,
+ "description": "An array of options"
+ },
+ "value": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "The currently selected tab"
+ },
+ "vertical": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Whether or not the tabs are rendered vertically",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ }
+ }
+ },
  "src/components/Textarea.react.js": {
  "description": "A basic HTML textarea for entering multiline text.",
  "methods": [],
@@ -2567,5 +2627,192 @@
  "description": ""
  }
  }
+ },
+ "src/components/Upload.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "ID of the component. Used to identify component\nin Dash callback functions."
+ },
+ "contents": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "string"
+ },
+ {
+ "name": "arrayOf",
+ "value": {
+ "name": "string"
+ }
+ }
+ ]
+ },
+ "required": false,
+ "description": "The contents of the uploaded file as a binary string"
+ },
+ "children": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "node"
+ },
+ {
+ "name": "string"
+ }
+ ]
+ },
+ "required": false,
+ "description": "Contents of the upload component"
+ },
+ "accept": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "Allow specific types of files.\nSee https://github.com/okonet/attr-accept for more information.\nKeep in mind that mime type determination is not reliable across\nplatforms. CSV files, for example, are reported as text/plain\nunder macOS but as application/vnd.ms-excel under Windows.\nIn some cases there might not be a mime type set at all.\nSee: https://github.com/react-dropzone/react-dropzone/issues/276"
+ },
+ "disabled": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Enable/disable the upload component entirely",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "disable_click": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Disallow clicking on the component to open the file dialog",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "max_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Maximum file size. If `-1`, then infinite",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
+ "min_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Minimum file size",
+ "defaultValue": {
+ "value": "0",
+ "computed": false
+ }
+ },
+ "multiple": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Allow dropping multiple files",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "className": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component"
+ },
+ "className_active": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component while active"
+ },
+ "className_reject": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if rejected"
+ },
+ "className_disabled": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if disabled"
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply",
+ "defaultValue": {
+ "value": "{}",
+ "computed": false
+ }
+ },
+ "style_active": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply while active",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#6c6',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_reject": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if rejected",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#c66',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_disabled": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if disabled",
+ "defaultValue": {
+ "value": "{\n opacity: 0.5\n}",
+ "computed": false
+ }
+ },
+ "setProps": {
+ "type": {
+ "name": "func"
+ },
+ "required": false,
+ "description": "Dash-supplied function for updating props"
+ }
+ }
  }
 }

dash_core_components/version.py

@@ -1 +1 @@
-__version__ = '0.12.7'
+__version__ = '0.13.0rc8'

demo/Demo.react.js

@@ -11,9 +11,16 @@ import {
  Slider,
  SyntaxHighlighter,
  Interval,
- Markdown
+ Markdown,
+ Upload
 } from '../src';
 
+
+const UploadExample = `
+const properties = {};
+
+ReactDOM.render(<Upload {...properties}/>, mountNode);`
+
 const MarkdownExample = `
 
 const markdown = \`
@@ -294,6 +301,7 @@ ReactDOM.render(<Controller/>, mountNode);`
 
 
 const examples = [
+ {name: 'Upload', code: UploadExample},
  {name: 'Markdown', code: MarkdownExample},
  {name: 'Interval', code: SetTimeoutExample},
  {name: 'Graph', code: GraphExample},
@@ -318,7 +326,7 @@ class Demo extends Component {
  <h3>{example.name}</h3>
  <Playground
  codeText={example.code}
- scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown}}
+ scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown, Upload}}
  noRender={false}
  theme={'xq-light'}
  />

dev-requirements.txt

@@ -1,7 +1,7 @@
 dash_html_components
 dash_renderer
 dash
-git+git://github.com/chriddyp/python-percy-client.git@print-request
+percy
 selenium
 mock
 tox
@@ -10,3 +10,6 @@ six
 plotly>=2.0.8
 requests[security]
 ipdb
+dash-table-experiments
+xlrd
+pandas

package.json

@@ -1,6 +1,6 @@
 {
  "name": "dash-core-components",
- "version": "0.12.7",
+ "version": "0.13.0-rc8",
  "description": "Core component suite for Dash",
  "repository": {
  "type": "git",
@@ -34,6 +34,7 @@
  "react-addons-shallow-compare": "^15.6.0",
  "react-dates": "^12.3.0",
  "react-dom": "^15.4.0",
+ "react-dropzone": "^4.1.2",
  "react-markdown": "^2.4.5",
  "react-select": "^1.0.0-rc.10",
  "react-select-fast-filter-options": "^0.2.2",

CHANGELOG.md

@@ -2,6 +2,24 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.13.0rc8] - 2017-09-13
+### :sparkles: Added
+- `Tabs` component
+- Included fixes from 0.12.7
+
+## [0.13.0rc3] - 2017-09-13
+### :sparkles: Added
+- `Upload` component: Set `content` as a base64 encoded `DataURL` string.
+- `Upload` component: Update default styles
+
+## [0.13.0rc2] - 2017-09-13
+### :sparkles: Added
+- Added several properties to the `Upload` component
+
+## [0.13.0rc1] - 2017-09-12
+### :sparkles: Added
+- An `Upload` component
+
 ## [0.12.7] - 2017-09-26
 ### :bug: Fixed
 - Fixed issues related to updating the `max_date_allowed` property of `DatePickerSingle` and `DatePickerRange` programatically through callbacks
@@ -15,7 +33,6 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 - Non-ascii characters, like chinese characters, are now supported as
  search strings in the `dcc.Dropdown` component (https://github.com/plotly/dash-core-components/pull/75)
 
-
 ## [0.12.5] - 2017-09-11
 ### :bug: Fixed
 - The `Interval` component was constantly resetting its interval on every update. Initially reported in https://community.plot.ly/t/multiple-interval-object-in-a-single-page/5699/3

dash_core_components/__init__.py

@@ -3,6 +3,8 @@
 import sys as _sys
 from .version import __version__
 
+npm_package_version = '0.13.0-rc8'
+
 _current_path = _os.path.dirname(_os.path.abspath(__file__))
 
 _components = _dash.development.component_loader.load_components(
@@ -23,7 +25,7 @@
  "external_url": (
  "https://unpkg.com/dash-core-components@{}"
  "/dash_core_components/bundle.js"
- ).format(__version__),
+ ).format(npm_package_version),
  "namespace": "dash_core_components"
  }
 ]
@@ -42,7 +44,7 @@
  "https://unpkg.com/react-virtualized@9.9.0/styles.css",
  "https://unpkg.com/react-virtualized-select@3.1.0/styles.css",
  "https://unpkg.com/rc-slider@6.1.2/assets/index.css",
- "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(__version__)
+ "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(npm_package_version)
  ],
  "namespace": "dash_core_components"
  }

dash_core_components/metadata.json

@@ -2345,6 +2345,66 @@
  }
  }
  },
+ "src/components/Tabs.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": ""
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "Style object to be merged in with the parent level tabs"
+ },
+ "tabs": {
+ "type": {
+ "name": "arrayOf",
+ "value": {
+ "name": "shape",
+ "value": {
+ "label": {
+ "name": "string",
+ "description": "The checkbox's label",
+ "required": false
+ },
+ "value": {
+ "name": "string",
+ "description": "The value of the checkbox. This value\ncorresponds to the items specified in the\n`values` property.",
+ "required": false
+ }
+ }
+ }
+ },
+ "required": false,
+ "description": "An array of options"
+ },
+ "value": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "The currently selected tab"
+ },
+ "vertical": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Whether or not the tabs are rendered vertically",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ }
+ }
+ },
  "src/components/Textarea.react.js": {
  "description": "A basic HTML textarea for entering multiline text.",
  "methods": [],
@@ -2567,5 +2627,192 @@
  "description": ""
  }
  }
+ },
+ "src/components/Upload.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "ID of the component. Used to identify component\nin Dash callback functions."
+ },
+ "contents": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "string"
+ },
+ {
+ "name": "arrayOf",
+ "value": {
+ "name": "string"
+ }
+ }
+ ]
+ },
+ "required": false,
+ "description": "The contents of the uploaded file as a binary string"
+ },
+ "children": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "node"
+ },
+ {
+ "name": "string"
+ }
+ ]
+ },
+ "required": false,
+ "description": "Contents of the upload component"
+ },
+ "accept": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "Allow specific types of files.\nSee https://github.com/okonet/attr-accept for more information.\nKeep in mind that mime type determination is not reliable across\nplatforms. CSV files, for example, are reported as text/plain\nunder macOS but as application/vnd.ms-excel under Windows.\nIn some cases there might not be a mime type set at all.\nSee: https://github.com/react-dropzone/react-dropzone/issues/276"
+ },
+ "disabled": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Enable/disable the upload component entirely",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "disable_click": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Disallow clicking on the component to open the file dialog",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "max_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Maximum file size. If `-1`, then infinite",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
+ "min_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Minimum file size",
+ "defaultValue": {
+ "value": "0",
+ "computed": false
+ }
+ },
+ "multiple": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Allow dropping multiple files",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "className": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component"
+ },
+ "className_active": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component while active"
+ },
+ "className_reject": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if rejected"
+ },
+ "className_disabled": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if disabled"
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply",
+ "defaultValue": {
+ "value": "{}",
+ "computed": false
+ }
+ },
+ "style_active": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply while active",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#6c6',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_reject": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if rejected",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#c66',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_disabled": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if disabled",
+ "defaultValue": {
+ "value": "{\n opacity: 0.5\n}",
+ "computed": false
+ }
+ },
+ "setProps": {
+ "type": {
+ "name": "func"
+ },
+ "required": false,
+ "description": "Dash-supplied function for updating props"
+ }
+ }
  }
 }

dash_core_components/version.py

@@ -1 +1 @@
-__version__ = '0.12.7'
+__version__ = '0.13.0rc8'

demo/Demo.react.js

@@ -11,9 +11,16 @@ import {
  Slider,
  SyntaxHighlighter,
  Interval,
- Markdown
+ Markdown,
+ Upload
 } from '../src';
 
+
+const UploadExample = `
+const properties = {};
+
+ReactDOM.render(<Upload {...properties}/>, mountNode);`
+
 const MarkdownExample = `
 
 const markdown = \`
@@ -294,6 +301,7 @@ ReactDOM.render(<Controller/>, mountNode);`
 
 
 const examples = [
+ {name: 'Upload', code: UploadExample},
  {name: 'Markdown', code: MarkdownExample},
  {name: 'Interval', code: SetTimeoutExample},
  {name: 'Graph', code: GraphExample},
@@ -318,7 +326,7 @@ class Demo extends Component {
  <h3>{example.name}</h3>
  <Playground
  codeText={example.code}
- scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown}}
+ scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown, Upload}}
  noRender={false}
  theme={'xq-light'}
  />

dev-requirements.txt

@@ -1,7 +1,7 @@
 dash_html_components
 dash_renderer
 dash
-git+git://github.com/chriddyp/python-percy-client.git@print-request
+percy
 selenium
 mock
 tox
@@ -10,3 +10,6 @@ six
 plotly>=2.0.8
 requests[security]
 ipdb
+dash-table-experiments
+xlrd
+pandas

package.json

@@ -1,6 +1,6 @@
 {
  "name": "dash-core-components",
- "version": "0.12.7",
+ "version": "0.13.0-rc8",
  "description": "Core component suite for Dash",
  "repository": {
  "type": "git",
@@ -34,6 +34,7 @@
  "react-addons-shallow-compare": "^15.6.0",
  "react-dates": "^12.3.0",
  "react-dom": "^15.4.0",
+ "react-dropzone": "^4.1.2",
  "react-markdown": "^2.4.5",
  "react-select": "^1.0.0-rc.10",
  "react-select-fast-filter-options": "^0.2.2",

CHANGELOG.md

@@ -2,6 +2,24 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.13.0rc8] - 2017-09-13
+### :sparkles: Added
+- `Tabs` component
+- Included fixes from 0.12.7
+
+## [0.13.0rc3] - 2017-09-13
+### :sparkles: Added
+- `Upload` component: Set `content` as a base64 encoded `DataURL` string.
+- `Upload` component: Update default styles
+
+## [0.13.0rc2] - 2017-09-13
+### :sparkles: Added
+- Added several properties to the `Upload` component
+
+## [0.13.0rc1] - 2017-09-12
+### :sparkles: Added
+- An `Upload` component
+
 ## [0.12.7] - 2017-09-26
 ### :bug: Fixed
 - Fixed issues related to updating the `max_date_allowed` property of `DatePickerSingle` and `DatePickerRange` programatically through callbacks
@@ -15,7 +33,6 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 - Non-ascii characters, like chinese characters, are now supported as
  search strings in the `dcc.Dropdown` component (https://github.com/plotly/dash-core-components/pull/75)
 
-
 ## [0.12.5] - 2017-09-11
 ### :bug: Fixed
 - The `Interval` component was constantly resetting its interval on every update. Initially reported in https://community.plot.ly/t/multiple-interval-object-in-a-single-page/5699/3

dash_core_components/__init__.py

@@ -3,6 +3,8 @@
 import sys as _sys
 from .version import __version__
 
+npm_package_version = '0.13.0-rc8'
+
 _current_path = _os.path.dirname(_os.path.abspath(__file__))
 
 _components = _dash.development.component_loader.load_components(
@@ -23,7 +25,7 @@
  "external_url": (
  "https://unpkg.com/dash-core-components@{}"
  "/dash_core_components/bundle.js"
- ).format(__version__),
+ ).format(npm_package_version),
  "namespace": "dash_core_components"
  }
 ]
@@ -42,7 +44,7 @@
  "https://unpkg.com/react-virtualized@9.9.0/styles.css",
  "https://unpkg.com/react-virtualized-select@3.1.0/styles.css",
  "https://unpkg.com/rc-slider@6.1.2/assets/index.css",
- "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(__version__)
+ "https://unpkg.com/dash-core-components@{}/dash_core_components/react-dates@12.3.0.css".format(npm_package_version)
  ],
  "namespace": "dash_core_components"
  }

dash_core_components/metadata.json

@@ -2345,6 +2345,66 @@
  }
  }
  },
+ "src/components/Tabs.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": ""
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "Style object to be merged in with the parent level tabs"
+ },
+ "tabs": {
+ "type": {
+ "name": "arrayOf",
+ "value": {
+ "name": "shape",
+ "value": {
+ "label": {
+ "name": "string",
+ "description": "The checkbox's label",
+ "required": false
+ },
+ "value": {
+ "name": "string",
+ "description": "The value of the checkbox. This value\ncorresponds to the items specified in the\n`values` property.",
+ "required": false
+ }
+ }
+ }
+ },
+ "required": false,
+ "description": "An array of options"
+ },
+ "value": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "The currently selected tab"
+ },
+ "vertical": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Whether or not the tabs are rendered vertically",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ }
+ }
+ },
  "src/components/Textarea.react.js": {
  "description": "A basic HTML textarea for entering multiline text.",
  "methods": [],
@@ -2567,5 +2627,192 @@
  "description": ""
  }
  }
+ },
+ "src/components/Upload.react.js": {
+ "description": "",
+ "methods": [],
+ "props": {
+ "id": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "ID of the component. Used to identify component\nin Dash callback functions."
+ },
+ "contents": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "string"
+ },
+ {
+ "name": "arrayOf",
+ "value": {
+ "name": "string"
+ }
+ }
+ ]
+ },
+ "required": false,
+ "description": "The contents of the uploaded file as a binary string"
+ },
+ "children": {
+ "type": {
+ "name": "union",
+ "value": [
+ {
+ "name": "node"
+ },
+ {
+ "name": "string"
+ }
+ ]
+ },
+ "required": false,
+ "description": "Contents of the upload component"
+ },
+ "accept": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "Allow specific types of files.\nSee https://github.com/okonet/attr-accept for more information.\nKeep in mind that mime type determination is not reliable across\nplatforms. CSV files, for example, are reported as text/plain\nunder macOS but as application/vnd.ms-excel under Windows.\nIn some cases there might not be a mime type set at all.\nSee: https://github.com/react-dropzone/react-dropzone/issues/276"
+ },
+ "disabled": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Enable/disable the upload component entirely",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "disable_click": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Disallow clicking on the component to open the file dialog",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "max_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Maximum file size. If `-1`, then infinite",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
+ "min_size": {
+ "type": {
+ "name": "number"
+ },
+ "required": false,
+ "description": "Minimum file size",
+ "defaultValue": {
+ "value": "0",
+ "computed": false
+ }
+ },
+ "multiple": {
+ "type": {
+ "name": "bool"
+ },
+ "required": false,
+ "description": "Allow dropping multiple files",
+ "defaultValue": {
+ "value": "false",
+ "computed": false
+ }
+ },
+ "className": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component"
+ },
+ "className_active": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component while active"
+ },
+ "className_reject": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if rejected"
+ },
+ "className_disabled": {
+ "type": {
+ "name": "string"
+ },
+ "required": false,
+ "description": "HTML class name of the component if disabled"
+ },
+ "style": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply",
+ "defaultValue": {
+ "value": "{}",
+ "computed": false
+ }
+ },
+ "style_active": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles to apply while active",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#6c6',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_reject": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if rejected",
+ "defaultValue": {
+ "value": "{\n borderStyle: 'solid',\n borderColor: '#c66',\n backgroundColor: '#eee'\n}",
+ "computed": false
+ }
+ },
+ "style_disabled": {
+ "type": {
+ "name": "object"
+ },
+ "required": false,
+ "description": "CSS styles if disabled",
+ "defaultValue": {
+ "value": "{\n opacity: 0.5\n}",
+ "computed": false
+ }
+ },
+ "setProps": {
+ "type": {
+ "name": "func"
+ },
+ "required": false,
+ "description": "Dash-supplied function for updating props"
+ }
+ }
  }
 }

dash_core_components/version.py

@@ -1 +1 @@
-__version__ = '0.12.7'
+__version__ = '0.13.0rc8'

demo/Demo.react.js

@@ -11,9 +11,16 @@ import {
  Slider,
  SyntaxHighlighter,
  Interval,
- Markdown
+ Markdown,
+ Upload
 } from '../src';
 
+
+const UploadExample = `
+const properties = {};
+
+ReactDOM.render(<Upload {...properties}/>, mountNode);`
+
 const MarkdownExample = `
 
 const markdown = \`
@@ -294,6 +301,7 @@ ReactDOM.render(<Controller/>, mountNode);`
 
 
 const examples = [
+ {name: 'Upload', code: UploadExample},
  {name: 'Markdown', code: MarkdownExample},
  {name: 'Interval', code: SetTimeoutExample},
  {name: 'Graph', code: GraphExample},
@@ -318,7 +326,7 @@ class Demo extends Component {
  <h3>{example.name}</h3>
  <Playground
  codeText={example.code}
- scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown}}
+ scope={{Component, React, ReactDOM, Checklist, Dropdown, Graph, Input, RadioItems, RangeSlider, Slider, SyntaxHighlighter, Interval, Markdown, Upload}}
  noRender={false}
  theme={'xq-light'}
  />

dev-requirements.txt

@@ -1,7 +1,7 @@
 dash_html_components
 dash_renderer
 dash
-git+git://github.com/chriddyp/python-percy-client.git@print-request
+percy
 selenium
 mock
 tox
@@ -10,3 +10,6 @@ six
 plotly>=2.0.8
 requests[security]
 ipdb
+dash-table-experiments
+xlrd
+pandas

package.json

@@ -1,6 +1,6 @@
 {
  "name": "dash-core-components",
- "version": "0.12.7",
+ "version": "0.13.0-rc8",
  "description": "Core component suite for Dash",
  "repository": {
  "type": "git",
@@ -34,6 +34,7 @@
  "react-addons-shallow-compare": "^15.6.0",
  "react-dates": "^12.3.0",
  "react-dom": "^15.4.0",
+ "react-dropzone": "^4.1.2",
  "react-markdown": "^2.4.5",
  "react-select": "^1.0.0-rc.10",
  "react-select-fast-filter-options": "^0.2.2",