playbook_ui 2.8.5 → 2.8.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 229984eb14913e37a64ee5c9ba4cdbbe3cdc6013d07bbb6011c645c5659812aa
-  data.tar.gz: b783ad17356bfd25bbf6723eb18d9c9201a0ffcd2df880dc6a8fe5723c2c2667
+  metadata.gz: 76a94704ea4a1aee3b57ea302589c863ce195ef2e5a13bbf57006cdf66f43f7b
+  data.tar.gz: d59135b0711cbeee71a8499149b567eea897ae2d1e5704c9358f69d6f8b34c82
 SHA512:
-  metadata.gz: 073c2fad169caeb9cabdc209596226c450e4574fb13ca6f02adedc63e80e3e7b47b6fcca2b376e5f2acd9ba01f0147e7c8ec2e676f7874ad647fc096f85eb675
-  data.tar.gz: 87b55dd06352b79ccc3a3a97d1a8b733732230ffe122b84b95d6c236a0a2731741fff4d36ad08596ae943d2dac530d247f048ec2f9f43964d8fe283678a9320d
+  metadata.gz: 53ffc31b9f170dbfcbc10d58e109f2298ba3824268ccc868714ed10249302e4e9337e1092c51ff7480f9888f521392124f9296a817e20a8199abb22fb5b316ad
+  data.tar.gz: f62eb9b6ecf504cc7896a7291c23492c6e6dd6d51ad6d6e90e905b61ee4defde8f041529911106748ab3fe4ac550cd408672dc0cc16f7e02d71f052f1b6a0892

data/app/pb_kits/playbook/packs/application.js

@@ -1,14 +1,16 @@
-import "../../../../fonts/fontawesome.js";
-import "../../../../fonts/regular.js";
-import "../pb_dashboard/pbChartPlugin.js";
-import "./main.scss";
-import "./kits.js";
+import "../../../../fonts/fontawesome.js"
+import "../../../../fonts/regular.js"
+import pbChart from "../plugins/pb_chart_plugin.js"
+import "./main.scss"
+import "./kits.js"
+
+window.pbChart = pbChart
 
 // Move to separate file
 $(document).on("click", "[data-toggle]", function(e) {
-  e.preventDefault();
-  var kit_container = $(this).closest('.pb--doc');
-  var toggle_target = $(this).data('toggle');
-  $(kit_container).find('[data-action="toggle"]').hide();
-  $(kit_container).find('[data-togglable="'+toggle_target+'"]').show();
-});
+  e.preventDefault()
+  var kit_container = $(this).closest('.pb--doc')
+  var toggle_target = $(this).data('toggle')
+  $(kit_container).find('[data-action="toggle"]').hide()
+  $(kit_container).find('[data-togglable="'+toggle_target+'"]').show()
+})

data/app/pb_kits/playbook/packs/index.js

@@ -27,6 +27,9 @@ import lineGraphSettings from "../pb_line_graph/lineGraphSettings";
 import barGraphSettings from "../pb_bar_graph/barGraphSettings";
 import dashboardValueSettings from "../pb_dashboard_value/dashboardValueSettings";
 
+// Other JS/Plugins
+import pbChart from "../plugins/pb_chart_plugin"
+
 // All Exports for Consumption in Nitro
 export {
   Avatar,
@@ -53,5 +56,6 @@ export {
   commonSettings,
   lineGraphSettings,
   barGraphSettings,
-  dashboardValueSettings
+  dashboardValueSettings,
+  pbChart,
 };

data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.html.erb

@@ -6,14 +6,16 @@
     ) %>
 <% content_for :pb_js do %>
   <%= javascript_tag do %>
-    new pbChart('.selector', {
-      id: "<%= object.id %>",
-      chartData: <%= object.chart_data %>,
-      type: "<%= object.chart_type %>",
-      title: "<%= object.title %>",
-      subtitle: "<%= object.subtitle %>",
-      axisTitle: "<%= object.axis_title %>",
-      pointStart: <%= object.point_start %>,
-    });
+    window.addEventListener('DOMContentLoaded', function() {
+      new pbChart('.selector', {
+        id: "<%= object.id %>",
+        chartData: <%= object.chart_data %>,
+        type: "<%= object.chart_type %>",
+        title: "<%= object.title %>",
+        subtitle: "<%= object.subtitle %>",
+        axisTitle: "<%= object.axis_title %>",
+        pointStart: <%= object.point_start %>,
+      })
+    })
   <% end %>
 <% end %>

data/app/pb_kits/playbook/pb_line_graph/_line_graph.html.erb

@@ -6,14 +6,16 @@
     ) %>
 <% content_for :pb_js do %>
   <%= javascript_tag do %>
-    new pbChart('.selector', {
-      id: "<%= object.id %>",
-      chartData: <%= object.chart_data %>,
-      type: "<%= object.chart_type %>",
-      title: "<%= object.title %>",
-      subtitle: "<%= object.subtitle %>",
-      axisTitle: "<%= object.axis_title %>",
-      pointStart: <%= object.point_start %>,
-    });
+    window.addEventListener('DOMContentLoaded', function() {
+      new pbChart('.selector', {
+        id: "<%= object.id %>",
+        chartData: <%= object.chart_data %>,
+        type: "<%= object.chart_type %>",
+        title: "<%= object.title %>",
+        subtitle: "<%= object.subtitle %>",
+        axisTitle: "<%= object.axis_title %>",
+        pointStart: <%= object.point_start %>,
+      })
+    })
   <% end %>
 <% end %>

data/app/pb_kits/playbook/plugins/pb_chart_plugin.js

@@ -0,0 +1,88 @@
+import { highchartsTheme } from '../pb_dashboard/pbChartsLightTheme.js'
+
+class pbChart {
+  defaults = {
+    callbackInitializeBefore: () => {},
+    callbackInitializeAfter: () => {},
+    callbackRefreshBefore: () => {},
+    callbackRefreshAfter: () => {},
+    callbackDestroyBefore: () => {},
+    callbackDestroyAfter: () => {},
+    property: 'Value'
+  }
+
+  extendDefaults(defaults, options) {
+    for (let property in options) {
+      if (options.hasOwnProperty(property)) {
+        defaults[property] = options[property]
+      }
+    }
+    return defaults
+  }
+
+  constructor(element, options) {
+    this.element = element
+    this.options = options
+    this.settings = this.extendDefaults(this.defaults, options)
+    this.setupChart()
+  }
+
+  setupChart() {
+    Highcharts.setOptions(highchartsTheme)
+
+    Highcharts.chart(this.defaults.id, {
+      title: {
+        text: this.defaults.title
+      },
+      chart: {
+        type: this.defaults.type
+      },
+      subtitle: {
+        text: this.defaults.subtitle
+      },
+      yAxis: {
+        title: {
+          text: this.defaults.axisTitle
+        }
+      },
+      plotOptions: {
+        series: {
+          pointStart: this.defaults.pointStart
+        }
+      },
+      series: this.defaults.chartData,
+      credits: false,
+    })
+  }
+
+  refresh(silent = false) {
+    if (!silent) {
+      this.settings.callbackRefreshBefore.call()
+    }
+
+    this.this.destroy(silent)
+    this.this.initialize(silent)
+    if (!silent) {
+      this.settings.callbackRefreshAfter.call()
+    }
+  }
+
+  destroy(silent = false) {
+    if (!silent) {
+      this.settings.callbackDestroyBefore.call()
+    }
+    if (!silent) {
+      this.settings.callbackDestroyAfter.call()
+    }
+  }
+
+  refreshSilently() {
+    this.this.refresh(true)
+  }
+
+  destroySilently() {
+    this.this.destroy(true)
+  }
+}
+
+export default pbChart

data/lib/playbook/version.rb

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

data/lib/tasks/pb_release.rake

@@ -1,9 +1,10 @@
-namespace :pb_release do
+# frozen_string_literal: true
 
+namespace :pb_release do
   desc "Update the version number in preparation to release"
   task version: :environment do
     old_version = Playbook::VERSION
-    new_version = ''
+    new_version = ""
     STDOUT.puts "What would you like the next release number to be? Currently #{old_version}"
     new_version = STDIN.gets.chomp
 
@@ -13,20 +14,20 @@ namespace :pb_release do
     # 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 }
+    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 }
+    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")
+    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"
+    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"
@@ -53,7 +54,7 @@ namespace :pb_release do
 
     # Tags
     puts "\nPushed to NPM. Now lets create a tag..."
-    description = ''
+    description = ""
     puts "\nWrite a brief tag release description. You can edit this later on GitHub."
     description = STDIN.gets.chomp
     puts "\nCreating Tag..."
@@ -63,7 +64,5 @@ namespace :pb_release do
 
     puts "\n\n"
     puts "Complete! Don't forget to add your release notes https://github.com/powerhome/playbook/releases/tag/#{version}"
-
   end
-
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 2.8.5
+  version: 2.8.6
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-08-30 00:00:00.000000000 Z
+date: 2019-09-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: method_source
@@ -463,7 +463,6 @@ files:
 - app/pb_kits/playbook/pb_card/docs/example.yml
 - app/pb_kits/playbook/pb_card/docs/index.js
 - app/pb_kits/playbook/pb_dashboard/commonSettings.js
-- app/pb_kits/playbook/pb_dashboard/pbChartPlugin.js
 - app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.html.erb
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx
@@ -819,6 +818,7 @@ files:
 - app/pb_kits/playbook/pb_vertical_nav/docs/index.js
 - app/pb_kits/playbook/pb_vertical_nav/item.rb
 - app/pb_kits/playbook/pb_vertical_nav/vertical_nav.rb
+- app/pb_kits/playbook/plugins/pb_chart_plugin.js
 - app/pb_kits/playbook/tokens/_animation-curves.scss
 - app/pb_kits/playbook/tokens/_border_radius.scss
 - app/pb_kits/playbook/tokens/_colors.scss
@@ -906,7 +906,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.7.8
+rubygems_version: 2.7.3
 signing_key: 
 specification_version: 4
 summary: Playbook Design System

data/app/pb_kits/playbook/pb_dashboard/pbChartPlugin.js

@@ -1,120 +0,0 @@
-import { highchartsTheme } from './pbChartsLightTheme.js';
-
-
-(function(root, factory) {
-  const plugin_name = 'pbChart';
-
-  if (typeof define === 'function' && define.amd) {
-    define([], factory(plugin_name));
-  } else if (typeof exports === 'object') {
-    module.exports = factory(plugin_name);
-  } else {
-    root[plugin_name] = factory(plugin_name);
-  }
-}((window || module || {}), function(plugin_name) {
-  'use strict';
-
-  const plugin = {};
-
-  const defaults = {
-    callbackInitializeBefore: () => {},
-    callbackInitializeAfter: () => {},
-    callbackRefreshBefore: () => {},
-    callbackRefreshAfter: () => {},
-    callbackDestroyBefore: () => {},
-    callbackDestroyAfter: () => {},
-    property: 'Value'
-  };
-
-  function Plugin(element, options) {
-    plugin.this = this;
-    plugin.name = plugin_name;
-    plugin.element = element;
-    plugin.defaults = defaults;
-    plugin.options = options;
-    plugin.settings = extendDefaults(defaults, options);
-    plugin.this.initialize();
-  }
-
-
-  const extendDefaults = (defaults, options) => {
-    for (let property in options) {
-      if (options.hasOwnProperty(property)) {
-        defaults[property] = options[property];
-      }
-    }
-
-    return defaults;
-  };
-
-
-  Plugin.prototype = {
-    initialize: (silent = false) => {
-      plugin.this.destroySilently();
-
-      if (!silent) {
-        plugin.settings.callbackInitializeBefore.call();
-      }
-
-      Highcharts.setOptions(highchartsTheme);
-      Highcharts.chart(plugin.defaults.id, {
-        title: {
-          text: plugin.defaults.title
-        },
-        chart: {
-          type: plugin.defaults.type
-        },
-        subtitle: {
-          text: plugin.defaults.subtitle
-        },
-        yAxis: {
-          title: {
-            text: plugin.defaults.axisTitle
-          }
-        },
-        plotOptions: {
-          series: {
-            pointStart: plugin.defaults.pointStart
-          }
-        },
-        series: plugin.defaults.chartData,
-        credits: false,
-      });
-
-      if (!silent) {
-        plugin.settings.callbackInitializeAfter.call();
-      }
-    },
-
-    refresh: (silent = false) => {
-      if (!silent) {
-        plugin.settings.callbackRefreshBefore.call();
-      }
-
-      plugin.this.destroy(silent);
-      plugin.this.initialize(silent);
-      if (!silent) {
-        plugin.settings.callbackRefreshAfter.call();
-      }
-    },
-
-    destroy: (silent = false) => {
-      if (!silent) {
-        plugin.settings.callbackDestroyBefore.call();
-      }
-      if (!silent) {
-        plugin.settings.callbackDestroyAfter.call();
-      }
-    },
-
-    refreshSilently: () => {
-      plugin.this.refresh(true);
-    },
-
-    destroySilently: () => {
-      plugin.this.destroy(true);
-    }
-  };
-
-  return Plugin;
-}));