docs: sidebar tags (#1559)

mondaycom · Oct 16, 2023 · 0e6ec8c · 0e6ec8c
1 parent dc05b74
commit 0e6ec8c
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/.storybook/addons.jsx b/.storybook/addons.jsx
@@ -1,10 +1,13 @@
+import React from "react";
 import "@storybook/addon-docs/register";
 import "@storybook/addon-interactions/register";
 import "@storybook/addon-actions/register";
 import "@storybook/addon-links/register";
 import { create } from "@storybook/theming";
 import { addons } from "@storybook/addons";
 import logo from "./logo.png";
+import { SidebarItem } from "vibe-storybook-components";
+import "vibe-storybook-components/index.css";
 
 window.STORYBOOK_GA_ID = "UA-308574295";
 window.STORYBOOK_REACT_GA_OPTIONS = {};
@@ -22,5 +25,22 @@ const theme = create({
 });
 
 addons.setConfig({
-  theme
+  theme,
+  sidebar: {
+    renderLabel: ({ name, parameters = {} }) => {
+      const statusRegex = /\[([^)]+)\]/gi;
+      const [statusMatch, statusType] = statusRegex.exec(name) || [];
+
+      if (statusMatch) {
+        return <SidebarItem status={statusType}>{name.replace(statusMatch, "").trim()}</SidebarItem>;
+      }
+
+      const { status: storyStatus } = parameters;
+      if (!storyStatus) {
+        return name;
+      }
+
+      return <SidebarItem status={parameters.status}>{name.replace(storyStatus, "").trim()}</SidebarItem>;
+    }
+  }
 });
diff --git a/src/components/LegacyHeading/__stories__/LegacyHeading.stories.mdx b/src/components/LegacyHeading/__stories__/LegacyHeading.stories.mdx
@@ -22,7 +22,7 @@ export const metaSettings = createStoryMetaSettingsDecorator({
 });
 
 <Meta
-  title="Text/LegacyHeading"
+  title="Text/LegacyHeading [deprecated]"
   component={Heading}
   argTypes={metaSettings.argTypes}
   decorators={metaSettings.decorators}