@justfixnyc/component-library 0.52.8 → 0.53.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/src/index.es.js +8 -3
  2. package/dist/src/index.js +8 -3
  3. package/dist/typings/Components/FormGroup/FormGroup.d.ts +1 -0
  4. package/dist/typings/Components/InputHeader/InputHeader.d.ts +1 -0
  5. package/dist/typings/Components/TextInput/TextInput.d.ts +1 -0
  6. package/package.json +1 -1
package/dist/src/index.es.js CHANGED
@@ -305,6 +305,7 @@ const InputHeader = _ref2 => {
305
305
  isLegend,
306
306
  headerText,
307
307
  helperText,
308
+ helperElement,
308
309
  invalid,
309
310
  invalidText
310
311
  } = _ref2;
@@ -313,11 +314,11 @@ const InputHeader = _ref2 => {
313
314
  labelFor: labelFor,
314
315
  isLegend: isLegend,
315
316
  headerText: headerText,
316
- hasHelperText: !!helperText
317
- }), helperText && /*#__PURE__*/React.createElement("div", {
317
+ hasHelperText: !!helperText && !helperElement
318
+ }), helperText && !helperElement && /*#__PURE__*/React.createElement("div", {
318
319
  className: "jfcl-input-header__helper_text",
319
320
  "data-testid": "helper-text"
320
- }, helperText), invalid && invalidText && /*#__PURE__*/React.createElement("div", {
321
+ }, helperText), helperElement, invalid && invalidText && /*#__PURE__*/React.createElement("div", {
321
322
  className: "jfcl-input-header__invalid_text",
322
323
  "data-testid": "error"
323
324
  }, /*#__PURE__*/React.createElement(Icon, {
@@ -439,6 +440,7 @@ const FormGroup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
439
440
  invalidText,
440
441
  invalid,
441
442
  helperText,
443
+ helperElement,
442
444
  legendText,
443
445
  ...props
444
446
  } = _ref;
@@ -452,6 +454,7 @@ const FormGroup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
452
454
  }), /*#__PURE__*/React.createElement(InputHeader, {
453
455
  headerText: legendText,
454
456
  helperText: helperText,
457
+ helperElement: helperElement,
455
458
  invalid: invalid,
456
459
  invalidText: invalidText,
457
460
  isLegend: true
@@ -549,6 +552,7 @@ const TextInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
549
552
  invalidText,
550
553
  invalid,
551
554
  helperText,
555
+ helperElement,
552
556
  labelText,
553
557
  size,
554
558
  id,
@@ -570,6 +574,7 @@ const TextInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
570
574
  }, /*#__PURE__*/React.createElement(InputHeader, {
571
575
  headerText: labelText,
572
576
  helperText: helperText,
577
+ helperElement: helperElement,
573
578
  invalidText: invalidText,
574
579
  invalid: invalid,
575
580
  labelFor: id
package/dist/src/index.js CHANGED
@@ -316,6 +316,7 @@ const InputHeader = _ref2 => {
316
316
  isLegend,
317
317
  headerText,
318
318
  helperText,
319
+ helperElement,
319
320
  invalid,
320
321
  invalidText
321
322
  } = _ref2;
@@ -324,11 +325,11 @@ const InputHeader = _ref2 => {
324
325
  labelFor: labelFor,
325
326
  isLegend: isLegend,
326
327
  headerText: headerText,
327
- hasHelperText: !!helperText
328
- }), helperText && /*#__PURE__*/React__default["default"].createElement("div", {
328
+ hasHelperText: !!helperText && !helperElement
329
+ }), helperText && !helperElement && /*#__PURE__*/React__default["default"].createElement("div", {
329
330
  className: "jfcl-input-header__helper_text",
330
331
  "data-testid": "helper-text"
331
- }, helperText), invalid && invalidText && /*#__PURE__*/React__default["default"].createElement("div", {
332
+ }, helperText), helperElement, invalid && invalidText && /*#__PURE__*/React__default["default"].createElement("div", {
332
333
  className: "jfcl-input-header__invalid_text",
333
334
  "data-testid": "error"
334
335
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
@@ -450,6 +451,7 @@ const FormGroup = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref)
450
451
  invalidText,
451
452
  invalid,
452
453
  helperText,
454
+ helperElement,
453
455
  legendText,
454
456
  ...props
455
457
  } = _ref;
@@ -463,6 +465,7 @@ const FormGroup = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref)
463
465
  }), /*#__PURE__*/React__default["default"].createElement(InputHeader, {
464
466
  headerText: legendText,
465
467
  helperText: helperText,
468
+ helperElement: helperElement,
466
469
  invalid: invalid,
467
470
  invalidText: invalidText,
468
471
  isLegend: true
@@ -560,6 +563,7 @@ const TextInput = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref)
560
563
  invalidText,
561
564
  invalid,
562
565
  helperText,
566
+ helperElement,
563
567
  labelText,
564
568
  size,
565
569
  id,
@@ -581,6 +585,7 @@ const TextInput = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref)
581
585
  }, /*#__PURE__*/React__default["default"].createElement(InputHeader, {
582
586
  headerText: labelText,
583
587
  helperText: helperText,
588
+ helperElement: helperElement,
584
589
  invalidText: invalidText,
585
590
  invalid: invalid,
586
591
  labelFor: id
package/dist/typings/Components/FormGroup/FormGroup.d.ts CHANGED
@@ -3,6 +3,7 @@ import './styles.scss';
3
3
  export interface FormGroupProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {
4
4
  legendText: string;
5
5
  helperText?: string;
6
+ helperElement?: React.ReactNode;
6
7
  invalid?: boolean;
7
8
  invalidText?: string;
8
9
  className?: string;
package/dist/typings/Components/InputHeader/InputHeader.d.ts CHANGED
@@ -6,6 +6,7 @@ export interface InputHeaderProps {
6
6
  labelFor?: string;
7
7
  isLegend?: boolean;
8
8
  helperText?: string;
9
+ helperElement?: React.ReactNode;
9
10
  invalidText?: string;
10
11
  invalid?: boolean;
11
12
  }
package/dist/typings/Components/TextInput/TextInput.d.ts CHANGED
@@ -5,6 +5,7 @@ export interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInput
5
5
  id: string;
6
6
  size?: 'small' | 'medium' | 'large';
7
7
  helperText?: string;
8
+ helperElement?: React.ReactNode;
8
9
  invalid?: boolean;
9
10
  invalidText?: string;
10
11
  className?: string;
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@justfixnyc/component-library",
3
3
  "description": "JustFix Component Library",
4
4
  "license": "MIT",
5
- "version": "0.52.8",
5
+ "version": "0.53.1",
6
6
  "main": "dist/src/index.js",
7
7
  "module": "dist/src/index.es.js",
8
8
  "files": [