docs: Replace tip alpha warning deprecated warning with vibe storyboo…

…k components (#1628)

.storybook/preview.js

@@ -2,7 +2,7 @@ import { addParameters } from "@storybook/react";
 import { DocsContainer, DocsPage } from "@storybook/addon-docs";
 import { withPerformance } from "storybook-addon-performance";
 import "monday-ui-style/dist/index.min.css";
-import { ComponentNameDecorator, RelatedComponentsDecorator, Tip } from "../src/storybook";
+import { ComponentNameDecorator, RelatedComponentsDecorator } from "../src/storybook";
 import {
   AnchorListItem,
   ComponentRules,
@@ -14,6 +14,7 @@ import {
   MultipleStoryElementsWrapper,
   Paragraph,
   SectionName,
+  Tip,
   Title,
   UnstyledList,
   UnstyledListItem,

package.json

@@ -103,7 +103,7 @@
     "react-window": "^1.8.7",
     "react-windowed-select": "^2.0.4",
     "style-inject": "^0.3.0",
-    "vibe-storybook-components": "^0.8.0"
+    "vibe-storybook-components": "^0.9.0"
   },
   "devDependencies": {
     "@babel/core": "^7.16.5",

scripts/build-utils.js

@@ -1,11 +1,7 @@
 #!/usr/bin/env node
 const fs = require("fs");
 const path = require("path");
-const {
-  publishedTSComponents,
-  publishedJSComponents,
-  publishedStorybookComponents
-} = require("../webpack/published-components");
+const { publishedTSComponents, publishedJSComponents } = require("../webpack/published-components");
 
 function createFoldersIfNotExist() {
   // if dist is not exist let's create it
@@ -52,11 +48,7 @@ function buildComponentsTypesIndexFile() {
 
 function buildStorybookComponentsIndexFile() {
   const imports = ["import 'vibe-storybook-components/index.css';"];
-  const exports = Object.entries(publishedStorybookComponents).map(([name, _path]) => {
-    const fileName = name.split("/").slice(-1);
-    return buildComponentExport(fileName, `./${fileName}`);
-  });
-  exports.push("export * from 'vibe-storybook-components'");
+  const exports = ["export * from 'vibe-storybook-components'"];
   convertExportsToFile(imports.concat(exports), "storybook/index.js");
 }
 

src/components/LegacyHeading/__stories__/LegacyHeading.stories.mdx

@@ -1,7 +1,7 @@
 import Heading from "../LegacyHeading";
 import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
-import { createStoryMetaSettingsDecorator, DeprecatedWarning } from "../../../storybook";
-import { createComponentTemplate, Link } from "vibe-storybook-components";
+import { createStoryMetaSettingsDecorator } from "../../../storybook";
+import { createComponentTemplate, DeprecatedWarning, Link } from "vibe-storybook-components";
 import Divider from "../../Divider/Divider";
 import Search from "../../Search/Search";
 import Checkbox from "../../Checkbox/Checkbox";

src/storybook/components/index.js

@@ -1,8 +1,5 @@
 import { ComponentNameDecorator } from "./component-name/component-name-decorator";
-import { Tip } from "./tip/tip";
-import { AlphaWarning } from "./alpha-warning/alpha-warning";
-import { DeprecatedWarning } from "./deprecated-warning/deprecated-warning";
 import { RelatedComponentsDecorator } from "./related-components/related-components-decorator";
 import { ComingSoon } from "./coming-soon/coming-soon";
 
-export { AlphaWarning, Tip, ComponentNameDecorator, RelatedComponentsDecorator, ComingSoon, DeprecatedWarning };
+export { ComponentNameDecorator, RelatedComponentsDecorator, ComingSoon };

src/storybook/stand-alone-documentaion/typography-new/typography.stories.mdx

@@ -1,10 +1,9 @@
 import { Meta } from "@storybook/addon-docs";
-import { Frame, Link } from "vibe-storybook-components";
+import { Frame, Link, AlphaWarning } from "vibe-storybook-components";
 import { TextStyles } from "./text-styles/text-styles";
 import TextColors from "../colors/text-colors/text-colors";
 import { COLORS, SHADOW, SPACING } from "../../components/related-components/component-description-map";
 import { typographyExample1, typographyExample2 } from "./assets";
-import { AlphaWarning } from "../../components/alpha-warning/alpha-warning";
 import "./typography.scss";
 
 <Meta title="Foundations/Typography" />

webpack/published-components.js

@@ -2,11 +2,10 @@ const path = require("path");
 const { exposeIcons } = require("../src/utils/icon-utils");
 const { publishedJSComponents } = require("./published-js-components");
 const { publishedTSComponents } = require("./published-ts-components");
-const { publishedStorybookComponents } = require("./published-storybook-components");
 
 const SRC_PATH = path.join(__dirname, "../src");
 
-const publishedComponents = { ...publishedJSComponents, ...publishedTSComponents, ...publishedStorybookComponents };
+const publishedComponents = { ...publishedJSComponents, ...publishedTSComponents };
 
 function getPublishedComponents() {
   return Object.entries(publishedComponents).reduce(
@@ -22,7 +21,6 @@ module.exports = {
   publishedComponents,
   publishedJSComponents,
   publishedTSComponents,
-  publishedStorybookComponents,
   getPublishedComponents,
   exposeIcons
 };