@luscii-healthtech/web-ui 2.36.2 → 2.36.3

package/dist/web-ui.esm.js

@@ -7645,34 +7645,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)));
 };
 
 export { AccordionList, AddIcon, AlertsIcon, Avatar, Badge, BellIcon, Breadcrumbs, CRUDPage, Carousel, CenteredHero, ChartIcon, ChatBoxIcon, CheckIcon, Checkbox, CheckboxList, CheckboxListModal, ChevronDoubleIcon, ConfirmationDialog, CrossIcon, Datepicker as DatePicker, DeleteIcon, Divider, DownArrowIcon, DragIcon, Dropdown, EditIcon, EmptyListMessage, EmptyStateDashboardIcon, ErrorBlock, ExclamationMarkIcon, EyeIcon, FlexColumn, FlexRow, Form, FullPageModal, GearIcon, GenericForm, GroupIcon, HamburgerIcon, HeartIcon, INPUT_TYPES, InfoBlock, InfoField, InfoIcon, Input, LeftArrowIcon, LightBulbIcon, Line, LinkIcon, List, LoadingIndicator, LockIcon, Menu, MessagesIcon, Modal, MultiSelect, NavLayout, NavMenu, NotesIcon, NotificationBanner, Page, PageHeader, PaginationMenu, PinIcon, PreviewPhone, PrimaryButton, PrintIcon, Radio, RadioGroup, RadioGroupV2, RadioV2, RightArrowIcon, SearchCancelIcon, SearchIcon, SearchInput, SecondaryButton, Section, SectionItem, SectionItemWithContent, Select, SettingsMenuButton, SmallCircleIcon, SmallDiamondIcon, SmallSquareIcon, SpaceRocketIcon, Spinner, StarIcon, Steps, Switcher, TOASTER_TYPE_OPTIONS, TabLinks, Tabbar, Table, Tag, TagGroup, TertiaryButton, Text, Textarea as TextArea, TextEditor, TextEditorV2, TextLink, Timeline, Title, Toaster, ViewItem, toast };