@backstage/core-components 0.10.0-next.3 → 0.10.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @backstage/core-components
 
+## 0.10.0
+
+### Minor Changes
+
+- 32204fa794: Add `transformLinkUri` and `transformImageUri` to `MarkdownContent`
+
+### Patch Changes
+
+- 3c440ea77e: Change BackstageIconLinkVertical style to use pallette instead of explicit color
+- c3cfc83af2: Updated JSDoc to be MDX compatible.
+- b4b711bcc2: Fix the EntityLayout header style so that EntityContextMenu button can display in correct shape when user hover on it
+- 944af7f2a8: Work around a bug calling `onChange` twice in `mui` for `RoutedTab` so you don't have to press back twice to navigate through tabs
+- 7f5e79961d: Fix relative `sub-paths` by concatenating the app's base path with them.
+- a70869e775: Updated dependency `msw` to `^0.43.0`.
+- 693990d4fe: Updated dependency `@react-hookz/web` to `^15.0.0`.
+- 8006d0f9bf: Updated dependency `msw` to `^0.44.0`.
+- 15201b1032: Updated dependency `rc-progress` to `3.4.0`.
+- 7e115d42f9: Support displaying subtitle text in `SidebarSubmenuItem`
+- ae746946f7: Improve accessibility for CopyTextButton
+- 385389d23c: Updated to remove usage of the `bursts` object in the theme palette
+- Updated dependencies
+  - @backstage/core-plugin-api@1.0.4
+  - @backstage/theme@0.2.16
+  - @backstage/errors@1.1.0
+
 ## 0.10.0-next.3
 
 ### Patch Changes

package/dist/index.d.ts

@@ -177,6 +177,14 @@ interface CopyTextButtonProps {
      * Default: "Text copied to clipboard"
      */
     tooltipText?: string;
+    /**
+     * Text to use as aria-label prop on the button
+     *
+     * @remarks
+     *
+     * Default: "Copy text"
+     */
+    'aria-label'?: string;
 }
 /**
  * Copy text button with visual feedback
@@ -191,7 +199,11 @@ interface CopyTextButtonProps {
  *
  * @example
  *
- * `<CopyTextButton text="My text that I want to be copied to the clipboard" />`
+ * ```
+ * <CopyTextButton
+ *   text="My text that I want to be copied to the clipboard"
+ *   arial-label="Accessible label for this button" />
+ * ```
  */
 declare function CopyTextButton(props: CopyTextButtonProps): JSX.Element;
 

package/dist/index.esm.js

@@ -308,7 +308,8 @@ function CopyTextButton(props) {
   const {
     text,
     tooltipDelay = 1e3,
-    tooltipText = "Text copied to clipboard"
+    tooltipText = "Text copied to clipboard",
+    "aria-label": ariaLabel = "Copy text"
   } = props;
   const errorApi = useApi(errorApiRef);
   const [open, setOpen] = useState(false);
@@ -331,7 +332,8 @@ function CopyTextButton(props) {
     onClose: () => setOpen(false),
     open
   }, /* @__PURE__ */ React.createElement(IconButton, {
-    onClick: handleCopyClick
+    onClick: handleCopyClick,
+    "aria-label": ariaLabel
   }, /* @__PURE__ */ React.createElement(CopyIcon, null))));
 }
 
@@ -4399,13 +4401,13 @@ function HeaderTabs(props) {
   const { tabs, onChange, selectedIndex } = props;
   const [selectedTab, setSelectedTab] = useState(selectedIndex != null ? selectedIndex : 0);
   const styles = useStyles$d();
-  const handleChange = (_, index) => {
+  const handleChange = useCallback((_, index) => {
     if (selectedIndex === void 0) {
       setSelectedTab(index);
     }
-    if (onChange)
+    if (onChange && selectedIndex !== index)
       onChange(index);
-  };
+  }, [selectedIndex, onChange]);
   useEffect(() => {
     if (selectedIndex !== void 0) {
       setSelectedTab(selectedIndex);