jrs-react 1.1.20 → 1.1.22

package/build/index.es.js

@@ -7409,41 +7409,83 @@ const StyledJRFrame = dt.div`
 
 `;
 
-// 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 <Tag className={className} style={style}>{content}</Tag>
-//     }
-// }
-
+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 JRFrame extends JRSubmit {
   renderer() {
     return /*#__PURE__*/React.createElement(StyledJRFrame, {
       style: this.props.style,
       className: `${this.props.className} jr-frame`
-    }, this.renderMe());
+    }, /*#__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
       }
-    }, "Render JRFrame main");
+    }, "Render me");
   }
 }
 
-class JRTest extends JRSubmit {
-  renderer() {
-    return /*#__PURE__*/React.createElement("div", null, "JRTest");
-  }
+function JRTest() {
+  return 'I am JRTest string';
 }
 class JRTestReact extends JRSubmit {
+  renderMe() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 1
+      }
+    }, "JRTestReact extends JRSubmit");
+  }
   renderer() {
-    return /*#__PURE__*/React.createElement(StyledJRFrame, null, "JRTestReact extends JRSubmit");
+    return /*#__PURE__*/React.createElement("div", null, this.renderMe());
   }
 }
 

package/build/index.js

@@ -7413,41 +7413,83 @@ const StyledJRFrame = dt.div`
 
 `;
 
-// 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 <Tag className={className} style={style}>{content}</Tag>
-//     }
-// }
-
+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 JRFrame extends JRSubmit {
   renderer() {
     return /*#__PURE__*/React.createElement(StyledJRFrame, {
       style: this.props.style,
       className: `${this.props.className} jr-frame`
-    }, this.renderMe());
+    }, /*#__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
       }
-    }, "Render JRFrame main");
+    }, "Render me");
   }
 }
 
-class JRTest extends JRSubmit {
-  renderer() {
-    return /*#__PURE__*/React.createElement("div", null, "JRTest");
-  }
+function JRTest() {
+  return 'I am JRTest string';
 }
 class JRTestReact extends JRSubmit {
+  renderMe() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 1
+      }
+    }, "JRTestReact extends JRSubmit");
+  }
   renderer() {
-    return /*#__PURE__*/React.createElement(StyledJRFrame, null, "JRTestReact extends JRSubmit");
+    return /*#__PURE__*/React.createElement("div", null, this.renderMe());
   }
 }
 

package/package.json

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

package/src/components/JRFrame/JRFrame.jsx

@@ -2,22 +2,22 @@ import React from "react";
 import JRSubmit from "../JRSubmit";
 import { StyledJRFrame } from "./StyledJRFrame";
 
-// 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 <Tag className={className} style={style}>{content}</Tag>
-//     }
-// }
+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 <Tag className={className} style={style}>{content}</Tag>
+    }
+}
 
 export default class JRFrame extends JRSubmit {
+
     renderer(){
         return <StyledJRFrame style={this.props.style} className={`${this.props.className} jr-frame`} >
-            {this.renderMe()}
-            {/* <FreeType tag='div' config={this.props.start} me={this} className={'start'}/>
+            <FreeType tag='div' config={this.props.start} me={this} className={'start'}/>
             <main>
                 <FreeType tag='header' config={this.props.top} me={this}/>
                 <main>
@@ -27,12 +27,12 @@ export default class JRFrame extends JRSubmit {
                 </main>
                 <FreeType tag='footer' config={this.props.bottom} me={this}/>
             </main>
-            <FreeType tag='div' config={this.props.end} me={this} className={'end'}/> */}
+            <FreeType tag='div' config={this.props.end} me={this} className={'end'}/>
         </StyledJRFrame>
     }
 
     renderMe(){
-        return <div style={{flex:1}}>Render JRFrame main</div>
+        return <div style={{flex:1}}>Render me</div>
     }
 
 }

package/src/components/JRTest.jsx

@@ -1,16 +1,30 @@
 import React from 'react'
 import JRSubmit from './JRSubmit'
-import { StyledJRFrame } from './JRFrame/StyledJRFrame'
 
 
-export class JRTest extends JRSubmit {
-    renderer(){
-        return <div>JRTest</div>
+export default 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 <Tag className={className} style={style}>{content}</Tag>
     }
 }
 
 export class JRTestReact extends JRSubmit {
+    renderMe(){
+        return <div style={{flex:1}}>JRTestReact extends JRSubmit</div>
+    }
     renderer(){
-        return <StyledJRFrame>JRTestReact extends JRSubmit</StyledJRFrame>
+        return <div>{this.renderMe()}</div>
     }
 }

package/src/index.js

@@ -1,9 +1,8 @@
 import JRSubmit from './components/JRSubmit'
 import JRFrame from './components/JRFrame/JRFrame'
 // import JRTable from './components/JRTable/JRTable'
-import {JRTest,JRTestReact} from './components/JRTest'
+import JRTest,{JRTestReact} from './components/JRTest'
 export {
     JRTest,JRTestReact
-    ,JRSubmit,JRFrame
-    //,JRTable
+    ,JRSubmit,JRFrame//,JRTable
 }