@bloom-housing/ui-components 13.0.7 → 13.0.9

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 (22) hide show
  1. package/dist/src/forms/FieldGroup.js +1 -1
  2. package/dist/src/forms/FieldGroup.js.map +1 -1
  3. package/dist/src/forms/MultiSelectField.js +4 -3
  4. package/dist/src/forms/MultiSelectField.js.map +1 -1
  5. package/dist/src/forms/PhoneField.js +6 -5
  6. package/dist/src/forms/PhoneField.js.map +1 -1
  7. package/dist/src/forms/PhoneMask.js +4 -2
  8. package/dist/src/forms/PhoneMask.js.map +1 -1
  9. package/dist/src/forms/Select.js +5 -4
  10. package/dist/src/forms/Select.js.map +1 -1
  11. package/dist/src/headers/StepHeader.js +2 -1
  12. package/dist/src/headers/StepHeader.js.map +1 -1
  13. package/dist/src/text/Heading.d.ts +1 -0
  14. package/dist/src/text/Heading.js.map +1 -1
  15. package/package.json +1 -1
  16. package/src/forms/FieldGroup.tsx +6 -2
  17. package/src/forms/MultiSelectField.tsx +4 -3
  18. package/src/forms/PhoneField.tsx +7 -6
  19. package/src/forms/PhoneMask.tsx +2 -2
  20. package/src/forms/Select.tsx +14 -6
  21. package/src/headers/StepHeader.tsx +3 -1
  22. package/src/text/Heading.tsx +3 -1
package/dist/src/forms/FieldGroup.js CHANGED
@@ -78,7 +78,7 @@ var FieldGroup = function (_a) {
78
78
  getIndividualInput(item),
79
79
  item.additionalText && checkedInputs.indexOf(((_a = item.label) === null || _a === void 0 ? void 0 : _a.toString()) || "") >= 0 && (React.createElement(Field, { id: item.id, key: "".concat(item.value || "", "-additionalText"), name: "".concat(name, "-").concat(item.value || ""), register: register, defaultValue: item.defaultText, placeholder: (_b = strings === null || strings === void 0 ? void 0 : strings.description) !== null && _b !== void 0 ? _b : t("t.description"), className: "mb-4", disabled: item.disabled, dataTestId: item.dataTestId }))));
80
80
  };
81
- return (React.createElement("fieldset", { "aria-describedby": "".concat(name, "-group-sub-note ").concat(name, "-error") },
81
+ return (React.createElement("fieldset", { "aria-describedby": "".concat(groupSubNote ? "".concat(name, "-group-sub-note") : "", " ").concat(error ? "".concat(name, "-error") : "") },
82
82
  groupLabel && (React.createElement("legend", { className: "text__caps-spaced ".concat(error ? "text-alert" : "") }, groupLabel)),
83
83
  groupNote && React.createElement("p", { className: "field-note mb-4" }, groupNote),
84
84
  React.createElement("div", { className: "field ".concat(error ? "error" : "", " ").concat(fieldGroupClassName || "", " mb-0") }, fields === null || fields === void 0 ? void 0 : fields.map(function (item) {
package/dist/src/forms/FieldGroup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FieldGroup.js","sourceRoot":"","sources":["../../../src/forms/FieldGroup.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FieldGroup.js","sourceRoot":"","sources":["../../../src/forms/FieldGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAA;AAyCzC,IAAM,UAAU,GAAG,UAAC,EAgBF;QAfhB,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,YAAiB,EAAjB,IAAI,mBAAG,UAAU,KAAA,EACjB,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,mBAAmB,yBAAA,EACnB,cAAc,oBAAA,EACd,mBAAmB,yBAAA,EACnB,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,OAAO,aAAA;IAEP,4DAA4D;IAC5D,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,MAAK,CAAC,EAAE;QACxB,mBAAmB,GAAG,UAAG,mBAAmB,IAAI,EAAE,UAAO,CAAA;QACzD,cAAc,GAAG,UAAG,cAAc,IAAI,EAAE,uBAAoB,CAAA;KAC7D;IAEK,IAAA,KAAoC,QAAQ,CAAW,EAAE,CAAC,EAAzD,aAAa,QAAA,EAAE,gBAAgB,QAA0B,CAAA;IAEhE,IAAM,cAAc,GAAG;QACrB,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,SAAS,EAAf,CAAe,EAAE,MAAM,CAAA;IAC1D,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG,UAAC,IAAiB;;QAC3C,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,KAAK;YAClB,4DACoB,UAAG,IAAI,WAAQ,kBACnB,CAAC,CAAC,KAAK,IAAI,KAAK,EAC9B,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,YAAY,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE,EACnC,IAAI,EAAE,cAAc,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAG,IAAI,cAAI,IAAI,CAAC,KAAK,IAAI,EAAE,CAAE,CAAC,CAAC,CAAC,IAAI,EAChF,OAAO,EAAE,UAAC,CAAC;;oBACT,+HAA+H;oBAC/H,IAAI,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE;wBAC3B,gBAAgB,iCAAK,aAAa,UAAE,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,EAAE,KAAI,EAAE,UAAE,CAAA;qBACnE;yBAAM;wBACL,gBAAgB,CAAC,aAAa,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,IAAI,CAAC,KAAK,KAAK,MAAM,EAArB,CAAqB,CAAC,CAAC,CAAA;qBAC1E;gBACH,CAAC,EACD,cAAc,EAAE,IAAI,CAAC,cAAc,IAAI,KAAK,EAC5C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,GAAG,EAAE,QAAQ,CAAC,UAAU,CAAC,IACrB,IAAI,CAAC,UAAU,mBACN,MAAA,IAAI,CAAC,UAAU,mCAAI,UAAU,IAC1C;YACF,+BACE,OAAO,EAAE,IAAI,CAAC,EAAE,EAChB,SAAS,EAAE,wBAAiB,mBAAmB,IAAI,EAAE,cACnD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,CACvD,IAED,IAAI,CAAC,KAAK,CACL;YACP,IAAI,CAAC,IAAI,IAAI,8BAAM,SAAS,EAAE,wBAAwB,IAAG,IAAI,CAAC,IAAI,CAAQ;YAE1E,IAAI,CAAC,WAAW,IAAI,CACnB,6BAAK,SAAS,EAAC,iBAAiB;gBAC9B,oBAAC,iBAAiB,IAChB,OAAO,EAAE;wBACP,QAAQ,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,CAAC,CAAC,YAAY,CAAC;wBAC9C,QAAQ,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,CAAC,CAAC,YAAY,CAAC;qBAC/C;oBAED,2BAAG,SAAS,EAAC,uBAAuB,IAAE,IAAI,CAAC,WAAW,CAAK,CACzC,CAChB,CACP,CACG,CACP,CAAA;IACH,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,WAAW,CAC/B,UAAC,UAAqC,EAAE,aAAuB;QAC7D,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,CAAC,UAAC,KAAK;;YACxB,IAAI,KAAK,CAAC,cAAc,EAAE;gBACxB,aAAa,CAAC,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,QAAQ,EAAE,KAAI,EAAE,CAAC,CAAA;aAClD;YACD,IAAI,KAAK,CAAC,SAAS,EAAE;gBACnB,aAAa,CAAC,KAAK,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;aAC9C;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,EAAE,CACH,CAAA;IAED,SAAS,CAAC;QACR,IAAM,aAAa,GAAa,EAAE,CAAA;QAClC,aAAa,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;QACpC,gBAAgB,mBAAK,aAAa,QAAE,CAAA;IACtC,CAAC,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAA;IAE7C,IAAM,WAAW,GAAG,UAAC,IAAiB;;QACpC,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,KAAK;YACjB,kBAAkB,CAAC,IAAI,CAAC;YACxB,IAAI,CAAC,cAAc,IAAI,aAAa,CAAC,OAAO,CAAC,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,EAAE,KAAI,EAAE,CAAC,IAAI,CAAC,IAAI,CAClF,oBAAC,KAAK,IACJ,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,GAAG,EAAE,UAAG,IAAI,CAAC,KAAK,IAAI,EAAE,oBAAiB,EACzC,IAAI,EAAE,UAAG,IAAI,cAAI,IAAI,CAAC,KAAK,IAAI,EAAE,CAAE,EACnC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,IAAI,CAAC,WAAW,EAC9B,WAAW,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,CAAC,CAAC,eAAe,CAAC,EACvD,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,GAC3B,CACH,CACG,CACP,CAAA;IACH,CAAC,CAAA;IACD,OAAO,CACL,sDACoB,UAAG,YAAY,CAAC,CAAC,CAAC,UAAG,IAAI,oBAAiB,CAAC,CAAC,CAAC,EAAE,cAC/D,KAAK,CAAC,CAAC,CAAC,UAAG,IAAI,WAAQ,CAAC,CAAC,CAAC,EAAE,CAC5B;QAED,UAAU,IAAI,CACb,gCAAQ,SAAS,EAAE,4BAAqB,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAE,IAAG,UAAU,CAAU,CAC3F;QACA,SAAS,IAAI,2BAAG,SAAS,EAAC,iBAAiB,IAAE,SAAS,CAAK;QAE5D,6BAAK,SAAS,EAAE,gBAAS,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAI,mBAAmB,IAAI,EAAE,UAAO,IAC9E,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,UAAC,IAAI;;YAAK,OAAA,CACrB,6BAAK,SAAS,EAAE,gBAAS,cAAc,IAAI,EAAE,UAAO,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE;gBAC/D,WAAW,CAAC,IAAI,CAAC;gBACjB,IAAI,CAAC,SAAS,IAAI,aAAa,CAAC,OAAO,CAAC,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,EAAE,KAAI,EAAE,CAAC,IAAI,CAAC,IAAI,CAC7E,6BAAK,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,UAAG,IAAI,CAAC,KAAK,IAAI,EAAE,eAAY,IACzD,MAAA,IAAI,CAAC,SAAS,0CAAE,GAAG,CAAC,UAAC,OAAO;oBAC3B,OAAO,WAAW,CAAC,OAAO,CAAC,CAAA;gBAC7B,CAAC,CAAC,CACE,CACP,CACG,CACP,CAAA;SAAA,CAAC,CACE;QACL,YAAY,IAAI,CACf,2BAAG,EAAE,EAAE,UAAG,IAAI,oBAAiB,EAAE,SAAS,EAAC,gBAAgB,IACxD,YAAY,CACX,CACL;QACA,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,oBAAC,YAAY,IAAC,EAAE,EAAE,UAAG,IAAI,WAAQ,EAAE,KAAK,EAAE,KAAK,IAC5C,YAAY,CACA,CAChB,CAAC,CAAC,CAAC,CACF,8BAAM,EAAE,EAAE,UAAG,IAAI,WAAQ,GAAS,CACnC,CACQ,CACZ,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,UAAU,EAAE,CAAA"}
package/dist/src/forms/MultiSelectField.js CHANGED
@@ -40,6 +40,7 @@ import { Icon } from "../icons/Icon";
40
40
  var MultiSelectField = function (props) {
41
41
  var autocompleteRef = useRef(null);
42
42
  var name = props.name, register = props.register, setValue = props.setValue;
43
+ var inputId = props.id || name;
43
44
  register({ name: name }, props.validation);
44
45
  useEffect(function () {
45
46
  // We need to dynamically import the aria-autocomplete control only on the
@@ -77,13 +78,13 @@ var MultiSelectField = function (props) {
77
78
  }, [autocompleteRef, name, setValue, props]);
78
79
  var label = useMemo(function () {
79
80
  var labelClasses = ["label"];
80
- return (React.createElement("label", { className: labelClasses.join(" "), htmlFor: props.id }, props.label));
81
- }, [props.id, props.label]);
81
+ return (React.createElement("label", { className: labelClasses.join(" "), htmlFor: inputId }, props.label));
82
+ }, [inputId, props.label]);
82
83
  return (React.createElement("div", { className: "field multi-select-field" },
83
84
  props.label && label,
84
85
  React.createElement("div", { className: "control", "data-testid": props.dataTestId },
85
86
  React.createElement(Icon, { symbol: "search", size: "medium" }),
86
- React.createElement("input", { id: props.id, ref: autocompleteRef, className: "input", placeholder: props.placeholder }))));
87
+ React.createElement("input", { id: inputId, ref: autocompleteRef, className: "input", placeholder: props.placeholder }))));
87
88
  };
88
89
  export { MultiSelectField as default, MultiSelectField };
89
90
  //# sourceMappingURL=MultiSelectField.js.map
package/dist/src/forms/MultiSelectField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelectField.js","sourceRoot":"","sources":["../../../src/forms/MultiSelectField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,yBAAyB,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AA+BpC,IAAM,gBAAgB,GAAG,UAAC,KAA4B;IACpD,IAAM,eAAe,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAE9C,IAAA,IAAI,GAAyB,KAAK,KAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IAC1C,QAAQ,CAAC,EAAE,IAAI,MAAA,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,CAAA;IAEpC,SAAS,CAAC;QACR,0EAA0E;QAC1E,qEAAqE;QACrE,4EAA4E;QAE5E,mEAAmE;QACnE,CAAC;QAAA,CAAC;;;;;6BACI,eAAe,CAAC,OAAO,EAAvB,wBAAuB;wBACC,qBAAM,MAAM,CAAC,mBAAmB,CAAC,EAAA;;wBAArD,gBAAgB,GAAG,CAAC,SAAiC,CAAC,CAAC,OAAO;wBACpE,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;wBACrD,gBAAgB,CAAC,eAAe,CAAC,OAAO,EAAE;4BACxC,MAAM,EAAE,KAAK,CAAC,UAAU;4BACxB,KAAK,EAAE,GAAG;4BACV,cAAc,EAAE,OAAO;4BACvB,QAAQ,EAAE,IAAI;4BACd,iBAAiB,EAAE,IAAI;4BACvB,cAAc,EAAE,IAAI;4BACpB,YAAY,EAAE,oBAAoB;4BAClC,QAAQ,EAAE,UAAC,QAAQ;gCACjB,QAAQ,CACN,IAAI,EACJ,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,EAAV,CAAU,CAAC,CACnC,CAAA;4BACH,CAAC;yBACF,CAAC,CAAA;;;;;aAEL,CAAC,EAAE,CAAA;IACN,CAAC,EAAE,CAAC,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAE5C,IAAM,KAAK,GAAG,OAAO,CAAC;QACpB,IAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAA;QAE9B,OAAO,CACL,+BAAO,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,IACxD,KAAK,CAAC,KAAK,CACN,CACT,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAE3B,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B;QACtC,KAAK,CAAC,KAAK,IAAI,KAAK;QACrB,6BAAK,SAAS,EAAC,SAAS,iBAAc,KAAK,CAAC,UAAU;YACpD,oBAAC,IAAI,IAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAG;YACtC,+BACE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,GAAG,EAAE,eAAe,EACpB,SAAS,EAAC,OAAO,EACjB,WAAW,EAAE,KAAK,CAAC,WAAW,GAC9B,CACE,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
1
+ {"version":3,"file":"MultiSelectField.js","sourceRoot":"","sources":["../../../src/forms/MultiSelectField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,yBAAyB,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AA+BpC,IAAM,gBAAgB,GAAG,UAAC,KAA4B;IACpD,IAAM,eAAe,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAE9C,IAAA,IAAI,GAAyB,KAAK,KAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IAC1C,IAAM,OAAO,GAAG,KAAK,CAAC,EAAE,IAAI,IAAI,CAAA;IAChC,QAAQ,CAAC,EAAE,IAAI,MAAA,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,CAAA;IAEpC,SAAS,CAAC;QACR,0EAA0E;QAC1E,qEAAqE;QACrE,4EAA4E;QAE5E,mEAAmE;QACnE,CAAC;QAAA,CAAC;;;;;6BACI,eAAe,CAAC,OAAO,EAAvB,wBAAuB;wBACC,qBAAM,MAAM,CAAC,mBAAmB,CAAC,EAAA;;wBAArD,gBAAgB,GAAG,CAAC,SAAiC,CAAC,CAAC,OAAO;wBACpE,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;wBACrD,gBAAgB,CAAC,eAAe,CAAC,OAAO,EAAE;4BACxC,MAAM,EAAE,KAAK,CAAC,UAAU;4BACxB,KAAK,EAAE,GAAG;4BACV,cAAc,EAAE,OAAO;4BACvB,QAAQ,EAAE,IAAI;4BACd,iBAAiB,EAAE,IAAI;4BACvB,cAAc,EAAE,IAAI;4BACpB,YAAY,EAAE,oBAAoB;4BAClC,QAAQ,EAAE,UAAC,QAAQ;gCACjB,QAAQ,CACN,IAAI,EACJ,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,EAAV,CAAU,CAAC,CACnC,CAAA;4BACH,CAAC;yBACF,CAAC,CAAA;;;;;aAEL,CAAC,EAAE,CAAA;IACN,CAAC,EAAE,CAAC,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAE5C,IAAM,KAAK,GAAG,OAAO,CAAC;QACpB,IAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAA;QAE9B,OAAO,CACL,+BAAO,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,IACvD,KAAK,CAAC,KAAK,CACN,CACT,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAE1B,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B;QACtC,KAAK,CAAC,KAAK,IAAI,KAAK;QACrB,6BAAK,SAAS,EAAC,SAAS,iBAAc,KAAK,CAAC,UAAU;YACpD,oBAAC,IAAI,IAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAG;YACtC,+BACE,EAAE,EAAE,OAAO,EACX,GAAG,EAAE,eAAe,EACpB,SAAS,EAAC,OAAO,EACjB,WAAW,EAAE,KAAK,CAAC,WAAW,GAC9B,CACE,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
package/dist/src/forms/PhoneField.js CHANGED
@@ -14,6 +14,7 @@ import { ErrorMessage } from "../notifications/ErrorMessage";
14
14
  import { PhoneMask } from "./PhoneMask";
15
15
  import { Controller } from "react-hook-form";
16
16
  export var PhoneField = function (props) {
17
+ var idOrName = props.id || props.name;
17
18
  var labelClasses = [];
18
19
  if (props.caps)
19
20
  labelClasses.push("text__caps-spaced");
@@ -27,13 +28,13 @@ export var PhoneField = function (props) {
27
28
  */
28
29
  var controllerProps = {
29
30
  className: "input",
30
- id: props.id,
31
+ id: idOrName,
31
32
  name: props.name,
32
33
  placeholder: props.placeholder,
33
34
  defaultValue: props.defaultValue || "",
34
35
  disabled: props.disabled,
35
36
  control: props.control,
36
- "aria-describedby": "".concat(props.id ? "".concat(props.id, "-error") : "", " ").concat(props.subNote && props.id ? "".concat(props.id, "-sub-note") : ""),
37
+ "aria-describedby": "".concat(props.error ? "".concat(idOrName, "-error") : "", " ").concat(props.subNote ? "".concat(idOrName, "-sub-note") : ""),
37
38
  "aria-invalid": !!props.error,
38
39
  rules: {
39
40
  validate: {
@@ -50,9 +51,9 @@ export var PhoneField = function (props) {
50
51
  },
51
52
  };
52
53
  return (React.createElement("div", { className: "field " + (props.error ? "error" : "") },
53
- props.label && (React.createElement("label", { className: labelClasses.join(" "), htmlFor: props.id }, props.label)),
54
+ props.label && (React.createElement("label", { className: labelClasses.join(" "), htmlFor: idOrName }, props.label)),
54
55
  React.createElement("div", { className: props.controlClassName, "data-testid": props.dataTestId }, props.mask ? (React.createElement(Controller, __assign({}, controllerProps, { render: props.mask }))) : (React.createElement(Controller, __assign({}, controllerProps, { as: PhoneMask })))),
55
- props.subNote && (React.createElement("p", { id: "".concat(props.id || "", "-sub-note"), className: "field-sub-note" }, props.subNote)),
56
- React.createElement(ErrorMessage, { id: "".concat(props.id || "", "-error"), error: props.error }, props.errorMessage)));
56
+ props.subNote && (React.createElement("p", { id: "".concat(idOrName, "-sub-note"), className: "field-sub-note" }, props.subNote)),
57
+ React.createElement(ErrorMessage, { id: "".concat(idOrName, "-error"), error: props.error }, props.errorMessage)));
57
58
  };
58
59
  //# sourceMappingURL=PhoneField.js.map
package/dist/src/forms/PhoneField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PhoneField.js","sourceRoot":"","sources":["../../../src/forms/PhoneField.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"PhoneField.js","sourceRoot":"","sources":["../../../src/forms/PhoneField.tsx"],"names":[],"mappings":"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"}
package/dist/src/forms/PhoneMask.js CHANGED
@@ -2,13 +2,15 @@ import React from "react";
2
2
  import MaskedInput from "react-text-mask";
3
3
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
4
4
  export var PhoneMask = React.forwardRef(function (props, ref) {
5
+ var _a;
5
6
  var value = props.value, onChange = props.onChange, name = props.name, disabled = props.disabled, placeholder = props.placeholder;
7
+ var inputId = (_a = props.id) !== null && _a !== void 0 ? _a : name;
6
8
  return (React.createElement(React.Fragment, null,
7
- React.createElement(MaskedInput, { mask: ["(", /[1-9]/, /\d/, /\d/, ")", " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/], className: "input", type: "tel", placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "", guide: false, id: name, value: value, name: name, disabled: disabled,
9
+ React.createElement(MaskedInput, { mask: ["(", /[1-9]/, /\d/, /\d/, ")", " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/], className: "input", type: "tel", placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "", guide: false, id: inputId, value: value, name: name, disabled: disabled,
8
10
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
9
11
  onChange: function (e) {
10
12
  e.persist();
11
13
  onChange && onChange(e);
12
- }, ref: ref, "aria-labelledby": "phone-label", "aria-describedby": props["aria-describedby"], "aria-invalid": props["aria-invalid"] })));
14
+ }, ref: ref, "aria-describedby": props["aria-describedby"], "aria-invalid": props["aria-invalid"] })));
13
15
  });
14
16
  //# sourceMappingURL=PhoneMask.js.map
package/dist/src/forms/PhoneMask.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PhoneMask.js","sourceRoot":"","sources":["../../../src/forms/PhoneMask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,iBAAiB,CAAA;AAEzC,8DAA8D;AAC9D,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAU,EAAE,GAAQ;IACrD,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,QAAQ,GAAkC,KAAK,SAAvC,EAAE,IAAI,GAA4B,KAAK,KAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IAE9D,OAAO,CACL;QACE,oBAAC,WAAW,IACV,IAAI,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EACzF,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAC9B,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ;YAClB,8DAA8D;YAC9D,QAAQ,EAAE,UAAC,CAAM;gBACf,CAAC,CAAC,OAAO,EAAE,CAAA;gBACX,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAA;YACzB,CAAC,EACD,GAAG,EAAE,GAAG,qBACS,aAAa,sBACZ,KAAK,CAAC,kBAAkB,CAAC,kBAC7B,KAAK,CAAC,cAAc,CAAC,GACnC,CACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
1
+ {"version":3,"file":"PhoneMask.js","sourceRoot":"","sources":["../../../src/forms/PhoneMask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,iBAAiB,CAAA;AAEzC,8DAA8D;AAC9D,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAU,EAAE,GAAQ;;IACrD,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,QAAQ,GAAkC,KAAK,SAAvC,EAAE,IAAI,GAA4B,KAAK,KAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IAC9D,IAAM,OAAO,GAAG,MAAA,KAAK,CAAC,EAAE,mCAAI,IAAI,CAAA;IAEhC,OAAO,CACL;QACE,oBAAC,WAAW,IACV,IAAI,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EACzF,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAC9B,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ;YAClB,8DAA8D;YAC9D,QAAQ,EAAE,UAAC,CAAM;gBACf,CAAC,CAAC,OAAO,EAAE,CAAA;gBACX,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAA;YACzB,CAAC,EACD,GAAG,EAAE,GAAG,sBACU,KAAK,CAAC,kBAAkB,CAAC,kBAC7B,KAAK,CAAC,cAAc,CAAC,GACnC,CACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
package/dist/src/forms/Select.js CHANGED
@@ -14,13 +14,14 @@ import { ErrorMessage } from "../notifications/ErrorMessage";
14
14
  import { FormOptions } from "../helpers/formOptions";
15
15
  export var Select = function (_a) {
16
16
  var error = _a.error, errorMessage = _a.errorMessage, controlClassName = _a.controlClassName, labelClassName = _a.labelClassName, id = _a.id, name = _a.name, label = _a.label, placeholder = _a.placeholder, register = _a.register, validation = _a.validation, disabled = _a.disabled, options = _a.options, keyPrefix = _a.keyPrefix, describedBy = _a.describedBy, inputProps = _a.inputProps, defaultValue = _a.defaultValue, subNote = _a.subNote, dataTestId = _a.dataTestId;
17
+ var idOrName = id || name;
17
18
  return (React.createElement("div", { className: "field ".concat(error ? "error" : "") },
18
- React.createElement("label", { className: labelClassName, htmlFor: id }, label),
19
+ React.createElement("label", { className: labelClassName, htmlFor: idOrName }, label),
19
20
  React.createElement("div", { className: controlClassName },
20
- React.createElement("select", __assign({ className: "input", id: id || name, name: name, "data-testid": dataTestId, "aria-describedby": describedBy ? describedBy : "".concat(id || name, "-error"), "aria-invalid": !!error || false, ref: register && register(validation), disabled: disabled, defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : "" }, inputProps),
21
+ React.createElement("select", __assign({ className: "input", id: idOrName, name: name, "data-testid": dataTestId, "aria-describedby": "".concat(describedBy ? describedBy : "", " ").concat(error ? "".concat(idOrName, "-error") : "", " ").concat(subNote ? "".concat(idOrName, "-sub-note") : ""), "aria-invalid": !!error || false, ref: register && register(validation), disabled: disabled, defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : "" }, inputProps),
21
22
  placeholder && (React.createElement("option", { value: "", disabled: true }, placeholder)),
22
23
  React.createElement(FormOptions, { options: options, keyPrefix: keyPrefix }))),
23
- subNote && React.createElement("p", { className: "field-sub-note" }, subNote),
24
- error && errorMessage ? (React.createElement(ErrorMessage, { id: "".concat(id || name, "-error"), error: error }, errorMessage)) : (React.createElement("span", { id: "".concat(id || name, "-error") }))));
24
+ subNote && (React.createElement("p", { className: "field-sub-note", id: "".concat(idOrName, "-sub-note") }, subNote)),
25
+ error && errorMessage ? (React.createElement(ErrorMessage, { id: "".concat(idOrName, "-error"), error: error }, errorMessage)) : (React.createElement("span", { id: "".concat(idOrName, "-error") }))));
25
26
  };
26
27
  //# sourceMappingURL=Select.js.map
package/dist/src/forms/Select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/forms/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AA8BpD,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAmBT;QAlBZ,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,UAAU,gBAAA;IAEV,OAAO,CACL,6BAAK,SAAS,EAAE,gBAAS,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAE;QAC7C,+BAAO,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,IAC1C,KAAK,CACA;QACR,6BAAK,SAAS,EAAE,gBAAgB;YAC9B,yCACE,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE,EAAE,IAAI,IAAI,EACd,IAAI,EAAE,IAAI,iBACG,UAAU,sBACL,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAG,EAAE,IAAI,IAAI,WAAQ,kBACrD,CAAC,CAAC,KAAK,IAAI,KAAK,EAC9B,GAAG,EAAE,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,EACrC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,IAC5B,UAAU;gBAEb,WAAW,IAAI,CACd,gCAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,UACtB,WAAW,CACL,CACV;gBACD,oBAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CAChD,CACL;QACL,OAAO,IAAI,2BAAG,SAAS,EAAC,gBAAgB,IAAE,OAAO,CAAK;QACtD,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,oBAAC,YAAY,IAAC,EAAE,EAAE,UAAG,EAAE,IAAI,IAAI,WAAQ,EAAE,KAAK,EAAE,KAAK,IAClD,YAAY,CACA,CAChB,CAAC,CAAC,CAAC,CACF,8BAAM,EAAE,EAAE,UAAG,EAAE,IAAI,IAAI,WAAQ,GAAS,CACzC,CACG,CACP,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/forms/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AA8BpD,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAmBT;QAlBZ,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,UAAU,gBAAA;IAEV,IAAM,QAAQ,GAAG,EAAE,IAAI,IAAI,CAAA;IAE3B,OAAO,CACL,6BAAK,SAAS,EAAE,gBAAS,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAE;QAC7C,+BAAO,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,IAChD,KAAK,CACA;QACR,6BAAK,SAAS,EAAE,gBAAgB;YAC9B,yCACE,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAE,IAAI,iBACG,UAAU,sBACL,UAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,eACjD,KAAK,CAAC,CAAC,CAAC,UAAG,QAAQ,WAAQ,CAAC,CAAC,CAAC,EAAE,cAC9B,OAAO,CAAC,CAAC,CAAC,UAAG,QAAQ,cAAW,CAAC,CAAC,CAAC,EAAE,CAAE,kBAC7B,CAAC,CAAC,KAAK,IAAI,KAAK,EAC9B,GAAG,EAAE,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,EACrC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,IAC5B,UAAU;gBAEb,WAAW,IAAI,CACd,gCAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,UACtB,WAAW,CACL,CACV;gBACD,oBAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CAChD,CACL;QACL,OAAO,IAAI,CACV,2BAAG,SAAS,EAAC,gBAAgB,EAAC,EAAE,EAAE,UAAG,QAAQ,cAAW,IACrD,OAAO,CACN,CACL;QACA,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,oBAAC,YAAY,IAAC,EAAE,EAAE,UAAG,QAAQ,WAAQ,EAAE,KAAK,EAAE,KAAK,IAChD,YAAY,CACA,CAChB,CAAC,CAAC,CAAC,CACF,8BAAM,EAAE,EAAE,UAAG,QAAQ,WAAQ,GAAS,CACvC,CACG,CACP,CAAA;AACH,CAAC,CAAA"}
package/dist/src/headers/StepHeader.js CHANGED
@@ -2,7 +2,8 @@ import * as React from "react";
2
2
  import "./StepHeader.scss";
3
3
  var StepHeader = function (_a) {
4
4
  var currentStep = _a.currentStep, totalSteps = _a.totalSteps, stepPreposition = _a.stepPreposition, stepLabeling = _a.stepLabeling, className = _a.className, priority = _a.priority;
5
- var Tag = "h".concat(priority || 2);
5
+ var limitedPriority = priority && priority >= 1 && priority <= 6 ? priority : 2;
6
+ var Tag = "h".concat(limitedPriority);
6
7
  return (React.createElement(Tag, { className: "step-header ".concat(className || "") },
7
8
  React.createElement("span", { className: "step-header__circle-number" }, currentStep),
8
9
  React.createElement("span", null, "".concat(stepPreposition, " ").concat(totalSteps)),
package/dist/src/headers/StepHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StepHeader.js","sourceRoot":"","sources":["../../../src/headers/StepHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,mBAAmB,CAAA;AAW1B,IAAM,UAAU,GAAG,UAAC,EAOF;QANhB,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,IAAM,GAAG,GAAG,WAAI,QAAQ,IAAI,CAAC,CAAuC,CAAA;IAEpE,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,sBAAe,SAAS,IAAI,EAAE,CAAE;QAC9C,8BAAM,SAAS,EAAC,4BAA4B,IAAE,WAAW,CAAQ;QACjE,kCAAO,UAAG,eAAe,cAAI,UAAU,CAAE,CAAQ;QACjD,8BAAM,SAAS,EAAC,oBAAoB,IACjC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAC5D,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,UAAU,EAAE,CAAA"}
1
+ {"version":3,"file":"StepHeader.js","sourceRoot":"","sources":["../../../src/headers/StepHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,mBAAmB,CAAA;AAY1B,IAAM,UAAU,GAAG,UAAC,EAOF;QANhB,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,IAAM,eAAe,GAAG,QAAQ,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IACjF,IAAM,GAAG,GAAG,WAAI,eAAe,CAAgB,CAAA;IAE/C,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,sBAAe,SAAS,IAAI,EAAE,CAAE;QAC9C,8BAAM,SAAS,EAAC,4BAA4B,IAAE,WAAW,CAAQ;QACjE,kCAAO,UAAG,eAAe,cAAI,UAAU,CAAE,CAAQ;QACjD,8BAAM,SAAS,EAAC,oBAAoB,IACjC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAC5D,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,UAAU,EAAE,CAAA"}
package/dist/src/text/Heading.d.ts CHANGED
@@ -15,5 +15,6 @@ declare const HeaderStyleMap: {
15
15
  lightWeighted: string;
16
16
  capsWeighted: string;
17
17
  };
18
+ export type HeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
18
19
  declare const Heading: (props: HeadingProps) => React.JSX.Element;
19
20
  export { Heading as default, Heading };
package/dist/src/text/Heading.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/text/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,IAAM,cAAc,GAAG;IACrB,YAAY,EAAE,qBAAqB;IACnC,YAAY,EAAE,qBAAqB;IACnC,aAAa,EAAE,sBAAsB;IACrC,WAAW,EAAE,oBAAoB;IACjC,iBAAiB,EAAE,0BAA0B;IAC7C,aAAa,EAAE,sBAAsB;IACrC,YAAY,EAAE,qBAAqB;CACpC,CAAA;AAED,IAAM,OAAO,GAAG,UAAC,KAAmB;IAClC,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAClG,IAAM,GAAG,GAAG,WAAI,QAAQ,CAAuC,CAAA;IAC/D,IAAM,UAAU,GAAG,EAAE,CAAA;IACrB,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAA;IACrE,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AACrE,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,OAAO,EAAE,CAAA"}
1
+ {"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/text/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,IAAM,cAAc,GAAG;IACrB,YAAY,EAAE,qBAAqB;IACnC,YAAY,EAAE,qBAAqB;IACnC,aAAa,EAAE,sBAAsB;IACrC,WAAW,EAAE,oBAAoB;IACjC,iBAAiB,EAAE,0BAA0B;IAC7C,aAAa,EAAE,sBAAsB;IACrC,YAAY,EAAE,qBAAqB;CACpC,CAAA;AAID,IAAM,OAAO,GAAG,UAAC,KAAmB;IAClC,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAClG,IAAM,GAAG,GAAG,WAAI,QAAQ,CAAgB,CAAA;IACxC,IAAM,UAAU,GAAG,EAAE,CAAA;IACrB,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAA;IACrE,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AACrE,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,OAAO,EAAE,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bloom-housing/ui-components",
3
- "version": "13.0.7",
3
+ "version": "13.0.9",
4
4
  "author": "Sean Albert <sean.albert@exygy.com>",
5
5
  "description": "Shared user interface components for Bloom affordable housing system",
6
6
  "homepage": "https://github.com/bloom-housing/ui-components",
package/src/forms/FieldGroup.tsx CHANGED
@@ -134,7 +134,7 @@ const FieldGroup = ({
134
134
  }
135
135
  })
136
136
  },
137
- [],
137
+ []
138
138
  )
139
139
 
140
140
  useEffect(() => {
@@ -164,7 +164,11 @@ const FieldGroup = ({
164
164
  )
165
165
  }
166
166
  return (
167
- <fieldset aria-describedby={`${name}-group-sub-note ${name}-error`}>
167
+ <fieldset
168
+ aria-describedby={`${groupSubNote ? `${name}-group-sub-note` : ""} ${
169
+ error ? `${name}-error` : ""
170
+ }`}
171
+ >
168
172
  {groupLabel && (
169
173
  <legend className={`text__caps-spaced ${error ? "text-alert" : ""}`}>{groupLabel}</legend>
170
174
  )}
package/src/forms/MultiSelectField.tsx CHANGED
@@ -36,6 +36,7 @@ const MultiSelectField = (props: MultiSelectFieldProps) => {
36
36
  const autocompleteRef = useRef<HTMLInputElement>(null)
37
37
 
38
38
  const { name, register, setValue } = props
39
+ const inputId = props.id || name
39
40
  register({ name }, props.validation)
40
41
 
41
42
  useEffect(() => {
@@ -71,11 +72,11 @@ const MultiSelectField = (props: MultiSelectFieldProps) => {
71
72
  const labelClasses = ["label"]
72
73
 
73
74
  return (
74
- <label className={labelClasses.join(" ")} htmlFor={props.id}>
75
+ <label className={labelClasses.join(" ")} htmlFor={inputId}>
75
76
  {props.label}
76
77
  </label>
77
78
  )
78
- }, [props.id, props.label])
79
+ }, [inputId, props.label])
79
80
 
80
81
  return (
81
82
  <div className="field multi-select-field">
@@ -83,7 +84,7 @@ const MultiSelectField = (props: MultiSelectFieldProps) => {
83
84
  <div className="control" data-testid={props.dataTestId}>
84
85
  <Icon symbol="search" size="medium" />
85
86
  <input
86
- id={props.id}
87
+ id={inputId}
87
88
  ref={autocompleteRef}
88
89
  className="input"
89
90
  placeholder={props.placeholder}
package/src/forms/PhoneField.tsx CHANGED
@@ -21,6 +21,7 @@ export const PhoneField = (props: {
21
21
  mask?: (args: any) => React.JSX.Element
22
22
  dataTestId?: string
23
23
  }) => {
24
+ const idOrName = props.id || props.name
24
25
  const labelClasses = []
25
26
  if (props.caps) labelClasses.push("text__caps-spaced")
26
27
  if (props.readerOnly) labelClasses.push("sr-only")
@@ -32,14 +33,14 @@ export const PhoneField = (props: {
32
33
  */
33
34
  const controllerProps = {
34
35
  className: "input",
35
- id: props.id,
36
+ id: idOrName,
36
37
  name: props.name,
37
38
  placeholder: props.placeholder,
38
39
  defaultValue: props.defaultValue || "",
39
40
  disabled: props.disabled,
40
41
  control: props.control,
41
- "aria-describedby": `${props.id ? `${props.id}-error` : ""} ${
42
- props.subNote && props.id ? `${props.id}-sub-note` : ""
42
+ "aria-describedby": `${props.error ? `${idOrName}-error` : ""} ${
43
+ props.subNote ? `${idOrName}-sub-note` : ""
43
44
  }`,
44
45
  "aria-invalid": !!props.error,
45
46
  rules: {
@@ -60,7 +61,7 @@ export const PhoneField = (props: {
60
61
  return (
61
62
  <div className={"field " + (props.error ? "error" : "")}>
62
63
  {props.label && (
63
- <label className={labelClasses.join(" ")} htmlFor={props.id}>
64
+ <label className={labelClasses.join(" ")} htmlFor={idOrName}>
64
65
  {props.label}
65
66
  </label>
66
67
  )}
@@ -72,11 +73,11 @@ export const PhoneField = (props: {
72
73
  )}
73
74
  </div>
74
75
  {props.subNote && (
75
- <p id={`${props.id || ""}-sub-note`} className="field-sub-note">
76
+ <p id={`${idOrName}-sub-note`} className="field-sub-note">
76
77
  {props.subNote}
77
78
  </p>
78
79
  )}
79
- <ErrorMessage id={`${props.id || ""}-error`} error={props.error}>
80
+ <ErrorMessage id={`${idOrName}-error`} error={props.error}>
80
81
  {props.errorMessage}
81
82
  </ErrorMessage>
82
83
  </div>
package/src/forms/PhoneMask.tsx CHANGED
@@ -4,6 +4,7 @@ import MaskedInput from "react-text-mask"
4
4
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
5
5
  export const PhoneMask = React.forwardRef((props: any, ref: any) => {
6
6
  const { value, onChange, name, disabled, placeholder } = props
7
+ const inputId = props.id ?? name
7
8
 
8
9
  return (
9
10
  <>
@@ -13,7 +14,7 @@ export const PhoneMask = React.forwardRef((props: any, ref: any) => {
13
14
  type="tel"
14
15
  placeholder={placeholder ?? ""}
15
16
  guide={false}
16
- id={name}
17
+ id={inputId}
17
18
  value={value}
18
19
  name={name}
19
20
  disabled={disabled}
@@ -23,7 +24,6 @@ export const PhoneMask = React.forwardRef((props: any, ref: any) => {
23
24
  onChange && onChange(e)
24
25
  }}
25
26
  ref={ref}
26
- aria-labelledby={"phone-label"}
27
27
  aria-describedby={props["aria-describedby"]}
28
28
  aria-invalid={props["aria-invalid"]}
29
29
  />
package/src/forms/Select.tsx CHANGED
@@ -50,18 +50,22 @@ export const Select = ({
50
50
  subNote,
51
51
  dataTestId,
52
52
  }: SelectProps) => {
53
+ const idOrName = id || name
54
+
53
55
  return (
54
56
  <div className={`field ${error ? "error" : ""}`}>
55
- <label className={labelClassName} htmlFor={id}>
57
+ <label className={labelClassName} htmlFor={idOrName}>
56
58
  {label}
57
59
  </label>
58
60
  <div className={controlClassName}>
59
61
  <select
60
62
  className="input"
61
- id={id || name}
63
+ id={idOrName}
62
64
  name={name}
63
65
  data-testid={dataTestId}
64
- aria-describedby={describedBy ? describedBy : `${id || name}-error`}
66
+ aria-describedby={`${describedBy ? describedBy : ""} ${
67
+ error ? `${idOrName}-error` : ""
68
+ } ${subNote ? `${idOrName}-sub-note` : ""}`}
65
69
  aria-invalid={!!error || false}
66
70
  ref={register && register(validation)}
67
71
  disabled={disabled}
@@ -76,13 +80,17 @@ export const Select = ({
76
80
  <FormOptions options={options} keyPrefix={keyPrefix} />
77
81
  </select>
78
82
  </div>
79
- {subNote && <p className="field-sub-note">{subNote}</p>}
83
+ {subNote && (
84
+ <p className="field-sub-note" id={`${idOrName}-sub-note`}>
85
+ {subNote}
86
+ </p>
87
+ )}
80
88
  {error && errorMessage ? (
81
- <ErrorMessage id={`${id || name}-error`} error={error}>
89
+ <ErrorMessage id={`${idOrName}-error`} error={error}>
82
90
  {errorMessage}
83
91
  </ErrorMessage>
84
92
  ) : (
85
- <span id={`${id || name}-error`}></span>
93
+ <span id={`${idOrName}-error`}></span>
86
94
  )}
87
95
  </div>
88
96
  )
package/src/headers/StepHeader.tsx CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as React from "react"
2
2
  import "./StepHeader.scss"
3
+ import { HeadingTag } from "../text/Heading"
3
4
 
4
5
  export interface StepHeaderProps {
5
6
  currentStep: number
@@ -18,7 +19,8 @@ const StepHeader = ({
18
19
  className,
19
20
  priority,
20
21
  }: StepHeaderProps) => {
21
- const Tag = `h${priority || 2}` as keyof React.JSX.IntrinsicElements
22
+ const limitedPriority = priority && priority >= 1 && priority <= 6 ? priority : 2
23
+ const Tag = `h${limitedPriority}` as HeadingTag
22
24
 
23
25
  return (
24
26
  <Tag className={`step-header ${className || ""}`}>
package/src/text/Heading.tsx CHANGED
@@ -19,9 +19,11 @@ const HeaderStyleMap = {
19
19
  capsWeighted: "text__caps-weighted",
20
20
  }
21
21
 
22
+ export type HeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
23
+
22
24
  const Heading = (props: HeadingProps) => {
23
25
  const priority = props.priority && props.priority >= 1 && props.priority <= 6 ? props.priority : 1
24
- const Tag = `h${priority}` as keyof React.JSX.IntrinsicElements
26
+ const Tag = `h${priority}` as HeadingTag
25
27
  const classNames = []
26
28
  if (props.styleType) classNames.push(HeaderStyleMap[props.styleType])
27
29
  if (props.className) classNames.push(props.className)