@bloom-housing/ui-components 12.0.28 → 12.1.0
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/src/blocks/ImageCard.d.ts +2 -0
- package/dist/src/blocks/ImageCard.js +3 -0
- package/dist/src/blocks/ImageCard.js.map +1 -1
- package/dist/src/helpers/preferences.d.ts +1 -1
- package/dist/src/helpers/preferences.js +25 -23
- package/dist/src/helpers/preferences.js.map +1 -1
- package/package.json +1 -1
- package/src/blocks/ImageCard.tsx +5 -0
- package/src/helpers/preferences.tsx +102 -101
|
@@ -39,6 +39,8 @@ export interface ImageCardProps {
|
|
|
39
39
|
statuses?: StatusBarType[];
|
|
40
40
|
/** A list of image tags, a Tag component is rendered for each over the image */
|
|
41
41
|
tags?: ImageTag[];
|
|
42
|
+
/** When defined, add passed className to the innerClasses array */
|
|
43
|
+
innerClassName?: string;
|
|
42
44
|
/** When true, close button will be placed inside content section on desktop */
|
|
43
45
|
modalCloseInContent?: boolean;
|
|
44
46
|
/** The label text of the close button when the gallery modal is displayed */
|
|
@@ -47,6 +47,9 @@ var ImageCard = function (props) {
|
|
|
47
47
|
innerClasses.push("has-".concat(props.images.length, "-images"));
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
|
+
if (props.innerClassName) {
|
|
51
|
+
innerClasses.push(props.innerClassName);
|
|
52
|
+
}
|
|
50
53
|
var displayedImages = useMemo(function () {
|
|
51
54
|
var _a;
|
|
52
55
|
return (_a = props.images) === null || _a === void 0 ? void 0 : _a.slice(0, 3);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageCard.js","sourceRoot":"","sources":["../../../src/blocks/ImageCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,kBAAkB,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAgB,OAAO,EAAE,MAAM,WAAW,CAAA;AAEjD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACnF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAqB,MAAM,eAAe,CAAA;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"ImageCard.js","sourceRoot":"","sources":["../../../src/blocks/ImageCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,kBAAkB,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAgB,OAAO,EAAE,MAAM,WAAW,CAAA;AAEjD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACnF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAqB,MAAM,eAAe,CAAA;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AA2D9D;;;;GAIG;AACH,IAAM,SAAS,GAAG,UAAC,KAAqB;;IAChC,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAC3C,IAAA,KAAqC,gBAAgB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,gBAAgB,CAAC,EAA5E,YAAY,kBAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAA8C,CAAA;IAEpF,IAAM,WAAW,GAAG;;QAClB,IAAM,QAAQ,GAAG,MAAA,KAAK,CAAC,QAAQ,0CAAE,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;YACjD,OAAO,CACL,oBAAC,iBAAiB,IAChB,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,QAAQ,EAAE,CAAC,MAAM,CAAC,QAAQ,EAC1B,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,KAAK,QACL,GAAG,EAAE,KAAK,GACV,CACH,CAAA;QACH,CAAC,CAAC,CAAA;QACF,OAAO,6CAAmB,UAAG,KAAK,CAAC,WAAW,IAAI,EAAE,cAAW,IAAG,QAAQ,CAAS,CAAA;IACrF,CAAC,CAAA;IAED,IAAM,YAAY,GAAG,CAAC,mBAAmB,CAAC,CAAA;IAC1C,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QAC3C,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;QACpC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B,YAAY,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA;SACxC;aAAM;YACL,YAAY,CAAC,IAAI,CAAC,cAAO,KAAK,CAAC,MAAM,CAAC,MAAM,YAAS,CAAC,CAAA;SACvD;KACF;IACD,IAAI,KAAK,CAAC,cAAc,EAAE;QACxB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;KACxC;IAED,IAAM,eAAe,GAAG,OAAO,CAAC;;QAC9B,OAAO,MAAA,KAAK,CAAC,MAAM,0CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAClC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAElB,IAAM,UAAU,GAAG,UAAC,KAAa,EAAE,eAA6B,EAAE,WAAoB;QACpF,IAAI,WAAW,EAAE;YACf,OAAO,WAAW,CAAA;SACnB;QACD,IAAI,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;YACjD,OAAO,UAAG,KAAK,CAAC,WAAW,IAAI,EAAE,gBAAM,KAAK,GAAG,CAAC,CAAE,CAAA;SACnD;QACD,OAAO,KAAK,CAAC,WAAW,IAAI,EAAE,CAAA;IAChC,CAAC,CAAA;IAED,IAAM,KAAK,GAAG,CACZ;QACE,6BAAK,SAAS,EAAC,YAAY;YACzB,gCAAQ,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,YAAY;gBACzD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,6BACE,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,GAAG,EACD,MAAA,MAAA,KAAK,CAAC,WAAW,mCACjB,MAAA,KAAK,CAAC,OAAO,0CAAE,mBAAmB,mCAClC,CAAC,CAAC,+BAA+B,CAAC,EAEpC,GAAG,EAAE,UAAC,EAAE,IAAK,OAAA,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EAAzB,CAAyB,EACtC,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,eAAe,CAAC,CAAC,CAAC,CACpC,eAAe,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CACpC,6BACE,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,GAAG,EACvD,GAAG,EAAE,UAAU,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,EAC1D,GAAG,EAAE,UAAC,EAAE,IAAK,OAAA,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,EAA7B,CAA6B,EAC1C,OAAO,EAAE,OAAO,GAChB,CACH,EARqC,CAQrC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,yBAAyB,GAAI,CAC9C;gBACA,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1C;oBACG,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1C,6BAAK,SAAS,EAAC,yBAAyB;wBACtC,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,GAAG;wBACnC,KAAK,CAAC,eAAe,IAAI,CACxB;4BACG,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;;4BAAG,KAAK,CAAC,eAAe,CAC3C,CACR,CACG,CACP;oBACD,8CAEI,KAAK,CAAC,qBAAqB;4BACzB,CAAC,CAAC,UAAG,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,cAAI,KAAK,CAAC,qBAAqB,CAAE;4BAC7D,CAAC,CAAC,aAAa,iBAEP,mBAAmB,EAC/B,OAAO,EAAE;4BACP,YAAY,CAAC,IAAI,CAAC,CAAA;wBACpB,CAAC,GACO,CACT,CACJ,CACM;YACR,WAAW,EAAE;YACd,6BAAK,SAAS,EAAC,yBAAyB,IACrC,MAAA,KAAK,CAAC,IAAI,0CAAE,GAAG,CAAC,UAAC,GAAG,EAAE,KAAK;;gBAC1B,IAAM,UAAU,GAAG,CACjB,oBAAC,GAAG,IACF,SAAS,EAAE,GAAG,CAAC,SAAS,IAAI,mBAAmB,CAAC,OAAO,EACvD,SAAS,EACP,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,UAAG,GAAG,CAAC,IAAI,IAAI,EAAE,gBAAM,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,IAAI,KAAI,EAAE,CAAE,CAAC,CAAC,CAAC,SAAS;oBAG3E,GAAG,CAAC,QAAQ,IAAI,CACf,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,GAAG,CAAC,QAAQ,EACpB,IAAI,EAAE,MAAA,GAAG,CAAC,SAAS,mCAAI,cAAc,CAAC,OAAO,EAC7C,SAAS,EAAE,MAAM,GACjB,CACH;oBACA,GAAG,CAAC,IAAI,CACL,CACP,CAAA;gBAED,IAAI,GAAG,CAAC,OAAO,EAAE;oBACf,OAAO,CACL,oBAAC,OAAO,aAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM,IAAK,GAAG,CAAC,OAAO,GAClD,UAAU,CACH,CACX,CAAA;iBACF;gBAED,OAAO,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,UAAU,CAAkB,CAAA;YAClE,CAAC,CAAC,CACE,CACF;QACL,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1C,oBAAC,KAAK,IACJ,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,KAAK,CAAC,cAAc,IAAI,QAAQ,EACvC,eAAe,EAAE,IAAI,EACrB,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,EACvC,SAAS,EAAC,qBAAqB,EAC/B,eAAe,EAAC,2BAA2B,EAC3C,eAAe,EAAC,yBAAyB,EACzC,gBAAgB,EAAC,SAAS,EAC1B,cAAc,EAAE,cAAc,CAAC,KAAK,EACpC,OAAO,EAAE;gBACP,oBAAC,MAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,EAAE,IAAI,EAAE,kBAAkB,CAAC,KAAK,IAC5E,KAAK,CAAC,eAAe,IAAI,OAAO,CAC1B;aACV,EACD,gBAAgB,EAAE,KAAK,CAAC,mBAAmB,IAE1C,MAAA,KAAK,CAAC,MAAM,0CAAE,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CACnC,2BAAG,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,SAAS;YAChC;gBACG,KAAK,CAAC,SAAS,IAAI,gCAAQ,KAAK,EAAC,oBAAoB,EAAC,MAAM,EAAE,KAAK,CAAC,SAAS,GAAI;gBAClF,6BACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,EACvD,OAAO,EAAE,OAAO,GAChB,CACM,CACR,CACL,EAXoC,CAWpC,CAAC,CACI,CACT,CACA,CACJ,CAAA;IAED,IAAI,IAAI,GAAG,KAAK,CAAA;IAEhB,IAAI,KAAK,CAAC,IAAI,EAAE;QACd,IAAI,GAAG,CACL,oBAAC,aAAa,IAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,IAC9C,KAAK,CACQ,CACjB,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -4,28 +4,30 @@ export var FormAddress = function (_a) {
|
|
|
4
4
|
var _b, _c, _d;
|
|
5
5
|
var subtitle = _a.subtitle, dataKey = _a.dataKey, _e = _a.enableMailCheckbox, enableMailCheckbox = _e === void 0 ? false : _e, register = _a.register, errors = _a.errors, required = _a.required, stateKeys = _a.stateKeys;
|
|
6
6
|
return (React.createElement(React.Fragment, null,
|
|
7
|
-
React.createElement(
|
|
8
|
-
React.createElement(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
7
|
+
React.createElement("fieldset", null,
|
|
8
|
+
React.createElement("legend", { className: "text__caps-spaced ".concat(!subtitle ? "sr-only" : "") }, !subtitle ? t("application.preferences.options.address") : subtitle),
|
|
9
|
+
React.createElement(GridSection, null,
|
|
10
|
+
React.createElement(GridCell, { span: 2 },
|
|
11
|
+
React.createElement(ViewItem, { label: t("application.contact.streetAddress") },
|
|
12
|
+
React.createElement(Field, { id: "".concat(dataKey, ".street"), name: "".concat(dataKey, ".street"), label: t("application.contact.streetAddress"), register: register, validation: { required: required, maxLength: 64 }, error: !!resolveObject("".concat(dataKey, ".street"), errors), errorMessage: ((_b = resolveObject("".concat(dataKey, ".street"), errors)) === null || _b === void 0 ? void 0 : _b.type) === "maxLength"
|
|
13
|
+
? t("errors.maxLength")
|
|
14
|
+
: t("errors.streetError"), readerOnly: true }))),
|
|
15
|
+
React.createElement(GridCell, null,
|
|
16
|
+
React.createElement(ViewItem, { label: t("application.contact.apt") },
|
|
17
|
+
React.createElement(Field, { id: "".concat(dataKey, ".street2"), name: "".concat(dataKey, ".street2"), label: t("application.contact.apt"), register: register, readerOnly: true, error: !!resolveObject("".concat(dataKey, ".street2"), errors), validation: { maxLength: 64 }, errorMessage: t("errors.maxLength") }))),
|
|
18
|
+
React.createElement(GridCell, null,
|
|
19
|
+
React.createElement(ViewItem, { label: t("application.contact.city") },
|
|
20
|
+
React.createElement(Field, { id: "".concat(dataKey, ".city"), name: "".concat(dataKey, ".city"), label: t("application.contact.city"), register: register, validation: { required: required, maxLength: 64 }, error: !!resolveObject("".concat(dataKey, ".city"), errors), errorMessage: ((_c = resolveObject("".concat(dataKey, ".city"), errors)) === null || _c === void 0 ? void 0 : _c.type) === "maxLength"
|
|
21
|
+
? t("errors.maxLength")
|
|
22
|
+
: t("errors.cityError"), readerOnly: true }))),
|
|
23
|
+
React.createElement(GridCell, { className: "md:grid md:grid-cols-2 md:gap-8", span: 2 },
|
|
24
|
+
React.createElement(ViewItem, { label: t("application.contact.state"), className: "mb-0" },
|
|
25
|
+
React.createElement(Select, { id: "".concat(dataKey, ".state"), name: "".concat(dataKey, ".state"), label: t("application.contact.state"), labelClassName: "sr-only", register: register, controlClassName: "control", options: stateKeys, keyPrefix: "states", validation: { required: required }, error: !!resolveObject("".concat(dataKey, ".state"), errors), errorMessage: t("errors.stateError") })),
|
|
26
|
+
React.createElement(ViewItem, { label: t("application.contact.zip") },
|
|
27
|
+
React.createElement(Field, { id: "".concat(dataKey, ".zipCode"), name: "".concat(dataKey, ".zipCode"), label: t("application.contact.zip"), register: register, validation: { required: required, maxLength: 64 }, error: !!resolveObject("".concat(dataKey, ".zipCode"), errors), errorMessage: ((_d = resolveObject("".concat(dataKey, ".zipCode"), errors)) === null || _d === void 0 ? void 0 : _d.type) === "maxLength"
|
|
28
|
+
? t("errors.maxLength")
|
|
29
|
+
: t("errors.zipCodeError"), readerOnly: true }))),
|
|
30
|
+
enableMailCheckbox && (React.createElement(GridCell, { span: 2 },
|
|
31
|
+
React.createElement(Field, { id: "application.sendMailToMailingAddress", name: "application.sendMailToMailingAddress", type: "checkbox", label: t("application.contact.sendMailToMailingAddress"), register: register })))))));
|
|
30
32
|
};
|
|
31
33
|
//# sourceMappingURL=preferences.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preferences.js","sourceRoot":"","sources":["../../../src/helpers/preferences.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAYzF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAQT;;QAPjB,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAC1B,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,SAAS,eAAA;IAET,OAAO,CACL;QACE,
|
|
1
|
+
{"version":3,"file":"preferences.js","sourceRoot":"","sources":["../../../src/helpers/preferences.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bloom-housing/ui-components",
|
|
3
|
-
"version": "12.0
|
|
3
|
+
"version": "12.1.0",
|
|
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/blocks/ImageCard.tsx
CHANGED
|
@@ -52,6 +52,8 @@ export interface ImageCardProps {
|
|
|
52
52
|
statuses?: StatusBarType[]
|
|
53
53
|
/** A list of image tags, a Tag component is rendered for each over the image */
|
|
54
54
|
tags?: ImageTag[]
|
|
55
|
+
/** When defined, add passed className to the innerClasses array */
|
|
56
|
+
innerClassName?: string
|
|
55
57
|
/** When true, close button will be placed inside content section on desktop */
|
|
56
58
|
modalCloseInContent?: boolean
|
|
57
59
|
/** The label text of the close button when the gallery modal is displayed */
|
|
@@ -102,6 +104,9 @@ const ImageCard = (props: ImageCardProps) => {
|
|
|
102
104
|
innerClasses.push(`has-${props.images.length}-images`)
|
|
103
105
|
}
|
|
104
106
|
}
|
|
107
|
+
if (props.innerClassName) {
|
|
108
|
+
innerClasses.push(props.innerClassName)
|
|
109
|
+
}
|
|
105
110
|
|
|
106
111
|
const displayedImages = useMemo(() => {
|
|
107
112
|
return props.images?.slice(0, 3)
|
|
@@ -3,7 +3,7 @@ import { UseFormMethods } from "react-hook-form"
|
|
|
3
3
|
import { t, GridSection, ViewItem, GridCell, Field, Select, resolveObject } from "../../"
|
|
4
4
|
|
|
5
5
|
type FormAddressProps = {
|
|
6
|
-
subtitle
|
|
6
|
+
subtitle?: string
|
|
7
7
|
dataKey: string
|
|
8
8
|
enableMailCheckbox?: boolean
|
|
9
9
|
register: UseFormMethods["register"]
|
|
@@ -23,110 +23,111 @@ export const FormAddress = ({
|
|
|
23
23
|
}: FormAddressProps) => {
|
|
24
24
|
return (
|
|
25
25
|
<>
|
|
26
|
-
<
|
|
27
|
-
<
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
<ViewItem label={t("application.contact.city")}>
|
|
64
|
-
<Field
|
|
65
|
-
id={`${dataKey}.city`}
|
|
66
|
-
name={`${dataKey}.city`}
|
|
67
|
-
label={t("application.contact.cityName")}
|
|
68
|
-
placeholder={t("application.contact.cityName")}
|
|
69
|
-
register={register}
|
|
70
|
-
validation={{ required, maxLength: 64 }}
|
|
71
|
-
error={!!resolveObject(`${dataKey}.city`, errors)}
|
|
72
|
-
errorMessage={
|
|
73
|
-
resolveObject(`${dataKey}.city`, errors)?.type === "maxLength"
|
|
74
|
-
? t("errors.maxLength")
|
|
75
|
-
: t("errors.cityError")
|
|
76
|
-
}
|
|
77
|
-
readerOnly
|
|
78
|
-
/>
|
|
79
|
-
</ViewItem>
|
|
80
|
-
</GridCell>
|
|
26
|
+
<fieldset>
|
|
27
|
+
<legend className={`text__caps-spaced ${!subtitle ? "sr-only" : ""}`}>
|
|
28
|
+
{!subtitle ? t("application.preferences.options.address") : subtitle}
|
|
29
|
+
</legend>
|
|
30
|
+
<GridSection>
|
|
31
|
+
<GridCell span={2}>
|
|
32
|
+
<ViewItem label={t("application.contact.streetAddress")}>
|
|
33
|
+
<Field
|
|
34
|
+
id={`${dataKey}.street`}
|
|
35
|
+
name={`${dataKey}.street`}
|
|
36
|
+
label={t("application.contact.streetAddress")}
|
|
37
|
+
register={register}
|
|
38
|
+
validation={{ required, maxLength: 64 }}
|
|
39
|
+
error={!!resolveObject(`${dataKey}.street`, errors)}
|
|
40
|
+
errorMessage={
|
|
41
|
+
resolveObject(`${dataKey}.street`, errors)?.type === "maxLength"
|
|
42
|
+
? t("errors.maxLength")
|
|
43
|
+
: t("errors.streetError")
|
|
44
|
+
}
|
|
45
|
+
readerOnly
|
|
46
|
+
/>
|
|
47
|
+
</ViewItem>
|
|
48
|
+
</GridCell>
|
|
49
|
+
<GridCell>
|
|
50
|
+
<ViewItem label={t("application.contact.apt")}>
|
|
51
|
+
<Field
|
|
52
|
+
id={`${dataKey}.street2`}
|
|
53
|
+
name={`${dataKey}.street2`}
|
|
54
|
+
label={t("application.contact.apt")}
|
|
55
|
+
register={register}
|
|
56
|
+
readerOnly
|
|
57
|
+
error={!!resolveObject(`${dataKey}.street2`, errors)}
|
|
58
|
+
validation={{ maxLength: 64 }}
|
|
59
|
+
errorMessage={t("errors.maxLength")}
|
|
60
|
+
/>
|
|
61
|
+
</ViewItem>
|
|
62
|
+
</GridCell>
|
|
81
63
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
64
|
+
<GridCell>
|
|
65
|
+
<ViewItem label={t("application.contact.city")}>
|
|
66
|
+
<Field
|
|
67
|
+
id={`${dataKey}.city`}
|
|
68
|
+
name={`${dataKey}.city`}
|
|
69
|
+
label={t("application.contact.city")}
|
|
70
|
+
register={register}
|
|
71
|
+
validation={{ required, maxLength: 64 }}
|
|
72
|
+
error={!!resolveObject(`${dataKey}.city`, errors)}
|
|
73
|
+
errorMessage={
|
|
74
|
+
resolveObject(`${dataKey}.city`, errors)?.type === "maxLength"
|
|
75
|
+
? t("errors.maxLength")
|
|
76
|
+
: t("errors.cityError")
|
|
77
|
+
}
|
|
78
|
+
readerOnly
|
|
79
|
+
/>
|
|
80
|
+
</ViewItem>
|
|
81
|
+
</GridCell>
|
|
98
82
|
|
|
99
|
-
<
|
|
100
|
-
<
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
</ViewItem>
|
|
116
|
-
</GridCell>
|
|
83
|
+
<GridCell className="md:grid md:grid-cols-2 md:gap-8" span={2}>
|
|
84
|
+
<ViewItem label={t("application.contact.state")} className="mb-0">
|
|
85
|
+
<Select
|
|
86
|
+
id={`${dataKey}.state`}
|
|
87
|
+
name={`${dataKey}.state`}
|
|
88
|
+
label={t("application.contact.state")}
|
|
89
|
+
labelClassName="sr-only"
|
|
90
|
+
register={register}
|
|
91
|
+
controlClassName="control"
|
|
92
|
+
options={stateKeys}
|
|
93
|
+
keyPrefix="states"
|
|
94
|
+
validation={{ required }}
|
|
95
|
+
error={!!resolveObject(`${dataKey}.state`, errors)}
|
|
96
|
+
errorMessage={t("errors.stateError")}
|
|
97
|
+
/>
|
|
98
|
+
</ViewItem>
|
|
117
99
|
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
100
|
+
<ViewItem label={t("application.contact.zip")}>
|
|
101
|
+
<Field
|
|
102
|
+
id={`${dataKey}.zipCode`}
|
|
103
|
+
name={`${dataKey}.zipCode`}
|
|
104
|
+
label={t("application.contact.zip")}
|
|
105
|
+
register={register}
|
|
106
|
+
validation={{ required, maxLength: 64 }}
|
|
107
|
+
error={!!resolveObject(`${dataKey}.zipCode`, errors)}
|
|
108
|
+
errorMessage={
|
|
109
|
+
resolveObject(`${dataKey}.zipCode`, errors)?.type === "maxLength"
|
|
110
|
+
? t("errors.maxLength")
|
|
111
|
+
: t("errors.zipCodeError")
|
|
112
|
+
}
|
|
113
|
+
readerOnly
|
|
114
|
+
/>
|
|
115
|
+
</ViewItem>
|
|
127
116
|
</GridCell>
|
|
128
|
-
|
|
129
|
-
|
|
117
|
+
|
|
118
|
+
{enableMailCheckbox && (
|
|
119
|
+
<GridCell span={2}>
|
|
120
|
+
<Field
|
|
121
|
+
id="application.sendMailToMailingAddress"
|
|
122
|
+
name="application.sendMailToMailingAddress"
|
|
123
|
+
type="checkbox"
|
|
124
|
+
label={t("application.contact.sendMailToMailingAddress")}
|
|
125
|
+
register={register}
|
|
126
|
+
/>
|
|
127
|
+
</GridCell>
|
|
128
|
+
)}
|
|
129
|
+
</GridSection>
|
|
130
|
+
</fieldset>
|
|
130
131
|
</>
|
|
131
132
|
)
|
|
132
133
|
}
|