playbook_ui 13.24.0.pre.alpha.play1305drycontenttag2689 → 13.24.0

data/lib/playbook/kit_base.rb

@@ -31,8 +31,6 @@ require "playbook/right"
 require "playbook/bottom"
 
 module Playbook
-  include ActionView::Helpers
-
   class KitBase < ViewComponent::Base
     include Playbook::PbKitHelper
     include Playbook::Props
@@ -80,26 +78,8 @@ module Playbook
       default_html_options.merge(html_options.deep_merge(data_attributes))
     end
 
-    # rubocop:disable Style/OptionalBooleanParameter
-    def pb_content_tag(name, content_or_options_with_block = nil, options = {}, escape = true, &block)
-      combined_options = options
-                         .merge(combined_html_options)
-                         .merge(default_options.merge(content_or_options_with_block))
-      content_tag(name, combined_options, options, escape, &block)
-    end
-    # rubocop:enable Style/OptionalBooleanParameter
-
   private
 
-    def default_options
-      {
-        id: id,
-        data: data,
-        class: classname,
-        aria: aria,
-      }
-    end
-
     def default_html_options
       {}
     end
@@ -108,7 +88,7 @@ module Playbook
       {
         data: data,
         aria: aria,
-      }.transform_keys { |key| key.to_s.tr("_", "-").to_sym }
+      }.transform_keys { |key| key.to_s.tr("_", "-") }
     end
   end
 end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "13.24.0"
-  VERSION = "13.24.0.pre.alpha.play1305drycontenttag2689"
+  PREVIOUS_VERSION = "13.23.0"
+  VERSION = "13.24.0"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 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: actionpack
@@ -406,17 +406,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
@@ -2610,12 +2602,10 @@ files:
 - app/pb_kits/playbook/pb_typeahead/components/Option.tsx
 - app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx
 - app/pb_kits/playbook/pb_typeahead/components/ValueContainer.tsx
-- app/pb_kits/playbook/pb_typeahead/components/index.tsx
 - app/pb_kits/playbook/pb_typeahead/docs/_description.md
 - 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
@@ -2871,7 +2861,7 @@ homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2887,7 +2877,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
 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/components/index.tsx

@@ -1,19 +0,0 @@
-import Control from './Control'
-import ClearIndicator from './ClearIndicator'
-import IndicatorsContainer from './IndicatorsContainer'
-import MenuList from './MenuList'
-import MultiValue from './MultiValue'
-import Option from './Option'
-import Placeholder from './Placeholder'
-import ValueContainer from './ValueContainer'
-
-export {
-  Control,
-  ClearIndicator,
-  IndicatorsContainer,
-  MenuList,
-  MultiValue,
-  Option,
-  Placeholder,
-  ValueContainer,
-}

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