@navikt/ds-react 2.0.18 → 2.1.1-next.1

package/esm/date/utils/index.d.ts

@@ -1,10 +0,0 @@
-export { formatDateForInput } from "./format-date";
-export { getMonths, getYears } from "./get-dates";
-export { labelMonthDropdown, labelYearDropdown, labels, labelNextYear, labelPrevYear, } from "./labels";
-export { INPUT_DATE_STRING_FORMAT_DATE, INPUT_DATE_STRING_FORMAT_MONTH, parseDate, } from "./parse-date";
-export { getLocaleFromString } from "./locale";
-export { disableDate } from "./dates-disabled";
-export { dateIsInCurrentMonth, isValidDate, hasNextYear } from "./check-dates";
-export { getInitialYear } from "./get-initial-year";
-export { isMatch, isDateInRange, Matcher } from "./is-match";
-export { nextEnabled } from "./navigation";

package/esm/date/utils/is-match.d.ts

@@ -1,4 +0,0 @@
-import { DateAfter, DateBefore, DateRange } from "react-day-picker";
-export type Matcher = ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter;
-export declare function isMatch(day: Date, matchers: Matcher[]): boolean;
-export declare function isDateInRange(date: Date, range: DateRange): boolean;

package/esm/date/utils/labels.d.ts

@@ -1,6 +0,0 @@
-import { Labels } from "react-day-picker";
-export declare const labelYearDropdown: (locale: Locale) => "År" | "Year";
-export declare const labelMonthDropdown: (locale: Locale) => "Måned" | "Månad" | "Month";
-export declare const labelNextYear: (localeCode: string | undefined) => "Gå til neste måned" | "Gå til neste år" | "Go to next year";
-export declare const labelPrevYear: (localeCode: string | undefined) => string;
-export declare const labels: Partial<Labels>;

package/esm/date/utils/locale.d.ts

@@ -1,2 +0,0 @@
-/** @private */
-export declare const getLocaleFromString: (locale?: "nb" | "nn" | "en") => Locale;

package/esm/date/utils/navigation.d.ts

@@ -1,2 +0,0 @@
-import { Matcher } from "./is-match";
-export declare const nextEnabled: (months: any, key: string, disabled: Matcher[], currentMonth: Date, setYearState: Function, yearState: Date, dropdownCaption: boolean, fromDate?: Date, toDate?: Date) => Date;

package/esm/date/utils/parse-date.d.ts

@@ -1,3 +0,0 @@
-export declare const INPUT_DATE_STRING_FORMAT_DATE = "dd.MM.yyyy";
-export declare const INPUT_DATE_STRING_FORMAT_MONTH = "MMMM yyyy";
-export declare const parseDate: (date: string, today: Date, locale: Locale, type: "date" | "month") => Date;

package/esm/form/ConfirmationPanel.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-import { CheckboxProps } from "..";
-export interface ConfirmationPanelProps extends Omit<CheckboxProps, "children" | "indeterminate" | "hideLabel" | "error"> {
-    /**
-     * Additional information on panel
-     */
-    children?: React.ReactNode;
-    /**
-     * Checkbox label
-     */
-    label: React.ReactNode;
-    /**
-     * Error message for element
-     */
-    error?: React.ReactNode;
-    /**
-     * Override internal errorId
-     */
-    errorId?: string;
-}
-export declare const ConfirmationPanel: React.ForwardRefExoticComponent<ConfirmationPanelProps & React.RefAttributes<HTMLInputElement>>;
-export default ConfirmationPanel;

package/esm/form/Fieldset/Fieldset.d.ts

@@ -1,42 +0,0 @@
-import React, { FieldsetHTMLAttributes } from "react";
-import { FormFieldProps } from "../useFormField";
-export type FieldsetContextProps = {
-    /**
-     * Error message applied to element,
-     */
-    error?: React.ReactNode;
-    /**
-     * Overrides internal errorId
-     */
-    errorId: string;
-    /**
-     * Changes paddings, margins and font-sizes
-     */
-    size: "medium" | "small";
-    /**
-     * Sets fieldset and all form-children to disabled
-     */
-    disabled: boolean;
-};
-export declare const FieldsetContext: React.Context<FieldsetContextProps | null>;
-export interface FieldsetProps extends FormFieldProps, FieldsetHTMLAttributes<HTMLFieldSetElement> {
-    /**
-     * FormFields in Fieldset
-     */
-    children: React.ReactNode;
-    /**
-     * Fieldset legend
-     */
-    legend: React.ReactNode;
-    /**
-     * If enabled shows the legend and description for screenreaders only
-     */
-    hideLegend?: boolean;
-    /**
-     * Toggles error propagation to child-elements
-     * @default true
-     */
-    errorPropagation?: boolean;
-}
-export declare const Fieldset: React.ForwardRefExoticComponent<FieldsetProps & React.RefAttributes<HTMLFieldSetElement>>;
-export default Fieldset;

package/esm/form/Fieldset/index.d.ts

@@ -1 +0,0 @@
-export { default as Fieldset, FieldsetProps, FieldsetContext, } from "./Fieldset";

package/esm/form/Fieldset/useFieldset.d.ts

@@ -1,14 +0,0 @@
-/**
- * Handles props for Fieldset in context with parent Fieldset.
- */
-export declare const useFieldset: (props: any) => {
-    inputProps: {
-        "aria-invalid": boolean;
-        "aria-describedby": string | undefined;
-    };
-    showErrorMsg: boolean;
-    hasError: boolean;
-    errorId: string;
-    inputDescriptionId: string;
-    size: "medium" | "small";
-};

package/esm/form/Select.d.ts

@@ -1,26 +0,0 @@
-import React, { SelectHTMLAttributes } from "react";
-import { FormFieldProps } from "./useFormField";
-export interface SelectProps extends FormFieldProps, Omit<SelectHTMLAttributes<HTMLSelectElement>, "size"> {
-    /**
-     * Collection of <option />-elements
-     */
-    children: React.ReactNode;
-    /**
-     * Exposes the HTML size attribute
-     */
-    htmlSize?: number;
-    /**
-     * Label for select
-     */
-    label: React.ReactNode;
-    /**
-     * If enabled shows the label and description for screenreaders only
-     */
-    hideLabel?: boolean;
-    /**
-     * Sets inline-style on select wrapper
-     */
-    style?: React.CSSProperties;
-}
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
-export default Select;

package/esm/form/Switch.d.ts

@@ -1,27 +0,0 @@
-import React, { InputHTMLAttributes } from "react";
-import { FormFieldProps } from "./useFormField";
-export interface SwitchProps extends Omit<FormFieldProps, "error" | "errorId">, Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
-    /**
-     * Switch-label
-     */
-    children: React.ReactNode;
-    /**
-     * If enabled shows the label and description for screenreaders only
-     */
-    hideLabel?: boolean;
-    /**
-     * Toggles loading state with loader-component on switch
-     */
-    loading?: boolean;
-    /**
-     * Positions switch on left/right side of label
-     * @default "left"
-     */
-    position?: "left" | "right";
-    /**
-     * Adds a description to extend labling of Switch
-     */
-    description?: string;
-}
-export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
-export default Switch;

package/esm/form/TextField.d.ts

@@ -1,31 +0,0 @@
-import React, { InputHTMLAttributes } from "react";
-import { FormFieldProps } from "./useFormField";
-export interface TextFieldProps extends FormFieldProps, Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
-    /**
-     * Controlled value
-     */
-    value?: string | number;
-    /**
-     * Defaults input-value without needing controlled-state
-     */
-    defaultValue?: string | number;
-    /**
-     * Exposes the HTML size attribute
-     */
-    htmlSize?: number;
-    /**
-     * If enabled shows the label and description for screenreaders only
-     */
-    hideLabel?: boolean;
-    /**
-     * TextField label
-     */
-    label: React.ReactNode;
-    /**
-     * Type of form control. Picking the correct type helps user fill inn their required information
-     * @default "text"
-     */
-    type?: "email" | "number" | "password" | "tel" | "text" | "url";
-}
-export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
-export default TextField;

package/esm/form/Textarea.d.ts

@@ -1,48 +0,0 @@
-import React from "react";
-import { FormFieldProps } from "./useFormField";
-/**
- * TODO: Mulighet for lokalisering av sr-only/counter text
- */
-export interface TextareaProps extends FormFieldProps, React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    /**
-     * Allowed character-count for content
-     * @note This is just a visual validator, you need to set actual character-limits if needed
-     */
-    maxLength?: number;
-    /**
-     * Controlled value
-     */
-    value?: string;
-    /**
-     * Defaults input-value without needing controlled-state
-     */
-    defaultValue?: string;
-    /**
-     * Maximum number of character rows to display.
-     * @bug Internal scrolling with `maxLength` scrolls over maxLength-text
-     */
-    maxRows?: number;
-    /**
-     * Minimum number of character-rows to display when empty.
-     */
-    minRows?: number;
-    /**
-     * Textarea label
-     */
-    label: React.ReactNode;
-    /**
-     * If enabled shows the label and description for screenreaders only
-     */
-    hideLabel?: boolean;
-    /**
-     * Enables resizing of field
-     */
-    resize?: boolean;
-}
-export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export declare const Counter: ({ maxLength, currentLength, size }: {
-    maxLength: any;
-    currentLength: any;
-    size: any;
-}) => JSX.Element;
-export default Textarea;

package/esm/form/checkbox/Checkbox.d.ts

@@ -1,36 +0,0 @@
-import React, { InputHTMLAttributes } from "react";
-import { FormFieldProps } from "../useFormField";
-export interface CheckboxProps extends FormFieldProps, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value"> {
-    /**
-     * Adds error indication on checkbox
-     * @default false
-     */
-    error?: boolean;
-    /**
-     * Id for error resulting in checkbox having error
-     */
-    errorId?: string;
-    /**
-     * Checkbox label
-     */
-    children: React.ReactNode;
-    /**
-     * Hides label and makes it viewable for screen-readers only.
-     */
-    hideLabel?: boolean;
-    /**
-     * The value of the HTML element.
-     */
-    value?: any;
-    /**
-     * Specify whether the Checkbox is in an indeterminate state
-     * @default false
-     */
-    indeterminate?: boolean;
-    /**
-     * Adds a description to extend labling of Checkbox
-     */
-    description?: string;
-}
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
-export default Checkbox;

package/esm/form/checkbox/CheckboxGroup.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-import { FieldsetProps } from "..";
-export interface CheckboxGroupState {
-    readonly defaultValue?: readonly any[];
-    readonly value?: readonly any[];
-    toggleValue(value: any): void;
-}
-export declare const CheckboxGroupContext: React.Context<CheckboxGroupState | null>;
-export interface CheckboxGroupProps extends Omit<FieldsetProps, "onChange" | "errorPropagation" | "defaultValue"> {
-    /**
-     * Collection of <Checkbox/>
-     */
-    children: React.ReactNode;
-    /**
-     * Controlled state for checkboxes.
-     */
-    value?: any[];
-    /**
-     * Default checked checkboxes on render
-     */
-    defaultValue?: any[];
-    /**
-     * Returns current checked checkboxes in group
-     */
-    onChange?: (value: any[]) => void;
-}
-export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
-export default CheckboxGroup;

package/esm/form/checkbox/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Checkbox, CheckboxProps } from "./Checkbox";
-export { default as CheckboxGroup, CheckboxGroupProps } from "./CheckboxGroup";

package/esm/form/checkbox/useCheckbox.d.ts

@@ -1,21 +0,0 @@
-import { CheckboxProps } from "../..";
-/**
- * Handles props for Checkboxes in context with Fieldset and CheckboxGroup
- */
-declare const useCheckbox: ({ children, ...props }: CheckboxProps) => {
-    inputProps: {
-        checked: boolean | undefined;
-        defaultChecked: boolean | undefined;
-        onChange: (e: any) => void;
-        id: string;
-        "aria-invalid": boolean;
-        "aria-describedby": string | undefined;
-        disabled: boolean | undefined;
-    };
-    showErrorMsg: boolean;
-    hasError: boolean;
-    errorId: string;
-    inputDescriptionId: string;
-    size: "medium" | "small";
-};
-export default useCheckbox;

package/esm/form/error-summary/ErrorSummary.d.ts

@@ -1,27 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { ErrorSummaryItemType } from "./ErrorSummaryItem";
-export interface ErrorSummaryProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Collectipn of ErrorSummary.Item
-     */
-    children: React.ReactNode;
-    /**
-     * Changes padding and font-sizes
-     * @default "medium"
-     */
-    size?: "medium" | "small";
-    /**
-     * Heading above links
-     */
-    heading?: React.ReactNode;
-    /**
-     * Allows setting a different HTML h-tag
-     * @default "h2"
-     */
-    headingTag?: React.ElementType<any>;
-}
-interface ErrorSummaryComponent extends React.ForwardRefExoticComponent<ErrorSummaryProps & React.RefAttributes<HTMLDivElement>> {
-    Item: ErrorSummaryItemType;
-}
-export declare const ErrorSummary: ErrorSummaryComponent;
-export default ErrorSummary;

package/esm/form/error-summary/ErrorSummaryItem.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { OverridableComponent } from "../..";
-export interface ErrorSummaryItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    /**
-     * Link text
-     */
-    children: React.ReactNode;
-}
-export type ErrorSummaryItemType = OverridableComponent<ErrorSummaryItemProps, HTMLAnchorElement>;
-export declare const ErrorSummaryItem: ErrorSummaryItemType;
-export default ErrorSummaryItem;

package/esm/form/error-summary/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ErrorSummary } from "./ErrorSummary";
-export { ErrorSummaryProps } from "./ErrorSummary";

package/esm/form/index.d.ts

@@ -1,10 +0,0 @@
-export { Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, } from "./checkbox";
-export { ConfirmationPanelProps, default as ConfirmationPanel, } from "./ConfirmationPanel";
-export { ErrorSummary, ErrorSummaryProps } from "./error-summary";
-export { Fieldset, FieldsetContext, FieldsetProps } from "./Fieldset";
-export { Radio, RadioGroup, RadioGroupProps, RadioProps } from "./radio";
-export { Search, SearchClearEvent, SearchProps } from "./search";
-export { default as Select, SelectProps } from "./Select";
-export { default as Switch, SwitchProps } from "./Switch";
-export { Counter, default as Textarea, TextareaProps } from "./Textarea";
-export { default as TextField, TextFieldProps } from "./TextField";

package/esm/form/radio/Radio.d.ts

@@ -1,18 +0,0 @@
-import React, { InputHTMLAttributes } from "react";
-import { FormFieldProps } from "../useFormField";
-export interface RadioProps extends Omit<FormFieldProps, "error" | "errorId">, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value"> {
-    /**
-     * Radio label
-     */
-    children: React.ReactNode;
-    /**
-     * The value of the HTML element
-     */
-    value: any;
-    /**
-     * Adds a description to extend labling of Radio
-     */
-    description?: string;
-}
-export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
-export default Radio;

package/esm/form/radio/RadioGroup.d.ts

@@ -1,38 +0,0 @@
-import React from "react";
-import { FieldsetProps } from "..";
-export interface RadioGroupContextProps {
-    name: string;
-    defaultValue?: any;
-    value?: any;
-    onChange: (value: any) => void;
-    required?: boolean;
-}
-export declare const RadioGroupContext: React.Context<RadioGroupContextProps | null>;
-export interface RadioGroupProps extends Omit<FieldsetProps, "onChange" | "errorPropagation" | "defaultValue"> {
-    /**
-     * Collection of <Radio />-elements
-     */
-    children: React.ReactNode;
-    /**
-     * Override internal name
-     */
-    name?: string;
-    /**
-     * Default checked Radio
-     */
-    defaultValue?: any;
-    /**
-     * Controlled state for Radio
-     */
-    value?: any;
-    /**
-     * Returns current checked Radio in group
-     */
-    onChange?: (value: any) => void;
-    /**
-     * Tells Fieldset if group is required
-     */
-    required?: boolean;
-}
-export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
-export default RadioGroup;

package/esm/form/radio/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Radio, RadioProps } from "./Radio";
-export { default as RadioGroup, RadioGroupProps } from "./RadioGroup";

package/esm/form/radio/useRadio.d.ts

@@ -1,23 +0,0 @@
-import { RadioProps } from "./Radio";
-/**
- * Handles props for Radios in context with Fieldset and RadioGroup
- */
-export declare const useRadio: (props: RadioProps) => {
-    inputProps: {
-        name: string | undefined;
-        defaultChecked: boolean | undefined;
-        checked: boolean | undefined;
-        onChange: (e: any) => void;
-        required: boolean | undefined;
-        type: string;
-        id: string;
-        "aria-invalid": boolean;
-        "aria-describedby": string | undefined;
-        disabled: boolean | undefined;
-    };
-    showErrorMsg: boolean;
-    hasError: boolean;
-    errorId: string;
-    inputDescriptionId: string;
-    size: "medium" | "small";
-};

package/esm/form/search/Search.d.ts

@@ -1,57 +0,0 @@
-import React, { InputHTMLAttributes } from "react";
-import { FormFieldProps } from "../useFormField";
-import { SearchButtonType } from "./SearchButton";
-export type SearchClearEvent = {
-    trigger: "Click";
-    event: React.MouseEvent<HTMLButtonElement, MouseEvent>;
-} | {
-    trigger: "Escape";
-    event: React.KeyboardEvent<HTMLDivElement>;
-};
-export interface SearchProps extends FormFieldProps, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
-    children?: React.ReactNode;
-    /**
-     * Search label
-     * @note Will be hidden by default, is required for accessibility reasons.
-     */
-    label: React.ReactNode;
-    /**
-     * Shows label and description for screenreaders-only
-     * @default true
-     */
-    hideLabel?: boolean;
-    /**
-     * Callback for value-change in input
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Callback for click on clear-button or Escape keydown
-     */
-    onClear?: (e: SearchClearEvent) => void;
-    /**
-     * aria-label on clear button
-     * @default "Tøm"
-     */
-    clearButtonLabel?: string;
-    /**
-     * If false, removes clear-button option from input.
-     * @default true
-     */
-    clearButton?: boolean;
-    /**
-     * Changes button-variant, "simple" removes button
-     * @default "primary"
-     */
-    variant?: "primary" | "secondary" | "simple";
-}
-interface SearchComponent extends React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLDivElement>> {
-    Button: SearchButtonType;
-}
-export interface SearchContextProps {
-    disabled?: boolean;
-    size: "medium" | "small";
-    variant: "primary" | "secondary" | "simple";
-}
-export declare const SearchContext: React.Context<SearchContextProps | null>;
-export declare const Search: SearchComponent;
-export default Search;

package/esm/form/search/SearchButton.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { ButtonProps } from "../..";
-export interface SearchButtonProps extends Omit<ButtonProps, "size" | "children" | "variant"> {
-    /**
-     * Text set after <Search/> icon
-     */
-    children?: React.ReactNode;
-}
-export type SearchButtonType = React.ForwardRefExoticComponent<SearchButtonProps & React.RefAttributes<HTMLButtonElement>>;
-declare const SearchButton: SearchButtonType;
-export default SearchButton;

package/esm/form/search/index.d.ts

@@ -1 +0,0 @@
-export { default as Search, SearchProps, SearchClearEvent } from "./Search";

package/esm/form/useFormField.d.ts

@@ -1,44 +0,0 @@
-import React from "react";
-export interface FormFieldProps {
-    /**
-     * Error message for element
-     */
-    error?: React.ReactNode;
-    /**
-     * Override internal errorId
-     */
-    errorId?: string;
-    /**
-     * Changes font-size, padding and gaps
-     */
-    size?: "medium" | "small";
-    /**
-     * Disables element
-     * @note Avoid using if possible for accessibility purposes
-     */
-    disabled?: boolean;
-    /**
-     * Adds a description to extend labling of a field
-     */
-    description?: React.ReactNode;
-    /**
-     * Override internal id
-     */
-    id?: string;
-}
-/**
- * Handles props and their state for various form-fields in context with Fieldset
- */
-export declare const useFormField: (props: FormFieldProps, prefix: string) => {
-    showErrorMsg: boolean;
-    hasError: boolean;
-    errorId: string;
-    inputDescriptionId: string;
-    size: "medium" | "small";
-    inputProps: {
-        id: string;
-        "aria-invalid": boolean;
-        "aria-describedby": string | undefined;
-        disabled: boolean | undefined;
-    };
-};

package/esm/grid/Cell.d.ts

@@ -1,26 +0,0 @@
-import React, { HTMLAttributes } from "react";
-type Column = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export interface CellProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Cell content
-     */
-    children?: React.ReactNode;
-    /**
-     * Cell columns on width < 448px
-     */
-    xs: Column;
-    /**
-     * Cell columns on min-width: 448
-     */
-    sm?: Column;
-    /**
-     * Cell columns on min-width: 648
-     */
-    md?: Column;
-    /**
-     * Cell columns on min-width: 960px
-     */
-    lg?: Column;
-}
-export declare const Cell: React.ForwardRefExoticComponent<CellProps & React.RefAttributes<HTMLDivElement>>;
-export default Cell;

package/esm/grid/ContentContainer.d.ts

@@ -1,9 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface ContentContainerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * ContentContainer content
-     */
-    children: React.ReactNode;
-}
-export declare const ContentContainer: React.ForwardRefExoticComponent<ContentContainerProps & React.RefAttributes<HTMLDivElement>>;
-export default ContentContainer;

package/esm/grid/Grid.d.ts

@@ -1,9 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface GridProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Collection of <Cell>-elements
-     */
-    children: React.ReactNode;
-}
-export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
-export default Grid;