jrs-react 1.2.42 → 1.2.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.es.js +11 -3
- package/build/index.js +11 -3
- package/package.json +1 -1
- package/src/components/JRWindow/JRWindow.jsx +14 -2
package/build/index.es.js
CHANGED
|
@@ -4879,7 +4879,7 @@ const StyledBackdrop = styled.div`
|
|
|
4879
4879
|
${({
|
|
4880
4880
|
$zIndex
|
|
4881
4881
|
}) => $zIndex != null ? `z-index:${$zIndex};` : null}
|
|
4882
|
-
background : rgba(0, 0, 0, 0.
|
|
4882
|
+
background : rgba(0, 0, 0, 0.4);
|
|
4883
4883
|
height:100vh;
|
|
4884
4884
|
width:100vw;
|
|
4885
4885
|
position: fixed;
|
|
@@ -4941,7 +4941,7 @@ class Backdrop extends JRHTML {
|
|
|
4941
4941
|
backdropConfig = {
|
|
4942
4942
|
yo: 'div',
|
|
4943
4943
|
style: {
|
|
4944
|
-
background: 'rgba(0, 0, 0, 0.
|
|
4944
|
+
background: 'rgba(0, 0, 0, 0.4)',
|
|
4945
4945
|
height: '100%',
|
|
4946
4946
|
width: '100%',
|
|
4947
4947
|
position: 'absolute',
|
|
@@ -4949,6 +4949,10 @@ class Backdrop extends JRHTML {
|
|
|
4949
4949
|
left: 0
|
|
4950
4950
|
}
|
|
4951
4951
|
};
|
|
4952
|
+
constructor(params) {
|
|
4953
|
+
super(params);
|
|
4954
|
+
Object.assign(this.backdropConfig.style, params.backdropStyle);
|
|
4955
|
+
}
|
|
4952
4956
|
show() {
|
|
4953
4957
|
this.backdrop = this.agregarHijo(this.backdropConfig);
|
|
4954
4958
|
}
|
|
@@ -4977,7 +4981,8 @@ class JRWindow extends JRFrame {
|
|
|
4977
4981
|
yo: target,
|
|
4978
4982
|
style: {
|
|
4979
4983
|
position: 'relative'
|
|
4980
|
-
}
|
|
4984
|
+
},
|
|
4985
|
+
backdropStyle: this.props.backdropStyle
|
|
4981
4986
|
});
|
|
4982
4987
|
}
|
|
4983
4988
|
}
|
|
@@ -5015,6 +5020,9 @@ class JRWindow extends JRFrame {
|
|
|
5015
5020
|
this.open();
|
|
5016
5021
|
}
|
|
5017
5022
|
}
|
|
5023
|
+
componentWillUnmount() {
|
|
5024
|
+
this.backdropTarget?.hide();
|
|
5025
|
+
}
|
|
5018
5026
|
open() {
|
|
5019
5027
|
this.backdropTarget?.show();
|
|
5020
5028
|
this.props.onOpen?.bind(this)();
|
package/build/index.js
CHANGED
|
@@ -4906,7 +4906,7 @@ const StyledBackdrop = styled__default["default"].div`
|
|
|
4906
4906
|
${({
|
|
4907
4907
|
$zIndex
|
|
4908
4908
|
}) => $zIndex != null ? `z-index:${$zIndex};` : null}
|
|
4909
|
-
background : rgba(0, 0, 0, 0.
|
|
4909
|
+
background : rgba(0, 0, 0, 0.4);
|
|
4910
4910
|
height:100vh;
|
|
4911
4911
|
width:100vw;
|
|
4912
4912
|
position: fixed;
|
|
@@ -4968,7 +4968,7 @@ class Backdrop extends JRHTML {
|
|
|
4968
4968
|
backdropConfig = {
|
|
4969
4969
|
yo: 'div',
|
|
4970
4970
|
style: {
|
|
4971
|
-
background: 'rgba(0, 0, 0, 0.
|
|
4971
|
+
background: 'rgba(0, 0, 0, 0.4)',
|
|
4972
4972
|
height: '100%',
|
|
4973
4973
|
width: '100%',
|
|
4974
4974
|
position: 'absolute',
|
|
@@ -4976,6 +4976,10 @@ class Backdrop extends JRHTML {
|
|
|
4976
4976
|
left: 0
|
|
4977
4977
|
}
|
|
4978
4978
|
};
|
|
4979
|
+
constructor(params) {
|
|
4980
|
+
super(params);
|
|
4981
|
+
Object.assign(this.backdropConfig.style, params.backdropStyle);
|
|
4982
|
+
}
|
|
4979
4983
|
show() {
|
|
4980
4984
|
this.backdrop = this.agregarHijo(this.backdropConfig);
|
|
4981
4985
|
}
|
|
@@ -5004,7 +5008,8 @@ class JRWindow extends JRFrame {
|
|
|
5004
5008
|
yo: target,
|
|
5005
5009
|
style: {
|
|
5006
5010
|
position: 'relative'
|
|
5007
|
-
}
|
|
5011
|
+
},
|
|
5012
|
+
backdropStyle: this.props.backdropStyle
|
|
5008
5013
|
});
|
|
5009
5014
|
}
|
|
5010
5015
|
}
|
|
@@ -5042,6 +5047,9 @@ class JRWindow extends JRFrame {
|
|
|
5042
5047
|
this.open();
|
|
5043
5048
|
}
|
|
5044
5049
|
}
|
|
5050
|
+
componentWillUnmount() {
|
|
5051
|
+
this.backdropTarget?.hide();
|
|
5052
|
+
}
|
|
5045
5053
|
open() {
|
|
5046
5054
|
this.backdropTarget?.show();
|
|
5047
5055
|
this.props.onOpen?.bind(this)();
|
package/package.json
CHANGED
|
@@ -4,10 +4,11 @@ import styled from "styled-components";
|
|
|
4
4
|
import TitleBar from "./TitleBar";
|
|
5
5
|
import Sliders from "./Slider";
|
|
6
6
|
import { JRHTML } from "jrs-js";
|
|
7
|
+
import { po } from "../JRUtils";
|
|
7
8
|
|
|
8
9
|
const StyledBackdrop=styled.div`
|
|
9
10
|
${({$zIndex})=>$zIndex!=null?`z-index:${$zIndex};`:null}
|
|
10
|
-
background : rgba(0, 0, 0, 0.
|
|
11
|
+
background : rgba(0, 0, 0, 0.4);
|
|
11
12
|
height:100vh;
|
|
12
13
|
width:100vw;
|
|
13
14
|
position: fixed;
|
|
@@ -59,7 +60,7 @@ class Backdrop extends JRHTML{
|
|
|
59
60
|
backdropConfig={
|
|
60
61
|
yo:'div'
|
|
61
62
|
,style:{
|
|
62
|
-
background:'rgba(0, 0, 0, 0.
|
|
63
|
+
background:'rgba(0, 0, 0, 0.4)'
|
|
63
64
|
,height: '100%'
|
|
64
65
|
,width: '100%'
|
|
65
66
|
,position: 'absolute'
|
|
@@ -68,6 +69,12 @@ class Backdrop extends JRHTML{
|
|
|
68
69
|
}
|
|
69
70
|
}
|
|
70
71
|
|
|
72
|
+
constructor(params){
|
|
73
|
+
super(params)
|
|
74
|
+
Object.assign(this.backdropConfig.style,params.backdropStyle)
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
|
|
71
78
|
show(){
|
|
72
79
|
this.backdrop=this.agregarHijo(this.backdropConfig)
|
|
73
80
|
}
|
|
@@ -100,6 +107,7 @@ export default class JRWindow extends JRFrame {
|
|
|
100
107
|
,style:{
|
|
101
108
|
position: 'relative'
|
|
102
109
|
}
|
|
110
|
+
,backdropStyle:this.props.backdropStyle
|
|
103
111
|
})
|
|
104
112
|
}
|
|
105
113
|
}
|
|
@@ -139,6 +147,10 @@ export default class JRWindow extends JRFrame {
|
|
|
139
147
|
}
|
|
140
148
|
}
|
|
141
149
|
|
|
150
|
+
componentWillUnmount(){
|
|
151
|
+
this.backdropTarget?.hide()
|
|
152
|
+
}
|
|
153
|
+
|
|
142
154
|
open(){
|
|
143
155
|
this.backdropTarget?.show()
|
|
144
156
|
this.props.onOpen?.bind(this)()
|