react-better-html 1.1.143 → 1.1.145

package/dist/index.mjs

@@ -3266,6 +3266,7 @@ var ModalComponent = forwardRef6(function Modal({
   headerBackgroundColor,
   name,
   overflow,
+  withoutCloseButton,
   onOpen,
   onClose,
   children
@@ -3300,6 +3301,15 @@ var ModalComponent = forwardRef6(function Modal({
       setIsOpenedLate(false);
     }, 0.2 * 1e3);
   }, [onClose, urlQuery, name]);
+  const onKeyDown = useCallback6(
+    (event) => {
+      if (event.key === "Escape") {
+        if (!withoutCloseButton) return;
+        event.preventDefault();
+      }
+    },
+    [withoutCloseButton]
+  );
   useImperativeHandle(
     ref,
     () => {
@@ -3319,6 +3329,7 @@ var ModalComponent = forwardRef6(function Modal({
         colorTheme,
         opacity: !isOpened ? 0 : 1,
         onClose: onClickClose,
+        onKeyDown,
         ref: dialogRef,
         children: isOpenedLate ? /* @__PURE__ */ jsx11(
           Div_default.column,
@@ -3378,7 +3389,7 @@ var ModalComponent = forwardRef6(function Modal({
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ jsx11(
+                          !withoutCloseButton && /* @__PURE__ */ jsx11(
                             Button_default.icon,
                             {
                               icon: "XMark",
@@ -3392,7 +3403,7 @@ var ModalComponent = forwardRef6(function Modal({
                       }
                     ),
                     /* @__PURE__ */ jsx11(Divider_default.horizontal, {})
-                  ] }) : /* @__PURE__ */ jsx11(Div_default, { position: "absolute", top: theme2.styles.space, right: theme2.styles.space, children: /* @__PURE__ */ jsx11(Button_default.icon, { icon: "XMark", onClick: onClickClose }) }),
+                  ] }) : /* @__PURE__ */ jsx11(Fragment2, { children: !withoutCloseButton && /* @__PURE__ */ jsx11(Div_default, { position: "absolute", top: theme2.styles.space, right: theme2.styles.space, children: /* @__PURE__ */ jsx11(Button_default.icon, { icon: "XMark", onClick: onClickClose }) }) }),
                   /* @__PURE__ */ jsx11(
                     Div_default,
                     {
@@ -7015,6 +7026,7 @@ var ToggleInput_default = {
         {
           alignItems: "center",
           gap: theme2.styles.gap,
+          isTabAccessed: true,
           onMouseDown: setIsMouseDown.setTrue,
           onMouseUp: setIsMouseDown.setFalse,
           onMouseOut: setIsMouseDown.setFalse,
@@ -7504,14 +7516,14 @@ var TableComponent = forwardRef15(function Table({
           );
         }
         case "expand": {
-          return /* @__PURE__ */ jsx22(
+          return /* @__PURE__ */ jsx22(Div_default, { isTabAccessed: true, children: /* @__PURE__ */ jsx22(
             Icon_default,
             {
               name: "chevronDown",
               transform: `rotate(${expandedRows[itemIndex] ? 180 : 0}deg)`,
               transition: theme2.styles.transition
             }
-          );
+          ) });
         }
         default: {
           return /* @__PURE__ */ jsx22(Fragment6, {});
@@ -7527,8 +7539,10 @@ var TableComponent = forwardRef15(function Table({
           if (oldValue[index] === void 0) {
             const newValue = expandColumn.onlyOneExpanded ? [] : [...oldValue];
             newValue[index] = true;
+            expandColumn.onExpand?.(item, index);
             return newValue;
           }
+          expandColumn.onCollapse?.(item, index);
           return oldValue.map((isExpanded, internalIndex) => internalIndex === index ? !isExpanded : isExpanded);
         });
       } else onClickRow?.(item, index);