isomorfeus-react 16.13.9 → 16.13.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. checksums.yaml +4 -4
  2. data/lib/isomorfeus_react/lucid_component/native_component_constructor.rb +1 -1
  3. data/lib/isomorfeus_react/lucid_component/native_lucid_component_constructor.rb +2 -27
  4. data/lib/isomorfeus_react_material/lucid_material/component/native_component_constructor.rb +1 -1
  5. data/lib/react.rb +33 -0
  6. data/lib/react/component/native_component_constructor.rb +2 -27
  7. data/lib/react/version.rb +1 -1
  8. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 6e035ee0fa52630bee7cabe9a6e42043807ab3214aff268c94ab3d11a18c1bf5
4
- data.tar.gz: 941bd2452ff4ca38292dd60e6a74cc89bb6b5e378152e2dfe3b9dcfcae10867c
3
+ metadata.gz: 53c0609232408add3a50daefcd5b1a0cc8226a5320364378000ce4a2dce7b514
4
+ data.tar.gz: 8b59169b1677d0d43111bc058033f0f4e19a0fcde099d864b97ecc2ac5d66b34
5
5
  SHA512:
6
- metadata.gz: 254fb5ad51c52ff2521494614bedbe215dd2980daed1300c00f98032d34460d798487c8dd5ccfebd26a823d63064e232be46030f1f22d793b6a42ccd6404aa4f
7
- data.tar.gz: 1a4b829bba24df5e78ebbff63cf6e688b8083d5349b41f08bf05234bc4ae7c5f4fb8726e5f20d1b94463a33aa0e74f47125bc5e3e98e7c23736fb6ef5eade765
6
+ metadata.gz: 629628dadea198a9bf3257c9eeafe9408e7bc428d7557ba01eafe35dc3ffbebf36a72f2964d4b30b944f1edfafcfdf03f05b0ebbf4a1ede6c2c6552279fdf672
7
+ data.tar.gz: 6b2a9d8587857ee38d9691c62f2ce84556c33ff7fad4c3b111be986a952f7476f271ab7fa20577856a483c0d831683de0b2b6050e65e777bcd902ddfd7eda4a4
data/lib/isomorfeus_react/lucid_component/native_component_constructor.rb CHANGED
@@ -27,7 +27,7 @@ module LucidComponent
27
27
  new_props.theme = theme;
28
28
  new_props.store = store;
29
29
  return opag.React.createElement(base.lucid_react_component, new_props);
30
- }, null);
30
+ }, Opal.React.props_are_equal);
31
31
  base.react_component.displayName = #{component_name};
32
32
  }
33
33
  end
data/lib/isomorfeus_react/lucid_component/native_lucid_component_constructor.rb CHANGED
@@ -62,33 +62,8 @@ module LucidComponent
62
62
  return this.props.store;
63
63
  }
64
64
  shouldComponentUpdate(next_props, next_state) {
65
- let counter = 0;
66
- const this_props = this.props;
67
- for (var property in next_props) {
68
- counter++;
69
- if (next_props.hasOwnProperty(property)) {
70
- if (!this_props.hasOwnProperty(property)) { return true; };
71
- if (property === "children") { if (next_props.children !== this_props.children) { return true; }}
72
- else if (typeof next_props[property] === "object" && next_props[property] !== null && typeof next_props[property]['$!='] === "function" &&
73
- typeof this_props[property] !== "undefined" && this_props[property] !== null ) {
74
- if (#{ !! (`next_props[property]` != `this_props[property]`) }) { return true; }
75
- } else if (next_props[property] !== this_props[property]) { return true; }
76
- }
77
- }
78
- if (counter !== Object.keys(this_props).length) { return true; }
79
- counter = 0;
80
- const this_state = this.state;
81
- for (var property in next_state) {
82
- counter++;
83
- if (next_state.hasOwnProperty(property)) {
84
- if (!this_state.hasOwnProperty(property)) { return true; };
85
- if (typeof next_state[property] === "object" && next_state[property] !== null && typeof next_state[property]['$!='] === "function" &&
86
- typeof this_state[property] !== "undefined" && this_state[property] !== null) {
87
- if (#{ !! (`next_state[property]` != `this_state[property]`) }) { return true }
88
- } else if (next_state[property] !== this_state[property]) { return true }
89
- }
90
- }
91
- if (counter !== Object.keys(this_state).length) { return true; }
65
+ if (!Opal.React.props_are_equal(this.props, next_props)) { return true; }
66
+ if (Opal.React.state_is_not_equal(this.state, next_state)) { return true; }
92
67
  return false;
93
68
  }
94
69
  validateProp(props, propName, componentName) {
data/lib/isomorfeus_react_material/lucid_material/component/native_component_constructor.rb CHANGED
@@ -27,7 +27,7 @@ module LucidMaterial
27
27
  new_props.theme = theme;
28
28
  new_props.store = store;
29
29
  return Opal.global.React.createElement(base.lucid_react_component, new_props);
30
- }, null);
30
+ }, Opal.React.props_are_equal);
31
31
  base.react_component.displayName = #{component_name};
32
32
  }
33
33
  end
data/lib/react.rb CHANGED
@@ -12,6 +12,39 @@ module React
12
12
  core.propTypes[prop_name] = core.prototype.validateProp;
13
13
  };
14
14
 
15
+ self.props_are_equal = function(this_props, next_props) {
16
+ let counter = 0;
17
+ for (var property in next_props) {
18
+ counter++;
19
+ if (next_props.hasOwnProperty(property)) {
20
+ if (!this_props.hasOwnProperty(property)) { return false; };
21
+ if (property === "children") { if (next_props.children !== this_props.children) { return false; }}
22
+ else if (typeof next_props[property] === "object" && next_props[property] !== null && typeof next_props[property]['$!='] === "function" &&
23
+ typeof this_props[property] !== "undefined" && this_props[property] !== null ) {
24
+ if (#{ !! (`next_props[property]` != `this_props[property]`) }) { return false; }
25
+ } else if (next_props[property] !== this_props[property]) { return false; }
26
+ }
27
+ }
28
+ if (counter !== Object.keys(this_props).length) { return false; }
29
+ return true;
30
+ };
31
+
32
+ self.state_is_not_equal = function(this_state, next_state) {
33
+ let counter = 0;
34
+ for (var property in next_state) {
35
+ counter++;
36
+ if (next_state.hasOwnProperty(property)) {
37
+ if (!this_state.hasOwnProperty(property)) { return true; };
38
+ if (typeof next_state[property] === "object" && next_state[property] !== null && typeof next_state[property]['$!='] === "function" &&
39
+ typeof this_state[property] !== "undefined" && this_state[property] !== null) {
40
+ if (#{ !! (`next_state[property]` != `this_state[property]`) }) { return true }
41
+ } else if (next_state[property] !== this_state[property]) { return true }
42
+ }
43
+ }
44
+ if (counter !== Object.keys(this_state).length) { return true; }
45
+ return false;
46
+ };
47
+
15
48
  self.lower_camelize = function(snake_cased_word) {
16
49
  if (self.prop_dictionary[snake_cased_word]) { return self.prop_dictionary[snake_cased_word]; }
17
50
  let parts = snake_cased_word.split('_');
data/lib/react/component/native_component_constructor.rb CHANGED
@@ -53,33 +53,8 @@ module React
53
53
  if (base.should_component_update_block) {
54
54
  return #{!!`this.__ruby_instance`.instance_exec(React::Component::Props.new(`{props: next_props}`), React::Component::State.new(`{state: next_state }`), &`base.should_component_update_block`)};
55
55
  }
56
- let counter = 0;
57
- const this_props = this.props;
58
- for (var property in next_props) {
59
- counter++;
60
- if (next_props.hasOwnProperty(property)) {
61
- if (!this_props.hasOwnProperty(property)) { return true; };
62
- if (property === "children") { if (next_props.children !== this_props.children) { return true; }}
63
- else if (typeof next_props[property] === "object" && next_props[property] !== null && typeof next_props[property]['$!='] === "function" &&
64
- typeof this_props[property] !== "undefined" && this_props[property] !== null ) {
65
- if (#{ !! (`next_props[property]` != `this_props[property]`) }) { return true; }
66
- } else if (next_props[property] !== this_props[property]) { return true; }
67
- }
68
- }
69
- if (counter !== Object.keys(this_props).length) { return true; }
70
- counter = 0;
71
- const this_state = this.state;
72
- for (var property in next_state) {
73
- counter++;
74
- if (next_state.hasOwnProperty(property)) {
75
- if (!this_state.hasOwnProperty(property)) { return true; };
76
- if (typeof next_state[property] === "object" && next_state[property] !== null && typeof next_state[property]['$!='] === "function" &&
77
- typeof this_state[property] !== "undefined" && this_state[property] !== null) {
78
- if (#{ !! (`next_state[property]` != `this_state[property]`) }) { return true }
79
- } else if (next_state[property] !== this_state[property]) { return true }
80
- }
81
- }
82
- if (counter !== Object.keys(this_state).length) { return true; }
56
+ if (!Opal.React.props_are_equal(this.props, next_props)) { return true; }
57
+ if (Opal.React.state_is_not_equal(this.state, next_state)) { return true; }
83
58
  return false;
84
59
  }
85
60
  validateProp(props, propName, componentName) {
data/lib/react/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module React
2
- VERSION = '16.13.9'
2
+ VERSION = '16.13.10'
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: isomorfeus-react
3
3
  version: !ruby/object:Gem::Version
4
- version: 16.13.9
4
+ version: 16.13.10
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jan Biedermann