isomorfeus-react 16.13.11 → 16.13.12

data/lib/react/component/state.rb

@@ -1,54 +1,58 @@
-module React
-  module Component
-    class State
-      include ::Native::Wrapper
-
-      def method_missing(key, *args, &block)
-        if `args.length > 0`
-          new_state = `{}`
-          new_state.JS[(`key.endsWith('=')` ? key.chop : key)] = args[0]
-          if block_given?
-            @native.JS.setState(new_state, `function() { block.$call(); }`)
-          else
-            @native.JS.setState(new_state, `null`)
-          end
-        else
-          %x{
-            if (typeof #@native.state[key] === 'undefined') { return nil; }
-            return #@native.state[key];
-          }
-        end
-      end
-
-      def set_state(updater, &block)
-        new_state = `{}`
-        updater.each do |key, value|
-          new_state.JS[key] = value
-        end
-        if block_given?
-          @native.JS.setState(new_state, `function() { block.$call(); }`)
-        else
-          @native.JS.setState(new_state, `null`)
-        end
-      end
-
-      def size
-        `Object.keys(#@native.state).length`;
-      end
-
-      def to_n
-        %x{
-          var new_native = {};
-          for (var key in #@native.state) {
-            if (typeof #@native.state[key].$to_n !== "undefined") {
-              new_native[key] = #@native.state[key].$to_n();
-            } else {
-              new_native[key] = #@native.state[key];
-            }
-          }
-          return new_native;
-        }
-      end
-    end
-  end
-end
+module React
+  module Component
+    class State
+      include ::Native::Wrapper
+
+      def initialize(native)
+        @native = native
+      end
+      
+      def method_missing(key, *args, &block)
+        if `args.length > 0`
+          new_state = `{}`
+          new_state.JS[(`key.endsWith('=')` ? key.chop : key)] = args[0]
+          if block_given?
+            @native.JS.setState(new_state, `function() { block.$call(); }`)
+          else
+            @native.JS.setState(new_state, `null`)
+          end
+        else
+          %x{
+            if (typeof #@native.state[key] === 'undefined') { return nil; }
+            return #@native.state[key];
+          }
+        end
+      end
+
+      def set_state(updater, &block)
+        new_state = `{}`
+        updater.each do |key, value|
+          new_state.JS[key] = value
+        end
+        if block_given?
+          @native.JS.setState(new_state, `function() { block.$call(); }`)
+        else
+          @native.JS.setState(new_state, `null`)
+        end
+      end
+
+      def size
+        `Object.keys(#@native.state).length`;
+      end
+
+      def to_n
+        %x{
+          var new_native = {};
+          for (var key in #@native.state) {
+            if (typeof #@native.state[key].$to_n !== "undefined") {
+              new_native[key] = #@native.state[key].$to_n();
+            } else {
+              new_native[key] = #@native.state[key];
+            }
+          }
+          return new_native;
+        }
+      end
+    end
+  end
+end

data/lib/react/component/styles.rb

@@ -1,66 +1,66 @@
-module React
-  module Component
-    class Styles
-
-      def initialize(native, props_prop = false)
-        @native = native
-        @props_prop = props_prop
-      end
-
-      def [](prop)
-        method_missing(prop)
-      end
-
-      def []=(prop, val)
-        method_missing(prop, val)
-      end
-
-      def deep_merge(a_hash)
-        native_hash = a_hash.to_n
-        React::Component::Styles.new(`Opal.React.merge_deep(#@native, native_hash)`)
-      end
-
-      def deep_merge!(a_hash)
-        native_hash = a_hash.to_n
-        `#@native = Opal.React.merge_deep(#@native, native_hash)`
-        self
-      end
-
-      def method_missing(prop, *args, &block)
-        %x{
-          let value;
-          if (#@props_prop) {
-            if (!#@native.props[#@props_prop] || typeof #@native.props[#@props_prop][prop] === 'undefined') {
-              console.warn("Style/Theme key '" + prop + "' returning nil!");
-              return #{nil};
-            }
-            value = #@native.props[#@props_prop][prop];
-          } else {
-            if (!#@native || typeof #@native[prop] === 'undefined') {
-              console.warn("Style/Theme key '" + prop + "' returning nil!");
-              return #{nil};
-            }
-            value = #@native[prop];
-          }
-          if (typeof value === 'string' || typeof value === 'number' || Array.isArray(value)) { return value; }
-          if (typeof value === 'function') { return value.apply(#@native, args); }
-          return Opal.React.Component.Styles.$new(value);
-        }
-      end
-
-      def to_h
-        %x{
-          if (#@props_prop) { return Opal.Hash.$new(#@native.props[#@props_prop]); }
-          else { return Opal.Hash.$new(#@native); }
-        }
-      end
-
-      def to_n
-        %x{
-          if (#@props_prop) { return #@native.props[#@props_prop]; }
-          else { return #@native; }
-        }
-      end
-    end
-  end
-end
+module React
+  module Component
+    class Styles
+
+      def initialize(native, props_prop = false)
+        @native = native
+        @props_prop = props_prop
+      end
+
+      def [](prop)
+        method_missing(prop)
+      end
+
+      def []=(prop, val)
+        method_missing(prop, val)
+      end
+
+      def deep_merge(a_hash)
+        native_hash = a_hash.to_n
+        React::Component::Styles.new(`Opal.React.merge_deep(#@native, native_hash)`)
+      end
+
+      def deep_merge!(a_hash)
+        native_hash = a_hash.to_n
+        `#@native = Opal.React.merge_deep(#@native, native_hash)`
+        self
+      end
+
+      def method_missing(prop, *args, &block)
+        %x{
+          let value;
+          if (#@props_prop) {
+            if (!#@native.props[#@props_prop] || typeof #@native.props[#@props_prop][prop] === 'undefined') {
+              console.warn("Style/Theme key '" + prop + "' returning nil!");
+              return #{nil};
+            }
+            value = #@native.props[#@props_prop][prop];
+          } else {
+            if (!#@native || typeof #@native[prop] === 'undefined') {
+              console.warn("Style/Theme key '" + prop + "' returning nil!");
+              return #{nil};
+            }
+            value = #@native[prop];
+          }
+          if (typeof value === 'string' || typeof value === 'number' || Array.isArray(value)) { return value; }
+          if (typeof value === 'function') { return value.apply(#@native, args); }
+          return Opal.React.Component.Styles.$new(value);
+        }
+      end
+
+      def to_h
+        %x{
+          if (#@props_prop) { return Opal.Hash.$new(#@native.props[#@props_prop]); }
+          else { return Opal.Hash.$new(#@native); }
+        }
+      end
+
+      def to_n
+        %x{
+          if (#@props_prop) { return #@native.props[#@props_prop]; }
+          else { return #@native; }
+        }
+      end
+    end
+  end
+end

data/lib/react/context_wrapper.rb

@@ -1,44 +1,48 @@
-module React
-  class ContextWrapper
-    include ::Native::Wrapper
-
-    def is_wrapped_context
-      true
-    end
-
-    def Consumer(*args, &block)
-      # why not use internal_prepare_args and render?
-      %x{
-        let operabu = Opal.React.render_buffer;
-        let props = null;
-
-        if (args.length > 0) { props = Opal.React.to_native_react_props(args[0]); }
-
-        let react_element = Opal.global.React.createElement(this.native.Consumer, props, function(value) {
-          let children = null;
-          if (block !== nil) {
-            operabu.push([]);
-            // console.log("consumer pushed", operabu, operabu.toString());
-            let block_result = block.$call();
-            if (block_result && block_result !== nil) { Opal.React.render_block_result(block_result); }
-            // console.log("consumer popping", operabu, operabu.toString());
-            children = operabu.pop();
-            if (children.length === 1) { children = children[0]; }
-            else if (children.length === 0) { children = null; }
-          }
-          return children;
-        });
-        operabu[operabu.length - 1].push(react_element);
-      }
-    end
-
-    def Provider(*args, &block)
-      # why not use internal_prepare_args and render?
-      %x{
-        var props = null;
-        if (args.length > 0) { props = Opal.React.to_native_react_props(args[0]); }
-        Opal.React.internal_render(this.native.Provider, props, null, block);
-      }
-    end
-  end
-end
+module React
+  class ContextWrapper
+    include ::Native::Wrapper
+
+    def initialize(native)
+      @native = native
+    end
+    
+    def is_wrapped_context
+      true
+    end
+
+    def Consumer(*args, &block)
+      # why not use internal_prepare_args and render?
+      %x{
+        let operabu = Opal.React.render_buffer;
+        let props = null;
+
+        if (args.length > 0) { props = Opal.React.to_native_react_props(args[0]); }
+
+        let react_element = Opal.global.React.createElement(this.native.Consumer, props, function(value) {
+          let children = null;
+          if (block !== nil) {
+            operabu.push([]);
+            // console.log("consumer pushed", operabu, operabu.toString());
+            let block_result = block.$call();
+            if (block_result && block_result !== nil) { Opal.React.render_block_result(block_result); }
+            // console.log("consumer popping", operabu, operabu.toString());
+            children = operabu.pop();
+            if (children.length === 1) { children = children[0]; }
+            else if (children.length === 0) { children = null; }
+          }
+          return children;
+        });
+        operabu[operabu.length - 1].push(react_element);
+      }
+    end
+
+    def Provider(*args, &block)
+      # why not use internal_prepare_args and render?
+      %x{
+        var props = null;
+        if (args.length > 0) { props = Opal.React.to_native_react_props(args[0]); }
+        Opal.React.internal_render(this.native.Provider, props, null, block);
+      }
+    end
+  end
+end

data/lib/react/native_constant_wrapper.rb

@@ -1,29 +1,29 @@
-module React
-  class NativeConstantWrapper
-    include ::Native::Wrapper
-
-    def initialize(native, const_name)
-      @native = native
-      @const_name = const_name
-    end
-
-    def method_missing(name, *args, &block)
-      %x{
-        if (name[0] === 'u' && name[1] === 's' && name[2] === 'e') {
-          if (name.indexOf('_') > 0) { name = Opal.React.lower_camelize(name); }
-          return #@native[name].call(this, args);
-        }
-        var component = null;
-        var component_type = typeof #@native[name];
-        if (component_type === "function" || component_type === "object") {
-          component = #@native[name];
-        }
-        if (component) {
-          return Opal.React.internal_prepare_args_and_render(component, args, block);
-        } else {
-          #{Isomorfeus.raise_error(error_class: NameError, message: "No such native Component #@const_name.#{name}")};
-        }
-      }
-    end
-  end
-end
+module React
+  class NativeConstantWrapper
+    include ::Native::Wrapper
+
+    def initialize(native, const_name)
+      @native = native
+      @const_name = const_name
+    end
+
+    def method_missing(name, *args, &block)
+      %x{
+        if (name[0] === 'u' && name[1] === 's' && name[2] === 'e') {
+          if (name.indexOf('_') > 0) { name = Opal.React.lower_camelize(name); }
+          return #@native[name].call(this, args);
+        }
+        var component = null;
+        var component_type = typeof #@native[name];
+        if (component_type === "function" || component_type === "object") {
+          component = #@native[name];
+        }
+        if (component) {
+          return Opal.React.internal_prepare_args_and_render(component, args, block);
+        } else {
+          #{Isomorfeus.raise_error(error_class: NameError, message: "No such native Component #@const_name.#{name}")};
+        }
+      }
+    end
+  end
+end

data/lib/react/ref.rb

@@ -1,13 +1,17 @@
-module React
-  class Ref
-    include ::Native::Wrapper
-
-    def is_wrapped_ref
-      true
-    end
-
-    def current
-      `Opal.React.native_element_or_component_to_ruby(#@native.current)`
-    end
-  end
+module React
+  class Ref
+    include ::Native::Wrapper
+
+    def initialize(native)
+      @native = native
+    end
+    
+    def is_wrapped_ref
+      true
+    end
+
+    def current
+      `Opal.React.native_element_or_component_to_ruby(#@native.current)`
+    end
+  end
 end

data/lib/react/synthetic_event.rb

@@ -1,53 +1,53 @@
-module React
-  class SyntheticEvent
-    include Native::Wrapper
-    # helpers
-    def self.native_accessors(*js_names)
-      js_names.each do |js_name|
-        ruby_name = js_name.underscore
-        define_method(ruby_name) do
-          @native.JS[js_name]
-        end
-      end
-    end
-
-    def self.native_boolean_accessors(*js_names)
-      js_names.each do |js_name|
-        ruby_name = js_name.underscore + '?'
-        define_method(ruby_name) do
-          @native.JS[js_name]
-        end
-      end
-    end
-
-    alias_native :get_modifier_state, :getModifierState
-    alias_native :is_default_prevented?, :isDefaultPrevented
-    alias_native :is_propagation_stopped?, :isPropagationStopped
-    alias_native :persist, :persist
-    alias_native :prevent_default, :preventDefault
-    alias_native :stop_propagation, :stopPropagation
-
-    native_accessors :animationName, :button, :buttons, :changedTouches, :charCode, :clientX, :clientY, :clipboardData, :data, :deltaMode, :deltaX,
-                     :deltaY, :deltaZ, :detail, :elapsedTime, :eventPhase, :height, :key, :keyCode, :locale, :location, :pageX, :pageY, :pointerId,
-                     :pointerType, :pressure, :propertyName, :pseudoElement, :screenX, :screenY, :tangentialPressure, :targetTouches, :tiltX, :tiltY,
-                     :timestamp, :touches, :twist, :type, :view, :which, :width
-
-    native_boolean_accessors :altKey, :bubbles, :cancelable, :ctrlKey, :defaultPrevented, :isPrimary, :isTrusted, :metaKey, :repeat, :shiftKey
-
-    def current_target
-      Browser::Element.new(@native.JS[:currentTarget])
-    end
-
-    def native_event
-      Browser::Event.new(@native.JS[:nativeEvent])
-    end
-
-    def related_target
-      Browser::Element.new(@native.JS[:relatedTarget])
-    end
-
-    def target
-      Browser::Element.new(@native.JS[:target])
-    end
-  end
+module React
+  class SyntheticEvent
+    include Native::Wrapper
+    # helpers
+    def self.native_accessors(*js_names)
+      js_names.each do |js_name|
+        ruby_name = js_name.underscore
+        define_method(ruby_name) do
+          @native.JS[js_name]
+        end
+      end
+    end
+
+    def self.native_boolean_accessors(*js_names)
+      js_names.each do |js_name|
+        ruby_name = js_name.underscore + '?'
+        define_method(ruby_name) do
+          @native.JS[js_name]
+        end
+      end
+    end
+
+    alias_native :get_modifier_state, :getModifierState
+    alias_native :is_default_prevented?, :isDefaultPrevented
+    alias_native :is_propagation_stopped?, :isPropagationStopped
+    alias_native :persist, :persist
+    alias_native :prevent_default, :preventDefault
+    alias_native :stop_propagation, :stopPropagation
+
+    native_accessors :animationName, :button, :buttons, :changedTouches, :charCode, :clientX, :clientY, :clipboardData, :data, :deltaMode, :deltaX,
+                     :deltaY, :deltaZ, :detail, :elapsedTime, :eventPhase, :height, :key, :keyCode, :locale, :location, :pageX, :pageY, :pointerId,
+                     :pointerType, :pressure, :propertyName, :pseudoElement, :screenX, :screenY, :tangentialPressure, :targetTouches, :tiltX, :tiltY,
+                     :timestamp, :touches, :twist, :type, :view, :which, :width
+
+    native_boolean_accessors :altKey, :bubbles, :cancelable, :ctrlKey, :defaultPrevented, :isPrimary, :isTrusted, :metaKey, :repeat, :shiftKey
+
+    def current_target
+      Browser::Element.new(@native.JS[:currentTarget])
+    end
+
+    def native_event
+      Browser::Event.new(@native.JS[:nativeEvent])
+    end
+
+    def related_target
+      Browser::Element.new(@native.JS[:relatedTarget])
+    end
+
+    def target
+      Browser::Element.new(@native.JS[:target])
+    end
+  end
 end

data/lib/react/version.rb

@@ -1,3 +1,3 @@
-module React
-  VERSION = '16.13.11'
-end
+module React
+  VERSION = '16.13.12'
+end