playbook_ui 4.18.1.pre.alpha1 → 4.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|