@bloom-housing/ui-components 8.0.2 → 8.0.4
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/actions/ExpandableText.d.ts +1 -0
- package/dist/src/actions/ExpandableText.js +2 -2
- package/dist/src/actions/ExpandableText.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/dist/src/lists/PreferencesList.stories.js +5 -0
- package/dist/src/lists/PreferencesList.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/actions/ExpandableText.tsx +7 -2
- package/src/lists/PreferencesList.stories.tsx +5 -0
- package/src/lists/PreferencesList.tsx +2 -1
- package/src/navigation/ProgressNav.scss +2 -2
|
@@ -16,7 +16,7 @@ var moreLessButton = function (expanded, setExpanded, strings, buttonClassName)
|
|
|
16
16
|
if (buttonClassName) {
|
|
17
17
|
classes.push(buttonClassName);
|
|
18
18
|
}
|
|
19
|
-
return (React.createElement("button", { className: classes.join(" "), onClick: function () { return setExpanded(!expanded); } }, expanded ? strings === null || strings === void 0 ? void 0 : strings.readLess : strings === null || strings === void 0 ? void 0 : strings.readMore));
|
|
19
|
+
return (React.createElement("button", { className: classes.join(" "), onClick: function () { return setExpanded(!expanded); }, "aria-label": strings.buttonAriaLabel }, expanded ? strings === null || strings === void 0 ? void 0 : strings.readLess : strings === null || strings === void 0 ? void 0 : strings.readMore));
|
|
20
20
|
};
|
|
21
21
|
var ExpandableText = function (props) {
|
|
22
22
|
var _a = useState(props.expand || false), expanded = _a[0], setExpanded = _a[1];
|
|
@@ -27,7 +27,7 @@ var ExpandableText = function (props) {
|
|
|
27
27
|
if (props.children.length > maxLength) {
|
|
28
28
|
button = moreLessButton(expanded, setExpanded, props.strings, props.buttonClassName);
|
|
29
29
|
}
|
|
30
|
-
return (React.createElement("div", { className: "expandable-text ".concat(props === null || props === void 0 ? void 0 : props.className) },
|
|
30
|
+
return (React.createElement("div", { className: "expandable-text ".concat((props === null || props === void 0 ? void 0 : props.className) || "") },
|
|
31
31
|
" ",
|
|
32
32
|
React.createElement(Markdown, { children: getText(props.children, expanded, maxLength), options: props.markdownProps }),
|
|
33
33
|
button));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableText.js","sourceRoot":"","sources":["../../../src/actions/ExpandableText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,QAA2B,MAAM,iBAAiB,CAAA;AACzD,OAAO,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"ExpandableText.js","sourceRoot":"","sources":["../../../src/actions/ExpandableText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,QAA2B,MAAM,iBAAiB,CAAA;AACzD,OAAO,uBAAuB,CAAA;AAgB9B,IAAM,OAAO,GAAG,UAAC,IAAY,EAAE,QAAiB,EAAE,SAAiB;IACjE,IAAI,QAAQ,IAAI,IAAI,CAAC,MAAM,IAAI,SAAS,EAAE;QACxC,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,QAAQ,GAAG,SAAS,CAAA;IACxB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,QAAQ,GAAG,CAAC,EAAE;QAC5C,QAAQ,IAAI,CAAC,CAAA;KACd;IACD,OAAO,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,KAAK,CAAA;AAClG,CAAC,CAAA;AAED,IAAM,cAAc,GAAG,UACrB,QAAiB,EACjB,WAAwC,EACxC,OAAuC,EACvC,eAAuD;IAEvD,IAAM,OAAO,GAAG,CAAC,eAAe,CAAC,CAAA;IACjC,IAAI,eAAe,EAAE;QACnB,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;KAC9B;IAED,OAAO,CACL,gCACE,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAC5B,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,CAAC,QAAQ,CAAC,EAAtB,CAAsB,gBACzB,OAAO,CAAC,eAAe,IAElC,QAAQ,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAC1C,CACV,CAAA;AACH,CAAC,CAAA;AAED,IAAM,cAAc,GAAG,UAAC,KAA0B;IAC1C,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,EAAxD,QAAQ,QAAA,EAAE,WAAW,QAAmC,CAAA;IAC/D,IAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,GAAG,CAAA;IACxC,IAAI,MAAM,CAAA;IAEV,IAAI,CAAC,KAAK,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAA;IAEhC,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,SAAS,EAAE;QACrC,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,eAAe,CAAC,CAAA;KACrF;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,0BAAmB,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI,EAAE,CAAE;QACxD,GAAG;QACJ,oBAAC,QAAQ,IACP,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,EACtD,OAAO,EAAE,KAAK,CAAC,aAAa,GAC5B;QACD,MAAM,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,IAAI,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -26,7 +26,7 @@ var PreferencesList = function (props) {
|
|
|
26
26
|
preference.subtitle && (React.createElement("div", { className: "preferences-list__subtitle" }, preference.subtitle)),
|
|
27
27
|
preference.description && (React.createElement("div", { className: "preferences-list__description" }, 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
|
-
React.createElement("a", { href: link.url, target: "_blank" }, link.title))); })))));
|
|
29
|
+
React.createElement("a", { href: link.url, target: "_blank", "aria-label": link.ariaLabel }, link.title))); })))));
|
|
30
30
|
});
|
|
31
31
|
return React.createElement("ol", { className: "preferences-list" }, preferences);
|
|
32
32
|
};
|
|
@@ -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;AAoB9C,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,EAAC,+BAA+B,IAAE,UAAU,CAAC,WAAW,CAAO,CAC9E;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"}
|
|
@@ -27,6 +27,11 @@ var listingPreferences = [
|
|
|
27
27
|
url: "http://www.google.com",
|
|
28
28
|
title: "Link Title 2",
|
|
29
29
|
},
|
|
30
|
+
{
|
|
31
|
+
url: "http://www.apple.com",
|
|
32
|
+
ariaLabel: "Link to Apple",
|
|
33
|
+
title: "Link Title with Aria Label",
|
|
34
|
+
},
|
|
30
35
|
],
|
|
31
36
|
title: "Title 2",
|
|
32
37
|
subtitle: "Subtitle 2",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreferencesList.stories.js","sourceRoot":"","sources":["../../../src/lists/PreferencesList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,4BAA4B,MAAM,4BAA4B,CAAA;AAErE,eAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,EAAE,EAAE,wBAAwB;IAC5B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,iCAAM,OAAO,EAAE,CAAO,EAAtB,CAAsB,CAAC;IACtD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,4BAA4B;SACnC;QACD,MAAM,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;KACtB;CACF,CAAA;AAED,IAAM,kBAAkB,GAAG;IACzB;QACE,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,eAAe;KAC7B;IACD;QACE,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL;gBACE,GAAG,EAAE,uBAAuB;gBAC5B,KAAK,EAAE,cAAc;aACtB;SACF;QACD,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,YAAY;QACtB,WAAW,EAAE,eAAe;KAC7B;IACD;QACE,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,YAAY;QACtB,WAAW,EAAE,eAAe;KAC7B;CACF,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,OAAO,oBAAC,eAAe,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAAA;AACpE,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"PreferencesList.stories.js","sourceRoot":"","sources":["../../../src/lists/PreferencesList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,4BAA4B,MAAM,4BAA4B,CAAA;AAErE,eAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,EAAE,EAAE,wBAAwB;IAC5B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,iCAAM,OAAO,EAAE,CAAO,EAAtB,CAAsB,CAAC;IACtD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,4BAA4B;SACnC;QACD,MAAM,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;KACtB;CACF,CAAA;AAED,IAAM,kBAAkB,GAAG;IACzB;QACE,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,eAAe;KAC7B;IACD;QACE,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL;gBACE,GAAG,EAAE,uBAAuB;gBAC5B,KAAK,EAAE,cAAc;aACtB;YACD;gBACE,GAAG,EAAE,sBAAsB;gBAC3B,SAAS,EAAE,eAAe;gBAC1B,KAAK,EAAE,4BAA4B;aACpC;SACF;QACD,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,YAAY;QACtB,WAAW,EAAE,eAAe;KAC7B;IACD;QACE,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,YAAY;QACtB,WAAW,EAAE,eAAe;KAC7B;CACF,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,OAAO,oBAAC,eAAe,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAAA;AACpE,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bloom-housing/ui-components",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.4",
|
|
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",
|
|
@@ -10,6 +10,7 @@ export interface ExpandableTextProps {
|
|
|
10
10
|
strings: {
|
|
11
11
|
readMore: string
|
|
12
12
|
readLess: string
|
|
13
|
+
buttonAriaLabel?: string
|
|
13
14
|
}
|
|
14
15
|
markdownProps?: MarkdownToJSX.Options
|
|
15
16
|
buttonClassName?: string
|
|
@@ -39,7 +40,11 @@ const moreLessButton = (
|
|
|
39
40
|
}
|
|
40
41
|
|
|
41
42
|
return (
|
|
42
|
-
<button
|
|
43
|
+
<button
|
|
44
|
+
className={classes.join(" ")}
|
|
45
|
+
onClick={() => setExpanded(!expanded)}
|
|
46
|
+
aria-label={strings.buttonAriaLabel}
|
|
47
|
+
>
|
|
43
48
|
{expanded ? strings?.readLess : strings?.readMore}
|
|
44
49
|
</button>
|
|
45
50
|
)
|
|
@@ -56,7 +61,7 @@ const ExpandableText = (props: ExpandableTextProps) => {
|
|
|
56
61
|
button = moreLessButton(expanded, setExpanded, props.strings, props.buttonClassName)
|
|
57
62
|
}
|
|
58
63
|
return (
|
|
59
|
-
<div className={`expandable-text ${props?.className}`}>
|
|
64
|
+
<div className={`expandable-text ${props?.className || ""}`}>
|
|
60
65
|
{" "}
|
|
61
66
|
<Markdown
|
|
62
67
|
children={getText(props.children, expanded, maxLength)}
|
|
@@ -29,6 +29,11 @@ const listingPreferences = [
|
|
|
29
29
|
url: "http://www.google.com",
|
|
30
30
|
title: "Link Title 2",
|
|
31
31
|
},
|
|
32
|
+
{
|
|
33
|
+
url: "http://www.apple.com",
|
|
34
|
+
ariaLabel: "Link to Apple",
|
|
35
|
+
title: "Link Title with Aria Label",
|
|
36
|
+
},
|
|
32
37
|
],
|
|
33
38
|
title: "Title 2",
|
|
34
39
|
subtitle: "Subtitle 2",
|
|
@@ -5,6 +5,7 @@ import { locale } from "../helpers/translator"
|
|
|
5
5
|
export interface ListPreferenceLink {
|
|
6
6
|
title: string
|
|
7
7
|
url: string
|
|
8
|
+
ariaLabel?: string
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
export interface ListPreference {
|
|
@@ -54,7 +55,7 @@ const PreferencesList = (props: PreferencesListProps) => {
|
|
|
54
55
|
<div className="preferences-list__links">
|
|
55
56
|
{preference.links.map((link: ListPreferenceLink, linkIndex: number) => (
|
|
56
57
|
<span key={linkIndex}>
|
|
57
|
-
<a href={link.url} target="_blank">
|
|
58
|
+
<a href={link.url} target="_blank" aria-label={link.ariaLabel}>
|
|
58
59
|
{link.title}
|
|
59
60
|
</a>
|
|
60
61
|
</span>
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
text-align: center;
|
|
36
36
|
text-transform: var(--dot-text-transform);
|
|
37
37
|
display: table-cell;
|
|
38
|
-
white-space:
|
|
38
|
+
white-space: normal;
|
|
39
39
|
float: none;
|
|
40
40
|
@media (min-width: $screen-md) {
|
|
41
41
|
font-size: var(--dot-font-size-desktop);
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
padding-left: var(--bar-label-padding-left);
|
|
121
121
|
position: relative;
|
|
122
122
|
display: table-cell;
|
|
123
|
-
white-space:
|
|
123
|
+
white-space: normal;
|
|
124
124
|
float: none;
|
|
125
125
|
max-width: 20%;
|
|
126
126
|
border-top-width: var(--bar-height);
|