@entur/dropdown 5.0.0-beta.3 → 5.0.0
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.
- package/dist/Dropdown.d.ts +38 -37
- package/dist/MultiSelect.d.ts +89 -32
- package/dist/NativeDropdown.d.ts +23 -9
- package/dist/SearchableDropdown.d.ts +63 -17
- package/dist/{beta/components → components}/DropdownList.d.ts +11 -10
- package/dist/{beta/components → components}/FieldComponents.d.ts +7 -3
- package/dist/{BaseDropdown.d.ts → deprecated/BaseDropdown.d.ts} +3 -3
- package/dist/{DownshiftProvider.d.ts → deprecated/DownshiftProvider.d.ts} +1 -1
- package/dist/deprecated/Dropdown.d.ts +72 -0
- package/dist/{DropdownInputGroup.d.ts → deprecated/DropdownInputGroup.d.ts} +2 -2
- package/dist/deprecated/DropdownList.d.ts +8 -0
- package/dist/{DropdownLoadingDots.d.ts → deprecated/DropdownLoadingDots.d.ts} +1 -1
- package/dist/deprecated/DropdownToggleButton.d.ts +3 -0
- package/dist/deprecated/MultiSelect.d.ts +64 -0
- package/dist/{RegularDropdown.d.ts → deprecated/RegularDropdown.d.ts} +3 -3
- package/dist/deprecated/SearchableDropdown.d.ts +34 -0
- package/dist/{beta → deprecated}/index.d.ts +1 -2
- package/dist/dropdown.cjs.development.js +588 -347
- package/dist/dropdown.cjs.development.js.map +1 -1
- package/dist/dropdown.cjs.production.min.js +1 -1
- package/dist/dropdown.cjs.production.min.js.map +1 -1
- package/dist/dropdown.esm.js +586 -345
- package/dist/dropdown.esm.js.map +1 -1
- package/dist/index.d.ts +4 -3
- package/dist/styles.css +254 -252
- package/dist/useNormalizedItems.d.ts +5 -6
- package/dist/{beta/utils.d.ts → utils.d.ts} +25 -4
- package/package.json +12 -12
- package/dist/DropdownList.d.ts +0 -8
- package/dist/DropdownToggleButton.d.ts +0 -3
- package/dist/beta/Dropdown.d.ts +0 -52
- package/dist/beta/MultiSelect.d.ts +0 -76
- package/dist/beta/SearchableDropdown.d.ts +0 -61
package/dist/beta/Dropdown.d.ts
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { VariantType } from '@entur/form';
|
|
3
|
-
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
4
|
-
import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
|
|
5
|
-
import './Dropdown.scss';
|
|
6
|
-
export type DropdownBetaProps = {
|
|
7
|
-
/** Tilgjengelige valg i dropdown-en */
|
|
8
|
-
items: PotentiallyAsyncDropdownItemType;
|
|
9
|
-
/** Valgt verdi. Bruk null for ingen verdi. */
|
|
10
|
-
selectedItem: NormalizedDropdownItemType | null;
|
|
11
|
-
/** Beskrivende tekst som forklarer feltet */
|
|
12
|
-
label: string;
|
|
13
|
-
/** Tooltip for labelen */
|
|
14
|
-
labelTooltip?: string;
|
|
15
|
-
/** Hvilken valideringsvariant som gjelder */
|
|
16
|
-
variant?: VariantType;
|
|
17
|
-
/** Valideringsmelding, brukes sammen med `variant` */
|
|
18
|
-
feedback?: string;
|
|
19
|
-
/** Tekst eller ikon som kommer før dropdown-en */
|
|
20
|
-
prepend?: React.ReactNode;
|
|
21
|
-
/** Deaktiver dropdown-en */
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
/** Setter dropdown-en i read-only modus */
|
|
24
|
-
readOnly?: boolean;
|
|
25
|
-
/** Placeholder-tekst når ingenting er satt */
|
|
26
|
-
placeholder?: string;
|
|
27
|
-
/** En tekst som beskriver hva som skjer når man venter på items */
|
|
28
|
-
loadingText?: string;
|
|
29
|
-
/** Callback når brukeren endrer valg */
|
|
30
|
-
onChange?: (selectedItem: NormalizedDropdownItemType | null) => void;
|
|
31
|
-
/** Lar brukeren velge ved å "tab-e" seg ut av komponenten */
|
|
32
|
-
selectOnBlur?: boolean;
|
|
33
|
-
/** Om man skal ha mulighet for å nullstille Dropdown-en
|
|
34
|
-
* @default false
|
|
35
|
-
*/
|
|
36
|
-
clearable?: boolean;
|
|
37
|
-
/** Ekstra klassenavn */
|
|
38
|
-
className?: string;
|
|
39
|
-
/** Styling som sendes ned til Dropdown-lista */
|
|
40
|
-
listStyle?: {
|
|
41
|
-
[key: string]: any;
|
|
42
|
-
};
|
|
43
|
-
/** Styling for Dropdown-en */
|
|
44
|
-
style?: {
|
|
45
|
-
[key: string]: any;
|
|
46
|
-
};
|
|
47
|
-
/** Plasserer labelen statisk på toppen av inputfeltet
|
|
48
|
-
* @default false
|
|
49
|
-
*/
|
|
50
|
-
disableLabelAnimation?: boolean;
|
|
51
|
-
};
|
|
52
|
-
export declare const DropdownBeta: ({ className, clearable, disabled, disableLabelAnimation, feedback, items: initialItems, label, labelTooltip, listStyle, loadingText, onChange, placeholder, prepend, readOnly, selectedItem, selectOnBlur, style, variant, ...rest }: DropdownBetaProps) => JSX.Element;
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { VariantType } from '@entur/form';
|
|
3
|
-
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
4
|
-
import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
|
|
5
|
-
import './Dropdown.scss';
|
|
6
|
-
export type MultiSelectBetaProps = {
|
|
7
|
-
/** Tilgjengelige valg i MultiSelect */
|
|
8
|
-
items: PotentiallyAsyncDropdownItemType;
|
|
9
|
-
/** Elementer som er valgt blant 'items'.
|
|
10
|
-
* Denne skal oppdateres av onChange.
|
|
11
|
-
*/
|
|
12
|
-
selectedItems: NormalizedDropdownItemType[];
|
|
13
|
-
/** Callback med alle valgte verdier.
|
|
14
|
-
* Bruk denne til å oppdatere selectedItems-listen */
|
|
15
|
-
onChange: (selectedItems: NormalizedDropdownItemType[]) => void;
|
|
16
|
-
/** Beskrivende tekst som forklarer feltet */
|
|
17
|
-
label?: string;
|
|
18
|
-
/** Hvilken valideringsvariant som gjelder */
|
|
19
|
-
variant?: VariantType;
|
|
20
|
-
/** Valideringsmelding, brukes sammen med `variant` */
|
|
21
|
-
feedback?: string;
|
|
22
|
-
/** Tekst eller ikon som kommer før MultiSelect */
|
|
23
|
-
prepend?: React.ReactNode;
|
|
24
|
-
/** Om dropdown-en er deaktivert */
|
|
25
|
-
disabled?: boolean;
|
|
26
|
-
/** Om dropdown-en er i read-only modus */
|
|
27
|
-
readOnly?: boolean;
|
|
28
|
-
/** Placeholder-tekst når ingenting er satt */
|
|
29
|
-
placeholder?: string;
|
|
30
|
-
/** En tekst som beskriver hva som skjer når man venter på items */
|
|
31
|
-
loadingText?: string;
|
|
32
|
-
/** Om man skal vise items ved fokusering av input-feltet, før man skriver inn noe
|
|
33
|
-
* @default false
|
|
34
|
-
*/
|
|
35
|
-
openOnFocus?: boolean;
|
|
36
|
-
/** Skjuler «Velg alle» fra listen med valg
|
|
37
|
-
* @default false
|
|
38
|
-
*/
|
|
39
|
-
hideSelectAll?: boolean;
|
|
40
|
-
/** Teksten som vises for «Velg alle»-elementet i listen
|
|
41
|
-
* @default "Velg alle"
|
|
42
|
-
*/
|
|
43
|
-
selectAllLabel?: string;
|
|
44
|
-
/** Teksten som vises for «Velg alle»-elementet i listen
|
|
45
|
-
* @default "Alle valgt"
|
|
46
|
-
*/
|
|
47
|
-
allItemsSelectedLabel?: string;
|
|
48
|
-
/** Skjermleser-tekst som for å fjerne alle valg
|
|
49
|
-
* @default "Fjern valgte"
|
|
50
|
-
*/
|
|
51
|
-
clearAllItemsAriaLabel?: string;
|
|
52
|
-
/** Ekstra klassenavn */
|
|
53
|
-
className?: string;
|
|
54
|
-
/** Tekst for skjemleser på knapper for å fjerne valgt element
|
|
55
|
-
* @default "trykk for å fjerne valg"
|
|
56
|
-
*/
|
|
57
|
-
ariaLabelRemoveSelected?: string;
|
|
58
|
-
/** Styling som sendes ned til MultiSelect-lista */
|
|
59
|
-
listStyle?: {
|
|
60
|
-
[key: string]: any;
|
|
61
|
-
};
|
|
62
|
-
/** Antall millisekunder man venter før man kaller en potensiell items-funksjon
|
|
63
|
-
* @default 250
|
|
64
|
-
*/
|
|
65
|
-
debounceTimeout?: number;
|
|
66
|
-
maxTags?: number;
|
|
67
|
-
/** Om en knapp for å fjerne alle valg skal vises
|
|
68
|
-
* @default false
|
|
69
|
-
*/
|
|
70
|
-
clearable?: boolean;
|
|
71
|
-
clearInputOnSelect?: boolean;
|
|
72
|
-
selectOnBlur?: boolean;
|
|
73
|
-
loading?: boolean;
|
|
74
|
-
style?: React.CSSProperties;
|
|
75
|
-
};
|
|
76
|
-
export declare const MultiSelectBeta: ({ allItemsSelectedLabel, ariaLabelRemoveSelected, className, clearable, clearInputOnSelect, debounceTimeout, disabled, feedback, hideSelectAll, items: initialItems, label, listStyle, loadingText, maxTags, onChange, openOnFocus, placeholder, readOnly, clearAllItemsAriaLabel, selectAllLabel, selectedItems, selectOnBlur, style, variant, ...rest }: MultiSelectBetaProps) => JSX.Element;
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { VariantType } from '@entur/form';
|
|
3
|
-
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
4
|
-
import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
|
|
5
|
-
import './Dropdown.scss';
|
|
6
|
-
export type SearchableDropdownProps = {
|
|
7
|
-
/** Tilgjengelige valg i dropdown-en */
|
|
8
|
-
items: PotentiallyAsyncDropdownItemType;
|
|
9
|
-
/** Valgt element. Bruk null for ingen verdi.
|
|
10
|
-
* Det er denne som skal oppdateres av onChange
|
|
11
|
-
*/
|
|
12
|
-
selectedItem: NormalizedDropdownItemType | null;
|
|
13
|
-
/** Callback for når brukeren endrer valg */
|
|
14
|
-
onChange: (value: NormalizedDropdownItemType | null) => void;
|
|
15
|
-
/** Filtreringen som blir brukt dersom man har en searchable Dropdown
|
|
16
|
-
* @default Enkel tekstsammenligning
|
|
17
|
-
*/
|
|
18
|
-
itemFilter?: (item: NormalizedDropdownItemType, inputValue: string | undefined) => boolean;
|
|
19
|
-
/** Beskrivende tekst som forklarer feltet */
|
|
20
|
-
label: string;
|
|
21
|
-
/** Placeholder-tekst når ingenting er satt */
|
|
22
|
-
placeholder?: string;
|
|
23
|
-
/** Vis knapp for å nullstille Dropdown-en skal vises
|
|
24
|
-
* @default false
|
|
25
|
-
*/
|
|
26
|
-
clearable?: boolean;
|
|
27
|
-
/** Vis listen med valg skal vises på fokus av inputfeltet
|
|
28
|
-
* @default false
|
|
29
|
-
*/
|
|
30
|
-
openOnFocus?: boolean;
|
|
31
|
-
/** Plasserer labelen statisk på toppen av inputfeltet
|
|
32
|
-
* @default false
|
|
33
|
-
*/
|
|
34
|
-
disableLabelAnimation?: boolean;
|
|
35
|
-
/** Antall millisekunder man venter før man kaller en potensiell items-funksjon */
|
|
36
|
-
debounceTimeout?: number;
|
|
37
|
-
/** Deaktiver dropdown-en */
|
|
38
|
-
disabled?: boolean;
|
|
39
|
-
/** Gjør dropdown-en til å kun kunne leses
|
|
40
|
-
* @default false
|
|
41
|
-
*/
|
|
42
|
-
readOnly?: boolean;
|
|
43
|
-
/** Tekst eller ikon som kommer før dropdown-en */
|
|
44
|
-
prepend?: React.ReactNode;
|
|
45
|
-
/** En tekst som beskriver hva som skjer når man venter på items */
|
|
46
|
-
loadingText?: string;
|
|
47
|
-
selectOnBlur?: boolean;
|
|
48
|
-
/** Hvilken valideringsvariant som gjelder */
|
|
49
|
-
variant?: VariantType;
|
|
50
|
-
/** Valideringsmelding, brukes sammen med `variant` */
|
|
51
|
-
feedback?: string;
|
|
52
|
-
className?: string;
|
|
53
|
-
style?: {
|
|
54
|
-
[key: string]: any;
|
|
55
|
-
};
|
|
56
|
-
/** Style som kun påføres listeelementet */
|
|
57
|
-
listStyle?: {
|
|
58
|
-
[key: string]: any;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
export declare const SearchableDropdownBeta: ({ className, clearable, debounceTimeout, disabled, disableLabelAnimation, feedback, itemFilter, items: initialItems, label, listStyle, loadingText, onChange, openOnFocus, placeholder, prepend, readOnly, selectedItem: value, selectOnBlur, style, variant, ...rest }: SearchableDropdownProps) => JSX.Element;
|