fix(ResponsiveList): add static props for backwards (#2161)

mondaycom · Jun 3, 2024 · 209d6d4 · 209d6d4
1 parent 99d44ad
commit 209d6d4
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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",