@spscommerce/ds-react 6.12.1 → 6.14.0

package/lib/index.es.js

@@ -24981,7 +24981,8 @@ function SpsLabel(_y) {
     const [, setShowPriorityTooltip] = getPriorityTooltip();
     setShowPriorityTooltip(TooltipVisibility.VISIBLE);
   }
-  function handleHelpClick() {
+  function handleHelpClick(e2) {
+    e2.preventDefault();
     hideTooltips();
     setShowHelpTip(toggleTooltipState(showHelpTip));
   }
@@ -25040,17 +25041,12 @@ function SpsLabel(_y) {
     "data-testid": `${testId}__suggested-icon`,
     className: clsx("sps-icon", "sps-icon-exclamation-triangle", "orange200", "sps-form-group__label-suggested-icon", !stronglySuggested && "d-none"),
     onClick: handleSuggestedIconClick,
-    onMouseEnter: () => {
-      hideTooltips();
-      setShowSuggestedTip(TooltipVisibility.VISIBLE);
-    },
     onMouseLeave: delayedHideTooltips
   }), /* @__PURE__ */ React.createElement("i", {
     ref: errorIcon,
     "data-testid": `${testId}__error-icon`,
     className: clsx("sps-icon", "sps-icon-exclamation-circle", "sps-form-group__label--error-icon"),
     onClick: handleLabelClick,
-    onMouseEnter: doShowPriorityTooltip,
     onMouseLeave: delayedHideTooltips
   }), /* @__PURE__ */ React.createElement("span", {
     ref: labelRef,
@@ -25060,10 +25056,6 @@ function SpsLabel(_y) {
     "data-testid": `${testId}__help-icon`,
     className: clsx("sps-icon", `sps-icon-${helpIcon}`, helpIconColor, !help && "d-none"),
     onClick: handleHelpClick,
-    onMouseEnter: () => {
-      hideTooltips();
-      setShowHelpTip(TooltipVisibility.VISIBLE);
-    },
     onMouseLeave: delayedHideTooltips
   })), /* @__PURE__ */ React.createElement(SpsTooltip, {
     kind: TooltipKind.DEFAULT,
@@ -25769,8 +25761,11 @@ const useColumnResizer = ({
         tableHeaderRef.current.style.width = width;
         tableHeaderRef.current.style.maxWidth = width;
         tableHeaderRef.current.style.minWidth = width;
-        tableHeaderRef.current.style.overflow = width ? "hidden" : null;
-        tableHeaderRef.current.style.textOverflow = width ? "ellipsis" : null;
+        const tableHeaderBody = tableHeaderRef.current.querySelector(".sps-table__header-cell-body");
+        if (tableHeaderBody) {
+          tableHeaderBody.style.overflow = width ? "hidden" : null;
+          tableHeaderBody.style.textOverflow = width ? "ellipsis" : null;
+        }
         if (start) {
           const resizer = tableHeaderRef.current.querySelector(".sps-table__column-resizer");
           if (resizer) {
@@ -25781,13 +25776,20 @@ const useColumnResizer = ({
           tableHeaderRef.current.style.position = "relative";
         }
         if (table) {
+          const tableHeaders = table.querySelectorAll("thead > tr > th");
+          for (let i2 = 0; i2 < tableHeaders.length; i2 += 1) {
+            const tableHeaderBody2 = tableHeaders[i2].querySelector(".sps-table__header-cell-body");
+            if (tableHeaderBody2 && !tableHeaderBody2.title) {
+              tableHeaderBody2.title = tableHeaderBody2.textContent;
+            }
+          }
           const cells = table.querySelectorAll(`tbody > tr > td:nth-of-type(${tableHeaderRef.current.cellIndex + 1})`);
           for (let i2 = 0; i2 < cells.length; i2 += 1) {
             cells[i2].style.width = width;
             cells[i2].style.maxWidth = width;
             cells[i2].style.minWidth = width;
-            cells[i2].style.overflow = width ? "hidden" : null;
-            cells[i2].style.textOverflow = width ? "ellipsis" : null;
+            cells[i2].style.overflowWrap = width ? "break-word" : null;
+            cells[i2].style.whiteSpace = width ? "normal" : null;
             if (!cells[i2].title) {
               cells[i2].title = cells[i2].textContent;
             }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "6.12.1",
+  "version": "6.14.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -28,10 +28,10 @@
   },
   "peerDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "6.12.1",
-    "@spscommerce/ds-illustrations": "6.12.1",
-    "@spscommerce/ds-shared": "6.12.1",
-    "@spscommerce/positioning": "6.12.1",
+    "@spscommerce/ds-colors": "6.14.0",
+    "@spscommerce/ds-illustrations": "6.14.0",
+    "@spscommerce/ds-shared": "6.14.0",
+    "@spscommerce/positioning": "6.14.0",
     "@spscommerce/utils": "^6.11.3",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
@@ -40,10 +40,10 @@
   },
   "devDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "6.12.1",
-    "@spscommerce/ds-illustrations": "6.12.1",
-    "@spscommerce/ds-shared": "6.12.1",
-    "@spscommerce/positioning": "6.12.1",
+    "@spscommerce/ds-colors": "6.14.0",
+    "@spscommerce/ds-illustrations": "6.14.0",
+    "@spscommerce/ds-shared": "6.14.0",
+    "@spscommerce/positioning": "6.14.0",
     "@spscommerce/utils": "^6.11.3",
     "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",