@bloom-housing/ui-components 10.0.13 → 10.0.14
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/sections/GridSection.d.ts +3 -0
- package/dist/src/sections/GridSection.js +10 -4
- package/dist/src/sections/GridSection.js.map +1 -1
- package/dist/src/sections/GridSection.stories.js +1 -1
- package/dist/src/sections/GridSection.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/sections/GridSection.scss +11 -1
- package/src/sections/GridSection.stories.tsx +2 -0
- package/src/sections/GridSection.tsx +24 -9
|
@@ -9,12 +9,15 @@ export interface GridCellProps {
|
|
|
9
9
|
declare const GridCell: (props: GridCellProps) => JSX.Element;
|
|
10
10
|
export interface GridSectionProps {
|
|
11
11
|
title?: React.ReactNode;
|
|
12
|
+
edit?: string;
|
|
13
|
+
editHref?: string;
|
|
12
14
|
subtitle?: string;
|
|
13
15
|
description?: string;
|
|
14
16
|
tinted?: boolean;
|
|
15
17
|
grid?: boolean;
|
|
16
18
|
columns?: number;
|
|
17
19
|
inset?: boolean;
|
|
20
|
+
wrapperClassName?: string;
|
|
18
21
|
className?: string;
|
|
19
22
|
tightSpacing?: boolean;
|
|
20
23
|
reverse?: boolean;
|
|
@@ -13,6 +13,8 @@ var GridSection = function (props) {
|
|
|
13
13
|
var sectionClasses = ["grid-section"];
|
|
14
14
|
if (props.separator)
|
|
15
15
|
sectionClasses.push("has-separator");
|
|
16
|
+
if (props.wrapperClassName)
|
|
17
|
+
sectionClasses.push(props.wrapperClassName);
|
|
16
18
|
var gridClasses = ["grid-section__inner"];
|
|
17
19
|
var grid = typeof props.grid != "undefined" ? props.grid : true;
|
|
18
20
|
if (props.tinted)
|
|
@@ -40,10 +42,14 @@ var GridSection = function (props) {
|
|
|
40
42
|
if (props.title)
|
|
41
43
|
subtitleClasses.push("mt-4");
|
|
42
44
|
return (React.createElement("section", { className: sectionClasses.join(" ") },
|
|
43
|
-
|
|
44
|
-
props.title && React.createElement("
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
React.createElement("div", { className: "grid-section__header-container" },
|
|
46
|
+
(props.title || props.subtitle) && (React.createElement("div", null,
|
|
47
|
+
React.createElement("header", { className: headerClasses.join(" ") },
|
|
48
|
+
props.title && React.createElement("h2", { className: "grid-section__title" }, props.title),
|
|
49
|
+
props.subtitle && React.createElement("h3", { className: subtitleClasses.join(" ") }, props.subtitle),
|
|
50
|
+
props.description && (React.createElement("span", { className: "grid-section__description" }, props.description))))),
|
|
51
|
+
props.edit && props.editHref && (React.createElement("span", { className: "grid-section__edit-link" },
|
|
52
|
+
React.createElement("a", { className: "edit-link", href: props.editHref }, props.edit)))),
|
|
47
53
|
React.createElement("div", { className: gridClasses.join(" ") }, props.children)));
|
|
48
54
|
};
|
|
49
55
|
export { GridSection as default, GridSection, GridCell };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridSection.js","sourceRoot":"","sources":["../../../src/sections/GridSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,oBAAoB,CAAA;AAS3B,IAAM,QAAQ,GAAG,UAAC,KAAoB;;IACpC,IAAM,eAAe,GAAG,CAAC,WAAW,CAAC,CAAA;IACrC,IAAI,KAAK,CAAC,IAAI;QAAE,eAAe,CAAC,IAAI,CAAC,sBAAe,KAAK,CAAC,IAAI,CAAE,CAAC,CAAA;IACjE,IAAI,KAAK,CAAC,SAAS;QAAE,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAE1D,OAAO,CACL,+CAAqB,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,EAAE,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,IAC7E,KAAK,CAAC,QAAQ,CACP,CACX,CAAA;AACH,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"GridSection.js","sourceRoot":"","sources":["../../../src/sections/GridSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,7 +37,7 @@ export var TwoColumns = function () { return (React.createElement(GridSection, {
|
|
|
37
37
|
React.createElement(ViewItem, { label: "Last Name", children: "Jones" })),
|
|
38
38
|
React.createElement(GridCell, null,
|
|
39
39
|
React.createElement(ViewItem, { label: "Date of Birth", children: "01/01/1985" })))); };
|
|
40
|
-
export var FourColumnsEdit = function () { return (React.createElement(GridSection, { title: "Very Long Section Title That Wraps on Mobile", subtitle: "Subsection Title", columns: 4, tinted: true, inset: true },
|
|
40
|
+
export var FourColumnsEdit = function () { return (React.createElement(GridSection, { title: "Very Long Section Title That Wraps on Mobile", subtitle: "Subsection Title", columns: 4, edit: "Edit", editHref: "/edit", tinted: true, inset: true },
|
|
41
41
|
React.createElement(GridCell, null,
|
|
42
42
|
React.createElement(ViewItem, { label: "First Name", children: "Lisa" })),
|
|
43
43
|
React.createElement(GridCell, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridSection.stories.js","sourceRoot":"","sources":["../../../src/sections/GridSection.stories.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"GridSection.stories.js","sourceRoot":"","sources":["../../../src/sections/GridSection.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.
|
|
3
|
+
"version": "10.0.14",
|
|
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",
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
.grid-section {
|
|
2
|
+
--subtitle-font-size: var(--bloom-font-size-xs);
|
|
2
3
|
.grid-item {
|
|
3
4
|
@apply mb-4;
|
|
4
5
|
overflow-wrap: break-word; // temp fix
|
|
@@ -27,6 +28,12 @@
|
|
|
27
28
|
@apply flex-col;
|
|
28
29
|
}
|
|
29
30
|
|
|
31
|
+
.grid-section__header-container {
|
|
32
|
+
display: flex;
|
|
33
|
+
flex-direction: row;
|
|
34
|
+
justify-content: space-between;
|
|
35
|
+
}
|
|
36
|
+
|
|
30
37
|
.grid-section__title {
|
|
31
38
|
@apply font-alt-sans;
|
|
32
39
|
@apply text-xl;
|
|
@@ -43,7 +50,7 @@
|
|
|
43
50
|
@apply uppercase;
|
|
44
51
|
@apply font-alt-sans;
|
|
45
52
|
@apply font-bold;
|
|
46
|
-
|
|
53
|
+
font-size: var(--subtitle-font-size);
|
|
47
54
|
@apply tracking-widest;
|
|
48
55
|
@apply w-full;
|
|
49
56
|
@apply mt-4;
|
|
@@ -70,3 +77,6 @@
|
|
|
70
77
|
direction: rtl;
|
|
71
78
|
}
|
|
72
79
|
}
|
|
80
|
+
.grid-section__edit-link {
|
|
81
|
+
margin-top: var(--bloom-s1);
|
|
82
|
+
}
|
|
@@ -22,12 +22,15 @@ const GridCell = (props: GridCellProps) => {
|
|
|
22
22
|
|
|
23
23
|
export interface GridSectionProps {
|
|
24
24
|
title?: React.ReactNode
|
|
25
|
+
edit?: string
|
|
26
|
+
editHref?: string
|
|
25
27
|
subtitle?: string
|
|
26
28
|
description?: string
|
|
27
29
|
tinted?: boolean
|
|
28
30
|
grid?: boolean
|
|
29
31
|
columns?: number
|
|
30
32
|
inset?: boolean
|
|
33
|
+
wrapperClassName?: string
|
|
31
34
|
className?: string
|
|
32
35
|
tightSpacing?: boolean
|
|
33
36
|
reverse?: boolean
|
|
@@ -38,6 +41,7 @@ export interface GridSectionProps {
|
|
|
38
41
|
const GridSection = (props: GridSectionProps) => {
|
|
39
42
|
const sectionClasses = ["grid-section"]
|
|
40
43
|
if (props.separator) sectionClasses.push("has-separator")
|
|
44
|
+
if (props.wrapperClassName) sectionClasses.push(props.wrapperClassName)
|
|
41
45
|
|
|
42
46
|
const gridClasses = ["grid-section__inner"]
|
|
43
47
|
const grid = typeof props.grid != "undefined" ? props.grid : true
|
|
@@ -63,15 +67,26 @@ const GridSection = (props: GridSectionProps) => {
|
|
|
63
67
|
|
|
64
68
|
return (
|
|
65
69
|
<section className={sectionClasses.join(" ")}>
|
|
66
|
-
{
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
70
|
+
<div className={"grid-section__header-container"}>
|
|
71
|
+
{(props.title || props.subtitle) && (
|
|
72
|
+
<div>
|
|
73
|
+
<header className={headerClasses.join(" ")}>
|
|
74
|
+
{props.title && <h2 className="grid-section__title">{props.title}</h2>}
|
|
75
|
+
{props.subtitle && <h3 className={subtitleClasses.join(" ")}>{props.subtitle}</h3>}
|
|
76
|
+
{props.description && (
|
|
77
|
+
<span className={"grid-section__description"}>{props.description}</span>
|
|
78
|
+
)}
|
|
79
|
+
</header>
|
|
80
|
+
</div>
|
|
81
|
+
)}
|
|
82
|
+
{props.edit && props.editHref && (
|
|
83
|
+
<span className="grid-section__edit-link">
|
|
84
|
+
<a className="edit-link" href={props.editHref}>
|
|
85
|
+
{props.edit}
|
|
86
|
+
</a>
|
|
87
|
+
</span>
|
|
88
|
+
)}
|
|
89
|
+
</div>
|
|
75
90
|
|
|
76
91
|
<div className={gridClasses.join(" ")}>{props.children}</div>
|
|
77
92
|
</section>
|