fixup! add(select-inputs): add action selector

Author: subinasr

src/components/MultiSelectInput/SearchMultiSelectInput.tsx

@@ -55,7 +55,7 @@ export type SearchMultiSelectInputProps<
     searchOptions?: O[] | undefined | null;
     keySelector: (option: O) => T;
     labelSelector: (option: O) => string;
-    actionSelector?: (option: O) => React.ReactNode;
+    actionsSelector?: (option: O) => React.ReactNode;
     hideOptionFilter?: (option: O) => boolean;
     name: K;
     disabled?: boolean;
@@ -103,7 +103,7 @@ function SearchMultiSelectInput<
     const {
         keySelector,
         labelSelector,
-        actionSelector,
+        actionsSelector,
         name,
         onChange,
         onOptionsChange,
@@ -244,11 +244,11 @@ function SearchMultiSelectInput<
                 children: labelSelector(option),
                 containerClassName: _cs(styles.option, isActive && styles.active),
                 title: labelSelector(option),
-                actions: actionSelector?.(option),
+                actions: actionsSelector?.(option),
                 isActive,
             };
         },
-        [labelSelector, value, actionSelector],
+        [labelSelector, value, actionsSelector],
     );
 
     // FIXME: value should not be on dependency list, also try to pass options like in SelectInput

src/components/SelectInput/SearchSelectInput.tsx

@@ -52,7 +52,7 @@ export type SearchSelectInputProps<
     searchOptions?: O[] | undefined | null;
     keySelector: (option: O) => T;
     labelSelector: (option: O) => string;
-    actionSelector?: (option: O) => React.ReactNode;
+    actionsSelector?: (option: O) => React.ReactNode;
     hideOptionFilter?: (option: O) => boolean;
     name: K;
     disabled?: boolean;
@@ -108,7 +108,7 @@ function SearchSelectInput<
     const {
         keySelector,
         labelSelector,
-        actionSelector,
+        actionsSelector,
         name,
         onChange,
         onOptionsChange,
@@ -237,12 +237,12 @@ function SearchSelectInput<
 
             return {
                 children: labelSelector(option),
-                actions: actionSelector?.(option),
+                actions: actionsSelector?.(option),
                 containerClassName: _cs(styles.option, isActive && styles.active),
                 title: labelSelector(option),
             };
         },
-        [value, labelSelector, actionSelector],
+        [value, labelSelector, actionsSelector],
     );
 
     const handleOptionClick = useCallback(

src/stories/SearchSelectInput.stories.tsx

@@ -205,7 +205,7 @@ function handleClick(_:string | undefined, e: React.MouseEvent<HTMLButtonElement
 
 export const WithActions = Template.bind({});
 WithActions.args = {
-    actionSelector: () => (
+    actionsSelector: () => (
         <QuickActionButton
             name={undefined}
             onClick={handleClick}

src/stories/SelectInput.stories.tsx

@@ -57,7 +57,7 @@ function handleClick(_:string | undefined, e: React.MouseEvent<HTMLButtonElement
 
 export const WithActions = Template.bind({});
 WithActions.args = {
-    actionSelector: () => (
+    actionsSelector: () => (
         <QuickActionButton
             name={undefined}
             onClick={handleClick}