Skip to content
This repository was archived by the owner on Aug 29, 2025. It is now read-only.

[WIP] Allow components as tab labels #95

Closed
chriddyp wants to merge 26 commits into from
Closed

[WIP] Allow components as tab labels #95

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
ea732f3
first pass at an upload component
chriddyp Sep 12, 2017
8cc7504
0.13.0-rc1 - prerelease
chriddyp Sep 12, 2017
6995bbf
Add properties
chriddyp Sep 13, 2017
9b02ee5
fix conflicts
chriddyp Sep 26, 2017
036ddd6
Fix conflicts
chriddyp Sep 26, 2017
b144bbf
update circle python requirements
chriddyp Sep 13, 2017
e9ce563
readAsDataURL is supported in IE and is on the standards track
chriddyp Sep 13, 2017
4fb3b1b
update default styles
chriddyp Sep 13, 2017
677d600
v0.13.0-rc3
chriddyp Sep 13, 2017
22c8fdf
add xlrd to dev requirements for excel testing
chriddyp Sep 13, 2017
7821a63
fix integration test
chriddyp Sep 13, 2017
119cfd4
lint
chriddyp Sep 13, 2017
5c6c204
using pandas in tests now
chriddyp Sep 13, 2017
ee34e97
sleep before snapshotting
chriddyp Sep 13, 2017
03cf1a0
fix integration tests
chriddyp Sep 14, 2017
5039bd6
:sparkles: sort imports
chriddyp Sep 14, 2017
f65f25b
add prestyle for better screenshots
chriddyp Sep 14, 2017
f113514
content types aren't working in circle
chriddyp Sep 14, 2017
3bba9a9
first pass at a Tabs component
chriddyp Sep 14, 2017
f7b846d
first pass at vertical tabs
chriddyp Sep 15, 2017
74878f2
vertical and style props
chriddyp Sep 15, 2017
27ec343
v0.13.0-rc5
chriddyp Sep 15, 2017
7699e73
v0.13.0-rc7
chriddyp Sep 19, 2017
7ada1d4
v0.13.0rc8
chriddyp Sep 26, 2017
905346e
integration test for tabs
chriddyp Sep 26, 2017
138d5f8
experiment with connected renderer from https://github.com/plotly/das…
chriddyp Oct 17, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 18 additions & 1 deletion CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -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
Expand Down
6 changes: 4 additions & 2 deletions dash_core_components/__init__.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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(
Expand All @@ -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"
}
]
Expand All @@ -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"
}
Expand Down
247 changes: 247 additions & 0 deletions dash_core_components/metadata.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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": [],
Expand Down Expand Up @@ -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"
}
}
}
}
2 changes: 1 addition & 1 deletion dash_core_components/version.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
__version__ = '0.12.7'
__version__ = '0.13.0rc8'
12 changes: 10 additions & 2 deletions demo/Demo.react.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 = \`
Expand Down Expand Up @@ -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},
Expand All @@ -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'}
/>
Expand Down
5 changes: 4 additions & 1 deletion dev-requirements.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
Expand All @@ -10,3 +10,6 @@ six
plotly>=2.0.8
requests[security]
ipdb
dash-table-experiments
xlrd
pandas
Binary file added images/tabs.gif
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/upload-component.gif
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 2 additions & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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",
Expand Down Expand Up @@ -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",
Expand Down
Loading