jrs-react 1.1.25 → 1.1.27

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 +62 -11
  2. package/build/index.js +62 -11
  3. package/package.json +1 -1
  4. package/src/components/JRFrame/JRFrame.jsx +0 -2
  5. package/src/components/JRTest.jsx +16 -4
package/build/index.es.js CHANGED
@@ -7373,7 +7373,7 @@ class JRSubmit extends React.Component {
7373
7373
  }
7374
7374
  }
7375
7375
 
7376
- const FreeType = ({
7376
+ const FreeType$1 = ({
7377
7377
  tag: Tag,
7378
7378
  config,
7379
7379
  me,
@@ -7433,30 +7433,30 @@ class JRFrame extends JRSubmit {
7433
7433
  return /*#__PURE__*/React.createElement(StyledJRFrame, {
7434
7434
  style: this.props.style,
7435
7435
  className: `${this.props.className} jr-frame`
7436
- }, /*#__PURE__*/React.createElement(FreeType, {
7436
+ }, /*#__PURE__*/React.createElement(FreeType$1, {
7437
7437
  tag: "div",
7438
7438
  config: this.props.start,
7439
7439
  me: this,
7440
7440
  className: 'start'
7441
- }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
7441
+ }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
7442
7442
  tag: "header",
7443
7443
  config: this.props.top,
7444
7444
  me: this
7445
- }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
7445
+ }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
7446
7446
  tag: "div",
7447
7447
  config: this.props.left,
7448
7448
  me: this,
7449
7449
  className: 'left'
7450
- }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType, {
7450
+ }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType$1, {
7451
7451
  tag: "div",
7452
7452
  config: this.props.right,
7453
7453
  me: this,
7454
7454
  className: 'right'
7455
- })), /*#__PURE__*/React.createElement(FreeType, {
7455
+ })), /*#__PURE__*/React.createElement(FreeType$1, {
7456
7456
  tag: "footer",
7457
7457
  config: this.props.bottom,
7458
7458
  me: this
7459
- })), /*#__PURE__*/React.createElement(FreeType, {
7459
+ })), /*#__PURE__*/React.createElement(FreeType$1, {
7460
7460
  tag: "div",
7461
7461
  config: this.props.end,
7462
7462
  me: this,
@@ -7475,16 +7475,67 @@ class JRFrame extends JRSubmit {
7475
7475
  function JRTest() {
7476
7476
  return 'I am JRTest string';
7477
7477
  }
7478
+ const FreeType = ({
7479
+ tag: Tag,
7480
+ config,
7481
+ me,
7482
+ className
7483
+ }) => {
7484
+ if (typeof config === 'function') {
7485
+ let style;
7486
+ const setStyle = function (_style) {
7487
+ style = _style;
7488
+ };
7489
+ const content = config.bind(me)({
7490
+ setStyle
7491
+ });
7492
+ return /*#__PURE__*/React.createElement(Tag, {
7493
+ className: className,
7494
+ style: style
7495
+ }, content);
7496
+ }
7497
+ };
7478
7498
  class JRTestReact extends JRSubmit {
7499
+ renderer() {
7500
+ return /*#__PURE__*/React.createElement("div", {
7501
+ style: this.props.style,
7502
+ className: `${this.props.className} jr-frame`
7503
+ }, /*#__PURE__*/React.createElement(FreeType, {
7504
+ tag: "div",
7505
+ config: this.props.start,
7506
+ me: this,
7507
+ className: 'start'
7508
+ }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
7509
+ tag: "header",
7510
+ config: this.props.top,
7511
+ me: this
7512
+ }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
7513
+ tag: "div",
7514
+ config: this.props.left,
7515
+ me: this,
7516
+ className: 'left'
7517
+ }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType, {
7518
+ tag: "div",
7519
+ config: this.props.right,
7520
+ me: this,
7521
+ className: 'right'
7522
+ })), /*#__PURE__*/React.createElement(FreeType, {
7523
+ tag: "footer",
7524
+ config: this.props.bottom,
7525
+ me: this
7526
+ })), /*#__PURE__*/React.createElement(FreeType, {
7527
+ tag: "div",
7528
+ config: this.props.end,
7529
+ me: this,
7530
+ className: 'end'
7531
+ }));
7532
+ }
7479
7533
  renderMe() {
7480
7534
  return /*#__PURE__*/React.createElement("div", {
7481
7535
  style: {
7482
7536
  flex: 1
7483
7537
  }
7484
- }, "JRTestReact extends JRSubmit");
7485
- }
7486
- renderer() {
7487
- return /*#__PURE__*/React.createElement("div", null, this.renderMe());
7538
+ }, "Render me");
7488
7539
  }
7489
7540
  }
7490
7541
 
package/build/index.js CHANGED
@@ -7377,7 +7377,7 @@ class JRSubmit extends React.Component {
7377
7377
  }
7378
7378
  }
7379
7379
 
7380
- const FreeType = ({
7380
+ const FreeType$1 = ({
7381
7381
  tag: Tag,
7382
7382
  config,
7383
7383
  me,
@@ -7437,30 +7437,30 @@ class JRFrame extends JRSubmit {
7437
7437
  return /*#__PURE__*/React.createElement(StyledJRFrame, {
7438
7438
  style: this.props.style,
7439
7439
  className: `${this.props.className} jr-frame`
7440
- }, /*#__PURE__*/React.createElement(FreeType, {
7440
+ }, /*#__PURE__*/React.createElement(FreeType$1, {
7441
7441
  tag: "div",
7442
7442
  config: this.props.start,
7443
7443
  me: this,
7444
7444
  className: 'start'
7445
- }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
7445
+ }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
7446
7446
  tag: "header",
7447
7447
  config: this.props.top,
7448
7448
  me: this
7449
- }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
7449
+ }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
7450
7450
  tag: "div",
7451
7451
  config: this.props.left,
7452
7452
  me: this,
7453
7453
  className: 'left'
7454
- }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType, {
7454
+ }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType$1, {
7455
7455
  tag: "div",
7456
7456
  config: this.props.right,
7457
7457
  me: this,
7458
7458
  className: 'right'
7459
- })), /*#__PURE__*/React.createElement(FreeType, {
7459
+ })), /*#__PURE__*/React.createElement(FreeType$1, {
7460
7460
  tag: "footer",
7461
7461
  config: this.props.bottom,
7462
7462
  me: this
7463
- })), /*#__PURE__*/React.createElement(FreeType, {
7463
+ })), /*#__PURE__*/React.createElement(FreeType$1, {
7464
7464
  tag: "div",
7465
7465
  config: this.props.end,
7466
7466
  me: this,
@@ -7479,16 +7479,67 @@ class JRFrame extends JRSubmit {
7479
7479
  function JRTest() {
7480
7480
  return 'I am JRTest string';
7481
7481
  }
7482
+ const FreeType = ({
7483
+ tag: Tag,
7484
+ config,
7485
+ me,
7486
+ className
7487
+ }) => {
7488
+ if (typeof config === 'function') {
7489
+ let style;
7490
+ const setStyle = function (_style) {
7491
+ style = _style;
7492
+ };
7493
+ const content = config.bind(me)({
7494
+ setStyle
7495
+ });
7496
+ return /*#__PURE__*/React.createElement(Tag, {
7497
+ className: className,
7498
+ style: style
7499
+ }, content);
7500
+ }
7501
+ };
7482
7502
  class JRTestReact extends JRSubmit {
7503
+ renderer() {
7504
+ return /*#__PURE__*/React.createElement("div", {
7505
+ style: this.props.style,
7506
+ className: `${this.props.className} jr-frame`
7507
+ }, /*#__PURE__*/React.createElement(FreeType, {
7508
+ tag: "div",
7509
+ config: this.props.start,
7510
+ me: this,
7511
+ className: 'start'
7512
+ }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
7513
+ tag: "header",
7514
+ config: this.props.top,
7515
+ me: this
7516
+ }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
7517
+ tag: "div",
7518
+ config: this.props.left,
7519
+ me: this,
7520
+ className: 'left'
7521
+ }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType, {
7522
+ tag: "div",
7523
+ config: this.props.right,
7524
+ me: this,
7525
+ className: 'right'
7526
+ })), /*#__PURE__*/React.createElement(FreeType, {
7527
+ tag: "footer",
7528
+ config: this.props.bottom,
7529
+ me: this
7530
+ })), /*#__PURE__*/React.createElement(FreeType, {
7531
+ tag: "div",
7532
+ config: this.props.end,
7533
+ me: this,
7534
+ className: 'end'
7535
+ }));
7536
+ }
7483
7537
  renderMe() {
7484
7538
  return /*#__PURE__*/React.createElement("div", {
7485
7539
  style: {
7486
7540
  flex: 1
7487
7541
  }
7488
- }, "JRTestReact extends JRSubmit");
7489
- }
7490
- renderer() {
7491
- return /*#__PURE__*/React.createElement("div", null, this.renderMe());
7542
+ }, "Render me");
7492
7543
  }
7493
7544
  }
7494
7545
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jrs-react",
3
- "version": "1.1.25",
3
+ "version": "1.1.27",
4
4
  "description": "",
5
5
  "main": "build/index.js",
6
6
  "module": "build/index.es.js",
package/src/components/JRFrame/JRFrame.jsx CHANGED
@@ -65,10 +65,8 @@ export default class JRFrame extends JRSubmit {
65
65
  <FreeType tag='div' config={this.props.end} me={this} className={'end'}/>
66
66
  </StyledJRFrame>
67
67
  }
68
-
69
68
  renderMe(){
70
69
  return <div style={{flex:1}}>Render me</div>
71
70
  }
72
-
73
71
  }
74
72
 
package/src/components/JRTest.jsx CHANGED
@@ -20,10 +20,22 @@ const FreeType=({tag:Tag,config,me,className})=>{
20
20
  }
21
21
 
22
22
  export default class JRTestReact extends JRSubmit {
23
- renderMe(){
24
- return <div style={{flex:1}}>JRTestReact extends JRSubmit</div>
25
- }
26
23
  renderer(){
27
- return <div>{this.renderMe()}</div>
24
+ return <div style={this.props.style} className={`${this.props.className} jr-frame`} >
25
+ <FreeType tag='div' config={this.props.start} me={this} className={'start'}/>
26
+ <main>
27
+ <FreeType tag='header' config={this.props.top} me={this}/>
28
+ <main>
29
+ <FreeType tag='div' config={this.props.left} me={this} className={'left'}/>
30
+ {this.renderMe()}
31
+ <FreeType tag='div' config={this.props.right} me={this} className={'right'}/>
32
+ </main>
33
+ <FreeType tag='footer' config={this.props.bottom} me={this}/>
34
+ </main>
35
+ <FreeType tag='div' config={this.props.end} me={this} className={'end'}/>
36
+ </div>
37
+ }
38
+ renderMe(){
39
+ return <div style={{flex:1}}>Render me</div>
28
40
  }
29
41
  }