envoc-form 2.0.1-12 → 2.0.1-13

package/es/FormInputArray/FormInputArray.js

@@ -18,9 +18,12 @@ import React, { useEffect, useRef, useState } from 'react';
 import { v4 as uuid } from 'uuid';
 import classnames from 'classnames';
 import { Col, Card, Button, CardBody, Row, Alert } from 'reactstrap';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faPlus, faTrash } from '@fortawesome/free-solid-svg-icons';
 import PropTypes from 'prop-types';
 import useStandardFormInput from '../useStandardFormInput';
 import NestedFormFieldContext from '../NestedFormFieldContext';
+import classNames from 'classnames';
 export default function FormInputArray(_ref) {
   var id = _ref.id,
       name = _ref.name,
@@ -71,8 +74,8 @@ export default function FormInputArray(_ref) {
     onClick: addItem,
     title: "Add an additional item",
     className: "add-array-item"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "fas fa-plus"
+  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: faPlus
   }), " Add New"))), /*#__PURE__*/React.createElement(CardBody, null, meta.error && typeof meta.error === 'string' && /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, null, /*#__PURE__*/React.createElement(Alert, {
     className: "field-array-alert",
     color: "danger"
@@ -92,11 +95,13 @@ export default function FormInputArray(_ref) {
       role: "listitem"
     }, /*#__PURE__*/React.createElement(NestedFormFieldContext.Provider, {
       value: itemName
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "component"
     }, /*#__PURE__*/React.createElement(Component, _extends({
       value: value,
       name: itemName,
       disabled: disabled
-    }, props))), !disabled && /*#__PURE__*/React.createElement("div", {
+    }, props)))), !disabled && /*#__PURE__*/React.createElement("div", {
       className: "remove-array-item"
     }, /*#__PURE__*/React.createElement(Button, {
       color: "link",
@@ -104,8 +109,8 @@ export default function FormInputArray(_ref) {
         return removeItem(index);
       },
       title: "Remove Item"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "fa fa-trash-alt"
+    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: faTrash
     }))));
   })));
 

package/es/ReactSelectField/ReactSelectField.js

@@ -73,7 +73,9 @@ export default function ReactSelectInput(_ref2) {
     onChange: handleChange,
     className: "react-select-input",
     theme: overrideTheme,
-    styles: customStyles
+    styles: customStyles,
+    menuPortalTarget: document.body,
+    menuPlacement: "auto"
   }));
 
   function getOptionValue(option) {

package/lib/FormInputArray/FormInputArray.js

@@ -27,6 +27,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactstrap = require("reactstrap");
 
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _useStandardFormInput3 = _interopRequireDefault(require("../useStandardFormInput"));
@@ -98,8 +102,8 @@ function FormInputArray(_ref) {
     onClick: addItem,
     title: "Add an additional item",
     className: "add-array-item"
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "fas fa-plus"
+  }, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: _freeSolidSvgIcons.faPlus
   }), " Add New"))), /*#__PURE__*/_react["default"].createElement(_reactstrap.CardBody, null, meta.error && typeof meta.error === 'string' && /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
     className: "field-array-alert",
     color: "danger"
@@ -119,11 +123,13 @@ function FormInputArray(_ref) {
       role: "listitem"
     }, /*#__PURE__*/_react["default"].createElement(_NestedFormFieldContext["default"].Provider, {
       value: itemName
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "component"
     }, /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
       value: value,
       name: itemName,
       disabled: disabled
-    }, props))), !disabled && /*#__PURE__*/_react["default"].createElement("div", {
+    }, props)))), !disabled && /*#__PURE__*/_react["default"].createElement("div", {
       className: "remove-array-item"
     }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
       color: "link",
@@ -131,8 +137,8 @@ function FormInputArray(_ref) {
         return removeItem(index);
       },
       title: "Remove Item"
-    }, /*#__PURE__*/_react["default"].createElement("i", {
-      className: "fa fa-trash-alt"
+    }, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
+      icon: _freeSolidSvgIcons.faTrash
     }))));
   })));
 

package/lib/ReactSelectField/ReactSelectField.js

@@ -97,7 +97,9 @@ function ReactSelectInput(_ref2) {
     onChange: handleChange,
     className: "react-select-input",
     theme: overrideTheme,
-    styles: customStyles
+    styles: customStyles,
+    menuPortalTarget: document.body,
+    menuPlacement: "auto"
   }));
 
   function getOptionValue(option) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "envoc-form",
-  "version": "2.0.1-12",
+  "version": "2.0.1-13",
   "description": "Envoc form components",
   "keywords": [
     "react-component",
@@ -37,7 +37,7 @@
     "axios": "^0.21.1",
     "classnames": "^2.3.1",
     "date-fns": "^2.22.1",
-    "envoc-request": "^2.0.1-12",
+    "envoc-request": "^2.0.1-13",
     "lru-cache": "^6.0.0",
     "prop-types": "^15.7.2",
     "react-date-picker": "^8.2.0",
@@ -48,7 +48,10 @@
     "react-toastify": "^7.0.4",
     "reactstrap": "^8.9.0",
     "smoothscroll-polyfill": "^0.4.4",
-    "uuid": "^8.3.2"
+    "uuid": "^8.3.2",
+    "@fortawesome/react-fontawesome": "~0.1.16",
+    "@fortawesome/free-solid-svg-icons": "~5.15.4",
+    "@fortawesome/fontawesome-svg-core": "~1.2.36"
   },
   "devDependencies": {
     "@babel/cli": "^7.14.5",

package/src/FormInputArray/FormInputArray.js

@@ -2,9 +2,12 @@ import React, { useEffect, useRef, useState } from 'react';
 import { v4 as uuid } from 'uuid';
 import classnames from 'classnames';
 import { Col, Card, Button, CardBody, Row, Alert } from 'reactstrap';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'
+import {faPlus, faTrash} from '@fortawesome/free-solid-svg-icons'
 import PropTypes from 'prop-types';
 import useStandardFormInput from '../useStandardFormInput';
 import NestedFormFieldContext from '../NestedFormFieldContext';
+import classNames from 'classnames';
 
 export default function FormInputArray({
   id,
@@ -54,7 +57,7 @@ export default function FormInputArray({
               onClick={addItem}
               title="Add an additional item"
               className="add-array-item">
-              <i className="fas fa-plus" /> Add New
+              <FontAwesomeIcon icon={faPlus} /> Add New
             </Button>
           )}
         </CardActionHeader.Actions>
@@ -90,12 +93,14 @@ export default function FormInputArray({
               })}
               role="listitem">
               <NestedFormFieldContext.Provider value={itemName}>
+                <div className="component">
                 <Component
                   value={value}
                   name={itemName}
                   disabled={disabled}
                   {...props}
                 />
+                </div>
               </NestedFormFieldContext.Provider>
               {!disabled && (
                 <div className="remove-array-item">
@@ -103,7 +108,7 @@ export default function FormInputArray({
                     color="link"
                     onClick={() => removeItem(index)}
                     title="Remove Item">
-                    <i className="fa fa-trash-alt" />
+                   <FontAwesomeIcon icon={faTrash} />
                   </Button>
                 </div>
               )}

package/src/FormInputArray/__snapshots__/FormInputArray.test.js.snap

@@ -24,9 +24,21 @@ exports[`FormInputArray has matching snapshot 1`] = `
             title="Add an additional item"
             type="button"
           >
-            <i
-              class="fas fa-plus"
-            />
+            <svg
+              aria-hidden="true"
+              class="svg-inline--fa fa-plus fa-w-14 "
+              data-icon="plus"
+              data-prefix="fas"
+              focusable="false"
+              role="img"
+              viewBox="0 0 448 512"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
+                fill="currentColor"
+              />
+            </svg>
              Add New
           </button>
         </div>

package/src/ReactSelectField/ReactSelectField.js

@@ -72,6 +72,8 @@ export default function ReactSelectInput({
       className="react-select-input"
       theme={overrideTheme}
       styles={customStyles}
+      menuPortalTarget={document.body}
+      menuPlacement="auto"
     />
   );
 

package/CHANGELOG.json

@@ -1,95 +0,0 @@
-{
-  "name": "envoc-form",
-  "entries": [
-    {
-      "version": "2.0.0",
-      "tag": "envoc-form_v2.0.0",
-      "date": "Fri, 11 Sep 2020 16:49:17 GMT",
-      "comments": {}
-    },
-    {
-      "version": "1.3.1",
-      "tag": "envoc-form_v1.3.1",
-      "date": "Fri, 04 Sep 2020 19:35:20 GMT",
-      "comments": {}
-    },
-    {
-      "version": "1.3.0",
-      "tag": "envoc-form_v1.3.0",
-      "date": "Tue, 01 Sep 2020 16:02:23 GMT",
-      "comments": {}
-    },
-    {
-      "version": "1.2.0",
-      "tag": "envoc-form_v1.2.0",
-      "date": "Mon, 31 Aug 2020 20:33:06 GMT",
-      "comments": {
-        "none": [
-          {
-            "comment": "readme change"
-          },
-          {
-            "comment": "Resolves issues with scss not being included, provides support for tree-shaking, adds jest testing"
-          },
-          {
-            "comment": " Prerelease"
-          },
-          {
-            "comment": "Fixes missing destructed prop on ConfirmBaseForm and adds some tests"
-          },
-          {
-            "comment": "build script changes"
-          },
-          {
-            "comment": "Fix issues with validators export"
-          },
-          {
-            "comment": "fixes normalizers"
-          }
-        ]
-      }
-    },
-    {
-      "version": "1.1.26",
-      "tag": "envoc-form_v1.1.26",
-      "date": "Mon, 13 Jul 2020 16:17:47 GMT",
-      "comments": {}
-    },
-    {
-      "version": "1.1.25",
-      "tag": "envoc-form_v1.1.25",
-      "date": "Fri, 10 Jul 2020 19:16:12 GMT",
-      "comments": {
-        "none": [
-          {
-            "comment": "Changing the 'sideEffects' to be false for better tree shaking"
-          }
-        ]
-      }
-    },
-    {
-      "version": "1.1.24",
-      "tag": "envoc-form_v1.1.24",
-      "date": "Fri, 10 Jul 2020 18:58:53 GMT",
-      "comments": {
-        "none": [
-          {
-            "comment": "Resolves issues with scss not being included, provides support for tree-shaking, adds jest testing"
-          }
-        ]
-      }
-    },
-    {
-      "version": "1.1.23",
-      "tag": "envoc-form_v1.1.23",
-      "date": "Thu, 25 Jun 2020 19:05:11 GMT",
-      "comments": {
-        "none": [
-          {
-            "comment": "Initial envoc-form implementation"
-          }
-        ]
-      }
-    }
-  ]
-}

package/CHANGELOG.md

@@ -1,58 +0,0 @@
-# Change Log - envoc-form
-
-This log was last generated on Fri, 11 Sep 2020 16:49:17 GMT and should not be manually modified.
-
-## 2.0.0
-Fri, 11 Sep 2020 16:49:17 GMT
-
-*Version update only*
-
-## 1.3.1
-Fri, 04 Sep 2020 19:35:20 GMT
-
-*Version update only*
-
-## 1.3.0
-Tue, 01 Sep 2020 16:02:23 GMT
-
-*Version update only*
-
-## 1.2.0
-Mon, 31 Aug 2020 20:33:06 GMT
-
-### Updates
-
-- readme change
-- Resolves issues with scss not being included, provides support for tree-shaking, adds jest testing
--  Prerelease
-- Fixes missing destructed prop on ConfirmBaseForm and adds some tests
-- build script changes
-- Fix issues with validators export
-- fixes normalizers
-
-## 1.1.26
-Mon, 13 Jul 2020 16:17:47 GMT
-
-*Version update only*
-
-## 1.1.25
-Fri, 10 Jul 2020 19:16:12 GMT
-
-### Updates
-
-- Changing the 'sideEffects' to be false for better tree shaking
-
-## 1.1.24
-Fri, 10 Jul 2020 18:58:53 GMT
-
-### Updates
-
-- Resolves issues with scss not being included, provides support for tree-shaking, adds jest testing
-
-## 1.1.23
-Thu, 25 Jun 2020 19:05:11 GMT
-
-### Updates
-
-- Initial envoc-form implementation
-