jrs-react 1.1.25 → 1.1.27

package/build/index.es.js

@@ -7373,7 +7373,7 @@ class JRSubmit extends React.Component {
   }
 }
 
-const FreeType = ({
+const FreeType$1 = ({
   tag: Tag,
   config,
   me,
@@ -7433,30 +7433,30 @@ class JRFrame extends JRSubmit {
     return /*#__PURE__*/React.createElement(StyledJRFrame, {
       style: this.props.style,
       className: `${this.props.className} jr-frame`
-    }, /*#__PURE__*/React.createElement(FreeType, {
+    }, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.start,
       me: this,
       className: 'start'
-    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "header",
       config: this.props.top,
       me: this
-    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.left,
       me: this,
       className: 'left'
-    }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType, {
+    }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.right,
       me: this,
       className: 'right'
-    })), /*#__PURE__*/React.createElement(FreeType, {
+    })), /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "footer",
       config: this.props.bottom,
       me: this
-    })), /*#__PURE__*/React.createElement(FreeType, {
+    })), /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.end,
       me: this,
@@ -7475,16 +7475,67 @@ class JRFrame extends JRSubmit {
 function JRTest() {
   return 'I am JRTest string';
 }
+const FreeType = ({
+  tag: Tag,
+  config,
+  me,
+  className
+}) => {
+  if (typeof config === 'function') {
+    let style;
+    const setStyle = function (_style) {
+      style = _style;
+    };
+    const content = config.bind(me)({
+      setStyle
+    });
+    return /*#__PURE__*/React.createElement(Tag, {
+      className: className,
+      style: style
+    }, content);
+  }
+};
 class JRTestReact extends JRSubmit {
+  renderer() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: this.props.style,
+      className: `${this.props.className} jr-frame`
+    }, /*#__PURE__*/React.createElement(FreeType, {
+      tag: "div",
+      config: this.props.start,
+      me: this,
+      className: 'start'
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
+      tag: "header",
+      config: this.props.top,
+      me: this
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
+      tag: "div",
+      config: this.props.left,
+      me: this,
+      className: 'left'
+    }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType, {
+      tag: "div",
+      config: this.props.right,
+      me: this,
+      className: 'right'
+    })), /*#__PURE__*/React.createElement(FreeType, {
+      tag: "footer",
+      config: this.props.bottom,
+      me: this
+    })), /*#__PURE__*/React.createElement(FreeType, {
+      tag: "div",
+      config: this.props.end,
+      me: this,
+      className: 'end'
+    }));
+  }
   renderMe() {
     return /*#__PURE__*/React.createElement("div", {
       style: {
         flex: 1
       }
-    }, "JRTestReact extends JRSubmit");
-  }
-  renderer() {
-    return /*#__PURE__*/React.createElement("div", null, this.renderMe());
+    }, "Render me");
   }
 }
 

package/build/index.js

@@ -7377,7 +7377,7 @@ class JRSubmit extends React.Component {
   }
 }
 
-const FreeType = ({
+const FreeType$1 = ({
   tag: Tag,
   config,
   me,
@@ -7437,30 +7437,30 @@ class JRFrame extends JRSubmit {
     return /*#__PURE__*/React.createElement(StyledJRFrame, {
       style: this.props.style,
       className: `${this.props.className} jr-frame`
-    }, /*#__PURE__*/React.createElement(FreeType, {
+    }, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.start,
       me: this,
       className: 'start'
-    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "header",
       config: this.props.top,
       me: this
-    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.left,
       me: this,
       className: 'left'
-    }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType, {
+    }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.right,
       me: this,
       className: 'right'
-    })), /*#__PURE__*/React.createElement(FreeType, {
+    })), /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "footer",
       config: this.props.bottom,
       me: this
-    })), /*#__PURE__*/React.createElement(FreeType, {
+    })), /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.end,
       me: this,
@@ -7479,16 +7479,67 @@ class JRFrame extends JRSubmit {
 function JRTest() {
   return 'I am JRTest string';
 }
+const FreeType = ({
+  tag: Tag,
+  config,
+  me,
+  className
+}) => {
+  if (typeof config === 'function') {
+    let style;
+    const setStyle = function (_style) {
+      style = _style;
+    };
+    const content = config.bind(me)({
+      setStyle
+    });
+    return /*#__PURE__*/React.createElement(Tag, {
+      className: className,
+      style: style
+    }, content);
+  }
+};
 class JRTestReact extends JRSubmit {
+  renderer() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: this.props.style,
+      className: `${this.props.className} jr-frame`
+    }, /*#__PURE__*/React.createElement(FreeType, {
+      tag: "div",
+      config: this.props.start,
+      me: this,
+      className: 'start'
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
+      tag: "header",
+      config: this.props.top,
+      me: this
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
+      tag: "div",
+      config: this.props.left,
+      me: this,
+      className: 'left'
+    }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType, {
+      tag: "div",
+      config: this.props.right,
+      me: this,
+      className: 'right'
+    })), /*#__PURE__*/React.createElement(FreeType, {
+      tag: "footer",
+      config: this.props.bottom,
+      me: this
+    })), /*#__PURE__*/React.createElement(FreeType, {
+      tag: "div",
+      config: this.props.end,
+      me: this,
+      className: 'end'
+    }));
+  }
   renderMe() {
     return /*#__PURE__*/React.createElement("div", {
       style: {
         flex: 1
       }
-    }, "JRTestReact extends JRSubmit");
-  }
-  renderer() {
-    return /*#__PURE__*/React.createElement("div", null, this.renderMe());
+    }, "Render me");
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jrs-react",
-	"version": "1.1.25",
+	"version": "1.1.27",
 	"description": "",
 	"main": "build/index.js",
 	"module": "build/index.es.js",

package/src/components/JRFrame/JRFrame.jsx

@@ -65,10 +65,8 @@ export default class JRFrame extends JRSubmit {
             <FreeType tag='div' config={this.props.end} me={this} className={'end'}/>
         </StyledJRFrame>
     }
-
     renderMe(){
         return <div style={{flex:1}}>Render me</div>
     }
-
 }
  

package/src/components/JRTest.jsx

@@ -20,10 +20,22 @@ const FreeType=({tag:Tag,config,me,className})=>{
 }
 
 export default class JRTestReact extends JRSubmit {
-    renderMe(){
-        return <div style={{flex:1}}>JRTestReact extends JRSubmit</div>
-    }
     renderer(){
-        return <div>{this.renderMe()}</div>
+        return <div style={this.props.style} className={`${this.props.className} jr-frame`} >
+            <FreeType tag='div' config={this.props.start} me={this} className={'start'}/>
+            <main>
+                <FreeType tag='header' config={this.props.top} me={this}/>
+                <main>
+                    <FreeType tag='div' config={this.props.left} me={this} className={'left'}/>
+                    {this.renderMe()}
+                    <FreeType tag='div' config={this.props.right} me={this} className={'right'}/>
+                </main>
+                <FreeType tag='footer' config={this.props.bottom} me={this}/>
+            </main>
+            <FreeType tag='div' config={this.props.end} me={this} className={'end'}/>
+        </div>
+    }
+    renderMe(){
+        return <div style={{flex:1}}>Render me</div>
     }
 }