fix: include missing propTypes definitions and fix eslint warnings

Author: assisrafael

demo/FormExamples.jsx

@@ -55,7 +55,7 @@ export function FormExamples() {
             options={(formData) => {
               return Object.entries(formData)
                 .filter(([key]) => key !== 'selectField3')
-                .map(([_, value]) => value);
+                .map(([, value]) => value);
             }}
             placeholder="Select one value"
           />

demo/demo.jsx

@@ -26,4 +26,5 @@ ReactDOM.render(
   document.getElementById('root')
 );
 
+// eslint-disable-next-line no-undef
 module.hot.accept();

src/forms/FormCheckbox.jsx

@@ -26,4 +26,5 @@ FormCheckbox.propTypes = {
   id: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired,
   valueLabel: PropTypes.string,
+  required: PropTypes.any,
 };

src/forms/FormGroup.jsx

@@ -17,6 +17,10 @@ function FormGroup({ children, ...props }) {
   );
 }
 
+FormGroup.propTypes = {
+  children: PropTypes.element,
+};
+
 export function FormGroupCheckbox(props) {
   return (
     <FormGroup {...props}>
@@ -56,6 +60,7 @@ FormGroupRadio.defaultProps = {
 };
 
 FormGroupRadio.propTypes = {
+  id: PropTypes.string,
   options: PropTypes.arrayOf(PropTypes.object),
   inline: PropTypes.bool,
 };

src/forms/FormInput.jsx

@@ -24,4 +24,5 @@ FormInput.propTypes = {
   type: PropTypes.string,
   name: PropTypes.string.isRequired,
   placeholder: PropTypes.string,
+  required: PropTypes.any,
 };

src/forms/FormLabel.jsx

@@ -1,5 +1,11 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
 export function FormLabel({ id, label }) {
   return <label htmlFor={id}>{label}</label>;
 }
+
+FormLabel.propTypes = {
+  id: PropTypes.string,
+  label: PropTypes.string,
+};

src/forms/FormRadio.jsx

@@ -32,4 +32,6 @@ FormRadio.propTypes = {
   name: PropTypes.string.isRequired,
   valueLabel: PropTypes.string,
   inline: PropTypes.bool,
+  required: PropTypes.any,
+  checkedValue: PropTypes.any,
 };

src/forms/FormSelect.jsx

@@ -1,4 +1,5 @@
 import React, { useContext } from 'react';
+import PropTypes from 'prop-types';
 import { FormContext, handleInputChange } from './form-helpers';
 
 export function FormSelect({ id, name, options, required, placeholder }) {
@@ -18,6 +19,17 @@ export function FormSelect({ id, name, options, required, placeholder }) {
   );
 }
 
+FormSelect.propTypes = {
+  id: PropTypes.string,
+  options: PropTypes.oneOfType([
+    PropTypes.func,
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])),
+  ]),
+  name: PropTypes.string.isRequired,
+  placeholder: PropTypes.string,
+  required: PropTypes.any,
+};
+
 function renderOptions(options, formData) {
   let _options = typeof options === 'function' ? options(formData) : options;
 

src/forms/FormSwitch.jsx

@@ -27,4 +27,5 @@ FormSwitch.propTypes = {
   name: PropTypes.string.isRequired,
   trueLabel: PropTypes.string,
   falseLabel: PropTypes.string,
+  required: PropTypes.any,
 };

src/forms/FormTextarea.jsx

@@ -22,4 +22,7 @@ FormTextarea.defaultProps = {
 FormTextarea.propTypes = {
   id: PropTypes.string,
   name: PropTypes.string.isRequired,
+  required: PropTypes.any,
+  placeholder: PropTypes.string,
+  rows: PropTypes.number,
 };

src/table/Table.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import { TableHead } from './TableHead';
 import { TableBody } from './TableBody';
 import { normalizeColumns } from './table-helpers';
@@ -47,3 +48,17 @@ Table.defaultProps = {
   actionLabel: 'Actions',
   rowClass: () => '',
 };
+
+Table.propTypes = {
+  actions: PropTypes.arrayOf(PropTypes.object),
+  columns: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])),
+  docs: PropTypes.arrayOf(PropTypes.object),
+  rowClass: PropTypes.func,
+  striped: PropTypes.bool,
+  bordered: PropTypes.bool,
+  hover: PropTypes.bool,
+  small: PropTypes.bool,
+  dark: PropTypes.bool,
+  caption: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  actionLabel: PropTypes.string,
+};

src/table/TableBody.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import { getColumnClass } from './table-helpers';
 
 export function TableBody({ columns, docs, rowClass, actions }) {
@@ -32,6 +33,13 @@ export function TableBody({ columns, docs, rowClass, actions }) {
   );
 }
 
+TableBody.propTypes = {
+  actions: PropTypes.arrayOf(PropTypes.object),
+  columns: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])),
+  docs: PropTypes.arrayOf(PropTypes.object),
+  rowClass: PropTypes.func,
+};
+
 function getColumnValue(doc, column, docIndex) {
   let rawValue = doc[column.attribute];
 

src/table/TableHead.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import { getColumnClass } from './table-helpers';
 
 export function TableHead({ columns, actions, actionLabel }) {
@@ -15,3 +16,9 @@ export function TableHead({ columns, actions, actionLabel }) {
     </thead>
   );
 }
+
+TableHead.propTypes = {
+  actionLabel: PropTypes.string,
+  actions: PropTypes.arrayOf(PropTypes.object),
+  columns: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object])),
+};

src/tabs/Tabs.jsx

@@ -56,4 +56,5 @@ Tabs.propTypes = {
   activeTab: PropTypes.number,
   onlyRenderActiveTab: PropTypes.bool,
   bordered: PropTypes.bool,
+  onSelect: PropTypes.func,
 };