@teselagen/ui 0.3.61 → 0.3.62

package/index.cjs.js

@@ -3057,7 +3057,7 @@ function parentIncludesNoChildDataTip(el, count) {
     return false;
   if (!el)
     return false;
-  if (el.classList.contains("no-child-data-tip"))
+  if (el.getAttribute("data-no-child-data-tip"))
     return true;
   return parentIncludesNoChildDataTip(el.parentElement, count + 1);
 }
@@ -55691,17 +55691,23 @@ const _DataTable = class _DataTable extends React$1.Component {
         });
       }
     }, "handleSelectAllRows"));
+    __publicField(this, "updateValidationHelper", /* @__PURE__ */ __name(() => {
+      const { entities, reduxFormCellValidation } = computePresets(this.props);
+      this.updateValidation(entities, reduxFormCellValidation);
+    }, "updateValidationHelper"));
     __publicField(this, "updateValidation", /* @__PURE__ */ __name((entities, newCellValidate) => {
       const { change, schema } = computePresets(this.props);
+      const tableWideErr = validateTableWideErrors({
+        entities,
+        schema,
+        newCellValidate,
+        props: this.props
+      });
       change(
         "reduxFormCellValidation",
-        validateTableWideErrors({
-          entities,
-          schema,
-          newCellValidate,
-          props: this.props
-        })
+        tableWideErr
       );
+      this.forceUpdate();
     }, "updateValidation"));
     __publicField(this, "handleDeleteCell", /* @__PURE__ */ __name(() => {
       const {
@@ -56184,7 +56190,7 @@ const _DataTable = class _DataTable extends React$1.Component {
         }
       }, err && {
         "data-tip": (err == null ? void 0 : err.message) || err,
-        "no-child-data-tip": true
+        "data-no-child-data-tip": true
       }), {
         onContextMenu: (e2) => {
           if (!isPrimarySelected) {
@@ -57490,6 +57496,7 @@ const _DataTable = class _DataTable extends React$1.Component {
       );
     }, "renderColumnHeader"));
     if (this.props.helperProp) {
+      this.props.helperProp.updateValidationHelper = this.updateValidationHelper;
       this.props.helperProp.addEditableTableEntities = this.addEditableTableEntities;
       this.props.helperProp.getEditableTableInfoAndThrowFormError = this.getEditableTableInfoAndThrowFormError;
     }

package/index.es.js

@@ -3039,7 +3039,7 @@ function parentIncludesNoChildDataTip(el, count) {
     return false;
   if (!el)
     return false;
-  if (el.classList.contains("no-child-data-tip"))
+  if (el.getAttribute("data-no-child-data-tip"))
     return true;
   return parentIncludesNoChildDataTip(el.parentElement, count + 1);
 }
@@ -55673,17 +55673,23 @@ const _DataTable = class _DataTable extends React__default.Component {
         });
       }
     }, "handleSelectAllRows"));
+    __publicField(this, "updateValidationHelper", /* @__PURE__ */ __name(() => {
+      const { entities, reduxFormCellValidation } = computePresets(this.props);
+      this.updateValidation(entities, reduxFormCellValidation);
+    }, "updateValidationHelper"));
     __publicField(this, "updateValidation", /* @__PURE__ */ __name((entities, newCellValidate) => {
       const { change: change2, schema } = computePresets(this.props);
+      const tableWideErr = validateTableWideErrors({
+        entities,
+        schema,
+        newCellValidate,
+        props: this.props
+      });
       change2(
         "reduxFormCellValidation",
-        validateTableWideErrors({
-          entities,
-          schema,
-          newCellValidate,
-          props: this.props
-        })
+        tableWideErr
       );
+      this.forceUpdate();
     }, "updateValidation"));
     __publicField(this, "handleDeleteCell", /* @__PURE__ */ __name(() => {
       const {
@@ -56166,7 +56172,7 @@ const _DataTable = class _DataTable extends React__default.Component {
         }
       }, err && {
         "data-tip": (err == null ? void 0 : err.message) || err,
-        "no-child-data-tip": true
+        "data-no-child-data-tip": true
       }), {
         onContextMenu: (e2) => {
           if (!isPrimarySelected) {
@@ -57472,6 +57478,7 @@ const _DataTable = class _DataTable extends React__default.Component {
       );
     }, "renderColumnHeader"));
     if (this.props.helperProp) {
+      this.props.helperProp.updateValidationHelper = this.updateValidationHelper;
       this.props.helperProp.addEditableTableEntities = this.addEditableTableEntities;
       this.props.helperProp.getEditableTableInfoAndThrowFormError = this.getEditableTableInfoAndThrowFormError;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.3.61",
+  "version": "0.3.62",
   "main": "./src/index.js",
   "exports": {
     ".": {

package/src/DataTable/index.js

@@ -99,6 +99,7 @@ class DataTable extends React.Component {
   constructor(props) {
     super(props);
     if (this.props.helperProp) {
+      this.props.helperProp.updateValidationHelper = this.updateValidationHelper;
       this.props.helperProp.addEditableTableEntities =
         this.addEditableTableEntities;
       this.props.helperProp.getEditableTableInfoAndThrowFormError =
@@ -797,18 +798,24 @@ class DataTable extends React.Component {
       });
     }
   };
+  updateValidationHelper = () => {
+    const { entities, reduxFormCellValidation, } = computePresets(this.props);
+    this.updateValidation(entities, reduxFormCellValidation);
+  }
 
   updateValidation = (entities, newCellValidate) => {
     const { change, schema } = computePresets(this.props);
+    const tableWideErr = validateTableWideErrors({
+      entities,
+      schema,
+      newCellValidate,
+      props: this.props
+    })
     change(
       "reduxFormCellValidation",
-      validateTableWideErrors({
-        entities,
-        schema,
-        newCellValidate,
-        props: this.props
-      })
+      tableWideErr
     );
+    this.forceUpdate()
   };
   handleDeleteCell = () => {
     const {
@@ -2030,7 +2037,7 @@ class DataTable extends React.Component {
       },
       ...(err && {
         "data-tip": err?.message || err,
-        "no-child-data-tip": true
+        "data-no-child-data-tip": true
       }),
       onContextMenu: e => {
         if (!isPrimarySelected) {

package/src/autoTooltip.js

@@ -194,6 +194,7 @@ let clearMe;
 function parentIncludesNoChildDataTip(el, count) {
   if (count > 4) return false;
   if (!el) return false;
-  if (el.classList.contains("no-child-data-tip")) return true;
+  // if attr data-no-child-data-tip is preset on the element, then we don't want to show a tooltip on any of its children
+  if (el.getAttribute("data-no-child-data-tip")) return true;
   return parentIncludesNoChildDataTip(el.parentElement, count + 1);
 }