jrs-react 1.2.16 → 1.2.17

package/build/index.es.js

@@ -6198,6 +6198,37 @@ const StyledPick = styled.div`
         padding-right: 12px;
     }
 `;
+class JRRadio extends JROptions {
+  renderer() {
+    const {
+      valueName = 'value',
+      labelName = 'label',
+      onChange,
+      ...props
+    } = this.props;
+    const options = this.getOptions();
+    return /*#__PURE__*/React__default.createElement(StyledPick, {
+      className: 'jr-radio'
+    }, options?.map((record, key) => {
+      const recordValue = record[valueName];
+      return /*#__PURE__*/React__default.createElement("label", {
+        key: key
+      }, /*#__PURE__*/React__default.createElement("input", {
+        type: 'radio',
+        name: 'radio',
+        checked: this.getValue() == recordValue,
+        onClick: e => {
+          if (this.getValue() == recordValue) {
+            this.setValue(null);
+            e.target.checked = false;
+          } else {
+            this.setValue(recordValue);
+          }
+        }
+      }), record[labelName]);
+    }));
+  }
+}
 
 class JRCheckbox extends JROptions {
   renderer() {
@@ -6239,4 +6270,19 @@ class JRCheckbox extends JROptions {
   }
 }
 
-export { JRAlert, JRButton, JRCheckbox, JRFields, JRFrame, JRSelect, JRSubmit, JRTable, JRTestReact, JRWindow };
+class JRText extends JRInput {
+  input() {
+    return /*#__PURE__*/React__default.createElement("input", {
+      value: this.props.value ?? '',
+      style: {
+        height: '24px',
+        width: '100%'
+      },
+      onChange: e => {
+        this.setValue(e.target.value);
+      }
+    });
+  }
+}
+
+export { JRAlert, JRButton, JRCheckbox, JRFields, JRFrame, JRRadio, JRSelect, JRSubmit, JRTable, JRTestReact, JRText, JRWindow };

package/build/index.js

@@ -6225,6 +6225,37 @@ const StyledPick = styled__default["default"].div`
         padding-right: 12px;
     }
 `;
+class JRRadio extends JROptions {
+  renderer() {
+    const {
+      valueName = 'value',
+      labelName = 'label',
+      onChange,
+      ...props
+    } = this.props;
+    const options = this.getOptions();
+    return /*#__PURE__*/React__default["default"].createElement(StyledPick, {
+      className: 'jr-radio'
+    }, options?.map((record, key) => {
+      const recordValue = record[valueName];
+      return /*#__PURE__*/React__default["default"].createElement("label", {
+        key: key
+      }, /*#__PURE__*/React__default["default"].createElement("input", {
+        type: 'radio',
+        name: 'radio',
+        checked: this.getValue() == recordValue,
+        onClick: e => {
+          if (this.getValue() == recordValue) {
+            this.setValue(null);
+            e.target.checked = false;
+          } else {
+            this.setValue(recordValue);
+          }
+        }
+      }), record[labelName]);
+    }));
+  }
+}
 
 class JRCheckbox extends JROptions {
   renderer() {
@@ -6266,13 +6297,30 @@ class JRCheckbox extends JROptions {
   }
 }
 
+class JRText extends JRInput {
+  input() {
+    return /*#__PURE__*/React__default["default"].createElement("input", {
+      value: this.props.value ?? '',
+      style: {
+        height: '24px',
+        width: '100%'
+      },
+      onChange: e => {
+        this.setValue(e.target.value);
+      }
+    });
+  }
+}
+
 exports.JRAlert = JRAlert;
 exports.JRButton = JRButton;
 exports.JRCheckbox = JRCheckbox;
 exports.JRFields = JRFields;
 exports.JRFrame = JRFrame;
+exports.JRRadio = JRRadio;
 exports.JRSelect = JRSelect;
 exports.JRSubmit = JRSubmit;
 exports.JRTable = JRTable;
 exports.JRTestReact = JRTestReact;
+exports.JRText = JRText;
 exports.JRWindow = JRWindow;

package/package.json

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

package/src/components/JRInput/JRRadio.jsx

@@ -12,7 +12,7 @@ export const StyledPick=styled.div`
         padding-right: 12px;
     }
 `
-export class JRRadio extends JROptions{
+export default class JRRadio extends JROptions{
     renderer(){
         const {valueName='value',labelName='label',onChange,...props}=this.props
         const options=this.getOptions()

package/src/index.js

@@ -8,11 +8,13 @@ import JRButton from './components/JRInput/JRButton'
 import JRAlert from './components/JRAlert'
 import JRSelect from './components/JRInput/JRSelect'
 import JRCheckbox from './components/JRInput/JRCheckbox'
+import JRRadio from './components/JRInput/JRRadio'
+import JRText from './components/JRInput/JRText'
 
 export {
     JRTestReact
     ,JRSubmit,JRFrame,JRWindow,JRTable,JRFields,JRAlert
     ,JRButton
-    ,JRSelect,JRCheckbox
+    ,JRText,JRSelect,JRCheckbox,JRRadio
 
 }