jrs-react 1.1.23 → 1.1.24

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 +39 -3
  2. package/build/index.js +39 -3
  3. package/package.json +1 -1
  4. package/src/components/JRTest.jsx +2 -2
  5. package/src/components/StyledJRFrame.jsx +37 -0
package/build/index.es.js CHANGED
@@ -7373,7 +7373,7 @@ class JRSubmit extends React.Component {
7373
7373
  }
7374
7374
  }
7375
7375
 
7376
- const StyledJRFrame = dt.div`
7376
+ const StyledJRFrame$1 = dt.div`
7377
7377
  display:flex;
7378
7378
  flex:1;
7379
7379
  overflow:hidden;
@@ -7431,7 +7431,7 @@ const FreeType = ({
7431
7431
  };
7432
7432
  class JRFrame extends JRSubmit {
7433
7433
  renderer() {
7434
- return /*#__PURE__*/React.createElement(StyledJRFrame, {
7434
+ return /*#__PURE__*/React.createElement(StyledJRFrame$1, {
7435
7435
  style: this.props.style,
7436
7436
  className: `${this.props.className} jr-frame`
7437
7437
  }, /*#__PURE__*/React.createElement(FreeType, {
@@ -7473,6 +7473,42 @@ class JRFrame extends JRSubmit {
7473
7473
  }
7474
7474
  }
7475
7475
 
7476
+ const StyledJRFrame = dt.div`
7477
+ display:flex;
7478
+ flex:1;
7479
+ overflow:hidden;
7480
+
7481
+ > *{
7482
+ Xborder:1px solid gray;
7483
+ }
7484
+ >main{
7485
+ display:flex;
7486
+ flex:1;
7487
+ overflow:overlay;
7488
+ flex-direction: column;
7489
+ > *{
7490
+ XXborder:1px solid gray;
7491
+ min-height:30px;
7492
+ }
7493
+
7494
+ >header{
7495
+ XXborder:1px solid red;
7496
+ XXoverflow: overlay;
7497
+ }
7498
+ >main{
7499
+ display:flex;
7500
+ flex:1;
7501
+ overflow:hidden;
7502
+ }
7503
+ >footer{
7504
+ XXborder:1px solid blue;
7505
+ overflow: overlay;
7506
+ }
7507
+
7508
+ }
7509
+
7510
+ `;
7511
+
7476
7512
  function JRTest() {
7477
7513
  return 'I am JRTest string';
7478
7514
  }
@@ -7485,7 +7521,7 @@ class JRTestReact extends JRSubmit {
7485
7521
  }, "JRTestReact extends JRSubmit");
7486
7522
  }
7487
7523
  renderer() {
7488
- return /*#__PURE__*/React.createElement("div", null, this.renderMe());
7524
+ return /*#__PURE__*/React.createElement(StyledJRFrame, null, this.renderMe());
7489
7525
  }
7490
7526
  }
7491
7527
 
package/build/index.js CHANGED
@@ -7377,7 +7377,7 @@ class JRSubmit extends React.Component {
7377
7377
  }
7378
7378
  }
7379
7379
 
7380
- const StyledJRFrame = dt.div`
7380
+ const StyledJRFrame$1 = dt.div`
7381
7381
  display:flex;
7382
7382
  flex:1;
7383
7383
  overflow:hidden;
@@ -7435,7 +7435,7 @@ const FreeType = ({
7435
7435
  };
7436
7436
  class JRFrame extends JRSubmit {
7437
7437
  renderer() {
7438
- return /*#__PURE__*/React.createElement(StyledJRFrame, {
7438
+ return /*#__PURE__*/React.createElement(StyledJRFrame$1, {
7439
7439
  style: this.props.style,
7440
7440
  className: `${this.props.className} jr-frame`
7441
7441
  }, /*#__PURE__*/React.createElement(FreeType, {
@@ -7477,6 +7477,42 @@ class JRFrame extends JRSubmit {
7477
7477
  }
7478
7478
  }
7479
7479
 
7480
+ const StyledJRFrame = dt.div`
7481
+ display:flex;
7482
+ flex:1;
7483
+ overflow:hidden;
7484
+
7485
+ > *{
7486
+ Xborder:1px solid gray;
7487
+ }
7488
+ >main{
7489
+ display:flex;
7490
+ flex:1;
7491
+ overflow:overlay;
7492
+ flex-direction: column;
7493
+ > *{
7494
+ XXborder:1px solid gray;
7495
+ min-height:30px;
7496
+ }
7497
+
7498
+ >header{
7499
+ XXborder:1px solid red;
7500
+ XXoverflow: overlay;
7501
+ }
7502
+ >main{
7503
+ display:flex;
7504
+ flex:1;
7505
+ overflow:hidden;
7506
+ }
7507
+ >footer{
7508
+ XXborder:1px solid blue;
7509
+ overflow: overlay;
7510
+ }
7511
+
7512
+ }
7513
+
7514
+ `;
7515
+
7480
7516
  function JRTest() {
7481
7517
  return 'I am JRTest string';
7482
7518
  }
@@ -7489,7 +7525,7 @@ class JRTestReact extends JRSubmit {
7489
7525
  }, "JRTestReact extends JRSubmit");
7490
7526
  }
7491
7527
  renderer() {
7492
- return /*#__PURE__*/React.createElement("div", null, this.renderMe());
7528
+ return /*#__PURE__*/React.createElement(StyledJRFrame, null, this.renderMe());
7493
7529
  }
7494
7530
  }
7495
7531
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jrs-react",
3
- "version": "1.1.23",
3
+ "version": "1.1.24",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "module": "build/index.es.js",
package/src/components/JRTest.jsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react'
2
2
  import JRSubmit from './JRSubmit'
3
-
3
+ import {StyledJRFrame} from './StyledJRFrame'
4
4
 
5
5
  export function JRTest (){
6
6
  return 'I am JRTest string'
@@ -25,6 +25,6 @@ export default class JRTestReact extends JRSubmit {
25
25
  return <div style={{flex:1}}>JRTestReact extends JRSubmit</div>
26
26
  }
27
27
  renderer(){
28
- return <div>{this.renderMe()}</div>
28
+ return <StyledJRFrame>{this.renderMe()}</StyledJRFrame>
29
29
  }
30
30
  }
package/src/components/StyledJRFrame.jsx ADDED
@@ -0,0 +1,37 @@
1
+ import styled from "styled-components";
2
+
3
+ export const StyledJRFrame=styled.div`
4
+ display:flex;
5
+ flex:1;
6
+ overflow:hidden;
7
+
8
+ > *{
9
+ Xborder:1px solid gray;
10
+ }
11
+ >main{
12
+ display:flex;
13
+ flex:1;
14
+ overflow:overlay;
15
+ flex-direction: column;
16
+ > *{
17
+ XXborder:1px solid gray;
18
+ min-height:30px;
19
+ }
20
+
21
+ >header{
22
+ XXborder:1px solid red;
23
+ XXoverflow: overlay;
24
+ }
25
+ >main{
26
+ display:flex;
27
+ flex:1;
28
+ overflow:hidden;
29
+ }
30
+ >footer{
31
+ XXborder:1px solid blue;
32
+ overflow: overlay;
33
+ }
34
+
35
+ }
36
+
37
+ `