@entur/datepicker 11.2.1-beta.8 → 11.2.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.
@@ -1,49 +0,0 @@
1
- import React from 'react';
2
- import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
3
- import { BaseFormControlProps } from '@entur/form';
4
- import { VariantType } from '@entur/utils';
5
- import './SimpleTimePicker.scss';
6
- /** @deprecated use variant="information" instead */
7
- declare const info = "info";
8
- /** @deprecated use variant="negative" instead */
9
- declare const error = "error";
10
- type ExtendedSimpleTimePickerProps<TimeType extends TimeValue> = Omit<AriaTimeFieldProps<TimeType>, keyof BaseSimpleTimePickerProps<TimeType> | 'value' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue' | 'locale' | 'isReadOnly' | 'isDisabled' | 'locale'> & Omit<Partial<BaseFormControlProps>, keyof BaseSimpleTimePickerProps<TimeType> | 'children' | 'defaultValue' | 'value' | 'isFilled' | 'size'>;
11
- type BaseSimpleTimePickerProps<TimeType extends TimeValue> = {
12
- /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
13
- selectedTime: TimeType | null;
14
- /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
15
- onChange?: (value: MappedTimeValue<TimeType> | null) => void | React.Dispatch<React.SetStateAction<TimeValue | null>>;
16
- /** Label til TimePicker */
17
- label: string;
18
- /** Viser sekund i tillegg til time og minutt
19
- * @default false
20
- */
21
- showSeconds?: boolean;
22
- /** Viser et klokkeikonet for å klarere indikere at dette
23
- * er en tidsvelger
24
- * @default false
25
- */
26
- showClockIcon?: boolean | 'right' | 'left';
27
- /** Velger hvor mye luft det skal være på sidene av klokkeslettet
28
- * @default 'default'
29
- */
30
- padding?: 'default' | 'large';
31
- /** Varselmelding, som vil komme under TimePicker */
32
- feedback?: string;
33
- /** Valideringsvariant*/
34
- variant?: VariantType | typeof error | typeof info;
35
- /** Tekst eller ikon som vises foran skjema-elementet */
36
- prepend?: React.ReactNode;
37
- /** Tekst eller ikon som vises etter skjema-elementet */
38
- append?: React.ReactNode;
39
- labelTooltip?: React.ReactNode;
40
- disabled?: boolean;
41
- readOnly?: boolean;
42
- inputRef?: React.ForwardedRef<HTMLInputElement>;
43
- /** Ekstra klassenavn */
44
- className?: string;
45
- style?: React.CSSProperties;
46
- };
47
- export type SimpleTimePickerProps<TimeType extends TimeValue> = BaseSimpleTimePickerProps<TimeType> & ExtendedSimpleTimePickerProps<TimeType>;
48
- export declare const SimpleTimePicker: <TimeType extends TimeValue>({ append, className, disabled, feedback, showClockIcon, inputRef, label, labelTooltip, onChange, padding, prepend, readOnly, selectedTime, showSeconds, style, variant, ...rest }: SimpleTimePickerProps<TimeType>) => React.JSX.Element;
49
- export {};
@@ -1,70 +0,0 @@
1
- import React from 'react';
2
- import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
3
- import { BaseFormControlProps } from '@entur/form';
4
- import { VariantType } from '@entur/utils';
5
- import './TimePicker.scss';
6
- /** @deprecated use variant="information" instead */
7
- declare const info = "info";
8
- /** @deprecated use variant="negative" instead */
9
- declare const error = "error";
10
- type ExtendedTimePickerProps<TimeType extends TimeValue> = Omit<AriaTimeFieldProps<TimeType>, keyof BaseTimePickerProps<TimeValue> | 'value' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'> & Omit<Partial<BaseFormControlProps>, keyof BaseTimePickerProps<TimeType> | 'children' | 'defaultValue' | 'value' | 'isFilled' | 'size'>;
11
- type BaseTimePickerProps<TimeType extends TimeValue> = {
12
- /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
13
- selectedTime: TimeType | null;
14
- /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
15
- onChange: (value: MappedTimeValue<TimeType> | null) => void;
16
- /** Label til TimePicker */
17
- label: string;
18
- /** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker.
19
- * Rundes av til nærmeste hele 'minuteIncrement' som går opp i 60.
20
- *
21
- * OBS: Støtter kun verdier <= 60 og multiplum av 60.
22
- * @default 30
23
- */
24
- minuteIncrementForArrowButtons?: number;
25
- /** BCP47-språkkoden til locale-en du ønsker å bruke.
26
- * @default Brukerenhetens selvvalgte locale
27
- */
28
- locale?: string;
29
- /** Viser den gjeldende tidssonen hvis en er valgt
30
- * @default false
31
- */
32
- showTimeZone?: boolean;
33
- /** Viser sekunder i tillegg til minutter og timer
34
- * @default false
35
- */
36
- showSeconds?: boolean;
37
- /** Aria-label for venstrepil-knappen som trekker fra tid
38
- * @default `Trekk fra ${minuteIncrementForArrowButtons} minutter`
39
- */
40
- leftArrowButtonAriaLabel?: string;
41
- /** Aria-label for høyrepil-knappen som legger til tid
42
- * @default `Legg til ${minuteIncrementForArrowButtons} minutter`
43
- */
44
- rightArrowButtonAriaLabel?: string;
45
- /** Varselmelding, som vil komme under TimePicker */
46
- feedback?: string;
47
- /** Valideringsvariant*/
48
- variant?: VariantType | typeof error | typeof info;
49
- labelTooltip?: React.ReactNode;
50
- disabled?: boolean;
51
- readOnly?: boolean;
52
- inputRef?: React.ForwardedRef<HTMLDivElement>;
53
- /** Tvinger typen på onChange til den gitte typen.
54
- * Dette er nyttig når utgangsverdien din er 'null', men du ønsker at
55
- * TimePicker alltid skal returnere f.eks Time.
56
- *
57
- * Som standard returnerer onChange TimeValue basert på selectedTime,
58
- * eller ZonedDateTime hvis selectedTime er 'null'.
59
- *
60
- * @default undefined
61
- */
62
- forcedReturnType?: 'Time' | 'CalendarDateTime' | 'ZonedDateTime';
63
- forcedTimeZone?: string;
64
- /** Ekstra klassenavn */
65
- className?: string;
66
- style?: React.CSSProperties;
67
- };
68
- export type TimePickerProps<TimeType extends TimeValue> = BaseTimePickerProps<TimeType> & ExtendedTimePickerProps<TimeType>;
69
- export declare const TimePicker: <TimeType extends TimeValue>({ selectedTime, onChange, disabled, readOnly, className, style, label, labelTooltip, feedback, granularity, variant, locale: customLocale, showTimeZone, showSeconds, minuteIncrementForArrowButtons, leftArrowButtonAriaLabel, rightArrowButtonAriaLabel, inputRef, forcedReturnType, forcedTimeZone, append, prepend, ...rest }: TimePickerProps<TimeType>) => React.JSX.Element;
70
- export {};
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- type TimePickerArrowButtonProps = {
3
- direction: 'left' | 'right';
4
- disabled?: boolean;
5
- readonly?: boolean;
6
- 'aria-label': string;
7
- onClick?: () => void;
8
- onFocus?: () => void;
9
- };
10
- export declare const TimePickerArrowButton: ({ direction, onClick, disabled, readonly, "aria-label": ariaLabel, ...rest }: TimePickerArrowButtonProps) => React.JSX.Element;
11
- export {};
@@ -1,4 +0,0 @@
1
- export * from './TimePicker';
2
- export * from './NativeTimePicker';
3
- export * from './SimpleTimePicker';
4
- export * from '../shared/utils';