UNPKG

@navikt/ds-react

Version:

React components from the Norwegian Labour and Welfare Administration.

58 lines (57 loc) 1.47 kB
import React from "react"; export type PeriodStatus = "success" | "warning" | "danger" | "info" | "neutral"; export type Percentage = number; export interface Positioned { horizontalPosition: number; direction: "left" | "right"; } export interface Period { id: string; start: Date; endInclusive: Date; status?: PeriodStatus; onSelectPeriod?: (e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void; icon?: React.ReactNode; children?: React.ReactNode; end: Date; isActive?: boolean; statusLabel?: string; restProps?: any; ref?: React.Ref<HTMLDivElement | HTMLButtonElement>; } export interface PositionedPeriod extends Period, Positioned { width: number; active?: boolean; cropped?: "left" | "right" | "both"; disabled?: boolean; className?: string; hoverLabel?: React.ReactNode; infoPin?: boolean; start: Date; } export interface Spatial { width: number; } export interface AxisLabel extends Positioned, Spatial { label: string; date: Date; } export interface InternalSimpleTimeline { id: string; periods: PositionedPeriod[]; } export interface SimplePeriod { /** * Startdato for perioden, mao. periodens høyre kant. */ start: Date; /** * Sluttdato for perioden, mao. periodens venstre kant. */ end: Date; } export type AxisLabelTemplates = { day?: string; month?: string; year?: string; };