@entur/menu 4.2.40 → 5.0.0

package/dist/OverflowMenu.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import type { MenuButtonProps, MenuItemProps, MenuLinkProps } from '@reach/menu-button';
-import type * as Polymorphic from '@reach/polymorphic';
+import { Placement } from '@entur/tooltip';
 import './OverflowMenu.scss';
 export type OverflowMenuProps = {
     /** Menypunkter (OverflowMenuItem eller OverflowMenuLink) */
     children: React.ReactNode;
+    buttonIcon?: React.ReactNode;
     /** Knapp som skal åpne OverflowMenu
      * @default IconButton med VerticalDotsIcon
      */
@@ -12,34 +12,41 @@ export type OverflowMenuProps = {
     /** Ekstra klassenavn */
     className?: string;
     /** Posisjoneringen av OverflowMenu-lista
-     * @default 'right'
+     * @default 'bottom-start'
+     */
+    placement?: Placement;
+    /**
+     * @deprecated Use placement insted.
+     * This is done to standardise the name of
+     * the relative position prop used in Entur
+     * designs sytstem components
      */
     position?: 'right' | 'left';
-} & MenuButtonProps;
-export declare const OverflowMenu: React.FC<OverflowMenuProps>;
+    /** Tekst som beskriver knappen som åpner Overflow-menyen
+     * @default "åpne valgmeny"
+     */
+    'aria-label'?: string;
+};
+export declare const OverflowMenu: ({ children, className, button, buttonIcon, placement, "aria-label": ariaLabel, ...rest }: OverflowMenuProps) => React.JSX.Element;
 export type OverflowMenuItemProps = {
     /** Innholdet til OverflowMenuItem */
     children: React.ReactNode;
-    /** HTML-elementet eller React-komponenten som lager elementet
-     * @default "button"
-     */
-    as?: 'button' | React.ElementType;
     /** Ekstra klassenavn */
     className?: string;
     /** Det som skjer når elementet er valgt, enten ved museklikk eller Enter-klikk */
-    onSelect: () => void;
-} & MenuItemProps;
-export declare const OverflowMenuItem: Polymorphic.ForwardRefComponent<"div", OverflowMenuItemProps>;
-export type OverflowMenuLinkProps = {
-    /** Innholdet til OverflowMenuLink */
-    children: React.ReactNode;
-    /** HTML-elementet eller React-komponenten som lager elementet
-     * @default "a"
+    onSelect?: () => void;
+    /** Lenke til siden brukeren skal sendes til.
+     *  Obs: kun én av onSelect og href skal brukes på ett element
      */
-    as?: string | React.ReactElement;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Det som skjer når elementet er valgt, enten ved museklikk eller Enter-klikk */
-    onSelect: () => void;
-} & MenuLinkProps;
-export declare const OverflowMenuLink: Polymorphic.ForwardRefComponent<"a", OverflowMenuLinkProps>;
+    href?: string;
+    /** Om dette valget skal være deaktivert */
+    disabled?: boolean;
+};
+export declare const OverflowMenuItem: ({ children, className, onSelect, href, disabled, ...rest }: OverflowMenuItemProps) => React.JSX.Element;
+type OverflowMenuLinkExtendedProps = {
+    /** @deprecated onSelect is no longer used
+     * in OverflowMenuLink, use 'href' instead */
+    onSelect?: () => void;
+};
+export declare const OverflowMenuLink: ({ href, ...rest }: Omit<OverflowMenuItemProps, 'onSelect'> & OverflowMenuLinkExtendedProps) => React.JSX.Element;
+export {};

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 import './index.scss';
 export * from './BreadcrumbNavigation';
 export * from './BreadcrumbItem';
+export * from './CollapsibleSideNavigation';
+export * from './OverflowMenu';
+export * from './Pagination';
 export * from './SideNavigation';
 export * from './SideNavigationItem';
 export * from './SideNavigationGroup';
-export * from './TopNavigationItem';
-export * from './Pagination';
 export * from './Stepper';
-export * from './OverflowMenu';
-export * from './CollapsibleSideNavigation';
+export * from './TopNavigationItem';