playbook_ui 2.8.7 → 2.8.8

data/app/pb_kits/playbook/pb_toggle/docs/example.yml

@@ -3,7 +3,7 @@ examples:
   rails:
   - toggle_default: Sizes
   - toggle_checked: Default State
-
+  - toggle_name: Name and Value
 
   react:
   - toggle_default: Default

data/app/pb_kits/playbook/pb_toggle/toggle.rb

@@ -3,22 +3,39 @@
 module Playbook
   module PbToggle
     class Toggle < Playbook::PbKit::Base
-      PROPS = %i[configured_classname
+      PROPS = %i[configured_aria
+                 configured_classname
+                 configured_checked
                  configured_data
                  configured_id
+                 configured_name
                  configured_size
-                 configured_checked].freeze
+                 configured_value].freeze
 
-      def initialize(classname: default_configuration,
+      def initialize(aria: default_configuration,
+                     classname: default_configuration,
+                     checked: default_configuration,
                      data: default_configuration,
                      id: default_configuration,
+                     name: default_configuration,
                      size: default_configuration,
-                     checked: default_configuration)
+                     value: default_configuration)
+        self.configured_aria = aria
         self.configured_classname = classname
+        self.configured_checked = checked
         self.configured_data = data
         self.configured_id = id
+        self.configured_name = name
         self.configured_size = size
-        self.configured_checked = checked
+        self.configured_value = value
+      end
+
+      def checked
+        true_value(configured_checked, "checked='true'", "")
+      end
+
+      def name
+        "name=\"#{configured_name}\"" if is_set? configured_name
       end
 
       def size
@@ -26,12 +43,8 @@ module Playbook
         one_of_value(configured_size, size_options, "md")
       end
 
-      def checked
-        true_value(configured_checked, "checked='true'", "")
-      end
-
-      def checked_class
-        checked ? "on" : "off"
+      def value
+        "value=\"#{configured_value}\"" if is_set? configured_value
       end
 
       def kit_class
@@ -49,6 +62,10 @@ module Playbook
 
     private
 
+      def checked_class
+        checked ? "on" : "off"
+      end
+
       DEFAULT = Object.new
       private_constant :DEFAULT
       def default_configuration

data/app/pb_kits/playbook/pb_user/docs/_user_default.jsx

@@ -3,9 +3,7 @@ import User from "../_user.jsx"
 
 function UserDefault() {
   return (
-    <div>
-      <User />
-    </div>
+    <h1>{`Coming Soon...`}</h1>
   )
 }
 

data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.jsx

@@ -3,9 +3,7 @@ import UserBadge from "../_user_badge.jsx"
 
 function UserBadgeDefault() {
   return (
-    <div>
-      <UserBadge />
-    </div>
+    <h1>{`Coming Soon...`}</h1>
   )
 }
 

data/app/pb_kits/playbook/pb_vertical_nav/docs/_default_nav.jsx

@@ -4,11 +4,7 @@ import VerticalNavItem from "../_item.jsx"
 
 function DefaultNav() {
   return (
-    <VerticalNav title="Title Example">
-      <VerticalNavItem active text="Active Nav Item" />
-      <VerticalNavItem text="Nav Item" />
-      <VerticalNavItem text="Nav Item" />
-    </VerticalNav>
+    <h1>{`Coming Soon...`}</h1>
   )
 }
 

data/lib/generators/kit/templates/kit_jsx.erb.tt

@@ -3,37 +3,15 @@
 
 import React from 'react'
 
-import classnames from 'classnames'
-
 type <%= @kit_name_pascal %>Props = {
-  className?: String,
-  text: String,
+  <% @kit_props.each do |key,val| %><%= key == "classname" ? "className?: " : "#{key.camelize(:lower)}?: " %><% case val %><% when "array", "arr" %>'option_1' | 'option_2',<% when "boolean", "bool" %>Boolean,<% else %>String,<% end %>
+  <% end %>
 }
 
-class <%= @kit_name_pascal %> extends React.Component<<%= @kit_name_pascal %>Props> {
-  static defaultProps = {
-    text: '<%= @kit_name_uppercase %>'
-  }
-
-  props: <%= @kit_name_pascal %>Props
-
-  render() {
-    const {
-      className,
-      text
-    } = this.props
-
-    const css = classnames([
-      `pb_<%= @kit_name_underscore %>_kit`,
-      className,
-    ])
-
-    return (
-      <div className={css}>
-        {text}
-      </div>
-    )
-  }
-}
+const <%= @kit_name_pascal %> = ({ <%= @kit_props.map{|key,val| key == "classname" ? "className" : "#{key.camelize(:lower)}" }.join(", ") %> }: <%= @kit_name_pascal %>Props) => (
+  <div>
+    {`kit content`}
+  </div>
+)
 
 export default <%= @kit_name_pascal %>

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "2.8.7"
+  VERSION = "2.8.8"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 2.8.7
+  version: 2.8.8
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-09-06 00:00:00.000000000 Z
+date: 2019-09-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: method_source
@@ -429,15 +429,19 @@ files:
 - app/pb_kits/playbook/pb_button/_button_mixins.scss
 - app/pb_kits/playbook/pb_button/button.rb
 - app/pb_kits/playbook/pb_button/docs/_button_accessibility.html.erb
+- app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_block_content.html.erb
-- app/pb_kits/playbook/pb_button/docs/_button_dark.jsx
+- app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_default.html.erb
+- app/pb_kits/playbook/pb_button/docs/_button_default.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_default_dark.html.erb
+- app/pb_kits/playbook/pb_button/docs/_button_default_dark.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
-- app/pb_kits/playbook/pb_button/docs/_button_light.jsx
+- app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_link.html.erb
+- app/pb_kits/playbook/pb_button/docs/_button_link.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_loading.html.erb
-- app/pb_kits/playbook/pb_button/docs/_button_sizes.jsx
+- app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
 - app/pb_kits/playbook/pb_button/docs/example.yml
 - app/pb_kits/playbook/pb_button/docs/index.js
 - app/pb_kits/playbook/pb_caption/_caption.html.erb
@@ -459,11 +463,15 @@ files:
 - app/pb_kits/playbook/pb_card/child_kits/_card_body.html.erb
 - app/pb_kits/playbook/pb_card/child_kits/_card_body.scss
 - app/pb_kits/playbook/pb_card/docs/_card_content.html.erb
+- app/pb_kits/playbook/pb_card/docs/_card_content.jsx
 - app/pb_kits/playbook/pb_card/docs/_card_light.html.erb
 - app/pb_kits/playbook/pb_card/docs/_card_light.jsx
 - app/pb_kits/playbook/pb_card/docs/_card_padding.html.erb
+- app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
 - app/pb_kits/playbook/pb_card/docs/_card_selected.html.erb
+- app/pb_kits/playbook/pb_card/docs/_card_selected.jsx
 - app/pb_kits/playbook/pb_card/docs/_card_shadow.html.erb
+- app/pb_kits/playbook/pb_card/docs/_card_shadow.jsx
 - app/pb_kits/playbook/pb_card/docs/example.yml
 - app/pb_kits/playbook/pb_card/docs/index.js
 - app/pb_kits/playbook/pb_currency/_currency.html.erb
@@ -472,6 +480,7 @@ files:
 - app/pb_kits/playbook/pb_currency/currency.rb
 - app/pb_kits/playbook/pb_currency/docs/_currency_default.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_large.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_large.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_small.html.erb
 - app/pb_kits/playbook/pb_currency/docs/example.yml
 - app/pb_kits/playbook/pb_currency/docs/index.js
@@ -590,9 +599,10 @@ files:
 - app/pb_kits/playbook/pb_line_graph/_line_graph.html.erb
 - app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
 - app/pb_kits/playbook/pb_line_graph/_line_graph.scss
-- app/pb_kits/playbook/pb_line_graph/docs/_rails.html.erb
-- app/pb_kits/playbook/pb_line_graph/docs/_react.html.erb
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.html.erb
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx
 - app/pb_kits/playbook/pb_line_graph/docs/example.yml
+- app/pb_kits/playbook/pb_line_graph/docs/index.js
 - app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
 - app/pb_kits/playbook/pb_line_graph/line_graph.rb
 - app/pb_kits/playbook/pb_list/_item.html.erb
@@ -765,6 +775,7 @@ files:
 - app/pb_kits/playbook/pb_time/_time.scss
 - app/pb_kits/playbook/pb_time/docs/_time_default.html.erb
 - app/pb_kits/playbook/pb_time/docs/_time_default.jsx
+- app/pb_kits/playbook/pb_time/docs/_time_timestamp.html.erb
 - app/pb_kits/playbook/pb_time/docs/example.yml
 - app/pb_kits/playbook/pb_time/docs/index.js
 - app/pb_kits/playbook/pb_time/time.rb
@@ -811,6 +822,7 @@ files:
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_checked.html.erb
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_default.html.erb
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx
+- app/pb_kits/playbook/pb_toggle/docs/_toggle_name.html.erb
 - app/pb_kits/playbook/pb_toggle/docs/example.yml
 - app/pb_kits/playbook/pb_toggle/docs/index.js
 - app/pb_kits/playbook/pb_toggle/toggle.rb

data/app/pb_kits/playbook/pb_button/docs/_button_dark.jsx

@@ -1,14 +0,0 @@
-import React from "react"
-import Button from "../_button.jsx"
-
-function ButtonDark() {
-  return (
-    <div>
-      <Button type="primary"></Button>
-      <Button type="danger"></Button>
-      <Button type="dashed"></Button>
-    </div>
-  )
-}
-
-export default ButtonDark;

data/app/pb_kits/playbook/pb_button/docs/_button_light.jsx

@@ -1,14 +0,0 @@
-import React from "react"
-import Button from "../_button.jsx"
-
-function ButtonLight() {
-  return (
-    <div>
-      <Button type="primary"></Button>
-      <Button type="danger"></Button>
-      <Button type="dashed"></Button>
-    </div>
-  )
-}
-
-export default ButtonLight;

data/app/pb_kits/playbook/pb_button/docs/_button_sizes.jsx

@@ -1,14 +0,0 @@
-import React from "react"
-import Button from "../_button.jsx"
-
-function ButtonSizes() {
-  return (
-    <div>
-      <Button type="primary" size="small"></Button>
-      <Button type="primary" size="medium"></Button>
-      <Button type="primary" size="large"></Button>
-    </div>
-  )
-}
-
-export default ButtonSizes;

data/app/pb_kits/playbook/pb_line_graph/docs/_react.html.erb

@@ -1,2 +0,0 @@
-
-<%= pb_react("line_graph", props: {}, docs: true) %>