jrs-react 1.1.26 → 1.1.28

package/build/index.es.js

@@ -7373,26 +7373,6 @@ class JRSubmit extends React.Component {
   }
 }
 
-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);
-  }
-};
 const StyledJRFrame = dt.div`
     display:flex;
     flex:1;
@@ -7428,7 +7408,27 @@ const StyledJRFrame = dt.div`
     }
 
 `;
-class JRFrame extends JRSubmit {
+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(StyledJRFrame, {
       style: this.props.style,
@@ -7472,20 +7472,4 @@ class JRFrame extends JRSubmit {
   }
 }
 
-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("div", null, this.renderMe());
-  }
-}
-
-export { JRFrame, JRSubmit, JRTest, JRTestReact };
+export { JRSubmit, JRTestReact };

package/build/index.js

@@ -7377,26 +7377,6 @@ class JRSubmit extends React.Component {
   }
 }
 
-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);
-  }
-};
 const StyledJRFrame = dt.div`
     display:flex;
     flex:1;
@@ -7432,7 +7412,27 @@ const StyledJRFrame = dt.div`
     }
 
 `;
-class JRFrame extends JRSubmit {
+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(StyledJRFrame, {
       style: this.props.style,
@@ -7476,23 +7476,5 @@ class JRFrame extends JRSubmit {
   }
 }
 
-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("div", null, this.renderMe());
-  }
-}
-
-exports.JRFrame = JRFrame;
 exports.JRSubmit = JRSubmit;
-exports.JRTest = JRTest;
 exports.JRTestReact = JRTestReact;

package/package.json

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

package/src/components/JRTest.jsx

@@ -1,12 +1,42 @@
 import React from 'react'
+import styled from "styled-components";
 import JRSubmit from './JRSubmit'
 
-export  function JRTest (){
-    return 'I am JRTest string'
-}
+const StyledJRFrame=styled.div`
+    display:flex;
+    flex:1;
+    overflow:hidden;
+
+    > *{
+        Xborder:1px solid gray;
+    }
+    >main{
+        display:flex;
+        flex:1;
+        overflow:overlay;
+        flex-direction: column;
+        > *{
+            XXborder:1px solid gray;
+            min-height:30px;
+        }
 
+        >header{
+            XXborder:1px solid  red;
+            XXoverflow: overlay;
+        }
+        >main{
+            display:flex;
+            flex:1;
+            overflow:hidden;
+        }
+        >footer{
+            XXborder:1px solid  blue;
+            overflow: overlay;
+        }
 
+    }
 
+`
 
 const FreeType=({tag:Tag,config,me,className})=>{
     if(typeof config==='function'){
@@ -20,10 +50,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 <StyledJRFrame 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'}/>
+        </StyledJRFrame>
+    }
+    renderMe(){
+        return <div style={{flex:1}}>Render me</div>
     }
 }

package/src/index.js

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