@justfixnyc/component-library 0.51.7 → 0.53.0

package/dist/src/index.es.js

@@ -1,8 +1,8 @@
 import _extends from '@babel/runtime/helpers/extends';
 import classNames from 'classnames';
 import React, { forwardRef, useId } from 'react';
-import { faBan, faXmark, faDownload as faDownload$1, faBuildingColumns, faAddressCard, faBuilding, faMapLocationDot, faMemoPad, faHouse, faGlobe, faUser, faSpinner, faBars, faEnvelope, faCommentSms, faCirclePlus, faCircleInfo, faCircleExclamation, faChevronRight, faChevronLeft, faChevronDown, faChevronUp, faCheck, faCaretDown, faCaretRight, faSquareArrowUpRight, faArrowDownWideShort, faArrowUpShortWide, faArrowUpArrowDown, faArrowDownLong, faArrowUpLong, faArrowDown, faArrowUp, faArrowRight, faArrowLeft } from '@awesome.me/kit-dd32553919/icons/classic/solid';
-import { faEyeSlash, faDownload } from '@awesome.me/kit-dd32553919/icons/classic/regular';
+import { faBan, faXmark, faDownload as faDownload$1, faBuildingColumns, faAddressCard, faBuilding, faMapLocationDot, faMemoPad, faHouse, faGlobe, faUser, faSpinner, faBars, faEnvelope, faCommentSms, faCirclePlus, faCircleInfo, faCircleExclamation as faCircleExclamation$1, faChevronRight, faChevronLeft, faChevronDown, faChevronUp, faCheck, faCaretDown, faCaretRight, faSquareArrowUpRight, faArrowsRotateReverse, faArrowDownWideShort, faArrowUpShortWide, faArrowUpArrowDown, faArrowDownLong, faArrowUpLong, faArrowDown, faArrowUp, faArrowRight, faArrowLeft } from '@awesome.me/kit-dd32553919/icons/classic/solid';
+import { faPrint, faEyeSlash, faEye, faDownload, faCircleExclamation } from '@awesome.me/kit-dd32553919/icons/classic/regular';
 import { faXTwitter, faTwitter, faFacebookF } from '@awesome.me/kit-dd32553919/icons/classic/brands';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import Select, { components } from 'react-select';
@@ -43,6 +43,9 @@ const Icon = _ref => {
     case 'arrowDownWideShort':
       faIcon = faArrowDownWideShort;
       break;
+    case 'arrowsRotateReverse':
+      faIcon = faArrowsRotateReverse;
+      break;
     case 'squareArrowUpRight':
       faIcon = faSquareArrowUpRight;
       break;
@@ -68,7 +71,7 @@ const Icon = _ref => {
       faIcon = faChevronRight;
       break;
     case 'circleExclamation':
-      faIcon = faCircleExclamation;
+      if (type === 'regular') faIcon = faCircleExclamation;else faIcon = faCircleExclamation$1;
       break;
     case 'circleInfo':
       faIcon = faCircleInfo;
@@ -130,9 +133,15 @@ const Icon = _ref => {
     case 'ban':
       faIcon = faBan;
       break;
+    case 'eye':
+      faIcon = faEye;
+      break;
     case 'eyeSlash':
       faIcon = faEyeSlash;
       break;
+    case 'print':
+      faIcon = faPrint;
+      break;
     default:
       console.warn("".concat(icon, " is not a supported icon name."));
       return /*#__PURE__*/React.createElement(React.Fragment, null);
@@ -296,6 +305,7 @@ const InputHeader = _ref2 => {
     isLegend,
     headerText,
     helperText,
+    helperElement,
     invalid,
     invalidText
   } = _ref2;
@@ -304,11 +314,11 @@ const InputHeader = _ref2 => {
     labelFor: labelFor,
     isLegend: isLegend,
     headerText: headerText,
-    hasHelperText: !!helperText
-  }), helperText && /*#__PURE__*/React.createElement("div", {
+    hasHelperText: !!helperText && !helperElement
+  }), helperText && !helperElement && /*#__PURE__*/React.createElement("div", {
     className: "jfcl-input-header__helper_text",
     "data-testid": "helper-text"
-  }, helperText), invalid && invalidText && /*#__PURE__*/React.createElement("div", {
+  }, helperText), helperElement, invalid && invalidText && /*#__PURE__*/React.createElement("div", {
     className: "jfcl-input-header__invalid_text",
     "data-testid": "error"
   }, /*#__PURE__*/React.createElement(Icon, {
@@ -430,6 +440,7 @@ const FormGroup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     invalidText,
     invalid,
     helperText,
+    helperElement,
     legendText,
     ...props
   } = _ref;
@@ -443,6 +454,7 @@ const FormGroup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }), /*#__PURE__*/React.createElement(InputHeader, {
     headerText: legendText,
     helperText: helperText,
+    helperElement: helperElement,
     invalid: invalid,
     invalidText: invalidText,
     isLegend: true

package/dist/src/index.js

@@ -54,6 +54,9 @@ const Icon = _ref => {
     case 'arrowDownWideShort':
       faIcon = solid.faArrowDownWideShort;
       break;
+    case 'arrowsRotateReverse':
+      faIcon = solid.faArrowsRotateReverse;
+      break;
     case 'squareArrowUpRight':
       faIcon = solid.faSquareArrowUpRight;
       break;
@@ -79,7 +82,7 @@ const Icon = _ref => {
       faIcon = solid.faChevronRight;
       break;
     case 'circleExclamation':
-      faIcon = solid.faCircleExclamation;
+      if (type === 'regular') faIcon = regular.faCircleExclamation;else faIcon = solid.faCircleExclamation;
       break;
     case 'circleInfo':
       faIcon = solid.faCircleInfo;
@@ -141,9 +144,15 @@ const Icon = _ref => {
     case 'ban':
       faIcon = solid.faBan;
       break;
+    case 'eye':
+      faIcon = regular.faEye;
+      break;
     case 'eyeSlash':
       faIcon = regular.faEyeSlash;
       break;
+    case 'print':
+      faIcon = regular.faPrint;
+      break;
     default:
       console.warn("".concat(icon, " is not a supported icon name."));
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null);
@@ -307,6 +316,7 @@ const InputHeader = _ref2 => {
     isLegend,
     headerText,
     helperText,
+    helperElement,
     invalid,
     invalidText
   } = _ref2;
@@ -315,11 +325,11 @@ const InputHeader = _ref2 => {
     labelFor: labelFor,
     isLegend: isLegend,
     headerText: headerText,
-    hasHelperText: !!helperText
-  }), helperText && /*#__PURE__*/React__default["default"].createElement("div", {
+    hasHelperText: !!helperText && !helperElement
+  }), helperText && !helperElement && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "jfcl-input-header__helper_text",
     "data-testid": "helper-text"
-  }, helperText), invalid && invalidText && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, helperText), helperElement, invalid && invalidText && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "jfcl-input-header__invalid_text",
     "data-testid": "error"
   }, /*#__PURE__*/React__default["default"].createElement(Icon, {
@@ -441,6 +451,7 @@ const FormGroup = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref)
     invalidText,
     invalid,
     helperText,
+    helperElement,
     legendText,
     ...props
   } = _ref;
@@ -454,6 +465,7 @@ const FormGroup = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref)
   }), /*#__PURE__*/React__default["default"].createElement(InputHeader, {
     headerText: legendText,
     helperText: helperText,
+    helperElement: helperElement,
     invalid: invalid,
     invalidText: invalidText,
     isLegend: true

package/dist/typings/Components/FormGroup/FormGroup.d.ts

@@ -3,6 +3,7 @@ import './styles.scss';
 export interface FormGroupProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {
     legendText: string;
     helperText?: string;
+    helperElement?: React.ReactNode;
     invalid?: boolean;
     invalidText?: string;
     className?: string;

package/dist/typings/Components/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
-export type IconNames = 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowDown' | 'arrowUpLong' | 'arrowDownLong' | 'arrowUpArrowDown' | 'arrowUpShortWide' | 'arrowDownWideShort' | 'squareArrowUpRight' | 'caretRight' | 'caretDown' | 'check' | 'chevronUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'circleExclamation' | 'circleInfo' | 'circlePlus' | 'facebook' | 'twitter' | 'xTwitter' | 'sms' | 'envelope' | 'bars' | 'spinner' | 'user' | 'globe' | 'house' | 'memoPad' | 'mapLocationDot' | 'building' | 'addressCard' | 'buildingColumns' | 'download' | 'downloadRegular' | 'xmark' | 'ban' | 'eyeSlash';
+export type IconNames = 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowDown' | 'arrowUpLong' | 'arrowDownLong' | 'arrowUpArrowDown' | 'arrowUpShortWide' | 'arrowDownWideShort' | 'arrowsRotateReverse' | 'squareArrowUpRight' | 'caretRight' | 'caretDown' | 'check' | 'chevronUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'circleExclamation' | 'circleExclamationRegular' | 'circleInfo' | 'circlePlus' | 'facebook' | 'twitter' | 'xTwitter' | 'sms' | 'envelope' | 'bars' | 'spinner' | 'user' | 'globe' | 'house' | 'memoPad' | 'mapLocationDot' | 'building' | 'addressCard' | 'buildingColumns' | 'download' | 'downloadRegular' | 'xmark' | 'ban' | 'eye' | 'eyeSlash' | 'print';
 export interface IconProps extends Omit<FontAwesomeIconProps, 'icon'> {
     className?: string;
     icon?: IconNames;

package/dist/typings/Components/InputHeader/InputHeader.d.ts

@@ -6,6 +6,7 @@ export interface InputHeaderProps {
     labelFor?: string;
     isLegend?: boolean;
     helperText?: string;
+    helperElement?: React.ReactNode;
     invalidText?: string;
     invalid?: boolean;
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@justfixnyc/component-library",
   "description": "JustFix Component Library",
   "license": "MIT",
-  "version": "0.51.7",
+  "version": "0.53.0",
   "main": "dist/src/index.js",
   "module": "dist/src/index.es.js",
   "files": [