From 209d6d492cd7d96b7bbf6cd2fb9d45ebb6ebdf0d Mon Sep 17 00:00:00 2001
From: Tal Koren <talko@monday.com>
Date: Mon, 3 Jun 2024 17:49:14 +0300
Subject: [PATCH] fix(ResponsiveList): add static props for backwards (#2161)

---
 .../src/components/ResponsiveList/ResponsiveList.tsx     | 9 ++++++---
 packages/core/webpack/published-js-components.js         | 1 -
 packages/core/webpack/published-ts-components.js         | 1 +
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/core/src/components/ResponsiveList/ResponsiveList.tsx b/packages/core/src/components/ResponsiveList/ResponsiveList.tsx
index f6c937e055..dd300ded5d 100644
--- a/packages/core/src/components/ResponsiveList/ResponsiveList.tsx
+++ b/packages/core/src/components/ResponsiveList/ResponsiveList.tsx
@@ -4,11 +4,13 @@ import useMergeRef from "../../hooks/useMergeRef";
 import useElementsOverflowingIndex from "../../hooks/useElementsOverflowingIndex";
 import { ComponentDefaultTestId, getTestId } from "../../tests/test-ids-utils";
 import styles from "./ResponsiveList.module.scss";
-import { VibeComponent } from "../../types";
+import { VibeComponent, withStaticProps } from "../../types";
 import MenuButton from "../MenuButton/MenuButton";
 import { DEFAULT_MINIMAL_MARGIN, EMPTY_ARRAY, ResponsiveListProps } from "./ResponsiveList.types";
 
-const ResponsiveList: VibeComponent<ResponsiveListProps> = forwardRef<HTMLDivElement, ResponsiveListProps>(
+const ResponsiveList: VibeComponent<ResponsiveListProps> & {
+  menuButtonSizes?: typeof MenuButton.sizes;
+} = forwardRef<HTMLDivElement, ResponsiveListProps>(
   (
     {
       id,
@@ -101,4 +103,5 @@ const ResponsiveList: VibeComponent<ResponsiveListProps> = forwardRef<HTMLDivEle
     );
   }
 );
-export default ResponsiveList;
+
+export default withStaticProps(ResponsiveList, { menuButtonSizes: MenuButton.sizes });
diff --git a/packages/core/webpack/published-js-components.js b/packages/core/webpack/published-js-components.js
index c3f91f2bdb..be84e57e1f 100644
--- a/packages/core/webpack/published-js-components.js
+++ b/packages/core/webpack/published-js-components.js
@@ -1,5 +1,4 @@
 const publishedJSComponents = {
-  ResponsiveList: "components/ResponsiveList/ResponsiveList",
   MultiStepIndicator: "components/MultiStepIndicator/MultiStepIndicator",
   Dropdown: "components/Dropdown/Dropdown",
   DropdownMenu: "components/Dropdown/components/menu/menu",
diff --git a/packages/core/webpack/published-ts-components.js b/packages/core/webpack/published-ts-components.js
index 90129b7ad2..a0970e2c24 100644
--- a/packages/core/webpack/published-ts-components.js
+++ b/packages/core/webpack/published-ts-components.js
@@ -1,6 +1,7 @@
 const publishedTSComponents = {
   // Don't remove next line
   // plop_marker:published-components
+  ResponsiveList: "components/ResponsiveList/ResponsiveList",
   TextArea: "components/TextArea/TextArea",
   EditableText: "components/EditableText/EditableText",
   Badge: "components/Badge/Badge",