@teselagen/ove 0.3.47 → 0.3.48

package/index.cjs.js

@@ -3023,11 +3023,11 @@ let clearMe;
           dataAvoid,
           dataAvoidBackup
         };
-        if (dataTip) {
+        if (dataTip && !document.body.classList.contains("drag-active")) {
           inner2(dataTip, el, opts2);
           break;
         } else if (isEllipsized && el.offsetWidth < el.scrollWidth - 4 && //the -4 is adding a teeny bit of tolerance to fix issues with the column headers getting tooltips even when fully visible
-        !el.classList.contains("no-data-tip") && el.textContent && ((_b2 = (_a2 = el.textContent) == null ? void 0 : _a2.trim) == null ? void 0 : _b2.call(_a2).length) !== 0) {
+        !el.classList.contains("no-data-tip") && !document.body.classList.contains("drag-active") && el.textContent && ((_b2 = (_a2 = el.textContent) == null ? void 0 : _a2.trim) == null ? void 0 : _b2.call(_a2).length) !== 0) {
           inner2(el.textContent, el, opts2);
           break;
         } else if (isEllipsized && el.offsetWidth >= el.scrollWidth)
@@ -4408,63 +4408,89 @@ var axiosExports = axios$3.exports;
 var axios = axiosExports;
 const axios$1 = /* @__PURE__ */ getDefaultExportFromCjs(axios);
 var propTypes$1 = { exports: {} };
-var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
-var ReactPropTypesSecret = ReactPropTypesSecret_1;
-function emptyFunction() {
-}
-__name(emptyFunction, "emptyFunction");
-function emptyFunctionWithReset() {
-}
-__name(emptyFunctionWithReset, "emptyFunctionWithReset");
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-var factoryWithThrowingShims = /* @__PURE__ */ __name(function() {
-  function shim2(props, propName2, componentName, location2, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      return;
+var ReactPropTypesSecret_1;
+var hasRequiredReactPropTypesSecret;
+function requireReactPropTypesSecret() {
+  if (hasRequiredReactPropTypesSecret)
+    return ReactPropTypesSecret_1;
+  hasRequiredReactPropTypesSecret = 1;
+  var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  ReactPropTypesSecret_1 = ReactPropTypesSecret;
+  return ReactPropTypesSecret_1;
+}
+__name(requireReactPropTypesSecret, "requireReactPropTypesSecret");
+var factoryWithThrowingShims;
+var hasRequiredFactoryWithThrowingShims;
+function requireFactoryWithThrowingShims() {
+  if (hasRequiredFactoryWithThrowingShims)
+    return factoryWithThrowingShims;
+  hasRequiredFactoryWithThrowingShims = 1;
+  var ReactPropTypesSecret = requireReactPropTypesSecret();
+  function emptyFunction() {
+  }
+  __name(emptyFunction, "emptyFunction");
+  function emptyFunctionWithReset() {
+  }
+  __name(emptyFunctionWithReset, "emptyFunctionWithReset");
+  emptyFunctionWithReset.resetWarningCache = emptyFunction;
+  factoryWithThrowingShims = /* @__PURE__ */ __name(function() {
+    function shim2(props, propName2, componentName, location2, propFullName, secret) {
+      if (secret === ReactPropTypesSecret) {
+        return;
+      }
+      var err2 = new Error(
+        "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+      );
+      err2.name = "Invariant Violation";
+      throw err2;
     }
-    var err2 = new Error(
-      "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-    );
-    err2.name = "Invariant Violation";
-    throw err2;
-  }
-  __name(shim2, "shim");
-  shim2.isRequired = shim2;
-  function getShim() {
-    return shim2;
-  }
-  __name(getShim, "getShim");
-  var ReactPropTypes = {
-    array: shim2,
-    bigint: shim2,
-    bool: shim2,
-    func: shim2,
-    number: shim2,
-    object: shim2,
-    string: shim2,
-    symbol: shim2,
-    any: shim2,
-    arrayOf: getShim,
-    element: shim2,
-    elementType: shim2,
-    instanceOf: getShim,
-    node: shim2,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-  ReactPropTypes.PropTypes = ReactPropTypes;
-  return ReactPropTypes;
-}, "factoryWithThrowingShims");
-{
-  propTypes$1.exports = factoryWithThrowingShims();
-}
-var propTypesExports = propTypes$1.exports;
+    __name(shim2, "shim");
+    shim2.isRequired = shim2;
+    function getShim() {
+      return shim2;
+    }
+    __name(getShim, "getShim");
+    var ReactPropTypes = {
+      array: shim2,
+      bigint: shim2,
+      bool: shim2,
+      func: shim2,
+      number: shim2,
+      object: shim2,
+      string: shim2,
+      symbol: shim2,
+      any: shim2,
+      arrayOf: getShim,
+      element: shim2,
+      elementType: shim2,
+      instanceOf: getShim,
+      node: shim2,
+      objectOf: getShim,
+      oneOf: getShim,
+      oneOfType: getShim,
+      shape: getShim,
+      exact: getShim,
+      checkPropTypes: emptyFunctionWithReset,
+      resetWarningCache: emptyFunction
+    };
+    ReactPropTypes.PropTypes = ReactPropTypes;
+    return ReactPropTypes;
+  }, "factoryWithThrowingShims");
+  return factoryWithThrowingShims;
+}
+__name(requireFactoryWithThrowingShims, "requireFactoryWithThrowingShims");
+var hasRequiredPropTypes;
+function requirePropTypes() {
+  if (hasRequiredPropTypes)
+    return propTypes$1.exports;
+  hasRequiredPropTypes = 1;
+  {
+    propTypes$1.exports = requireFactoryWithThrowingShims()();
+  }
+  return propTypes$1.exports;
+}
+__name(requirePropTypes, "requirePropTypes");
+var propTypesExports = requirePropTypes();
 const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
 function __awaiter$1(thisArg, _arguments, P2, generator) {
   function adopt(value) {
@@ -18516,7 +18542,15 @@ var _objectKeys = Object.keys || /* @__PURE__ */ __name(function keys(O2) {
 var _objectGops = {};
 _objectGops.f = Object.getOwnPropertySymbols;
 var _objectPie = {};
-_objectPie.f = {}.propertyIsEnumerable;
+var hasRequired_objectPie;
+function require_objectPie() {
+  if (hasRequired_objectPie)
+    return _objectPie;
+  hasRequired_objectPie = 1;
+  _objectPie.f = {}.propertyIsEnumerable;
+  return _objectPie;
+}
+__name(require_objectPie, "require_objectPie");
 var defined$1 = _defined;
 var _toObject = /* @__PURE__ */ __name(function(it) {
   return Object(defined$1(it));
@@ -18530,7 +18564,7 @@ function require_objectAssign() {
   var DESCRIPTORS2 = require_descriptors();
   var getKeys2 = _objectKeys;
   var gOPS2 = _objectGops;
-  var pIE2 = _objectPie;
+  var pIE2 = require_objectPie();
   var toObject2 = _toObject;
   var IObject2 = require_iobject();
   var $assign = Object.assign;
@@ -19167,7 +19201,7 @@ var _wksDefine = /* @__PURE__ */ __name(function(name2) {
 }, "_wksDefine");
 var getKeys = _objectKeys;
 var gOPS$1 = _objectGops;
-var pIE$1 = _objectPie;
+var pIE$1 = require_objectPie();
 var _enumKeys = /* @__PURE__ */ __name(function(it) {
   var result = getKeys(it);
   var getSymbols2 = gOPS$1.f;
@@ -19208,7 +19242,7 @@ _objectGopnExt.f = /* @__PURE__ */ __name(function getOwnPropertyNames2(it) {
   return windowNames && toString$5.call(it) == "[object Window]" ? getWindowNames(it) : gOPN$1(toIObject$2(it));
 }, "getOwnPropertyNames");
 var _objectGopd = {};
-var pIE = _objectPie;
+var pIE = require_objectPie();
 var createDesc$1 = _propertyDesc;
 var toIObject$1 = _toIobject;
 var toPrimitive$1 = _toPrimitive$1;
@@ -19388,7 +19422,7 @@ if (!USE_NATIVE) {
   $GOPD.f = $getOwnPropertyDescriptor;
   $DP.f = $defineProperty$1;
   _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
-  _objectPie.f = $propertyIsEnumerable;
+  require_objectPie().f = $propertyIsEnumerable;
   $GOPS.f = $getOwnPropertySymbols;
   if (DESCRIPTORS && !_library) {
     redefine(ObjectProto, "propertyIsEnumerable", $propertyIsEnumerable);
@@ -22711,7 +22745,7 @@ var reactList = {};
 (function(exports2) {
   (function(global2, factory) {
     {
-      factory(exports2, propTypesExports, React$2);
+      factory(exports2, requirePropTypes(), React$2);
     }
   })(commonjsGlobal, function(_exports, _propTypes2, _react3) {
     Object.defineProperty(_exports, "__esModule", {
@@ -53981,18 +54015,24 @@ const _SortableColumns = class _SortableColumns extends React$2.Component {
       const className = e2.target.className;
       return e2.target instanceof SVGElement || className.indexOf("rt-resizer") > -1;
     }, "shouldCancelStart"));
-    __publicField(this, "onSortEnd", /* @__PURE__ */ __name(({ oldIndex, newIndex }) => {
+    __publicField(this, "onSortEnd", /* @__PURE__ */ __name((...args) => {
+      const { oldIndex, newIndex } = args[0];
+      document.body.classList.remove("drag-active");
       this.props.moveColumn({
         oldIndex,
         newIndex
       });
     }, "onSortEnd"));
+    __publicField(this, "onSortStart", /* @__PURE__ */ __name(() => {
+      document.body.classList.add("drag-active");
+    }, "onSortStart"));
   }
   render() {
     return /* @__PURE__ */ React$2.createElement(
       SortableCustomTheadComponent,
       __spreadProps(__spreadValues({}, this.props), {
         lockAxis: "x",
+        onSortStart: this.onSortStart,
         axis: "x",
         distance: 10,
         helperClass: "above-dialog",
@@ -72651,7 +72691,7 @@ Object.defineProperty(DraggableCore$2, "__esModule", {
 });
 DraggableCore$2.default = void 0;
 var React$1 = _interopRequireWildcard(React$2);
-var _propTypes = _interopRequireDefault(propTypesExports);
+var _propTypes = _interopRequireDefault(requirePropTypes());
 var _reactDom = _interopRequireDefault(ReactDOM$1);
 var _domFns = domFns;
 var _positionFns = positionFns;
@@ -73245,7 +73285,7 @@ _defineProperty$3(DraggableCore$1, "defaultProps", {
   });
   exports2.default = void 0;
   var React2 = _interopRequireWildcard2(React$2);
-  var _propTypes2 = _interopRequireDefault2(propTypesExports);
+  var _propTypes2 = _interopRequireDefault2(requirePropTypes());
   var _reactDom2 = _interopRequireDefault2(ReactDOM$1);
   var _clsx2 = _interopRequireDefault2(require$$3);
   var _domFns2 = domFns;
@@ -125351,7 +125391,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 __name(showFileDialog, "showFileDialog");
 const name = "@teselagen/ove";
-const version = "0.3.46";
+const version = "0.3.47";
 const main = "./src/index.js";
 const exports$1 = {
   ".": {
@@ -135018,7 +135058,8 @@ function DrawAnnotationInner({
       "g",
       __spreadValues(__spreadProps(__spreadValues({
         transform: transform3,
-        "data-title": noTitle ? null : titleText
+        "data-title": noTitle ? null : titleText,
+        title: noTitle ? null : titleText
       }, avoidOverlapWith), {
         key: isNotLocation ? "notLocation" : "location--" + annotation.id + "--" + i
       }), sharedProps),
@@ -135331,7 +135372,8 @@ const DrawLabelGroup = withHover(function({
         "text",
         __spreadProps(__spreadValues({
           key: "text",
-          "data-title": label.title || label.text
+          "data-title": label.title || label.text,
+          title: label.title || label.text
         }, avoidOverlapWith), {
           x: labelXStart,
           textLength: getTextLength(text2) * fontWidth,
@@ -135395,7 +135437,8 @@ const DrawGroupInnerLabel = withHover(
     return /* @__PURE__ */ React$2.createElement(
       "tspan",
       __spreadProps(__spreadValues(__spreadProps(__spreadValues({
-        "data-title": label.title
+        "data-title": label.title,
+        title: label.title
       }, avoidOverlapWith), {
         x: labelXStart,
         textLength: getTextLength(label.text) * fontWidth,

package/index.es.js

@@ -3005,11 +3005,11 @@ let clearMe;
           dataAvoid,
           dataAvoidBackup
         };
-        if (dataTip) {
+        if (dataTip && !document.body.classList.contains("drag-active")) {
           inner2(dataTip, el, opts2);
           break;
         } else if (isEllipsized && el.offsetWidth < el.scrollWidth - 4 && //the -4 is adding a teeny bit of tolerance to fix issues with the column headers getting tooltips even when fully visible
-        !el.classList.contains("no-data-tip") && el.textContent && ((_b2 = (_a2 = el.textContent) == null ? void 0 : _a2.trim) == null ? void 0 : _b2.call(_a2).length) !== 0) {
+        !el.classList.contains("no-data-tip") && !document.body.classList.contains("drag-active") && el.textContent && ((_b2 = (_a2 = el.textContent) == null ? void 0 : _a2.trim) == null ? void 0 : _b2.call(_a2).length) !== 0) {
           inner2(el.textContent, el, opts2);
           break;
         } else if (isEllipsized && el.offsetWidth >= el.scrollWidth)
@@ -4390,63 +4390,89 @@ var axiosExports = axios$3.exports;
 var axios = axiosExports;
 const axios$1 = /* @__PURE__ */ getDefaultExportFromCjs(axios);
 var propTypes$1 = { exports: {} };
-var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
-var ReactPropTypesSecret = ReactPropTypesSecret_1;
-function emptyFunction() {
-}
-__name(emptyFunction, "emptyFunction");
-function emptyFunctionWithReset() {
-}
-__name(emptyFunctionWithReset, "emptyFunctionWithReset");
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-var factoryWithThrowingShims = /* @__PURE__ */ __name(function() {
-  function shim2(props, propName2, componentName, location2, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      return;
+var ReactPropTypesSecret_1;
+var hasRequiredReactPropTypesSecret;
+function requireReactPropTypesSecret() {
+  if (hasRequiredReactPropTypesSecret)
+    return ReactPropTypesSecret_1;
+  hasRequiredReactPropTypesSecret = 1;
+  var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  ReactPropTypesSecret_1 = ReactPropTypesSecret;
+  return ReactPropTypesSecret_1;
+}
+__name(requireReactPropTypesSecret, "requireReactPropTypesSecret");
+var factoryWithThrowingShims;
+var hasRequiredFactoryWithThrowingShims;
+function requireFactoryWithThrowingShims() {
+  if (hasRequiredFactoryWithThrowingShims)
+    return factoryWithThrowingShims;
+  hasRequiredFactoryWithThrowingShims = 1;
+  var ReactPropTypesSecret = requireReactPropTypesSecret();
+  function emptyFunction() {
+  }
+  __name(emptyFunction, "emptyFunction");
+  function emptyFunctionWithReset() {
+  }
+  __name(emptyFunctionWithReset, "emptyFunctionWithReset");
+  emptyFunctionWithReset.resetWarningCache = emptyFunction;
+  factoryWithThrowingShims = /* @__PURE__ */ __name(function() {
+    function shim2(props, propName2, componentName, location2, propFullName, secret) {
+      if (secret === ReactPropTypesSecret) {
+        return;
+      }
+      var err2 = new Error(
+        "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+      );
+      err2.name = "Invariant Violation";
+      throw err2;
     }
-    var err2 = new Error(
-      "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-    );
-    err2.name = "Invariant Violation";
-    throw err2;
-  }
-  __name(shim2, "shim");
-  shim2.isRequired = shim2;
-  function getShim() {
-    return shim2;
-  }
-  __name(getShim, "getShim");
-  var ReactPropTypes = {
-    array: shim2,
-    bigint: shim2,
-    bool: shim2,
-    func: shim2,
-    number: shim2,
-    object: shim2,
-    string: shim2,
-    symbol: shim2,
-    any: shim2,
-    arrayOf: getShim,
-    element: shim2,
-    elementType: shim2,
-    instanceOf: getShim,
-    node: shim2,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-  ReactPropTypes.PropTypes = ReactPropTypes;
-  return ReactPropTypes;
-}, "factoryWithThrowingShims");
-{
-  propTypes$1.exports = factoryWithThrowingShims();
-}
-var propTypesExports = propTypes$1.exports;
+    __name(shim2, "shim");
+    shim2.isRequired = shim2;
+    function getShim() {
+      return shim2;
+    }
+    __name(getShim, "getShim");
+    var ReactPropTypes = {
+      array: shim2,
+      bigint: shim2,
+      bool: shim2,
+      func: shim2,
+      number: shim2,
+      object: shim2,
+      string: shim2,
+      symbol: shim2,
+      any: shim2,
+      arrayOf: getShim,
+      element: shim2,
+      elementType: shim2,
+      instanceOf: getShim,
+      node: shim2,
+      objectOf: getShim,
+      oneOf: getShim,
+      oneOfType: getShim,
+      shape: getShim,
+      exact: getShim,
+      checkPropTypes: emptyFunctionWithReset,
+      resetWarningCache: emptyFunction
+    };
+    ReactPropTypes.PropTypes = ReactPropTypes;
+    return ReactPropTypes;
+  }, "factoryWithThrowingShims");
+  return factoryWithThrowingShims;
+}
+__name(requireFactoryWithThrowingShims, "requireFactoryWithThrowingShims");
+var hasRequiredPropTypes;
+function requirePropTypes() {
+  if (hasRequiredPropTypes)
+    return propTypes$1.exports;
+  hasRequiredPropTypes = 1;
+  {
+    propTypes$1.exports = requireFactoryWithThrowingShims()();
+  }
+  return propTypes$1.exports;
+}
+__name(requirePropTypes, "requirePropTypes");
+var propTypesExports = requirePropTypes();
 const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
 function __awaiter$1(thisArg, _arguments, P2, generator) {
   function adopt(value) {
@@ -18498,7 +18524,15 @@ var _objectKeys = Object.keys || /* @__PURE__ */ __name(function keys(O2) {
 var _objectGops = {};
 _objectGops.f = Object.getOwnPropertySymbols;
 var _objectPie = {};
-_objectPie.f = {}.propertyIsEnumerable;
+var hasRequired_objectPie;
+function require_objectPie() {
+  if (hasRequired_objectPie)
+    return _objectPie;
+  hasRequired_objectPie = 1;
+  _objectPie.f = {}.propertyIsEnumerable;
+  return _objectPie;
+}
+__name(require_objectPie, "require_objectPie");
 var defined$1 = _defined;
 var _toObject = /* @__PURE__ */ __name(function(it) {
   return Object(defined$1(it));
@@ -18512,7 +18546,7 @@ function require_objectAssign() {
   var DESCRIPTORS2 = require_descriptors();
   var getKeys2 = _objectKeys;
   var gOPS2 = _objectGops;
-  var pIE2 = _objectPie;
+  var pIE2 = require_objectPie();
   var toObject2 = _toObject;
   var IObject2 = require_iobject();
   var $assign = Object.assign;
@@ -19149,7 +19183,7 @@ var _wksDefine = /* @__PURE__ */ __name(function(name2) {
 }, "_wksDefine");
 var getKeys = _objectKeys;
 var gOPS$1 = _objectGops;
-var pIE$1 = _objectPie;
+var pIE$1 = require_objectPie();
 var _enumKeys = /* @__PURE__ */ __name(function(it) {
   var result = getKeys(it);
   var getSymbols2 = gOPS$1.f;
@@ -19190,7 +19224,7 @@ _objectGopnExt.f = /* @__PURE__ */ __name(function getOwnPropertyNames2(it) {
   return windowNames && toString$5.call(it) == "[object Window]" ? getWindowNames(it) : gOPN$1(toIObject$2(it));
 }, "getOwnPropertyNames");
 var _objectGopd = {};
-var pIE = _objectPie;
+var pIE = require_objectPie();
 var createDesc$1 = _propertyDesc;
 var toIObject$1 = _toIobject;
 var toPrimitive$1 = _toPrimitive$1;
@@ -19370,7 +19404,7 @@ if (!USE_NATIVE) {
   $GOPD.f = $getOwnPropertyDescriptor;
   $DP.f = $defineProperty$1;
   _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
-  _objectPie.f = $propertyIsEnumerable;
+  require_objectPie().f = $propertyIsEnumerable;
   $GOPS.f = $getOwnPropertySymbols;
   if (DESCRIPTORS && !_library) {
     redefine(ObjectProto, "propertyIsEnumerable", $propertyIsEnumerable);
@@ -22693,7 +22727,7 @@ var reactList = {};
 (function(exports2) {
   (function(global2, factory) {
     {
-      factory(exports2, propTypesExports, React__default$1);
+      factory(exports2, requirePropTypes(), React__default$1);
     }
   })(commonjsGlobal, function(_exports, _propTypes2, _react3) {
     Object.defineProperty(_exports, "__esModule", {
@@ -53963,18 +53997,24 @@ const _SortableColumns = class _SortableColumns extends Component {
       const className = e2.target.className;
       return e2.target instanceof SVGElement || className.indexOf("rt-resizer") > -1;
     }, "shouldCancelStart"));
-    __publicField(this, "onSortEnd", /* @__PURE__ */ __name(({ oldIndex, newIndex }) => {
+    __publicField(this, "onSortEnd", /* @__PURE__ */ __name((...args) => {
+      const { oldIndex, newIndex } = args[0];
+      document.body.classList.remove("drag-active");
       this.props.moveColumn({
         oldIndex,
         newIndex
       });
     }, "onSortEnd"));
+    __publicField(this, "onSortStart", /* @__PURE__ */ __name(() => {
+      document.body.classList.add("drag-active");
+    }, "onSortStart"));
   }
   render() {
     return /* @__PURE__ */ React__default$1.createElement(
       SortableCustomTheadComponent,
       __spreadProps(__spreadValues({}, this.props), {
         lockAxis: "x",
+        onSortStart: this.onSortStart,
         axis: "x",
         distance: 10,
         helperClass: "above-dialog",
@@ -72633,7 +72673,7 @@ Object.defineProperty(DraggableCore$2, "__esModule", {
 });
 DraggableCore$2.default = void 0;
 var React$1 = _interopRequireWildcard(React__default$1);
-var _propTypes = _interopRequireDefault(propTypesExports);
+var _propTypes = _interopRequireDefault(requirePropTypes());
 var _reactDom = _interopRequireDefault(ReactDOM$1);
 var _domFns = domFns;
 var _positionFns = positionFns;
@@ -73227,7 +73267,7 @@ _defineProperty$3(DraggableCore$1, "defaultProps", {
   });
   exports2.default = void 0;
   var React2 = _interopRequireWildcard2(React__default$1);
-  var _propTypes2 = _interopRequireDefault2(propTypesExports);
+  var _propTypes2 = _interopRequireDefault2(requirePropTypes());
   var _reactDom2 = _interopRequireDefault2(ReactDOM$1);
   var _clsx2 = _interopRequireDefault2(require$$3);
   var _domFns2 = domFns;
@@ -125333,7 +125373,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 __name(showFileDialog, "showFileDialog");
 const name = "@teselagen/ove";
-const version = "0.3.46";
+const version = "0.3.47";
 const main = "./src/index.js";
 const exports$1 = {
   ".": {
@@ -135000,7 +135040,8 @@ function DrawAnnotationInner({
       "g",
       __spreadValues(__spreadProps(__spreadValues({
         transform: transform3,
-        "data-title": noTitle ? null : titleText
+        "data-title": noTitle ? null : titleText,
+        title: noTitle ? null : titleText
       }, avoidOverlapWith), {
         key: isNotLocation ? "notLocation" : "location--" + annotation.id + "--" + i
       }), sharedProps),
@@ -135313,7 +135354,8 @@ const DrawLabelGroup = withHover(function({
         "text",
         __spreadProps(__spreadValues({
           key: "text",
-          "data-title": label.title || label.text
+          "data-title": label.title || label.text,
+          title: label.title || label.text
         }, avoidOverlapWith), {
           x: labelXStart,
           textLength: getTextLength(text2) * fontWidth,
@@ -135377,7 +135419,8 @@ const DrawGroupInnerLabel = withHover(
     return /* @__PURE__ */ React__default$1.createElement(
       "tspan",
       __spreadProps(__spreadValues(__spreadProps(__spreadValues({
-        "data-title": label.title
+        "data-title": label.title,
+        title: label.title
       }, avoidOverlapWith), {
         x: labelXStart,
         textLength: getTextLength(label.text) * fontWidth,

package/index.umd.js

@@ -10336,11 +10336,11 @@ var __async = (__this, __arguments, generator) => {
     }
     bound = Function("binder", "return function (" + boundArgs.join(",") + "){ return binder.apply(this,arguments); }")(binder);
     if (target.prototype) {
-      var Empty2 = /* @__PURE__ */ __name(function Empty3() {
+      var Empty = /* @__PURE__ */ __name(function Empty2() {
       }, "Empty");
-      Empty2.prototype = target.prototype;
-      bound.prototype = new Empty2();
-      Empty2.prototype = null;
+      Empty.prototype = target.prototype;
+      bound.prototype = new Empty();
+      Empty.prototype = null;
     }
     return bound;
   }, "bind");
@@ -23467,11 +23467,11 @@ var __async = (__this, __arguments, generator) => {
             dataAvoid,
             dataAvoidBackup
           };
-          if (dataTip) {
+          if (dataTip && !document.body.classList.contains("drag-active")) {
             inner2(dataTip, el2, opts2);
             break;
           } else if (isEllipsized && el2.offsetWidth < el2.scrollWidth - 4 && //the -4 is adding a teeny bit of tolerance to fix issues with the column headers getting tooltips even when fully visible
-          !el2.classList.contains("no-data-tip") && el2.textContent && ((_b2 = (_a2 = el2.textContent) == null ? void 0 : _a2.trim) == null ? void 0 : _b2.call(_a2).length) !== 0) {
+          !el2.classList.contains("no-data-tip") && !document.body.classList.contains("drag-active") && el2.textContent && ((_b2 = (_a2 = el2.textContent) == null ? void 0 : _a2.trim) == null ? void 0 : _b2.call(_a2).length) !== 0) {
             inner2(el2.textContent, el2, opts2);
             break;
           } else if (isEllipsized && el2.offsetWidth >= el2.scrollWidth)
@@ -44902,17 +44902,17 @@ ${latestSubscriptionCallbackError.current.stack}
       return val2;
     throw TypeError("Can't convert object to primitive value");
   }, "_toPrimitive$1");
-  var anObject$5 = _anObject;
+  var anObject$3 = _anObject;
   var IE8_DOM_DEFINE$1 = _ie8DomDefine;
   var toPrimitive$2 = _toPrimitive$1;
-  var dP$3 = Object.defineProperty;
+  var dP$2 = Object.defineProperty;
   _objectDp.f = _descriptors ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
-    anObject$5(O2);
+    anObject$3(O2);
     P2 = toPrimitive$2(P2, true);
-    anObject$5(Attributes);
+    anObject$3(Attributes);
     if (IE8_DOM_DEFINE$1)
       try {
-        return dP$3(O2, P2, Attributes);
+        return dP$2(O2, P2, Attributes);
       } catch (e2) {
       }
     if ("get" in Attributes || "set" in Attributes)
@@ -44929,10 +44929,10 @@ ${latestSubscriptionCallbackError.current.stack}
       value
     };
   }, "_propertyDesc");
-  var dP$2 = _objectDp;
+  var dP$1 = _objectDp;
   var createDesc$3 = _propertyDesc;
   var _hide = _descriptors ? function(object2, key2, value) {
-    return dP$2.f(object2, key2, createDesc$3(1, value));
+    return dP$1.f(object2, key2, createDesc$3(1, value));
   } : function(object2, key2, value) {
     object2[key2] = value;
     return object2;
@@ -44946,7 +44946,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var ctx$1 = _ctx;
   var hide$2 = _hide;
   var has$d = _has;
-  var PROTOTYPE$2 = "prototype";
+  var PROTOTYPE$1 = "prototype";
   var $export$8 = /* @__PURE__ */ __name(function(type, name2, source) {
     var IS_FORCED = type & $export$8.F;
     var IS_GLOBAL = type & $export$8.G;
@@ -44955,8 +44955,8 @@ ${latestSubscriptionCallbackError.current.stack}
     var IS_BIND = type & $export$8.B;
     var IS_WRAP = type & $export$8.W;
     var exports3 = IS_GLOBAL ? core$3 : core$3[name2] || (core$3[name2] = {});
-    var expProto = exports3[PROTOTYPE$2];
-    var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name2] : (global$4[name2] || {})[PROTOTYPE$2];
+    var expProto = exports3[PROTOTYPE$1];
+    var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name2] : (global$4[name2] || {})[PROTOTYPE$1];
     var key2, own2, out;
     if (IS_GLOBAL)
       source = name2;
@@ -44980,7 +44980,7 @@ ${latestSubscriptionCallbackError.current.stack}
           }
           return C2.apply(this, arguments);
         }, "F");
-        F2[PROTOTYPE$2] = C2[PROTOTYPE$2];
+        F2[PROTOTYPE$1] = C2[PROTOTYPE$1];
         return F2;
       }(out) : IS_PROTO && typeof out == "function" ? ctx$1(Function.call, out) : out;
       if (IS_PROTO) {
@@ -45003,16 +45003,25 @@ ${latestSubscriptionCallbackError.current.stack}
   var _cof = /* @__PURE__ */ __name(function(it) {
     return toString$4.call(it).slice(8, -1);
   }, "_cof");
-  var cof$2 = _cof;
-  var _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
-    return cof$2(it) == "String" ? it.split("") : Object(it);
-  };
+  var _iobject;
+  var hasRequired_iobject;
+  function require_iobject() {
+    if (hasRequired_iobject)
+      return _iobject;
+    hasRequired_iobject = 1;
+    var cof2 = _cof;
+    _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
+      return cof2(it) == "String" ? it.split("") : Object(it);
+    };
+    return _iobject;
+  }
+  __name(require_iobject, "require_iobject");
   var _defined = /* @__PURE__ */ __name(function(it) {
     if (it == void 0)
       throw TypeError("Can't call method on  " + it);
     return it;
   }, "_defined");
-  var IObject = _iobject;
+  var IObject = require_iobject();
   var defined$2 = _defined;
   var _toIobject = /* @__PURE__ */ __name(function(it) {
     return IObject(defined$2(it));
@@ -45085,14 +45094,14 @@ ${latestSubscriptionCallbackError.current.stack}
   var has$c = _has;
   var toIObject$4 = _toIobject;
   var arrayIndexOf = _arrayIncludes$1(false);
-  var IE_PROTO$2 = _sharedKey("IE_PROTO");
+  var IE_PROTO$1 = _sharedKey("IE_PROTO");
   var _objectKeysInternal = /* @__PURE__ */ __name(function(object2, names2) {
     var O2 = toIObject$4(object2);
     var i2 = 0;
     var result = [];
     var key2;
     for (key2 in O2)
-      if (key2 != IE_PROTO$2)
+      if (key2 != IE_PROTO$1)
         has$c(O2, key2) && result.push(key2);
     while (names2.length > i2)
       if (has$c(O2, key2 = names2[i2++])) {
@@ -45102,9 +45111,9 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "_objectKeysInternal");
   var _enumBugKeys = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",");
   var $keys$3 = _objectKeysInternal;
-  var enumBugKeys$1 = _enumBugKeys;
+  var enumBugKeys = _enumBugKeys;
   var _objectKeys = Object.keys || /* @__PURE__ */ __name(function keys2(O2) {
-    return $keys$3(O2, enumBugKeys$1);
+    return $keys$3(O2, enumBugKeys);
   }, "keys");
   var _objectGops = {};
   _objectGops.f = Object.getOwnPropertySymbols;
@@ -45133,7 +45142,7 @@ ${latestSubscriptionCallbackError.current.stack}
     var gOPS2 = _objectGops;
     var pIE2 = require_objectPie();
     var toObject2 = _toObject;
-    var IObject2 = _iobject;
+    var IObject2 = require_iobject();
     var $assign = Object.assign;
     _objectAssign = !$assign || _fails(function() {
       var A2 = {};
@@ -45194,19 +45203,28 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "_iterStep");
   var _iterators = {};
   var _redefine = _hide;
-  var dP$1 = _objectDp;
-  var anObject$4 = _anObject;
-  var getKeys$1 = _objectKeys;
-  var _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties2) {
-    anObject$4(O2);
-    var keys2 = getKeys$1(Properties2);
-    var length = keys2.length;
-    var i2 = 0;
-    var P2;
-    while (length > i2)
-      dP$1.f(O2, P2 = keys2[i2++], Properties2[P2]);
-    return O2;
-  }, "defineProperties");
+  var _objectDps;
+  var hasRequired_objectDps;
+  function require_objectDps() {
+    if (hasRequired_objectDps)
+      return _objectDps;
+    hasRequired_objectDps = 1;
+    var dP2 = _objectDp;
+    var anObject2 = _anObject;
+    var getKeys2 = _objectKeys;
+    _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties2) {
+      anObject2(O2);
+      var keys2 = getKeys2(Properties2);
+      var length = keys2.length;
+      var i2 = 0;
+      var P2;
+      while (length > i2)
+        dP2.f(O2, P2 = keys2[i2++], Properties2[P2]);
+      return O2;
+    }, "defineProperties");
+    return _objectDps;
+  }
+  __name(require_objectDps, "require_objectDps");
   var _html;
   var hasRequired_html;
   function require_html() {
@@ -45218,42 +45236,51 @@ ${latestSubscriptionCallbackError.current.stack}
     return _html;
   }
   __name(require_html, "require_html");
-  var anObject$3 = _anObject;
-  var dPs = _objectDps;
-  var enumBugKeys = _enumBugKeys;
-  var IE_PROTO$1 = _sharedKey("IE_PROTO");
-  var Empty = /* @__PURE__ */ __name(function() {
-  }, "Empty");
-  var PROTOTYPE$1 = "prototype";
-  var createDict = /* @__PURE__ */ __name(function() {
-    var iframe = require_domCreate()("iframe");
-    var i2 = enumBugKeys.length;
-    var lt = "<";
-    var gt = ">";
-    var iframeDocument;
-    iframe.style.display = "none";
-    require_html().appendChild(iframe);
-    iframe.src = "javascript:";
-    iframeDocument = iframe.contentWindow.document;
-    iframeDocument.open();
-    iframeDocument.write(lt + "script" + gt + "document.F=Object" + lt + "/script" + gt);
-    iframeDocument.close();
-    createDict = iframeDocument.F;
-    while (i2--)
-      delete createDict[PROTOTYPE$1][enumBugKeys[i2]];
-    return createDict();
-  }, "createDict");
-  var _objectCreate = Object.create || /* @__PURE__ */ __name(function create2(O2, Properties2) {
-    var result;
-    if (O2 !== null) {
-      Empty[PROTOTYPE$1] = anObject$3(O2);
-      result = new Empty();
-      Empty[PROTOTYPE$1] = null;
-      result[IE_PROTO$1] = O2;
-    } else
-      result = createDict();
-    return Properties2 === void 0 ? result : dPs(result, Properties2);
-  }, "create");
+  var _objectCreate;
+  var hasRequired_objectCreate;
+  function require_objectCreate() {
+    if (hasRequired_objectCreate)
+      return _objectCreate;
+    hasRequired_objectCreate = 1;
+    var anObject2 = _anObject;
+    var dPs = require_objectDps();
+    var enumBugKeys2 = _enumBugKeys;
+    var IE_PROTO2 = _sharedKey("IE_PROTO");
+    var Empty = /* @__PURE__ */ __name(function() {
+    }, "Empty");
+    var PROTOTYPE2 = "prototype";
+    var createDict = /* @__PURE__ */ __name(function() {
+      var iframe = require_domCreate()("iframe");
+      var i2 = enumBugKeys2.length;
+      var lt = "<";
+      var gt = ">";
+      var iframeDocument;
+      iframe.style.display = "none";
+      require_html().appendChild(iframe);
+      iframe.src = "javascript:";
+      iframeDocument = iframe.contentWindow.document;
+      iframeDocument.open();
+      iframeDocument.write(lt + "script" + gt + "document.F=Object" + lt + "/script" + gt);
+      iframeDocument.close();
+      createDict = iframeDocument.F;
+      while (i2--)
+        delete createDict[PROTOTYPE2][enumBugKeys2[i2]];
+      return createDict();
+    }, "createDict");
+    _objectCreate = Object.create || /* @__PURE__ */ __name(function create2(O2, Properties2) {
+      var result;
+      if (O2 !== null) {
+        Empty[PROTOTYPE2] = anObject2(O2);
+        result = new Empty();
+        Empty[PROTOTYPE2] = null;
+        result[IE_PROTO2] = O2;
+      } else
+        result = createDict();
+      return Properties2 === void 0 ? result : dPs(result, Properties2);
+    }, "create");
+    return _objectCreate;
+  }
+  __name(require_objectCreate, "require_objectCreate");
   var _wks = { exports: {} };
   var store$2 = _sharedExports("wks");
   var uid$1 = _uid;
@@ -45271,7 +45298,7 @@ ${latestSubscriptionCallbackError.current.stack}
     if (it && !has$b(it = stat ? it : it.prototype, TAG$1))
       def(it, TAG$1, { configurable: true, value: tag });
   }, "_setToStringTag");
-  var create$4 = _objectCreate;
+  var create$4 = require_objectCreate();
   var descriptor = _propertyDesc;
   var setToStringTag$2 = _setToStringTag;
   var IteratorPrototype = {};
@@ -45848,7 +45875,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var toIObject = _toIobject;
   var toPrimitive = _toPrimitive$1;
   var createDesc = _propertyDesc;
-  var _create$1 = _objectCreate;
+  var _create$1 = require_objectCreate();
   var gOPNExt = _objectGopnExt;
   var $GOPD = _objectGopd;
   var $GOPS = _objectGops;
@@ -46155,7 +46182,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var setPrototypeOf$1 = _coreExports.Object.setPrototypeOf;
   var setPrototypeOf = { "default": setPrototypeOf$1, __esModule: true };
   var $export = _export;
-  $export($export.S, "Object", { create: _objectCreate });
+  $export($export.S, "Object", { create: require_objectCreate() });
   var $Object = _coreExports.Object;
   var create$3 = /* @__PURE__ */ __name(function create2(P2, D2) {
     return $Object.create(P2, D2);
@@ -83838,18 +83865,24 @@ ${latestSubscriptionCallbackError.current.stack}
         const className = e2.target.className;
         return e2.target instanceof SVGElement || className.indexOf("rt-resizer") > -1;
       }, "shouldCancelStart"));
-      __publicField(this, "onSortEnd", /* @__PURE__ */ __name(({ oldIndex, newIndex }) => {
+      __publicField(this, "onSortEnd", /* @__PURE__ */ __name((...args) => {
+        const { oldIndex, newIndex } = args[0];
+        document.body.classList.remove("drag-active");
         this.props.moveColumn({
           oldIndex,
           newIndex
         });
       }, "onSortEnd"));
+      __publicField(this, "onSortStart", /* @__PURE__ */ __name(() => {
+        document.body.classList.add("drag-active");
+      }, "onSortStart"));
     }
     render() {
       return /* @__PURE__ */ React$2.createElement(
         SortableCustomTheadComponent,
         __spreadProps(__spreadValues({}, this.props), {
           lockAxis: "x",
+          onSortStart: this.onSortStart,
           axis: "x",
           distance: 10,
           helperClass: "above-dialog",
@@ -154579,7 +154612,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(showFileDialog, "showFileDialog");
   const name = "@teselagen/ove";
-  const version = "0.3.46";
+  const version = "0.3.47";
   const main = "./src/index.js";
   const exports$1 = {
     ".": {
@@ -162640,7 +162673,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
         "g",
         __spreadValues(__spreadProps(__spreadValues({
           transform: transform2,
-          "data-title": noTitle ? null : titleText
+          "data-title": noTitle ? null : titleText,
+          title: noTitle ? null : titleText
         }, avoidOverlapWith), {
           key: isNotLocation ? "notLocation" : "location--" + annotation.id + "--" + i2
         }), sharedProps),
@@ -162953,7 +162987,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           "text",
           __spreadProps(__spreadValues({
             key: "text",
-            "data-title": label.title || label.text
+            "data-title": label.title || label.text,
+            title: label.title || label.text
           }, avoidOverlapWith), {
             x: labelXStart,
             textLength: getTextLength(text2) * fontWidth,
@@ -163017,7 +163052,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       return /* @__PURE__ */ React$2.createElement(
         "tspan",
         __spreadProps(__spreadValues(__spreadProps(__spreadValues({
-          "data-title": label.title
+          "data-title": label.title,
+          title: label.title
         }, avoidOverlapWith), {
           x: labelXStart,
           textLength: getTextLength(label.text) * fontWidth,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.3.47",
+  "version": "0.3.48",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -15,7 +15,7 @@
   "dependencies": {
     "@teselagen/sequence-utils": "0.3.9",
     "@teselagen/range-utils": "0.3.7",
-    "@teselagen/ui": "0.3.35",
+    "@teselagen/ui": "0.3.37",
     "@teselagen/file-utils": "0.3.9",
     "@teselagen/bounce-loader": "0.3.11",
     "@teselagen/bio-parsers": "0.4.1",

package/src/CircularView/Labels/index.js

@@ -360,6 +360,7 @@ const DrawLabelGroup = withHover(function ({
       <text
         key="text"
         data-title={label.title || label.text}
+        title={label.title || label.text}
         {...avoidOverlapWith}
         x={labelXStart}
         textLength={getTextLength(text) * fontWidth}
@@ -448,6 +449,7 @@ const DrawGroupInnerLabel = withHover(
     return (
       <tspan
         data-title={label.title}
+        title={label.title}
         {...avoidOverlapWith}
         x={labelXStart}
         textLength={getTextLength(label.text) * fontWidth}

package/src/CircularView/drawAnnotations.js

@@ -381,6 +381,7 @@ function DrawAnnotationInner({
       <g
         transform={transform}
         data-title={noTitle ? null : titleText}
+        title={noTitle ? null : titleText}
         {...avoidOverlapWith}
         key={
           isNotLocation

package/style.css

@@ -9372,8 +9372,13 @@ button:not(:disabled):active {
 
 .tg-filter-menu-button.tg-active-filter,
 .tg-sort-arrow-container .bp3-icon.active,
-.tg-react-table-column-header:hover .tg-sort-arrow-container .bp3-icon,
-.tg-react-table-column-header:hover .tg-filter-menu-button,
+body:not(.drag-active)
+  .tg-react-table-column-header:hover
+  .tg-sort-arrow-container
+  .bp3-icon,
+body:not(.drag-active)
+  .tg-react-table-column-header:hover
+  .tg-filter-menu-button,
 .tg-filter-menu-button.tg-active-filter,
 .tg-react-table-column-header .bp3-popover-open .tg-filter-menu-button {
   display: block !important;
@@ -9742,7 +9747,6 @@ button:not(:disabled):active {
   display: flex;
   flex-direction: column;
 }
-
 .tg-flex-form-content .bp3-form-content {
   display: flex;
 }