@luscii-healthtech/web-ui 2.24.3 → 2.26.0

package/dist/components/Modal/FullPageModal.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare type FullPageModalProps = {
+    children: React.ReactNode;
+    isOpen?: boolean;
+    title: string;
+    onCloseClick: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+};
+export declare const FullPageModal: React.FC<FullPageModalProps>;

package/dist/components/Modal/FullPageModalHeader.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare type FullPageModalHeaderProps = {
+    title: string;
+};
+export declare const FullPageModalHeader: React.FC<FullPageModalHeaderProps>;

package/dist/index.d.ts

@@ -110,3 +110,4 @@ export { SearchIcon } from "./components/Icons/SearchIcon";
 export { SearchCancelIcon } from "./components/Icons/SearchCancelIcon";
 export { InfoIcon } from "./components/Icons/InfoIcon";
 export { Divider } from "./components/Divider/Divider";
+export { FullPageModal } from "./components/Modal/FullPageModal";

package/dist/web-ui-tailwind.css

@@ -1272,6 +1272,10 @@ video {
   height: 3rem;
 }
 
+.h-19 {
+  height: 4.75rem;
+}
+
 .h-22 {
   height: 5.5rem;
 }
@@ -1793,6 +1797,13 @@ video {
   position: sticky;
 }
 
+.inset-0 {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
 .top-0 {
   top: 0;
 }

package/dist/web-ui.cjs.development.js

@@ -7634,6 +7634,31 @@ var Divider = function Divider() {
   });
 };
 
+var FullPageModalHeader = function FullPageModalHeader(props) {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-row items-center h-19 bg-white pl-6"
+  }, /*#__PURE__*/React__default.createElement(Title, {
+    text: props.title
+  }));
+};
+
+var FullPageModal = function FullPageModal(props) {
+  return /*#__PURE__*/React__default.createElement(ReactModal, {
+    isOpen: props.isOpen,
+    contentLabel: props.title,
+    overlayClassName: "fixed inset-0 overflow-x-hidden overflow-y-auto z-20",
+    onRequestClose: props.onCloseClick,
+    shouldFocusAfterRender: false,
+    className: "h-screen"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-col h-screen"
+  }, /*#__PURE__*/React__default.createElement(FullPageModalHeader, {
+    title: props.title
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "h-full bg-slate-100 flex flex-row overflow-hidden"
+  }, props.children)));
+};
+
 exports.AccordionList = AccordionList;
 exports.AddIcon = AddIcon;
 exports.AlertsIcon = AlertsIcon;
@@ -7668,6 +7693,7 @@ exports.EyeIcon = EyeIcon;
 exports.FlexColumn = FlexColumn;
 exports.FlexRow = FlexRow;
 exports.Form = Form;
+exports.FullPageModal = FullPageModal;
 exports.GearIcon = GearIcon;
 exports.GenericForm = GenericForm;
 exports.GroupIcon = GroupIcon;