playbook_ui_docs 13.23.0.pre.alpha.PLAY1284investigation2657 → 13.23.0
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/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/index.js +0 -1
- data/dist/playbook-doc.js +9 -9
- metadata +5 -9
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb +0 -26
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx +0 -36
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md +0 -3
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx +0 -51
metadata
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui_docs
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 13.23.0
|
4
|
+
version: 13.23.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
8
8
|
- Power Devs
|
9
|
-
autorequire:
|
9
|
+
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2024-04-
|
12
|
+
date: 2024-04-02 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: playbook_ui
|
@@ -144,9 +144,6 @@ files:
|
|
144
144
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.html.erb
|
145
145
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx
|
146
146
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
|
147
|
-
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
|
148
|
-
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
|
149
|
-
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
|
150
147
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.html.erb
|
151
148
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.jsx
|
152
149
|
- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.md
|
@@ -1706,7 +1703,6 @@ files:
|
|
1706
1703
|
- app/pb_kits/playbook/pb_typeahead/docs/_footer.md
|
1707
1704
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx
|
1708
1705
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx
|
1709
|
-
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
|
1710
1706
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
|
1711
1707
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
|
1712
1708
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb
|
@@ -1795,7 +1791,7 @@ homepage: https://playbook.powerapp.cloud/
|
|
1795
1791
|
licenses:
|
1796
1792
|
- ISC
|
1797
1793
|
metadata: {}
|
1798
|
-
post_install_message:
|
1794
|
+
post_install_message:
|
1799
1795
|
rdoc_options: []
|
1800
1796
|
require_paths:
|
1801
1797
|
- lib
|
@@ -1811,7 +1807,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
1811
1807
|
version: '0'
|
1812
1808
|
requirements: []
|
1813
1809
|
rubygems_version: 3.5.3
|
1814
|
-
signing_key:
|
1810
|
+
signing_key:
|
1815
1811
|
specification_version: 4
|
1816
1812
|
summary: Playbook Design System Docs
|
1817
1813
|
test_files: []
|
@@ -1,26 +0,0 @@
|
|
1
|
-
<% data = [{
|
2
|
-
name: 'Number of Installations',
|
3
|
-
data: [1475,200,3000,654,656]
|
4
|
-
}, {
|
5
|
-
type: 'spline',
|
6
|
-
name: 'Percentage',
|
7
|
-
data: [48, 70, 25, 55, 72],
|
8
|
-
color: '#F9BB00',
|
9
|
-
yAxis: 1
|
10
|
-
}] %>
|
11
|
-
|
12
|
-
<% axis_titles = [{name: "Number of Installations"}, {name: "Percentage"}] %>
|
13
|
-
|
14
|
-
<% axis_formats = [{format: ""}, {format: "{value}%"}] %>
|
15
|
-
|
16
|
-
<%= pb_rails("bar_graph", props: {
|
17
|
-
axis_format: axis_formats,
|
18
|
-
axis_title: axis_titles,
|
19
|
-
chart_data: data,
|
20
|
-
id: "bar-spline",
|
21
|
-
y_axis_min: 0,
|
22
|
-
x_axis_categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
|
23
|
-
subtitle: 'Source: thesolarfoundation.com',
|
24
|
-
title: 'Bar Graph with Secondary Y-axis',
|
25
|
-
legend: true,
|
26
|
-
}) %>
|
@@ -1,36 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
|
3
|
-
import BarGraph from '../_bar_graph'
|
4
|
-
|
5
|
-
const chartData = [{
|
6
|
-
name: 'Number of Installations',
|
7
|
-
data: [1475, 200, 3000, 654, 656],
|
8
|
-
}, {
|
9
|
-
type: 'spline',
|
10
|
-
name: 'Percentage',
|
11
|
-
data: [48, 70, 25, 55, 72],
|
12
|
-
color: '#F9BB00',
|
13
|
-
yAxis: 1
|
14
|
-
}]
|
15
|
-
|
16
|
-
const axisTitles = [ {name: "Number of Installations"}, {name: "Percentage"}]
|
17
|
-
|
18
|
-
const axisFormats = [{format: ""}, {format: "{value}%"}]
|
19
|
-
|
20
|
-
const BarGraphSecondaryYAxis= (props) => (
|
21
|
-
<div>
|
22
|
-
<BarGraph
|
23
|
-
axisFormat={axisFormats}
|
24
|
-
axisTitle={axisTitles}
|
25
|
-
chartData={chartData}
|
26
|
-
id="bar-spline"
|
27
|
-
legend
|
28
|
-
title="Bar Graph with Secondary Y-axis"
|
29
|
-
xAxisCategories={['Jan', 'Feb', 'Mar', 'Apr', 'May']}
|
30
|
-
yAxisMin={0}
|
31
|
-
{...props}
|
32
|
-
/>
|
33
|
-
</div>
|
34
|
-
)
|
35
|
-
|
36
|
-
export default BarGraphSecondaryYAxis
|
@@ -1,3 +0,0 @@
|
|
1
|
-
Optionally add a second yAxis to support secondary datasets (e.x., a spline) by passing` yAxis: 1` to the second node of your `chartData` array.
|
2
|
-
|
3
|
-
To customize the format and/or title of your secondary yAxis, pass your desired values as arrays through the `axisFormat` and `axisTitle` props, respectively.
|
@@ -1,51 +0,0 @@
|
|
1
|
-
import React, { useState } from 'react'
|
2
|
-
|
3
|
-
import {
|
4
|
-
Button,
|
5
|
-
} from '../..'
|
6
|
-
|
7
|
-
import Typeahead from '../_typeahead'
|
8
|
-
|
9
|
-
const options = [
|
10
|
-
{ label: 'Orange', value: '#FFA500' },
|
11
|
-
{ label: 'Red', value: '#FF0000' },
|
12
|
-
{ label: 'Green', value: '#00FF00' },
|
13
|
-
{ label: 'Blue', value: '#0000FF' },
|
14
|
-
{ label: 'Amaranth', value: '#9F2B68' },
|
15
|
-
{ label: 'Key Lime', value: '#DAF7A6' },
|
16
|
-
{ label: 'Turquois', value: '#00FFD0' },
|
17
|
-
]
|
18
|
-
|
19
|
-
const TypeaheadCustomMenuList = (props) => {
|
20
|
-
const defaultColorOptions = options.slice(0, 3)
|
21
|
-
const [colorOptions, setColorOptions] = useState(defaultColorOptions)
|
22
|
-
|
23
|
-
const moreToLoad = colorOptions.length == defaultColorOptions.length
|
24
|
-
const loadColors = moreToLoad ? () => setColorOptions(options) : () => setColorOptions(defaultColorOptions)
|
25
|
-
|
26
|
-
const menuListProps = {
|
27
|
-
footer: (<Button
|
28
|
-
margin="sm"
|
29
|
-
onClick={loadColors}
|
30
|
-
text={`Load ${moreToLoad ? "More" : "Less"}`}
|
31
|
-
/>)
|
32
|
-
}
|
33
|
-
|
34
|
-
const MenuList = (props) => (
|
35
|
-
<Typeahead.MenuList
|
36
|
-
{...menuListProps}
|
37
|
-
{...props}
|
38
|
-
/>
|
39
|
-
)
|
40
|
-
|
41
|
-
return (
|
42
|
-
<Typeahead
|
43
|
-
components={{ MenuList }}
|
44
|
-
label="Colors"
|
45
|
-
options={colorOptions}
|
46
|
-
{...props}
|
47
|
-
/>
|
48
|
-
)
|
49
|
-
}
|
50
|
-
|
51
|
-
export default TypeaheadCustomMenuList
|