@movable/ui 1.7.0 → 1.8.0

package/lib/components/Dialog/InkDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from '@mui/material';
 import type { DialogProps } from '@mui/material/Dialog';
 export type ActionPropType = Omit<ButtonProps, 'variant'> & {

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 type HeaderMetadataType = {
     icon: string | JSX.Element;
     label: string;
-    value: string;
+    value: string | JSX.Element;
 };
 type MetaDataProps = {
     metadata: HeaderMetadataType[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps, Theme } from '@mui/material';
 type InkPageHeaderProps = {
     Breadcrumbs?: JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type InkWorkflowHeaderProps = {
     label: string;
     Stepper?: JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppBarProps } from '@mui/material';
 export type Position = 'sticky' | 'static';
 type StickyHeaderProps = Omit<AppBarProps, 'children'> & {

package/lib/components/InkEmptyState/EmptyStateIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { SvgIconTypeMap } from '@mui/material';
 type EmptyStateIconType = {

package/lib/components/InkEmptyState/InkEmptyState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps, Theme, SvgIconTypeMap } from '@mui/material';
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 import { VariantType } from './VariantStyles';

package/lib/components/InkEmptyTableMessage/InkEmptyTableMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type InkEmptyTableProps = {
     icon?: JSX.Element;
     title?: string;

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/InkSelectTest.d.ts

@@ -1,3 +1,3 @@
 export declare const InkSelectTest: ({ helperText }: {
-    helperText?: string | undefined;
+    helperText?: string;
 }) => import("react/jsx-runtime").JSX.Element;

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/components/InkToggleIcon/InkToggleIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToggleButtonProps } from '@mui/material';
 type InkToggleIconProps = ToggleButtonProps & {
     ariaLabel?: string;

package/lib/components/InkToggleIconGroup/InkToggleIconGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToggleButtonGroupProps } from '@mui/material';
 export type InkToggleIconGroupProps = ToggleButtonGroupProps & {
     id: string;

package/lib/components/InkToggleTextGroup/InkToggleTextGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToggleButtonGroupProps } from '@mui/material';
 type InkToggleTextGroupProps = ToggleButtonGroupProps & {
     id: string;

package/lib/components/surfaces/InkPaper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PaperProps } from '@mui/material/Paper';
 export type InkPaperProps = PaperProps & {
     Header: string | JSX.Element;