@luscii-healthtech/web-ui 2.19.4 → 2.19.6

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

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

package/dist/web-ui-tailwind.css

@@ -1691,10 +1691,6 @@ video {
   padding-left: 0.25rem;
 }
 
-.pr-4 {
-  padding-right: 1rem;
-}
-
 .pl-4 {
   padding-left: 1rem;
 }

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

@@ -1749,9 +1749,7 @@ var ModalBase = function ModalBase(props) {
       _props$withContentPad = props.withContentPaddingY,
       withContentPaddingY = _props$withContentPad === void 0 ? true : _props$withContentPad,
       _props$isOpen = props.isOpen,
-      isOpen = _props$isOpen === void 0 ? false : _props$isOpen,
-      _props$shouldCloseOnO = props.shouldCloseOnOverlayClick,
-      shouldCloseOnOverlayClick = _props$shouldCloseOnO === void 0 ? true : _props$shouldCloseOnO;
+      isOpen = _props$isOpen === void 0 ? false : _props$isOpen;
   ReactModal.setAppElement("body");
   return /*#__PURE__*/React__default.createElement("div", {
     "data-test-id": "clicking-propagation-preventer",
@@ -1765,7 +1763,7 @@ var ModalBase = function ModalBase(props) {
     overlayClassName: classNames("px-2 py-15", "z-20", "fixed top-0 bottom-0 left-0 right-0", "overflow-x-hidden overflow-y-auto", "bg-overlay"),
     onRequestClose: props.onCloseClick,
     shouldFocusAfterRender: false,
-    shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
+    shouldCloseOnOverlayClick: false,
     className: classNames("my-0 mx-auto", "relative", "bg-white outline-none rounded-lg shadow-lg", {
       "mt-17": props.withExtraMarginTop,
       "w-80": size === "small",
@@ -2747,7 +2745,6 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
     isOpen: props.isOpen,
     withExtraMarginTop: true,
     onCloseClick: handleOnCloseClick,
-    shouldCloseOnOverlayClick: false,
     footerTrailingComponents: {
       primaryButtonProps: {
         text: props.texts.confirmLabel,
@@ -4323,7 +4320,6 @@ var CheckboxListModal = function CheckboxListModal(_ref) {
     isOpen: isOpen,
     title: texts.title,
     onCloseClick: handleOnCloseClick,
-    shouldCloseOnOverlayClick: true,
     footerTrailingComponents: {
       primaryButtonProps: {
         text: texts.confirmLabel,
@@ -4335,7 +4331,7 @@ var CheckboxListModal = function CheckboxListModal(_ref) {
       }
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "max-h-135 overflow-y-auto pr-4"
+    className: "max-h-135 overflow-y-auto"
   }, isLoadingInitialItems && /*#__PURE__*/React.createElement(LoadingIndicator, null), hasSearch && !isLoadingInitialItems && /*#__PURE__*/React.createElement(SearchInput, {
     className: "w-130 mb-2",
     value: search,
@@ -6585,7 +6581,6 @@ var ImagePickerInner = function ImagePickerInner(_ref) {
   }))), /*#__PURE__*/React__default.createElement(ModalBase, {
     size: "wide",
     onCloseClick: handleCloseModal,
-    shouldCloseOnOverlayClick: true,
     footerTrailingComponents: {
       primaryButtonProps: {
         onClick: handleConfirmSelection,