@navikt/ds-react 1.5.7 → 1.5.9-next.1

package/esm/date/hooks/useDatepicker.d.ts

@@ -1,63 +0,0 @@
-import { DateInputProps } from "../DateInput";
-import { DatePickerProps } from "../datepicker/DatePicker";
-export interface UseDatepickerOptions extends Pick<DatePickerProps, "locale" | "fromDate" | "toDate" | "today" | "toDate" | "fromDate" | "toDate" | "disabled" | "disableWeekends"> {
-    /**
-     * The initially selected Date
-     */
-    defaultSelected?: Date;
-    /**
-     * Default shown month
-     */
-    defaultMonth?: Date;
-    /**
-     * Make selection of Date required
-     */
-    required?: boolean;
-    /**
-     * Callback for changed state
-     */
-    onDateChange?: (val?: Date) => void;
-    /**
-     * Input-format
-     * @default "dd.MM.yyyy"
-     */
-    inputFormat?: string;
-    /**
-     * validation-callback
-     */
-    onValidate?: (val: DateValidationT) => void;
-}
-interface UseDatepickerValue {
-    /**
-     * Use: <DatePicker {...datepickerProps}/>
-     */
-    datepickerProps: DatePickerProps;
-    /**
-     * Use: <DatePicker.Input {...inputProps}/>
-     */
-    inputProps: Pick<DateInputProps, "onChange" | "onFocus" | "onBlur" | "value">;
-    /**
-     * Resets all states (callback)
-     */
-    reset: () => void;
-    /**
-     * Currently selected date
-     * Up to user to validate date
-     */
-    selectedDay?: Date;
-    /**
-     * Manually override currently selected day
-     */
-    setSelected: (date?: Date) => void;
-}
-export declare type DateValidationT = {
-    isDisabled: boolean;
-    isWeekend: boolean;
-    isEmpty: boolean;
-    isInvalid: boolean;
-    isValidDate: boolean;
-    isBefore: boolean;
-    isAfter: boolean;
-};
-export declare const useDatepicker: (opt?: UseDatepickerOptions) => UseDatepickerValue;
-export {};

package/esm/date/hooks/useMonthPicker.d.ts

@@ -1,58 +0,0 @@
-import { DateInputProps } from "../DateInput";
-import { MonthPickerProps } from "../monthpicker/MonthPicker";
-export interface UseMonthPickerOptions extends Pick<MonthPickerProps, "locale" | "fromDate" | "toDate" | "disabled" | "defaultSelected"> {
-    /**
-     * Make Date-selection required
-     */
-    required?: boolean;
-    /**
-     * Callback for month-change
-     */
-    onMonthChange?: (date?: Date) => void;
-    /**
-     * Input-format
-     * @default "MMMM yyyy"
-     */
-    inputFormat?: string;
-    /**
-     * validation-callback
-     */
-    onValidate?: (val: MonthValidationT) => void;
-    /**
-     * Default shown year
-     */
-    defaultYear?: Date;
-}
-interface UseMonthPickerValue {
-    /**
-     * Use: <MonthPicker {...monthpickerProps} />
-     */
-    monthpickerProps: MonthPickerProps;
-    /**
-     * Use: <MonthPicker.Input {...inputProps} />
-     */
-    inputProps: Pick<DateInputProps, "onChange" | "onFocus" | "value">;
-    /**
-     * Currently selected Date
-     * Up to user to validate value and extract month
-     */
-    selectedMonth?: Date;
-    /**
-     * Manually set selected month if needed
-     */
-    setSelected: (date?: Date) => void;
-    /**
-     * Resets all states
-     */
-    reset: () => void;
-}
-export declare type MonthValidationT = {
-    isDisabled: boolean;
-    isEmpty: boolean;
-    isInvalid: boolean;
-    isValidMonth: boolean;
-    isBefore: boolean;
-    isAfter: boolean;
-};
-export declare const useMonthpicker: (opt?: UseMonthPickerOptions) => UseMonthPickerValue;
-export {};

package/esm/date/hooks/useRangeDatepicker.d.ts

@@ -1,53 +0,0 @@
-import { DateRange } from "react-day-picker";
-import { DateInputProps } from "../DateInput";
-import { DatePickerProps } from "../datepicker/DatePicker";
-import { DateValidationT, UseDatepickerOptions } from "./useDatepicker";
-export declare type RangeValidationT = {
-    from: DateValidationT;
-    to: DateValidationT & {
-        isBeforeFrom?: boolean;
-    };
-};
-interface UseRangeDatepickerOptions extends Omit<UseDatepickerOptions, "defaultSelected" | "onDateChange" | "onValidate"> {
-    /**
-     * The initially selected DateRange
-     */
-    defaultSelected?: DateRange;
-    /**
-     * Callback for changed state
-     */
-    onRangeChange?: (val?: DateRange) => void;
-    /**
-     * validation-callback
-     */
-    onValidate?: (val: RangeValidationT) => void;
-}
-interface UseRangeDatepickerValue {
-    /**
-     * Use: <DatePicker {...datepickerProps}/>
-     */
-    datepickerProps: DatePickerProps;
-    /**
-     * Use: <DatePicker.Input label="from" {...fromInputProps}/>
-     */
-    fromInputProps: Pick<DateInputProps, "onChange" | "onFocus" | "onBlur" | "value">;
-    /**
-     * Use: <DatePicker.Input label="to" {...toInputProps}/>
-     */
-    toInputProps: Pick<DateInputProps, "onChange" | "onFocus" | "onBlur" | "value">;
-    /**
-     * Resets all states (callback)
-     */
-    reset: () => void;
-    /**
-     * Currently selected DateRange
-     * Up to user to validate values
-     */
-    selectedRange?: DateRange;
-    /**
-     * Manually override currently selected day
-     */
-    setSelected: (date?: DateRange) => void;
-}
-export declare const useRangeDatepicker: (opt?: UseRangeDatepickerOptions) => UseRangeDatepickerValue;
-export {};

package/esm/date/hooks/useSharedMonthContext.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import { Matcher } from "../utils";
-export declare type SharedMonthContextType = {
-    hasDropdown: boolean;
-    year: Date;
-    toYear: (date: Date) => void;
-    disabled: Matcher[];
-    selected?: Date;
-    onSelect: (v?: Date) => void;
-};
-export declare const SharedMonthContext: React.Context<SharedMonthContextType>;
-export declare const useSharedMonthContext: () => SharedMonthContextType;
-export declare const SharedMonthProvider: ({ children, dropdownCaption, disabled, selected, onSelect, year: _year, onYearChange, }: {
-    children: any;
-    dropdownCaption: any;
-    disabled: any;
-    selected: any;
-    onSelect: any;
-    year: any;
-    onYearChange: any;
-}) => JSX.Element;

package/esm/date/index.d.ts

@@ -1,6 +0,0 @@
-export { DateInputProps } from "./DateInput";
-export { DatePickerProps, default as UNSAFE_DatePicker, } from "./datepicker/DatePicker";
-export { DatePickerStandaloneProps } from "./datepicker/DatePickerStandalone";
-export { MonthPickerStandaloneProps } from "./monthpicker/MonthPickerStandalone";
-export { UNSAFE_useDatepicker, UNSAFE_useMonthpicker, UNSAFE_useRangeDatepicker, RangeValidationT, DateValidationT, MonthValidationT, } from "./hooks";
-export { default as UNSAFE_MonthPicker, MonthPickerProps, } from "./monthpicker/MonthPicker";

package/esm/date/monthpicker/MonthButton.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-interface MonthType {
-    month: Date;
-    months: Date[];
-    focus: Date | undefined;
-    setFocus: Function;
-    tabRoot?: Date;
-    setTabRoot: Function;
-}
-export declare const MonthButton: ({ month, months, focus, setFocus, tabRoot, setTabRoot, }: MonthType) => JSX.Element;
-export default MonthButton;

package/esm/date/monthpicker/MonthCaption.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const MonthCaption: () => JSX.Element;
-export default MonthCaption;

package/esm/date/monthpicker/MonthPicker.d.ts

@@ -1,85 +0,0 @@
-import React from "react";
-import { DateInputType } from "../DateInput";
-import { Matcher } from "../utils";
-import { MonthPickerStandaloneType } from "./MonthPickerStandalone";
-export interface MonthPickerProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Element monthpicker anchors to. Use <MonthPicker.Input /> for built-in toggle,
-     * or make your own with the open/onClose props
-     */
-    children?: React.ReactNode;
-    /**
-     * Classname for datepicker in popover
-     */
-    className?: string;
-    /**
-     * Classname for wrapper
-     */
-    wrapperClassName?: string;
-    /**
-     * The earliest month to start navigation.
-     */
-    fromDate?: Date;
-    /**
-     * The latest day to end  navigation.
-     */
-    toDate?: Date;
-    /**
-     * Changes monthpicker locale
-     * @default "nb" (norsk bokmål)
-     */
-    locale?: "nb" | "nn" | "en";
-    /**
-     * Display dropdown for choosing year. Needs `fromDate` + `toDate` to work.
-     * @default false
-     */
-    dropdownCaption?: boolean;
-    /**
-     * Apply the disabled modifier to the matching months. Uses a subset of React Day Picker Matcher type. https://react-day-picker.js.org/api/types/Matcher
-     */
-    disabled?: Matcher[];
-    /**
-     * Controlled selected-month
-     */
-    selected?: Date;
-    /**
-     * Default selected month.
-     */
-    defaultSelected?: Date;
-    /**
-     * Open state for user-controlled state. Component controlled by default
-     */
-    open?: boolean;
-    /**
-     * onClose callback for user-controlled state
-     */
-    onClose?: () => void;
-    /**
-     * onOpenToggle callback for user-controlled-state. Only called if `<MonthPicker.Input />` is used
-     */
-    onOpenToggle?: () => void;
-    /**
-     * Callback for user-controlled state
-     */
-    onMonthSelect?: Function;
-    /**
-     * Used to set visible year programmatically. Component controlled by default
-     */
-    year?: Date;
-    /**
-     * Event fired when the user navigates between years.
-     */
-    onYearChange?: (y?: Date) => void;
-}
-interface MonthPickerComponent extends React.ForwardRefExoticComponent<MonthPickerProps> {
-    /**
-     * Variant without popover
-     */
-    Standalone: MonthPickerStandaloneType;
-    /**
-     * Built-in Inputfield
-     */
-    Input: DateInputType;
-}
-export declare const MonthPicker: MonthPickerComponent;
-export default MonthPicker;

package/esm/date/monthpicker/MonthPickerStandalone.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { MonthPickerProps } from "./MonthPicker";
-export interface MonthPickerStandaloneProps extends Omit<MonthPickerProps, "open" | "onClose" | "onOpenToggle" | "wrapperClassName"> {
-    /**
-     * Monthpicker classname
-     */
-    className?: string;
-}
-export declare type MonthPickerStandaloneType = React.ForwardRefExoticComponent<MonthPickerStandaloneProps & React.RefAttributes<HTMLDivElement>>;
-export declare const MonthPickerStandalone: React.ForwardRefExoticComponent<MonthPickerStandaloneProps & React.RefAttributes<HTMLDivElement>>;
-export default MonthPickerStandalone;

package/esm/date/monthpicker/MonthSelector.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const MonthSelector: () => JSX.Element;
-export default MonthSelector;

package/esm/date/utils/check-dates.d.ts

@@ -1,4 +0,0 @@
-export declare const dateIsInCurrentMonth: (date: Date, dateToCompare: Date) => boolean;
-/** @private */
-export declare function isValidDate(day: Date): boolean;
-export declare const hasNextYear: (year: Date, years: Date[], val: any) => boolean;

package/esm/date/utils/dates-disabled.d.ts

@@ -1 +0,0 @@
-export declare const disableDate: (disabledSelection: Date | Array<any>, date: Date) => boolean;

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

@@ -1 +0,0 @@
-export declare const formatDateForInput: (date: Date, locale: Locale, type: "date" | "month", inputFormat?: string) => string;

package/esm/date/utils/get-dates.d.ts

@@ -1,2 +0,0 @@
-export declare const getMonths: (start: Date, end: Date, current: Date) => Date[];
-export declare const getYears: (start: Date, end: Date) => Date[];

package/esm/date/utils/get-initial-year.d.ts

@@ -1,5 +0,0 @@
-import { DayPickerContextValue } from "react-day-picker";
-/**
- *
- */
-export declare function getInitialYear(context: Partial<DayPickerContextValue>): Date;

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 declare 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 declare 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;