fix(SplitButton storybook): - fix stories that use wrong prop (#2138)

mondaycom · May 23, 2024 · 5f9c0a4 · 5f9c0a4
1 parent 118d83d
commit 5f9c0a4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/core/src/components/SplitButton/SplitButton.tsx b/packages/core/src/components/SplitButton/SplitButton.tsx
@@ -44,7 +44,8 @@ export interface SplitButtonProps extends ButtonProps {
    * Class name to provide the element which wraps the popover/modal/dialog
    */
   secondaryDialogClassName?: string;
-  secondaryDialogPosition?: DialogPosition;
+  // TODO in next major remove type DialogPosition
+  secondaryDialogPosition?: DialogPosition | SplitButtonSecondaryContentPosition;
   /*
     Popover Container padding size
    */

diff --git a/packages/core/src/components/SplitButton/__stories__/splitButton.stories.js b/packages/core/src/components/SplitButton/__stories__/splitButton.stories.js
@@ -187,7 +187,7 @@ export const SplitButtonAsThePrimaryAction = {
   render: () => (
     <SplitButton
       children="Use template"
-      secondaryPositions={SplitButton.secondaryPositions.BOTTOM_END}
+      secondaryDialogPosition={SplitButton.secondaryDialogPositions.BOTTOM_START}
       secondaryDialogContent={
         <SplitButtonMenu id="split-menu">
           <MenuItem icon={Download} title="Import template" />
@@ -211,7 +211,7 @@ export const SecondarySplitButton = {
       <SplitButton
         children="Export to CSV"
         kind={SplitButton.kinds.SECONDARY}
-        secondaryPositions={SplitButton.secondaryPositions.BOTTOM_MIDDLE}
+        secondaryDialogPosition={SplitButton.secondaryDialogPositions.BOTTOM_START}
         secondaryDialogContent={
           <SplitButtonMenu id="split-menu">
             <MenuItem title="Export to PDF" />