playbook_ui_docs 13.24.0.pre.alpha.play1305drycontenttag2689 → 13.24.0

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 13.24.0.pre.alpha.play1305drycontenttag2689
+  version: 13.24.0
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-04-12 00:00:00.000000000 Z
+date: 2024-04-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -144,17 +144,9 @@ files:
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.md
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.html.erb
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.jsx
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.md
 - app/pb_kits/playbook/pb_bar_graph/docs/_description.md
 - app/pb_kits/playbook/pb_bar_graph/docs/example.yml
 - app/pb_kits/playbook/pb_bar_graph/docs/index.js
@@ -1711,7 +1703,6 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_footer.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb
@@ -1800,7 +1791,7 @@ homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -1816,7 +1807,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.5.3
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Playbook Design System Docs
 test_files: []

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb

@@ -1,23 +0,0 @@
-<% data = [{
-    name: 'Installation',
-    data: [-475, 400, -1000, 354, -856],
-    threshold: 0
-  }, {
-    name: 'Manufacturing',
-    data: [1475, 200, 1000, 654, -656],
-    threshold: 0
-  }, 
-  {
-    name: 'Sales & Distribution',
-    data: [1270, 100, -1200, 554, 756],
-    threshold: 0
-  }] %>
-
-<%= pb_rails("bar_graph", props: {
-    axis_title: 'Number of Employees',
-    chart_data: data,
-    id: "bar-default",
-    x_axis_categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
-    title: 'Bar Graph with Negative Numbers',
-    legend: true,
-}) %>

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx

@@ -1,35 +0,0 @@
-import React from 'react'
-
-import BarGraph from '../_bar_graph'
-
-const chartData = [{
-  name: 'Installation',
-  data: [-475, 400, -1000, 354, -856],
-  threshold: 0
-}, {
-  name: 'Manufacturing',
-  data: [1475, 200, 1000, 654, -656],
-  threshold: 0
-}, 
-{
-  name: 'Sales & Distribution',
-  data: [1270, 100, -1200, 554, 756],
-  threshold: 0
-}]
-
-
-const BarGraphStacked = (props) => (
-  <div>
-    <BarGraph
-        axisTitle="Number of Employees"
-        chartData={chartData}
-        id="bar-default"
-        legend
-        title="Bar Graph with Negative Numbers"
-        xAxisCategories={['Jan', 'Feb', 'Mar', 'Apr', 'May']}
-        {...props}
-    />
-  </div>
-)
-
-export default BarGraphStacked

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb

@@ -1,26 +0,0 @@
-<% data = [{
-    name: 'Number of Installations',
-    data: [1475,200,3000,654,656]
-}, {
-    type: 'spline',
-    name: 'Percentage',
-    data: [48, 70, 25, 55, 72],
-    color: '#F9BB00',
-    yAxis: 1
-}] %>
-
-<% axis_titles = [{name: "Number of Installations"}, {name: "Percentage"}] %>
-
-<% axis_formats = [{format: ""}, {format: "{value}%"}] %>
-
-<%= pb_rails("bar_graph", props: {
-    axis_format: axis_formats,
-    axis_title: axis_titles,
-    chart_data: data,
-    id: "bar-spline",
-    y_axis_min: 0,
-    x_axis_categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
-    subtitle: 'Source: thesolarfoundation.com',
-    title: 'Bar Graph with Secondary Y-axis',
-    legend: true,
-}) %>

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx

@@ -1,36 +0,0 @@
-import React from 'react'
-
-import BarGraph from '../_bar_graph'
-
-const chartData = [{
-  name: 'Number of Installations',
-  data: [1475, 200, 3000, 654, 656],
-}, {
-  type: 'spline',
-  name: 'Percentage',
-  data: [48, 70, 25, 55, 72],
-  color: '#F9BB00',
-  yAxis: 1
-}]
-
-const axisTitles = [ {name: "Number of Installations"}, {name: "Percentage"}]
-
-const axisFormats = [{format: ""}, {format: "{value}%"}]
-
-const BarGraphSecondaryYAxis= (props) => (
-  <div>
-    <BarGraph
-        axisFormat={axisFormats}
-        axisTitle={axisTitles}
-        chartData={chartData}
-        id="bar-spline"
-        legend
-        title="Bar Graph with Secondary Y-axis"
-        xAxisCategories={['Jan', 'Feb', 'Mar', 'Apr', 'May']}
-        yAxisMin={0}
-        {...props}
-    />
-  </div>
-)
-
-export default BarGraphSecondaryYAxis

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md

@@ -1,3 +0,0 @@
-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. 
-
-To customize the format and/or title of your secondary yAxis, pass your desired values as arrays through the `axisFormat` and `axisTitle` props, respectively.

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.html.erb

@@ -1,22 +0,0 @@
-<% data = [{
-    name: 'Installation',
-    data: [1475, 200, 3000, 654, 656],
-  }, 
-  {
-    name: 'Manufacturing',
-    data: [1270, 800, 200, 454, 956],
-  }, {
-    name: 'Sales & Distribution',
-    data: [975, 1600, 1500, 924, 500],
-  }] %>
-
-<%= pb_rails("bar_graph", props: {
-    axis_title: 'Number of Employees',
-    chart_data: data,
-    id: "bar-default",
-    y_axis_min: 0,
-    x_axis_categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
-    stacking: "normal",
-    title: 'Bar Graph with Stacked Columns',
-    legend: true,
-}) %>

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.jsx

@@ -1,34 +0,0 @@
-import React from 'react'
-
-import BarGraph from '../_bar_graph'
-
-const chartData = [{
-  name: 'Installation',
-  data: [1475, 200, 3000, 654, 656],
-}, 
-{
-  name: 'Manufacturing',
-  data: [1270, 800, 200, 454, 956],
-}, {
-  name: 'Sales & Distribution',
-  data: [975, 1600, 1500, 924, 500],
-}]
-
-
-const BarGraphStacked = (props) => (
-  <div>
-    <BarGraph
-        axisTitle="Number Of Employees"
-        chartData={chartData}
-        id="bar-default"
-        legend
-        stacking="normal"
-        title="Bar Graph with Stacked Columns"
-        xAxisCategories={['Jan', 'Feb', 'Mar', 'Apr', 'May']}
-        yAxisMin={0}
-        {...props}
-    />
-  </div>
-)
-
-export default BarGraphStacked

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.md

@@ -1 +0,0 @@
-The `stacking` prop can be used for a stacked bar graph. The prop allows for `normal` or `percent` as options. 

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx

@@ -1,51 +0,0 @@
-import React, { useState } from 'react'
-
-import {
-  Button,
-} from '../..'
-
-import Typeahead from '../_typeahead'
-
-const options = [
-  { label: 'Orange', value: '#FFA500' },
-  { label: 'Red', value: '#FF0000' },
-  { label: 'Green', value: '#00FF00' },
-  { label: 'Blue', value: '#0000FF' },
-  { label: 'Amaranth', value: '#9F2B68' },
-  { label: 'Key Lime', value: '#DAF7A6' },
-  { label: 'Turquois', value: '#00FFD0' },
-]
-
-const TypeaheadCustomMenuList = (props) => {
-  const defaultColorOptions = options.slice(0, 3)
-  const [colorOptions, setColorOptions] = useState(defaultColorOptions)
-
-  const moreToLoad = colorOptions.length == defaultColorOptions.length
-  const loadColors = moreToLoad ? () => setColorOptions(options) : () => setColorOptions(defaultColorOptions)
-
-  const menuListProps = {
-    footer: (<Button
-        margin="sm"
-        onClick={loadColors}
-        text={`Load ${moreToLoad ? "More" : "Less"}`}
-             />)
-  }
-
-  const MenuList = (props) => (
-    <Typeahead.MenuList
-        {...menuListProps}
-        {...props}
-    />
-  )
-
-  return (
-    <Typeahead
-        components={{ MenuList }}
-        label="Colors"
-        options={colorOptions}
-        {...props}
-    />
-  )
-}
-
-export default TypeaheadCustomMenuList