@bloom-housing/ui-components 10.0.12 → 10.0.13

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 (9) hide show
  1. package/dist/src/page_components/listing/ListingCard.d.ts +6 -2
  2. package/dist/src/page_components/listing/ListingCard.js +12 -9
  3. package/dist/src/page_components/listing/ListingCard.js.map +1 -1
  4. package/dist/src/page_components/listing/ListingCard.stories.js +1 -1
  5. package/dist/src/page_components/listing/ListingCard.stories.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/page_components/listing/ListingCard.scss +32 -2
  8. package/src/page_components/listing/ListingCard.stories.tsx +1 -0
  9. package/src/page_components/listing/ListingCard.tsx +35 -7
package/dist/src/page_components/listing/ListingCard.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from "react";
2
2
  import { ImageCardProps, ImageTag } from "../../blocks/ImageCard";
3
3
  import { StackedTableProps } from "../../tables/StackedTable";
4
4
  import { StandardTableProps } from "../../tables/StandardTable";
5
- import { AppearanceStyleType } from "../../global/AppearanceTypes";
5
+ import { AppearanceShadeType, AppearanceStyleType } from "../../global/AppearanceTypes";
6
6
  import "./ListingCard.scss";
7
7
  interface ListingCardTableProps extends StandardTableProps, StackedTableProps {
8
8
  }
@@ -12,6 +12,7 @@ export interface ListingCardHeader {
12
12
  customClass?: string;
13
13
  styleType?: AppearanceStyleType;
14
14
  isPillType?: boolean;
15
+ priority?: number;
15
16
  }
16
17
  export interface ListingFooterButton {
17
18
  href: string;
@@ -24,9 +25,12 @@ export interface ListingCardContentProps {
24
25
  tableHeader?: ListingCardHeader;
25
26
  tableSubheader?: ListingCardHeader;
26
27
  }
28
+ export interface CardTag extends ImageTag {
29
+ shadeType?: AppearanceShadeType;
30
+ }
27
31
  export interface ListingCardProps {
28
32
  /** A list of tags to be rendered below the content header, a Tag component is rendered for each */
29
- cardTags?: ImageTag[];
33
+ cardTags?: CardTag[];
30
34
  /** Custom content rendered in the content section above the table */
31
35
  children?: React.ReactElement;
32
36
  /** An object containing fields that render optional headers above the content section's table */
package/dist/src/page_components/listing/ListingCard.js CHANGED
@@ -41,28 +41,31 @@ var ListingCard = function (props) {
41
41
  }
42
42
  };
43
43
  var getContentHeader = function () {
44
+ var _a, _b, _c;
44
45
  return (React.createElement("div", { className: "listings-row_headers" },
45
- getHeader(contentProps === null || contentProps === void 0 ? void 0 : contentProps.contentHeader, 2, "largePrimary", "order-1"),
46
- getHeader(contentProps === null || contentProps === void 0 ? void 0 : contentProps.contentSubheader, 3, "mediumNormal", "order-2"),
46
+ (contentProps === null || contentProps === void 0 ? void 0 : contentProps.contentHeader) &&
47
+ getHeader(contentProps === null || contentProps === void 0 ? void 0 : contentProps.contentHeader, (_b = (_a = contentProps === null || contentProps === void 0 ? void 0 : contentProps.contentHeader) === null || _a === void 0 ? void 0 : _a.priority) !== null && _b !== void 0 ? _b : 2, "largePrimary", "order-1"),
48
+ (contentProps === null || contentProps === void 0 ? void 0 : contentProps.contentSubheader) && (React.createElement("p", { className: "card-subheader order-2" }, (_c = contentProps === null || contentProps === void 0 ? void 0 : contentProps.contentSubheader) === null || _c === void 0 ? void 0 : _c.content)),
47
49
  cardTags && (cardTags === null || cardTags === void 0 ? void 0 : cardTags.length) > 0 && (React.createElement("div", { className: "listings-row_tags" }, cardTags === null || cardTags === void 0 ? void 0 : cardTags.map(function (cardTag, index) {
48
- var _a;
49
- return (React.createElement(Tag, { styleType: cardTag.styleType || AppearanceStyleType.warning, key: index },
50
- cardTag.iconType && (React.createElement(Icon, { size: "medium", symbol: cardTag.iconType, fill: (_a = cardTag.iconColor) !== null && _a !== void 0 ? _a : IconFillColors.primary })),
50
+ var _a, _b;
51
+ return (React.createElement(Tag, { styleType: (_a = cardTag.styleType) !== null && _a !== void 0 ? _a : AppearanceStyleType.warning, shade: cardTag === null || cardTag === void 0 ? void 0 : cardTag.shadeType, key: index },
52
+ cardTag.iconType && (React.createElement(Icon, { size: "medium", symbol: cardTag.iconType, fill: (_b = cardTag.iconColor) !== null && _b !== void 0 ? _b : IconFillColors.primary, className: "listing-card__tag-icon" })),
51
53
  cardTag.text));
52
54
  })))));
53
55
  };
54
56
  var getContent = function () {
55
- var _a, _b, _c, _d;
57
+ var _a, _b, _c, _d, _e, _f, _g, _h;
56
58
  return (React.createElement(React.Fragment, null,
57
59
  React.createElement("div", { className: "listings-row_table" },
58
60
  (((_a = contentProps === null || contentProps === void 0 ? void 0 : contentProps.tableHeader) === null || _a === void 0 ? void 0 : _a.content) || ((_b = contentProps === null || contentProps === void 0 ? void 0 : contentProps.tableSubheader) === null || _b === void 0 ? void 0 : _b.content)) &&
59
61
  (((_c = contentProps.contentHeader) === null || _c === void 0 ? void 0 : _c.content) || ((_d = contentProps === null || contentProps === void 0 ? void 0 : contentProps.contentSubheader) === null || _d === void 0 ? void 0 : _d.content)) && (React.createElement("hr", { className: "mb-2" })),
60
62
  React.createElement("div", { className: "listings-row_headers" },
61
- getHeader(contentProps === null || contentProps === void 0 ? void 0 : contentProps.tableHeader, 4, "smallWeighted"),
62
- getHeader(contentProps === null || contentProps === void 0 ? void 0 : contentProps.tableSubheader, 5, "smallNormal")),
63
+ (contentProps === null || contentProps === void 0 ? void 0 : contentProps.tableHeader) &&
64
+ getHeader(contentProps === null || contentProps === void 0 ? void 0 : contentProps.tableHeader, (_f = (_e = contentProps === null || contentProps === void 0 ? void 0 : contentProps.tableHeader) === null || _e === void 0 ? void 0 : _e.priority) !== null && _f !== void 0 ? _f : 3, "smallWeighted"),
65
+ ((_g = contentProps === null || contentProps === void 0 ? void 0 : contentProps.tableSubheader) === null || _g === void 0 ? void 0 : _g.content) && (React.createElement("p", { className: "text__small-normal" }, (_h = contentProps === null || contentProps === void 0 ? void 0 : contentProps.tableSubheader) === null || _h === void 0 ? void 0 : _h.content))),
63
66
  children && children,
64
67
  tableProps && (tableProps.data || tableProps.stackedData) && (React.createElement(React.Fragment, null, stackedTable ? (React.createElement(StackedTable, __assign({}, tableProps))) : (React.createElement(StandardTable, __assign({}, tableProps)))))),
65
- React.createElement("div", { className: "flex flex-col" },
68
+ React.createElement("div", { className: "listings-row_footer_container" },
66
69
  footerContent && footerContent,
67
70
  footerButtons && (footerButtons === null || footerButtons === void 0 ? void 0 : footerButtons.length) > 0 && (React.createElement("div", { className: footerContainerClass !== null && footerContainerClass !== void 0 ? footerContainerClass : "listings-row_footer" }, footerButtons === null || footerButtons === void 0 ? void 0 : footerButtons.map(function (footerButton, index) {
68
71
  return (React.createElement(LinkButton, { href: footerButton.href, ariaHidden: footerButton.ariaHidden, key: index }, footerButton.text));
package/dist/src/page_components/listing/ListingCard.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListingCard.js","sourceRoot":"","sources":["../../../../src/page_components/listing/ListingCard.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ListingCard.js","sourceRoot":"","sources":["../../../../src/page_components/listing/ListingCard.tsx"],"names":[],"mappings":"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"}
package/dist/src/page_components/listing/ListingCard.stories.js CHANGED
@@ -196,7 +196,7 @@ export var CustomFooter = function () {
196
196
  } }));
197
197
  };
198
198
  export var detroitStyle = function () {
199
- var cssVarsOverride = "\n .listing-card-overrides {\n --bloom-font-sans: Montserrat;\n --bloom-font-alt-sans: var(--bloom-font-sans);\n --bloom-color-primary: rgb(41,126,115);\n --bloom-color-primary-dark: rgb(0,68,69);\n --primary-appearance-hover-background-color: white;\n --primary-appearance-hover-label-color: var(--bloom-color-primary-dark);\n --outlined-appearance-hover-background-color: var(--bloom-color-primary);\n --outlined-appearance-hover-border-color: var(--bloom-color-primary);\n --card-header-color: var(--bloom-color-primary-dark);\n }\n\n .listing-card-overrides table {\n font-family: var(--bloom-font-sans);\n }\n\n .listing-card-overrides .image-card {\n --tags-justify-mobile: flex-end;\n --tags-justify-desktop: flex-end;\n --border-radius: 24px;\n --image-height: 340px;\n --normal-font-size: var(--bloom-font-size-base);\n }\n .listing-card-overrides .tag {\n --normal-padding: var(--bloom-s2) var(--bloom-s3);\n --label-weight: 700;\n }\n\n .listing-card-overrides .listings-row {\n --tags-flex-order: 2;\n }\n\n .listing-card-overrides .button {\n --normal-rounded: 60px;\n --normal-padding: 0.5rem 1rem;\n --normal-font-size: var(--bloom-font-size-base);\n --label-letter-spacing: normal;\n --label-transform: none;\n }\n ";
199
+ var cssVarsOverride = "\n .listing-card-overrides {\n --bloom-font-sans: Montserrat;\n --bloom-font-alt-sans: var(--bloom-font-sans);\n --bloom-color-primary: rgb(41,126,115);\n --bloom-color-primary-dark: rgb(0,68,69);\n --primary-appearance-hover-background-color: white;\n --primary-appearance-hover-label-color: var(--bloom-color-primary-dark);\n --outlined-appearance-hover-background-color: var(--bloom-color-primary);\n --outlined-appearance-hover-border-color: var(--bloom-color-primary);\n --card-header-color: var(--bloom-color-primary-dark);\n }\n\n .listing-card-overrides table {\n font-family: var(--bloom-font-sans);\n }\n\n .listing-card-overrides .image-card {\n --tags-justify-mobile: flex-end;\n --tags-justify-desktop: flex-end;\n --border-radius: 24px;\n --image-height: 340px;\n --normal-font-size: var(--bloom-font-size-base);\n }\n .listing-card-overrides .tag {\n --card-tag-padding: var(--bloom-s2) var(--bloom-s3);\n --normal-padding: var(--bloom-s2) var(--bloom-s3);\n --label-weight: 700;\n }\n\n .listing-card-overrides .listings-row {\n --tags-flex-order: 2;\n }\n\n .listing-card-overrides .button {\n --normal-rounded: 60px;\n --normal-padding: 0.5rem 1rem;\n --normal-font-size: var(--bloom-font-size-base);\n --label-letter-spacing: normal;\n --label-transform: none;\n }\n ";
200
200
  return (React.createElement(React.Fragment, null,
201
201
  React.createElement("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }),
202
202
  React.createElement("link", { rel: "preconnect", href: "https://fonts.gstatic.com" }),
package/dist/src/page_components/listing/ListingCard.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ListingCard.stories.js","sourceRoot":"","sources":["../../../../src/page_components/listing/ListingCard.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ListingCard.stories.js","sourceRoot":"","sources":["../../../../src/page_components/listing/ListingCard.stories.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": "10.0.12",
3
+ "version": "10.0.13",
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/page_components/listing/ListingCard.scss CHANGED
@@ -4,17 +4,24 @@
4
4
  --max-width: var(--bloom-width-3xl);
5
5
  --max-width-large-screen: var(--bloom-width-5xl);
6
6
  --cell-padding: var(--bloom-s3);
7
+ --margin: var(--inter-row-gap) auto;
8
+ --card-tag-padding: var(--bloom-s3) var(--bloom-s5);
9
+ --card-tag-font-weight: inherit;
7
10
 
8
11
  display: flex;
9
12
  flex-direction: row;
10
13
  flex-wrap: wrap;
11
14
  max-width: var(--max-width);
12
- margin: var(--inter-row-gap) auto;
15
+ margin: var(--margin);
13
16
  position: relative;
14
17
 
15
18
  @media (min-width: $screen-lg) {
16
19
  --max-width: var(--max-width-large-screen);
17
20
  }
21
+
22
+ &:first-of-type {
23
+ margin-top: var(--bloom-s12);
24
+ }
18
25
  }
19
26
 
20
27
  .listings-row_figure,
@@ -48,8 +55,10 @@
48
55
  justify-content: flex-start;
49
56
 
50
57
  .tag {
58
+ padding: var(--card-tag-padding);
51
59
  margin-bottom: var(--bloom-s2);
52
60
  margin-inline-end: var(--bloom-s2);
61
+ font-weight: var(--card-tag-font-weight);
53
62
 
54
63
  &:last-of-type {
55
64
  margin-inline-end: 0;
@@ -77,6 +86,11 @@
77
86
  margin-block-end: var(--bloom-s4);
78
87
  }
79
88
 
89
+ .listings-row_footer_container {
90
+ display: flex;
91
+ flex-direction: column;
92
+ }
93
+
80
94
  .listings-row_footer {
81
95
  display: flex;
82
96
  justify-content: flex-end;
@@ -87,6 +101,22 @@
87
101
  }
88
102
  }
89
103
  .listings-pill_header {
90
- margin-bottom: var(--bloom-s3);
91
104
  margin-top: var(--bloom-s1);
105
+ margin-bottom: var(--bloom-s3);
106
+ }
107
+
108
+ .card-subheader {
109
+ font-family: var(--bloom-font-alt-sans);
110
+ color: var(--bloom-color-black);
111
+ font-size: var(--bloom-font-size-base);
112
+ margin-bottom: var(--bloom-s3);
113
+ }
114
+
115
+ .listing-card__tag-icon {
116
+ margin-right: var(--bloom-s2);
117
+
118
+ [dir="rtl"] & {
119
+ margin-right: 0;
120
+ margin-left: var(--bloom-s2);
121
+ }
92
122
  }
package/src/page_components/listing/ListingCard.stories.tsx CHANGED
@@ -334,6 +334,7 @@ export const detroitStyle = () => {
334
334
  --normal-font-size: var(--bloom-font-size-base);
335
335
  }
336
336
  .listing-card-overrides .tag {
337
+ --card-tag-padding: var(--bloom-s2) var(--bloom-s3);
337
338
  --normal-padding: var(--bloom-s2) var(--bloom-s3);
338
339
  --label-weight: 700;
339
340
  }
package/src/page_components/listing/ListingCard.tsx CHANGED
@@ -18,6 +18,7 @@ export interface ListingCardHeader {
18
18
  customClass?: string
19
19
  styleType?: AppearanceStyleType
20
20
  isPillType?: boolean
21
+ priority?: number
21
22
  }
22
23
 
23
24
  export interface ListingFooterButton {
@@ -32,9 +33,14 @@ export interface ListingCardContentProps {
32
33
  tableHeader?: ListingCardHeader
33
34
  tableSubheader?: ListingCardHeader
34
35
  }
36
+
37
+ export interface CardTag extends ImageTag {
38
+ shadeType?: AppearanceShadeType
39
+ }
40
+
35
41
  export interface ListingCardProps {
36
42
  /** A list of tags to be rendered below the content header, a Tag component is rendered for each */
37
- cardTags?: ImageTag[]
43
+ cardTags?: CardTag[]
38
44
  /** Custom content rendered in the content section above the table */
39
45
  children?: React.ReactElement
40
46
  /** An object containing fields that render optional headers above the content section's table */
@@ -112,18 +118,32 @@ const ListingCard = (props: ListingCardProps) => {
112
118
  const getContentHeader = () => {
113
119
  return (
114
120
  <div className="listings-row_headers">
115
- {getHeader(contentProps?.contentHeader, 2, "largePrimary", "order-1")}
116
- {getHeader(contentProps?.contentSubheader, 3, "mediumNormal", "order-2")}
121
+ {contentProps?.contentHeader &&
122
+ getHeader(
123
+ contentProps?.contentHeader,
124
+ contentProps?.contentHeader?.priority ?? 2,
125
+ "largePrimary",
126
+ "order-1"
127
+ )}
128
+ {contentProps?.contentSubheader && (
129
+ <p className="card-subheader order-2">{contentProps?.contentSubheader?.content}</p>
130
+ )}
131
+
117
132
  {cardTags && cardTags?.length > 0 && (
118
133
  <div className="listings-row_tags">
119
134
  {cardTags?.map((cardTag, index) => {
120
135
  return (
121
- <Tag styleType={cardTag.styleType || AppearanceStyleType.warning} key={index}>
136
+ <Tag
137
+ styleType={cardTag.styleType ?? AppearanceStyleType.warning}
138
+ shade={cardTag?.shadeType}
139
+ key={index}
140
+ >
122
141
  {cardTag.iconType && (
123
142
  <Icon
124
143
  size={"medium"}
125
144
  symbol={cardTag.iconType}
126
145
  fill={cardTag.iconColor ?? IconFillColors.primary}
146
+ className={"listing-card__tag-icon"}
127
147
  />
128
148
  )}
129
149
  {cardTag.text}
@@ -145,8 +165,16 @@ const ListingCard = (props: ListingCardProps) => {
145
165
  <hr className={"mb-2"} />
146
166
  )}
147
167
  <div className={"listings-row_headers"}>
148
- {getHeader(contentProps?.tableHeader, 4, "smallWeighted")}
149
- {getHeader(contentProps?.tableSubheader, 5, "smallNormal")}
168
+ {contentProps?.tableHeader &&
169
+ getHeader(
170
+ contentProps?.tableHeader,
171
+ contentProps?.tableHeader?.priority ?? 3,
172
+ "smallWeighted"
173
+ )}
174
+
175
+ {contentProps?.tableSubheader?.content && (
176
+ <p className="text__small-normal">{contentProps?.tableSubheader?.content}</p>
177
+ )}
150
178
  </div>
151
179
  {children && children}
152
180
  {tableProps && (tableProps.data || tableProps.stackedData) && (
@@ -159,7 +187,7 @@ const ListingCard = (props: ListingCardProps) => {
159
187
  </>
160
188
  )}
161
189
  </div>
162
- <div className={"flex flex-col"}>
190
+ <div className={"listings-row_footer_container"}>
163
191
  {footerContent && footerContent}
164
192
  {footerButtons && footerButtons?.length > 0 && (
165
193
  <div className={footerContainerClass ?? "listings-row_footer"}>