@bloom-housing/ui-components 8.1.0 → 8.1.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.
- package/dist/src/blocks/ImageCard.js +10 -10
- package/dist/src/blocks/ImageCard.js.map +1 -1
- package/dist/src/lists/PreferencesList.d.ts +1 -0
- package/dist/src/lists/PreferencesList.js +1 -1
- package/dist/src/lists/PreferencesList.js.map +1 -1
- package/package.json +1 -1
- package/src/blocks/ImageCard.scss +1 -1
- package/src/blocks/ImageCard.tsx +19 -19
- package/src/lists/PreferencesList.tsx +4 -1
|
@@ -21,7 +21,7 @@ var ImageCard = function (props) {
|
|
|
21
21
|
var statuses = (_a = props.statuses) === null || _a === void 0 ? void 0 : _a.map(function (status, index) {
|
|
22
22
|
return (React.createElement(ApplicationStatus, { status: status.status, content: status.content, subContent: status.subContent, withIcon: !status.hideIcon, iconType: status.iconType, vivid: true, key: index }));
|
|
23
23
|
});
|
|
24
|
-
return (React.createElement("aside", { className: "image-card__status", "aria-label": "".concat(props.description, " Statuses") }, statuses));
|
|
24
|
+
return (React.createElement("aside", { className: "image-card__status", "aria-label": "".concat(props.description || "", " Statuses") }, statuses));
|
|
25
25
|
};
|
|
26
26
|
var innerClasses = ["image-card__inner"];
|
|
27
27
|
if (props.images && props.images.length > 1) {
|
|
@@ -39,15 +39,8 @@ var ImageCard = function (props) {
|
|
|
39
39
|
}, [props.images]);
|
|
40
40
|
var image = (React.createElement(React.Fragment, null,
|
|
41
41
|
React.createElement("div", { className: "image-card" },
|
|
42
|
-
React.createElement("div", { className: "image-card-tag__wrapper" }, (_a = props.tags) === null || _a === void 0 ? void 0 : _a.map(function (tag, index) {
|
|
43
|
-
var _a;
|
|
44
|
-
return (React.createElement(React.Fragment, { key: index },
|
|
45
|
-
React.createElement(Tag, { styleType: tag.styleType || AppearanceStyleType.warning },
|
|
46
|
-
tag.iconType && (React.createElement(Icon, { size: "medium", symbol: tag.iconType, fill: (_a = tag.iconColor) !== null && _a !== void 0 ? _a : IconFillColors.primary })),
|
|
47
|
-
tag.text)));
|
|
48
|
-
})),
|
|
49
42
|
React.createElement("figure", { className: innerClasses.join(" ") },
|
|
50
|
-
props.imageUrl ? (React.createElement("img", { src: props.imageUrl, alt: (
|
|
43
|
+
props.imageUrl ? (React.createElement("img", { src: props.imageUrl, alt: (_c = (_a = props.description) !== null && _a !== void 0 ? _a : (_b = props.strings) === null || _b === void 0 ? void 0 : _b.defaultImageAltText) !== null && _c !== void 0 ? _c : t("listings.buildingImageAltText") })) : props.images && displayedImages ? (displayedImages.map(function (image, index) { return (React.createElement("img", { key: index, src: image.thumbnailUrl || image.mobileUrl || image.url, alt: image.description
|
|
51
44
|
? image.description
|
|
52
45
|
: "".concat(props.description || "", " - photo ").concat(index + 1) })); })) : (React.createElement("div", { className: "image-card__placeholder" })),
|
|
53
46
|
props.images && props.images.length > 1 && (React.createElement(React.Fragment, null,
|
|
@@ -62,7 +55,14 @@ var ImageCard = function (props) {
|
|
|
62
55
|
: "More Images", "data-test-id": "open-modal-button", onClick: function () {
|
|
63
56
|
setShowModal(true);
|
|
64
57
|
} })))),
|
|
65
|
-
getStatuses()
|
|
58
|
+
getStatuses(),
|
|
59
|
+
React.createElement("div", { className: "image-card-tag__wrapper" }, (_d = props.tags) === null || _d === void 0 ? void 0 : _d.map(function (tag, index) {
|
|
60
|
+
var _a;
|
|
61
|
+
return (React.createElement(React.Fragment, { key: index },
|
|
62
|
+
React.createElement(Tag, { styleType: tag.styleType || AppearanceStyleType.warning },
|
|
63
|
+
tag.iconType && (React.createElement(Icon, { size: "medium", symbol: tag.iconType, fill: (_a = tag.iconColor) !== null && _a !== void 0 ? _a : IconFillColors.primary })),
|
|
64
|
+
tag.text)));
|
|
65
|
+
}))),
|
|
66
66
|
props.images && props.images.length > 1 && (React.createElement(Modal, { open: showModal, title: props.modalAriaTitle || "Images", scrollable: true, onClose: function () { return setShowModal(!showModal); }, className: "image-card__overlay", modalClassNames: "image-card__gallery-modal", headerClassNames: "sr-only", closeIconColor: IconFillColors.white, actions: [
|
|
67
67
|
React.createElement(Button, { onClick: function () { return setShowModal(!showModal); }, size: AppearanceSizeType.small }, props.modalCloseLabel || "Close"),
|
|
68
68
|
] }, props.images &&
|
|
@@ -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;AAEjC,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;AAkDzC;;;;GAIG;AACH,IAAM,SAAS,GAAG,UAAC,KAAqB;;IAChC,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,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,CACL,+BAAO,SAAS,EAAC,oBAAoB,gBAAa,UAAG,KAAK,CAAC,WAAW,cAAW,
|
|
1
|
+
{"version":3,"file":"ImageCard.js","sourceRoot":"","sources":["../../../src/blocks/ImageCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,7 @@ var PreferencesList = function (props) {
|
|
|
24
24
|
React.createElement("sup", null, preference.ordinal ? getOrdinal(preference.ordinal) : "")),
|
|
25
25
|
React.createElement("h4", { className: "info-card__title" }, preference.title),
|
|
26
26
|
preference.subtitle && (React.createElement("div", { className: "preferences-list__subtitle" }, preference.subtitle)),
|
|
27
|
-
preference.description && (React.createElement("div", { className: "preferences-list__description" }, preference.description)),
|
|
27
|
+
preference.description && (React.createElement("div", { className: "preferences-list__description ".concat(preference.descriptionClassName || "") }, preference.description)),
|
|
28
28
|
preference.links && (React.createElement("div", { className: "preferences-list__links" }, preference.links.map(function (link, linkIndex) { return (React.createElement("span", { key: linkIndex },
|
|
29
29
|
React.createElement("a", { href: link.url, target: "_blank", "aria-label": link.ariaLabel }, link.title))); })))));
|
|
30
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreferencesList.js","sourceRoot":"","sources":["../../../src/lists/PreferencesList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"PreferencesList.js","sourceRoot":"","sources":["../../../src/lists/PreferencesList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAqB9C,IAAM,UAAU,GAAG,UAAC,CAAS;IAC3B,IAAI,MAAM,EAAE,IAAI,IAAI,EAAE;QACpB,IAAM,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;QAClC,IAAM,CAAC,GAAG,CAAC,GAAG,GAAG,CAAA;QACjB,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;KACxC;SAAM;QACL,OAAO,EAAE,CAAA;KACV;AACH,CAAC,CAAA;AAED,IAAM,eAAe,GAAG,UAAC,KAA2B;;IAClD,IAAM,WAAW,GAAG,MAAA,KAAK,CAAC,kBAAkB,0CAAE,GAAG,CAAC,UAAC,UAA0B,EAAE,KAAa;QAC1F,IAAM,WAAW,GAAG,CAAC,wBAAwB,EAAE,WAAW,CAAC,CAAA;QAE3D,IAAI,CAAC,UAAU,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,WAAW,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;YACxE,WAAW,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAA;SACvD;QAED,OAAO,CACL,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;YAC9C,6BAAK,SAAS,EAAC,0BAA0B;gBACtC,UAAU,CAAC,OAAO;gBACnB,iCAAM,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAO,CACjE;YACN,4BAAI,SAAS,EAAC,kBAAkB,IAAE,UAAU,CAAC,KAAK,CAAM;YACvD,UAAU,CAAC,QAAQ,IAAI,CACtB,6BAAK,SAAS,EAAC,4BAA4B,IAAE,UAAU,CAAC,QAAQ,CAAO,CACxE;YACA,UAAU,CAAC,WAAW,IAAI,CACzB,6BAAK,SAAS,EAAE,wCAAiC,UAAU,CAAC,oBAAoB,IAAI,EAAE,CAAE,IACrF,UAAU,CAAC,WAAW,CACnB,CACP;YACA,UAAU,CAAC,KAAK,IAAI,CACnB,6BAAK,SAAS,EAAC,yBAAyB,IACrC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAwB,EAAE,SAAiB,IAAK,OAAA,CACrE,8BAAM,GAAG,EAAE,SAAS;gBAClB,2BAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAC,QAAQ,gBAAa,IAAI,CAAC,SAAS,IAC1D,IAAI,CAAC,KAAK,CACT,CACC,CACR,EANsE,CAMtE,CAAC,CACE,CACP,CACE,CACN,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,4BAAI,SAAS,EAAC,kBAAkB,IAAE,WAAW,CAAM,CAAA;AAC5D,CAAC,CAAA;AAED,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bloom-housing/ui-components",
|
|
3
|
-
"version": "8.1.
|
|
3
|
+
"version": "8.1.1",
|
|
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
|
@@ -81,7 +81,7 @@ const ImageCard = (props: ImageCardProps) => {
|
|
|
81
81
|
)
|
|
82
82
|
})
|
|
83
83
|
return (
|
|
84
|
-
<aside className="image-card__status" aria-label={`${props.description} Statuses`}>
|
|
84
|
+
<aside className="image-card__status" aria-label={`${props.description || ""} Statuses`}>
|
|
85
85
|
{statuses}
|
|
86
86
|
</aside>
|
|
87
87
|
)
|
|
@@ -104,24 +104,6 @@ const ImageCard = (props: ImageCardProps) => {
|
|
|
104
104
|
const image = (
|
|
105
105
|
<>
|
|
106
106
|
<div className="image-card">
|
|
107
|
-
<div className="image-card-tag__wrapper">
|
|
108
|
-
{props.tags?.map((tag, index) => {
|
|
109
|
-
return (
|
|
110
|
-
<React.Fragment key={index}>
|
|
111
|
-
<Tag styleType={tag.styleType || AppearanceStyleType.warning}>
|
|
112
|
-
{tag.iconType && (
|
|
113
|
-
<Icon
|
|
114
|
-
size={"medium"}
|
|
115
|
-
symbol={tag.iconType}
|
|
116
|
-
fill={tag.iconColor ?? IconFillColors.primary}
|
|
117
|
-
/>
|
|
118
|
-
)}
|
|
119
|
-
{tag.text}
|
|
120
|
-
</Tag>
|
|
121
|
-
</React.Fragment>
|
|
122
|
-
)
|
|
123
|
-
})}
|
|
124
|
-
</div>
|
|
125
107
|
<figure className={innerClasses.join(" ")}>
|
|
126
108
|
{props.imageUrl ? (
|
|
127
109
|
<img
|
|
@@ -174,6 +156,24 @@ const ImageCard = (props: ImageCardProps) => {
|
|
|
174
156
|
)}
|
|
175
157
|
</figure>
|
|
176
158
|
{getStatuses()}
|
|
159
|
+
<div className="image-card-tag__wrapper">
|
|
160
|
+
{props.tags?.map((tag, index) => {
|
|
161
|
+
return (
|
|
162
|
+
<React.Fragment key={index}>
|
|
163
|
+
<Tag styleType={tag.styleType || AppearanceStyleType.warning}>
|
|
164
|
+
{tag.iconType && (
|
|
165
|
+
<Icon
|
|
166
|
+
size={"medium"}
|
|
167
|
+
symbol={tag.iconType}
|
|
168
|
+
fill={tag.iconColor ?? IconFillColors.primary}
|
|
169
|
+
/>
|
|
170
|
+
)}
|
|
171
|
+
{tag.text}
|
|
172
|
+
</Tag>
|
|
173
|
+
</React.Fragment>
|
|
174
|
+
)
|
|
175
|
+
})}
|
|
176
|
+
</div>
|
|
177
177
|
</div>
|
|
178
178
|
{props.images && props.images.length > 1 && (
|
|
179
179
|
<Modal
|
|
@@ -14,6 +14,7 @@ export interface ListPreference {
|
|
|
14
14
|
title?: string
|
|
15
15
|
subtitle?: string
|
|
16
16
|
description?: string
|
|
17
|
+
descriptionClassName?: string
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
export interface PreferencesListProps {
|
|
@@ -49,7 +50,9 @@ const PreferencesList = (props: PreferencesListProps) => {
|
|
|
49
50
|
<div className="preferences-list__subtitle">{preference.subtitle}</div>
|
|
50
51
|
)}
|
|
51
52
|
{preference.description && (
|
|
52
|
-
<div className=
|
|
53
|
+
<div className={`preferences-list__description ${preference.descriptionClassName || ""}`}>
|
|
54
|
+
{preference.description}
|
|
55
|
+
</div>
|
|
53
56
|
)}
|
|
54
57
|
{preference.links && (
|
|
55
58
|
<div className="preferences-list__links">
|