@backstage/core-components 0.11.0 → 0.11.1-next.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @backstage/core-components
 
+## 0.11.1-next.0
+
+### Patch Changes
+
+- b29c44d895: Adds code to generate ids for headers parsed through the MarkdownContent component.
+- bf5e9030eb: Updated dependency `msw` to `^0.45.0`.
+- c8bb0ff8ce: Minor cleanup of the public API surface to reduce the number of warnings
+- Updated dependencies
+  - @backstage/core-plugin-api@1.0.6-next.0
+
 ## 0.11.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -1710,10 +1710,10 @@ declare const LegacySidebarContext: React__default.Context<SidebarContextType>;
  *
  * @public
  */
-declare const SidebarOpenStateProvider: ({ children, value, }: {
+declare function SidebarOpenStateProvider(props: {
     children: ReactNode;
     value: SidebarOpenState;
-}) => JSX.Element;
+}): JSX.Element;
 /**
  * Hook to read and update the sidebar's open state, which controls whether or
  * not the sidebar is open and full-width, or closed and only displaying icons.
@@ -1725,8 +1725,8 @@ declare const useSidebarOpenState: () => SidebarOpenState;
 /**
  * Type of `SidebarPinStateContext`
  *
- * @public @deprecated
- * Use `SidebarPinState` instead.
+ * @public
+ * @deprecated Use `SidebarPinState` instead.
  */
 declare type SidebarPinStateContextType = {
     isPinned: boolean;
@@ -1767,10 +1767,10 @@ declare const LegacySidebarPinStateContext: React__default.Context<SidebarPinSta
  *
  * @public
  */
-declare const SidebarPinStateProvider: ({ children, value, }: {
+declare function SidebarPinStateProvider(props: {
     children: ReactNode;
     value: SidebarPinStateContextType;
-}) => JSX.Element;
+}): JSX.Element;
 /**
  * Hook to read and update sidebar pin state, which controls whether or not the
  * sidebar is pinned open.

package/dist/index.esm.js

@@ -1846,6 +1846,17 @@ const useStyles$B = makeStyles(
   }),
   { name: "BackstageMarkdownContent" }
 );
+const flatten = (text, child) => {
+  if (!child)
+    return text;
+  return typeof child === "string" ? text + child : React.Children.toArray(child.props.children).reduce(flatten, text);
+};
+const headingRenderer = ({ level, children }) => {
+  const childrenArray = React.Children.toArray(children);
+  const text = childrenArray.reduce(flatten, "");
+  const slug = text.toLocaleLowerCase("en-US").replace(/\W/g, "-");
+  return React.createElement(`h${level}`, { id: slug }, children);
+};
 const components = {
   code: ({ inline, className, children, ...props }) => {
     const text = String(children).replace(/\n+$/, "");
@@ -1857,7 +1868,13 @@ const components = {
       className,
       ...props
     }, children);
-  }
+  },
+  h1: headingRenderer,
+  h2: headingRenderer,
+  h3: headingRenderer,
+  h4: headingRenderer,
+  h5: headingRenderer,
+  h6: headingRenderer
 };
 function MarkdownContent(props) {
   const {
@@ -3340,14 +3357,14 @@ const defaultSidebarPinStateContext = {
 };
 const LegacySidebarPinStateContext = createContext(defaultSidebarPinStateContext);
 const VersionedSidebarPinStateContext = createVersionedContext("sidebar-pin-state-context");
-const SidebarPinStateProvider = ({
-  children,
-  value
-}) => /* @__PURE__ */ React.createElement(LegacySidebarPinStateContext.Provider, {
-  value
-}, /* @__PURE__ */ React.createElement(VersionedSidebarPinStateContext.Provider, {
-  value: createVersionedValueMap({ 1: value })
-}, children));
+function SidebarPinStateProvider(props) {
+  const { children, value } = props;
+  return /* @__PURE__ */ React.createElement(LegacySidebarPinStateContext.Provider, {
+    value
+  }, /* @__PURE__ */ React.createElement(VersionedSidebarPinStateContext.Provider, {
+    value: createVersionedValueMap({ 1: value })
+  }, children));
+}
 const useSidebarPinState = () => {
   const versionedPinStateContext = useContext(VersionedSidebarPinStateContext);
   const legacyPinStateContext = useContext(LegacySidebarPinStateContext);
@@ -3442,14 +3459,14 @@ const LegacySidebarContext = createContext(
   defaultSidebarOpenStateContext
 );
 const VersionedSidebarContext = createVersionedContext("sidebar-open-state-context");
-const SidebarOpenStateProvider = ({
-  children,
-  value
-}) => /* @__PURE__ */ React.createElement(LegacySidebarContext.Provider, {
-  value
-}, /* @__PURE__ */ React.createElement(VersionedSidebarContext.Provider, {
-  value: createVersionedValueMap({ 1: value })
-}, children));
+function SidebarOpenStateProvider(props) {
+  const { children, value } = props;
+  return /* @__PURE__ */ React.createElement(LegacySidebarContext.Provider, {
+    value
+  }, /* @__PURE__ */ React.createElement(VersionedSidebarContext.Provider, {
+    value: createVersionedValueMap({ 1: value })
+  }, children));
+}
 const useSidebarOpenState = () => {
   const versionedOpenStateContext = useContext(VersionedSidebarContext);
   const legacyOpenStateContext = useContext(LegacySidebarContext);