@luscii-healthtech/web-ui 2.36.2 → 2.37.0

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

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

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

@@ -1,5 +1,7 @@
 import React from "react";
+import { PrimaryButtonProps } from "../ButtonV2/ButtonProps.type";
 export declare type FullPageModalHeaderProps = {
     title: string;
+    primaryButtonProps?: PrimaryButtonProps;
 };
 export declare const FullPageModalHeader: React.FC<FullPageModalHeaderProps>;

package/dist/web-ui-tailwind.css

@@ -2252,6 +2252,10 @@ video {
   z-index: 30;
 }
 
+.z-9999 {
+  z-index: 9999;
+}
+
 .transform {
   --transform-translate-x: 0;
   --transform-translate-y: 0;

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

@@ -714,7 +714,7 @@ var Toaster = function Toaster(_ref) {
     style: styleOverwrite,
     id: "application-toaster",
     "data-test-id": "toaster-panel-" + type,
-    className: classNames("bg-white cursor-pointer", "rounded-md shadow-lg", "min-h-13 max-h-19 w-104 transition-transform", {
+    className: classNames("bg-white cursor-pointer", "rounded-md shadow-lg", "min-h-13 max-h-19 w-104 transition-transform", "z-9999", {
       shelved: !isVisible,
       expanded: isVisible,
       "type-success": isSuccess,
@@ -7653,34 +7653,43 @@ var InfoIcon = function InfoIcon(props) {
   }));
 };
 
-var FullPageModalHeader = function FullPageModalHeader(props) {
+var FullPageModalHeader = function FullPageModalHeader(_ref) {
+  var primaryButtonProps = _ref.primaryButtonProps,
+      title = _ref.title;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-row items-center h-19 bg-white pl-6"
+    className: "flex flex-row items-center h-19 bg-white px-6 justify-between"
   }, /*#__PURE__*/React__default.createElement(Title, {
-    text: props.title
-  }));
+    text: title
+  }), primaryButtonProps && /*#__PURE__*/React__default.createElement(PrimaryButton, _extends({
+    "data-test-id": "modal-primary-button"
+  }, primaryButtonProps)));
 };
 
-var FullPageModal = function FullPageModal(props) {
-  var _props$dataTestId;
-
+var FullPageModal = function FullPageModal(_ref) {
+  var children = _ref.children,
+      dataTestId = _ref.dataTestId,
+      isOpen = _ref.isOpen,
+      onCloseClick = _ref.onCloseClick,
+      primaryButtonProps = _ref.primaryButtonProps,
+      title = _ref.title;
   return /*#__PURE__*/React__default.createElement(ReactModal, {
-    isOpen: props.isOpen,
-    contentLabel: props.title,
+    isOpen: isOpen,
+    contentLabel: title,
     overlayClassName: "fixed inset-0 overflow-x-hidden overflow-y-auto z-20",
-    onRequestClose: props.onCloseClick,
+    onRequestClose: onCloseClick,
     shouldFocusAfterRender: false,
     className: "h-screen",
     data: {
-      "test-id": (_props$dataTestId = props.dataTestId) != null ? _props$dataTestId : "react-modal"
+      "test-id": dataTestId != null ? dataTestId : "react-modal"
     }
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col h-screen"
+    className: "flex flex-col h-screen bg-slate-100"
   }, /*#__PURE__*/React__default.createElement(FullPageModalHeader, {
-    title: props.title
+    title: title,
+    primaryButtonProps: primaryButtonProps
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "h-full bg-slate-100 flex flex-row overflow-hidden"
-  }, props.children)));
+    className: "h-full flex flex-row overflow-hidden"
+  }, children)));
 };
 
 exports.AccordionList = AccordionList;