@economic/taco 2.58.2-EC-64961.14 → 2.60.0

package/dist/taco.cjs

@@ -37314,13 +37314,26 @@ function Body(props) {
       }
     }
   };
-  const handleMouseMove = React.useCallback((event) => {
-    var _a, _b;
-    const index2 = (_b = (_a = event.target) == null ? void 0 : _a.closest("tr")) == null ? void 0 : _b.getAttribute("data-row-index");
-    if (index2) {
-      tableMeta.rowActive.setRowHoverIndex(Number.parseInt(index2));
-    }
-  }, []);
+  const handleMouseMove = React.useCallback(
+    (event) => {
+      var _a, _b;
+      if (!(event.target instanceof HTMLElement)) {
+        return;
+      }
+      const currentTable = (_a = ref.current) == null ? void 0 : _a.closest("table");
+      const targetTable = event.target.closest("table");
+      if (targetTable !== currentTable) {
+        return;
+      }
+      const rowIndex = (_b = event.target.closest("tr[data-row-id]")) == null ? void 0 : _b.getAttribute("data-row-index");
+      if (!rowIndex) {
+        tableMeta.rowActive.setRowHoverIndex(void 0);
+        return;
+      }
+      tableMeta.rowActive.setRowHoverIndex(Number(rowIndex));
+    },
+    [ref]
+  );
   const handleMouseLeave = React.useCallback(() => tableMeta.rowActive.setRowHoverIndex(void 0), []);
   return /* @__PURE__ */ React.createElement(
     "tbody",
@@ -43414,19 +43427,20 @@ function Control(props) {
     }
   }, [controlRenderer]);
   if (typeof controlRenderer === "function") {
-    return React.cloneElement(
-      controlRenderer(
-        {
-          ...attributes,
-          setValue: (value2) => onChange(value2),
-          value
-        },
-        void 0,
-        filters
-      ),
-      { ["data-query-selector"]: querySelector, className: "focus:yt-focus" }
+    const control = controlRenderer(
+      {
+        ...attributes,
+        setValue: (value2) => onChange(value2),
+        value
+      },
+      void 0,
+      filters
     );
-  } else if (controlRenderer === "datepicker" || dataType === "datetime" || dataType === "date") {
+    if (control) {
+      return React.cloneElement(control, { ["data-query-selector"]: querySelector, className: "focus:yt-focus" });
+    }
+  }
+  if (controlRenderer === "datepicker" || dataType === "datetime" || dataType === "date") {
     return /* @__PURE__ */ React.createElement(Datepicker, { ...attributes, onChange: (event) => onChange(event.detail), value });
   } else if (controlRenderer === "switch") {
     return /* @__PURE__ */ React.createElement(Switch$1, { ...attributes, className: "m-1.5", checked: Boolean(value), onChange });
@@ -53551,7 +53565,7 @@ function useTableEditing(isEnabled = false, handleSave, handleChange, handleCrea
     validator
   );
   function toggleEditing(enabled, table, scrollToIndex) {
-    var _a;
+    var _a, _b;
     const tableMeta = table.options.meta;
     if (enabled) {
       const index2 = tableMeta.rowActive.rowActiveIndex ?? 0;
@@ -53567,6 +53581,7 @@ function useTableEditing(isEnabled = false, handleSave, handleChange, handleCrea
     }
     setEditing(enabled);
     pendingChangesFns.saveChanges(table);
+    (_b = tableMeta.onEvent) == null ? void 0 : _b.call(tableMeta, "editing-mode", { enabled });
   }
   async function createRow2(table, row) {
     if (!handleCreate) {
@@ -54377,9 +54392,7 @@ function Editing(props) {
   const ref = React.useRef(null);
   const tableMeta = table.options.meta;
   const handleChange = (enabled) => {
-    var _a;
     tableMeta.editing.toggleEditing(enabled, table, scrollToIndex);
-    (_a = tableMeta.onEvent) == null ? void 0 : _a.call(tableMeta, "editing-mode", { enabled });
   };
   const tooltip = /* @__PURE__ */ React.createElement(React.Fragment, null, texts.table3.editing.buttons.edit.tooltip, /* @__PURE__ */ React.createElement(Shortcut, { className: "ml-2", keys: shortcut }));
   return /* @__PURE__ */ React.createElement(Tooltip$3, { title: tooltip }, /* @__PURE__ */ React.createElement(ModeSwitch, { "data-table": "editing-toggle", checked: tableMeta.editing.isEditing, onChange: handleChange, ref }));