@loomhq/lens 11.5.1 → 11.6.0

package/dist/components/modal/modal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 declare const ModalCardWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, ModalCardProps, object>;
-export declare const ModalCard: ({ children, onCloseClick, isOpen, maxWidth, maxHeight, placement, ariaLabel, ref, ...props }: ModalCardProps & React.ComponentProps<typeof ModalCardWrapper>) => React.JSX.Element;
+export declare const ModalCard: ({ children, onCloseClick, isOpen, maxWidth, maxHeight, placement, ariaLabel, ref, removeClose, ...props }: ModalCardProps & React.ComponentProps<typeof ModalCardWrapper>) => React.JSX.Element;
 declare const Modal: React.ForwardRefExoticComponent<Omit<ModalProps & {
     isOpen?: boolean;
     children?: React.ReactNode;
@@ -47,5 +47,10 @@ type ModalCardProps = {
     maxHeight?: number | string;
     maxWidth?: number | string;
     ariaLabel?: string;
+    /**
+     * Use sparingly, and always provide a way for the user to continue or close out.
+     * Useful for cases where there are mandatory steps.
+     */
+    removeClose?: boolean;
 };
 export default Modal;

package/dist/index.js

@@ -3541,7 +3541,8 @@ var ModalCard = (_a) => {
     maxHeight = "70vh",
     placement = "center",
     ariaLabel,
-    ref
+    ref,
+    removeClose
   } = _b, props = __objRest(_b, [
     "children",
     "onCloseClick",
@@ -3550,13 +3551,16 @@ var ModalCard = (_a) => {
     "maxHeight",
     "placement",
     "ariaLabel",
-    "ref"
+    "ref",
+    "removeClose"
   ]);
   useEffect3(() => {
     const keyListener = (e) => {
       if (e.key === "Escape") {
         e.preventDefault();
-        onCloseClick(e);
+        if (!removeClose) {
+          onCloseClick(e);
+        }
       }
     };
     window.addEventListener("keydown", keyListener);
@@ -3585,7 +3589,7 @@ var ModalCard = (_a) => {
         ref,
         "aria-label": ariaLabel
       }, props),
-      onCloseClick && /* @__PURE__ */ React25.createElement(CloseIconSection, null, /* @__PURE__ */ React25.createElement(
+      !removeClose && onCloseClick && /* @__PURE__ */ React25.createElement(CloseIconSection, null, /* @__PURE__ */ React25.createElement(
         icon_button_default,
         {
           altText: "Close",
@@ -3593,7 +3597,13 @@ var ModalCard = (_a) => {
           onClick: onCloseClick
         }
       )),
-      /* @__PURE__ */ React25.createElement(ModalCardChildrenSection, null, children)
+      /* @__PURE__ */ React25.createElement(
+        ModalCardChildrenSection,
+        {
+          tabIndex: removeClose ? 0 : -1
+        },
+        children
+      )
     )
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "11.5.1",
+  "version": "11.6.0",
   "engines": {
     "pnpm": "^8.9.2"
   },