@bloom-housing/ui-components 12.0.10-alpha.1 → 12.0.11

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 (22) hide show
  1. package/dist/src/blocks/InfoCard.js +1 -1
  2. package/dist/src/blocks/InfoCard.js.map +1 -1
  3. package/dist/src/forms/Field.js +17 -1
  4. package/dist/src/forms/Field.js.map +1 -1
  5. package/dist/src/overlays/Modal.js +4 -2
  6. package/dist/src/overlays/Modal.js.map +1 -1
  7. package/dist/src/sections/InfoCardGrid.d.ts +1 -0
  8. package/dist/src/sections/InfoCardGrid.js +1 -1
  9. package/dist/src/sections/InfoCardGrid.js.map +1 -1
  10. package/dist/src/sections/InfoCardGrid.stories.d.ts +1 -0
  11. package/dist/src/sections/InfoCardGrid.stories.js +5 -0
  12. package/dist/src/sections/InfoCardGrid.stories.js.map +1 -1
  13. package/dist/src/tables/GroupedTable.js +0 -1
  14. package/dist/src/tables/GroupedTable.js.map +1 -1
  15. package/package.json +1 -1
  16. package/src/blocks/InfoCard.scss +8 -0
  17. package/src/blocks/InfoCard.tsx +1 -1
  18. package/src/forms/Field.tsx +20 -0
  19. package/src/overlays/Modal.tsx +5 -2
  20. package/src/sections/InfoCardGrid.stories.tsx +46 -0
  21. package/src/sections/InfoCardGrid.tsx +6 -1
  22. package/src/tables/GroupedTable.tsx +0 -1
package/dist/src/blocks/InfoCard.js CHANGED
@@ -10,7 +10,7 @@ var InfoCard = function (props) {
10
10
  React.createElement("div", { className: "info-card__header" },
11
11
  props.externalHref ? (React.createElement("h3", { className: "info-card__title" },
12
12
  React.createElement("a", { href: props.externalHref, target: "_blank" }, props.title))) : (React.createElement("h3", { className: "info-card__title" }, props.title)),
13
- props.subtitle && React.createElement("span", { className: "text-sm text-gray-700" }, props.subtitle)),
13
+ props.subtitle && React.createElement("span", { className: "info-card__subtitle" }, props.subtitle)),
14
14
  typeof props.children == "string" ? (React.createElement("div", { className: "markdown info-card__content" },
15
15
  React.createElement(Markdown, { options: { disableParsingRawHTML: true }, children: props.children }))) : (props.children)));
16
16
  };
package/dist/src/blocks/InfoCard.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InfoCard.js","sourceRoot":"","sources":["../../../src/blocks/InfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,iBAAiB,CAAA;AACxB,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAUtC,IAAM,QAAQ,GAAG,UAAC,KAAoB;IACpC,IAAM,cAAc,GAAG,CAAC,WAAW,CAAC,CAAA;IACpC,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;KACrC;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACtC,6BAAK,SAAS,EAAE,mBAAmB;YAChC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,4BAAI,SAAS,EAAC,kBAAkB;gBAC9B,2BAAG,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,MAAM,EAAC,QAAQ,IACzC,KAAK,CAAC,KAAK,CACV,CACD,CACN,CAAC,CAAC,CAAC,CACF,4BAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,KAAK,CAAM,CACpD;YACA,KAAK,CAAC,QAAQ,IAAI,8BAAM,SAAS,EAAE,uBAAuB,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAChF;QACL,OAAO,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CACnC,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,oBAAC,QAAQ,IAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,CAC5E,CACP,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAA"}
1
+ {"version":3,"file":"InfoCard.js","sourceRoot":"","sources":["../../../src/blocks/InfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,iBAAiB,CAAA;AACxB,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAUtC,IAAM,QAAQ,GAAG,UAAC,KAAoB;IACpC,IAAM,cAAc,GAAG,CAAC,WAAW,CAAC,CAAA;IACpC,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;KACrC;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACtC,6BAAK,SAAS,EAAE,mBAAmB;YAChC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,4BAAI,SAAS,EAAC,kBAAkB;gBAC9B,2BAAG,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,MAAM,EAAC,QAAQ,IACzC,KAAK,CAAC,KAAK,CACV,CACD,CACN,CAAC,CAAC,CAAC,CACF,4BAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,KAAK,CAAM,CACpD;YACA,KAAK,CAAC,QAAQ,IAAI,8BAAM,SAAS,EAAE,qBAAqB,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAC9E;QACL,OAAO,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CACnC,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,oBAAC,QAAQ,IAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,CAC5E,CACP,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAA"}
package/dist/src/forms/Field.js CHANGED
@@ -28,6 +28,22 @@ var Field = function (props) {
28
28
  }
29
29
  if (props.bordered && (props.type === "radio" || props.type === "checkbox"))
30
30
  controlClasses.push("field-border");
31
+ var formatValue = function (focused) {
32
+ if (focused === void 0) { focused = false; }
33
+ if (props.getValues && props.setValue) {
34
+ var currencyValue = props.getValues(props.name);
35
+ var numericIncome = parseFloat(currencyValue);
36
+ if (focused && currencyValue) {
37
+ props.setValue(props.name, parseFloat(currencyValue.replaceAll(",", "")));
38
+ }
39
+ else if (isNaN(numericIncome)) {
40
+ props.setValue(props.name, "");
41
+ }
42
+ else {
43
+ props.setValue(props.name, numericIncome.toLocaleString("en-US", { minimumFractionDigits: 2 }));
44
+ }
45
+ }
46
+ };
31
47
  var filterNumbers = function (e) {
32
48
  if (props.setValue) {
33
49
  props.setValue(props.name, e.target.value.replace(/[a-z]|[A-Z]/g, "").match(/^\d*\.?\d?\d?/g));
@@ -35,7 +51,7 @@ var Field = function (props) {
35
51
  };
36
52
  var inputProps = __assign({}, props.inputProps);
37
53
  if (props.type === "currency") {
38
- inputProps = __assign(__assign({}, inputProps), { onChange: filterNumbers });
54
+ inputProps = __assign(__assign({}, inputProps), { onBlur: function () { return formatValue(); }, onFocus: function () { return formatValue(true); }, onChange: filterNumbers });
39
55
  }
40
56
  var type = (props.type === "currency" && "text") || props.type || "text";
41
57
  var isRadioOrCheckbox = ["radio", "checkbox"].includes(type);
package/dist/src/forms/Field.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/forms/Field.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/forms/Field.tsx"],"names":[],"mappings":"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"}
package/dist/src/overlays/Modal.js CHANGED
@@ -1,15 +1,17 @@
1
- import React, { useRef } from "react";
1
+ import React, { useEffect, useRef } from "react";
2
2
  import "./Modal.scss";
3
3
  import { Icon, IconFillColors } from "../icons/Icon";
4
4
  import { Overlay } from "./Overlay";
5
5
  import { nanoid } from "nanoid";
6
6
  var ModalHeader = function (props) {
7
+ var modalHeader = useRef(null);
8
+ useEffect(function () { var _a; return (_a = modalHeader === null || modalHeader === void 0 ? void 0 : modalHeader.current) === null || _a === void 0 ? void 0 : _a.focus(); }, [props.title]);
7
9
  var classNames = ["modal__title"];
8
10
  if (props.className)
9
11
  classNames.push(props.className);
10
12
  return (React.createElement(React.Fragment, null,
11
13
  React.createElement("header", { className: "modal__header" },
12
- React.createElement("h1", { className: classNames.join(" "), id: props.uniqueId }, props.title))));
14
+ React.createElement("h1", { ref: modalHeader, tabIndex: -1, className: classNames.join(" "), id: props.uniqueId }, props.title))));
13
15
  };
14
16
  var ModalFooter = function (props) {
15
17
  var classNames = ["modal__footer"];
package/dist/src/overlays/Modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/overlays/Modal.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/overlays/Modal.tsx"],"names":[],"mappings":"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"}
package/dist/src/sections/InfoCardGrid.d.ts CHANGED
@@ -3,6 +3,7 @@ import "./InfoCardGrid.scss";
3
3
  export interface InfoCardGridProps {
4
4
  title: string;
5
5
  subtitle?: string;
6
+ defaultHeadingStyle?: boolean;
6
7
  children: React.ReactNode;
7
8
  }
8
9
  declare const InfoCardGrid: (props: InfoCardGridProps) => JSX.Element;
package/dist/src/sections/InfoCardGrid.js CHANGED
@@ -3,7 +3,7 @@ import { Heading } from "../text/Heading";
3
3
  import "./InfoCardGrid.scss";
4
4
  var InfoCardGrid = function (props) { return (React.createElement("section", { className: "info-cards" },
5
5
  React.createElement("header", { className: "info-cards__header" },
6
- React.createElement(Heading, { styleType: "underlineWeighted", priority: 2, className: "info-cards__title" }, props.title),
6
+ React.createElement(Heading, { styleType: props.defaultHeadingStyle ? undefined : "underlineWeighted", priority: 2, className: "info-cards__title" }, props.title),
7
7
  props.subtitle && React.createElement("p", { className: "info-cards__subtitle" }, props.subtitle)),
8
8
  React.createElement("div", { className: "info-cards__grid" }, props.children))); };
9
9
  export { InfoCardGrid as default, InfoCardGrid };
package/dist/src/sections/InfoCardGrid.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InfoCardGrid.js","sourceRoot":"","sources":["../../../src/sections/InfoCardGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,qBAAqB,CAAA;AAQ5B,IAAM,YAAY,GAAG,UAAC,KAAwB,IAAK,OAAA,CACjD,iCAAS,SAAS,EAAC,YAAY;IAC7B,gCAAQ,SAAS,EAAC,oBAAoB;QACpC,oBAAC,OAAO,IAAC,SAAS,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,mBAAmB,IACjF,KAAK,CAAC,KAAK,CACJ;QACT,KAAK,CAAC,QAAQ,IAAI,2BAAG,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAC,QAAQ,CAAK,CACpE;IACT,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,QAAQ,CAAO,CAChD,CACX,EAVkD,CAUlD,CAAA;AAED,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"InfoCardGrid.js","sourceRoot":"","sources":["../../../src/sections/InfoCardGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,qBAAqB,CAAA;AAS5B,IAAM,YAAY,GAAG,UAAC,KAAwB,IAAK,OAAA,CACjD,iCAAS,SAAS,EAAC,YAAY;IAC7B,gCAAQ,SAAS,EAAC,oBAAoB;QACpC,oBAAC,OAAO,IACN,SAAS,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,EACtE,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,mBAAmB,IAE7B,KAAK,CAAC,KAAK,CACJ;QACT,KAAK,CAAC,QAAQ,IAAI,2BAAG,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAC,QAAQ,CAAK,CACpE;IACT,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,QAAQ,CAAO,CAChD,CACX,EAdkD,CAclD,CAAA;AAED,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,YAAY,EAAE,CAAA"}
package/dist/src/sections/InfoCardGrid.stories.d.ts CHANGED
@@ -4,3 +4,4 @@ declare const _default: {
4
4
  };
5
5
  export default _default;
6
6
  export declare const ThreeCards: () => JSX.Element;
7
+ export declare const InfoCardDefaultHeader: () => JSX.Element;
package/dist/src/sections/InfoCardGrid.stories.js CHANGED
@@ -11,4 +11,9 @@ export var ThreeCards = function () { return (React.createElement(InfoCardGrid,
11
11
  React.createElement(InfoCard, { title: "My Card", externalHref: "http://google.com", className: "is-normal-primary-lighter" }, "\n#### Header 4\n\n* A list\n* of items\n "),
12
12
  React.createElement(InfoCard, { title: "My Card", externalHref: "http://google.com", className: "is-normal-primary-lighter" },
13
13
  React.createElement(ExpandableText, { buttonClassName: "ml-4", strings: { readMore: "More", readLess: "Less" } }, "\nText within _another_ component\u2026\n ")))); };
14
+ export var InfoCardDefaultHeader = function () { return (React.createElement(InfoCardGrid, { title: "Rentals", subtitle: "Other rental housing funded by the City, as well as lists developed each month by community nonprofit agencies.", defaultHeadingStyle: true },
15
+ React.createElement(InfoCard, { title: "My Card", externalHref: "http://google.com", className: "is-normal-primary-lighter" }, "\nParagraph content\n\n----\n\nMore content\n "),
16
+ React.createElement(InfoCard, { title: "My Card", externalHref: "http://google.com", className: "is-normal-primary-lighter" }, "\n#### Header 4\n\n* A list\n* of items\n "),
17
+ React.createElement(InfoCard, { title: "My Card", externalHref: "http://google.com", className: "is-normal-primary-lighter" },
18
+ React.createElement(ExpandableText, { buttonClassName: "ml-4", strings: { readMore: "More", readLess: "Less" } }, "\nText within _another_ component\u2026\n ")))); };
14
19
  //# sourceMappingURL=InfoCardGrid.stories.js.map
package/dist/src/sections/InfoCardGrid.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InfoCardGrid.stories.js","sourceRoot":"","sources":["../../../src/sections/InfoCardGrid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,cAAM,OAAA,CAC9B,oBAAC,YAAY,IACX,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,iHAAiH;IAE1H,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B,IAEpC,qDAMA,CACQ;IACX,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B,IAEpC,iDAKA,CACQ;IAEX,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B;QAErC,oBAAC,cAAc,IAAC,eAAe,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IACnF,iDAEF,CACgB,CACR,CACE,CAChB,EA3C+B,CA2C/B,CAAA"}
1
+ {"version":3,"file":"InfoCardGrid.stories.js","sourceRoot":"","sources":["../../../src/sections/InfoCardGrid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,cAAM,OAAA,CAC9B,oBAAC,YAAY,IACX,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,iHAAiH;IAE1H,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B,IAEpC,qDAMA,CACQ;IACX,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B,IAEpC,iDAKA,CACQ;IAEX,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B;QAErC,oBAAC,cAAc,IAAC,eAAe,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IACnF,iDAEF,CACgB,CACR,CACE,CAChB,EA3C+B,CA2C/B,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,cAAM,OAAA,CACzC,oBAAC,YAAY,IACX,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,iHAAiH,EAC1H,mBAAmB,EAAE,IAAI;IAEzB,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B,IAEpC,qDAMA,CACQ;IACX,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B,IAEpC,iDAKA,CACQ;IAEX,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B;QAErC,oBAAC,cAAc,IAAC,eAAe,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IACnF,iDAEF,CACgB,CACR,CACE,CAChB,EA5C0C,CA4C1C,CAAA"}
package/dist/src/tables/GroupedTable.js CHANGED
@@ -42,7 +42,6 @@ export var GroupedTable = function (props) {
42
42
  }
43
43
  return (React.createElement("div", { style: { overflowX: "auto" } },
44
44
  React.createElement("table", { "aria-label": props.ariaLabel, className: tableClasses.join(" ") },
45
- " ",
46
45
  React.createElement("thead", null,
47
46
  React.createElement("tr", null, headerLabels)),
48
47
  React.createElement("tbody", null, body))));
package/dist/src/tables/GroupedTable.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GroupedTable.js","sourceRoot":"","sources":["../../../src/tables/GroupedTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"GroupedTable.js","sourceRoot":"","sources":["../../../src/tables/GroupedTable.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": "12.0.10-alpha.1",
3
+ "version": "12.0.11",
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/InfoCard.scss CHANGED
@@ -13,6 +13,8 @@
13
13
  --title-letter-spacing: 0.025em;
14
14
  --title-letter-spacing-lighter: 0;
15
15
  --content-font-size: inherit;
16
+ --subtitle-font-weight: 400;
17
+ --subtitle-color: var(--bloom-color-gray-700);
16
18
 
17
19
  padding: var(--padding);
18
20
  border-color: var(--border-color);
@@ -42,6 +44,12 @@
42
44
  letter-spacing: var(--title-letter-spacing);
43
45
  }
44
46
 
47
+ .info-card__subtitle {
48
+ font-size: var(--bloom-font-size-sm);
49
+ color: var(--subtitle-color);
50
+ font-weight: var(--subtitle-font-weight);
51
+ }
52
+
45
53
  .info-card__header {
46
54
  &:not([class*="mb-"]) {
47
55
  margin-bottom: var(--bloom-s4);
package/src/blocks/InfoCard.tsx CHANGED
@@ -28,7 +28,7 @@ const InfoCard = (props: InfoCardProps) => {
28
28
  ) : (
29
29
  <h3 className="info-card__title">{props.title}</h3>
30
30
  )}
31
- {props.subtitle && <span className={"text-sm text-gray-700"}>{props.subtitle}</span>}
31
+ {props.subtitle && <span className={"info-card__subtitle"}>{props.subtitle}</span>}
32
32
  </div>
33
33
  {typeof props.children == "string" ? (
34
34
  <div className="markdown info-card__content">
package/src/forms/Field.tsx CHANGED
@@ -59,6 +59,24 @@ const Field = (props: FieldProps) => {
59
59
  if (props.bordered && (props.type === "radio" || props.type === "checkbox"))
60
60
  controlClasses.push("field-border")
61
61
 
62
+ const formatValue = (focused = false) => {
63
+ if (props.getValues && props.setValue) {
64
+ const currencyValue = props.getValues(props.name)
65
+ const numericIncome = parseFloat(currencyValue)
66
+
67
+ if (focused && currencyValue) {
68
+ props.setValue(props.name, parseFloat(currencyValue.replaceAll(",", "")))
69
+ } else if (isNaN(numericIncome)) {
70
+ props.setValue(props.name, "")
71
+ } else {
72
+ props.setValue(
73
+ props.name,
74
+ numericIncome.toLocaleString("en-US", { minimumFractionDigits: 2 })
75
+ )
76
+ }
77
+ }
78
+ }
79
+
62
80
  const filterNumbers = (e: ChangeEvent<HTMLInputElement>) => {
63
81
  if (props.setValue) {
64
82
  props.setValue(props.name, e.target.value.replace(/[a-z]|[A-Z]/g, "").match(/^\d*\.?\d?\d?/g))
@@ -69,6 +87,8 @@ const Field = (props: FieldProps) => {
69
87
  if (props.type === "currency") {
70
88
  inputProps = {
71
89
  ...inputProps,
90
+ onBlur: () => formatValue(),
91
+ onFocus: () => formatValue(true),
72
92
  onChange: filterNumbers,
73
93
  }
74
94
  }
package/src/overlays/Modal.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import React, { useRef } from "react"
1
+ import React, { useEffect, useRef } from "react"
2
2
  import "./Modal.scss"
3
3
  import { Icon, IconFillColors } from "../icons/Icon"
4
4
  import { Overlay, OverlayProps } from "./Overlay"
@@ -22,12 +22,15 @@ export interface ModalProps extends Omit<OverlayProps, "children"> {
22
22
  }
23
23
 
24
24
  const ModalHeader = (props: { title: string; uniqueId?: string; className?: string }) => {
25
+ const modalHeader = useRef<HTMLHeadingElement>(null)
26
+ useEffect(() => modalHeader?.current?.focus(), [props.title])
27
+
25
28
  const classNames = ["modal__title"]
26
29
  if (props.className) classNames.push(props.className)
27
30
  return (
28
31
  <>
29
32
  <header className="modal__header">
30
- <h1 className={classNames.join(" ")} id={props.uniqueId}>
33
+ <h1 ref={modalHeader} tabIndex={-1} className={classNames.join(" ")} id={props.uniqueId}>
31
34
  {props.title}
32
35
  </h1>
33
36
  </header>
package/src/sections/InfoCardGrid.stories.tsx CHANGED
@@ -53,3 +53,49 @@ Text within _another_ component…
53
53
  </InfoCard>
54
54
  </InfoCardGrid>
55
55
  )
56
+
57
+ export const InfoCardDefaultHeader = () => (
58
+ <InfoCardGrid
59
+ title="Rentals"
60
+ subtitle="Other rental housing funded by the City, as well as lists developed each month by community nonprofit agencies."
61
+ defaultHeadingStyle={true}
62
+ >
63
+ <InfoCard
64
+ title="My Card"
65
+ externalHref="http://google.com"
66
+ className="is-normal-primary-lighter"
67
+ >
68
+ {`
69
+ Paragraph content
70
+
71
+ ----
72
+
73
+ More content
74
+ `}
75
+ </InfoCard>
76
+ <InfoCard
77
+ title="My Card"
78
+ externalHref="http://google.com"
79
+ className="is-normal-primary-lighter"
80
+ >
81
+ {`
82
+ #### Header 4
83
+
84
+ * A list
85
+ * of items
86
+ `}
87
+ </InfoCard>
88
+
89
+ <InfoCard
90
+ title="My Card"
91
+ externalHref="http://google.com"
92
+ className="is-normal-primary-lighter"
93
+ >
94
+ <ExpandableText buttonClassName="ml-4" strings={{ readMore: "More", readLess: "Less" }}>
95
+ {`
96
+ Text within _another_ component…
97
+ `}
98
+ </ExpandableText>
99
+ </InfoCard>
100
+ </InfoCardGrid>
101
+ )
package/src/sections/InfoCardGrid.tsx CHANGED
@@ -5,13 +5,18 @@ import "./InfoCardGrid.scss"
5
5
  export interface InfoCardGridProps {
6
6
  title: string
7
7
  subtitle?: string
8
+ defaultHeadingStyle?: boolean
8
9
  children: React.ReactNode
9
10
  }
10
11
 
11
12
  const InfoCardGrid = (props: InfoCardGridProps) => (
12
13
  <section className="info-cards">
13
14
  <header className="info-cards__header">
14
- <Heading styleType={"underlineWeighted"} priority={2} className={"info-cards__title"}>
15
+ <Heading
16
+ styleType={props.defaultHeadingStyle ? undefined : "underlineWeighted"}
17
+ priority={2}
18
+ className={"info-cards__title"}
19
+ >
15
20
  {props.title}
16
21
  </Heading>
17
22
  {props.subtitle && <p className="info-cards__subtitle">{props.subtitle}</p>}
package/src/tables/GroupedTable.tsx CHANGED
@@ -81,7 +81,6 @@ export const GroupedTable = (props: GroupedTableProps) => {
81
81
  return (
82
82
  <div style={{ overflowX: "auto" }}>
83
83
  <table aria-label={props.ariaLabel} className={tableClasses.join(" ")}>
84
- {" "}
85
84
  <thead>
86
85
  <tr>{headerLabels}</tr>
87
86
  </thead>