@canonical/react-components 0.39.0 → 0.40.0

package/dist/components/MainTable/MainTable.d.ts

@@ -90,6 +90,10 @@ export type Props = PropsWithSpread<{
      * A function to be used when sorting.
      */
     sortFunction?: (a: MainTableRow, b: MainTableRow, currentSortDirection: SortDirection, currentSortKey: MainTableHeader["sortKey"]) => -1 | 0 | 1;
+    /**
+     * A hidden caption to display on the table for screen readers
+     */
+    hiddenCaption?: string | null;
 }, TableProps>;
-declare const MainTable: ({ defaultSort, defaultSortDirection, emptyStateMsg, expanding, headers, onUpdateSort, paginate, rows, responsive, sortable, sortFunction, ...props }: Props) => JSX.Element;
+declare const MainTable: ({ defaultSort, defaultSortDirection, emptyStateMsg, expanding, headers, onUpdateSort, paginate, rows, responsive, sortable, sortFunction, hiddenCaption, ...props }: Props) => JSX.Element;
 export default MainTable;

package/dist/components/MainTable/MainTable.js

@@ -24,7 +24,7 @@ var _hooks = require("../../hooks");
 var _excluded = ["content", "sortKey"],
     _excluded2 = ["columns", "expanded", "expandedContent", "key", "sortData"],
     _excluded3 = ["content"],
-    _excluded4 = ["defaultSort", "defaultSortDirection", "emptyStateMsg", "expanding", "headers", "onUpdateSort", "paginate", "rows", "responsive", "sortable", "sortFunction"];
+    _excluded4 = ["defaultSort", "defaultSortDirection", "emptyStateMsg", "expanding", "headers", "onUpdateSort", "paginate", "rows", "responsive", "sortable", "sortFunction", "hiddenCaption"];
 
 var _this = void 0;
 
@@ -200,6 +200,7 @@ var MainTable = function MainTable(_ref6) {
       responsive = _ref6.responsive,
       sortable = _ref6.sortable,
       sortFunction = _ref6.sortFunction,
+      hiddenCaption = _ref6.hiddenCaption,
       props = _objectWithoutProperties(_ref6, _excluded4);
 
   var _useState = (0, _react.useState)(defaultSort),
@@ -247,7 +248,17 @@ var MainTable = function MainTable(_ref6) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Table.default, _extends({
     expanding: expanding,
     responsive: responsive
-  }, props), !!headers && generateHeaders(currentSortKey, currentSortDirection, expanding, headers, sortable, updateSort, setSortDirection), // If the table has no rows, return empty state message
+  }, props), hiddenCaption && /*#__PURE__*/_react.default.createElement("caption", {
+    "data-testid": "hidden-caption",
+    style: {
+      height: "1px",
+      left: "-1000px",
+      overflow: "hidden",
+      position: "absolute",
+      top: "auto",
+      width: "1px"
+    }
+  }, hiddenCaption), !!headers && generateHeaders(currentSortKey, currentSortDirection, expanding, headers, sortable, updateSort, setSortDirection), // If the table has no rows, return empty state message
   Object.entries(finalRows).length === 0 && emptyStateMsg ? /*#__PURE__*/_react.default.createElement("caption", null, emptyStateMsg) : /*#__PURE__*/_react.default.createElement("tbody", null, generateRows({
     rows: finalRows,
     headers: headers,

package/dist/components/Tooltip/Tooltip.d.ts

@@ -52,6 +52,10 @@ export type Props = {
      * An optional class to apply to the tooltip message element.
      */
     tooltipClassName?: string;
+    /**
+     * The z-index value of the tooltip message element.
+     */
+    zIndex?: number;
 };
 export declare const adjustForWindow: (position: Position, fitsWindow: WindowFitment) => Position;
 /**
@@ -64,6 +68,7 @@ export declare const adjustForWindow: (position: Position, fitsWindow: WindowFit
  * @param [position="top-left"] Position of the tooltip relative to the element.
  * @param positionElementClassName An optional class to apply to the element that wraps the children.
  * @param tooltipClassName An optional class to apply to the tooltip message element.
+ * @param zIndex The z-index value of the tooltip message element.
  */
-declare const Tooltip: ({ autoAdjust, children, className, followMouse, message, position, positionElementClassName, tooltipClassName, }: Props) => JSX.Element;
+declare const Tooltip: ({ autoAdjust, children, className, followMouse, message, position, positionElementClassName, tooltipClassName, zIndex, }: Props) => JSX.Element;
 export default Tooltip;

package/dist/components/Tooltip/Tooltip.js

@@ -157,6 +157,7 @@ var adjustForWindow = function adjustForWindow(position, fitsWindow) {
  * @param [position="top-left"] Position of the tooltip relative to the element.
  * @param positionElementClassName An optional class to apply to the element that wraps the children.
  * @param tooltipClassName An optional class to apply to the tooltip message element.
+ * @param zIndex The z-index value of the tooltip message element.
  */
 
 
@@ -173,7 +174,8 @@ var Tooltip = function Tooltip(_ref) {
       _ref$position = _ref.position,
       position = _ref$position === void 0 ? "top-left" : _ref$position,
       positionElementClassName = _ref.positionElementClassName,
-      tooltipClassName = _ref.tooltipClassName;
+      tooltipClassName = _ref.tooltipClassName,
+      zIndex = _ref.zIndex;
   var wrapperRef = (0, _react.useRef)(null);
   var messageRef = (0, _react.useRef)(null);
 
@@ -292,7 +294,10 @@ var Tooltip = function Tooltip(_ref) {
     role: "tooltip",
     className: "p-tooltip__message",
     ref: messageRef,
-    id: tooltipId
+    id: tooltipId,
+    style: {
+      zIndex: zIndex
+    }
   }, message)))) : /*#__PURE__*/_react.default.createElement("span", {
     className: className
   }, children));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canonical/react-components",
-  "version": "0.39.0",
+  "version": "0.40.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "author": "Huw Wilkins <huw.wilkins@canonical.com>",
@@ -35,7 +35,7 @@
     "@storybook/manager-webpack5": "6.5.16",
     "@storybook/react": "6.5.16",
     "@storybook/theming": "6.5.16",
-    "@testing-library/cypress": "8.0.7",
+    "@testing-library/cypress": "9.0.0",
     "@testing-library/dom": "8.20.0",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "12.1.5",
@@ -49,7 +49,7 @@
     "babel-plugin-typescript-to-proptypes": "2.0.0",
     "concurrently": "7.6.0",
     "css-loader": "6.7.3",
-    "cypress": "9.7.0",
+    "cypress": "12.7.0",
     "deepmerge": "4.3.0",
     "eslint": "8.33.0",
     "eslint-config-prettier": "8.6.0",
@@ -79,13 +79,13 @@
     "ts-jest": "27.1.5",
     "tsc-alias": "1.8.2",
     "typescript": "4.9.5",
-    "vanilla-framework": "3.11.1",
+    "vanilla-framework": "3.12.1",
     "wait-on": "5.3.0",
     "webpack": "5.75.0"
   },
   "dependencies": {
     "@types/jest": "27.5.2",
-    "@types/node": "16.18.12",
+    "@types/node": "18.14.2",
     "@types/react": "18.0.28",
     "@types/react-dom": "17.0.18",
     "@types/react-table": "7.7.14",
@@ -103,7 +103,7 @@
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0",
-    "vanilla-framework": "3.11.1"
+    "vanilla-framework": "3.12.1"
   },
   "scripts": {
     "build": "rm -rf dist && yarn build-local; yarn build-declaration",
@@ -127,7 +127,11 @@
     "unlink-packages": "yarn unlink && cd node_modules/react && yarn unlink && cd ../react-dom && yarn unlink",
     "cypress:test": "wait-on http://localhost:${PORT:-9009} && cypress run --env port=${PORT:-9009}",
     "cypress:run": "cypress run --env port=${PORT:-9009}",
-    "cypress:open": "cypress open --env port=${PORT:-9009}"
+    "cypress:open": "cypress open --env port=${PORT:-9009}",
+    "prepare-release:major": "./prepare-release major",
+    "prepare-release:minor": "./prepare-release minor",
+    "prepare-release:patch": "./prepare-release patch",
+    "prepare-release": "yarn run prepare-release:minor"
   },
   "eslintConfig": {
     "extends": "react-app"