@bloom-housing/ui-components 8.1.1 → 8.2.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/forms/PhoneField.js +1 -1
- package/dist/src/forms/PhoneField.js.map +1 -1
- package/dist/src/forms/PhoneMask.js +1 -1
- package/dist/src/forms/PhoneMask.js.map +1 -1
- package/dist/src/headers/PageHeader.d.ts +1 -0
- package/dist/src/headers/PageHeader.js +5 -1
- package/dist/src/headers/PageHeader.js.map +1 -1
- package/dist/src/headers/PageHeader.stories.d.ts +1 -0
- package/dist/src/headers/PageHeader.stories.js +1 -0
- package/dist/src/headers/PageHeader.stories.js.map +1 -1
- package/dist/src/headers/SiteHeader.js +1 -1
- package/dist/src/headers/SiteHeader.js.map +1 -1
- package/dist/src/tables/StackedTable.d.ts +1 -1
- package/dist/src/tables/StackedTable.js +10 -3
- package/dist/src/tables/StackedTable.js.map +1 -1
- package/dist/src/tables/StackedTable.stories.d.ts +1 -0
- package/dist/src/tables/StackedTable.stories.js +23 -0
- package/dist/src/tables/StackedTable.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/forms/PhoneField.tsx +5 -1
- package/src/forms/PhoneMask.tsx +1 -0
- package/src/global/tables.scss +5 -5
- package/src/headers/PageHeader.stories.tsx +4 -0
- package/src/headers/PageHeader.tsx +6 -1
- package/src/headers/SiteHeader.scss +17 -19
- package/src/headers/SiteHeader.tsx +1 -1
- package/src/tables/StackedTable.stories.tsx +27 -0
- package/src/tables/StackedTable.tsx +35 -25
|
@@ -48,7 +48,7 @@ export var PhoneField = function (props) {
|
|
|
48
48
|
},
|
|
49
49
|
};
|
|
50
50
|
return (React.createElement("div", { className: "field " + (props.error ? "error" : "") },
|
|
51
|
-
props.label && React.createElement("label", { className: labelClasses.join(" ") }, props.label),
|
|
51
|
+
props.label && (React.createElement("label", { id: "phone-label", className: labelClasses.join(" ") }, props.label)),
|
|
52
52
|
React.createElement("div", { className: props.controlClassName, "data-test-id": props.dataTestId }, props.mask ? (React.createElement(Controller, __assign({}, controllerProps, { render: props.mask }))) : (React.createElement(Controller, __assign({}, controllerProps, { as: PhoneMask })))),
|
|
53
53
|
props.subNote && React.createElement("p", { className: "field-sub-note" }, props.subNote),
|
|
54
54
|
React.createElement(ErrorMessage, { id: "".concat(props.id, "-error"), error: props.error }, props.errorMessage)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneField.js","sourceRoot":"","sources":["../../../src/forms/PhoneField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,KAiB1B;IACC,IAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAA;IAC9B,IAAI,KAAK,CAAC,IAAI;QAAE,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;IACtD,IAAI,KAAK,CAAC,UAAU;QAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAClD;;;;;OAKG;IACH,IAAM,eAAe,GAAG;QACtB,SAAS,EAAE,OAAO;QAClB,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE;QACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,KAAK,EAAE;YACL,QAAQ,EAAE;gBACR,QAAQ,EAAE,UAAC,CAAS;;oBAClB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,CAAA;wBAAE,OAAO,IAAI,CAAA;oBAE9C,IAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CACrC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CACrC,CAAA;oBACD,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ;wBAAE,OAAO,IAAI,CAAA;oBAC/C,OAAO,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,KAAK,CAAC,0CAAE,MAAM,KAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;gBACrD,CAAC;aACF;SACF;KACF,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,QAAQ,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QACpD,KAAK,CAAC,KAAK,IAAI,+BAAO,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"PhoneField.js","sourceRoot":"","sources":["../../../src/forms/PhoneField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,KAiB1B;IACC,IAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAA;IAC9B,IAAI,KAAK,CAAC,IAAI;QAAE,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;IACtD,IAAI,KAAK,CAAC,UAAU;QAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAClD;;;;;OAKG;IACH,IAAM,eAAe,GAAG;QACtB,SAAS,EAAE,OAAO;QAClB,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE;QACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,KAAK,EAAE;YACL,QAAQ,EAAE;gBACR,QAAQ,EAAE,UAAC,CAAS;;oBAClB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,CAAA;wBAAE,OAAO,IAAI,CAAA;oBAE9C,IAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CACrC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CACrC,CAAA;oBACD,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ;wBAAE,OAAO,IAAI,CAAA;oBAC/C,OAAO,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,KAAK,CAAC,0CAAE,MAAM,KAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;gBACrD,CAAC;aACF;SACF;KACF,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,QAAQ,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QACpD,KAAK,CAAC,KAAK,IAAI,CACd,+BAAO,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,IACxD,KAAK,CAAC,KAAK,CACN,CACT;QACD,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,kBAAgB,KAAK,CAAC,UAAU,IACnE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,oBAAC,UAAU,eAAK,eAAe,IAAE,MAAM,EAAE,KAAK,CAAC,IAAI,IAAI,CACxD,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,eAAK,eAAe,IAAE,EAAE,EAAE,SAAS,IAAI,CACnD,CACG;QACL,KAAK,CAAC,OAAO,IAAI,2BAAG,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAC,OAAO,CAAK;QACnE,oBAAC,YAAY,IAAC,EAAE,EAAE,UAAG,KAAK,CAAC,EAAE,WAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IACtD,KAAK,CAAC,YAAY,CACN,CACX,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -5,6 +5,6 @@ export var PhoneMask = React.forwardRef(function (props, ref) {
|
|
|
5
5
|
return (React.createElement(MaskedInput, { mask: ["(", /[1-9]/, /\d/, /\d/, ")", " ", /\d/, /\d/, /\d/, "-", /\d/, /\d/, /\d/, /\d/], className: "input", type: "tel", placeholder: placeholder || "(555) 555-5555", guide: false, id: name, value: value, name: name, disabled: disabled, onChange: function (e) {
|
|
6
6
|
e.persist();
|
|
7
7
|
onChange(e);
|
|
8
|
-
}, ref: ref }));
|
|
8
|
+
}, ref: ref, "aria-labelledby": "phone-label" }));
|
|
9
9
|
});
|
|
10
10
|
//# sourceMappingURL=PhoneMask.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneMask.js","sourceRoot":"","sources":["../../../src/forms/PhoneMask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,iBAAiB,CAAA;AAEzC,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAU,EAAE,GAAQ;IACrD,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,QAAQ,GAAkC,KAAK,SAAvC,EAAE,IAAI,GAA4B,KAAK,KAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IAE9D,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EACzF,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,WAAW,EAAE,WAAW,IAAI,gBAAgB,EAC5C,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAC,CAAM;YACf,CAAC,CAAC,OAAO,EAAE,CAAA;YACX,QAAQ,CAAC,CAAC,CAAC,CAAA;QACb,CAAC,EACD,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"PhoneMask.js","sourceRoot":"","sources":["../../../src/forms/PhoneMask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,iBAAiB,CAAA;AAEzC,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAU,EAAE,GAAQ;IACrD,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,QAAQ,GAAkC,KAAK,SAAvC,EAAE,IAAI,GAA4B,KAAK,KAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IAE9D,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EACzF,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,WAAW,EAAE,WAAW,IAAI,gBAAgB,EAC5C,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAC,CAAM;YACf,CAAC,CAAC,OAAO,EAAE,CAAA;YACX,QAAQ,CAAC,CAAC,CAAC,CAAA;QACb,CAAC,EACD,GAAG,EAAE,GAAG,qBACS,aAAa,GAC9B,CACH,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -8,6 +8,7 @@ export interface PageHeaderProps {
|
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
tabNav?: React.ReactNode;
|
|
10
10
|
breadcrumbs?: React.ReactNode;
|
|
11
|
+
backgroundImage?: string;
|
|
11
12
|
}
|
|
12
13
|
declare const PageHeader: (props: PageHeaderProps) => JSX.Element;
|
|
13
14
|
export { PageHeader as default, PageHeader };
|
|
@@ -2,11 +2,15 @@ import * as React from "react";
|
|
|
2
2
|
import "./PageHeader.scss";
|
|
3
3
|
var PageHeader = function (props) {
|
|
4
4
|
var classNames = ["page-header"];
|
|
5
|
+
var styles;
|
|
5
6
|
if (props.inverse)
|
|
6
7
|
classNames.push("is-inverse");
|
|
7
8
|
if (props.className)
|
|
8
9
|
classNames.push.apply(classNames, props.className.split(" "));
|
|
9
|
-
|
|
10
|
+
if (props.backgroundImage) {
|
|
11
|
+
styles = { backgroundImage: "url(".concat(props.backgroundImage, ")") };
|
|
12
|
+
}
|
|
13
|
+
return (React.createElement("header", { className: classNames.join(" "), style: styles },
|
|
10
14
|
React.createElement("hgroup", { className: "page-header__group" },
|
|
11
15
|
(props === null || props === void 0 ? void 0 : props.breadcrumbs) && (React.createElement("nav", { className: "page-header__breadcrumbs", "aria-label": "Page Header" }, props === null || props === void 0 ? void 0 : props.breadcrumbs)),
|
|
12
16
|
props.title && (React.createElement("h1", { "data-test-id": "page-header", className: "page-header__title" }, props.title)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/headers/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/headers/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,mBAAmB,CAAA;AAa1B,IAAM,UAAU,GAAG,UAAC,KAAsB;IACxC,IAAM,UAAU,GAAG,CAAC,aAAa,CAAC,CAAA;IAClC,IAAI,MAAM,CAAA;IACV,IAAI,KAAK,CAAC,OAAO;QAAE,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAChD,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,OAAf,UAAU,EAAS,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,EAAC;IACnE,IAAI,KAAK,CAAC,eAAe,EAAE;QACzB,MAAM,GAAG,EAAE,eAAe,EAAE,cAAO,KAAK,CAAC,eAAe,MAAG,EAAE,CAAA;KAC9D;IAED,OAAO,CACL,gCAAQ,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM;QACpD,gCAAQ,SAAS,EAAC,oBAAoB;YACnC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,CACrB,6BAAK,SAAS,EAAC,0BAA0B,gBAAa,aAAa,IAChE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CACf,CACP;YAEA,KAAK,CAAC,KAAK,IAAI,CACd,4CAAiB,aAAa,EAAC,SAAS,EAAC,oBAAoB,IAC1D,KAAK,CAAC,KAAK,CACT,CACN;YACA,KAAK,CAAC,QAAQ,IAAI,2BAAG,SAAS,EAAC,mBAAmB;;gBAAG,KAAK,CAAC,QAAQ,CAAK;YACxE,KAAK,CAAC,QAAQ;YAEd,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAC5B,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -16,4 +16,5 @@ export declare const withTextContent: () => JSX.Element;
|
|
|
16
16
|
export declare const withSubtitle: () => JSX.Element;
|
|
17
17
|
export declare const inversed: () => JSX.Element;
|
|
18
18
|
export declare const withContent: () => JSX.Element;
|
|
19
|
+
export declare const withBackgroundImage: () => JSX.Element;
|
|
19
20
|
export declare const styleOverrides: () => JSX.Element;
|
|
@@ -16,6 +16,7 @@ export var withTextContent = function () { return React.createElement(PageHeader
|
|
|
16
16
|
export var withSubtitle = function () { return React.createElement(PageHeader, { title: "Hello World", subtitle: "Here is a subtitle" }); };
|
|
17
17
|
export var inversed = function () { return (React.createElement(PageHeader, { title: "Hello Inverse World", subtitle: "Here is a subtitle", inverse: true })); };
|
|
18
18
|
export var withContent = function () { return (React.createElement(PageHeader, { title: "Hello World", subtitle: "Here is a subtitle" }, "Here is some content")); };
|
|
19
|
+
export var withBackgroundImage = function () { return (React.createElement(PageHeader, { title: "Hello World", inverse: true, subtitle: "Here is a page header with a background image", backgroundImage: "/images/banner.png", className: "bg-cover bg-center" })); };
|
|
19
20
|
export var styleOverrides = function () {
|
|
20
21
|
var cssVarsOverride = "\n .page-header-overrides .page-header {\n --background-color: darkgreen;\n --border-color: red;\n --text-color: yellow;\n --title-font-size: 6rem;\n }\n ";
|
|
21
22
|
return (React.createElement(React.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.stories.js","sourceRoot":"","sources":["../../../src/headers/PageHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,uBAAuB,MAAM,uBAAuB,CAAA;AAE3D,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,EAAE,EAAE,qBAAqB;IACzB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,uBAAuB;SAC9B;QACD,MAAM,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;KACtB;CACF,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,cAAM,OAAA,oBAAC,UAAU,IAAC,KAAK,EAAC,aAAa,GAAG,EAAlC,CAAkC,CAAA;AAEvE,MAAM,CAAC,IAAM,YAAY,GAAG,cAAM,OAAA,oBAAC,UAAU,IAAC,KAAK,EAAC,aAAa,EAAC,QAAQ,EAAC,oBAAoB,GAAG,EAAhE,CAAgE,CAAA;AAElG,MAAM,CAAC,IAAM,QAAQ,GAAG,cAAM,OAAA,CAC5B,oBAAC,UAAU,IAAC,KAAK,EAAC,qBAAqB,EAAC,QAAQ,EAAC,oBAAoB,EAAC,OAAO,SAAG,CACjF,EAF6B,CAE7B,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,cAAM,OAAA,CAC/B,oBAAC,UAAU,IAAC,KAAK,EAAC,aAAa,EAAC,QAAQ,EAAC,oBAAoB,2BAEhD,CACd,EAJgC,CAIhC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,IAAM,eAAe,GAAG,uLAOvB,CAAA;IAED,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,uBAAuB;YACpC,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAC,oBAAoB,4BAE9C;YACb,mCAAQ,eAAe,CAAS,CAC5B;QAEN,2BAAG,SAAS,EAAC,qBAAqB,yDAAuD;QAEzF,iCAAM,eAAe,CAAC,OAAO,CAAC,yBAAyB,EAAE,EAAE,CAAC,CAAO,CAClE,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"PageHeader.stories.js","sourceRoot":"","sources":["../../../src/headers/PageHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,uBAAuB,MAAM,uBAAuB,CAAA;AAE3D,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,EAAE,EAAE,qBAAqB;IACzB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,uBAAuB;SAC9B;QACD,MAAM,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;KACtB;CACF,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,cAAM,OAAA,oBAAC,UAAU,IAAC,KAAK,EAAC,aAAa,GAAG,EAAlC,CAAkC,CAAA;AAEvE,MAAM,CAAC,IAAM,YAAY,GAAG,cAAM,OAAA,oBAAC,UAAU,IAAC,KAAK,EAAC,aAAa,EAAC,QAAQ,EAAC,oBAAoB,GAAG,EAAhE,CAAgE,CAAA;AAElG,MAAM,CAAC,IAAM,QAAQ,GAAG,cAAM,OAAA,CAC5B,oBAAC,UAAU,IAAC,KAAK,EAAC,qBAAqB,EAAC,QAAQ,EAAC,oBAAoB,EAAC,OAAO,SAAG,CACjF,EAF6B,CAE7B,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,cAAM,OAAA,CAC/B,oBAAC,UAAU,IAAC,KAAK,EAAC,aAAa,EAAC,QAAQ,EAAC,oBAAoB,2BAEhD,CACd,EAJgC,CAIhC,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,cAAM,OAAA,CACvC,oBAAC,UAAU,IAAC,KAAK,EAAC,aAAa,EAAC,OAAO,QAAC,QAAQ,EAAC,+CAA+C,EAAC,eAAe,EAAC,oBAAoB,EAAC,SAAS,EAAC,oBAAoB,GAAE,CACvK,EAFwC,CAExC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,IAAM,eAAe,GAAG,uLAOvB,CAAA;IAED,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,uBAAuB;YACpC,oBAAC,UAAU,IAAC,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAC,oBAAoB,4BAE9C;YACb,mCAAQ,eAAe,CAAS,CAC5B;QAEN,2BAAG,SAAS,EAAC,qBAAqB,yDAAuD;QAEzF,iCAAM,eAAe,CAAC,OAAO,CAAC,yBAAyB,EAAE,EAAE,CAAC,CAAO,CAClE,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -228,7 +228,7 @@ var SiteHeader = function (props) {
|
|
|
228
228
|
React.createElement("div", { className: "site-header__notice ".concat(!props.noticeMobile ? "site-header__notice-hide" : "") },
|
|
229
229
|
React.createElement("div", { className: "site-header__notice-text" }, (_b = props.notice) !== null && _b !== void 0 ? _b : "")),
|
|
230
230
|
React.createElement("nav", { className: "site-header__container", role: "navigation", "aria-label": "main navigation" },
|
|
231
|
-
React.createElement("div", { className: "site-header__base ".concat(props.siteHeaderWidth === "wide" ? "site-header__width-wide" : "
|
|
231
|
+
React.createElement("div", { className: "site-header__base ".concat(props.siteHeaderWidth === "wide" ? "site-header__width-wide" : "") },
|
|
232
232
|
getLogo(),
|
|
233
233
|
React.createElement("div", { className: "site-header__navbar-menu" }, isDesktop ? getDesktopHeader() : getMobileHeader()))),
|
|
234
234
|
!isDesktop && mobileMenu && getMobileDropdown(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SiteHeader.js","sourceRoot":"","sources":["../../../src/headers/SiteHeader.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SiteHeader.js","sourceRoot":"","sources":["../../../src/headers/SiteHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ export interface StackedTableProps {
|
|
|
15
15
|
/** Headers hidden on desktop views */
|
|
16
16
|
headersHiddenDesktop?: string[];
|
|
17
17
|
/** The table data passed as records of column name to cell data */
|
|
18
|
-
stackedData?: Record<string, StackedTableRow>[];
|
|
18
|
+
stackedData?: Record<string, StackedTableRow | StackedTableRow[]>[] | StackedTableRow[];
|
|
19
19
|
/** A class name applied to the root of the table */
|
|
20
20
|
className?: string;
|
|
21
21
|
}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { MinimalTable } from "./MinimalTable";
|
|
3
|
+
var buildCell = function (item) {
|
|
4
|
+
return (React.createElement(React.Fragment, null,
|
|
5
|
+
React.createElement("p", { className: "stacked-table-cell" }, item.cellText),
|
|
6
|
+
React.createElement("p", { className: "stacked-table-subtext ".concat(item.hideSubTextMobile ? "hidden md:block" : "", " ") }, item.cellSubText)));
|
|
7
|
+
};
|
|
3
8
|
var StackedTable = function (props) {
|
|
4
9
|
var _a;
|
|
5
10
|
var tableClasses = ["base", "stacked-table", props.className];
|
|
@@ -8,9 +13,11 @@ var StackedTable = function (props) {
|
|
|
8
13
|
var dataCell = Object.keys(dataRow).reduce(function (acc, item) {
|
|
9
14
|
var _a;
|
|
10
15
|
acc[item] = {
|
|
11
|
-
content: (React.createElement("div", { className: "stacked-table-cell-container ".concat(((_a = props.headersHiddenDesktop) === null || _a === void 0 ? void 0 : _a.includes(item))
|
|
12
|
-
|
|
13
|
-
|
|
16
|
+
content: (React.createElement("div", { className: "stacked-table-cell-container ".concat(((_a = props.headersHiddenDesktop) === null || _a === void 0 ? void 0 : _a.includes(item)) ? "md:hidden" : "") }, Array.isArray(dataRow[item])
|
|
17
|
+
? dataRow[item].map(function (item, index) {
|
|
18
|
+
return React.createElement(React.Fragment, { key: index }, buildCell(item));
|
|
19
|
+
})
|
|
20
|
+
: buildCell(dataRow[item]))),
|
|
14
21
|
mobileReplacement: dataRow[item].cellText,
|
|
15
22
|
};
|
|
16
23
|
return acc;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackedTable.js","sourceRoot":"","sources":["../../../src/tables/StackedTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAwB7C,IAAM,YAAY,GAAG,UAAC,KAAwB;;IAC5C,IAAM,YAAY,GAAG,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAC/D,IAAM,YAAY,GAAsB,EAAE,CAAA;IAE1C,MAAA,KAAK,CAAC,WAAW,0CAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"StackedTable.js","sourceRoot":"","sources":["../../../src/tables/StackedTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,3 +8,4 @@ export declare const Basic: () => JSX.Element;
|
|
|
8
8
|
export declare const BasicWithSubtext: () => JSX.Element;
|
|
9
9
|
export declare const BasicWithSubtextAndHiddenDesktopRow: () => JSX.Element;
|
|
10
10
|
export declare const UnitSummaryDefault: () => JSX.Element;
|
|
11
|
+
export declare const BasicWithMultipleCellElements: () => JSX.Element;
|
|
@@ -33,6 +33,28 @@ var basicTableRows = [
|
|
|
33
33
|
three: { cellText: "Cell 3 Cell 3 Cell 3 Cell 3 Cell 3 Cell 3 Cell 3" },
|
|
34
34
|
},
|
|
35
35
|
];
|
|
36
|
+
var basicTableRowsWithMultipleCellElements = [
|
|
37
|
+
{
|
|
38
|
+
one: [
|
|
39
|
+
{ cellText: "Cell 1", cellSubText: "Cell Subtext 1" },
|
|
40
|
+
{ cellText: "Cell 2", cellSubText: "Cell Subtext 2" },
|
|
41
|
+
],
|
|
42
|
+
two: [
|
|
43
|
+
{ cellText: "Cell 3", cellSubText: "Cell Subtext 3" },
|
|
44
|
+
{ cellText: "Cell 4", cellSubText: "Cell Subtext 4" },
|
|
45
|
+
],
|
|
46
|
+
three: { cellText: "Cell 5", cellSubText: "Cell Subtext 5" },
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
one: { cellText: "Cell 1", cellSubText: "Cell Subtext 1" },
|
|
50
|
+
two: { cellText: "Cell 2", cellSubText: "Cell Subtext 2" },
|
|
51
|
+
three: [
|
|
52
|
+
{ cellText: "Cell 3", cellSubText: "Cell Subtext 3" },
|
|
53
|
+
{ cellText: "Cell 4", cellSubText: "Cell Subtext 4" },
|
|
54
|
+
{ cellText: "Cell 5", cellSubText: "Cell Subtext 5" },
|
|
55
|
+
],
|
|
56
|
+
},
|
|
57
|
+
];
|
|
36
58
|
var basicTableRowsHiddenDesktop = [
|
|
37
59
|
{
|
|
38
60
|
one: { cellText: "Cell 1", cellSubText: "Subtext 1" },
|
|
@@ -115,4 +137,5 @@ export var Basic = function () { return React.createElement(StackedTable, { stac
|
|
|
115
137
|
export var BasicWithSubtext = function () { return (React.createElement(StackedTable, { stackedData: basicTableRowsSubtext, headers: basicTableHeaders })); };
|
|
116
138
|
export var BasicWithSubtextAndHiddenDesktopRow = function () { return (React.createElement(StackedTable, { stackedData: basicTableRowsHiddenDesktop, headers: basicTableHeadersHiddenDesktop, headersHiddenDesktop: ["two"] })); };
|
|
117
139
|
export var UnitSummaryDefault = function () { return (React.createElement(StackedTable, { stackedData: responsiveTableRows, headers: responsiveTableHeaders, headersHiddenDesktop: ["availability"] })); };
|
|
140
|
+
export var BasicWithMultipleCellElements = function () { return (React.createElement(StackedTable, { stackedData: basicTableRowsWithMultipleCellElements, headers: basicTableHeaders })); };
|
|
118
141
|
//# sourceMappingURL=StackedTable.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackedTable.stories.js","sourceRoot":"","sources":["../../../src/tables/StackedTable.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"StackedTable.stories.js","sourceRoot":"","sources":["../../../src/tables/StackedTable.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": "8.
|
|
3
|
+
"version": "8.2.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/forms/PhoneField.tsx
CHANGED
|
@@ -55,7 +55,11 @@ export const PhoneField = (props: {
|
|
|
55
55
|
|
|
56
56
|
return (
|
|
57
57
|
<div className={"field " + (props.error ? "error" : "")}>
|
|
58
|
-
{props.label &&
|
|
58
|
+
{props.label && (
|
|
59
|
+
<label id={"phone-label"} className={labelClasses.join(" ")}>
|
|
60
|
+
{props.label}
|
|
61
|
+
</label>
|
|
62
|
+
)}
|
|
59
63
|
<div className={props.controlClassName} data-test-id={props.dataTestId}>
|
|
60
64
|
{props.mask ? (
|
|
61
65
|
<Controller {...controllerProps} render={props.mask} />
|
package/src/forms/PhoneMask.tsx
CHANGED
package/src/global/tables.scss
CHANGED
|
@@ -34,7 +34,7 @@ https://www.cssscript.com/pure-html5-css3-responsive-table-solution/ */
|
|
|
34
34
|
@apply uppercase;
|
|
35
35
|
content: attr(data-label);
|
|
36
36
|
text-align: left;
|
|
37
|
-
width:
|
|
37
|
+
width: 100%;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
td:last-child {
|
|
@@ -162,7 +162,7 @@ table {
|
|
|
162
162
|
@apply text-left;
|
|
163
163
|
@apply w-full;
|
|
164
164
|
}
|
|
165
|
-
width:
|
|
165
|
+
width: 100%;
|
|
166
166
|
@apply text-right;
|
|
167
167
|
@apply pl-2;
|
|
168
168
|
|
|
@@ -189,6 +189,7 @@ table {
|
|
|
189
189
|
}
|
|
190
190
|
|
|
191
191
|
.stacked-table-header {
|
|
192
|
+
@apply align-top;
|
|
192
193
|
@apply px-0;
|
|
193
194
|
@apply text-base;
|
|
194
195
|
@apply text-gray-700;
|
|
@@ -252,7 +253,7 @@ table {
|
|
|
252
253
|
@apply pl-0;
|
|
253
254
|
@apply pr-2;
|
|
254
255
|
@apply font-semibold;
|
|
255
|
-
width:
|
|
256
|
+
width: 100%;
|
|
256
257
|
}
|
|
257
258
|
}
|
|
258
259
|
|
|
@@ -273,7 +274,6 @@ table {
|
|
|
273
274
|
}
|
|
274
275
|
|
|
275
276
|
.stacked-table-cell-container {
|
|
276
|
-
width: 50%;
|
|
277
277
|
@apply flex;
|
|
278
278
|
@apply flex-col;
|
|
279
279
|
@apply items-start;
|
|
@@ -300,7 +300,7 @@ table {
|
|
|
300
300
|
td:last-child,
|
|
301
301
|
th:last-child {
|
|
302
302
|
.stacked-table-cell-container {
|
|
303
|
-
width:
|
|
303
|
+
width: 100%;
|
|
304
304
|
}
|
|
305
305
|
}
|
|
306
306
|
|
|
@@ -28,6 +28,10 @@ export const withContent = () => (
|
|
|
28
28
|
</PageHeader>
|
|
29
29
|
)
|
|
30
30
|
|
|
31
|
+
export const withBackgroundImage = () => (
|
|
32
|
+
<PageHeader title="Hello World" inverse subtitle="Here is a page header with a background image" backgroundImage="/images/banner.png" className="bg-cover bg-center"/>
|
|
33
|
+
)
|
|
34
|
+
|
|
31
35
|
export const styleOverrides = () => {
|
|
32
36
|
const cssVarsOverride = `
|
|
33
37
|
.page-header-overrides .page-header {
|
|
@@ -9,15 +9,20 @@ export interface PageHeaderProps {
|
|
|
9
9
|
children?: React.ReactNode
|
|
10
10
|
tabNav?: React.ReactNode
|
|
11
11
|
breadcrumbs?: React.ReactNode
|
|
12
|
+
backgroundImage?: string
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
const PageHeader = (props: PageHeaderProps) => {
|
|
15
16
|
const classNames = ["page-header"]
|
|
17
|
+
let styles
|
|
16
18
|
if (props.inverse) classNames.push("is-inverse")
|
|
17
19
|
if (props.className) classNames.push(...props.className.split(" "))
|
|
20
|
+
if (props.backgroundImage) {
|
|
21
|
+
styles = { backgroundImage: `url(${props.backgroundImage})` }
|
|
22
|
+
}
|
|
18
23
|
|
|
19
24
|
return (
|
|
20
|
-
<header className={classNames.join(" ")}>
|
|
25
|
+
<header className={classNames.join(" ")} style={styles}>
|
|
21
26
|
<hgroup className="page-header__group">
|
|
22
27
|
{props?.breadcrumbs && (
|
|
23
28
|
<nav className="page-header__breadcrumbs" aria-label={"Page Header"}>
|
|
@@ -4,15 +4,16 @@
|
|
|
4
4
|
--background-color: var(--bloom-color-white);
|
|
5
5
|
--base-align-items: inherit;
|
|
6
6
|
--base-desktop-padding: inherit;
|
|
7
|
-
--base-desktop-width:
|
|
7
|
+
--base-desktop-width: 1025px;
|
|
8
8
|
--base-height: 75px;
|
|
9
9
|
--base-max-height: 75px;
|
|
10
10
|
--base-mobile-padding: inherit;
|
|
11
|
-
--base-mobile-width:
|
|
11
|
+
--base-mobile-width: 1025px;
|
|
12
12
|
--border-color: var(--bloom-color-gray-450);
|
|
13
13
|
--container-border: none;
|
|
14
14
|
--notice-text-font-size: var(--bloom-font-size-xs);
|
|
15
|
-
--notice-display: block;
|
|
15
|
+
--notice-display-mobile: block;
|
|
16
|
+
--notice-display-desktop: block;
|
|
16
17
|
|
|
17
18
|
// Logo
|
|
18
19
|
--logo-background-color: var(--bloom-color-white);
|
|
@@ -66,8 +67,7 @@
|
|
|
66
67
|
--link-padding: var(--bloom-s1) var(--bloom-s3) var(--bloom-s4) var(--bloom-s3);
|
|
67
68
|
--link-text-color: var(--bloom-color-gray-750);
|
|
68
69
|
--link-text-hover-color: var(--bloom-color-gray-750);
|
|
69
|
-
--link-text-
|
|
70
|
-
--link-text-desktop-color: var(--link-text-color);
|
|
70
|
+
--link-text-desktop-color: var(--bloom-color-gray-750);
|
|
71
71
|
--link-text-transform: uppercase;
|
|
72
72
|
|
|
73
73
|
// Dropdown
|
|
@@ -78,6 +78,7 @@
|
|
|
78
78
|
--dropdown-item-flex: inherit;
|
|
79
79
|
--dropdown-item-font-size: var(--bloom-font-size-sm);
|
|
80
80
|
--mobile-dropdown-item-font-size: var(--bloom-font-size-sm);
|
|
81
|
+
--mobile-dropdown-item-hover-bg-color: var(--bloom-color-gray-400);
|
|
81
82
|
--mobile-dropdown-margin: auto;
|
|
82
83
|
--mobile-menu-button-border: 2px var(--bloom-color-primary);
|
|
83
84
|
--mobile-menu-button-display: inline-block;
|
|
@@ -120,7 +121,7 @@
|
|
|
120
121
|
|
|
121
122
|
&:hover,
|
|
122
123
|
&:focus {
|
|
123
|
-
background-color: var(--
|
|
124
|
+
background-color: var(--mobile-dropdown-item-hover-bg-color);
|
|
124
125
|
color: var(--link-text-hover-color);
|
|
125
126
|
}
|
|
126
127
|
|
|
@@ -473,24 +474,25 @@
|
|
|
473
474
|
}
|
|
474
475
|
}
|
|
475
476
|
|
|
477
|
+
.site-header__notice-hide {
|
|
478
|
+
display: none;
|
|
479
|
+
|
|
480
|
+
@media (min-width: $screen-md) {
|
|
481
|
+
display: block;
|
|
482
|
+
}
|
|
483
|
+
}
|
|
484
|
+
|
|
476
485
|
.site-header__notice {
|
|
477
486
|
width: 100%;
|
|
478
487
|
background-color: var(--bloom-color-primary);
|
|
479
488
|
|
|
480
489
|
@media (min-width: $screen-md) {
|
|
481
490
|
text-align: right;
|
|
491
|
+
display: var(--notice-display-desktop);
|
|
482
492
|
}
|
|
483
493
|
text-align: left;
|
|
484
494
|
color: var(--bloom-color-white);
|
|
485
|
-
display: var(--notice-display);
|
|
486
|
-
}
|
|
487
|
-
|
|
488
|
-
.site-header__notice-hide {
|
|
489
|
-
display: none;
|
|
490
|
-
|
|
491
|
-
@media (min-width: $screen-md) {
|
|
492
|
-
display: block;
|
|
493
|
-
}
|
|
495
|
+
display: var(--notice-display-mobile);
|
|
494
496
|
}
|
|
495
497
|
|
|
496
498
|
.site-header__notice-text {
|
|
@@ -570,10 +572,6 @@
|
|
|
570
572
|
padding-left: var(--bloom-s2);
|
|
571
573
|
}
|
|
572
574
|
|
|
573
|
-
.side-header__width-base {
|
|
574
|
-
width: 1025px;
|
|
575
|
-
}
|
|
576
|
-
|
|
577
575
|
.site-header__width-wide {
|
|
578
576
|
width: 1230px;
|
|
579
577
|
}
|
|
@@ -495,7 +495,7 @@ const SiteHeader = (props: SiteHeaderProps) => {
|
|
|
495
495
|
<nav className="site-header__container" role="navigation" aria-label="main navigation">
|
|
496
496
|
<div
|
|
497
497
|
className={`site-header__base ${
|
|
498
|
-
props.siteHeaderWidth === "wide" ? "site-header__width-wide" : "
|
|
498
|
+
props.siteHeaderWidth === "wide" ? "site-header__width-wide" : ""
|
|
499
499
|
}`}
|
|
500
500
|
>
|
|
501
501
|
{getLogo()}
|
|
@@ -39,6 +39,29 @@ const basicTableRows = [
|
|
|
39
39
|
},
|
|
40
40
|
]
|
|
41
41
|
|
|
42
|
+
const basicTableRowsWithMultipleCellElements = [
|
|
43
|
+
{
|
|
44
|
+
one: [
|
|
45
|
+
{ cellText: "Cell 1", cellSubText: "Cell Subtext 1" },
|
|
46
|
+
{ cellText: "Cell 2", cellSubText: "Cell Subtext 2" },
|
|
47
|
+
],
|
|
48
|
+
two: [
|
|
49
|
+
{ cellText: "Cell 3", cellSubText: "Cell Subtext 3" },
|
|
50
|
+
{ cellText: "Cell 4", cellSubText: "Cell Subtext 4" },
|
|
51
|
+
],
|
|
52
|
+
three: { cellText: "Cell 5", cellSubText: "Cell Subtext 5" },
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
one: { cellText: "Cell 1", cellSubText: "Cell Subtext 1" },
|
|
56
|
+
two: { cellText: "Cell 2", cellSubText: "Cell Subtext 2" },
|
|
57
|
+
three: [
|
|
58
|
+
{ cellText: "Cell 3", cellSubText: "Cell Subtext 3" },
|
|
59
|
+
{ cellText: "Cell 4", cellSubText: "Cell Subtext 4" },
|
|
60
|
+
{ cellText: "Cell 5", cellSubText: "Cell Subtext 5" },
|
|
61
|
+
],
|
|
62
|
+
},
|
|
63
|
+
]
|
|
64
|
+
|
|
42
65
|
const basicTableRowsHiddenDesktop = [
|
|
43
66
|
{
|
|
44
67
|
one: { cellText: "Cell 1", cellSubText: "Subtext 1" },
|
|
@@ -140,3 +163,7 @@ export const UnitSummaryDefault = () => (
|
|
|
140
163
|
headersHiddenDesktop={["availability"]}
|
|
141
164
|
/>
|
|
142
165
|
)
|
|
166
|
+
|
|
167
|
+
export const BasicWithMultipleCellElements = () => (
|
|
168
|
+
<StackedTable stackedData={basicTableRowsWithMultipleCellElements} headers={basicTableHeaders} />
|
|
169
|
+
)
|
|
@@ -19,40 +19,50 @@ export interface StackedTableProps {
|
|
|
19
19
|
/** Headers hidden on desktop views */
|
|
20
20
|
headersHiddenDesktop?: string[]
|
|
21
21
|
/** The table data passed as records of column name to cell data */
|
|
22
|
-
stackedData?: Record<string, StackedTableRow>[]
|
|
22
|
+
stackedData?: Record<string, StackedTableRow | StackedTableRow[]>[] | StackedTableRow[]
|
|
23
23
|
/** A class name applied to the root of the table */
|
|
24
24
|
className?: string
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
+
const buildCell = (item: StackedTableRow) => {
|
|
28
|
+
return (
|
|
29
|
+
<>
|
|
30
|
+
<p className={"stacked-table-cell"}>{item.cellText}</p>
|
|
31
|
+
<p className={`stacked-table-subtext ${item.hideSubTextMobile ? "hidden md:block" : ""} `}>
|
|
32
|
+
{item.cellSubText}
|
|
33
|
+
</p>
|
|
34
|
+
</>
|
|
35
|
+
)
|
|
36
|
+
}
|
|
37
|
+
|
|
27
38
|
const StackedTable = (props: StackedTableProps) => {
|
|
28
39
|
const tableClasses = ["base", "stacked-table", props.className]
|
|
29
40
|
const modifiedData: StandardTableData = []
|
|
30
41
|
|
|
31
|
-
props.stackedData?.forEach(
|
|
32
|
-
|
|
33
|
-
acc
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
<span className={"stacked-table-cell"}>{dataRow[item].cellText}</span>
|
|
41
|
-
<span
|
|
42
|
-
className={`stacked-table-subtext ${
|
|
43
|
-
dataRow[item].hideSubTextMobile && "hidden md:block"
|
|
44
|
-
} `}
|
|
42
|
+
props.stackedData?.forEach(
|
|
43
|
+
(dataRow: Record<string, StackedTableRow | StackedTableRow[]> | StackedTableRow) => {
|
|
44
|
+
const dataCell = Object.keys(dataRow).reduce((acc, item) => {
|
|
45
|
+
acc[item] = {
|
|
46
|
+
content: (
|
|
47
|
+
<div
|
|
48
|
+
className={`stacked-table-cell-container ${
|
|
49
|
+
props.headersHiddenDesktop?.includes(item) ? "md:hidden" : ""
|
|
50
|
+
}`}
|
|
45
51
|
>
|
|
46
|
-
{dataRow[item]
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
52
|
+
{Array.isArray(dataRow[item])
|
|
53
|
+
? dataRow[item].map((item: StackedTableRow, index: number) => {
|
|
54
|
+
return <React.Fragment key={index}>{buildCell(item)}</React.Fragment>
|
|
55
|
+
})
|
|
56
|
+
: buildCell(dataRow[item])}
|
|
57
|
+
</div>
|
|
58
|
+
),
|
|
59
|
+
mobileReplacement: dataRow[item].cellText,
|
|
60
|
+
}
|
|
61
|
+
return acc
|
|
62
|
+
}, {})
|
|
63
|
+
modifiedData.push(dataCell)
|
|
64
|
+
}
|
|
65
|
+
)
|
|
56
66
|
|
|
57
67
|
const modifiedHeaders = Object.keys(props.headers).reduce((acc, headerKey) => {
|
|
58
68
|
let tempHeader = props.headers[headerKey]
|