@bloom-housing/ui-components 8.3.0-alpha.1 → 9.0.0
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/overlays/Modal.d.ts +2 -1
- package/dist/src/overlays/Modal.js +2 -2
- package/dist/src/overlays/Modal.js.map +1 -1
- package/dist/src/overlays/Modal.stories.js +4 -4
- package/dist/src/overlays/Modal.stories.js.map +1 -1
- package/package.json +22 -23
- package/src/forms/PhoneField.tsx +5 -1
- package/src/forms/PhoneMask.tsx +1 -0
- package/src/global/tokens/sizes.scss +1 -1
- package/src/overlays/Modal.scss +28 -11
- package/src/overlays/Modal.stories.tsx +4 -4
- package/src/overlays/Modal.tsx +4 -3
|
@@ -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"}
|
|
@@ -11,7 +11,8 @@ export interface ModalProps extends Omit<OverlayProps, "children"> {
|
|
|
11
11
|
modalClassNames?: string;
|
|
12
12
|
headerClassNames?: string;
|
|
13
13
|
role?: string;
|
|
14
|
-
|
|
14
|
+
scrollableModal?: boolean;
|
|
15
|
+
scrollableOverlay?: boolean;
|
|
15
16
|
slim?: boolean;
|
|
16
17
|
title: string;
|
|
17
18
|
}
|
|
@@ -18,7 +18,7 @@ export var Modal = function (props) {
|
|
|
18
18
|
var modalClassNames = ["modal"];
|
|
19
19
|
var innerClassNames = ["modal__inner"];
|
|
20
20
|
var closeClassNames = ["modal__close"];
|
|
21
|
-
if (props.
|
|
21
|
+
if (props.scrollableModal)
|
|
22
22
|
innerClassNames.push("is-scrollable");
|
|
23
23
|
if (props.modalClassNames)
|
|
24
24
|
modalClassNames.push.apply(modalClassNames, props.modalClassNames.split(" "));
|
|
@@ -26,7 +26,7 @@ export var Modal = function (props) {
|
|
|
26
26
|
innerClassNames.push.apply(innerClassNames, props.innerClassNames.split(" "));
|
|
27
27
|
if (props.closeClassNames)
|
|
28
28
|
closeClassNames.push.apply(closeClassNames, props.closeClassNames.split(" "));
|
|
29
|
-
return (React.createElement(Overlay, { ariaLabelledBy: uniqueIdRef.current, ariaDescription: props.ariaDescription, open: props.open, onClose: props.onClose, className: props.className, backdrop: props.backdrop,
|
|
29
|
+
return (React.createElement(Overlay, { ariaLabelledBy: uniqueIdRef.current, ariaDescription: props.ariaDescription, open: props.open, onClose: props.onClose, className: props.className, backdrop: props.backdrop, slim: props.slim, role: props.role ? props.role : "dialog", scrollable: props.scrollableOverlay },
|
|
30
30
|
React.createElement("div", { className: modalClassNames.join(" ") },
|
|
31
31
|
!props.hideCloseIcon && (React.createElement("button", { className: closeClassNames.join(" "), "aria-label": "Close", onClick: props.onClose, tabIndex: 0 },
|
|
32
32
|
React.createElement(Icon, { size: "medium", symbol: "close", fill: (_a = props.closeIconColor) !== null && _a !== void 0 ? _a : IconFillColors.primary }))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/overlays/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/overlays/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,18 +52,18 @@ export var ScrollableModal = function () {
|
|
|
52
52
|
return (React.createElement(Modal, { open: true, title: text("Title", "Modal Title"), ariaDescription: "Modal description", onClose: function () { return setOpenModal(!openModal); }, actions: [
|
|
53
53
|
React.createElement(Button, { size: AppearanceSizeType.small, onClick: function () { return setOpenModal(!openModal); }, styleType: AppearanceStyleType.primary }, text("Action 2 Label", "Submit")),
|
|
54
54
|
React.createElement(Button, { size: AppearanceSizeType.small, onClick: function () { return setOpenModal(!openModal); } }, text("Action 1 Label", "Cancel")),
|
|
55
|
-
],
|
|
55
|
+
], scrollableModal: true },
|
|
56
56
|
text("Content", "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Leo a diam sollicitudin tempor id eu. Porttitor lacus luctus accumsan tortor. Viverra mauris in aliquam sem fringilla. At augue eget arcu dictum. Penatibus et magnis dis parturient montes nascetur ridiculus mus mauris. Velit euismod in pellentesque massa placerat duis ultricies lacus sed. Aliquam vestibulum morbi blandit cursus risus. Tellus at urna condimentum mattis pellentesque id nibh. Interdum consectetur libero id faucibus. Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Tristique senectus et netus et malesuada. Ultrices neque ornare aenean euismod elementum. Tellus elementum sagittis vitae et leo duis. In egestas erat imperdiet sed euismod nisi porta. Nisl purus in mollis nunc sed id semper risus. Ac turpis egestas sed tempus urna et pharetra pharetra. Nibh mauris cursus mattis molestie a iaculis at erat pellentesque. Ultricies mi eget mauris pharetra et ultrices. Enim facilisis gravida neque convallis a cras semper auctor. Risus pretium quam vulputate dignissim suspendisse in est ante. Cursus vitae congue mauris rhoncus aenean vel. In vitae turpis massa sed elementum tempus egestas sed. Blandit libero volutpat sed cras ornare arcu. Sapien faucibus et molestie ac. Duis ut diam quam nulla. Non nisi est sit amet facilisis magna. Maecenas ultricies mi eget mauris pharetra. Risus nec feugiat in fermentum posuere urna nec tincidunt praesent. Enim diam vulputate ut pharetra sit amet aliquam id diam. Ultricies mi quis hendrerit dolor. In aliquam sem fringilla ut morbi tincidunt. Leo a diam sollicitudin tempor id eu nisl. Rhoncus urna neque viverra justo. Vulputate sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum. Nisi scelerisque eu ultrices vitae auctor. Consequat mauris nunc congue nisi. Id diam vel quam elementum pulvinar etiam. Cras ornare arcu dui vivamus. Eu turpis egestas pretium aenean pharetra. Lobortis feugiat vivamus at augue eget arcu dictum varius. Massa enim nec dui nunc. Montes nascetur ridiculus mus mauris vitae ultricies leo integer. Arcu risus quis varius quam quisque id diam. Et magnis dis parturient montes nascetur ridiculus mus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat in. Porttitor rhoncus dolor purus non enim praesent. Arcu non sodales neque sodales ut. Aenean et tortor at risus viverra. Aliquet sagittis id consectetur purus. Suscipit tellus mauris a diam maecenas. Pharetra sit amet aliquam id diam maecenas ultricies mi. Tellus id interdum velit laoreet. Arcu cursus vitae congue mauris. Sem integer vitae justo eget magna fermentum iaculis eu. Morbi tristique senectus et netus et malesuada fames. Bibendum arcu vitae elementum curabitur vitae nunc sed velit dignissim. Sed felis eget velit aliquet. Risus nec feugiat in fermentum posuere urna nec tincidunt praesent. Vitae sapien pellentesque habitant morbi tristique senectus et netus et. Sit amet mattis vulputate enim nulla aliquet porttitor. Amet dictum sit amet justo donec. Mauris augue neque gravida in. Sed vulputate mi sit amet mauris commodo quis imperdiet massa. Faucibus turpis in eu mi bibendum neque egestas congue. At ultrices mi tempus imperdiet nulla. Et leo duis ut diam quam nulla porttitor massa id. Natoque penatibus et magnis dis parturient montes nascetur. Nunc vel risus commodo viverra maecenas. Enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra. Est ante in nibh mauris cursus mattis molestie a iaculis. Habitant morbi tristique senectus et netus. Integer feugiat scelerisque varius morbi enim nunc. Venenatis lectus magna fringilla urna. Nunc vel risus commodo viverra maecenas accumsan. Quam lacus suspendisse faucibus interdum posuere. Velit euismod in pellentesque massa placerat duis ultricies. In metus vulputate eu scelerisque felis imperdiet proin. Convallis convallis tellus id interdum velit laoreet id. Vitae elementum curabitur vitae nunc sed velit dignissim sodales ut. Eget nunc scelerisque viverra mauris. In nisl nisi scelerisque eu ultrices. Pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Eget est lorem ipsum dolor sit amet consectetur. Auctor urna nunc id cursus metus aliquam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames. Etiam erat velit scelerisque in dictum. Sodales neque sodales ut etiam sit amet nisl purus. Interdum consectetur libero id faucibus nisl tincidunt eget nullam. Sed turpis tincidunt id aliquet. Duis at consectetur lorem donec massa. Egestas congue quisque egestas diam in. A erat nam at lectus urna duis. Rhoncus dolor purus non enim praesent elementum. At imperdiet dui accumsan sit amet nulla. Leo urna molestie at elementum eu facilisis sed odio. Molestie nunc non blandit massa enim. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Mollis nunc sed id semper risus in hendrerit gravida. Nam libero justo laoreet sit amet cursus. Id neque aliquam vestibulum morbi blandit."),
|
|
57
57
|
React.createElement("div", null,
|
|
58
58
|
React.createElement("input", { type: "text", placeholder: "Text Input", className: "border mt-4 p-3" }))));
|
|
59
59
|
};
|
|
60
60
|
export var ScrollableModalNoFooter = function () {
|
|
61
61
|
var _a = useState(false), openModal = _a[0], setOpenModal = _a[1];
|
|
62
|
-
return (React.createElement(Modal, { open: true, title: text("Title", "Modal Title"), ariaDescription: "Modal description", onClose: function () { return setOpenModal(!openModal); },
|
|
62
|
+
return (React.createElement(Modal, { open: true, title: text("Title", "Modal Title"), ariaDescription: "Modal description", onClose: function () { return setOpenModal(!openModal); }, scrollableModal: true }, text("Content", "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Leo a diam sollicitudin tempor id eu. Porttitor lacus luctus accumsan tortor. Viverra mauris in aliquam sem fringilla. At augue eget arcu dictum. Penatibus et magnis dis parturient montes nascetur ridiculus mus mauris. Velit euismod in pellentesque massa placerat duis ultricies lacus sed. Aliquam vestibulum morbi blandit cursus risus. Tellus at urna condimentum mattis pellentesque id nibh. Interdum consectetur libero id faucibus. Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Tristique senectus et netus et malesuada. Ultrices neque ornare aenean euismod elementum. Tellus elementum sagittis vitae et leo duis. In egestas erat imperdiet sed euismod nisi porta. Nisl purus in mollis nunc sed id semper risus. Ac turpis egestas sed tempus urna et pharetra pharetra. Nibh mauris cursus mattis molestie a iaculis at erat pellentesque. Ultricies mi eget mauris pharetra et ultrices. Enim facilisis gravida neque convallis a cras semper auctor. Risus pretium quam vulputate dignissim suspendisse in est ante. Cursus vitae congue mauris rhoncus aenean vel. In vitae turpis massa sed elementum tempus egestas sed. Blandit libero volutpat sed cras ornare arcu. Sapien faucibus et molestie ac. Duis ut diam quam nulla. Non nisi est sit amet facilisis magna. Maecenas ultricies mi eget mauris pharetra. Risus nec feugiat in fermentum posuere urna nec tincidunt praesent. Enim diam vulputate ut pharetra sit amet aliquam id diam. Ultricies mi quis hendrerit dolor. In aliquam sem fringilla ut morbi tincidunt. Leo a diam sollicitudin tempor id eu nisl. Rhoncus urna neque viverra justo. Vulputate sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum. Nisi scelerisque eu ultrices vitae auctor. Consequat mauris nunc congue nisi. Id diam vel quam elementum pulvinar etiam. Cras ornare arcu dui vivamus. Eu turpis egestas pretium aenean pharetra. Lobortis feugiat vivamus at augue eget arcu dictum varius. Massa enim nec dui nunc. Montes nascetur ridiculus mus mauris vitae ultricies leo integer. Arcu risus quis varius quam quisque id diam. Et magnis dis parturient montes nascetur ridiculus mus. Sed adipiscing diam donec adipiscing tristique risus nec feugiat in. Porttitor rhoncus dolor purus non enim praesent. Arcu non sodales neque sodales ut. Aenean et tortor at risus viverra. Aliquet sagittis id consectetur purus. Suscipit tellus mauris a diam maecenas. Pharetra sit amet aliquam id diam maecenas ultricies mi. Tellus id interdum velit laoreet. Arcu cursus vitae congue mauris. Sem integer vitae justo eget magna fermentum iaculis eu. Morbi tristique senectus et netus et malesuada fames. Bibendum arcu vitae elementum curabitur vitae nunc sed velit dignissim. Sed felis eget velit aliquet. Risus nec feugiat in fermentum posuere urna nec tincidunt praesent. Vitae sapien pellentesque habitant morbi tristique senectus et netus et. Sit amet mattis vulputate enim nulla aliquet porttitor. Amet dictum sit amet justo donec. Mauris augue neque gravida in. Sed vulputate mi sit amet mauris commodo quis imperdiet massa. Faucibus turpis in eu mi bibendum neque egestas congue. At ultrices mi tempus imperdiet nulla. Et leo duis ut diam quam nulla porttitor massa id. Natoque penatibus et magnis dis parturient montes nascetur. Nunc vel risus commodo viverra maecenas. Enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra. Est ante in nibh mauris cursus mattis molestie a iaculis. Habitant morbi tristique senectus et netus. Integer feugiat scelerisque varius morbi enim nunc. Venenatis lectus magna fringilla urna. Nunc vel risus commodo viverra maecenas accumsan. Quam lacus suspendisse faucibus interdum posuere. Velit euismod in pellentesque massa placerat duis ultricies. In metus vulputate eu scelerisque felis imperdiet proin. Convallis convallis tellus id interdum velit laoreet id. Vitae elementum curabitur vitae nunc sed velit dignissim sodales ut. Eget nunc scelerisque viverra mauris. In nisl nisi scelerisque eu ultrices. Pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Eget est lorem ipsum dolor sit amet consectetur. Auctor urna nunc id cursus metus aliquam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames. Etiam erat velit scelerisque in dictum. Sodales neque sodales ut etiam sit amet nisl purus. Interdum consectetur libero id faucibus nisl tincidunt eget nullam. Sed turpis tincidunt id aliquet. Duis at consectetur lorem donec massa. Egestas congue quisque egestas diam in. A erat nam at lectus urna duis. Rhoncus dolor purus non enim praesent elementum. At imperdiet dui accumsan sit amet nulla. Leo urna molestie at elementum eu facilisis sed odio. Molestie nunc non blandit massa enim. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Mollis nunc sed id semper risus in hendrerit gravida. Nam libero justo laoreet sit amet cursus. Id neque aliquam vestibulum morbi blandit.")));
|
|
63
63
|
};
|
|
64
64
|
export var ScrollableModalManyButtons = function () {
|
|
65
65
|
var _a = useState(false), openModal = _a[0], setOpenModal = _a[1];
|
|
66
|
-
return (React.createElement(Modal, { open: true, title: text("Title", "Modal Title"), ariaDescription: "Modal description", onClose: function () { return setOpenModal(!openModal); },
|
|
66
|
+
return (React.createElement(Modal, { open: true, title: text("Title", "Modal Title"), ariaDescription: "Modal description", onClose: function () { return setOpenModal(!openModal); }, scrollableModal: true, actions: [
|
|
67
67
|
React.createElement(Button, { onClick: function () { return setOpenModal(!openModal); }, styleType: AppearanceStyleType.primary, border: AppearanceBorderType.borderless, size: AppearanceSizeType.small }, text("Action 4 Label", "New")),
|
|
68
68
|
React.createElement(Button, { onClick: function () { return setOpenModal(!openModal); }, styleType: AppearanceStyleType.primary, border: AppearanceBorderType.borderless, size: AppearanceSizeType.small }, text("Action 3 Label", "Copy")),
|
|
69
69
|
React.createElement(Button, { onClick: function () { return setOpenModal(!openModal); }, styleType: AppearanceStyleType.primary, size: AppearanceSizeType.small }, text("Action 2 Label", "Submit")),
|
|
@@ -78,7 +78,7 @@ export var ScrollableModalMinimalContent = function () {
|
|
|
78
78
|
return (React.createElement(Modal, { open: true, title: text("Title", "Modal Title"), ariaDescription: "Modal description", onClose: function () { return setOpenModal(!openModal); }, actions: [
|
|
79
79
|
React.createElement(Button, { size: AppearanceSizeType.small, onClick: function () { return setOpenModal(!openModal); }, styleType: AppearanceStyleType.primary }, text("Action 2 Label", "Submit")),
|
|
80
80
|
React.createElement(Button, { size: AppearanceSizeType.small, onClick: function () { return setOpenModal(!openModal); } }, text("Action 1 Label", "Cancel")),
|
|
81
|
-
],
|
|
81
|
+
], scrollableModal: true },
|
|
82
82
|
text("Content", "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),
|
|
83
83
|
React.createElement("div", null,
|
|
84
84
|
React.createElement("input", { type: "text", placeholder: "Text Input", className: "border mt-4 p-3" }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../src/overlays/Modal.stories.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../src/overlays/Modal.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": "
|
|
3
|
+
"version": "9.0.0",
|
|
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",
|
|
@@ -42,27 +42,29 @@
|
|
|
42
42
|
"@babel/preset-env": "^7.15.4",
|
|
43
43
|
"@commitlint/cli": "^13.1.0",
|
|
44
44
|
"@commitlint/config-conventional": "^13.1.0",
|
|
45
|
-
"@
|
|
46
|
-
"@
|
|
47
|
-
"@storybook
|
|
48
|
-
"@storybook/addon-
|
|
45
|
+
"@emotion/core": "^10.0.35",
|
|
46
|
+
"@emotion/styled": "^10.0.27",
|
|
47
|
+
"@geometricpanda/storybook-addon-badges": "^0.2.1",
|
|
48
|
+
"@storybook/addon-a11y": "^6.3.8",
|
|
49
|
+
"@storybook/addon-actions": "^6.3.8",
|
|
50
|
+
"@storybook/addon-docs": "^6.3.8",
|
|
49
51
|
"@storybook/addon-knobs": "^6.3.1",
|
|
50
52
|
"@storybook/addon-storyshots": "^6.3.8",
|
|
51
53
|
"@storybook/addon-storyshots-puppeteer": "^6.3.8",
|
|
52
|
-
"@storybook/addon-
|
|
53
|
-
"@storybook/
|
|
54
|
-
"@storybook/
|
|
55
|
-
"@storybook/
|
|
56
|
-
"@storybook/
|
|
57
|
-
"@storybook/react": "^6.
|
|
58
|
-
"@storybook/
|
|
54
|
+
"@storybook/addon-viewport": "^6.3.8",
|
|
55
|
+
"@storybook/addons": "^6.3.8",
|
|
56
|
+
"@storybook/api": "^6.3.8",
|
|
57
|
+
"@storybook/components": "^6.3.8",
|
|
58
|
+
"@storybook/core-events": "^6.3.8",
|
|
59
|
+
"@storybook/react": "^6.3.8",
|
|
60
|
+
"@storybook/theming": "^6.3.8",
|
|
59
61
|
"@testing-library/jest-dom": "^5.11.9",
|
|
60
62
|
"@testing-library/react": "^11.2.5",
|
|
61
63
|
"@types/dompurify": "^2.3.3",
|
|
62
64
|
"@types/jest": "^26.0.14",
|
|
63
65
|
"@types/jwt-decode": "^2.2.1",
|
|
64
66
|
"@types/mdx": "^2.0.1",
|
|
65
|
-
"@types/node": "
|
|
67
|
+
"@types/node": "^12.12.67",
|
|
66
68
|
"@types/node-polyglot": "^2.4.1",
|
|
67
69
|
"@types/pretty": "2.0.1",
|
|
68
70
|
"@types/react-beautiful-dnd": "^13.1.1",
|
|
@@ -72,7 +74,7 @@
|
|
|
72
74
|
"@types/react-test-renderer": "^16.9.3",
|
|
73
75
|
"@types/react-text-mask": "^5.4.6",
|
|
74
76
|
"@types/react-transition-group": "^4.4.0",
|
|
75
|
-
"@types/webpack": "
|
|
77
|
+
"@types/webpack": "^4.41.22",
|
|
76
78
|
"@typescript-eslint/parser": "^5.12.1",
|
|
77
79
|
"@typescript-eslint/eslint-plugin": "^5.12.1",
|
|
78
80
|
"autoprefixer": "^10.3.4",
|
|
@@ -92,11 +94,8 @@
|
|
|
92
94
|
"jest-environment-jsdom": "^26.5.3",
|
|
93
95
|
"lint-staged": "^10.4.0",
|
|
94
96
|
"mockdate": "^3.0.2",
|
|
95
|
-
"postcss": "8.
|
|
96
|
-
"postcss-
|
|
97
|
-
"postcss-load-config": "^3.1.4",
|
|
98
|
-
"postcss-loader": "7.0.1",
|
|
99
|
-
"postcss-nested": "6.0.0",
|
|
97
|
+
"postcss": "^8.3.6",
|
|
98
|
+
"postcss-loader": "^4.3",
|
|
100
99
|
"preact": "^10.5.14",
|
|
101
100
|
"prettier": "^2.1.0",
|
|
102
101
|
"pretty": "2.0.0",
|
|
@@ -113,7 +112,7 @@
|
|
|
113
112
|
"ts-jest": "^26.4.1",
|
|
114
113
|
"ts-loader": "^8.0.4",
|
|
115
114
|
"typescript": "^4.9.4",
|
|
116
|
-
"webpack": "
|
|
115
|
+
"webpack": "^4.44.2"
|
|
117
116
|
},
|
|
118
117
|
"dependencies": {
|
|
119
118
|
"@fortawesome/fontawesome-svg-core": "^6.1.1",
|
|
@@ -123,6 +122,7 @@
|
|
|
123
122
|
"@mapbox/mapbox-sdk": "^0.13.0",
|
|
124
123
|
"@types/jwt-decode": "^2.2.1",
|
|
125
124
|
"@types/mdx": "^2.0.1",
|
|
125
|
+
"@types/node": "^12.12.67",
|
|
126
126
|
"@types/node-polyglot": "^2.4.1",
|
|
127
127
|
"@types/react-beautiful-dnd": "^13.1.1",
|
|
128
128
|
"@types/react-dom": "^16.9.5",
|
|
@@ -137,17 +137,16 @@
|
|
|
137
137
|
"markdown-to-jsx": "7.1.8",
|
|
138
138
|
"nanoid": "^3.1.12",
|
|
139
139
|
"node-polyglot": "^2.4.0",
|
|
140
|
-
"react": "
|
|
140
|
+
"react": "^17.0.2",
|
|
141
141
|
"react-accessible-accordion": "^3.3.5",
|
|
142
142
|
"react-beautiful-dnd": "^13.1.0",
|
|
143
|
-
"react-dom": "
|
|
143
|
+
"react-dom": "^17.0.2",
|
|
144
144
|
"react-dropzone": "^11.3.2",
|
|
145
145
|
"react-focus-lock": "^2.5.2",
|
|
146
146
|
"react-hook-form": "^6.15.5",
|
|
147
147
|
"react-map-gl": "^6.1.16",
|
|
148
148
|
"react-media": "^1.10.0",
|
|
149
149
|
"react-remove-scroll": "2.5.4",
|
|
150
|
-
"react-scripts": "5.0.1",
|
|
151
150
|
"react-tabs": "^3.2.2",
|
|
152
151
|
"react-text-mask": "^5.4.3",
|
|
153
152
|
"react-transition-group": "^4.4.1",
|
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/overlays/Modal.scss
CHANGED
|
@@ -4,9 +4,16 @@
|
|
|
4
4
|
--title-font-size: var(--bloom-font-size-lg);
|
|
5
5
|
--title-font-family: var(--bloom-font-sans);
|
|
6
6
|
--content-font-color: var(--bloom-color-gray-700);
|
|
7
|
-
--content-padding: var(--bloom-s6);
|
|
7
|
+
--content-padding-block: 0 var(--bloom-s6);
|
|
8
|
+
--content-padding-inline: var(--bloom-s6);
|
|
9
|
+
--content-margin-top: var(--bloom-s6);
|
|
10
|
+
--title-padding-block: var(--bloom-s6) 0px;
|
|
11
|
+
--title-padding-inline: var(--bloom-s6) var(--bloom-s12);
|
|
12
|
+
--footer-padding-block: var(--bloom-s6);
|
|
13
|
+
--footer-padding-inline: var(--bloom-s6);
|
|
8
14
|
--max-width: var(--bloom-width-5xl);
|
|
9
15
|
--desktop-min-width: var(--bloom-width-xl);
|
|
16
|
+
--scroll-max-height: 100vh;
|
|
10
17
|
--footer-background-color: var(--bloom-color-primary-lighter);
|
|
11
18
|
--border-radius: var(--bloom-rounded);
|
|
12
19
|
--mobile-border-radius: 0;
|
|
@@ -14,7 +21,12 @@
|
|
|
14
21
|
--modal-shadow: var(--bloom-shadow-md);
|
|
15
22
|
--modal-border: var(--bloom-border-1) solid var(--bloom-color-gray-400);
|
|
16
23
|
--footer-justify: normal;
|
|
17
|
-
|
|
24
|
+
--max-height: 100vh;
|
|
25
|
+
--overflow: auto;
|
|
26
|
+
--width: 100vw;
|
|
27
|
+
--modal-header-min-height: auto;
|
|
28
|
+
|
|
29
|
+
overflow: var(--overflow);
|
|
18
30
|
-webkit-overflow-scrolling: touch;
|
|
19
31
|
|
|
20
32
|
display: flex;
|
|
@@ -22,12 +34,12 @@
|
|
|
22
34
|
|
|
23
35
|
position: relative;
|
|
24
36
|
max-width: var(--max-width);
|
|
25
|
-
max-height:
|
|
37
|
+
max-height: var(--max-height);
|
|
26
38
|
margin: auto;
|
|
27
39
|
border: var(--modal-border);
|
|
28
40
|
background-color: var(--background-color);
|
|
29
41
|
box-shadow: var(--modal-shadow);
|
|
30
|
-
width:
|
|
42
|
+
width: var(--width);
|
|
31
43
|
border-radius: var(--mobile-border-radius);
|
|
32
44
|
|
|
33
45
|
@media (min-width: $screen-sm) {
|
|
@@ -44,18 +56,22 @@
|
|
|
44
56
|
}
|
|
45
57
|
}
|
|
46
58
|
|
|
59
|
+
.modal__header {
|
|
60
|
+
min-height: var(--modal-header-min-height);
|
|
61
|
+
}
|
|
62
|
+
|
|
47
63
|
.modal__title {
|
|
48
|
-
padding-block: var(--
|
|
49
|
-
padding-inline: var(--
|
|
64
|
+
padding-block: var(--title-padding-block);
|
|
65
|
+
padding-inline: var(--title-padding-inline);
|
|
50
66
|
color: var(--title-color);
|
|
51
67
|
font-size: var(--title-font-size);
|
|
52
68
|
font-family: var(--title-font-family);
|
|
53
69
|
}
|
|
54
70
|
|
|
55
71
|
.modal__inner {
|
|
56
|
-
padding: var(--content-padding);
|
|
57
|
-
padding-
|
|
58
|
-
margin-top: var(--content-
|
|
72
|
+
padding-block: var(--content-padding-block);
|
|
73
|
+
padding-inline: var(--content-padding-inline);
|
|
74
|
+
margin-top: var(--content-margin-top);
|
|
59
75
|
|
|
60
76
|
&:last-of-type {
|
|
61
77
|
border-bottom-right-radius: var(--border-radius);
|
|
@@ -63,7 +79,7 @@
|
|
|
63
79
|
}
|
|
64
80
|
|
|
65
81
|
&.is-scrollable {
|
|
66
|
-
max-height:
|
|
82
|
+
max-height: var(--scroll-max-height);
|
|
67
83
|
max-width: 100vw;
|
|
68
84
|
@media (min-width: $screen-md) {
|
|
69
85
|
max-height: calc(100vh - var(--bloom-s6));
|
|
@@ -79,7 +95,8 @@
|
|
|
79
95
|
}
|
|
80
96
|
|
|
81
97
|
.modal__footer {
|
|
82
|
-
padding: var(--
|
|
98
|
+
padding-block: var(--footer-padding-block);
|
|
99
|
+
padding-inline: var(--footer-padding-inline);
|
|
83
100
|
border-bottom-right-radius: var(--border-radius);
|
|
84
101
|
border-bottom-left-radius: var(--border-radius);
|
|
85
102
|
background-color: var(--footer-background-color);
|
|
@@ -134,7 +134,7 @@ export const ScrollableModal = () => {
|
|
|
134
134
|
{text("Action 1 Label", "Cancel")}
|
|
135
135
|
</Button>,
|
|
136
136
|
]}
|
|
137
|
-
|
|
137
|
+
scrollableModal
|
|
138
138
|
>
|
|
139
139
|
{text(
|
|
140
140
|
"Content",
|
|
@@ -156,7 +156,7 @@ export const ScrollableModalNoFooter = () => {
|
|
|
156
156
|
title={text("Title", "Modal Title")}
|
|
157
157
|
ariaDescription="Modal description"
|
|
158
158
|
onClose={() => setOpenModal(!openModal)}
|
|
159
|
-
|
|
159
|
+
scrollableModal
|
|
160
160
|
>
|
|
161
161
|
{text(
|
|
162
162
|
"Content",
|
|
@@ -175,7 +175,7 @@ export const ScrollableModalManyButtons = () => {
|
|
|
175
175
|
title={text("Title", "Modal Title")}
|
|
176
176
|
ariaDescription="Modal description"
|
|
177
177
|
onClose={() => setOpenModal(!openModal)}
|
|
178
|
-
|
|
178
|
+
scrollableModal
|
|
179
179
|
actions={[
|
|
180
180
|
<Button
|
|
181
181
|
onClick={() => setOpenModal(!openModal)}
|
|
@@ -241,7 +241,7 @@ export const ScrollableModalMinimalContent = () => {
|
|
|
241
241
|
{text("Action 1 Label", "Cancel")}
|
|
242
242
|
</Button>,
|
|
243
243
|
]}
|
|
244
|
-
|
|
244
|
+
scrollableModal
|
|
245
245
|
>
|
|
246
246
|
{text(
|
|
247
247
|
"Content",
|
package/src/overlays/Modal.tsx
CHANGED
|
@@ -14,7 +14,8 @@ export interface ModalProps extends Omit<OverlayProps, "children"> {
|
|
|
14
14
|
modalClassNames?: string
|
|
15
15
|
headerClassNames?: string
|
|
16
16
|
role?: string
|
|
17
|
-
|
|
17
|
+
scrollableModal?: boolean
|
|
18
|
+
scrollableOverlay?: boolean
|
|
18
19
|
slim?: boolean
|
|
19
20
|
title: string
|
|
20
21
|
}
|
|
@@ -46,7 +47,7 @@ export const Modal = (props: ModalProps) => {
|
|
|
46
47
|
const modalClassNames = ["modal"]
|
|
47
48
|
const innerClassNames = ["modal__inner"]
|
|
48
49
|
const closeClassNames = ["modal__close"]
|
|
49
|
-
if (props.
|
|
50
|
+
if (props.scrollableModal) innerClassNames.push("is-scrollable")
|
|
50
51
|
if (props.modalClassNames) modalClassNames.push(...props.modalClassNames.split(" "))
|
|
51
52
|
if (props.innerClassNames) innerClassNames.push(...props.innerClassNames.split(" "))
|
|
52
53
|
if (props.closeClassNames) closeClassNames.push(...props.closeClassNames.split(" "))
|
|
@@ -59,9 +60,9 @@ export const Modal = (props: ModalProps) => {
|
|
|
59
60
|
onClose={props.onClose}
|
|
60
61
|
className={props.className}
|
|
61
62
|
backdrop={props.backdrop}
|
|
62
|
-
scrollable={props.scrollable}
|
|
63
63
|
slim={props.slim}
|
|
64
64
|
role={props.role ? props.role : "dialog"}
|
|
65
|
+
scrollable={props.scrollableOverlay}
|
|
65
66
|
>
|
|
66
67
|
<div className={modalClassNames.join(" ")}>
|
|
67
68
|
{!props.hideCloseIcon && (
|