From 6810313a09bf60048e034b27fdd98973fe690e00 Mon Sep 17 00:00:00 2001
From: Julian Skinner <dev+github-bot@kajabi.com>
Date: Thu, 13 Jul 2023 16:59:23 -0500
Subject: [PATCH] fix(react-dropdowns): add ...rest to allow additional props

these props need to be to pass down to the base component Dropdown

fixes: https://kajabi.atlassian.net/browse/DSS-433
---
 packages/sage-react/lib/Dropdown/OptionsDropdown.jsx | 2 ++
 packages/sage-react/lib/Dropdown/SelectDropdown.jsx  | 2 ++
 packages/sage-react/lib/Dropdown/ToolbarDropdown.jsx | 2 ++
 3 files changed, 6 insertions(+)

diff --git a/packages/sage-react/lib/Dropdown/OptionsDropdown.jsx b/packages/sage-react/lib/Dropdown/OptionsDropdown.jsx
index 8d0ef9d251..b7a8d89276 100644
--- a/packages/sage-react/lib/Dropdown/OptionsDropdown.jsx
+++ b/packages/sage-react/lib/Dropdown/OptionsDropdown.jsx
@@ -15,6 +15,7 @@ export const OptionsDropdown = ({
   panelSize,
   options,
   triggerButtonSubtle,
+  ...rest // Used as an option to pass other props to Dropdown (base) component
 }) => (
   <Dropdown
     align={align}
@@ -29,6 +30,7 @@ export const OptionsDropdown = ({
     panelSize={panelSize}
     triggerModifier="options"
     triggerButtonSubtle={triggerButtonSubtle}
+    {...rest}
   >
     <Dropdown.ItemList items={options} />
   </Dropdown>
diff --git a/packages/sage-react/lib/Dropdown/SelectDropdown.jsx b/packages/sage-react/lib/Dropdown/SelectDropdown.jsx
index 416b5a3c47..850e7df84e 100644
--- a/packages/sage-react/lib/Dropdown/SelectDropdown.jsx
+++ b/packages/sage-react/lib/Dropdown/SelectDropdown.jsx
@@ -37,6 +37,7 @@ export const SelectDropdown = ({
   selectionBecomesLabel,
   showSelectionsAsLabels,
   triggerWidth,
+  ...rest // Used as an option to pass other props to Dropdown (base) component
 }) => {
   const emptySelectedValue = (
     <>
@@ -213,6 +214,7 @@ export const SelectDropdown = ({
       panelSize={panelSize}
       triggerModifier="select"
       triggerWidth={triggerWidth}
+      {...rest}
     >
       <Dropdown.ItemList
         allowMultiselect={allowMultiselect}
diff --git a/packages/sage-react/lib/Dropdown/ToolbarDropdown.jsx b/packages/sage-react/lib/Dropdown/ToolbarDropdown.jsx
index a4cf1863ac..1b608d0ae1 100644
--- a/packages/sage-react/lib/Dropdown/ToolbarDropdown.jsx
+++ b/packages/sage-react/lib/Dropdown/ToolbarDropdown.jsx
@@ -15,6 +15,7 @@ export const ToolbarDropdown = ({
   options,
   triggerButtonSubtle,
   triggerClassnames,
+  ...rest // Used as an option to pass other props to Dropdown (base) component
 }) => (
   <Dropdown
     align={align}
@@ -30,6 +31,7 @@ export const ToolbarDropdown = ({
     triggerModifier="options"
     triggerButtonSubtle={triggerButtonSubtle}
     triggerClassnames={triggerClassnames}
+    {...rest}
   >
     <Dropdown.ItemList items={options} />
   </Dropdown>