@luscii-healthtech/web-ui 2.19.8 → 2.20.0

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

@@ -9,6 +9,7 @@ export declare type ModalBaseProps = Omit<ModalHeaderProps, "title"> & {
     withContentPaddingY?: boolean;
     isOpen?: boolean;
     title?: string;
+    scrollableContent?: boolean;
     onCloseClick: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
 } & ModalFooterProps;
 export declare const ModalBase: React.FC<ModalBaseProps>;

package/dist/web-ui-tailwind.css

@@ -1521,6 +1521,10 @@ video {
   max-height: 30rem;
 }
 
+.max-h-135 {
+  max-height: 33.75rem;
+}
+
 .max-h-screen {
   max-height: 100vh;
 }

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

@@ -1774,11 +1774,15 @@ var ModalBase = function ModalBase(props) {
     title: props.title,
     onCloseClick: props.onCloseClick
   }), /*#__PURE__*/React__default.createElement("div", {
+    className: classNames({
+      "rounded-t-lg": !props.title,
+      "max-h-135 overflow-y-auto": props.scrollableContent
+    })
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: classNames("px-6", {
-      "py-6": withContentPaddingY,
-      "rounded-t-lg": !props.title
+      "py-6": withContentPaddingY
     })
-  }, props.children), /*#__PURE__*/React__default.createElement(ModalFooter, {
+  }, props.children)), /*#__PURE__*/React__default.createElement(ModalFooter, {
     footerLeadingComponent: props.footerLeadingComponent,
     footerTrailingComponents: props.footerTrailingComponents
   })));
@@ -4330,9 +4334,8 @@ var CheckboxListModal = function CheckboxListModal(_ref) {
         text: texts.cancelLabel,
         onClick: handleOnCloseClick
       }
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "max-h-135 overflow-y-auto"
+    },
+    scrollableContent: true
   }, isLoadingInitialItems && /*#__PURE__*/React.createElement(LoadingIndicator, null), hasSearch && !isLoadingInitialItems && /*#__PURE__*/React.createElement(SearchInput, {
     className: "w-130 mb-2",
     value: search,
@@ -4343,7 +4346,7 @@ var CheckboxListModal = function CheckboxListModal(_ref) {
     onChange: handleOnItemChange
   }), !isLoadingInitialItems && (items == null ? void 0 : items.length) === 0 && /*#__PURE__*/React.createElement(Text, {
     text: texts.emptyState
-  })));
+  }));
 };
 
 var TEXT_TYPE_OPTIONS = {