@sproutsocial/seeds-react-menu 0.5.0 → 0.6.0

package/src/types.ts

@@ -1,41 +1,49 @@
-import { type TypeMenuItemProps } from "./MenuItem";
-import type { TypeMenuGroupProps } from "./MenuGroup";
-import type { TypeMenuRootProps } from "./MenuRoot/index";
+import type { UseComboboxGetInputPropsOptions } from "downshift";
+import type { TypeMenuItemProps } from "./MenuItem";
+import type { TypeMenuGroupBaseProps } from "./MenuGroup";
+import type { TypeMenuRootProps } from "./MenuRoot";
 
-export interface TypeDefaultItemProps {
+// The items object used internally for Menu functionality
+export interface TypeInternalItemProps<Item = TypeMenuItemProps> {
   id: string;
   index: number;
   disabled?: boolean;
-  hidden?: boolean;
-  menuItemProps?: TypeMenuItemProps;
-  menuGroupProps?: TypeMenuGroupProps;
+  menuItemProps?: Item;
+  menuGroupProps?: TypeMenuGroupBaseProps;
 }
 
-/* The base type, which is narrowed to specific configurations.*/
-type TypeBaseChildrenOrItems = {
-  /** Allows menu items to be passed in as children. Cannot be used with the items prop.*/
-  children?: TypeMenuRootProps["children"];
-  /** Allows menu items to be passed in as objects. Cannot be used with the children prop.*/
-  items?: TypeMenuItemProps[];
-  /** Allows a custom MenuItem component to be used when rendering using the items prop.*/
-  MenuItemComponent?: React.ComponentType<TypeMenuItemProps>;
-};
-
-type TypePropsWithChildren = {
-  children: TypeMenuRootProps["children"];
-  items?: never;
-  MenuItemComponent?: never;
-};
-
-type TypePropsWithItems = {
-  children?: never;
-  items: TypeMenuItemProps[];
-};
-
-export type TypeChildrenOrItems = TypeBaseChildrenOrItems &
-  (TypePropsWithChildren | TypePropsWithItems);
+export type TypeChildrenOrItems<
+  I extends TypeMenuItemProps = TypeMenuItemProps
+> =
+  | {
+      /** Allows menu items to be passed in as children. Cannot be used with the items prop.*/
+      children: TypeMenuRootProps["children"];
+      menuItems?: never;
+      MenuItemComponent?: never;
+    }
+  | {
+      children?: never;
+      /** Allows menu items to be passed in as objects. Cannot be used with the children prop.*/
+      menuItems: I[];
+      /** Allows a custom MenuItem component to be used when rendering using the items prop.*/
+      MenuItemComponent?: React.ComponentType<I>;
+    };
 
 export type TypeNotEmptyChildren =
   | React.ReactChild
   | React.ReactFragment
   | React.ReactPortal;
+
+type TypeInputEventListeners =
+  | "onKeyDown"
+  | "onChange"
+  | "onInput"
+  | "onBlur"
+  | "onClick"
+  | "refKey";
+
+export type TypeDownshiftMergedInputProps<B> = Pick<
+  UseComboboxGetInputPropsOptions,
+  TypeInputEventListeners
+> &
+  Omit<Partial<B>, TypeInputEventListeners>;

package/src/utils/downshiftDefaults.ts

@@ -0,0 +1,9 @@
+import type { TypeInternalItemProps } from "../types";
+
+export const itemToString = (item: TypeInternalItemProps | null) => {
+  return item ? item.id : "";
+};
+
+export const itemToKey = (item: TypeInternalItemProps | null) => {
+  return item ? item.id : "";
+};

package/src/utils/getMultiSelectOverrides.ts

@@ -0,0 +1,21 @@
+import type { TypeDownshiftMultiSelectProps } from "../MenuContext";
+
+export const getMultiSelectOverrides = ({
+  getA11yMultiStatusMessage,
+  onMultiSelectStateChange,
+  multiSelectStateReducer,
+  ...useSelectProps
+}: TypeDownshiftMultiSelectProps) =>
+  Object.entries({
+    ...useSelectProps,
+    getA11yStatusMessage: getA11yMultiStatusMessage,
+    onStateChange: onMultiSelectStateChange,
+    stateReducer: multiSelectStateReducer,
+  }).reduce(
+    (a, [k, v]) => (v ? ((a[k] = v), a) : a),
+    {} as {
+      getA11yStatusMessage?: TypeDownshiftMultiSelectProps["getA11yMultiStatusMessage"];
+      onStateChange?: TypeDownshiftMultiSelectProps["onMultiSelectStateChange"];
+      stateReducer?: TypeDownshiftMultiSelectProps["multiSelectStateReducer"];
+    }
+  );

package/src/utils/reduceReducers.ts

@@ -0,0 +1,19 @@
+export type TypeReducer<S extends Object, A extends { changes: Partial<S> }> = (
+  state: S,
+  action: A
+) => Partial<S>;
+export const reduceReducers =
+  <S extends Object, A extends { changes: Partial<S> }>(
+    ...reducers: (undefined | TypeReducer<S, A>)[]
+  ): TypeReducer<S, A> =>
+  (state, action) =>
+    reducers.reduce(
+      (changes, nextReducer) =>
+        nextReducer
+          ? nextReducer(state, {
+              ...action,
+              changes,
+            })
+          : changes,
+      action.changes as Partial<S>
+    );

package/src/utils/itemToString.ts

@@ -1,5 +0,0 @@
-import type { TypeDefaultItemProps } from "../types";
-
-export const itemToString = (item: TypeDefaultItemProps | null) => {
-  return item ? item.id : "";
-};