@bloom-housing/ui-components 12.0.26 → 12.0.28
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.
- package/dist/__tests__/forms/PhoneField.test.js +2 -4
- package/dist/__tests__/forms/PhoneField.test.js.map +1 -1
- package/dist/src/forms/DOBField.js +4 -4
- package/dist/src/forms/DOBField.js.map +1 -1
- package/dist/src/forms/Field.js +1 -1
- package/dist/src/forms/Field.js.map +1 -1
- package/dist/src/forms/PhoneField.js +1 -1
- package/dist/src/forms/PhoneField.js.map +1 -1
- package/dist/src/forms/PhoneMask.js +1 -1
- package/dist/src/forms/PhoneMask.js.map +1 -1
- package/dist/src/helpers/MultiLineAddress.js +1 -1
- package/dist/src/helpers/MultiLineAddress.js.map +1 -1
- package/package.json +1 -1
- package/src/forms/DOBField.tsx +4 -7
- package/src/forms/Field.tsx +3 -1
- package/src/forms/PhoneField.tsx +1 -1
- package/src/forms/PhoneMask.tsx +1 -1
- package/src/global/forms.scss +0 -1
- package/src/global/text.scss +0 -1
- package/src/helpers/MultiLineAddress.tsx +3 -1
- package/src/navigation/ProgressNav.scss +26 -13
- package/src/page_components/ApplicationTimeline.scss +36 -0
|
@@ -13,14 +13,12 @@ var ErrorPhoneField = function () {
|
|
|
13
13
|
};
|
|
14
14
|
describe("<PhoneField>", function () {
|
|
15
15
|
it("renders default state", function () {
|
|
16
|
-
var
|
|
16
|
+
var getByText = render(React.createElement(DefaultPhoneField, null)).getByText;
|
|
17
17
|
expect(getByText("Your Second Phone Number")).toBeTruthy();
|
|
18
|
-
expect(getByPlaceholderText("(555) 555-5555")).toBeTruthy();
|
|
19
18
|
});
|
|
20
19
|
it("renders error state", function () {
|
|
21
|
-
var
|
|
20
|
+
var getByText = render(React.createElement(ErrorPhoneField, null)).getByText;
|
|
22
21
|
expect(getByText("Your Second Phone Number")).toBeTruthy();
|
|
23
|
-
expect(getByPlaceholderText("(555) 555-5555")).toBeTruthy();
|
|
24
22
|
expect(getByText("Uh oh!")).toBeTruthy();
|
|
25
23
|
});
|
|
26
24
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneField.test.js","sourceRoot":"","sources":["../../../__tests__/forms/PhoneField.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,SAAS,CAAC,OAAO,CAAC,CAAA;AAElB,IAAM,iBAAiB,GAAG;IAChB,IAAA,OAAO,GAAK,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,QAAlC,CAAkC;IACjD,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAC,uBAAuB,EAC1B,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAE,0BAA0B,EACjC,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAC,SAAS,GAC1B,CACH,CAAA;AACH,CAAC,CAAA;AAED,IAAM,eAAe,GAAG;IACd,IAAA,OAAO,GAAK,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,QAAlC,CAAkC;IACjD,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAC,uBAAuB,EAC1B,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAE,0BAA0B,EACjC,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,IAAI,EACX,YAAY,EAAE,QAAQ,EACtB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAC,SAAS,EAC1B,UAAU,EAAE,IAAI,GAChB,CACH,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,cAAc,EAAE;IACvB,EAAE,CAAC,uBAAuB,EAAE;
|
|
1
|
+
{"version":3,"file":"PhoneField.test.js","sourceRoot":"","sources":["../../../__tests__/forms/PhoneField.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,SAAS,CAAC,OAAO,CAAC,CAAA;AAElB,IAAM,iBAAiB,GAAG;IAChB,IAAA,OAAO,GAAK,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,QAAlC,CAAkC;IACjD,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAC,uBAAuB,EAC1B,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAE,0BAA0B,EACjC,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAC,SAAS,GAC1B,CACH,CAAA;AACH,CAAC,CAAA;AAED,IAAM,eAAe,GAAG;IACd,IAAA,OAAO,GAAK,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,QAAlC,CAAkC;IACjD,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAC,uBAAuB,EAC1B,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAE,0BAA0B,EACjC,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,IAAI,EACX,YAAY,EAAE,QAAQ,EACtB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAC,SAAS,EAC1B,UAAU,EAAE,IAAI,GAChB,CACH,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,cAAc,EAAE;IACvB,EAAE,CAAC,uBAAuB,EAAE;QAClB,IAAA,SAAS,GAAK,MAAM,CAAC,oBAAC,iBAAiB,OAAG,CAAC,UAAlC,CAAkC;QACnD,MAAM,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;IAC5D,CAAC,CAAC,CAAA;IACF,EAAE,CAAC,qBAAqB,EAAE;QAChB,IAAA,SAAS,GAAK,MAAM,CAAC,oBAAC,eAAe,OAAG,CAAC,UAAhC,CAAgC;QACjD,MAAM,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;QAC1D,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;IAC1C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
|
|
@@ -26,7 +26,7 @@ var DOBField = function (props) {
|
|
|
26
26
|
return (React.createElement("fieldset", { id: id },
|
|
27
27
|
React.createElement("legend", { className: labelClasses.join(" ") }, props.label),
|
|
28
28
|
React.createElement("div", { className: "field-group--date" },
|
|
29
|
-
React.createElement(Field, { name: getFieldName("birthMonth"), label: (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.month) !== null && _d !== void 0 ? _d : t("t.month"), disabled: props.disabled,
|
|
29
|
+
React.createElement(Field, { name: getFieldName("birthMonth"), label: (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.month) !== null && _d !== void 0 ? _d : t("t.month"), disabled: props.disabled, placeholder: (_f = (_e = props.strings) === null || _e === void 0 ? void 0 : _e.monthPlaceholder) !== null && _f !== void 0 ? _f : "", defaultValue: (defaultDOB === null || defaultDOB === void 0 ? void 0 : defaultDOB.birthMonth) ? defaultDOB.birthMonth : "", error: (error === null || error === void 0 ? void 0 : error.birthMonth) !== undefined, validation: {
|
|
30
30
|
required: props.required,
|
|
31
31
|
validate: {
|
|
32
32
|
monthRange: function (value) {
|
|
@@ -36,7 +36,7 @@ var DOBField = function (props) {
|
|
|
36
36
|
},
|
|
37
37
|
},
|
|
38
38
|
}, inputProps: { maxLength: 2 }, register: register, dataTestId: "dob-field-month" }),
|
|
39
|
-
React.createElement(Field, { name: getFieldName("birthDay"), label: (_h = (_g = props.strings) === null || _g === void 0 ? void 0 : _g.day) !== null && _h !== void 0 ? _h : t("t.day"), disabled: props.disabled,
|
|
39
|
+
React.createElement(Field, { name: getFieldName("birthDay"), label: (_h = (_g = props.strings) === null || _g === void 0 ? void 0 : _g.day) !== null && _h !== void 0 ? _h : t("t.day"), disabled: props.disabled, placeholder: (_k = (_j = props.strings) === null || _j === void 0 ? void 0 : _j.dayPlaceholder) !== null && _k !== void 0 ? _k : "", defaultValue: (defaultDOB === null || defaultDOB === void 0 ? void 0 : defaultDOB.birthDay) ? defaultDOB.birthDay : "", error: (error === null || error === void 0 ? void 0 : error.birthDay) !== undefined, validation: {
|
|
40
40
|
required: props.required,
|
|
41
41
|
validate: {
|
|
42
42
|
dayRange: function (value) {
|
|
@@ -46,7 +46,7 @@ var DOBField = function (props) {
|
|
|
46
46
|
},
|
|
47
47
|
},
|
|
48
48
|
}, inputProps: { maxLength: 2 }, register: register, dataTestId: "dob-field-day" }),
|
|
49
|
-
React.createElement(Field, { name: getFieldName("birthYear"), label: (_m = (_l = props.strings) === null || _l === void 0 ? void 0 : _l.year) !== null && _m !== void 0 ? _m : t("t.year"), disabled: props.disabled,
|
|
49
|
+
React.createElement(Field, { name: getFieldName("birthYear"), label: (_m = (_l = props.strings) === null || _l === void 0 ? void 0 : _l.year) !== null && _m !== void 0 ? _m : t("t.year"), disabled: props.disabled, placeholder: (_p = (_o = props.strings) === null || _o === void 0 ? void 0 : _o.yearPlaceholder) !== null && _p !== void 0 ? _p : "", defaultValue: (defaultDOB === null || defaultDOB === void 0 ? void 0 : defaultDOB.birthYear) ? defaultDOB.birthYear : "", error: (error === null || error === void 0 ? void 0 : error.birthYear) !== undefined, validation: {
|
|
50
50
|
required: props.required,
|
|
51
51
|
validate: {
|
|
52
52
|
yearRange: function (value) {
|
|
@@ -63,7 +63,7 @@ var DOBField = function (props) {
|
|
|
63
63
|
},
|
|
64
64
|
}, inputProps: { maxLength: 4 }, register: register, dataTestId: "dob-field-year" })),
|
|
65
65
|
hasError && (React.createElement("div", { className: "field error" },
|
|
66
|
-
React.createElement("span", { id: "".concat(id, "-error"), className: "error-message" }, errorMessage ? errorMessage : (_r = (_q = props.strings) === null || _q === void 0 ? void 0 : _q.dateError) !== null && _r !== void 0 ? _r : t("errors.dateOfBirthError"))))));
|
|
66
|
+
React.createElement("span", { id: "".concat(id || "", "-error"), className: "error-message" }, errorMessage ? errorMessage : (_r = (_q = props.strings) === null || _q === void 0 ? void 0 : _q.dateError) !== null && _r !== void 0 ? _r : t("errors.dateOfBirthError"))))));
|
|
67
67
|
};
|
|
68
68
|
export { DOBField as default, DOBField };
|
|
69
69
|
//# sourceMappingURL=DOBField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DOBField.js","sourceRoot":"","sources":["../../../src/forms/DOBField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,iBAAiB,MAAM,gCAAgC,CAAA;AAC9D,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAA;AAiC/B,IAAM,QAAQ,GAAG,UAAC,KAAoB;;IAC5B,IAAA,UAAU,GAAoE,KAAK,WAAzE,EAAE,KAAK,GAA6D,KAAK,MAAlE,EAAE,QAAQ,GAAmD,KAAK,SAAxD,EAAE,KAAK,GAA4C,KAAK,MAAjD,EAAE,aAAa,GAA6B,KAAK,cAAlC,EAAE,IAAI,GAAuB,KAAK,KAA5B,EAAE,EAAE,GAAmB,KAAK,GAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAU;IAE3F,IAAM,YAAY,GAAG,UAAC,QAAgB;QACpC,+DAA+D;QAC/D,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,EAAJ,CAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC1D,CAAC,CAAA;IAED,IAAM,QAAQ,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,MAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAA,KAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAA,CAAA;IAEzE,IAAM,QAAQ,GAAG,MAAA,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,mCAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAA;IACxE,IAAM,UAAU,GAAG,MAAA,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,mCAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,CAAA;IAE9E,IAAM,WAAW,GAAG,UAAC,KAAa;QAChC,OAAO,CACL,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI;YACtB,KAAK,CAAC,UAAG,UAAU,cAAI,QAAQ,cAAI,KAAK,CAAE,EAAE,UAAU,CAAC,GAAG,KAAK,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC,CACxF,CAAA;IACH,CAAC,CAAA;IAED,IAAM,YAAY,GAAG,CAAC,mBAAmB,CAAC,CAAA;IAC1C,IAAI,KAAK,CAAC,UAAU;QAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAClD,IAAI,QAAQ;QAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAE7C,OAAO,CACL,kCAAU,EAAE,EAAE,EAAE;QACd,gCAAQ,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,KAAK,CAAU;QAEjE,6BAAK,SAAS,EAAC,mBAAmB;YAChC,oBAAC,KAAK,IACJ,IAAI,EAAE,YAAY,CAAC,YAAY,CAAC,EAChC,KAAK,EAAE,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,KAAK,mCAAI,CAAC,CAAC,SAAS,CAAC,EAC3C,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,
|
|
1
|
+
{"version":3,"file":"DOBField.js","sourceRoot":"","sources":["../../../src/forms/DOBField.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/forms/Field.js
CHANGED
|
@@ -109,7 +109,7 @@ var Field = function (props) {
|
|
|
109
109
|
React.createElement("input", __assign({ "aria-describedby": props.describedBy ? props.describedBy : "".concat(idOrName, "-error"), "aria-invalid": !!props.error || false, "aria-label": props.ariaLabel, className: "input", type: type, id: idOrName, name: props.name, defaultValue: props.defaultValue, title: props.placeholder ? props.placeholder : idOrName, placeholder: props.placeholder, ref: props.register && props.register(props.validation), disabled: props.disabled, onPaste: props.onPaste, onDrop: props.onDrop, onChange: props.onChange, "data-testid": props.dataTestId }, inputProps, { hidden: props.hidden })),
|
|
110
110
|
isRadioOrCheckbox && label),
|
|
111
111
|
props.subNote && React.createElement("p", { className: "field-sub-note" }, props.subNote),
|
|
112
|
-
props.errorMessage
|
|
112
|
+
props.errorMessage ? (React.createElement(ErrorMessage, { id: "".concat(idOrName, "-error"), error: props.error }, props.errorMessage)) : (React.createElement("span", { id: "".concat(idOrName, "-error") }))));
|
|
113
113
|
};
|
|
114
114
|
export { Field as default, Field };
|
|
115
115
|
//# sourceMappingURL=Field.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/forms/Field.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/forms/Field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +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 labelClasses = [
|
|
17
|
+
var labelClasses = [];
|
|
18
18
|
if (props.caps)
|
|
19
19
|
labelClasses.push("text__caps-spaced");
|
|
20
20
|
if (props.readerOnly)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneField.js","sourceRoot":"","sources":["../../../src/forms/PhoneField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,KAiB1B;IACC,IAAM,YAAY,GAAG,
|
|
1
|
+
{"version":3,"file":"PhoneField.js","sourceRoot":"","sources":["../../../src/forms/PhoneField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,KAiB1B;IACC,IAAM,YAAY,GAAG,EAAE,CAAA;IACvB,IAAI,KAAK,CAAC,IAAI;QAAE,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;IACtD,IAAI,KAAK,CAAC,UAAU;QAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAClD;;;;;OAKG;IACH,IAAM,eAAe,GAAG;QACtB,SAAS,EAAE,OAAO;QAClB,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE;QACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,KAAK,EAAE;YACL,QAAQ,EAAE;gBACR,QAAQ,EAAE,UAAC,CAAS;;oBAClB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,CAAA;wBAAE,OAAO,IAAI,CAAA;oBAE9C,IAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CACrC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CACrC,CAAA;oBACD,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ;wBAAE,OAAO,IAAI,CAAA;oBAC/C,OAAO,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,KAAK,CAAC,0CAAE,MAAM,KAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;gBACrD,CAAC;aACF;SACF;KACF,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,QAAQ,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QACpD,KAAK,CAAC,KAAK,IAAI,CACd,+BAAO,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,IACxD,KAAK,CAAC,KAAK,CACN,CACT;QACD,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,iBAAe,KAAK,CAAC,UAAU,IAClE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,oBAAC,UAAU,eAAK,eAAe,IAAE,MAAM,EAAE,KAAK,CAAC,IAAI,IAAI,CACxD,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,eAAK,eAAe,IAAE,EAAE,EAAE,SAAS,IAAI,CACnD,CACG;QACL,KAAK,CAAC,OAAO,IAAI,2BAAG,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAC,OAAO,CAAK;QACnE,oBAAC,YAAY,IAAC,EAAE,EAAE,UAAG,KAAK,CAAC,EAAE,IAAI,EAAE,WAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAC5D,KAAK,CAAC,YAAY,CACN,CACX,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -3,7 +3,7 @@ import MaskedInput from "react-text-mask";
|
|
|
3
3
|
export var PhoneMask = React.forwardRef(function (props, ref) {
|
|
4
4
|
var value = props.value, onChange = props.onChange, name = props.name, disabled = props.disabled, placeholder = props.placeholder;
|
|
5
5
|
return (React.createElement(React.Fragment, null,
|
|
6
|
-
React.createElement(MaskedInput, { mask: ["(", /[1-9]/, /\d/, /\d/, ")", " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/], className: "input", type: "tel", placeholder: placeholder
|
|
6
|
+
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, onChange: function (e) {
|
|
7
7
|
e.persist();
|
|
8
8
|
onChange(e);
|
|
9
9
|
}, ref: ref, "aria-labelledby": "phone-label" })));
|
|
@@ -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,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,
|
|
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,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,EAClB,QAAQ,EAAE,UAAC,CAAM;gBACf,CAAC,CAAC,OAAO,EAAE,CAAA;gBACX,QAAQ,CAAC,CAAC,CAAC,CAAA;YACb,CAAC,EACD,GAAG,EAAE,GAAG,qBACS,aAAa,GAC9B,CACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -13,7 +13,7 @@ var MultiLineAddress = function (_a) {
|
|
|
13
13
|
str += "".concat(address.street || "", " ").concat(address.street2 || "", " <br />");
|
|
14
14
|
}
|
|
15
15
|
if (address.city || address.state || address.zipCode) {
|
|
16
|
-
str += "".concat(address.city
|
|
16
|
+
str += "".concat(address.city ? "".concat(address.city, ",") : "", " ").concat(address.state || "", " ").concat(address.zipCode || "");
|
|
17
17
|
}
|
|
18
18
|
return str;
|
|
19
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiLineAddress.js","sourceRoot":"","sources":["../../../src/helpers/MultiLineAddress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAiBtC,IAAM,gBAAgB,GAAG,UAAC,EAAkC;QAAhC,OAAO,aAAA;IACjC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAM,cAAc,GAAG,UAAC,OAAgB;QACtC,IAAI,GAAG,GAAG,EAAE,CAAA;QAEZ,IAAI,OAAO,CAAC,SAAS,EAAE;YACrB,GAAG,IAAI,UAAG,OAAO,CAAC,SAAS,YAAS,CAAA;SACrC;QAED,IAAI,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,OAAO,EAAE;YACrC,GAAG,IAAI,UAAG,OAAO,CAAC,MAAM,IAAI,EAAE,cAAI,OAAO,CAAC,OAAO,IAAI,EAAE,YAAS,CAAA;SACjE;QAED,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,OAAO,EAAE;YACpD,GAAG,IAAI,UAAG,OAAO,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"MultiLineAddress.js","sourceRoot":"","sources":["../../../src/helpers/MultiLineAddress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAiBtC,IAAM,gBAAgB,GAAG,UAAC,EAAkC;QAAhC,OAAO,aAAA;IACjC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAM,cAAc,GAAG,UAAC,OAAgB;QACtC,IAAI,GAAG,GAAG,EAAE,CAAA;QAEZ,IAAI,OAAO,CAAC,SAAS,EAAE;YACrB,GAAG,IAAI,UAAG,OAAO,CAAC,SAAS,YAAS,CAAA;SACrC;QAED,IAAI,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,OAAO,EAAE;YACrC,GAAG,IAAI,UAAG,OAAO,CAAC,MAAM,IAAI,EAAE,cAAI,OAAO,CAAC,OAAO,IAAI,EAAE,YAAS,CAAA;SACjE;QAED,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,OAAO,EAAE;YACpD,GAAG,IAAI,UAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,UAAG,OAAO,CAAC,IAAI,MAAG,CAAC,CAAC,CAAC,EAAE,cAAI,OAAO,CAAC,KAAK,IAAI,EAAE,cACrE,OAAO,CAAC,OAAO,IAAI,EAAE,CACrB,CAAA;SACH;QAED,OAAO,GAAG,CAAA;IACZ,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,QAAQ,IACP,OAAO,EAAE,EAAE,qBAAqB,EAAE,KAAK,EAAE,EACzC,QAAQ,EAAE,gBAAS,cAAc,CAAC,OAAO,CAAC,YAAS,GACnD,CACH,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bloom-housing/ui-components",
|
|
3
|
-
"version": "12.0.
|
|
3
|
+
"version": "12.0.28",
|
|
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/DOBField.tsx
CHANGED
|
@@ -69,8 +69,7 @@ const DOBField = (props: DOBFieldProps) => {
|
|
|
69
69
|
name={getFieldName("birthMonth")}
|
|
70
70
|
label={props.strings?.month ?? t("t.month")}
|
|
71
71
|
disabled={props.disabled}
|
|
72
|
-
|
|
73
|
-
placeholder={props.strings?.monthPlaceholder ?? t("account.settings.placeholders.month")}
|
|
72
|
+
placeholder={props.strings?.monthPlaceholder ?? ""}
|
|
74
73
|
defaultValue={defaultDOB?.birthMonth ? defaultDOB.birthMonth : ""}
|
|
75
74
|
error={error?.birthMonth !== undefined}
|
|
76
75
|
validation={{
|
|
@@ -91,8 +90,7 @@ const DOBField = (props: DOBFieldProps) => {
|
|
|
91
90
|
name={getFieldName("birthDay")}
|
|
92
91
|
label={props.strings?.day ?? t("t.day")}
|
|
93
92
|
disabled={props.disabled}
|
|
94
|
-
|
|
95
|
-
placeholder={props.strings?.dayPlaceholder ?? t("account.settings.placeholders.day")}
|
|
93
|
+
placeholder={props.strings?.dayPlaceholder ?? ""}
|
|
96
94
|
defaultValue={defaultDOB?.birthDay ? defaultDOB.birthDay : ""}
|
|
97
95
|
error={error?.birthDay !== undefined}
|
|
98
96
|
validation={{
|
|
@@ -113,8 +111,7 @@ const DOBField = (props: DOBFieldProps) => {
|
|
|
113
111
|
name={getFieldName("birthYear")}
|
|
114
112
|
label={props.strings?.year ?? t("t.year")}
|
|
115
113
|
disabled={props.disabled}
|
|
116
|
-
|
|
117
|
-
placeholder={props.strings?.yearPlaceholder ?? t("account.settings.placeholders.year")}
|
|
114
|
+
placeholder={props.strings?.yearPlaceholder ?? ""}
|
|
118
115
|
defaultValue={defaultDOB?.birthYear ? defaultDOB.birthYear : ""}
|
|
119
116
|
error={error?.birthYear !== undefined}
|
|
120
117
|
validation={{
|
|
@@ -137,7 +134,7 @@ const DOBField = (props: DOBFieldProps) => {
|
|
|
137
134
|
|
|
138
135
|
{hasError && (
|
|
139
136
|
<div className="field error">
|
|
140
|
-
<span id={`${id}-error`} className="error-message">
|
|
137
|
+
<span id={`${id || ""}-error`} className="error-message">
|
|
141
138
|
{errorMessage ? errorMessage : props.strings?.dateError ?? t("errors.dateOfBirthError")}
|
|
142
139
|
</span>
|
|
143
140
|
</div>
|
package/src/forms/Field.tsx
CHANGED
|
@@ -183,10 +183,12 @@ const Field = (props: FieldProps) => {
|
|
|
183
183
|
{isRadioOrCheckbox && label}
|
|
184
184
|
</div>
|
|
185
185
|
{props.subNote && <p className="field-sub-note">{props.subNote}</p>}
|
|
186
|
-
{props.errorMessage
|
|
186
|
+
{props.errorMessage ? (
|
|
187
187
|
<ErrorMessage id={`${idOrName}-error`} error={props.error}>
|
|
188
188
|
{props.errorMessage}
|
|
189
189
|
</ErrorMessage>
|
|
190
|
+
) : (
|
|
191
|
+
<span id={`${idOrName}-error`}></span>
|
|
190
192
|
)}
|
|
191
193
|
</div>
|
|
192
194
|
)
|
package/src/forms/PhoneField.tsx
CHANGED
|
@@ -21,7 +21,7 @@ export const PhoneField = (props: {
|
|
|
21
21
|
mask?: (args: any) => JSX.Element
|
|
22
22
|
dataTestId?: string
|
|
23
23
|
}) => {
|
|
24
|
-
const labelClasses = [
|
|
24
|
+
const labelClasses = []
|
|
25
25
|
if (props.caps) labelClasses.push("text__caps-spaced")
|
|
26
26
|
if (props.readerOnly) labelClasses.push("sr-only")
|
|
27
27
|
/**
|
package/src/forms/PhoneMask.tsx
CHANGED
|
@@ -10,7 +10,7 @@ export const PhoneMask = React.forwardRef((props: any, ref: any) => {
|
|
|
10
10
|
mask={["(", /[1-9]/, /\d/, /\d/, ")", " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/]}
|
|
11
11
|
className="input"
|
|
12
12
|
type="tel"
|
|
13
|
-
placeholder={placeholder
|
|
13
|
+
placeholder={placeholder ?? ""}
|
|
14
14
|
guide={false}
|
|
15
15
|
id={name}
|
|
16
16
|
value={value}
|
package/src/global/forms.scss
CHANGED
package/src/global/text.scss
CHANGED
|
@@ -31,7 +31,9 @@ const MultiLineAddress = ({ address }: MultiLineAddressProps) => {
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
if (address.city || address.state || address.zipCode) {
|
|
34
|
-
str += `${address.city
|
|
34
|
+
str += `${address.city ? `${address.city},` : ""} ${address.state || ""} ${
|
|
35
|
+
address.zipCode || ""
|
|
36
|
+
}`
|
|
35
37
|
}
|
|
36
38
|
|
|
37
39
|
return str
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.progress-nav {
|
|
2
|
-
--completed-step-color: var(--bloom-color-
|
|
2
|
+
--completed-step-color: var(--bloom-color-primary);
|
|
3
3
|
--completed-step-font-color: var(--bloom-color-gray-850);
|
|
4
4
|
--active-step-color: var(--bloom-color-primary);
|
|
5
5
|
--active-step-font-color: var(--bloom-color-gray-950);
|
|
@@ -7,11 +7,10 @@
|
|
|
7
7
|
--future-step-font-color: var(--bloom-text-color);
|
|
8
8
|
|
|
9
9
|
--dot-size: var(--bloom-s3);
|
|
10
|
-
--dot-padding-left-mobile: var(--bloom-s2);
|
|
11
10
|
--dot-label-padding-top: var(--bloom-s4);
|
|
12
11
|
--dot-label-padding-left: var(--bloom-s1);
|
|
13
|
-
--dot-
|
|
14
|
-
--dot-font-size
|
|
12
|
+
--dot-label-padding-right: var(--bloom-s4);
|
|
13
|
+
--dot-font-size: var(--bloom-font-size-sm);
|
|
15
14
|
--dot-line-color: var(--bloom-color-gray-450);
|
|
16
15
|
--dot-active-font-weight: bold;
|
|
17
16
|
--dot-text-transform: capitalize;
|
|
@@ -24,13 +23,14 @@
|
|
|
24
23
|
--bar-active-font-weight: bold;
|
|
25
24
|
--bar-text-transform: capitalize;
|
|
26
25
|
|
|
26
|
+
--nav-width: initial;
|
|
27
|
+
|
|
27
28
|
display: table;
|
|
28
|
-
width:
|
|
29
|
+
width: var(--nav-width);
|
|
29
30
|
}
|
|
30
31
|
|
|
31
32
|
.progress-nav__dot-item {
|
|
32
|
-
font-size: var(--dot-font-size
|
|
33
|
-
padding: var(--dot-size) var(--dot-padding-left-mobile);
|
|
33
|
+
font-size: var(--dot-font-size);
|
|
34
34
|
position: relative;
|
|
35
35
|
text-align: center;
|
|
36
36
|
text-transform: var(--dot-text-transform);
|
|
@@ -38,7 +38,6 @@
|
|
|
38
38
|
white-space: normal;
|
|
39
39
|
float: none;
|
|
40
40
|
@media (min-width: $screen-md) {
|
|
41
|
-
font-size: var(--dot-font-size-desktop);
|
|
42
41
|
padding: 0rem;
|
|
43
42
|
}
|
|
44
43
|
|
|
@@ -49,7 +48,7 @@
|
|
|
49
48
|
background-color: var(--completed-step-color);
|
|
50
49
|
border-radius: 50%;
|
|
51
50
|
top: 0;
|
|
52
|
-
left:
|
|
51
|
+
left: 0.5rem;
|
|
53
52
|
content: "";
|
|
54
53
|
transform: translateX(-50%);
|
|
55
54
|
z-index: 2;
|
|
@@ -57,9 +56,9 @@
|
|
|
57
56
|
|
|
58
57
|
&:after {
|
|
59
58
|
position: absolute;
|
|
60
|
-
background-color: var(--
|
|
59
|
+
background-color: var(--completed-step-color);
|
|
61
60
|
width: 100%;
|
|
62
|
-
left: 0;
|
|
61
|
+
left: 0.5rem;
|
|
63
62
|
top: 0.4rem;
|
|
64
63
|
content: "";
|
|
65
64
|
height: 1px;
|
|
@@ -67,14 +66,14 @@
|
|
|
67
66
|
|
|
68
67
|
&:first-of-type {
|
|
69
68
|
&:after {
|
|
70
|
-
left:
|
|
69
|
+
left: 20%;
|
|
71
70
|
}
|
|
72
71
|
}
|
|
73
72
|
|
|
74
73
|
&:last-of-type {
|
|
75
74
|
&:after {
|
|
76
75
|
left: auto;
|
|
77
|
-
right:
|
|
76
|
+
right: 80%;
|
|
78
77
|
}
|
|
79
78
|
}
|
|
80
79
|
.progress-nav__item-container {
|
|
@@ -86,12 +85,16 @@
|
|
|
86
85
|
pointer-events: none;
|
|
87
86
|
cursor: default;
|
|
88
87
|
z-index: 3;
|
|
88
|
+
padding-right: var(--dot-label-padding-right);
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
&.is-active {
|
|
92
92
|
&:before {
|
|
93
93
|
background-color: var(--active-step-color);
|
|
94
94
|
}
|
|
95
|
+
&:after {
|
|
96
|
+
background-color: var(--completed-step-color);
|
|
97
|
+
}
|
|
95
98
|
.progress-nav__item-container {
|
|
96
99
|
color: var(--active-step-font-color);
|
|
97
100
|
font-weight: var(--dot-active-font-weight);
|
|
@@ -105,12 +108,22 @@
|
|
|
105
108
|
.progress-nav__item-container {
|
|
106
109
|
color: var(--future-step-font-color);
|
|
107
110
|
}
|
|
111
|
+
|
|
112
|
+
&:after {
|
|
113
|
+
background-color: var(--future-step-color);
|
|
114
|
+
}
|
|
115
|
+
&:last-of-type {
|
|
116
|
+
&:after {
|
|
117
|
+
z-index: -1;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
108
120
|
}
|
|
109
121
|
}
|
|
110
122
|
|
|
111
123
|
.progress-nav__bar {
|
|
112
124
|
border-spacing: var(--bar-spacing);
|
|
113
125
|
table-layout: fixed;
|
|
126
|
+
width: 100%;
|
|
114
127
|
}
|
|
115
128
|
|
|
116
129
|
.progress-nav__bar-item {
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
.application-timeline {
|
|
7
|
+
width: 100%;
|
|
7
8
|
.progress-nav__dot-item {
|
|
8
9
|
@apply pt-0;
|
|
9
10
|
|
|
@@ -18,6 +19,41 @@
|
|
|
18
19
|
p {
|
|
19
20
|
padding-top: 3.8em;
|
|
20
21
|
}
|
|
22
|
+
|
|
23
|
+
&:before {
|
|
24
|
+
left: 50%;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&:after {
|
|
28
|
+
left: 0;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
&:first-of-type {
|
|
32
|
+
&:after {
|
|
33
|
+
left: 50%;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
&:last-of-type {
|
|
38
|
+
&:after {
|
|
39
|
+
left: auto;
|
|
40
|
+
right: 50%;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&.is-disabled {
|
|
45
|
+
&:last-of-type {
|
|
46
|
+
&:after {
|
|
47
|
+
z-index: 0;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
&.is-active {
|
|
53
|
+
&:after {
|
|
54
|
+
background-color: var(--future-step-color);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
21
57
|
}
|
|
22
58
|
|
|
23
59
|
.progress-nav__dot-item.is-active::before,
|