@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/components/OverflowMenu/OverflowMenu.js

@@ -1,161 +0,0 @@
-import { toConsumableArray as _toConsumableArray, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef, useEffect, useId } from 'react';
-import styled from 'styled-components';
-import { visibilityTransition, selection, useFloatPosition, useCombinedRef, useOnClickOutside, useOnKeyDown, useRoveFocus, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import '../ScrollableContainer/Scrollbar.js';
-import '../ScrollableContainer/ScrollableContainer.js';
-import { scrollbarStyling } from '../ScrollableContainer/scrollbarStyling.js';
-import { OverflowMenuItem } from './OverflowMenuItem.js';
-import { overflowMenuTokens } from './OverflowMenu.tokens.js';
-import { Divider } from '../Divider/Divider.js';
-import { PersonIcon } from '@norges-domstoler/dds-icons';
-
-var container = overflowMenuTokens.container,
-  divider = overflowMenuTokens.divider;
-var Container = styled.div.withConfig({
-  displayName: "OverflowMenu__Container",
-  componentId: "sc-kh744b-0"
-})(["box-sizing:border-box;z-index:100;overflow-y:auto;min-width:180px;max-width:300px;", " border:", ";background-color:", ";border-radius:", ";", " ", " *::selection{", "}"], function (_ref) {
-  var isOpen = _ref.isOpen;
-  return visibilityTransition(isOpen);
-}, container.border, container.backgroundColor, container.borderRadius, scrollbarStyling.webkit, scrollbarStyling.firefox, selection);
-var OverflowMenuList = styled.ul.withConfig({
-  displayName: "OverflowMenu__OverflowMenuList",
-  componentId: "sc-kh744b-1"
-})(["display:flex;flex-direction:column;list-style-type:none;padding:0;margin:0;"]);
-var StyledDivider = styled(Divider).withConfig({
-  displayName: "OverflowMenu__StyledDivider",
-  componentId: "sc-kh744b-2"
-})(["margin-left:", ";margin-right:", ";"], divider.marginLeft, divider.marginRight);
-var OverflowMenu = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _a, _b;
-  var anchorRef = props.anchorRef,
-    onClose = props.onClose,
-    onToggle = props.onToggle,
-    _props$isOpen = props.isOpen,
-    isOpen = _props$isOpen === void 0 ? false : _props$isOpen,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottom-end' : _props$placement,
-    items = props.items,
-    navItems = props.navItems,
-    userProps = props.userProps,
-    id = props.id,
-    _props$offset = props.offset,
-    offset = _props$offset === void 0 ? overflowMenuTokens.offset : _props$offset,
-    className = props.className,
-    _props$htmlProps = props.htmlProps,
-    htmlProps = _props$htmlProps === void 0 ? {} : _props$htmlProps,
-    rest = __rest(props, ["anchorRef", "onClose", "onToggle", "isOpen", "placement", "items", "navItems", "userProps", "id", "offset", "className", "htmlProps"]);
-  var _useFloatPosition = useFloatPosition(null, {
-      placement: placement,
-      offset: offset
-    }),
-    reference = _useFloatPosition.reference,
-    floating = _useFloatPosition.floating,
-    refs = _useFloatPosition.refs,
-    styles = _useFloatPosition.styles;
-  var combinedRef = useCombinedRef(ref, floating);
-  useEffect(function () {
-    anchorRef ? reference(anchorRef.current) : reference(null);
-  }, [anchorRef]);
-  useOnClickOutside([(_a = refs === null || refs === void 0 ? void 0 : refs.floating) === null || _a === void 0 ? void 0 : _a.current, (_b = refs === null || refs === void 0 ? void 0 : refs.reference) === null || _b === void 0 ? void 0 : _b.current], function () {
-    if (isOpen) {
-      onClose && onClose();
-      onToggle && onToggle();
-    }
-  });
-  useOnKeyDown(['Esc', 'Escape'], function () {
-    var _a;
-    if (isOpen) {
-      onClose && onClose();
-      onToggle && onToggle();
-      anchorRef && ((_a = anchorRef.current) === null || _a === void 0 ? void 0 : _a.focus());
-    }
-  });
-  useOnKeyDown(['Tab'], function () {
-    if (isOpen) {
-      onClose && onClose();
-      onToggle && onToggle();
-    }
-  });
-  var interactiveItems = [];
-  var hasContextItems = !!items && items.length > 0;
-  var hasNavItems = !!navItems && navItems.length > 0;
-  var _c = userProps || {},
-    username = _c.name,
-    userPropsRest = __rest(_c, ["name"]);
-  var hasStaticUser = username && userProps && !userProps.href && !userProps.onClick;
-  var hasInteractiveUser = username && userProps && (!!userProps.href || !!userProps.onClick);
-  hasInteractiveUser && interactiveItems.push(Object.assign({
-    title: username
-  }, userPropsRest));
-  hasNavItems && interactiveItems.push.apply(interactiveItems, _toConsumableArray(navItems));
-  hasContextItems && interactiveItems.push.apply(interactiveItems, _toConsumableArray(items));
-  var hasInteractiveItems = interactiveItems.length > 0;
-  var _useRoveFocus = useRoveFocus(interactiveItems && interactiveItems.length, !isOpen),
-    _useRoveFocus2 = _slicedToArray(_useRoveFocus, 2),
-    focus = _useRoveFocus2[0],
-    setFocus = _useRoveFocus2[1];
-  var interactiveItemsList = hasInteractiveItems ? interactiveItems.map(function (item, index) {
-    return jsx("li", {
-      children: jsx(OverflowMenuItem, Object.assign({
-        index: index,
-        focus: focus === index && isOpen,
-        setFocus: setFocus,
-        icon: hasInteractiveUser && index === 0 ? PersonIcon : undefined
-      }, item, {
-        onClick: function onClick(e) {
-          item.onClick && item.onClick(e);
-          onToggle && onToggle();
-          onClose && onClose();
-        }
-      }))
-    }, index);
-  }) : null;
-  var interactiveContent = function interactiveContent() {
-    if (hasInteractiveItems) {
-      var userPropsPos = hasInteractiveUser ? 0 : -1;
-      var navItemsFirstPos = hasNavItems ? userPropsPos + 1 : -1;
-      var navItemsLastPos = hasNavItems ? userPropsPos + navItems.length : -1;
-      var contextItemsFirstPos = !hasContextItems ? -1 : hasNavItems ? navItemsLastPos + 1 : userPropsPos + 1;
-      return jsxs(Fragment, {
-        children: [hasInteractiveUser && jsx(OverflowMenuList, {
-          children: interactiveItemsList === null || interactiveItemsList === void 0 ? void 0 : interactiveItemsList[0]
-        }), hasNavItems && jsx("nav", {
-          children: jsx(OverflowMenuList, {
-            children: interactiveItemsList === null || interactiveItemsList === void 0 ? void 0 : interactiveItemsList.slice(navItemsFirstPos, navItemsLastPos + 1)
-          })
-        }), hasNavItems && hasContextItems && jsx(StyledDivider, {
-          color: "primaryLighter"
-        }), hasContextItems && jsx(OverflowMenuList, {
-          "aria-label": "kontekstmeny",
-          children: interactiveItemsList === null || interactiveItemsList === void 0 ? void 0 : interactiveItemsList.slice(contextItemsFirstPos, interactiveItemsList.length)
-        })]
-      });
-    }
-  };
-  var _htmlProps$style = htmlProps.style,
-    style = _htmlProps$style === void 0 ? {} : _htmlProps$style,
-    restHTMLProps = __rest(htmlProps, ["style"]);
-  var generatedId = useId();
-  var containerProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, restHTMLProps, rest)), {
-    ref: combinedRef,
-    id: id !== null && id !== void 0 ? id : "".concat(generatedId, "-overflowMenu"),
-    isOpen: isOpen,
-    style: Object.assign(Object.assign({}, style), styles.floating),
-    'aria-hidden': !isOpen,
-    role: 'menu'
-  });
-  return jsxs(Container, Object.assign({}, containerProps, {
-    "aria-label": "bruk piltaster for \xE5 navigere",
-    children: [hasStaticUser && jsx(OverflowMenuItem, {
-      title: username,
-      icon: PersonIcon
-    }), interactiveContent()]
-  }));
-});
-OverflowMenu.displayName = 'OverflowMenu';
-
-export { Container, OverflowMenu, OverflowMenuList };

package/dist/components/OverflowMenu/OverflowMenu.stories.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { OverflowMenuProps, OverflowMenuContextItem } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-        items?: OverflowMenuContextItem[] | undefined;
-        userProps?: ({
-            name: string;
-            href?: string | undefined;
-        } & (import("react").ButtonHTMLAttributes<HTMLButtonElement> | import("react").AnchorHTMLAttributes<HTMLAnchorElement>)) | undefined;
-        navItems?: import("./OverflowMenu.types").OverflowMenuLinkItem[] | undefined;
-        isOpen?: boolean | undefined;
-        onClose?: (() => void) | undefined;
-        onToggle?: (() => void) | undefined;
-        anchorRef?: import("react").RefObject<HTMLButtonElement> | undefined;
-        placement?: import("@norges-domstoler/dds-core").Placement | undefined;
-        offset?: number | undefined;
-    } & {
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-};
-export default _default;
-export declare const Default: (args: OverflowMenuProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithStaticUser: (args: OverflowMenuProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithInteractiveUser: (args: OverflowMenuProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithNavigation: (args: OverflowMenuProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithNavigationAndInteractiveUser: (args: OverflowMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/OverflowMenu/OverflowMenu.tokens.d.ts

@@ -1,34 +0,0 @@
-import { StaticTypographyType } from '@norges-domstoler/dds-typography';
-export declare const typographyType: StaticTypographyType;
-export declare const overflowMenuTokens: {
-    container: {
-        border: string;
-        backgroundColor: string;
-        borderRadius: string;
-    };
-    element: {
-        base: {
-            color: string;
-            textDecoration: string;
-            backgroundColor: string;
-            padding: string;
-            gap: string;
-        };
-    };
-    link: {
-        iconWrapper: {
-            height: string;
-        };
-        hover: {
-            backgroundColor: string;
-        };
-        active: {
-            backgroundColor: string;
-        };
-    };
-    divider: {
-        marginRight: string;
-        marginLeft: string;
-    };
-    offset: number;
-};

package/dist/components/OverflowMenu/OverflowMenu.tokens.js

@@ -1,48 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import { calculateHeightWithLineHeight } from '@norges-domstoler/dds-core';
-
-var border = ddsBaseTokens.border,
-  borderRadius = ddsBaseTokens.borderRadius,
-  colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing,
-  fontPackages = ddsBaseTokens.fontPackages;
-var typographyType = 'bodySans01';
-var element = {
-  base: {
-    color: colors.DdsColorNeutralsGray9,
-    textDecoration: 'none',
-    backgroundColor: colors.DdsColorNeutralsWhite,
-    padding: "".concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX1),
-    gap: spacing.SizesDdsSpacingLocalX025
-  }
-};
-var iconHeight = calculateHeightWithLineHeight(fontPackages.body_sans_01.numbers.lineHeightNumber, fontPackages.body_sans_01.numbers.fontSizeNumber);
-var link = {
-  iconWrapper: {
-    height: "".concat(iconHeight, "px")
-  },
-  hover: {
-    backgroundColor: colors.DdsColorInteractiveLightest
-  },
-  active: {
-    backgroundColor: colors.DdsColorInteractiveLightest
-  }
-};
-var container = {
-  border: "".concat(border.BordersDdsBorderStyleLightStrokeWeight, " ").concat(border.BordersDdsBorderStyleLightStroke, " solid "),
-  backgroundColor: colors.DdsColorNeutralsWhite,
-  borderRadius: borderRadius.RadiiDdsBorderRadius1Radius
-};
-var divider = {
-  marginRight: spacing.SizesDdsSpacingLocalX15,
-  marginLeft: spacing.SizesDdsSpacingLocalX15
-};
-var overflowMenuTokens = {
-  container: container,
-  element: element,
-  link: link,
-  divider: divider,
-  offset: spacing.SizesDdsSpacingLocalX0125NumberPx
-};
-
-export { overflowMenuTokens, typographyType };

package/dist/components/OverflowMenu/OverflowMenu.types.d.ts

@@ -1,37 +0,0 @@
-import { Placement } from '@norges-domstoler/dds-core';
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, RefObject } from 'react';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-type OverflowMenuItemBase = {
-    title: string;
-    icon?: SvgIcon;
-};
-export type OverflowMenuButtonItem = OverflowMenuItemBase & ButtonHTMLAttributes<HTMLButtonElement>;
-export type OverflowMenuLinkItem = OverflowMenuItemBase & AnchorHTMLAttributes<HTMLAnchorElement>;
-export type OverflowMenuContextItem = OverflowMenuButtonItem | OverflowMenuLinkItem;
-export type OverflowMenuNavItem = OverflowMenuLinkItem;
-type UserProps = {
-    name: string;
-    href?: string;
-} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
-export type OverflowMenuProps = BaseComponentProps<HTMLDivElement, {
-    /**Lenker eller knapper som skal vises i menyen. Støtter ikon i tillegg til tekst. */
-    items?: OverflowMenuContextItem[];
-    /**Eget element for brukernavn, kan være interaktivt eller statisk. Ligger alltid på toppen av menyen. */
-    userProps?: UserProps;
-    /**Navigasjonslenker, brukes hvis navigasjonen skal ligge i menyen (f.eks. ved liten skjerm o.l.). */
-    navItems?: OverflowMenuNavItem[];
-    /**Spesifiserer om menyen skal vises. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
-    isOpen?: boolean;
-    /**Callback for å lukke menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
-    onClose?: () => void;
-    /**Callback for å toggle menyen. **OBS!** nødvendig kun hvis `<OverflowMenuGroup />` ikke brukes.  */
-    onToggle?: () => void;
-    /**Ref til elementet som styrer menyen. **OBS!** nødvendig kun hvis ``<OverflowMenuGroup />` ikke brukes.  */
-    anchorRef?: RefObject<HTMLButtonElement>;
-    /**Plassering av menyen i forhold til anchor-elementet. */
-    placement?: Placement;
-    /**Avstand fra anchor-elementet i px. */
-    offset?: number;
-}>;
-export {};

package/dist/components/OverflowMenu/OverflowMenuGroup.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from 'react';
-export type OverflowMenuGroupProps = {
-    /**Ekstra logikk som kjøres når `<OverflowMenu />` åpnes og lukkes. */
-    onToggle?: () => void;
-    /**Ekstra logikk som kjøres når `<OverflowMenu />` åpnes. */
-    onOpen?: () => void;
-    /**Ekstra logikk som kjøres når `<OverflowMenu />` lukkes. */
-    onClose?: () => void;
-    /**Barn, anchor-elementet som første og `<OverflowMenu />` som andre. */
-    children: ReactNode;
-    /**Custom id for `<OverflowMenu />`. */
-    overflowMenuId?: string;
-};
-export declare const OverflowMenuGroup: {
-    ({ children, onClose, onToggle, onOpen, overflowMenuId, }: OverflowMenuGroupProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/components/OverflowMenu/OverflowMenuGroup.js

@@ -1,55 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useRef, useId, Children, isValidElement, cloneElement } from 'react';
-
-var OverflowMenuGroup = function OverflowMenuGroup(_ref) {
-  var children = _ref.children,
-    onClose = _ref.onClose,
-    onToggle = _ref.onToggle,
-    onOpen = _ref.onOpen,
-    overflowMenuId = _ref.overflowMenuId;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var toggle = function toggle() {
-    return setIsOpen(!isOpen);
-  };
-  var close = function close() {
-    return setIsOpen(false);
-  };
-  var buttonRef = useRef(null);
-  var generatedId = useId();
-  var uniqueOverflowMenuId = overflowMenuId !== null && overflowMenuId !== void 0 ? overflowMenuId : "".concat(generatedId, "-overflowMenu");
-  var handleClose = function handleClose() {
-    onClose && onClose();
-    close();
-  };
-  var handleToggle = function handleToggle() {
-    onOpen && !isOpen && onOpen();
-    onClose && isOpen && onClose();
-    onToggle && onToggle();
-    toggle();
-  };
-  var Children$1 = Children.map(children, function (child, childIndex) {
-    return /*#__PURE__*/isValidElement(child) && (childIndex === 0 ? /*#__PURE__*/cloneElement(child, {
-      'aria-haspopup': 'menu',
-      'aria-controls': uniqueOverflowMenuId,
-      'aria-expanded': isOpen,
-      onClick: handleToggle,
-      ref: buttonRef
-    }) : /*#__PURE__*/cloneElement(child, {
-      isOpen: isOpen,
-      id: uniqueOverflowMenuId,
-      onClose: handleClose,
-      onToggle: handleToggle,
-      anchorRef: buttonRef
-    }));
-  });
-  return jsx(Fragment, {
-    children: Children$1
-  });
-};
-OverflowMenuGroup.displayName = 'OverflowMenuGroup';
-
-export { OverflowMenuGroup };

package/dist/components/OverflowMenu/OverflowMenuItem.d.ts

@@ -1,21 +0,0 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, Dispatch, SetStateAction } from 'react';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-export declare const Span: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Link: import("styled-components").StyledComponent<"a", any, {}, never>;
-type BaseOverflowMenuItemProps = {
-    title: string;
-    icon?: SvgIcon;
-    focus?: boolean;
-    setFocus?: Dispatch<SetStateAction<number>>;
-    index?: number;
-    isMenuClosed?: boolean;
-};
-type AnchorOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLAnchorElement, {
-    href?: string;
-}, AnchorHTMLAttributes<HTMLAnchorElement>>;
-type ButtonOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLButtonElement, Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>, ButtonHTMLAttributes<HTMLButtonElement>>;
-type OtherOverflowMenuItemProps = BaseOverflowMenuItemProps & BaseComponentProps<HTMLSpanElement>;
-export type OverflowMenuItemProps = AnchorOverflowMenuItemProps | ButtonOverflowMenuItemProps | OtherOverflowMenuItemProps;
-export declare const OverflowMenuItem: import("react").ForwardRefExoticComponent<(AnchorOverflowMenuItemProps | ButtonOverflowMenuItemProps | Omit<OtherOverflowMenuItemProps, "ref">) & import("react").RefAttributes<HTMLAnchorElement>>;
-export {};

package/dist/components/OverflowMenu/OverflowMenuItem.js

@@ -1,109 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useRef, useEffect, useCallback } from 'react';
-import styled, { css } from 'styled-components';
-import { typographyType, overflowMenuTokens } from './OverflowMenu.tokens.js';
-import { Icon } from '@norges-domstoler/dds-icons';
-import { normalizeButton, useCombinedRef, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { getFontStyling, focusVisibleLink } from '@norges-domstoler/dds-typography';
-
-var element = overflowMenuTokens.element,
-  link = overflowMenuTokens.link;
-var elementBaseCSS = css(["display:flex;box-sizing:border-box;color:", ";text-decoration:", ";background-color:", ";padding:", ";gap:", ";", ""], element.base.color, element.base.textDecoration, element.base.backgroundColor, element.base.padding, element.base.gap, getFontStyling(typographyType));
-var Span = styled.span.withConfig({
-  displayName: "OverflowMenuItem__Span",
-  componentId: "sc-1ka2asi-0"
-})(["", ""], elementBaseCSS);
-var Link = styled.a.withConfig({
-  displayName: "OverflowMenuItem__Link",
-  componentId: "sc-1ka2asi-1"
-})(["", " text-align:left;user-select:text;border:none;cursor:pointer;outline:inherit;width:100%;", " @media (prefers-reduced-motion:no-preference){transition:background-color 0.2s;}&:hover{background-color:", ";}&:active{background-color:", ";}&:focus-visible,&.focus-visible{", "}"], normalizeButton, elementBaseCSS, link.hover.backgroundColor, link.active.backgroundColor, focusVisibleLink);
-var IconWrapper = styled.span.withConfig({
-  displayName: "OverflowMenuItem__IconWrapper",
-  componentId: "sc-1ka2asi-2"
-})(["display:flex;align-items:center;height:", ";"], link.iconWrapper.height);
-var isAnchorProps = function isAnchorProps(props) {
-  return props.href !== undefined;
-};
-var isButtonProps = function isButtonProps(props) {
-  return props.href === undefined && props.onClick !== undefined;
-};
-var OverflowMenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
-  var title = props.title,
-    icon = props.icon,
-    focus = props.focus,
-    setFocus = props.setFocus,
-    index = props.index,
-    id = props.id,
-    className = props.className,
-    _props$htmlProps = props.htmlProps,
-    htmlProps = _props$htmlProps === void 0 ? {} : _props$htmlProps,
-    rest = __rest(props, ["title", "icon", "focus", "setFocus", "index", "id", "className", "htmlProps"]);
-  var onKeyDown = htmlProps.onKeyDown;
-  var href;
-  var onClick;
-  if (isAnchorProps(props)) {
-    href = props.href;
-  } else if (isButtonProps(props)) {
-    onClick = props.onClick;
-  }
-  var itemRef = useRef(null);
-  var combinedRef = useCombinedRef(ref, itemRef);
-  useEffect(function () {
-    var _a;
-    if (focus) {
-      (_a = itemRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-  }, [focus]);
-  var handleSelect = useCallback(function () {
-    if (setFocus && index) {
-      setFocus(index);
-    }
-  }, [index, setFocus]);
-  var handleOnClick = function handleOnClick(e) {
-    handleSelect();
-    onClick && onClick(e);
-  };
-  var handleOnKeyDown = function handleOnKeyDown(e) {
-    handleSelect();
-    onKeyDown && onKeyDown(e);
-  };
-  var linkProps = {
-    href: href,
-    onClick: handleOnClick,
-    onKeyDown: handleOnKeyDown,
-    role: 'menuitem',
-    tabIndex: focus ? 0 : -1
-  };
-  var iconElement = icon && jsx(Icon, {
-    iconSize: "inherit",
-    icon: icon
-  });
-  if (!href && !onClick) {
-    return jsxs(Span, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-      ref: ref,
-      children: [jsx(IconWrapper, {
-        children: iconElement
-      }), title]
-    }));
-  }
-  if (!href) {
-    return jsxs(Link, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), linkProps, {
-      as: "button",
-      ref: combinedRef,
-      children: [jsx(IconWrapper, {
-        children: iconElement
-      }), title]
-    }));
-  }
-  return jsxs(Link, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), linkProps, {
-    as: "a",
-    ref: combinedRef,
-    children: [jsx(IconWrapper, {
-      children: iconElement
-    }), title]
-  }));
-});
-OverflowMenuItem.displayName = 'OverflowMenuItem';
-
-export { Link, OverflowMenuItem, Span };

package/dist/components/OverflowMenu/index.d.ts

@@ -1,3 +0,0 @@
-export * from './OverflowMenu';
-export * from './OverflowMenu.types';
-export * from './OverflowMenuGroup';

package/dist/components/Pagination/Pagination.d.ts

@@ -1,52 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-export type PaginationOption = {
-    label: string;
-    value: number;
-};
-export type PaginationProps = BaseComponentProps<HTMLElement, {
-    /**Totalt antall elementer å paginere. */
-    itemsAmount: number;
-    /**Antall elementer per side ved innlastning av komponenten. */
-    defaultItemsPerPage?: number;
-    /**Den aktive siden ved innlastning av komponenten. */
-    defaultActivePage?: number;
-    /**Spesifiserer om selve pagineringen skal vises. */
-    withPagination?: boolean;
-    /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
-    withCounter?: boolean;
-    /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
-    withSelect?: boolean;
-    /**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten. */
-    selectOptions?: PaginationOption[];
-    /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
-    onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void;
-    /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
-    onSelectOptionChange?: (option: PaginationOption | null) => void;
-    /**Spesifiserer om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
-    smallScreen?: boolean;
-}, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
-export declare const Pagination: import("react").ForwardRefExoticComponent<Pick<Omit<HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
-    /**Totalt antall elementer å paginere. */
-    itemsAmount: number;
-    /**Antall elementer per side ved innlastning av komponenten. */
-    defaultItemsPerPage?: number | undefined;
-    /**Den aktive siden ved innlastning av komponenten. */
-    defaultActivePage?: number | undefined;
-    /**Spesifiserer om selve pagineringen skal vises. */
-    withPagination?: boolean | undefined;
-    /**Spesifiserer om teksten `'Vis x-y av z'` skal vises. */
-    withCounter?: boolean | undefined;
-    /**Spesifiserer om `<Select />` til å velge antall resultater per side skal vises. */
-    withSelect?: boolean | undefined;
-    /**Custom options for `<Select />`. **OBS!** hvis det settes custom `selectOptions` bør "alle"-alternativet inkluderes der det er relevant, da brukere ofte liker å ha muligheten. */
-    selectOptions?: PaginationOption[] | undefined;
-    /**Brukes til å hente side og eventuelt annen logikk ved endring av side. */
-    onChange?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>, page: number) => void) | undefined;
-    /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
-    onSelectOptionChange?: ((option: PaginationOption | null) => void) | undefined;
-    /**Spesifiserer om versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
-    smallScreen?: boolean | undefined;
-} & {
-    htmlProps?: Omit<HTMLAttributes<HTMLElement>, "onChange"> | undefined;
-} & import("react").RefAttributes<HTMLElement>>;