playbook_ui 2.8.3 → 2.8.4

data/app/pb_kits/playbook/pb_phone/docs/_phone_default.jsx

@@ -0,0 +1,12 @@
+import React from "react"
+import Phone from "../_phone.jsx"
+
+function PhoneDefault() {
+  return (
+    <div>
+      <Phone />
+    </div>
+  )
+}
+
+export default PhoneDefault;

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

@@ -0,0 +1,9 @@
+examples:
+  
+  rails:
+  - phone_default: Default
+  
+  
+  react:
+  - phone_default: Default
+  

data/app/pb_kits/playbook/pb_phone/docs/index.js

@@ -0,0 +1 @@
+export {default as PhoneDefault} from './_phone_default.jsx';

data/app/pb_kits/playbook/pb_phone/phone.rb

@@ -0,0 +1,69 @@
+require "action_view"
+include ActionView::Helpers::NumberHelper
+
+module Playbook
+  module PbPhone
+    class Phone < Playbook::PbKit::Base
+      PROPS = [:configured_classname,
+					:configured_data,
+					:configured_id,
+          :configured_icon,
+          :configured_number].freeze
+
+      def initialize(classname: default_configuration,
+							data: default_configuration,
+							id: default_configuration,
+              icon: default_configuration,
+              number: default_configuration)
+        self.configured_classname = classname
+				self.configured_data = data
+				self.configured_id = id
+        self.configured_icon = icon
+        self.configured_number = number
+      end
+
+      def icon
+        # TODO: Strict options and automaticlly pass the correct icon name
+        if is_set? configured_icon
+          icon_props = { icon: configured_icon, fixed_width: true}
+          pb_icon = Playbook::PbIcon::Icon.new(icon_props)
+          ApplicationController.renderer.render(partial: pb_icon, as: :object)
+        else
+          ""
+        end
+      end
+
+      def number
+        if is_set? configured_number
+          if formatted_number
+            return number_to_phone(formatted_number, area_code: true)
+          end
+        end
+      end
+
+      def formatted_number
+        configured_number.to_s.gsub(/\D/, "")
+      end
+
+      def value
+        pb_body = Playbook::PbBody::Body.new(color: "light") do
+          icon + number
+        end
+        ApplicationController.renderer.render(partial: pb_body, as: :object)
+      end
+
+      def to_partial_path
+        "pb_phone/phone"
+      end
+
+    private
+
+      DEFAULT = Object.new
+      private_constant :DEFAULT
+      def default_configuration
+        DEFAULT
+      end
+      attr_accessor(*PROPS)
+    end
+  end
+end

data/app/pb_kits/playbook/pb_toggle/_toggle.html.erb

@@ -0,0 +1,12 @@
+<%= content_tag(:div,
+    id: object.id,
+    data: object.data,
+    class: object.classname(object.kit_class),
+    ) do %>
+
+    <label class="pb_toggle_wrapper">
+      <input type="checkbox" <%= object.checked %> />
+      <div class="pb_toggle_control"></div>
+    </label>
+
+<% end %>

data/app/pb_kits/playbook/pb_toggle/_toggle.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from "prop-types";
+
+const propTypes = {
+  className: PropTypes.string,
+  id: PropTypes.string
+};
+
+class Toggle extends React.Component {
+  render() {
+    return (
+      <div className="pb_toggle">
+        <span>TOGGLE CONTENT</span>
+      </div>
+    )
+  }
+}
+
+Toggle.propTypes = propTypes;
+
+export default Toggle;

data/app/pb_kits/playbook/pb_toggle/_toggle.scss

@@ -0,0 +1,57 @@
+@import "../tokens/colors";
+
+$color_checkbox_success: $data_1;
+$color_checkbox_default: $border_light;
+$transition: .2s cubic-bezier(0.95, 0.05, 0.795, 0.035);
+$toggle_sizes: (
+  "sm": 50px,
+  "md": 60px,
+);
+
+[class^=pb_toggle] {
+  position: relative;
+
+  @each $name, $size in $toggle_sizes {
+    &[class*=_#{$name}] {
+
+      $width: $size;
+      $height: $width/2;
+
+      .pb_toggle_wrapper {
+        .pb_toggle_control {
+          transition: $transition;
+          width: $width;
+          height: $height;
+          display: block;
+          border-radius: $height;
+          border: 3px solid $color_checkbox_default;
+          background-color: $color_checkbox_default;
+          position: relative;
+          box-sizing: content-box;
+          &:after {
+            transition: $transition;
+            content: "";
+            width: $width/2;
+            height: $height;
+            display: block;
+            background-color: $white;
+            border-radius: 50%;
+            position: absolute;
+            top: 0;
+            left: 0;
+          }
+        }
+        input {
+          display: none;
+          &:checked + .pb_toggle_control {
+            border-color: $color_checkbox_success;
+            background-color: $color_checkbox_success;
+            &:after{
+              left: $width/2;
+            }
+          }
+        }
+      }
+    }
+  }
+}

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_checked.html.erb

@@ -0,0 +1,11 @@
+<%= pb_rails("toggle", props: {
+  size: "md",
+  checked: true
+}) %>
+
+<br>
+
+<%= pb_rails("toggle", props: {
+  size: "md",
+  checked: false
+}) %>

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.html.erb

@@ -0,0 +1,11 @@
+<%= pb_rails("toggle", props: {
+  size: "sm",
+  checked: false
+}) %>
+
+<br>
+
+<%= pb_rails("toggle", props: {
+  size: "md",
+  checked: false
+}) %>

data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx

@@ -0,0 +1,13 @@
+import React from "react"
+import Toggle from "../_toggle.jsx"
+
+function ToggleDefault() {
+  return (
+    <div>
+      <Toggle size="sm"/>
+      <Toggle size="md"/>
+    </div>
+  )
+}
+
+export default ToggleDefault;

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

@@ -0,0 +1,9 @@
+examples:
+
+  rails:
+  - toggle_default: Sizes
+  - toggle_checked: Default State
+
+
+  react:
+  - toggle_default: Default

data/app/pb_kits/playbook/pb_toggle/docs/index.js

@@ -0,0 +1 @@
+export {default as ToggleDefault} from './_toggle_default.jsx';

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

@@ -0,0 +1,59 @@
+module Playbook
+  module PbToggle
+    class Toggle < Playbook::PbKit::Base
+      PROPS = [:configured_classname,
+					:configured_data,
+					:configured_id,
+          :configured_size,
+          :configured_checked
+        ].freeze
+
+      def initialize(classname: default_configuration,
+							data: default_configuration,
+							id: default_configuration,
+              size: default_configuration,
+              checked: default_configuration)
+        self.configured_classname = classname
+				self.configured_data = data
+				self.configured_id = id
+        self.configured_size = size
+        self.configured_checked = checked
+      end
+
+      def size
+        size_options = %w[sm md]
+        one_of_value(configured_size, size_options, "md")
+      end
+
+      def checked
+        true_value(configured_checked, "checked='true'", "")
+      end
+
+      def checked_class
+        checked ? "on" : "off"
+      end
+
+      def kit_class
+        toggle_options = [
+          "pb_toggle",
+          size,
+          checked_class
+        ]
+        toggle_options.join("_")
+      end
+
+      def to_partial_path
+        "pb_toggle/toggle"
+      end
+
+    private
+
+      DEFAULT = Object.new
+      private_constant :DEFAULT
+      def default_configuration
+        DEFAULT
+      end
+      attr_accessor(*PROPS)
+    end
+  end
+end

data/lib/generators/kit/kit_generator.rb

@@ -28,8 +28,10 @@ class KitGenerator < Rails::Generators::NamedBase
       @kit_class_val.push("self.configured_#{key.parameterize.underscore} = #{key.parameterize.underscore}")
     end
 
+    full_kit_directory = "app/pb_kits/playbook/pb_#{@kit_name_underscore}"
+
     # Check if kit already exists =======================
-    if File.directory?("app/pb_kits/playbook/pb_#{@kit_name_underscore}")
+    if File.directory?(full_kit_directory)
       say_status  "#{@kit_name_capitalize} kit already exists.",
                   "Please choose another name or manually make changes to the existing kit.",
                   :red
@@ -44,7 +46,7 @@ class KitGenerator < Rails::Generators::NamedBase
                   :green
 
       # Generate SCSS files ==============================
-      template "kit_scss.erb", "app/pb_kits/playbook/pb_#{@kit_name_underscore}/_#{@kit_name_underscore}.scss"
+      template "kit_scss.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.scss"
       open("app/pb_kits/playbook/packs/site_styles/_kit_style_index.scss", "a") do |f|
         f.puts "@" + "import " + "\'" + "../../pb_#{@kit_name_underscore}/#{@kit_name_underscore}" + "\';"
       end
@@ -55,9 +57,9 @@ class KitGenerator < Rails::Generators::NamedBase
       # Ask user if Rails version should be generated ======
       if yes?("Create RAILS #{@kit_name_underscore} kit? (y/N)")
         @rails_kit = true
-        template "kit_ruby.erb", "app/pb_kits/playbook/pb_#{@kit_name_underscore}/#{@kit_name_underscore}.rb"
-        template "kit_html.erb", "app/pb_kits/playbook/pb_#{@kit_name_underscore}/_#{@kit_name_underscore}.html.erb"
-        template "kit_example_rails.erb", "app/pb_kits/playbook/pb_#{@kit_name_underscore}/docs/_#{@kit_name_underscore}_default.html.erb"
+        template "kit_ruby.erb", "#{full_kit_directory}/#{@kit_name_underscore}.rb"
+        template "kit_html.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.html.erb"
+        template "kit_example_rails.erb", "#{full_kit_directory}/docs/_#{@kit_name_underscore}_default.html.erb"
         say_status  "complete",
                     "#{@kit_name_capitalize} rails kit successfully created.",
                     :green
@@ -66,9 +68,9 @@ class KitGenerator < Rails::Generators::NamedBase
       # Ask user if React version should be generated ======
       if yes?("Create REACT #{@kit_name_pascal} kit? (y/N)")
         @react_kit = true
-        template "kit_jsx.erb", "app/pb_kits/playbook/pb_#{@kit_name_underscore}/_#{@kit_name_underscore}.jsx"
-        template "kit_example_react.erb", "app/pb_kits/playbook/pb_#{@kit_name_underscore}/docs/_#{@kit_name_underscore}_default.jsx"
-        template "kit_js.erb", "app/pb_kits/playbook/pb_#{@kit_name_underscore}/docs/index.js"
+        template "kit_jsx.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.jsx"
+        template "kit_example_react.erb", "#{full_kit_directory}/docs/_#{@kit_name_underscore}_default.jsx"
+        template "kit_js.erb", "#{full_kit_directory}/docs/index.js"
         template "kit_pack.erb", "app/pb_kits/playbook/packs/pb_#{@kit_name_underscore}.js"
 
         # Import in all kits.js  =========================
@@ -87,7 +89,9 @@ class KitGenerator < Rails::Generators::NamedBase
       end
 
       # Create kit example.yml
-      template "kit_example_yml.erb", "app/pb_kits/playbook/pb_#{@kit_name_underscore}/docs/example.yml"
+      template "kit_example_yml.erb", "#{full_kit_directory}/docs/example.yml"
+
+      `rubocop --safe-auto-correct #{full_kit_directory}`
     end
   end
 end

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

@@ -1,7 +1,9 @@
+# frozen_string_literal: true
+
 module Playbook
   module Pb<%= @kit_name_pascal %>
     class <%= @kit_name_pascal %> < Playbook::PbKit::Base
-      PROPS = [<%= @kit_props.map{|key,val| ":configured_#{key.parameterize.underscore}".to_sym }.join(",\n\t\t\t\t\t") %>].freeze
+      PROPS = %i[<%= @kit_props.map{|key,val| "configured_#{key.parameterize.underscore}".to_sym }.join("\n\t\t\t\t\t") %>].freeze
 
       def initialize(<%= @kit_class_init.join(",\n\t\t\t\t\t\t\t") %>)
         <%= @kit_class_val.join("\n\t\t\t\t") %>

data/lib/playbook/engine.rb

@@ -14,6 +14,7 @@ module Playbook
 
     config.assets.paths ||= []
     config.assets.paths << "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/fonts"
+    config.assets.paths << "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/app/pb_kits/playbook/pb_*"
 
     config.sass.load_paths ||= []
     config.sass.load_paths << "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/app/pb_kits/playbook"

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "2.8.3".freeze
+  VERSION = "2.8.4".freeze
 end

data/lib/tasks/pb_release.rake

@@ -0,0 +1,69 @@
+namespace :pb_release do
+
+  desc "Update the version number in preparation to release"
+  task version: :environment do
+    old_version = Playbook::VERSION
+    new_version = ''
+    STDOUT.puts "What would you like the next release number to be? Currently #{old_version}"
+    new_version = STDIN.gets.chomp
+
+    puts "Ok great, let's make version #{new_version}"
+    puts "\n\n"
+
+    # Update package.json
+    package = File.read("package.json")
+    new_package = package.gsub(/"version": "#{old_version}",/, "\"version\": \"#{new_version}\",")
+    File.open("package.json", "w") {|file| file.puts new_package }
+    puts "Updated package.json"
+
+    # Update version.rb
+    version_rb = File.read("lib/playbook/version.rb")
+    new_version_rb = version_rb.gsub(/VERSION = "#{old_version}".freeze/, "VERSION = \"#{new_version}\".freeze")
+    File.open("lib/playbook/version.rb", "w") {|file| file.puts new_version_rb }
+    puts "Updated lib/playbook/version.rb"
+
+    # Update gemfile.lock
+    gemfile = File.read("gemfile.lock")
+    new_gemfile = gemfile.gsub(/playbook_ui \(#{Regexp.escape(old_version)}\)/, "playbook_ui (#{new_version})")
+    File.open("gemfile.lock", "w") {|file| file.puts new_gemfile }
+    puts "Updated gemfile.lock"
+    puts "\n\n"
+
+    puts "Commit your changes and create a PR to merge to master"
+  end
+
+  desc "Publish to RubyGems, NPM, and Create a Tag"
+  task push: :environment do
+    version = Playbook::VERSION
+    puts "You about to release version #{version}. Is that correct? (y/N)"
+    input = STDIN.gets.chomp
+    raise Nope unless input.downcase == "y"
+
+    # RubyGems
+    puts "\nCreating Gem..."
+    `gem build playbook_ui.gemspec`
+    puts "\nPushing to RubyGems..."
+    `gem push playbook_ui-#{version}.gem`
+    puts "\nPushed to RubyGems. Now lets clean up..."
+    `rm -rf playbook_ui-#{version}.gem`
+
+    # NPM
+    puts "\nPushing to NPM..."
+    `npm publish`
+
+    # Tags
+    puts "\nPushed to NPM. Now lets create a tag..."
+    description = ''
+    puts "\nWrite a brief tag release description. You can edit this later on GitHub."
+    description = STDIN.gets.chomp
+    puts "\nCreating Tag..."
+    `git tag -a #{version} -m "#{description}"`
+    puts "\nPushing Tag to GitHub..."
+    `git push origin #{version}`
+
+    puts "\n\n"
+    puts "Complete! Don't forget to add your release notes https://github.com/powerhome/playbook/releases/tag/#{version}"
+
+  end
+
+end