From 8f29811d5a44a8c915f97e6af8db0ceaf378d0ce Mon Sep 17 00:00:00 2001
From: Cao Hoang <65607230+cnhhoang850@users.noreply.github.com>
Date: Mon, 24 Feb 2025 21:24:33 +0700
Subject: [PATCH] fix: Some errors breaking storybook build (#18767)

* fix: filters ui breaking in routing insights page

* fix: story book build errors

---------

Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
---
 apps/storybook/.storybook/main.ts                             | 2 --
 apps/storybook/postcss.config.js                              | 3 ++-
 .../salesforce/components/EventTypeAppCardInterface.tsx       | 4 ++--
 packages/ui/components/buttonGroup/buttongroup.stories.mdx    | 2 +-
 packages/ui/components/sheet/sheet.stories.mdx                | 2 +-
 5 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/apps/storybook/.storybook/main.ts b/apps/storybook/.storybook/main.ts
index bc68cb15c0..ccc88c5c61 100644
--- a/apps/storybook/.storybook/main.ts
+++ b/apps/storybook/.storybook/main.ts
@@ -9,8 +9,6 @@ const config: StorybookConfig = {
     "../../../packages/ui/components/**/*.docs.mdx",
     "../../../packages/features/**/*.stories.@(js|jsx|ts|tsx)",
     "../../../packages/features/**/*.docs.mdx",
-    "../../../packages/atoms/**/*.stories.@(js|jsx|ts|tsx)",
-    "../../../packages/atoms/**/*.docs.mdx",
   ],
 
   addons: [
diff --git a/apps/storybook/postcss.config.js b/apps/storybook/postcss.config.js
index 9d4fb12a8d..8616b1976f 100644
--- a/apps/storybook/postcss.config.js
+++ b/apps/storybook/postcss.config.js
@@ -11,7 +11,8 @@ module.exports = {
      * These styles will only be added in storybook, and will NOT
      * end up in the final css bundle of apps using the components.
      */
-    "postcss-pseudo-companion-classes": {
+    [require.resolve("postcss-pseudo-companion-classes")]: {
+      prefix: "sb-pseudo--",
       prefix: "sb-pseudo--",
       // We have to keep a restrictTo list here, because otherwise
       // this library will have issues processing tailwind's \: prefixed classes
diff --git a/packages/app-store/salesforce/components/EventTypeAppCardInterface.tsx b/packages/app-store/salesforce/components/EventTypeAppCardInterface.tsx
index ca5e2bc08a..126e0a6f8d 100644
--- a/packages/app-store/salesforce/components/EventTypeAppCardInterface.tsx
+++ b/packages/app-store/salesforce/components/EventTypeAppCardInterface.tsx
@@ -209,7 +209,7 @@ const EventTypeAppCard: EventTypeAppCardComponent = function EventTypeAppCard({
                 <div>{t("value")}</div>
               </div>
               <div>
-                {...Object.keys(onBookingWriteToEventObjectMap).map((key) => (
+                {Object.keys(onBookingWriteToEventObjectMap).map((key) => (
                   <div className="mt-2 grid grid-cols-3 gap-4" key={key}>
                     <div>
                       <InputField value={key} readOnly />
@@ -303,7 +303,7 @@ const EventTypeAppCard: EventTypeAppCardComponent = function EventTypeAppCard({
                 <div>{t("when_to_write")}</div>
               </div>
               <div>
-                {...Object.keys(onBookingWriteToRecordFields).map((key) => (
+                {Object.keys(onBookingWriteToRecordFields).map((key) => (
                   <div className="mt-2 grid grid-cols-5 gap-4" key={key}>
                     <div>
                       <InputField value={key} readOnly />
diff --git a/packages/ui/components/buttonGroup/buttongroup.stories.mdx b/packages/ui/components/buttonGroup/buttongroup.stories.mdx
index 7d83aa9f2c..ca570cc82e 100644
--- a/packages/ui/components/buttonGroup/buttongroup.stories.mdx
+++ b/packages/ui/components/buttonGroup/buttongroup.stories.mdx
@@ -12,7 +12,7 @@ import {
 
 import { Icon } from "@calcom/ui/icon";
 import { Button } from "@calcom/ui/button";
-import { ButtonGroup } from "@calcom/ui/ButtonGroup";
+import { ButtonGroup } from "@calcom/ui/buttonGroup";
 
 <Meta title="UI/Button Group" component={ButtonGroup} />
 
diff --git a/packages/ui/components/sheet/sheet.stories.mdx b/packages/ui/components/sheet/sheet.stories.mdx
index dc92e316fe..521e8cf11a 100644
--- a/packages/ui/components/sheet/sheet.stories.mdx
+++ b/packages/ui/components/sheet/sheet.stories.mdx
@@ -21,7 +21,7 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger,
-} from "./sheet";
+} from "./Sheet";
 
 <Meta title="UI/Sheet" />