@entur/menu 4.0.9 → 4.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/PaginationPage.d.ts +2 -0
  3. package/dist/menu.cjs.development.js +39 -23
  4. package/dist/menu.cjs.development.js.map +1 -1
  5. package/dist/menu.cjs.production.min.js +1 -1
  6. package/dist/menu.cjs.production.min.js.map +1 -1
  7. package/dist/menu.esm.js +39 -23
  8. package/dist/menu.esm.js.map +1 -1
  9. package/dist/styles.css +160 -150
  10. package/package.json +8 -8
package/dist/menu.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"menu.esm.js","sources":["../src/BreadcrumbNavigation.tsx","../src/BreadcrumbItem.tsx","../src/SideNavigation.tsx","../src/useControllableProp.ts","../src/CollapsibleSideNavigation.tsx","../src/useShowDelayedLabel.ts","../src/SideNavigationItem.tsx","../src/SideNavigationGroup.tsx","../src/TopNavigationItem.tsx","../src/PaginationPage.tsx","../src/PaginationInput.tsx","../src/OverflowMenu.tsx","../src/Pagination.tsx","../src/Stepper.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport './BreadcrumbNavigation.scss';\n\nexport type BreadcrumbNavigationProps = {\n /** Label for brødsmulestien.\n * @default 'Brødsmulesti'\n */\n 'aria-label'?: string;\n /** En liste med BreadcrumbItem-er */\n children: React.ReactElement[];\n};\n\nexport const BreadcrumbNavigation: React.FC<BreadcrumbNavigationProps> = ({\n 'aria-label': ariaLabel = 'Brødsmulesti',\n children,\n}) => {\n return (\n <nav aria-label={ariaLabel}>\n <ol className=\"eds-breadcrumbs\">\n {React.Children.map(children, (child, index) =>\n React.cloneElement(child, {\n isCurrent: index + 1 === React.Children.count(children),\n }),\n )}\n </ol>\n </nav>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { RightArrowIcon } from '@entur/icons';\nimport './BreadcrumbNavigation.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type BreadcrumbItemOwnProps = {\n /** Komponenten som rendres\n * @default \"a\"\n */\n as?: 'a' | React.ElementType;\n /** Teksten som vises */\n children: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** True om sist i listen. Settes automatisk av BreadcrumbNavigation-komponenten */\n isCurrent?: boolean;\n};\n\nexport type BreadcrumbItemProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<BreadcrumbItemOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const BreadcrumbItem = <\n E extends React.ElementType = typeof defaultElement,\n>({\n className,\n isCurrent,\n as,\n ...rest\n}: BreadcrumbItemProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n return (\n <>\n <li className={classNames('eds-breadcrumb__item', className)}>\n <Element\n aria-current={isCurrent ? 'page' : undefined}\n className={classNames('eds-breadcrumb__link', {\n 'eds-breadcrumb__link--current': isCurrent,\n })}\n {...rest}\n />\n </li>\n {!isCurrent && (\n <RightArrowIcon\n className=\"eds-breadcrumb__separator\"\n inline\n role=\"presentation\"\n />\n )}\n </>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './SideNavigation.scss';\n\nexport type SideNavigationProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Størrelse på menyen\n * @default 'medium'\n */\n size?: 'small' | 'medium';\n [key: string]: any;\n};\n\ntype InternalMarker = {\n __IS_ENTUR_MENU__: boolean;\n};\n\nexport const SideNavigation: React.FC<SideNavigationProps> & InternalMarker = ({\n className,\n children,\n size = 'medium',\n ...rest\n}) => {\n if (!children || !React.Children.count(children)) {\n return null;\n }\n return (\n <ul\n className={classNames(\n 'eds-side-navigation',\n { 'eds-side-navigation--small': size === 'small' },\n className,\n )}\n {...rest}\n >\n {children}\n </ul>\n );\n};\n\n/** This is required to check that the Menu */\nSideNavigation.__IS_ENTUR_MENU__ = true;\n","import { useState, useEffect } from 'react';\nexport type UseControllablePropType<T> = {\n prop?: T;\n updater?: (value?: T) => void;\n defaultValue: T;\n};\nexport function useControllableProp<T>({\n prop,\n updater = () => {},\n defaultValue,\n}: UseControllablePropType<T>): [T, Function] {\n const [internalState, setInternalState] = useState<T>(defaultValue);\n useEffect(() => {\n if (prop !== undefined) {\n setInternalState(prop);\n }\n }, [prop]);\n return prop === undefined\n ? [internalState, setInternalState]\n : [prop, updater];\n}\n","import React from 'react';\nimport { SideNavigationProps } from './SideNavigation';\nimport { useControllableProp } from './useControllableProp';\nimport classNames from 'classnames';\nimport { LeftArrowIcon, MenuIcon } from '@entur/icons';\n\ntype CollapsibleSideNavigationProps = SideNavigationProps & {\n /**Tilstand til menyen\n * @default false\n */\n collapsed?: boolean;\n /** Kalles når menyen åpnes eller lukkes */\n onCollapseToggle?: (e: any) => void;\n /** Posisjonen til Collapsible-knappen, målt fra toppen (som CSS-enhet)\n * @default 50%\n */\n collapsibleButtonPosition?: string;\n};\n\nexport const CollapsibleSideNavigation: React.FC<CollapsibleSideNavigationProps> =\n ({\n className,\n children,\n size,\n collapsed: collapsible,\n onCollapseToggle,\n collapsibleButtonPosition = '50%',\n ...rest\n }) => {\n const [collapsedMenu, setCollapsedMenu] = useControllableProp({\n prop: collapsible,\n defaultValue: false,\n updater: onCollapseToggle,\n });\n\n return (\n <SideNavigationContext.Provider\n value={{\n isCollapsed: collapsedMenu,\n }}\n >\n <ul\n className={classNames(\n 'eds-side-navigation',\n { 'eds-side-navigation--small': size === 'small' },\n { 'eds-side-navigation--collapsed': collapsedMenu },\n className,\n )}\n {...rest}\n >\n {children}\n <button\n className=\"eds-side-navigation__collapse-button\"\n onClick={() => setCollapsedMenu(!collapsedMenu)}\n style={{ top: `${collapsibleButtonPosition}` }}\n >\n {collapsedMenu ? <MenuIcon /> : <LeftArrowIcon />}\n </button>\n </ul>\n </SideNavigationContext.Provider>\n );\n };\n\nconst SideNavigationContext = React.createContext<{\n isCollapsed: boolean;\n}>({\n isCollapsed: false,\n});\n\nexport const useSideNavigationContext: () => { isCollapsed: boolean } = () => {\n const context = React.useContext(SideNavigationContext);\n if (!context) {\n console.error(\n 'Error reading SideNavigationContext. Please contact maintainer of @entur/menu',\n );\n }\n return context;\n};\n","import { useEffect, useState } from 'react';\n\nexport const useShowDelayedLabel = (isCollapsed: boolean) => {\n const [showLabel, setShowLabel] = useState(true);\n const hideDelay = 50;\n const showDelay = 200;\n useEffect(() => {\n if (isCollapsed) {\n setTimeout(() => {\n setShowLabel(false);\n }, hideDelay);\n }\n if (!isCollapsed) {\n setTimeout(() => {\n setShowLabel(true);\n }, showDelay);\n }\n return () => {};\n }, [isCollapsed]);\n return [showLabel];\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { useSideNavigationContext } from './CollapsibleSideNavigation';\nimport { useShowDelayedLabel } from './useShowDelayedLabel';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nfunction isActiveRecursively(child: any): boolean {\n if (!child.props) {\n return false;\n }\n if (child.props.active) {\n return true;\n }\n if (!child.props.children) {\n return false;\n }\n\n return React.Children.toArray(child.props.children).some(child =>\n isActiveRecursively(child),\n );\n}\n\ntype BaseSideNavigationItemOwnProps = {\n active?: boolean;\n as?: 'a' | 'button' | React.ElementType;\n className?: string;\n icon?: React.ReactNode;\n children: React.ReactNode;\n subMenu?: React.ReactNode;\n [key: string]: any;\n};\n\nexport type BaseSideNavigationItemProps<\n E extends React.ElementType = typeof defaultElementBaseItem\n> = PolymorphicPropsWithoutRef<BaseSideNavigationItemOwnProps, E>;\n\nconst defaultElementBaseItem = 'a';\n\nconst BaseSideNavigationItem: <E extends React.ElementType = typeof defaultElementBaseItem>(\n props: BaseSideNavigationItemProps<E>,\n) => React.ReactElement | null = React.forwardRef(\n <E extends React.ElementType = typeof defaultElementBaseItem>(\n {\n className,\n active = false,\n subMenu,\n icon,\n children,\n as,\n ...rest\n }: BaseSideNavigationItemProps<E>,\n ref: typeof rest.ref,\n ) => {\n const Element: React.ElementType = as || defaultElementBaseItem;\n const { isCollapsed } = useSideNavigationContext();\n const [showLabel] = useShowDelayedLabel(isCollapsed);\n return (\n <li className={classNames('eds-side-navigation__item', className)}>\n <Element\n className={classNames('eds-side-navigation__click-target', {\n 'eds-side-navigation__click-target--active': active,\n })}\n ref={ref}\n {...rest}\n >\n {icon}\n {showLabel && children}\n </Element>\n {subMenu}\n </li>\n );\n },\n);\n\ntype DisabledSideNavigationItemProps = {\n children: React.ReactNode;\n [key: string]: any;\n};\nconst DisabledSideNavigationItem = React.forwardRef<\n HTMLButtonElement,\n DisabledSideNavigationItemProps\n>(({ children, ...rest }, ref: React.Ref<HTMLButtonElement>) => (\n <BaseSideNavigationItem\n as=\"button\"\n disabled={true}\n aria-disabled={true}\n ref={ref}\n {...rest}\n >\n {children}\n </BaseSideNavigationItem>\n));\n\nexport type SideNavigationItemOwnProps = {\n /** Om meny-elementet er det som er aktivt */\n active?: boolean;\n /** HTML-elementet eller React-komponenten som rendres */\n as?: 'a' | 'button' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Om meny-elementet er deaktivert */\n disabled?: boolean;\n /** Callback for når man klikker på meny-elementet */\n onClick?: (e: React.MouseEvent) => any;\n /** Sett til true om du vil tvinge alle sub-menus til å rendre barna sine. Typisk for å vise søkeresultater */\n forceExpandSubMenus?: boolean;\n icon?: React.ReactNode;\n [key: string]: any;\n};\n\nexport type SideNavigationItemProps<\n E extends React.ElementType = typeof defaultElementItem\n> = PolymorphicPropsWithoutRef<SideNavigationItemOwnProps, E>;\n\nconst defaultElementItem = 'a';\n\nexport const SideNavigationItem: <E extends React.ElementType = typeof defaultElementItem>(\n props: SideNavigationItemProps<E>,\n) => React.ReactElement | null = React.forwardRef(\n <E extends React.ElementType = typeof defaultElementItem>(\n {\n active,\n disabled,\n children,\n forceExpandSubMenus,\n as,\n ...rest\n }: SideNavigationItemProps<E>,\n ref: typeof rest.ref,\n ) => {\n const Element: React.ElementType = as || defaultElementItem;\n const childrenArray = React.Children.toArray(children);\n const subMenu = childrenArray.find(\n (child: any) => child && child.type && child.type.__IS_ENTUR_MENU__,\n );\n const label = subMenu\n ? childrenArray.filter(child => child !== subMenu)\n : children;\n\n if (disabled) {\n return (\n <DisabledSideNavigationItem ref={ref} {...rest}>\n {label}\n </DisabledSideNavigationItem>\n );\n }\n\n if (!subMenu) {\n return (\n <BaseSideNavigationItem\n as={Element}\n active={active}\n ref={ref}\n {...rest}\n >\n {label}\n </BaseSideNavigationItem>\n );\n }\n\n const isExpanded =\n forceExpandSubMenus ||\n isActiveRecursively({ props: { children, active } });\n\n return (\n <BaseSideNavigationItem\n active={active}\n subMenu={isExpanded && subMenu}\n aria-expanded={isExpanded}\n as={Element}\n ref={ref}\n {...rest}\n >\n {label}\n </BaseSideNavigationItem>\n );\n },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { BaseExpand, ExpandArrow } from '@entur/expand';\nimport { useSideNavigationContext } from './CollapsibleSideNavigation';\nimport { useShowDelayedLabel } from './useShowDelayedLabel';\nimport { useControllableProp } from './useControllableProp';\n\nexport type SideNavigationGroupProps = {\n /** Skal menygruppen være ekspandert by default? Kun relevant om komponenten ikke er kontrollert\n * @default false\n */\n defaultOpen?: boolean;\n /** Er menyen åpen? */\n open?: boolean;\n /** Kalles når menygruppen åpnes eller lukkes */\n onToggle?: (e?: boolean) => void;\n /** Ekstra klassenavn */\n className?: string;\n /** Menyen som skal grupperes */\n children: React.ReactNode;\n /** Overskriften til menyen */\n title: React.ReactNode;\n icon?: React.ReactNode;\n [key: string]: any;\n};\n\nexport const SideNavigationGroup: React.FC<SideNavigationGroupProps> = ({\n defaultOpen = false,\n open,\n onToggle,\n className,\n children,\n title,\n icon,\n ...rest\n}) => {\n const [isOpen, setOpen] = useControllableProp({\n prop: open,\n updater: onToggle,\n defaultValue: defaultOpen,\n });\n const { isCollapsed } = useSideNavigationContext();\n\n const [showLabel] = useShowDelayedLabel(isCollapsed);\n\n return (\n <div\n className={classNames('eds-side-navigation-group', className)}\n {...rest}\n >\n <button\n onClick={() => setOpen(!isOpen)}\n type=\"button\"\n className=\"eds-side-navigation-group__trigger\"\n >\n <span>\n {icon && (\n <span className=\"eds-side-navigation-group__trigger-icon\">\n {icon}\n </span>\n )}\n {showLabel && title}\n </span>\n {showLabel && (\n <ExpandArrow\n open={isOpen}\n className=\"eds-side-navigation-group__expand-icon\"\n />\n )}\n </button>\n <BaseExpand open={isOpen}>{children}</BaseExpand>\n </div>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './TopNavigationItem.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type TopNavigationItemOwnProps = {\n /** Om komponenten vises som valgt eller ikke\n * @default false\n */\n active?: boolean;\n /** Tekste som vises */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten\n * @default 'a'\n */\n as?: 'a' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type TopNavigationItemProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<TopNavigationItemOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const TopNavigationItem = <\n E extends React.ElementType = typeof defaultElement,\n>({\n active = false,\n className,\n as,\n ...rest\n}: TopNavigationItemProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n return (\n <Element\n className={classNames([\n 'eds-top-navigation-item',\n className,\n { 'eds-top-navigation-item--active': active },\n ])}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport type PaginationPageProps = {\n /** Sidenummeret som er aktivt nå */\n children: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Viser siden som aktiv */\n selected?: boolean;\n /** Callback for når man trykker på siden */\n onClick: () => void;\n /** Tekst for skjermlesere */\n 'aria-label': string;\n};\nexport const PaginationPage: React.FC<PaginationPageProps> = ({\n children,\n className,\n selected,\n onClick,\n 'aria-label': ariaLabel,\n}) => (\n <button\n className={classNames(\n 'eds-pagination__page',\n { 'eds-pagination__page--selected': selected },\n className,\n )}\n disabled={selected}\n type=\"button\"\n onClick={onClick}\n aria-label={ariaLabel}\n aria-current={selected ? 'page' : false}\n >\n {children}\n </button>\n);\n","import React from 'react';\n\nexport type PaginationInputProps = {\n currentPage: number;\n label?: string;\n onPageChange: (pageNumber: number) => void;\n pageCount: number;\n};\n\nexport const PaginationInput: React.FC<PaginationInputProps> = ({\n currentPage,\n pageCount,\n label = 'Gå til side',\n onPageChange,\n}) => {\n const [input, setInput] = React.useState(String(currentPage));\n // If the currentPage prop changes, we want to reset the input field\n React.useEffect(() => {\n setInput(String(currentPage));\n }, [currentPage]);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n e.stopPropagation();\n let pageNumber = Number(input);\n if (pageNumber === currentPage) {\n return;\n }\n if (Number.isNaN(pageNumber)) {\n pageNumber = currentPage;\n setInput(String(currentPage));\n return;\n }\n if (pageNumber > pageCount) {\n pageNumber = pageCount;\n setInput(String(pageCount));\n } else if (pageNumber < 1) {\n pageNumber = 1;\n setInput(String(1));\n }\n onPageChange(pageNumber);\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setInput(e.target.value);\n };\n\n return (\n <form onSubmit={handleSubmit} noValidate aria-label=\"form\">\n <label>\n <span className=\"eds-pagination__input-label\">{label}</span>\n <input\n type=\"number\"\n max={pageCount}\n className=\"eds-pagination__input-field\"\n value={input}\n onChange={handleChange}\n />\n </label>\n </form>\n );\n};\n","import React, { cloneElement } from 'react';\nimport {\n Menu,\n MenuButton,\n MenuItem,\n MenuLink,\n MenuList,\n} from '@reach/menu-button';\nimport type {\n MenuButtonProps,\n MenuItemProps,\n MenuLinkProps,\n} from '@reach/menu-button';\nimport { IconButton } from '@entur/button';\nimport { VerticalDotsIcon } from '@entur/icons';\nimport { Contrast, useContrast } from '@entur/layout';\nimport classNames from 'classnames';\nimport type * as Polymorphic from '@reach/utils/polymorphic';\nimport './OverflowMenu.scss';\n\nexport type OverflowMenuProps = {\n /** Menypunkter (OverflowMenuItem eller OverflowMenuLink) */\n children: React.ReactNode;\n /** Knapp som skal åpne OverflowMenu\n * @default IconButton med VerticalDotsIcon\n */\n button?: React.ReactElement;\n /** Ekstra klassenavn */\n className?: string;\n /** Posisjoneringen av OverflowMenu-lista\n * @default 'right'\n */\n position?: 'right' | 'left';\n} & MenuButtonProps;\n\nexport const OverflowMenu: React.FC<OverflowMenuProps> = ({\n children,\n className,\n button,\n position = 'right',\n ...rest\n}) => {\n return (\n <div>\n <Menu>\n {!button ? (\n <IconButton\n as={MenuButton}\n className={classNames(className, 'eds-overflow-menu__menu-button')}\n {...rest}\n >\n <VerticalDotsIcon />\n </IconButton>\n ) : (\n cloneElement(button, {\n as: MenuButton,\n className: classNames(className, 'eds-overflow-menu__menu-button'),\n ...rest,\n })\n )}\n {useContrast() ? (\n <Contrast\n className={classNames('eds-overflow-menu__menu-list')}\n as={MenuList}\n portal={false}\n >\n {[children]}\n </Contrast>\n ) : (\n <MenuList\n className={classNames('eds-overflow-menu__menu-list', {\n 'eds-overflow-menu__menu-list--left': position === 'left',\n })}\n portal={false}\n >\n {[children]}\n </MenuList>\n )}\n </Menu>\n </div>\n );\n};\n\nexport type OverflowMenuItemProps = {\n /** Innholdet til OverflowMenuItem */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default \"button\"\n */\n as?: 'button' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Det som skjer når elementet er valgt, enten ved museklikk eller Enter-klikk */\n onSelect: () => void;\n} & MenuItemProps;\n\nexport const OverflowMenuItem = React.forwardRef(\n ({ children, className, onSelect, disabled, as = 'div', ...rest }, ref) => {\n return (\n <MenuItem\n className={classNames(\n 'eds-overflow-menu__item',\n { 'eds-overflow-menu__item--disabled': disabled },\n className,\n )}\n onSelect={onSelect}\n disabled={disabled}\n ref={ref}\n as={as}\n {...rest}\n >\n {children}\n </MenuItem>\n );\n },\n) as Polymorphic.ForwardRefComponent<'div', OverflowMenuItemProps>;\n\nexport type OverflowMenuLinkProps = {\n /** Innholdet til OverflowMenuLink */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default \"a\"\n */\n as?: string | React.ReactElement;\n /** Ekstra klassenavn */\n className?: string;\n /** Det som skjer når elementet er valgt, enten ved museklikk eller Enter-klikk */\n onSelect: () => void;\n} & MenuLinkProps;\n\nexport const OverflowMenuLink = React.forwardRef(\n ({ children, as = 'a', className, onSelect, disabled, ...rest }, ref) => {\n return (\n <MenuLink\n as={as}\n className={classNames(\n 'eds-overflow-menu__item',\n { 'eds-overflow-menu__item--disabled': disabled },\n className,\n )}\n onSelect={onSelect}\n disabled={disabled}\n ref={ref}\n {...rest}\n >\n {children}\n </MenuLink>\n );\n },\n) as Polymorphic.ForwardRefComponent<'a', OverflowMenuLinkProps>;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { PaginationPage } from './PaginationPage';\nimport './Pagination.scss';\nimport { Menu, MenuList, MenuButton } from '@reach/menu-button';\nimport { DownArrowIcon, UpArrowIcon } from '@entur/icons';\nimport { PaginationInput } from './PaginationInput';\nimport { Label } from '@entur/typography';\nimport { OverflowMenuItem } from './OverflowMenu';\nimport { useContrast } from '@entur/layout';\n\nexport type PaginationProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Sidenummeret som er aktivt nå (1-indeksert) */\n currentPage: number;\n /** Callback for når man ønsker å gå til en ny side */\n onPageChange: (requestedPage: number) => void;\n /** Antall sider totalt */\n pageCount: number;\n /**\n * Hva som blir lest opp når brukere av skjermlesere navigerer til \"forrige side knappen\"\n * @default \"Gå til forrige side\"\n */\n previousPageLabel?: string;\n /**\n * Hva som blir lest opp når brukere av skjermlesere navigerer til \"neste side knappen\"\n * @default \"Gå til neste side\"\n */\n nextPageLabel?: string;\n /**\n * Hva som blir lest opp når brukere av skjermlesere navigerer til \"forrige side knappen\"\n * @default pageNumber => `Gå til side ${pageNumber}`,\n */\n pageLabel?: (pageNumber: number) => string;\n /** Vis et felt til høyre for pagineringen hvor man kan angi siden man\n * ønsker å vise i et tekstfelt.\n *\n * @default false\n */\n showInput?: boolean;\n /** Label som vises til venstre for input-feltet som vises om `showInput` er true\n * @default \"Gå til side\"\n */\n inputLabel?: string;\n\n /** Hvor mange resultater man har totalt */\n nubmerOfResults?: number;\n /** Hvor mange resultater som vises per side */\n resultsPerPage?: number;\n /**\n * @default [10,25,50]\n */\n resultsPerPageOptions?: number[];\n /** Callback for når resultater per side oppdateres */\n onResultsPerPageChange?: (e: number) => void;\n /** Brukes for å skjule \"neste side\"-knappen\n * @default false\n */\n hideNextButton?: boolean;\n /** Brukes for å skjule \"forrige side\"-knappen\n * @default false\n */\n hidePrevButton?: boolean;\n /** Teksten som vises for hvilke resultater av sideantallet man viser.\n * @default `Viser resultat ${minPage} - ${maxPage} av ${pageCount}`\n */\n showingResultsLabel?: (\n minPage: number,\n maxPage: number,\n pageCount: number,\n ) => string;\n /** Teksten som vises før \"resultsPerPage\"-velgeren\n * @default \"Vis\"\n */\n showNumberOfResultsLabel?: string;\n [key: string]: any;\n};\n\nexport const Pagination: React.FC<PaginationProps> = ({\n className,\n currentPage,\n inputLabel,\n onPageChange,\n pageCount,\n pageLabel = pageNumber => `Gå til side ${pageNumber}`,\n previousPageLabel = 'Gå til forrige side',\n showInput,\n\n numberOfResults,\n resultsPerPage,\n resultsPerPageOptions = [10, 25, 50],\n onResultsPerPageChange,\n\n showNumberOfResultsLabel = 'Vis',\n nextPageLabel = 'Gå til neste side',\n showingResultsLabel = (minPage, maxPage, pageCount) =>\n `Viser resultat ${minPage} - ${maxPage} av ${pageCount}`,\n hideNextButton = false,\n hidePrevButton = false,\n ...rest\n}) => {\n const isContrast = useContrast();\n if (pageCount < 1) {\n return null;\n }\n\n const isFirstPostSelected = currentPage === 1;\n const isLastPostSelected = currentPage === pageCount;\n const showLeadingEllipsis = currentPage > 5 && pageCount > 7;\n const showTrailingEllipsis = pageCount - currentPage > 4 && pageCount > 7;\n\n let entries: Array<number | '…'> = Array(pageCount)\n .fill(null)\n .map((_, i) => i + 1);\n\n if (showLeadingEllipsis) {\n entries = [\n 1,\n '…',\n currentPage - 2,\n currentPage - 1,\n currentPage,\n ...entries.slice(currentPage),\n ];\n }\n if (showTrailingEllipsis) {\n const currentPageIndex = entries.indexOf(currentPage);\n entries = [\n ...entries.slice(0, currentPageIndex),\n currentPage,\n currentPage + 1,\n currentPage + 2,\n '…',\n pageCount,\n ];\n }\n\n return (\n <div className={classNames('eds-pagination', className)} {...rest}>\n {resultsPerPage && numberOfResults && (\n <div className=\"eds-pagination__results\">\n {onResultsPerPageChange && (\n <Menu>\n {({ isOpen }) => (\n <>\n <Label>{showNumberOfResultsLabel}</Label>\n <MenuButton\n className={classNames('eds-pagination-menu__menu-button', {\n 'eds-pagination-menu__menu-button--open': isOpen,\n })}\n >\n {resultsPerPage}\n {isOpen ? <UpArrowIcon /> : <DownArrowIcon />}\n </MenuButton>\n <MenuList\n className={classNames(\n 'eds-pagination-menu__menu-list',\n 'eds-overflow-menu__menu-list',\n { 'eds-contrast': isContrast },\n )}\n >\n {resultsPerPageOptions.map(\n (option: number, key: number) => (\n <OverflowMenuItem\n key={key}\n onSelect={() => onResultsPerPageChange(option)}\n >\n {option}\n </OverflowMenuItem>\n ),\n )}\n </MenuList>\n </>\n )}\n </Menu>\n )}\n <Label className=\"eds-pagination__results-label\">\n {showingResultsLabel(\n (currentPage - 1) * resultsPerPage + 1,\n currentPage * resultsPerPage > numberOfResults\n ? numberOfResults\n : currentPage * resultsPerPage,\n numberOfResults,\n )}\n </Label>\n </div>\n )}\n <div className=\"eds-pagination__controls\">\n {!isFirstPostSelected && !hidePrevButton && (\n <PaginationPage\n onClick={() => onPageChange(currentPage - 1)}\n aria-label={previousPageLabel}\n >\n <LeftArrowIcon />\n </PaginationPage>\n )}\n {entries.map((entry, index) =>\n entry === '…' ? (\n <Ellipsis key={`ellipsis-${index}`} />\n ) : (\n <PaginationPage\n selected={entry === currentPage}\n onClick={() => onPageChange(entry)}\n aria-label={pageLabel(entry)}\n key={entry}\n >\n {entry}\n </PaginationPage>\n ),\n )}\n {!isLastPostSelected && !hideNextButton && (\n <PaginationPage\n onClick={() => onPageChange(currentPage + 1)}\n aria-label={nextPageLabel}\n >\n <RightArrowIcon />\n </PaginationPage>\n )}\n {showInput && (\n <PaginationInput\n pageCount={pageCount}\n currentPage={currentPage}\n onPageChange={onPageChange}\n label={inputLabel}\n />\n )}\n </div>\n </div>\n );\n};\n\nconst Ellipsis: React.FC = () => (\n <span className=\"eds-pagination__ellipsis\" aria-hidden=\"true\">\n …\n </span>\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { Label } from '@entur/typography';\n\nimport './Stepper.scss';\n\nexport type StepperProps = {\n /** Det nåværende steget. */\n activeIndex: number;\n /** Oppdater state ved klikk. */\n onStepClick: (index: number) => void;\n /** Liste av steg. */\n steps: string[];\n /** Ekstra klassenavn. */\n className?: string;\n /** Om stepperen skal være et interaktivt-navigasjonselement eller ikke\n * @default false\n */\n interactive?: boolean;\n /** Om stepper skal vise indeksering av hvilket trinn man er på\n * @default true\n */\n showStepperIndex?: boolean;\n as?: 'button' | React.ElementType;\n [key: string]: any;\n};\n\nexport const Stepper: React.FC<StepperProps> = ({\n className,\n onStepClick,\n steps,\n activeIndex,\n interactive = false,\n showStepperIndex = true,\n ...rest\n}) => {\n const Element = interactive ? 'button' : 'div';\n return (\n <div className={classNames('eds-stepper', className)} {...rest}>\n {steps.map((step, i) => {\n const isActive = i === activeIndex;\n const hasBeenActive = activeIndex > i;\n const props = interactive ? { onClick: () => onStepClick(i) } : {};\n return (\n <Element\n key={step}\n className={classNames('eds-stepper__item__container', {\n 'eds-stepper__item__container--non-interactive': !interactive,\n })}\n {...props}\n >\n <div\n className={classNames(\n 'eds-stepper__item__square',\n { 'eds-stepper__item__square--active': isActive },\n { 'eds-stepper__item__square--inactive': activeIndex < i },\n { 'eds-stepper__item__square--has-been': hasBeenActive },\n )}\n ></div>\n <Label\n className={classNames(\n 'eds-stepper__item__label',\n {\n 'eds-stepper__item__label--has-been': hasBeenActive,\n },\n {\n 'eds-stepper__item__label--active': isActive,\n },\n )}\n >\n {showStepperIndex && i + 1 + '.'} {step}\n </Label>\n </Element>\n );\n })}\n </div>\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles(\n 'menu',\n 'expand',\n 'icons',\n 'typography',\n 'button',\n 'layout',\n);\n\nexport * from './BreadcrumbNavigation';\nexport * from './BreadcrumbItem';\nexport * from './SideNavigation';\nexport * from './SideNavigationItem';\nexport * from './SideNavigationGroup';\nexport * from './TopNavigationItem';\nexport * from './Pagination';\nexport * from './Stepper';\nexport * from './OverflowMenu';\nexport * from './CollapsibleSideNavigation';\n"],"names":["BreadcrumbNavigation","ariaLabel","children","React","className","Children","map","child","index","cloneElement","isCurrent","count","defaultElement","BreadcrumbItem","as","rest","Element","classNames","undefined","RightArrowIcon","inline","role","SideNavigation","size","__IS_ENTUR_MENU__","useControllableProp","prop","updater","defaultValue","useState","internalState","setInternalState","useEffect","CollapsibleSideNavigation","collapsible","collapsed","onCollapseToggle","collapsibleButtonPosition","collapsedMenu","setCollapsedMenu","SideNavigationContext","Provider","value","isCollapsed","onClick","style","top","MenuIcon","LeftArrowIcon","createContext","useSideNavigationContext","context","useContext","console","error","useShowDelayedLabel","showLabel","setShowLabel","hideDelay","showDelay","setTimeout","isActiveRecursively","props","active","toArray","some","defaultElementBaseItem","BaseSideNavigationItem","forwardRef","ref","subMenu","icon","DisabledSideNavigationItem","disabled","defaultElementItem","SideNavigationItem","forceExpandSubMenus","childrenArray","find","type","label","filter","isExpanded","SideNavigationGroup","defaultOpen","open","onToggle","title","isOpen","setOpen","ExpandArrow","BaseExpand","TopNavigationItem","PaginationPage","selected","PaginationInput","currentPage","pageCount","onPageChange","String","input","setInput","handleSubmit","e","preventDefault","stopPropagation","pageNumber","Number","isNaN","handleChange","target","onSubmit","noValidate","max","onChange","OverflowMenu","button","position","Menu","IconButton","MenuButton","VerticalDotsIcon","useContrast","Contrast","MenuList","portal","OverflowMenuItem","onSelect","MenuItem","OverflowMenuLink","MenuLink","Pagination","inputLabel","pageLabel","previousPageLabel","showInput","numberOfResults","resultsPerPage","resultsPerPageOptions","onResultsPerPageChange","showNumberOfResultsLabel","nextPageLabel","showingResultsLabel","minPage","maxPage","hideNextButton","hidePrevButton","isContrast","isFirstPostSelected","isLastPostSelected","showLeadingEllipsis","showTrailingEllipsis","entries","Array","fill","_","i","slice","currentPageIndex","indexOf","Label","UpArrowIcon","DownArrowIcon","option","key","entry","Ellipsis","Stepper","onStepClick","steps","activeIndex","interactive","showStepperIndex","step","isActive","hasBeenActive","warnAboutMissingStyles"],"mappings":"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"}
1
+ {"version":3,"file":"menu.esm.js","sources":["../src/BreadcrumbNavigation.tsx","../src/BreadcrumbItem.tsx","../src/SideNavigation.tsx","../src/useControllableProp.ts","../src/CollapsibleSideNavigation.tsx","../src/useShowDelayedLabel.ts","../src/SideNavigationItem.tsx","../src/SideNavigationGroup.tsx","../src/TopNavigationItem.tsx","../src/PaginationPage.tsx","../src/PaginationInput.tsx","../src/OverflowMenu.tsx","../src/Pagination.tsx","../src/Stepper.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport './BreadcrumbNavigation.scss';\n\nexport type BreadcrumbNavigationProps = {\n /** Label for brødsmulestien.\n * @default 'Brødsmulesti'\n */\n 'aria-label'?: string;\n /** En liste med BreadcrumbItem-er */\n children: React.ReactElement[];\n};\n\nexport const BreadcrumbNavigation: React.FC<BreadcrumbNavigationProps> = ({\n 'aria-label': ariaLabel = 'Brødsmulesti',\n children,\n}) => {\n return (\n <nav aria-label={ariaLabel}>\n <ol className=\"eds-breadcrumbs\">\n {React.Children.map(children, (child, index) =>\n React.cloneElement(child, {\n isCurrent: index + 1 === React.Children.count(children),\n }),\n )}\n </ol>\n </nav>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { RightArrowIcon } from '@entur/icons';\nimport './BreadcrumbNavigation.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type BreadcrumbItemOwnProps = {\n /** Komponenten som rendres\n * @default \"a\"\n */\n as?: 'a' | React.ElementType;\n /** Teksten som vises */\n children: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** True om sist i listen. Settes automatisk av BreadcrumbNavigation-komponenten */\n isCurrent?: boolean;\n};\n\nexport type BreadcrumbItemProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<BreadcrumbItemOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const BreadcrumbItem = <\n E extends React.ElementType = typeof defaultElement,\n>({\n className,\n isCurrent,\n as,\n ...rest\n}: BreadcrumbItemProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n return (\n <>\n <li className={classNames('eds-breadcrumb__item', className)}>\n <Element\n aria-current={isCurrent ? 'page' : undefined}\n className={classNames('eds-breadcrumb__link', {\n 'eds-breadcrumb__link--current': isCurrent,\n })}\n {...rest}\n />\n </li>\n {!isCurrent && (\n <RightArrowIcon\n className=\"eds-breadcrumb__separator\"\n inline\n role=\"presentation\"\n />\n )}\n </>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './SideNavigation.scss';\n\nexport type SideNavigationProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Størrelse på menyen\n * @default 'medium'\n */\n size?: 'small' | 'medium';\n [key: string]: any;\n};\n\ntype InternalMarker = {\n __IS_ENTUR_MENU__: boolean;\n};\n\nexport const SideNavigation: React.FC<SideNavigationProps> & InternalMarker = ({\n className,\n children,\n size = 'medium',\n ...rest\n}) => {\n if (!children || !React.Children.count(children)) {\n return null;\n }\n return (\n <ul\n className={classNames(\n 'eds-side-navigation',\n { 'eds-side-navigation--small': size === 'small' },\n className,\n )}\n {...rest}\n >\n {children}\n </ul>\n );\n};\n\n/** This is required to check that the Menu */\nSideNavigation.__IS_ENTUR_MENU__ = true;\n","import { useState, useEffect } from 'react';\nexport type UseControllablePropType<T> = {\n prop?: T;\n updater?: (value?: T) => void;\n defaultValue: T;\n};\nexport function useControllableProp<T>({\n prop,\n updater = () => {},\n defaultValue,\n}: UseControllablePropType<T>): [T, Function] {\n const [internalState, setInternalState] = useState<T>(defaultValue);\n useEffect(() => {\n if (prop !== undefined) {\n setInternalState(prop);\n }\n }, [prop]);\n return prop === undefined\n ? [internalState, setInternalState]\n : [prop, updater];\n}\n","import React from 'react';\nimport { SideNavigationProps } from './SideNavigation';\nimport { useControllableProp } from './useControllableProp';\nimport classNames from 'classnames';\nimport { LeftArrowIcon, MenuIcon } from '@entur/icons';\n\ntype CollapsibleSideNavigationProps = SideNavigationProps & {\n /**Tilstand til menyen\n * @default false\n */\n collapsed?: boolean;\n /** Kalles når menyen åpnes eller lukkes */\n onCollapseToggle?: (e: any) => void;\n /** Posisjonen til Collapsible-knappen, målt fra toppen (som CSS-enhet)\n * @default 50%\n */\n collapsibleButtonPosition?: string;\n};\n\nexport const CollapsibleSideNavigation: React.FC<CollapsibleSideNavigationProps> =\n ({\n className,\n children,\n size,\n collapsed: collapsible,\n onCollapseToggle,\n collapsibleButtonPosition = '50%',\n ...rest\n }) => {\n const [collapsedMenu, setCollapsedMenu] = useControllableProp({\n prop: collapsible,\n defaultValue: false,\n updater: onCollapseToggle,\n });\n\n return (\n <SideNavigationContext.Provider\n value={{\n isCollapsed: collapsedMenu,\n }}\n >\n <ul\n className={classNames(\n 'eds-side-navigation',\n { 'eds-side-navigation--small': size === 'small' },\n { 'eds-side-navigation--collapsed': collapsedMenu },\n className,\n )}\n {...rest}\n >\n {children}\n <button\n className=\"eds-side-navigation__collapse-button\"\n onClick={() => setCollapsedMenu(!collapsedMenu)}\n style={{ top: `${collapsibleButtonPosition}` }}\n >\n {collapsedMenu ? <MenuIcon /> : <LeftArrowIcon />}\n </button>\n </ul>\n </SideNavigationContext.Provider>\n );\n };\n\nconst SideNavigationContext = React.createContext<{\n isCollapsed: boolean;\n}>({\n isCollapsed: false,\n});\n\nexport const useSideNavigationContext: () => { isCollapsed: boolean } = () => {\n const context = React.useContext(SideNavigationContext);\n if (!context) {\n console.error(\n 'Error reading SideNavigationContext. Please contact maintainer of @entur/menu',\n );\n }\n return context;\n};\n","import { useEffect, useState } from 'react';\n\nexport const useShowDelayedLabel = (isCollapsed: boolean) => {\n const [showLabel, setShowLabel] = useState(true);\n const hideDelay = 50;\n const showDelay = 200;\n useEffect(() => {\n if (isCollapsed) {\n setTimeout(() => {\n setShowLabel(false);\n }, hideDelay);\n }\n if (!isCollapsed) {\n setTimeout(() => {\n setShowLabel(true);\n }, showDelay);\n }\n return () => {};\n }, [isCollapsed]);\n return [showLabel];\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { useSideNavigationContext } from './CollapsibleSideNavigation';\nimport { useShowDelayedLabel } from './useShowDelayedLabel';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nfunction isActiveRecursively(child: any): boolean {\n if (!child.props) {\n return false;\n }\n if (child.props.active) {\n return true;\n }\n if (!child.props.children) {\n return false;\n }\n\n return React.Children.toArray(child.props.children).some(child =>\n isActiveRecursively(child),\n );\n}\n\ntype BaseSideNavigationItemOwnProps = {\n active?: boolean;\n as?: 'a' | 'button' | React.ElementType;\n className?: string;\n icon?: React.ReactNode;\n children: React.ReactNode;\n subMenu?: React.ReactNode;\n [key: string]: any;\n};\n\nexport type BaseSideNavigationItemProps<\n E extends React.ElementType = typeof defaultElementBaseItem\n> = PolymorphicPropsWithoutRef<BaseSideNavigationItemOwnProps, E>;\n\nconst defaultElementBaseItem = 'a';\n\nconst BaseSideNavigationItem: <E extends React.ElementType = typeof defaultElementBaseItem>(\n props: BaseSideNavigationItemProps<E>,\n) => React.ReactElement | null = React.forwardRef(\n <E extends React.ElementType = typeof defaultElementBaseItem>(\n {\n className,\n active = false,\n subMenu,\n icon,\n children,\n as,\n ...rest\n }: BaseSideNavigationItemProps<E>,\n ref: typeof rest.ref,\n ) => {\n const Element: React.ElementType = as || defaultElementBaseItem;\n const { isCollapsed } = useSideNavigationContext();\n const [showLabel] = useShowDelayedLabel(isCollapsed);\n return (\n <li className={classNames('eds-side-navigation__item', className)}>\n <Element\n className={classNames('eds-side-navigation__click-target', {\n 'eds-side-navigation__click-target--active': active,\n })}\n ref={ref}\n {...rest}\n >\n {icon}\n {showLabel && children}\n </Element>\n {subMenu}\n </li>\n );\n },\n);\n\ntype DisabledSideNavigationItemProps = {\n children: React.ReactNode;\n [key: string]: any;\n};\nconst DisabledSideNavigationItem = React.forwardRef<\n HTMLButtonElement,\n DisabledSideNavigationItemProps\n>(({ children, ...rest }, ref: React.Ref<HTMLButtonElement>) => (\n <BaseSideNavigationItem\n as=\"button\"\n disabled={true}\n aria-disabled={true}\n ref={ref}\n {...rest}\n >\n {children}\n </BaseSideNavigationItem>\n));\n\nexport type SideNavigationItemOwnProps = {\n /** Om meny-elementet er det som er aktivt */\n active?: boolean;\n /** HTML-elementet eller React-komponenten som rendres */\n as?: 'a' | 'button' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Om meny-elementet er deaktivert */\n disabled?: boolean;\n /** Callback for når man klikker på meny-elementet */\n onClick?: (e: React.MouseEvent) => any;\n /** Sett til true om du vil tvinge alle sub-menus til å rendre barna sine. Typisk for å vise søkeresultater */\n forceExpandSubMenus?: boolean;\n icon?: React.ReactNode;\n [key: string]: any;\n};\n\nexport type SideNavigationItemProps<\n E extends React.ElementType = typeof defaultElementItem\n> = PolymorphicPropsWithoutRef<SideNavigationItemOwnProps, E>;\n\nconst defaultElementItem = 'a';\n\nexport const SideNavigationItem: <E extends React.ElementType = typeof defaultElementItem>(\n props: SideNavigationItemProps<E>,\n) => React.ReactElement | null = React.forwardRef(\n <E extends React.ElementType = typeof defaultElementItem>(\n {\n active,\n disabled,\n children,\n forceExpandSubMenus,\n as,\n ...rest\n }: SideNavigationItemProps<E>,\n ref: typeof rest.ref,\n ) => {\n const Element: React.ElementType = as || defaultElementItem;\n const childrenArray = React.Children.toArray(children);\n const subMenu = childrenArray.find(\n (child: any) => child && child.type && child.type.__IS_ENTUR_MENU__,\n );\n const label = subMenu\n ? childrenArray.filter(child => child !== subMenu)\n : children;\n\n if (disabled) {\n return (\n <DisabledSideNavigationItem ref={ref} {...rest}>\n {label}\n </DisabledSideNavigationItem>\n );\n }\n\n if (!subMenu) {\n return (\n <BaseSideNavigationItem\n as={Element}\n active={active}\n ref={ref}\n {...rest}\n >\n {label}\n </BaseSideNavigationItem>\n );\n }\n\n const isExpanded =\n forceExpandSubMenus ||\n isActiveRecursively({ props: { children, active } });\n\n return (\n <BaseSideNavigationItem\n active={active}\n subMenu={isExpanded && subMenu}\n aria-expanded={isExpanded}\n as={Element}\n ref={ref}\n {...rest}\n >\n {label}\n </BaseSideNavigationItem>\n );\n },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { BaseExpand, ExpandArrow } from '@entur/expand';\nimport { useSideNavigationContext } from './CollapsibleSideNavigation';\nimport { useShowDelayedLabel } from './useShowDelayedLabel';\nimport { useControllableProp } from './useControllableProp';\n\nexport type SideNavigationGroupProps = {\n /** Skal menygruppen være ekspandert by default? Kun relevant om komponenten ikke er kontrollert\n * @default false\n */\n defaultOpen?: boolean;\n /** Er menyen åpen? */\n open?: boolean;\n /** Kalles når menygruppen åpnes eller lukkes */\n onToggle?: (e?: boolean) => void;\n /** Ekstra klassenavn */\n className?: string;\n /** Menyen som skal grupperes */\n children: React.ReactNode;\n /** Overskriften til menyen */\n title: React.ReactNode;\n icon?: React.ReactNode;\n [key: string]: any;\n};\n\nexport const SideNavigationGroup: React.FC<SideNavigationGroupProps> = ({\n defaultOpen = false,\n open,\n onToggle,\n className,\n children,\n title,\n icon,\n ...rest\n}) => {\n const [isOpen, setOpen] = useControllableProp({\n prop: open,\n updater: onToggle,\n defaultValue: defaultOpen,\n });\n const { isCollapsed } = useSideNavigationContext();\n\n const [showLabel] = useShowDelayedLabel(isCollapsed);\n\n return (\n <div\n className={classNames('eds-side-navigation-group', className)}\n {...rest}\n >\n <button\n onClick={() => setOpen(!isOpen)}\n type=\"button\"\n className=\"eds-side-navigation-group__trigger\"\n >\n <span>\n {icon && (\n <span className=\"eds-side-navigation-group__trigger-icon\">\n {icon}\n </span>\n )}\n {showLabel && title}\n </span>\n {showLabel && (\n <ExpandArrow\n open={isOpen}\n className=\"eds-side-navigation-group__expand-icon\"\n />\n )}\n </button>\n <BaseExpand open={isOpen}>{children}</BaseExpand>\n </div>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport './TopNavigationItem.scss';\nimport { PolymorphicPropsWithoutRef } from '@entur/utils';\n\nexport type TopNavigationItemOwnProps = {\n /** Om komponenten vises som valgt eller ikke\n * @default false\n */\n active?: boolean;\n /** Tekste som vises */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten\n * @default 'a'\n */\n as?: 'a' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n};\n\nexport type TopNavigationItemProps<\n E extends React.ElementType = typeof defaultElement,\n> = PolymorphicPropsWithoutRef<TopNavigationItemOwnProps, E>;\n\nconst defaultElement = 'a';\n\nexport const TopNavigationItem = <\n E extends React.ElementType = typeof defaultElement,\n>({\n active = false,\n className,\n as,\n ...rest\n}: TopNavigationItemProps<E>): JSX.Element => {\n const Element: React.ElementType = as || defaultElement;\n return (\n <Element\n className={classNames([\n 'eds-top-navigation-item',\n className,\n { 'eds-top-navigation-item--active': active },\n ])}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport type PaginationPageProps = {\n /** Sidenummeret som er aktivt nå */\n children: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Viser siden som aktiv */\n selected?: boolean;\n /** Viser knappen som inaktiv */\n disabled?: boolean;\n /** Callback for når man trykker på siden */\n onClick: () => void;\n /** Tekst for skjermlesere */\n 'aria-label': string;\n};\nexport const PaginationPage: React.FC<PaginationPageProps> = ({\n children,\n className,\n selected,\n disabled,\n onClick,\n 'aria-label': ariaLabel,\n}) => (\n <button\n className={classNames(\n 'eds-pagination__page',\n { 'eds-pagination__page--selected': selected },\n { 'eds-pagination__page--disabled': disabled },\n className,\n )}\n disabled={selected || disabled}\n type=\"button\"\n onClick={onClick}\n aria-label={ariaLabel}\n aria-current={selected ? 'page' : false}\n >\n {children}\n </button>\n);\n","import React from 'react';\n\nexport type PaginationInputProps = {\n currentPage: number;\n label?: string;\n onPageChange: (pageNumber: number) => void;\n pageCount: number;\n};\n\nexport const PaginationInput: React.FC<PaginationInputProps> = ({\n currentPage,\n pageCount,\n label = 'Gå til side',\n onPageChange,\n}) => {\n const [input, setInput] = React.useState(String(currentPage));\n // If the currentPage prop changes, we want to reset the input field\n React.useEffect(() => {\n setInput(String(currentPage));\n }, [currentPage]);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n e.stopPropagation();\n let pageNumber = Number(input);\n if (pageNumber === currentPage) {\n return;\n }\n if (Number.isNaN(pageNumber)) {\n pageNumber = currentPage;\n setInput(String(currentPage));\n return;\n }\n if (pageNumber > pageCount) {\n pageNumber = pageCount;\n setInput(String(pageCount));\n } else if (pageNumber < 1) {\n pageNumber = 1;\n setInput(String(1));\n }\n onPageChange(pageNumber);\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setInput(e.target.value);\n };\n\n return (\n <form onSubmit={handleSubmit} noValidate aria-label=\"form\">\n <label className=\"eds-pagination__input-wrapper\">\n <span className=\"eds-pagination__input-label\">{label}</span>\n <input\n type=\"number\"\n max={pageCount}\n className=\"eds-pagination__input-field\"\n value={input}\n onChange={handleChange}\n />\n </label>\n </form>\n );\n};\n","import React, { cloneElement } from 'react';\nimport {\n Menu,\n MenuButton,\n MenuItem,\n MenuLink,\n MenuList,\n} from '@reach/menu-button';\nimport type {\n MenuButtonProps,\n MenuItemProps,\n MenuLinkProps,\n} from '@reach/menu-button';\nimport { IconButton } from '@entur/button';\nimport { VerticalDotsIcon } from '@entur/icons';\nimport { Contrast, useContrast } from '@entur/layout';\nimport classNames from 'classnames';\nimport type * as Polymorphic from '@reach/utils/polymorphic';\nimport './OverflowMenu.scss';\n\nexport type OverflowMenuProps = {\n /** Menypunkter (OverflowMenuItem eller OverflowMenuLink) */\n children: React.ReactNode;\n /** Knapp som skal åpne OverflowMenu\n * @default IconButton med VerticalDotsIcon\n */\n button?: React.ReactElement;\n /** Ekstra klassenavn */\n className?: string;\n /** Posisjoneringen av OverflowMenu-lista\n * @default 'right'\n */\n position?: 'right' | 'left';\n} & MenuButtonProps;\n\nexport const OverflowMenu: React.FC<OverflowMenuProps> = ({\n children,\n className,\n button,\n position = 'right',\n ...rest\n}) => {\n return (\n <div>\n <Menu>\n {!button ? (\n <IconButton\n as={MenuButton}\n className={classNames(className, 'eds-overflow-menu__menu-button')}\n {...rest}\n >\n <VerticalDotsIcon />\n </IconButton>\n ) : (\n cloneElement(button, {\n as: MenuButton,\n className: classNames(className, 'eds-overflow-menu__menu-button'),\n ...rest,\n })\n )}\n {useContrast() ? (\n <Contrast\n className={classNames('eds-overflow-menu__menu-list')}\n as={MenuList}\n portal={false}\n >\n {[children]}\n </Contrast>\n ) : (\n <MenuList\n className={classNames('eds-overflow-menu__menu-list', {\n 'eds-overflow-menu__menu-list--left': position === 'left',\n })}\n portal={false}\n >\n {[children]}\n </MenuList>\n )}\n </Menu>\n </div>\n );\n};\n\nexport type OverflowMenuItemProps = {\n /** Innholdet til OverflowMenuItem */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default \"button\"\n */\n as?: 'button' | React.ElementType;\n /** Ekstra klassenavn */\n className?: string;\n /** Det som skjer når elementet er valgt, enten ved museklikk eller Enter-klikk */\n onSelect: () => void;\n} & MenuItemProps;\n\nexport const OverflowMenuItem = React.forwardRef(\n ({ children, className, onSelect, disabled, as = 'div', ...rest }, ref) => {\n return (\n <MenuItem\n className={classNames(\n 'eds-overflow-menu__item',\n { 'eds-overflow-menu__item--disabled': disabled },\n className,\n )}\n onSelect={onSelect}\n disabled={disabled}\n ref={ref}\n as={as}\n {...rest}\n >\n {children}\n </MenuItem>\n );\n },\n) as Polymorphic.ForwardRefComponent<'div', OverflowMenuItemProps>;\n\nexport type OverflowMenuLinkProps = {\n /** Innholdet til OverflowMenuLink */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager elementet\n * @default \"a\"\n */\n as?: string | React.ReactElement;\n /** Ekstra klassenavn */\n className?: string;\n /** Det som skjer når elementet er valgt, enten ved museklikk eller Enter-klikk */\n onSelect: () => void;\n} & MenuLinkProps;\n\nexport const OverflowMenuLink = React.forwardRef(\n ({ children, as = 'a', className, onSelect, disabled, ...rest }, ref) => {\n return (\n <MenuLink\n as={as}\n className={classNames(\n 'eds-overflow-menu__item',\n { 'eds-overflow-menu__item--disabled': disabled },\n className,\n )}\n onSelect={onSelect}\n disabled={disabled}\n ref={ref}\n {...rest}\n >\n {children}\n </MenuLink>\n );\n },\n) as Polymorphic.ForwardRefComponent<'a', OverflowMenuLinkProps>;\n","import React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { Menu, MenuList, MenuButton } from '@reach/menu-button';\n\nimport {\n LeftArrowIcon,\n RightArrowIcon,\n DownArrowIcon,\n UpArrowIcon,\n} from '@entur/icons';\nimport { Label } from '@entur/typography';\nimport { useContrast } from '@entur/layout';\n\nimport { PaginationPage } from './PaginationPage';\nimport { PaginationInput } from './PaginationInput';\nimport { OverflowMenuItem } from './OverflowMenu';\n\nimport './Pagination.scss';\n\nexport type PaginationProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Sidenummeret som er aktivt nå (1-indeksert) */\n currentPage: number;\n /** Callback for når man ønsker å gå til en ny side */\n onPageChange: (requestedPage: number) => void;\n /** Antall sider totalt */\n pageCount: number;\n /**\n * Hva som blir lest opp når brukere av skjermlesere navigerer til \"forrige side knappen\"\n * @default \"Gå til forrige side\"\n */\n previousPageLabel?: string;\n /**\n * Hva som blir lest opp når brukere av skjermlesere navigerer til \"neste side knappen\"\n * @default \"Gå til neste side\"\n */\n nextPageLabel?: string;\n /**\n * Hva som blir lest opp når brukere av skjermlesere navigerer til \"forrige side knappen\"\n * @default pageNumber => `Gå til side ${pageNumber}`,\n */\n pageLabel?: (pageNumber: number) => string;\n /** Vis et felt til høyre for pagineringen hvor man kan angi siden man\n * ønsker å vise i et tekstfelt.\n *\n * @default false\n */\n showInput?: boolean;\n /** Label som vises til venstre for input-feltet som vises om `showInput` er true\n * @default \"Gå til side\"\n */\n inputLabel?: string;\n\n /** Hvor mange resultater man har totalt */\n nubmerOfResults?: number;\n /** Hvor mange resultater som vises per side */\n resultsPerPage?: number;\n /**\n * @default [10,25,50]\n */\n resultsPerPageOptions?: number[];\n /** Callback for når resultater per side oppdateres */\n onResultsPerPageChange?: (e: number) => void;\n /** Brukes for å skjule \"neste side\"-knappen\n * @default false\n */\n hideNextButton?: boolean;\n /** Brukes for å skjule \"forrige side\"-knappen\n * @default false\n */\n hidePrevButton?: boolean;\n /** Teksten som vises for hvilke resultater av sideantallet man viser.\n * @default `Viser resultat ${minPage} - ${maxPage} av ${pageCount}`\n */\n showingResultsLabel?: (\n minPage: number,\n maxPage: number,\n pageCount: number,\n ) => string;\n /** Teksten som vises før \"resultsPerPage\"-velgeren\n * @default \"Vis\"\n */\n showNumberOfResultsLabel?: string;\n [key: string]: any;\n};\n\nexport const Pagination: React.FC<PaginationProps> = ({\n className,\n currentPage,\n inputLabel,\n onPageChange,\n pageCount,\n pageLabel = pageNumber => `Gå til side ${pageNumber}`,\n previousPageLabel = 'Gå til forrige side',\n showInput,\n\n numberOfResults,\n resultsPerPage,\n resultsPerPageOptions = [10, 25, 50],\n onResultsPerPageChange,\n\n showNumberOfResultsLabel = 'Vis',\n nextPageLabel = 'Gå til neste side',\n showingResultsLabel = (minPage, maxPage, pageCount) =>\n `Viser resultat ${minPage} - ${maxPage} av ${pageCount}`,\n hideNextButton = false,\n hidePrevButton = false,\n ...rest\n}) => {\n const isContrast = useContrast();\n const [listedEntries, setListedEntries] = useState<Array<number | '…'>>([]);\n\n const isFirstPostSelected = currentPage === 1;\n const isLastPostSelected = currentPage === pageCount;\n const noEllipsis = pageCount <= 7;\n const onlyLeadingEllipsis = !noEllipsis && currentPage < 5;\n const onlyTrailingEllipsis = !noEllipsis && pageCount - currentPage <= 3;\n\n useEffect(() => {\n if (pageCount < 1) return;\n if (noEllipsis) {\n setListedEntries(\n Array(pageCount)\n .fill(null)\n .map((_, i) => i + 1),\n );\n } else if (onlyLeadingEllipsis) {\n setListedEntries([1, 2, 3, 4, 5, '…', pageCount]);\n } else if (onlyTrailingEllipsis) {\n setListedEntries([\n 1,\n '…',\n pageCount - 4,\n pageCount - 3,\n pageCount - 2,\n pageCount - 1,\n pageCount,\n ]);\n } else {\n // leading and trailing ellipsis\n setListedEntries([\n 1,\n '…',\n currentPage - 1,\n currentPage,\n currentPage + 1,\n '…',\n pageCount,\n ]);\n }\n }, [\n noEllipsis,\n onlyLeadingEllipsis,\n onlyTrailingEllipsis,\n currentPage,\n pageCount,\n ]);\n\n if (pageCount < 1) {\n return null;\n }\n\n return (\n <div className={classNames('eds-pagination', className)} {...rest}>\n {resultsPerPage && numberOfResults && (\n <div className=\"eds-pagination__results\">\n {onResultsPerPageChange && (\n <Menu>\n {({ isOpen }) => (\n <>\n <Label>{showNumberOfResultsLabel}</Label>\n <MenuButton\n className={classNames('eds-pagination-menu__menu-button', {\n 'eds-pagination-menu__menu-button--open': isOpen,\n })}\n >\n {resultsPerPage}\n {isOpen ? <UpArrowIcon /> : <DownArrowIcon />}\n </MenuButton>\n <MenuList\n className={classNames(\n 'eds-pagination-menu__menu-list',\n 'eds-overflow-menu__menu-list',\n { 'eds-contrast': isContrast },\n )}\n >\n {resultsPerPageOptions.map(\n (option: number, key: number) => (\n <OverflowMenuItem\n key={key}\n onSelect={() => onResultsPerPageChange(option)}\n >\n {option}\n </OverflowMenuItem>\n ),\n )}\n </MenuList>\n </>\n )}\n </Menu>\n )}\n <Label className=\"eds-pagination__results-label\">\n {showingResultsLabel(\n (currentPage - 1) * resultsPerPage + 1,\n currentPage * resultsPerPage > numberOfResults\n ? numberOfResults\n : currentPage * resultsPerPage,\n numberOfResults,\n )}\n </Label>\n </div>\n )}\n <div className=\"eds-pagination__controls\">\n {!hidePrevButton && (\n <PaginationPage\n onClick={() => onPageChange(currentPage - 1)}\n aria-label={previousPageLabel}\n disabled={isFirstPostSelected}\n >\n <LeftArrowIcon />\n </PaginationPage>\n )}\n {listedEntries.map((entry, index) =>\n entry === '…' ? (\n <Ellipsis key={`ellipsis-${index}`} />\n ) : (\n <PaginationPage\n selected={entry === currentPage}\n onClick={() => onPageChange(entry)}\n aria-label={pageLabel(entry)}\n key={entry}\n >\n {entry}\n </PaginationPage>\n ),\n )}\n {!hideNextButton && (\n <PaginationPage\n onClick={() => onPageChange(currentPage + 1)}\n aria-label={nextPageLabel}\n disabled={isLastPostSelected}\n >\n <RightArrowIcon />\n </PaginationPage>\n )}\n {showInput && (\n <PaginationInput\n pageCount={pageCount}\n currentPage={currentPage}\n onPageChange={onPageChange}\n label={inputLabel}\n />\n )}\n </div>\n </div>\n );\n};\n\nconst Ellipsis: React.FC = () => (\n <span className=\"eds-pagination__ellipsis\" aria-hidden=\"true\">\n …\n </span>\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { Label } from '@entur/typography';\n\nimport './Stepper.scss';\n\nexport type StepperProps = {\n /** Det nåværende steget. */\n activeIndex: number;\n /** Oppdater state ved klikk. */\n onStepClick: (index: number) => void;\n /** Liste av steg. */\n steps: string[];\n /** Ekstra klassenavn. */\n className?: string;\n /** Om stepperen skal være et interaktivt-navigasjonselement eller ikke\n * @default false\n */\n interactive?: boolean;\n /** Om stepper skal vise indeksering av hvilket trinn man er på\n * @default true\n */\n showStepperIndex?: boolean;\n as?: 'button' | React.ElementType;\n [key: string]: any;\n};\n\nexport const Stepper: React.FC<StepperProps> = ({\n className,\n onStepClick,\n steps,\n activeIndex,\n interactive = false,\n showStepperIndex = true,\n ...rest\n}) => {\n const Element = interactive ? 'button' : 'div';\n return (\n <div className={classNames('eds-stepper', className)} {...rest}>\n {steps.map((step, i) => {\n const isActive = i === activeIndex;\n const hasBeenActive = activeIndex > i;\n const props = interactive ? { onClick: () => onStepClick(i) } : {};\n return (\n <Element\n key={step}\n className={classNames('eds-stepper__item__container', {\n 'eds-stepper__item__container--non-interactive': !interactive,\n })}\n {...props}\n >\n <div\n className={classNames(\n 'eds-stepper__item__square',\n { 'eds-stepper__item__square--active': isActive },\n { 'eds-stepper__item__square--inactive': activeIndex < i },\n { 'eds-stepper__item__square--has-been': hasBeenActive },\n )}\n ></div>\n <Label\n className={classNames(\n 'eds-stepper__item__label',\n {\n 'eds-stepper__item__label--has-been': hasBeenActive,\n },\n {\n 'eds-stepper__item__label--active': isActive,\n },\n )}\n >\n {showStepperIndex && i + 1 + '.'} {step}\n </Label>\n </Element>\n );\n })}\n </div>\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles(\n 'menu',\n 'expand',\n 'icons',\n 'typography',\n 'button',\n 'layout',\n);\n\nexport * from './BreadcrumbNavigation';\nexport * from './BreadcrumbItem';\nexport * from './SideNavigation';\nexport * from './SideNavigationItem';\nexport * from './SideNavigationGroup';\nexport * from './TopNavigationItem';\nexport * from './Pagination';\nexport * from './Stepper';\nexport * from './OverflowMenu';\nexport * from './CollapsibleSideNavigation';\n"],"names":["BreadcrumbNavigation","ariaLabel","children","React","className","Children","map","child","index","cloneElement","isCurrent","count","defaultElement","BreadcrumbItem","as","rest","Element","classNames","undefined","RightArrowIcon","inline","role","SideNavigation","size","__IS_ENTUR_MENU__","useControllableProp","prop","updater","defaultValue","useState","internalState","setInternalState","useEffect","CollapsibleSideNavigation","collapsible","collapsed","onCollapseToggle","collapsibleButtonPosition","collapsedMenu","setCollapsedMenu","SideNavigationContext","Provider","value","isCollapsed","onClick","style","top","MenuIcon","LeftArrowIcon","createContext","useSideNavigationContext","context","useContext","console","error","useShowDelayedLabel","showLabel","setShowLabel","hideDelay","showDelay","setTimeout","isActiveRecursively","props","active","toArray","some","defaultElementBaseItem","BaseSideNavigationItem","forwardRef","ref","subMenu","icon","DisabledSideNavigationItem","disabled","defaultElementItem","SideNavigationItem","forceExpandSubMenus","childrenArray","find","type","label","filter","isExpanded","SideNavigationGroup","defaultOpen","open","onToggle","title","isOpen","setOpen","ExpandArrow","BaseExpand","TopNavigationItem","PaginationPage","selected","PaginationInput","currentPage","pageCount","onPageChange","String","input","setInput","handleSubmit","e","preventDefault","stopPropagation","pageNumber","Number","isNaN","handleChange","target","onSubmit","noValidate","max","onChange","OverflowMenu","button","position","Menu","IconButton","MenuButton","VerticalDotsIcon","useContrast","Contrast","MenuList","portal","OverflowMenuItem","onSelect","MenuItem","OverflowMenuLink","MenuLink","Pagination","inputLabel","pageLabel","previousPageLabel","showInput","numberOfResults","resultsPerPage","resultsPerPageOptions","onResultsPerPageChange","showNumberOfResultsLabel","nextPageLabel","showingResultsLabel","minPage","maxPage","hideNextButton","hidePrevButton","isContrast","listedEntries","setListedEntries","isFirstPostSelected","isLastPostSelected","noEllipsis","onlyLeadingEllipsis","onlyTrailingEllipsis","Array","fill","_","i","Label","UpArrowIcon","DownArrowIcon","option","key","entry","Ellipsis","Stepper","onStepClick","steps","activeIndex","interactive","showStepperIndex","step","isActive","hasBeenActive","warnAboutMissingStyles"],"mappings":"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"}
package/dist/styles.css CHANGED
@@ -276,6 +276,55 @@
276
276
  outline: 2px solid #ffffff;
277
277
  }/* DO NOT CHANGE!*/
278
278
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
279
+ .eds-top-navigation-item {
280
+ --show-active-line: 0;
281
+ display: inline-block;
282
+ cursor: pointer;
283
+ color: inherit;
284
+ text-decoration: none;
285
+ position: relative;
286
+ padding: 1rem;
287
+ min-width: 5rem;
288
+ width: -webkit-fit-content;
289
+ width: -moz-fit-content;
290
+ width: fit-content;
291
+ text-align: center;
292
+ font-family: inherit;
293
+ font-size: 1rem;
294
+ font-weight: 600;
295
+ }
296
+ .eds-top-navigation-item::after {
297
+ content: "";
298
+ display: block;
299
+ bottom: 1rem;
300
+ height: 0.1875rem;
301
+ width: 0;
302
+ margin: 0 auto;
303
+ opacity: var(--show-active-line);
304
+ background: #ff5959;
305
+ transition: width ease-in-out 0.2s, opacity ease-in-out 0.2s;
306
+ }
307
+ .eds-top-navigation-item:focus {
308
+ outline-offset: 0.125rem;
309
+ outline: none;
310
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
311
+ }
312
+ .eds-contrast .eds-top-navigation-item:focus {
313
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
314
+ }
315
+ .eds-top-navigation-item:hover {
316
+ --show-active-line: 1;
317
+ }
318
+ .eds-top-navigation-item:hover::after {
319
+ width: 2rem;
320
+ }
321
+ .eds-top-navigation-item--active {
322
+ --show-active-line: 1;
323
+ }
324
+ .eds-top-navigation-item--active::after {
325
+ width: 2rem;
326
+ }/* DO NOT CHANGE!*/
327
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
279
328
  .eds-overflow-menu__item {
280
329
  -webkit-appearance: none;
281
330
  -moz-appearance: none;
@@ -373,129 +422,18 @@
373
422
  right: calc(100% - 2rem);
374
423
  }/* DO NOT CHANGE!*/
375
424
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
376
- .eds-stepper {
377
- display: flex;
378
- flex-direction: row;
379
- }
380
- .eds-stepper__item__container {
381
- cursor: pointer;
382
- font-family: inherit;
383
- text-transform: none;
384
- -webkit-appearance: none;
385
- -moz-appearance: none;
386
- appearance: none;
387
- background: none;
388
- border: none;
389
- margin: 0;
390
- padding: 0;
391
- align-items: inherit;
392
- display: flex;
393
- flex-grow: 1;
394
- flex-basis: 0;
395
- flex-direction: column;
396
- margin-left: 0.25rem;
397
- }
398
- .eds-stepper__item__container--non-interactive {
399
- cursor: default;
400
- }
401
- .eds-stepper__item__container:focus {
402
- outline-offset: 0.125rem;
403
- outline: none;
404
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
405
- }
406
- .eds-contrast .eds-stepper__item__container:focus {
407
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
408
- }
409
- .eds-stepper__item__container:first-child {
410
- margin-left: 0;
411
- }
412
- .eds-stepper__item__label {
413
- cursor: inherit;
414
- flex-grow: 1;
415
- flex-direction: column;
416
- text-align: center;
417
- font-size: 0.875rem;
418
- padding: 0.25rem 1rem;
419
- }
420
- .eds-stepper__item__label--active {
421
- font-weight: 600;
422
- }
423
- .eds-stepper__item__label.eds-stepper__item__label--active {
424
- color: #181c56;
425
- }
426
- .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--active {
427
- color: #ffffff;
428
- }
429
- .eds-stepper__item__label.eds-stepper__item__label--has-been {
430
- color: #181c56;
431
- }
432
- .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--has-been {
433
- color: #ffffff;
434
- }
435
- .eds-stepper__item__square {
436
- height: 0.5rem;
437
- }
438
- .eds-stepper__item__square--active {
439
- color: inherit;
440
- background: #e9e9e9;
441
- position: relative;
442
- }
443
- .eds-stepper__item__square--active:before {
444
- background: #181c56;
445
- content: "";
446
- position: absolute;
447
- right: calc(50% - 0.2rem);
448
- border-radius: 0.0625rem;
449
- bottom: 0.0625rem;
450
- width: calc( 0.5rem - 0.125rem - 0.01rem );
451
- height: calc( 0.5rem - 0.125rem - 0.01rem );
452
- transform: rotate(45deg);
453
- }
454
- .eds-contrast .eds-stepper__item__square--active:before {
455
- border-left-color: #aeb7e2;
456
- border-left-color: #aeb7e2;
457
- }
458
- .eds-stepper__item__square--active:after {
459
- content: "";
460
- position: absolute;
461
- left: 0;
462
- bottom: 0;
463
- width: 50%;
464
- height: 0.5rem;
465
- background: #181c56;
466
- }
467
- .eds-contrast .eds-stepper__item__square--active:after {
468
- background: #aeb7e2;
469
- }
470
- .eds-contrast .eds-stepper__item__square--active {
471
- background: #aeb7e2;
472
- background: #393d79;
473
- }
474
- .eds-stepper__item__square--inactive {
475
- color: #656782;
476
- background: #e9e9e9;
477
- }
478
- .eds-contrast .eds-stepper__item__square--inactive {
479
- color: #aeb7e2;
480
- background: #393d79;
481
- }
482
- .eds-stepper__item__square--has-been {
483
- color: inherit;
484
- background: #181c56;
485
- }
486
- .eds-contrast .eds-stepper__item__square--has-been {
487
- background: #aeb7e2;
488
- }/* DO NOT CHANGE!*/
489
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
490
425
  .eds-pagination {
491
426
  align-items: center;
492
427
  display: flex;
428
+ flex-wrap: wrap;
429
+ row-gap: 0.75rem;
493
430
  justify-content: space-between;
494
431
  }
495
432
  .eds-pagination__results {
496
433
  align-items: center;
497
434
  display: flex;
498
- justify-content: center;
435
+ flex: 1;
436
+ justify-content: flex-start;
499
437
  }
500
438
  .eds-pagination__results-label {
501
439
  margin-right: 0.5rem;
@@ -576,6 +514,10 @@
576
514
  border-color: #ffffff;
577
515
  background: #393d79;
578
516
  }
517
+ .eds-pagination__page--disabled {
518
+ opacity: 0.5;
519
+ pointer-events: none;
520
+ }
579
521
  .eds-pagination__page:hover {
580
522
  background-color: #d1d4e3;
581
523
  border-color: #d1d4e3;
@@ -604,8 +546,12 @@
604
546
  -ms-user-select: none;
605
547
  user-select: none;
606
548
  width: 2rem;
549
+ margin: 0 2px;
607
550
  }
608
551
 
552
+ .eds-pagination__input-wrapper {
553
+ white-space: nowrap;
554
+ }
609
555
  .eds-pagination__input-label {
610
556
  border-left: 0.0625rem solid #d1d3d3;
611
557
  color: #656782;
@@ -617,7 +563,6 @@
617
563
  border-color: #393d79;
618
564
  color: #aeb7e2;
619
565
  }
620
-
621
566
  .eds-pagination__input-field {
622
567
  -webkit-appearance: none;
623
568
  -moz-appearance: none;
@@ -638,51 +583,116 @@
638
583
  margin: 0;
639
584
  }/* DO NOT CHANGE!*/
640
585
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
641
- .eds-top-navigation-item {
642
- --show-active-line: 0;
643
- display: inline-block;
586
+ .eds-stepper {
587
+ display: flex;
588
+ flex-direction: row;
589
+ }
590
+ .eds-stepper__item__container {
644
591
  cursor: pointer;
645
- color: inherit;
646
- text-decoration: none;
647
- position: relative;
648
- padding: 1rem;
649
- min-width: 5rem;
650
- width: -webkit-fit-content;
651
- width: -moz-fit-content;
652
- width: fit-content;
653
- text-align: center;
654
592
  font-family: inherit;
655
- font-size: 1rem;
656
- font-weight: 600;
593
+ text-transform: none;
594
+ -webkit-appearance: none;
595
+ -moz-appearance: none;
596
+ appearance: none;
597
+ background: none;
598
+ border: none;
599
+ margin: 0;
600
+ padding: 0;
601
+ align-items: inherit;
602
+ display: flex;
603
+ flex-grow: 1;
604
+ flex-basis: 0;
605
+ flex-direction: column;
606
+ margin-left: 0.25rem;
657
607
  }
658
- .eds-top-navigation-item::after {
659
- content: "";
660
- display: block;
661
- bottom: 1rem;
662
- height: 0.1875rem;
663
- width: 0;
664
- margin: 0 auto;
665
- opacity: var(--show-active-line);
666
- background: #ff5959;
667
- transition: width ease-in-out 0.2s, opacity ease-in-out 0.2s;
608
+ .eds-stepper__item__container--non-interactive {
609
+ cursor: default;
668
610
  }
669
- .eds-top-navigation-item:focus {
611
+ .eds-stepper__item__container:focus {
670
612
  outline-offset: 0.125rem;
671
613
  outline: none;
672
614
  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
673
615
  }
674
- .eds-contrast .eds-top-navigation-item:focus {
616
+ .eds-contrast .eds-stepper__item__container:focus {
675
617
  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
676
618
  }
677
- .eds-top-navigation-item:hover {
678
- --show-active-line: 1;
619
+ .eds-stepper__item__container:first-child {
620
+ margin-left: 0;
679
621
  }
680
- .eds-top-navigation-item:hover::after {
681
- width: 2rem;
622
+ .eds-stepper__item__label {
623
+ cursor: inherit;
624
+ flex-grow: 1;
625
+ flex-direction: column;
626
+ text-align: center;
627
+ font-size: 0.875rem;
628
+ padding: 0.25rem 1rem;
682
629
  }
683
- .eds-top-navigation-item--active {
684
- --show-active-line: 1;
630
+ .eds-stepper__item__label--active {
631
+ font-weight: 600;
685
632
  }
686
- .eds-top-navigation-item--active::after {
687
- width: 2rem;
633
+ .eds-stepper__item__label.eds-stepper__item__label--active {
634
+ color: #181c56;
635
+ }
636
+ .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--active {
637
+ color: #ffffff;
638
+ }
639
+ .eds-stepper__item__label.eds-stepper__item__label--has-been {
640
+ color: #181c56;
641
+ }
642
+ .eds-contrast .eds-stepper__item__label.eds-stepper__item__label--has-been {
643
+ color: #ffffff;
644
+ }
645
+ .eds-stepper__item__square {
646
+ height: 0.5rem;
647
+ }
648
+ .eds-stepper__item__square--active {
649
+ color: inherit;
650
+ background: #e9e9e9;
651
+ position: relative;
652
+ }
653
+ .eds-stepper__item__square--active:before {
654
+ background: #181c56;
655
+ content: "";
656
+ position: absolute;
657
+ right: calc(50% - 0.2rem);
658
+ border-radius: 0.0625rem;
659
+ bottom: 0.0625rem;
660
+ width: calc( 0.5rem - 0.125rem - 0.01rem );
661
+ height: calc( 0.5rem - 0.125rem - 0.01rem );
662
+ transform: rotate(45deg);
663
+ }
664
+ .eds-contrast .eds-stepper__item__square--active:before {
665
+ border-left-color: #aeb7e2;
666
+ border-left-color: #aeb7e2;
667
+ }
668
+ .eds-stepper__item__square--active:after {
669
+ content: "";
670
+ position: absolute;
671
+ left: 0;
672
+ bottom: 0;
673
+ width: 50%;
674
+ height: 0.5rem;
675
+ background: #181c56;
676
+ }
677
+ .eds-contrast .eds-stepper__item__square--active:after {
678
+ background: #aeb7e2;
679
+ }
680
+ .eds-contrast .eds-stepper__item__square--active {
681
+ background: #aeb7e2;
682
+ background: #393d79;
683
+ }
684
+ .eds-stepper__item__square--inactive {
685
+ color: #656782;
686
+ background: #e9e9e9;
687
+ }
688
+ .eds-contrast .eds-stepper__item__square--inactive {
689
+ color: #aeb7e2;
690
+ background: #393d79;
691
+ }
692
+ .eds-stepper__item__square--has-been {
693
+ color: inherit;
694
+ background: #181c56;
695
+ }
696
+ .eds-contrast .eds-stepper__item__square--has-been {
697
+ background: #aeb7e2;
688
698
  }