@movable/ui 1.7.1 → 1.9.0

package/lib/components/Header/HeaderMetadata.d.ts

@@ -1,7 +1,7 @@
 type HeaderMetadataType = {
     icon: string | JSX.Element;
     label: string;
-    value: string;
+    value: string | JSX.Element;
 };
 type MetaDataProps = {
     metadata: HeaderMetadataType[];

package/lib/components/InkSelect/InkSelect.d.ts

@@ -1,12 +1,10 @@
 import { SelectProps, SxProps, Theme } from '@mui/material';
 import { UseControllerProps, FieldPath, FieldValues } from 'react-hook-form';
+import { MenuOption } from './useMenuHelper';
 type InkSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
     id: string;
     label?: string;
-    menuOptions?: {
-        label: string;
-        value: string;
-    }[];
+    menuOptions?: MenuOption[];
     variant?: 'filled' | 'outlined';
     placeholder?: string;
     helperText?: string;

package/lib/components/InkSelect/useMenuHelper.d.ts

@@ -0,0 +1,17 @@
+import { MenuItemProps } from '@mui/material';
+export type MenuOption = MenuItemProps & {
+    label: string;
+    group?: string;
+};
+type MenuPositionType = {
+    maxHeight: number;
+    placement: 'top' | 'bottom';
+};
+type UseMenuHelperParams = {
+    menuMaxHeight: number;
+    menuPlacement: MenuPositionType['placement'];
+    handleMenuOpen: (anchorRef: React.MutableRefObject<HTMLElement | null>) => void;
+    renderMenuItems: (children: React.ReactNode, menuOptions?: MenuOption[]) => JSX.Element[] | React.ReactNode;
+};
+declare const useMenuHelper: () => UseMenuHelperParams;
+export default useMenuHelper;

package/lib/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
+export * from './layouts';
 export { inkDialog, InkDialogPageObject, inkSelect } from './page-objects';
 export { default as MovableUITheme } from './theme';