@procore/data-table 14.36.0 → 14.36.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 14.36.1
+
+### Patch Changes
+
+- 6f750df: Add tooltip support for row selection checkboxes. Checkboxes can now display contextual information via the checkboxTooltip row data property.
+
 ## 14.36.0
 
 ### Minor Changes

package/dist/legacy/index.cjs

@@ -55450,7 +55450,7 @@ function getCheckboxState(node, isServerSideDataRequest, rowSelectionRef) {
   };
 }
 function RowCheckbox(props) {
-  var _a;
+  var _a, _b, _c;
   const I18n = coreReact.useI18nContext();
   const { rowSelectionRef, onServerSideDataRequest } = useInternalTableContext();
   const [_selected, setSelected] = React80.useState(props.node.isSelected());
@@ -55470,7 +55470,7 @@ function RowCheckbox(props) {
       removeEventListenerFromGrid("rowSelected", handleRowSelection, props.api);
     };
   }, []);
-  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { paddingRight: "md" }, /* @__PURE__ */ React80__default.default.createElement(
+  let checkbox = /* @__PURE__ */ React80__default.default.createElement(
     coreReact.Checkbox,
     {
       checked: selected,
@@ -55490,7 +55490,11 @@ function RowCheckbox(props) {
       },
       onChange: noop2
     }
-  ));
+  );
+  if ((_b = props.data) == null ? void 0 : _b.checkboxTooltip) {
+    checkbox = /* @__PURE__ */ React80__default.default.createElement(coreReact.Tooltip, { overlay: (_c = props.data) == null ? void 0 : _c.checkboxTooltip, placement: "right" }, /* @__PURE__ */ React80__default.default.createElement("span", null, checkbox));
+  }
+  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { paddingRight: "md" }, checkbox);
 }
 
 // src/CellRenderers/AutoGroupCell.tsx
@@ -81414,7 +81418,7 @@ __decorate216([
 __decorate216([
   Validate(NUMBER())
 ], TooltipPosition.prototype, "yOffset", void 0);
-var Tooltip6 = class _Tooltip {
+var Tooltip7 = class _Tooltip {
   constructor(canvasElement, document2, container) {
     this.enableInteraction = false;
     this.enabled = true;
@@ -81550,25 +81554,25 @@ var Tooltip6 = class _Tooltip {
     this._showArrow = show;
   }
 };
-Tooltip6.tooltipDocuments = [];
+Tooltip7.tooltipDocuments = [];
 __decorate216([
   Validate(BOOLEAN)
-], Tooltip6.prototype, "enabled", void 0);
+], Tooltip7.prototype, "enabled", void 0);
 __decorate216([
   Validate(OPT_BOOLEAN)
-], Tooltip6.prototype, "showArrow", void 0);
+], Tooltip7.prototype, "showArrow", void 0);
 __decorate216([
   Validate(OPT_STRING)
-], Tooltip6.prototype, "class", void 0);
+], Tooltip7.prototype, "class", void 0);
 __decorate216([
   Validate(NUMBER(0))
-], Tooltip6.prototype, "delay", void 0);
+], Tooltip7.prototype, "delay", void 0);
 __decorate216([
   DeprecatedAndRenamedTo("range", (value) => value ? "nearest" : "exact")
-], Tooltip6.prototype, "tracking", void 0);
+], Tooltip7.prototype, "tracking", void 0);
 __decorate216([
   Validate(INTERACTION_RANGE)
-], Tooltip6.prototype, "range", void 0);
+], Tooltip7.prototype, "range", void 0);
 
 // ../../node_modules/ag-charts-community/dist/esm/es6/chart/data/aggregateFunctions.mjs
 function sumValues(values2, accumulator = [0, 0]) {
@@ -86553,7 +86557,7 @@ var Chart = class extends Observable {
     this.animationManager = new AnimationManager(this.interactionManager);
     this.animationManager.skipAnimations = true;
     this.animationManager.play();
-    this.tooltip = new Tooltip6(this.scene.canvas.element, document2, document2.body);
+    this.tooltip = new Tooltip7(this.scene.canvas.element, document2, document2.body);
     this.tooltipManager = new TooltipManager(this.tooltip, this.interactionManager);
     this.overlays = new ChartOverlays(this.element);
     this.highlight = new ChartHighlight();
@@ -101009,7 +101013,7 @@ __export(integrated_charts_scene_exports, {
   Shape: () => Shape,
   Square: () => Square,
   Text: () => Text,
-  Tooltip: () => Tooltip6,
+  Tooltip: () => Tooltip7,
   getFont: () => getFont2,
   getMarker: () => getMarker,
   toRadians: () => toRadians,

package/dist/legacy/index.js

@@ -55437,7 +55437,7 @@ function getCheckboxState(node, isServerSideDataRequest, rowSelectionRef) {
   };
 }
 function RowCheckbox(props) {
-  var _a;
+  var _a, _b, _c;
   const I18n = useI18nContext();
   const { rowSelectionRef, onServerSideDataRequest } = useInternalTableContext();
   const [_selected, setSelected] = useState(props.node.isSelected());
@@ -55457,7 +55457,7 @@ function RowCheckbox(props) {
       removeEventListenerFromGrid("rowSelected", handleRowSelection, props.api);
     };
   }, []);
-  return /* @__PURE__ */ React80.createElement(Box, { paddingRight: "md" }, /* @__PURE__ */ React80.createElement(
+  let checkbox = /* @__PURE__ */ React80.createElement(
     Checkbox,
     {
       checked: selected,
@@ -55477,7 +55477,11 @@ function RowCheckbox(props) {
       },
       onChange: noop2
     }
-  ));
+  );
+  if ((_b = props.data) == null ? void 0 : _b.checkboxTooltip) {
+    checkbox = /* @__PURE__ */ React80.createElement(Tooltip, { overlay: (_c = props.data) == null ? void 0 : _c.checkboxTooltip, placement: "right" }, /* @__PURE__ */ React80.createElement("span", null, checkbox));
+  }
+  return /* @__PURE__ */ React80.createElement(Box, { paddingRight: "md" }, checkbox);
 }
 
 // src/CellRenderers/AutoGroupCell.tsx
@@ -81401,7 +81405,7 @@ __decorate216([
 __decorate216([
   Validate(NUMBER())
 ], TooltipPosition.prototype, "yOffset", void 0);
-var Tooltip6 = class _Tooltip {
+var Tooltip7 = class _Tooltip {
   constructor(canvasElement, document2, container) {
     this.enableInteraction = false;
     this.enabled = true;
@@ -81537,25 +81541,25 @@ var Tooltip6 = class _Tooltip {
     this._showArrow = show;
   }
 };
-Tooltip6.tooltipDocuments = [];
+Tooltip7.tooltipDocuments = [];
 __decorate216([
   Validate(BOOLEAN)
-], Tooltip6.prototype, "enabled", void 0);
+], Tooltip7.prototype, "enabled", void 0);
 __decorate216([
   Validate(OPT_BOOLEAN)
-], Tooltip6.prototype, "showArrow", void 0);
+], Tooltip7.prototype, "showArrow", void 0);
 __decorate216([
   Validate(OPT_STRING)
-], Tooltip6.prototype, "class", void 0);
+], Tooltip7.prototype, "class", void 0);
 __decorate216([
   Validate(NUMBER(0))
-], Tooltip6.prototype, "delay", void 0);
+], Tooltip7.prototype, "delay", void 0);
 __decorate216([
   DeprecatedAndRenamedTo("range", (value) => value ? "nearest" : "exact")
-], Tooltip6.prototype, "tracking", void 0);
+], Tooltip7.prototype, "tracking", void 0);
 __decorate216([
   Validate(INTERACTION_RANGE)
-], Tooltip6.prototype, "range", void 0);
+], Tooltip7.prototype, "range", void 0);
 
 // ../../node_modules/ag-charts-community/dist/esm/es6/chart/data/aggregateFunctions.mjs
 function sumValues(values2, accumulator = [0, 0]) {
@@ -86540,7 +86544,7 @@ var Chart = class extends Observable {
     this.animationManager = new AnimationManager(this.interactionManager);
     this.animationManager.skipAnimations = true;
     this.animationManager.play();
-    this.tooltip = new Tooltip6(this.scene.canvas.element, document2, document2.body);
+    this.tooltip = new Tooltip7(this.scene.canvas.element, document2, document2.body);
     this.tooltipManager = new TooltipManager(this.tooltip, this.interactionManager);
     this.overlays = new ChartOverlays(this.element);
     this.highlight = new ChartHighlight();
@@ -100996,7 +101000,7 @@ __export(integrated_charts_scene_exports, {
   Shape: () => Shape,
   Square: () => Square,
   Text: () => Text,
-  Tooltip: () => Tooltip6,
+  Tooltip: () => Tooltip7,
   getFont: () => getFont2,
   getMarker: () => getMarker,
   toRadians: () => toRadians,

package/dist/modern/index.cjs

@@ -55407,7 +55407,7 @@ function RowCheckbox(props) {
       removeEventListenerFromGrid("rowSelected", handleRowSelection, props.api);
     };
   }, []);
-  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { paddingRight: "md" }, /* @__PURE__ */ React80__default.default.createElement(
+  let checkbox = /* @__PURE__ */ React80__default.default.createElement(
     coreReact.Checkbox,
     {
       checked: selected,
@@ -55426,7 +55426,11 @@ function RowCheckbox(props) {
       },
       onChange: noop2
     }
-  ));
+  );
+  if (props.data?.checkboxTooltip) {
+    checkbox = /* @__PURE__ */ React80__default.default.createElement(coreReact.Tooltip, { overlay: props.data?.checkboxTooltip, placement: "right" }, /* @__PURE__ */ React80__default.default.createElement("span", null, checkbox));
+  }
+  return /* @__PURE__ */ React80__default.default.createElement(coreReact.Box, { paddingRight: "md" }, checkbox);
 }
 
 // src/CellRenderers/AutoGroupCell.tsx
@@ -81311,7 +81315,7 @@ __decorate216([
 __decorate216([
   Validate(NUMBER())
 ], TooltipPosition.prototype, "yOffset", void 0);
-var Tooltip6 = class _Tooltip {
+var Tooltip7 = class _Tooltip {
   constructor(canvasElement, document2, container) {
     this.enableInteraction = false;
     this.enabled = true;
@@ -81447,25 +81451,25 @@ var Tooltip6 = class _Tooltip {
     this._showArrow = show;
   }
 };
-Tooltip6.tooltipDocuments = [];
+Tooltip7.tooltipDocuments = [];
 __decorate216([
   Validate(BOOLEAN)
-], Tooltip6.prototype, "enabled", void 0);
+], Tooltip7.prototype, "enabled", void 0);
 __decorate216([
   Validate(OPT_BOOLEAN)
-], Tooltip6.prototype, "showArrow", void 0);
+], Tooltip7.prototype, "showArrow", void 0);
 __decorate216([
   Validate(OPT_STRING)
-], Tooltip6.prototype, "class", void 0);
+], Tooltip7.prototype, "class", void 0);
 __decorate216([
   Validate(NUMBER(0))
-], Tooltip6.prototype, "delay", void 0);
+], Tooltip7.prototype, "delay", void 0);
 __decorate216([
   DeprecatedAndRenamedTo("range", (value) => value ? "nearest" : "exact")
-], Tooltip6.prototype, "tracking", void 0);
+], Tooltip7.prototype, "tracking", void 0);
 __decorate216([
   Validate(INTERACTION_RANGE)
-], Tooltip6.prototype, "range", void 0);
+], Tooltip7.prototype, "range", void 0);
 
 // ../../node_modules/ag-charts-community/dist/esm/es6/chart/data/aggregateFunctions.mjs
 function sumValues(values2, accumulator = [0, 0]) {
@@ -86450,7 +86454,7 @@ var Chart = class extends Observable {
     this.animationManager = new AnimationManager(this.interactionManager);
     this.animationManager.skipAnimations = true;
     this.animationManager.play();
-    this.tooltip = new Tooltip6(this.scene.canvas.element, document2, document2.body);
+    this.tooltip = new Tooltip7(this.scene.canvas.element, document2, document2.body);
     this.tooltipManager = new TooltipManager(this.tooltip, this.interactionManager);
     this.overlays = new ChartOverlays(this.element);
     this.highlight = new ChartHighlight();
@@ -100906,7 +100910,7 @@ __export(integrated_charts_scene_exports, {
   Shape: () => Shape,
   Square: () => Square,
   Text: () => Text,
-  Tooltip: () => Tooltip6,
+  Tooltip: () => Tooltip7,
   getFont: () => getFont2,
   getMarker: () => getMarker,
   toRadians: () => toRadians,

package/dist/modern/index.js

@@ -55394,7 +55394,7 @@ function RowCheckbox(props) {
       removeEventListenerFromGrid("rowSelected", handleRowSelection, props.api);
     };
   }, []);
-  return /* @__PURE__ */ React80.createElement(Box, { paddingRight: "md" }, /* @__PURE__ */ React80.createElement(
+  let checkbox = /* @__PURE__ */ React80.createElement(
     Checkbox,
     {
       checked: selected,
@@ -55413,7 +55413,11 @@ function RowCheckbox(props) {
       },
       onChange: noop2
     }
-  ));
+  );
+  if (props.data?.checkboxTooltip) {
+    checkbox = /* @__PURE__ */ React80.createElement(Tooltip, { overlay: props.data?.checkboxTooltip, placement: "right" }, /* @__PURE__ */ React80.createElement("span", null, checkbox));
+  }
+  return /* @__PURE__ */ React80.createElement(Box, { paddingRight: "md" }, checkbox);
 }
 
 // src/CellRenderers/AutoGroupCell.tsx
@@ -81298,7 +81302,7 @@ __decorate216([
 __decorate216([
   Validate(NUMBER())
 ], TooltipPosition.prototype, "yOffset", void 0);
-var Tooltip6 = class _Tooltip {
+var Tooltip7 = class _Tooltip {
   constructor(canvasElement, document2, container) {
     this.enableInteraction = false;
     this.enabled = true;
@@ -81434,25 +81438,25 @@ var Tooltip6 = class _Tooltip {
     this._showArrow = show;
   }
 };
-Tooltip6.tooltipDocuments = [];
+Tooltip7.tooltipDocuments = [];
 __decorate216([
   Validate(BOOLEAN)
-], Tooltip6.prototype, "enabled", void 0);
+], Tooltip7.prototype, "enabled", void 0);
 __decorate216([
   Validate(OPT_BOOLEAN)
-], Tooltip6.prototype, "showArrow", void 0);
+], Tooltip7.prototype, "showArrow", void 0);
 __decorate216([
   Validate(OPT_STRING)
-], Tooltip6.prototype, "class", void 0);
+], Tooltip7.prototype, "class", void 0);
 __decorate216([
   Validate(NUMBER(0))
-], Tooltip6.prototype, "delay", void 0);
+], Tooltip7.prototype, "delay", void 0);
 __decorate216([
   DeprecatedAndRenamedTo("range", (value) => value ? "nearest" : "exact")
-], Tooltip6.prototype, "tracking", void 0);
+], Tooltip7.prototype, "tracking", void 0);
 __decorate216([
   Validate(INTERACTION_RANGE)
-], Tooltip6.prototype, "range", void 0);
+], Tooltip7.prototype, "range", void 0);
 
 // ../../node_modules/ag-charts-community/dist/esm/es6/chart/data/aggregateFunctions.mjs
 function sumValues(values2, accumulator = [0, 0]) {
@@ -86437,7 +86441,7 @@ var Chart = class extends Observable {
     this.animationManager = new AnimationManager(this.interactionManager);
     this.animationManager.skipAnimations = true;
     this.animationManager.play();
-    this.tooltip = new Tooltip6(this.scene.canvas.element, document2, document2.body);
+    this.tooltip = new Tooltip7(this.scene.canvas.element, document2, document2.body);
     this.tooltipManager = new TooltipManager(this.tooltip, this.interactionManager);
     this.overlays = new ChartOverlays(this.element);
     this.highlight = new ChartHighlight();
@@ -100893,7 +100897,7 @@ __export(integrated_charts_scene_exports, {
   Shape: () => Shape,
   Square: () => Square,
   Text: () => Text,
-  Tooltip: () => Tooltip6,
+  Tooltip: () => Tooltip7,
   getFont: () => getFont2,
   getMarker: () => getMarker,
   toRadians: () => toRadians,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.36.0",
+  "version": "14.36.1",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "author": "Procore Technologies",
   "homepage": "https://github.com/procore/core/tree/main/packages/data-table",
@@ -107,9 +107,9 @@
     "@dotenvx/dotenvx": "1.6.4",
     "@ngneat/falso": "6.4.0",
     "@procore/core-css": "10.17.0",
-    "@procore/core-icons": "^12.10.0",
+    "@procore/core-icons": "^12.10.1",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "^12.28.1",
+    "@procore/core-react": "^12.30.0",
     "@procore/eslint-config": "10.0.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "4.3.1",