jrs-react 1.1.24 → 1.1.26

package/build/index.es.js

@@ -7373,7 +7373,27 @@ class JRSubmit extends React.Component {
   }
 }
 
-const StyledJRFrame$1 = 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 /*#__PURE__*/React.createElement(Tag, {
+      className: className,
+      style: style
+    }, content);
+  }
+};
+const StyledJRFrame = dt.div`
     display:flex;
     flex:1;
     overflow:hidden;
@@ -7408,30 +7428,9 @@ const StyledJRFrame$1 = 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 /*#__PURE__*/React.createElement(Tag, {
-      className: className,
-      style: style
-    }, content);
-  }
-};
 class JRFrame extends JRSubmit {
   renderer() {
-    return /*#__PURE__*/React.createElement(StyledJRFrame$1, {
+    return /*#__PURE__*/React.createElement(StyledJRFrame, {
       style: this.props.style,
       className: `${this.props.className} jr-frame`
     }, /*#__PURE__*/React.createElement(FreeType, {
@@ -7473,42 +7472,6 @@ class JRFrame extends JRSubmit {
   }
 }
 
-const StyledJRFrame = dt.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;
-        }
-
-    }
-
-`;
-
 function JRTest() {
   return 'I am JRTest string';
 }
@@ -7521,7 +7484,7 @@ class JRTestReact extends JRSubmit {
     }, "JRTestReact extends JRSubmit");
   }
   renderer() {
-    return /*#__PURE__*/React.createElement(StyledJRFrame, null, this.renderMe());
+    return /*#__PURE__*/React.createElement("div", null, this.renderMe());
   }
 }
 

package/build/index.js

@@ -7377,7 +7377,27 @@ class JRSubmit extends React.Component {
   }
 }
 
-const StyledJRFrame$1 = 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 /*#__PURE__*/React.createElement(Tag, {
+      className: className,
+      style: style
+    }, content);
+  }
+};
+const StyledJRFrame = dt.div`
     display:flex;
     flex:1;
     overflow:hidden;
@@ -7412,30 +7432,9 @@ const StyledJRFrame$1 = 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 /*#__PURE__*/React.createElement(Tag, {
-      className: className,
-      style: style
-    }, content);
-  }
-};
 class JRFrame extends JRSubmit {
   renderer() {
-    return /*#__PURE__*/React.createElement(StyledJRFrame$1, {
+    return /*#__PURE__*/React.createElement(StyledJRFrame, {
       style: this.props.style,
       className: `${this.props.className} jr-frame`
     }, /*#__PURE__*/React.createElement(FreeType, {
@@ -7477,42 +7476,6 @@ class JRFrame extends JRSubmit {
   }
 }
 
-const StyledJRFrame = dt.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;
-        }
-
-    }
-
-`;
-
 function JRTest() {
   return 'I am JRTest string';
 }
@@ -7525,7 +7488,7 @@ class JRTestReact extends JRSubmit {
     }, "JRTestReact extends JRSubmit");
   }
   renderer() {
-    return /*#__PURE__*/React.createElement(StyledJRFrame, null, this.renderMe());
+    return /*#__PURE__*/React.createElement("div", null, this.renderMe());
   }
 }
 

package/package.json

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

package/src/components/JRFrame/JRFrame.jsx

@@ -1,6 +1,6 @@
 import React from "react";
+import styled from "styled-components";
 import JRSubmit from "../JRSubmit";
-import { StyledJRFrame } from "./StyledJRFrame";
 
 const FreeType=({tag:Tag,config,me,className})=>{
     if(typeof config==='function'){
@@ -13,8 +13,43 @@ const FreeType=({tag:Tag,config,me,className})=>{
     }
 }
 
-export default class JRFrame extends JRSubmit {
+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;
+        }
+
+    }
+
+`
 
+export default class JRFrame extends JRSubmit {
     renderer(){
         return <StyledJRFrame style={this.props.style} className={`${this.props.className} jr-frame`} >
             <FreeType tag='div' config={this.props.start} me={this} className={'start'}/>
@@ -30,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

@@ -1,6 +1,5 @@
 import React from 'react'
 import JRSubmit from './JRSubmit'
-import {StyledJRFrame} from './StyledJRFrame'
 
 export  function JRTest (){
     return 'I am JRTest string'
@@ -25,6 +24,6 @@ export default class JRTestReact extends JRSubmit {
         return <div style={{flex:1}}>JRTestReact extends JRSubmit</div>
     }
     renderer(){
-        return <StyledJRFrame>{this.renderMe()}</StyledJRFrame>
+        return <div>{this.renderMe()}</div>
     }
 }

package/src/components/StyledJRFrame.jsx

@@ -1,37 +0,0 @@
-import styled from "styled-components";
-
-export 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;
-        }
-
-    }
-
-`