hyper-d3 1.0.0.lap27 → 1.0.0.lap28

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 85365c8d6bd72c3069f1e9b2bad3834c0fcd3937780ae54c9193dc3c9c18add1
-  data.tar.gz: 33eef336e28a538e9befaefa18158ce892072223b9ae745c1cda2bf82eed9b60
+  metadata.gz: dc439966c63817f058fd7d51e13405d0d2cfeb0ffbf92cf5002bb1118d91b85c
+  data.tar.gz: 5f94f38c30a145023a6b35d98f133c498c1996959b8a053c6448076a1a1c8e4c
 SHA512:
-  metadata.gz: fb14b43123dcac84f50cdcf7565d49ca1183a6f1a6185185ca795d33792d26e3a0855370f4f3c49776fed8ecf4d7f3aa439c067a7b556350a6c35e4bc119baf6
-  data.tar.gz: eb989e398dfac64538f30b9ad5efb638863267ddc689a17dad232c9b79bd111faf1e2cb431dfe57d69c51495e9be148c511ab1141517a430070f1b55b52df53b
+  metadata.gz: 8ec4d707f3523a864bd50d3bb3189516f67f4d3af3a7b8db9595d31e45e11a9547689a44098d90a9daf3a47697d66a0a2b492662cc56d09cdc0c9bb3436ce942
+  data.tar.gz: cabdedf31390553b524dba8fc6d41087309bc15ec7776b5e8920c46115aa83259d2a78c9e0b64d23bc1c4db8b215db098a427f0d324fc96a82db195a4148753e

data/lib/d3/selection.rb

@@ -2,7 +2,7 @@ module D3
   class Selection
     include D3::Native
     aliases_native %i[size]
-    alias_native_new :empty?, :empty
+    alias_native :empty?, :empty
     alias_native_new :node
     alias_native_new :nodes
     alias_native_new :remove

data/lib/hyperloop/d3/version.rb

@@ -1,5 +1,5 @@
 module Hyperloop
   module D3
-    VERSION = "1.0.0.lap27"
+    VERSION = "1.0.0.lap28"
   end
 end

data/spec/test_app/app/assets/javascripts/event_elections_2016.rb

@@ -0,0 +1,48 @@
+require "react/test/utils" # just for mounting manually here, please ignore
+require "data/elections_2016"
+
+class ElectionComponent
+  include Hyperloop::D3::Mixin
+
+  render_with_selection('DIV') do |selection, election_data|
+    if selection.select("ul").empty?
+      list = selection.append("ul")
+    else
+      selection.select("ul").remove
+      list = selection.append("ul")
+    end
+    max_votes = election_data.map(&:votes).max
+
+    election_data.each do |candidate|
+      item = list.append("li")
+        .style("position", "relative")
+      item.append("span")
+        .style("background-color", candidate.color)
+        .style("position", "absolute")
+        .style("width", "#{100.0 * candidate.votes / max_votes}%")
+        .style("height", "100%")
+      item.append("span")
+        .style("position", "absolute")
+        .text("#{candidate.name} - #{candidate.votes} votes")
+    end
+  end
+end
+
+class OuterComponent
+  include Hyperloop::Component::Mixin
+
+  before_mount do
+    mutate.election_data Elections2016
+  end
+
+  render('DIV') do
+    ElectionComponent(data: state.election_data)
+    BUTTON { "Add Arnold" }.on(:click) do
+      arnold = { name: "Arnold Schwarzenegger", votes: 145655864, color: "#FFAdA6" }
+      Elections2016 << arnold unless Elections2016.include? arnold
+      mutate.election_data(Elections2016.map{|o| OpenStruct.new(o)})
+    end
+  end
+end
+# manual mount of component, usually you would use the react_component view helper for example
+React.render(React.create_element(OuterComponent), `document.body.querySelector("#visualization")`)

data/spec/test_app/app/controllers/application_controller.rb

@@ -2,6 +2,7 @@ class ApplicationController < ActionController::Base
   protect_from_forgery with: :exception
 
   @@visualizations = {
+    event_elections_2016: "Elections 2016 with Event Handler",
     elections_2016: "Elections 2016",
     london_population: "London Population",
     london_population_area: "London Population - Area Chart",

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: hyper-d3
 version: !ruby/object:Gem::Version
-  version: 1.0.0.lap27
+  version: 1.0.0.lap28
 platform: ruby
 authors:
 - Jan Biedermann, Tomasz Wegrzanowski
@@ -274,6 +274,7 @@ files:
 - spec/test_app/app/assets/javascripts/data/star_trek_voyager.rb
 - spec/test_app/app/assets/javascripts/data/weather_in_london.rb
 - spec/test_app/app/assets/javascripts/elections_2016.rb
+- spec/test_app/app/assets/javascripts/event_elections_2016.rb
 - spec/test_app/app/assets/javascripts/harry_potter.rb
 - spec/test_app/app/assets/javascripts/iphones.rb
 - spec/test_app/app/assets/javascripts/london_population.rb
@@ -443,6 +444,7 @@ test_files:
 - spec/test_app/app/assets/javascripts/data/star_trek_voyager.rb
 - spec/test_app/app/assets/javascripts/data/weather_in_london.rb
 - spec/test_app/app/assets/javascripts/elections_2016.rb
+- spec/test_app/app/assets/javascripts/event_elections_2016.rb
 - spec/test_app/app/assets/javascripts/harry_potter.rb
 - spec/test_app/app/assets/javascripts/iphones.rb
 - spec/test_app/app/assets/javascripts/london_population.rb