jrs-react 1.2.32 → 1.2.34

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.
Files changed (5) hide show
  1. package/build/index.es.js +11 -10
  2. package/build/index.js +11 -10
  3. package/package.json +1 -1
  4. package/src/components/JRFields/JRFields.jsx +1 -1
  5. package/src/components/JRMask/JRMask.jsx +8 -7
package/build/index.es.js CHANGED
@@ -3430,7 +3430,6 @@ const css = `
3430
3430
  }
3431
3431
  user-select: none;
3432
3432
  cursor: wait;
3433
- background-color: #000000aa;
3434
3433
 
3435
3434
  flex-direction: column;
3436
3435
  justify-content: center;
@@ -3439,6 +3438,7 @@ const css = `
3439
3438
 
3440
3439
  z-index: 20000;
3441
3440
  overflow: hidden;
3441
+ background:#000000aa;
3442
3442
 
3443
3443
  .cs-loader-inner {
3444
3444
  transform: translateY(-30%);
@@ -3446,11 +3446,7 @@ const css = `
3446
3446
 
3447
3447
  }
3448
3448
 
3449
- animation: opc .4s ;
3450
- @keyframes opc {
3451
- 0% {opacity: 0;background: transparent;visibility:hidden;}
3452
- 20% {opacity: 1;background: #000000aa; visibility: visible;}
3453
- }
3449
+
3454
3450
 
3455
3451
  .cs-loader-inner label {
3456
3452
  font-size: 20px;
@@ -3537,7 +3533,12 @@ const StyledDialogMask = styled.dialog`
3537
3533
 
3538
3534
  &:modal {
3539
3535
  outline: 0;
3540
- background-color: #000000aa;
3536
+ animation: myfirst .3s;
3537
+ @keyframes myfirst {
3538
+ from {background:transparent;visibility:hidden;}
3539
+ 99% {background:transparent;visibility:hidden;}
3540
+ to {background:#000000aa;visibility:visible;}
3541
+ }
3541
3542
  }
3542
3543
 
3543
3544
  max-width: 100vw;
@@ -5837,9 +5838,9 @@ class JRFields extends JRWindow {
5837
5838
  const value = name ? parentValue?.[name] : parentValue;
5838
5839
  const gap = column.gap ?? this.props.gap;
5839
5840
  const label = column.label;
5840
- const _style = flexType({
5841
- ...style
5842
- }, this, {}, {});
5841
+ const _style = {
5842
+ ...flexType(style, this, {}, {})
5843
+ };
5843
5844
  const _columnStyle = flexType(columnStyle, this, {}, {});
5844
5845
  if (colSpan) _style.gridColumn = `span ${colSpan}`;
5845
5846
  if (rowSpan) _style.gridRow = `span ${rowSpan}`;
package/build/index.js CHANGED
@@ -3457,7 +3457,6 @@ const css = `
3457
3457
  }
3458
3458
  user-select: none;
3459
3459
  cursor: wait;
3460
- background-color: #000000aa;
3461
3460
 
3462
3461
  flex-direction: column;
3463
3462
  justify-content: center;
@@ -3466,6 +3465,7 @@ const css = `
3466
3465
 
3467
3466
  z-index: 20000;
3468
3467
  overflow: hidden;
3468
+ background:#000000aa;
3469
3469
 
3470
3470
  .cs-loader-inner {
3471
3471
  transform: translateY(-30%);
@@ -3473,11 +3473,7 @@ const css = `
3473
3473
 
3474
3474
  }
3475
3475
 
3476
- animation: opc .4s ;
3477
- @keyframes opc {
3478
- 0% {opacity: 0;background: transparent;visibility:hidden;}
3479
- 20% {opacity: 1;background: #000000aa; visibility: visible;}
3480
- }
3476
+
3481
3477
 
3482
3478
  .cs-loader-inner label {
3483
3479
  font-size: 20px;
@@ -3564,7 +3560,12 @@ const StyledDialogMask = styled__default["default"].dialog`
3564
3560
 
3565
3561
  &:modal {
3566
3562
  outline: 0;
3567
- background-color: #000000aa;
3563
+ animation: myfirst .3s;
3564
+ @keyframes myfirst {
3565
+ from {background:transparent;visibility:hidden;}
3566
+ 99% {background:transparent;visibility:hidden;}
3567
+ to {background:#000000aa;visibility:visible;}
3568
+ }
3568
3569
  }
3569
3570
 
3570
3571
  max-width: 100vw;
@@ -5864,9 +5865,9 @@ class JRFields extends JRWindow {
5864
5865
  const value = name ? parentValue?.[name] : parentValue;
5865
5866
  const gap = column.gap ?? this.props.gap;
5866
5867
  const label = column.label;
5867
- const _style = flexType({
5868
- ...style
5869
- }, this, {}, {});
5868
+ const _style = {
5869
+ ...flexType(style, this, {}, {})
5870
+ };
5870
5871
  const _columnStyle = flexType(columnStyle, this, {}, {});
5871
5872
  if (colSpan) _style.gridColumn = `span ${colSpan}`;
5872
5873
  if (rowSpan) _style.gridRow = `span ${rowSpan}`;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jrs-react",
3
- "version": "1.2.32",
3
+ "version": "1.2.34",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "module": "build/index.es.js",
package/src/components/JRFields/JRFields.jsx CHANGED
@@ -318,7 +318,7 @@ export default class JRFields extends JRWindow {
318
318
  const gap=column.gap??this.props.gap
319
319
  const label=column.label
320
320
 
321
- const _style=flexType({...style},this,{},{})
321
+ const _style={...flexType(style,this,{},{})}
322
322
  const _columnStyle=flexType(columnStyle,this,{},{})
323
323
  if (colSpan) _style.gridColumn = `span ${colSpan}`
324
324
  if (rowSpan) _style.gridRow = `span ${rowSpan}`
package/src/components/JRMask/JRMask.jsx CHANGED
@@ -10,7 +10,6 @@ const css=`
10
10
  }
11
11
  user-select: none;
12
12
  cursor: wait;
13
- background-color: #000000aa;
14
13
 
15
14
  flex-direction: column;
16
15
  justify-content: center;
@@ -19,6 +18,7 @@ const css=`
19
18
 
20
19
  z-index: 20000;
21
20
  overflow: hidden;
21
+ background:#000000aa;
22
22
 
23
23
  .cs-loader-inner {
24
24
  transform: translateY(-30%);
@@ -26,11 +26,7 @@ const css=`
26
26
 
27
27
  }
28
28
 
29
- animation: opc .4s ;
30
- @keyframes opc {
31
- 0% {opacity: 0;background: transparent;visibility:hidden;}
32
- 20% {opacity: 1;background: #000000aa; visibility: visible;}
33
- }
29
+
34
30
 
35
31
  .cs-loader-inner label {
36
32
  font-size: 20px;
@@ -115,7 +111,12 @@ const StyledDialogMask = styled.dialog`
115
111
 
116
112
  &:modal {
117
113
  outline: 0;
118
- background-color: #000000aa;
114
+ animation: myfirst .3s;
115
+ @keyframes myfirst {
116
+ from {background:transparent;visibility:hidden;}
117
+ 99% {background:transparent;visibility:hidden;}
118
+ to {background:#000000aa;visibility:visible;}
119
+ }
119
120
  }
120
121
 
121
122
  max-width: 100vw;