playbook_ui 4.18.1.pre.alpha1 → 4.18.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx +0 -5
- data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +0 -3
- data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +4 -6
- data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_line_graph/_line_graph.jsx +0 -5
- data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +3 -5
- data/app/pb_kits/playbook/pb_line_graph/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_line_graph/line_graph.rb +0 -3
- data/app/pb_kits/playbook/plugins/pb_chart.js +2 -8
- data/lib/playbook/version.rb +1 -1
- metadata +4 -8
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.html.erb +0 -15
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx +0 -24
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.html.erb +0 -16
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx +0 -23
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: e66952518f8aeb3810ab2ac245ea551a42052cc47c3c28f2848540ac4ee38e76
|
4
|
+
data.tar.gz: fb1871dbdfdeb396d4d547888546ba362451934bacb7a1f7942a7817484e4ca6
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c8385b878f9b733bcbe1604cb35fdad66ada9648ab439c0b5145fe6dc4776d8d90e7a8fa30f4fe6fe8f981767f71df80733996422bd82eafcfb76ea318a53e5f
|
7
|
+
data.tar.gz: 6903d4fa3646a0af79c51130b6d196a340e2ecf16cd078f7488bd93cbc73ac65869ad942e6bf2248dc3ac43a9b4d832963eb029384f21d9af4e707271af8bc14
|
@@ -21,7 +21,6 @@ type BarGraphProps = {
|
|
21
21
|
title: String,
|
22
22
|
type?: String,
|
23
23
|
legend?: Boolean,
|
24
|
-
toggleLegendClick?: Boolean,
|
25
24
|
height?: String,
|
26
25
|
}
|
27
26
|
|
@@ -29,8 +28,6 @@ export default class BarGraph extends React.Component<BarGraphProps> {
|
|
29
28
|
static defaultProps = {
|
30
29
|
className: 'pb_bar_graph',
|
31
30
|
type: 'column',
|
32
|
-
legend: false,
|
33
|
-
toggleLegendClick: true,
|
34
31
|
}
|
35
32
|
|
36
33
|
componentDidMount() {
|
@@ -48,7 +45,6 @@ export default class BarGraph extends React.Component<BarGraphProps> {
|
|
48
45
|
type,
|
49
46
|
legend,
|
50
47
|
height,
|
51
|
-
toggleLegendClick,
|
52
48
|
} = this.props
|
53
49
|
|
54
50
|
new pbChart(`.${className}`, {
|
@@ -63,7 +59,6 @@ export default class BarGraph extends React.Component<BarGraphProps> {
|
|
63
59
|
yAxisMin: yAxisMin,
|
64
60
|
yAxisMax: yAxisMax,
|
65
61
|
legend: legend,
|
66
|
-
toggleLegendClick: toggleLegendClick,
|
67
62
|
height: height,
|
68
63
|
})
|
69
64
|
}
|
@@ -21,8 +21,6 @@ module Playbook
|
|
21
21
|
prop :y_axis_max, type: Playbook::Props::Numeric
|
22
22
|
prop :legend, type: Playbook::Props::Boolean,
|
23
23
|
default: false
|
24
|
-
prop :toggle_legend_click, type: Playbook::Props::Boolean,
|
25
|
-
default: true
|
26
24
|
prop :height
|
27
25
|
|
28
26
|
def chart_type
|
@@ -42,7 +40,6 @@ module Playbook
|
|
42
40
|
yAxisMin: y_axis_min,
|
43
41
|
yAxisMax: y_axis_max,
|
44
42
|
legend: legend,
|
45
|
-
toggleLegendClick: toggle_legend_click,
|
46
43
|
height: height,
|
47
44
|
}.to_json.html_safe
|
48
45
|
end
|
@@ -1,15 +1,13 @@
|
|
1
1
|
examples:
|
2
|
-
|
2
|
+
|
3
3
|
rails:
|
4
4
|
- bar_graph_default: Default
|
5
5
|
- bar_graph_legend: Legend
|
6
|
-
- bar_graph_legend_non_clickable: Legend Non Clickable
|
7
6
|
- bar_graph_height: Height
|
8
|
-
|
9
|
-
|
7
|
+
|
8
|
+
|
10
9
|
react:
|
11
10
|
- bar_graph_default: Default
|
12
11
|
- bar_graph_legend: Legend
|
13
|
-
- bar_graph_legend_non_clickable: Legend Non Clickable
|
14
12
|
- bar_graph_height: Height
|
15
|
-
|
13
|
+
|
@@ -1,4 +1,3 @@
|
|
1
1
|
export { default as BarGraphDefault } from './_bar_graph_default.jsx'
|
2
2
|
export { default as BarGraphLegend } from './_bar_graph_legend.jsx'
|
3
|
-
export { default as BarGraphLegendNonClickable } from './_bar_graph_legend_non_clickable.jsx'
|
4
3
|
export { default as BarGraphHeight } from './_bar_graph_height.jsx'
|
@@ -22,7 +22,6 @@ type LineGraphProps = {
|
|
22
22
|
title: String,
|
23
23
|
type?: String,
|
24
24
|
legend?: Boolean,
|
25
|
-
toggleLegendClick?: Boolean,
|
26
25
|
height?: String,
|
27
26
|
}
|
28
27
|
|
@@ -31,8 +30,6 @@ export default class LineGraph extends React.Component<LineGraphProps> {
|
|
31
30
|
className: 'pb_bar_graph',
|
32
31
|
gradient: false,
|
33
32
|
type: 'line',
|
34
|
-
legend: false,
|
35
|
-
toggleLegendClick: true,
|
36
33
|
}
|
37
34
|
|
38
35
|
componentDidMount() {
|
@@ -49,7 +46,6 @@ export default class LineGraph extends React.Component<LineGraphProps> {
|
|
49
46
|
title,
|
50
47
|
type,
|
51
48
|
legend,
|
52
|
-
toggleLegendClick,
|
53
49
|
height,
|
54
50
|
} = this.props
|
55
51
|
|
@@ -65,7 +61,6 @@ export default class LineGraph extends React.Component<LineGraphProps> {
|
|
65
61
|
yAxisMin: yAxisMin,
|
66
62
|
yAxisMax: yAxisMax,
|
67
63
|
legend: legend,
|
68
|
-
toggleLegendClick: toggleLegendClick,
|
69
64
|
height: height,
|
70
65
|
})
|
71
66
|
}
|
@@ -1,14 +1,12 @@
|
|
1
1
|
examples:
|
2
|
-
|
2
|
+
|
3
3
|
rails:
|
4
4
|
- line_graph_default: Default
|
5
5
|
- line_graph_legend: Legend
|
6
|
-
- line_graph_legend_nonclickable: Legend Nonclickable
|
7
6
|
- line_graph_height: Height
|
8
|
-
|
9
|
-
|
7
|
+
|
8
|
+
|
10
9
|
react:
|
11
10
|
- line_graph_default: Default
|
12
11
|
- line_graph_legend: Legend
|
13
|
-
- line_graph_legend_nonclickable: Legend Nonclickable
|
14
12
|
- line_graph_height: Height
|
@@ -1,4 +1,3 @@
|
|
1
1
|
export { default as LineGraphDefault } from './_line_graph_default.jsx'
|
2
2
|
export { default as LineGraphLegend } from './_line_graph_legend.jsx'
|
3
|
-
export { default as LineGraphLegendNonclickable } from './_line_graph_legend_nonclickable.jsx'
|
4
3
|
export { default as LineGraphHeight } from './_line_graph_height.jsx'
|
@@ -21,8 +21,6 @@ module Playbook
|
|
21
21
|
prop :y_axis_max, type: Playbook::Props::Numeric
|
22
22
|
prop :legend, type: Playbook::Props::Boolean,
|
23
23
|
default: false
|
24
|
-
prop :toggle_legend_click, type: Playbook::Props::Boolean,
|
25
|
-
default: true
|
26
24
|
prop :height
|
27
25
|
|
28
26
|
def chart_type
|
@@ -42,7 +40,6 @@ module Playbook
|
|
42
40
|
yAxisMin: y_axis_min,
|
43
41
|
yAxisMax: y_axis_max,
|
44
42
|
legend: legend,
|
45
|
-
toggleLegendClick: toggle_legend_click,
|
46
43
|
height: height,
|
47
44
|
}.to_json.html_safe
|
48
45
|
end
|
@@ -77,7 +77,7 @@ class pbChart {
|
|
77
77
|
setupChart() {
|
78
78
|
Highcharts.setOptions(highchartsTheme)
|
79
79
|
|
80
|
-
|
80
|
+
Highcharts.chart(this.defaults.id, {
|
81
81
|
title: {
|
82
82
|
text: this.defaults.title,
|
83
83
|
},
|
@@ -111,13 +111,7 @@ class pbChart {
|
|
111
111
|
},
|
112
112
|
series: this.defaults.chartData,
|
113
113
|
credits: false,
|
114
|
-
}
|
115
|
-
|
116
|
-
if (!this.defaults.toggleLegendClick) {
|
117
|
-
configOptions.plotOptions.series.events = { legendItemClick: () => false }
|
118
|
-
}
|
119
|
-
|
120
|
-
Highcharts.chart(this.defaults.id, configOptions)
|
114
|
+
})
|
121
115
|
}
|
122
116
|
|
123
117
|
refresh(silent = false) {
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 4.18.1
|
4
|
+
version: 4.18.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2020-06-
|
12
|
+
date: 2020-06-15 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -474,8 +474,6 @@ files:
|
|
474
474
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx
|
475
475
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.html.erb
|
476
476
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx
|
477
|
-
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.html.erb
|
478
|
-
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx
|
479
477
|
- app/pb_kits/playbook/pb_bar_graph/docs/_description.md
|
480
478
|
- app/pb_kits/playbook/pb_bar_graph/docs/example.yml
|
481
479
|
- app/pb_kits/playbook/pb_bar_graph/docs/index.js
|
@@ -1013,8 +1011,6 @@ files:
|
|
1013
1011
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx
|
1014
1012
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.html.erb
|
1015
1013
|
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx
|
1016
|
-
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.html.erb
|
1017
|
-
- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx
|
1018
1014
|
- app/pb_kits/playbook/pb_line_graph/docs/example.yml
|
1019
1015
|
- app/pb_kits/playbook/pb_line_graph/docs/index.js
|
1020
1016
|
- app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
|
@@ -1774,9 +1770,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
1774
1770
|
version: '0'
|
1775
1771
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
1776
1772
|
requirements:
|
1777
|
-
- - "
|
1773
|
+
- - ">="
|
1778
1774
|
- !ruby/object:Gem::Version
|
1779
|
-
version:
|
1775
|
+
version: '0'
|
1780
1776
|
requirements: []
|
1781
1777
|
rubyforge_project:
|
1782
1778
|
rubygems_version: 2.7.3
|
@@ -1,15 +0,0 @@
|
|
1
|
-
<% data = [{
|
2
|
-
name: 'Number of Installations',
|
3
|
-
data: [1475,200,3000,654,656]
|
4
|
-
}] %>
|
5
|
-
|
6
|
-
<%= pb_rails("bar_graph", props: {
|
7
|
-
axis_title: 'Number of Employees',
|
8
|
-
chart_data: data,
|
9
|
-
id: "bar-test-3",
|
10
|
-
y_axis_min: 0,
|
11
|
-
x_axis_categories: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
|
12
|
-
title: 'Bar Graph with Legend Non Clickable',
|
13
|
-
legend: true,
|
14
|
-
toggle_legend_click: false,
|
15
|
-
}) %>
|
@@ -1,24 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
import { BarGraph } from '../..'
|
3
|
-
|
4
|
-
const chartData = [{
|
5
|
-
name: 'Number of Installations',
|
6
|
-
data: [1475, 200, 3000, 654, 656],
|
7
|
-
}]
|
8
|
-
|
9
|
-
const BarGraphLegendNonClickable = () => (
|
10
|
-
<div>
|
11
|
-
<BarGraph
|
12
|
-
axisTitle="Number of Employees"
|
13
|
-
chartData={chartData}
|
14
|
-
id="bar-test-3"
|
15
|
-
legend
|
16
|
-
title="Bar Graph with Legend Non Clickable"
|
17
|
-
toggleLegendClick={false}
|
18
|
-
xAxisCategories={['Jan', 'Feb', 'Mar', 'Apr', 'May']}
|
19
|
-
yAxisMin={0}
|
20
|
-
/>
|
21
|
-
</div>
|
22
|
-
)
|
23
|
-
|
24
|
-
export default BarGraphLegendNonClickable
|
@@ -1,16 +0,0 @@
|
|
1
|
-
<% data = [{
|
2
|
-
name: 'Number of Installations',
|
3
|
-
data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
|
4
|
-
}] %>
|
5
|
-
|
6
|
-
<%= pb_rails("line_graph", props: {
|
7
|
-
id: "line-test-3",
|
8
|
-
gradient: false,
|
9
|
-
chart_data: data,
|
10
|
-
x_axis_categories: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug'],
|
11
|
-
title: 'Line Graph with Legend Non Clickable',
|
12
|
-
axis_title: 'Number of Employees',
|
13
|
-
legend: true,
|
14
|
-
toggle_legend_click: false,
|
15
|
-
}) %>
|
16
|
-
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
import { LineGraph } from '../..'
|
3
|
-
|
4
|
-
const data = [{
|
5
|
-
name: 'Number of Installations',
|
6
|
-
data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175],
|
7
|
-
}]
|
8
|
-
|
9
|
-
const LineGraphLegendNonclickable = () => (
|
10
|
-
<div>
|
11
|
-
<LineGraph
|
12
|
-
axisTitle="Number of Employees"
|
13
|
-
chartData={data}
|
14
|
-
id="line-test-3"
|
15
|
-
legend
|
16
|
-
title="Line Graph with Legend Non Clickable"
|
17
|
-
toggleLegendClick={false}
|
18
|
-
xAxisCategories={['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug']}
|
19
|
-
/>
|
20
|
-
</div>
|
21
|
-
)
|
22
|
-
|
23
|
-
export default LineGraphLegendNonclickable
|