jrs-react 1.1.6 → 1.1.8

package/build/index.es.js

@@ -7337,7 +7337,9 @@ class JRSubmit extends React.Component {
       me.setState({
         loading: false
       });
-      // displaySpinner({mask:false})
+      displaySpinner({
+        mask: false
+      });
     });
   }
   handleResponse = (response, payload, config) => {
@@ -7371,6 +7373,106 @@ class JRSubmit extends React.Component {
   }
 }
 
+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;
+        }
+
+    }
+
+`;
+
+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`
+    }, /*#__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");
+  }
+}
+
 function JRTest() {
   return 'I am JRTest string';
 }
@@ -7380,4 +7482,4 @@ class JRTestReact extends React.Component {
   }
 }
 
-export { JRSubmit, JRTest, JRTestReact };
+export { JRFrame, JRSubmit, JRTest, JRTestReact };

package/build/index.js

@@ -7341,7 +7341,9 @@ class JRSubmit extends React.Component {
       me.setState({
         loading: false
       });
-      // displaySpinner({mask:false})
+      displaySpinner({
+        mask: false
+      });
     });
   }
   handleResponse = (response, payload, config) => {
@@ -7375,6 +7377,106 @@ class JRSubmit extends React.Component {
   }
 }
 
+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;
+        }
+
+    }
+
+`;
+
+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`
+    }, /*#__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");
+  }
+}
+
 function JRTest() {
   return 'I am JRTest string';
 }
@@ -7384,6 +7486,7 @@ class JRTestReact extends React.Component {
   }
 }
 
+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.6",
+	"version": "1.1.8",
 	"description": "",
 	"main": "build/index.js",
 	"module": "build/index.es.js",

package/src/components/JRSubmit.jsx

@@ -250,7 +250,7 @@ export default class JRSubmit extends React.Component {
             })
             .finally(function (a,b,c) {
                 me.setState({loading:false})
-                // displaySpinner({mask:false})
+                displaySpinner({mask:false})
             })
     }
 

package/src/index.js

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