@gpa-gemstone/react-forms 1.1.10 → 1.1.15

package/README.md

@@ -1,38 +1,38 @@
-# react-forms
-
-![gemstone logo](https://raw.githubusercontent.com/gemstone/web/master/docs/img/gemstone-wide-600.png)
-
-The Gemstone Web Library organizes all Gemstone functionality related to web.
-
-[![GitHub license](https://img.shields.io/github/license/gemstone/web?color=4CC61E)](https://github.com/gemstone/web/blob/master/LICENSE)
-
-This library includes helpful npm package for creating strongly typed form components in react.
-
-* Input
-* CheckBox
-* TextArea
-* DatePicker
-* Select
-* EnumCheckBoxes
-* DateRangePicker
-* ArrayCheckBoxes
-* ArrayMultiSelect
-* MultiCheckBoxSelect
-* DoubleInput
-
-## Usage
-
-```ts
-    interface iType = { Field1: string, Field2: number, Field3: boolean, Field4: string, Field5: string, EnumField: number, FromField: string, ToField: string}
-    let record:iType = {Field1: 'Hello', Field2: 1, Field3: false, Field4: 'alot of text blah blah blah', Field5: '01/01/2021', FromField: '01/01/2020', ToField: '01/01/2021'}
-    let options = [{Value: 1, Label: 'first'}, {Value:2, Label: 'second'}]
-
-    <Input<iType> Record={record} Field="Field1" Setter={(event) => record.Field1 = event.target.value} Valid={(field) => /*some criteria*/}>
-    <CheckBox<iType> Record={record} Field="Field3" Setter={(event) => record.Field3 = event.target.value}}>
-    <Select<iType> Record={record} Field="Field2" Setter={(event) => record.Field3 = event.target.value}} Options={options}>
-    <TextArea<iType> Record={record} Field="Field4" Setter={(event) => record.Field1 = event.target.value} Valid={(field) => /*some criteria*/}>
-    <DatePicker<iType> Record={record} Field="Field5" Setter={(event) => record.Field1 = event.target.value}>
-    <DateRangePicker<iType> Record={record} FromField="FromField" ToField="ToField" Label="Date Range" Setter={(event) => record.Field1 = event.target.value}>
-    <EnumCheckBoxes<iType> Record={record} Field="EnumField" Setter={(event) => record.Field3 = event.target.value}} Enum={['Monday', 'Tuesday','Wednesday']}>
-	<DoubleInput<iType> Record={record} Field1="Field4" Field1="Field5" Setter={(r) => record = r} Valid={(field) => /*some criteria*/}>
-```
+# react-forms
+
+![gemstone logo](https://raw.githubusercontent.com/gemstone/web/master/docs/img/gemstone-wide-600.png)
+
+The Gemstone Web Library organizes all Gemstone functionality related to web.
+
+[![GitHub license](https://img.shields.io/github/license/gemstone/web?color=4CC61E)](https://github.com/gemstone/web/blob/master/LICENSE)
+
+This library includes helpful npm package for creating strongly typed form components in react.
+
+* Input
+* CheckBox
+* TextArea
+* DatePicker
+* Select
+* EnumCheckBoxes
+* DateRangePicker
+* ArrayCheckBoxes
+* ArrayMultiSelect
+* MultiCheckBoxSelect
+* DoubleInput
+
+## Usage
+
+```ts
+    interface iType = { Field1: string, Field2: number, Field3: boolean, Field4: string, Field5: string, EnumField: number, FromField: string, ToField: string}
+    let record:iType = {Field1: 'Hello', Field2: 1, Field3: false, Field4: 'alot of text blah blah blah', Field5: '01/01/2021', FromField: '01/01/2020', ToField: '01/01/2021'}
+    let options = [{Value: 1, Label: 'first'}, {Value:2, Label: 'second'}]
+
+    <Input<iType> Record={record} Field="Field1" Setter={(event) => record.Field1 = event.target.value} Valid={(field) => /*some criteria*/}>
+    <CheckBox<iType> Record={record} Field="Field3" Setter={(event) => record.Field3 = event.target.value}}>
+    <Select<iType> Record={record} Field="Field2" Setter={(event) => record.Field3 = event.target.value}} Options={options}>
+    <TextArea<iType> Record={record} Field="Field4" Setter={(event) => record.Field1 = event.target.value} Valid={(field) => /*some criteria*/}>
+    <DatePicker<iType> Record={record} Field="Field5" Setter={(event) => record.Field1 = event.target.value}>
+    <DateRangePicker<iType> Record={record} FromField="FromField" ToField="ToField" Label="Date Range" Setter={(event) => record.Field1 = event.target.value}>
+    <EnumCheckBoxes<iType> Record={record} Field="EnumField" Setter={(event) => record.Field3 = event.target.value}} Enum={['Monday', 'Tuesday','Wednesday']}>
+	<DoubleInput<iType> Record={record} Field1="Field4" Field1="Field5" Setter={(r) => record = r} Valid={(field) => /*some criteria*/}>
+```

package/lib/ArrayCheckBoxes.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function ArrayCheckBoxes<T>(props: {
     Record: T;
     Field: keyof T;

package/lib/DateRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function DateRangePicker<T>(props: {
     Record: T;
     FromField: keyof T;

package/lib/DoubleInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function DoubleInput<T>(props: {
     Record: T;
     Field1: keyof T;

package/lib/EnumCheckBoxes.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function EnumCheckBoxes<T>(props: {
     Record: T;
     Field: keyof T;

package/lib/Input.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IProps<T> {
     Record: T;
     Field: keyof T;

package/lib/MutliCheckBoxSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const MultiSelect: (props: {
     Options: {
         Value: number;

package/lib/MutliCheckBoxSelect.js

@@ -41,7 +41,7 @@ var MultiSelect = function (props) {
         };
     }, []);
     return (React.createElement("div", { ref: multiSelect, style: { position: 'relative', display: 'inline-block', width: 'inherit' } },
-        React.createElement("button", { style: { border: '1px solid #ced4da', padding: '.375rem .75rem', fontSize: '1rem', borderRadius: '.25rem' }, className: "btn form-control dropdown-toggle", onClick: HandleShow },
+        React.createElement("button", { type: "button", style: { border: '1px solid #ced4da', padding: '.375rem .75rem', fontSize: '1rem', borderRadius: '.25rem' }, className: "btn form-control dropdown-toggle", onClick: HandleShow },
             props.Options.filter(function (x) { return x.Selected; }).length !== props.Options.length
                 ? props.Options.filter(function (x) { return x.Selected; }).length
                 : 'All ',

package/lib/Select.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IProps<T> {
     Record: T;
     Field: keyof T;

package/lib/TextArea.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function TextArea<T>(props: {
     Rows: number;
     Record: T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/react-forms",
-  "version": "1.1.10",
+  "version": "1.1.15",
   "description": "React Form modules for gpa webapps",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -36,7 +36,7 @@
   },
   "homepage": "https://github.com/GridProtectionAlliance/gpa-gemstone#readme",
   "devDependencies": {
-    "@types/jest": "^26.0.24",
+    "@types/jest": "^26.0.4",
     "jest": "^27.0.6",
     "prettier": "^2.3.2",
     "ts-jest": "^27.0.3",
@@ -45,7 +45,7 @@
     "typescript": "4.3.4"
   },
   "dependencies": {
-    "@gpa-gemstone/helper-functions": "0.0.7",
+    "@gpa-gemstone/helper-functions": "0.0.9",
     "@types/react": "^17.0.14",
     "@types/styled-components": "^5.1.11",
     "react": "^17.0.2",