feat: add popupProps back

jquense · Feb 14, 2022 · bf54a55 · bf54a55
1 parent 1c2b1b5
commit bf54a55
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 1 deletion.
diff --git a/packages/react-widgets/src/Combobox.tsx b/packages/react-widgets/src/Combobox.tsx
@@ -190,6 +190,7 @@ const ComboboxImpl: Combobox = React.forwardRef(function Combobox<TDataItem>(
     onFocus,
     inputProps,
     listProps,
+    popupProps,
     groupBy,
     renderListItem,
     renderListGroup,
@@ -482,6 +483,7 @@ const ComboboxImpl: Combobox = React.forwardRef(function Combobox<TDataItem>(
       <FocusListContext.Provider value={list.context}>
         {shouldRenderPopup && (
           <Popup
+            {...popupProps}
             dropUp={dropUp}
             open={popupOpen}
             transition={popupTransition}

diff --git a/packages/react-widgets/src/DatePicker.tsx b/packages/react-widgets/src/DatePicker.tsx
@@ -250,6 +250,7 @@ export interface DatePickerProps<TLocalizer = unknown>
    */
   dropUp?: boolean
 
+  popupProps: object
   popupTransition?: React.ComponentType<TransitionProps>
   popupComponent?: React.ComponentType<PopupProps>
 
@@ -333,6 +334,7 @@ const DatePicker = React.forwardRef(
       inputProps,
       calendarProps,
       timeInputProps,
+      popupProps,
       autoFocus,
       tabIndex,
       disabled,
@@ -573,6 +575,7 @@ const DatePicker = React.forwardRef(
 
         {!!shouldRenderList && (
           <Popup
+            {...popupProps}
             dropUp={dropUp}
             open={open}
             role="dialog"

diff --git a/packages/react-widgets/src/DropdownList.tsx b/packages/react-widgets/src/DropdownList.tsx
@@ -210,6 +210,7 @@ const DropdownListImpl: DropdownList = React.forwardRef(function DropdownList<
     onClick,
     inputProps,
     listProps,
+    popupProps,
     renderListItem,
     renderListGroup,
     optionComponent,
@@ -576,6 +577,7 @@ const DropdownListImpl: DropdownList = React.forwardRef(function DropdownList<
         </WidgetPicker>
         {shouldRenderPopup && (
           <Popup
+            {...popupProps}
             dropUp={dropUp}
             open={currentOpen}
             transition={popupTransition}
@@ -610,7 +612,10 @@ const DropdownListImpl: DropdownList = React.forwardRef(function DropdownList<
             />
             {showCreateOption && (
               <AddToListOption onSelect={handleCreate}>
-                {localizer.messages.createOption(currentValue, currentSearch || '')}
+                {localizer.messages.createOption(
+                  currentValue,
+                  currentSearch || '',
+                )}
               </AddToListOption>
             )}
           </Popup>

diff --git a/packages/react-widgets/src/Multiselect.tsx b/packages/react-widgets/src/Multiselect.tsx
@@ -281,6 +281,7 @@ const Multiselect: Multiselect = React.forwardRef(function Multiselect<
     onFocus,
     inputProps,
     listProps,
+    popupProps,
     renderListItem,
     renderListGroup,
     renderTagValue,
@@ -685,6 +686,7 @@ const Multiselect: Multiselect = React.forwardRef(function Multiselect<
       <FocusListContext.Provider value={list.context}>
         {shouldRenderPopup && (
           <Popup
+            {...popupProps}
             dropUp={dropUp}
             open={currentOpen}
             transition={popupTransition}

diff --git a/packages/react-widgets/src/shared.ts b/packages/react-widgets/src/shared.ts
@@ -172,6 +172,7 @@ export interface PopupWidgetProps {
   containerClassName?: string
 
   dropUp?: boolean
+  popupProps: Record<string, any>
   popupTransition?: React.ComponentType<TransitionProps>
   popupComponent?: React.ComponentType<PopupProps>