@canonical/react-components 3.4.1 → 3.4.3

package/dist/components/ColumnSelector/columnSelectorHelper.js

@@ -13,5 +13,10 @@ const visibleRowColumns = (rows, hiddenCols) => {
   });
 };
 exports.visibleRowColumns = visibleRowColumns;
-const visibleHeaderColumns = (headers, hiddenCols) => headers.filter(item => typeof item.content !== "string" || !hiddenCols.includes(item.content));
+const visibleHeaderColumns = (headers, hiddenCols) => headers.filter(item => {
+  if (typeof item.content === "string") {
+    return !hiddenCols.includes(item.content);
+  }
+  return !hiddenCols.includes(item["aria-label"]);
+});
 exports.visibleHeaderColumns = visibleHeaderColumns;

package/dist/components/Input/Input.d.ts

@@ -24,7 +24,7 @@ export type Props = PropsWithSpread<{
     /**
      * Optional class(es) to pass to the help text element.
      */
-    helpClassName?: ReactNode;
+    helpClassName?: string;
     /**
      * The id of the input.
      */

package/dist/components/Input/Input.js

@@ -90,7 +90,7 @@ const Input = _ref => {
     error: error,
     forId: inputId,
     help: help,
-    helpClassName: helpClassName + "",
+    helpClassName: helpClassName,
     helpId: helpId,
     isTickElement: type === "checkbox" || type === "radio",
     label: fieldLabel,

package/dist/esm/components/ColumnSelector/columnSelectorHelper.js

@@ -10,4 +10,9 @@ export var visibleRowColumns = (rows, hiddenCols) => {
     });
   });
 };
-export var visibleHeaderColumns = (headers, hiddenCols) => headers.filter(item => typeof item.content !== "string" || !hiddenCols.includes(item.content));
+export var visibleHeaderColumns = (headers, hiddenCols) => headers.filter(item => {
+  if (typeof item.content === "string") {
+    return !hiddenCols.includes(item.content);
+  }
+  return !hiddenCols.includes(item["aria-label"]);
+});

package/dist/esm/components/Input/Input.d.ts

@@ -24,7 +24,7 @@ export type Props = PropsWithSpread<{
     /**
      * Optional class(es) to pass to the help text element.
      */
-    helpClassName?: ReactNode;
+    helpClassName?: string;
     /**
      * The id of the input.
      */

package/dist/esm/components/Input/Input.js

@@ -89,7 +89,7 @@ var Input = _ref => {
     error: error,
     forId: inputId,
     help: help,
-    helpClassName: helpClassName + "",
+    helpClassName: helpClassName,
     helpId: helpId,
     isTickElement: type === "checkbox" || type === "radio",
     label: fieldLabel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canonical/react-components",
-  "version": "3.4.1",
+  "version": "3.4.3",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "author": {
@@ -93,7 +93,7 @@
     "tsc-alias": "1.8.10",
     "typescript": "5.7.3",
     "typescript-eslint": "8.24.1",
-    "vanilla-framework": "4.34.1",
+    "vanilla-framework": "4.35.0",
     "wait-on": "8.0.2",
     "webpack": "5.98.0"
   },