@entur/dropdown 5.0.5 → 5.0.7
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 +62 -62
- package/dist/MultiSelect.d.ts +111 -111
- package/dist/NativeDropdown.d.ts +52 -52
- package/dist/SearchableDropdown.d.ts +70 -70
- package/dist/components/DropdownList.d.ts +25 -25
- package/dist/components/FieldComponents.d.ts +29 -29
- package/dist/deprecated/BaseDropdown.d.ts +22 -22
- package/dist/deprecated/DownshiftProvider.d.ts +16 -16
- package/dist/deprecated/Dropdown.d.ts +72 -72
- package/dist/deprecated/DropdownInputGroup.d.ts +11 -11
- package/dist/deprecated/DropdownList.d.ts +8 -8
- package/dist/deprecated/DropdownLoadingDots.d.ts +10 -10
- package/dist/deprecated/DropdownToggleButton.d.ts +3 -3
- package/dist/deprecated/MultiSelect.d.ts +64 -64
- package/dist/deprecated/RegularDropdown.d.ts +20 -20
- package/dist/deprecated/SearchableDropdown.d.ts +34 -34
- package/dist/deprecated/index.d.ts +2 -2
- package/dist/dropdown.cjs.development.js +181 -187
- 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 +30 -30
- package/dist/index.d.ts +7 -7
- package/dist/styles.css +231 -232
- package/dist/useNormalizedItems.d.ts +12 -12
- package/dist/useResolvedItems.d.ts +10 -10
- package/dist/utils.d.ts +48 -48
- package/package.json +10 -10
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { UseComboboxGetToggleButtonPropsOptions, UseMultipleSelectionGetSelectedItemPropsOptions } from 'downshift';
|
|
3
|
-
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
4
|
-
import './FieldComponents.scss';
|
|
5
|
-
export declare const SelectedItemTag: ({ ariaLabelRemoveSelected, ariaLabelChosen, disabled, getSelectedItemProps, index, readOnly, removeSelectedItem, selectedItem, }: {
|
|
6
|
-
ariaLabelRemoveSelected: string;
|
|
7
|
-
ariaLabelChosen?: string | undefined;
|
|
8
|
-
disabled?: boolean | undefined;
|
|
9
|
-
getSelectedItemProps?: ((options: UseMultipleSelectionGetSelectedItemPropsOptions<NormalizedDropdownItemType>) => any) | undefined;
|
|
10
|
-
index?: number | undefined;
|
|
11
|
-
readOnly?: boolean | undefined;
|
|
12
|
-
removeSelectedItem: (item: NormalizedDropdownItemType) => void;
|
|
13
|
-
selectedItem: NormalizedDropdownItemType;
|
|
14
|
-
}) => JSX.Element;
|
|
15
|
-
export declare const FieldAppend: React.FC<{
|
|
16
|
-
ariaHiddenToggleButton?: boolean;
|
|
17
|
-
ariaLabelCloseList?: string;
|
|
18
|
-
ariaLabelOpenList?: string;
|
|
19
|
-
clearable?: boolean;
|
|
20
|
-
labelClearSelectedItems?: string;
|
|
21
|
-
disabled?: boolean;
|
|
22
|
-
focusable?: boolean;
|
|
23
|
-
getToggleButtonProps: (options?: UseComboboxGetToggleButtonPropsOptions | undefined) => any;
|
|
24
|
-
isOpen: boolean;
|
|
25
|
-
loading?: boolean;
|
|
26
|
-
loadingText?: string;
|
|
27
|
-
onClear: () => void;
|
|
28
|
-
selectedItems: (NormalizedDropdownItemType | null)[];
|
|
29
|
-
}>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { UseComboboxGetToggleButtonPropsOptions, UseMultipleSelectionGetSelectedItemPropsOptions } from 'downshift';
|
|
3
|
+
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
4
|
+
import './FieldComponents.scss';
|
|
5
|
+
export declare const SelectedItemTag: ({ ariaLabelRemoveSelected, ariaLabelChosen, disabled, getSelectedItemProps, index, readOnly, removeSelectedItem, selectedItem, }: {
|
|
6
|
+
ariaLabelRemoveSelected: string;
|
|
7
|
+
ariaLabelChosen?: string | undefined;
|
|
8
|
+
disabled?: boolean | undefined;
|
|
9
|
+
getSelectedItemProps?: ((options: UseMultipleSelectionGetSelectedItemPropsOptions<NormalizedDropdownItemType>) => any) | undefined;
|
|
10
|
+
index?: number | undefined;
|
|
11
|
+
readOnly?: boolean | undefined;
|
|
12
|
+
removeSelectedItem: (item: NormalizedDropdownItemType) => void;
|
|
13
|
+
selectedItem: NormalizedDropdownItemType;
|
|
14
|
+
}) => React.JSX.Element;
|
|
15
|
+
export declare const FieldAppend: React.FC<{
|
|
16
|
+
ariaHiddenToggleButton?: boolean;
|
|
17
|
+
ariaLabelCloseList?: string;
|
|
18
|
+
ariaLabelOpenList?: string;
|
|
19
|
+
clearable?: boolean;
|
|
20
|
+
labelClearSelectedItems?: string;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
focusable?: boolean;
|
|
23
|
+
getToggleButtonProps: (options?: UseComboboxGetToggleButtonPropsOptions | undefined) => any;
|
|
24
|
+
isOpen: boolean;
|
|
25
|
+
loading?: boolean;
|
|
26
|
+
loadingText?: string;
|
|
27
|
+
onClear: () => void;
|
|
28
|
+
selectedItems: (NormalizedDropdownItemType | null)[];
|
|
29
|
+
}>;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
3
|
-
import './BaseDropdown.scss';
|
|
4
|
-
type BaseDropdownDeprecatedProps = {
|
|
5
|
-
className?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
items: NormalizedDropdownItemType[];
|
|
8
|
-
loading?: boolean;
|
|
9
|
-
loadingText?: string;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
style?: {
|
|
12
|
-
[key: string]: any;
|
|
13
|
-
};
|
|
14
|
-
listStyle?: {
|
|
15
|
-
[key: string]: any;
|
|
16
|
-
};
|
|
17
|
-
isFilled?: boolean;
|
|
18
|
-
disableLabelAnimation?: boolean;
|
|
19
|
-
[key: string]: any;
|
|
20
|
-
};
|
|
21
|
-
export declare const BaseDropdownDeprecated: React.FC<BaseDropdownDeprecatedProps>;
|
|
22
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
3
|
+
import './BaseDropdown.scss';
|
|
4
|
+
type BaseDropdownDeprecatedProps = {
|
|
5
|
+
className?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
items: NormalizedDropdownItemType[];
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
loadingText?: string;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
style?: {
|
|
12
|
+
[key: string]: any;
|
|
13
|
+
};
|
|
14
|
+
listStyle?: {
|
|
15
|
+
[key: string]: any;
|
|
16
|
+
};
|
|
17
|
+
isFilled?: boolean;
|
|
18
|
+
disableLabelAnimation?: boolean;
|
|
19
|
+
[key: string]: any;
|
|
20
|
+
};
|
|
21
|
+
export declare const BaseDropdownDeprecated: React.FC<BaseDropdownDeprecatedProps>;
|
|
22
|
+
export {};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ControllerStateAndHelpers } from 'downshift';
|
|
3
|
-
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
4
|
-
export type DownshiftProviderProps = {
|
|
5
|
-
onChange?: (selectedItem: NormalizedDropdownItemType, stateAndHelpers: ControllerStateAndHelpers<NormalizedDropdownItemType>) => void;
|
|
6
|
-
onInputValueChange?: (value: string) => void;
|
|
7
|
-
inputValue?: string;
|
|
8
|
-
initialSelectedItem?: NormalizedDropdownItemType;
|
|
9
|
-
highlightFirstItemOnOpen?: boolean;
|
|
10
|
-
className?: string;
|
|
11
|
-
style?: React.CSSProperties;
|
|
12
|
-
searchable?: boolean;
|
|
13
|
-
[key: string]: any;
|
|
14
|
-
};
|
|
15
|
-
export declare const DownshiftProvider: React.FC<DownshiftProviderProps>;
|
|
16
|
-
export declare const useDownshift: () => ControllerStateAndHelpers<NormalizedDropdownItemType>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ControllerStateAndHelpers } from 'downshift';
|
|
3
|
+
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
4
|
+
export type DownshiftProviderProps = {
|
|
5
|
+
onChange?: (selectedItem: NormalizedDropdownItemType, stateAndHelpers: ControllerStateAndHelpers<NormalizedDropdownItemType>) => void;
|
|
6
|
+
onInputValueChange?: (value: string) => void;
|
|
7
|
+
inputValue?: string;
|
|
8
|
+
initialSelectedItem?: NormalizedDropdownItemType;
|
|
9
|
+
highlightFirstItemOnOpen?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
searchable?: boolean;
|
|
13
|
+
[key: string]: any;
|
|
14
|
+
};
|
|
15
|
+
export declare const DownshiftProvider: React.FC<DownshiftProviderProps>;
|
|
16
|
+
export declare const useDownshift: () => ControllerStateAndHelpers<NormalizedDropdownItemType>;
|
|
@@ -1,72 +1,72 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { VariantType } from '@entur/form';
|
|
3
|
-
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
4
|
-
import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
|
|
5
|
-
export type DropdownDeprecatedProps = {
|
|
6
|
-
/** Beskrivende tekst som forklarer feltet */
|
|
7
|
-
label: string;
|
|
8
|
-
/** Tilgjengelige valg i dropdownen */
|
|
9
|
-
items: PotentiallyAsyncDropdownItemType;
|
|
10
|
-
/** Valgt verdi. Bruk null for ingen verdi. */
|
|
11
|
-
value?: string | null;
|
|
12
|
-
/** Om man skal kunne søke i dropdownen eller ikke */
|
|
13
|
-
searchable?: boolean;
|
|
14
|
-
/** Tooltip for labelen */
|
|
15
|
-
labelTooltip?: string;
|
|
16
|
-
/** Hvilken valideringsvariant som gjelder */
|
|
17
|
-
variant?: VariantType;
|
|
18
|
-
/** Valideringsmelding, brukes sammen med `variant` */
|
|
19
|
-
feedback?: string;
|
|
20
|
-
/** Tekst eller ikon som kommer før dropdownen */
|
|
21
|
-
prepend?: React.ReactNode;
|
|
22
|
-
/** Deaktiver dropdownen */
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
/** Setter dropdownen i read-only modus */
|
|
25
|
-
readOnly?: boolean;
|
|
26
|
-
/** Placeholder-tekst når ingenting er satt */
|
|
27
|
-
placeholder?: string;
|
|
28
|
-
/** En tekst som beskriver hva som skjer når man venter på items */
|
|
29
|
-
loadingText?: string;
|
|
30
|
-
/** Callback når brukeren endrer valg */
|
|
31
|
-
onChange?: (selectedItem: NormalizedDropdownItemType | null) => void;
|
|
32
|
-
/** Lar brukeren velge ved å "tæbbe" seg ut av komponenten */
|
|
33
|
-
selectOnTab?: boolean;
|
|
34
|
-
/** Om man skal vise items ved fokusering av input-feltet, før man skriver inn noe */
|
|
35
|
-
openOnFocus?: boolean;
|
|
36
|
-
/** Antall millisekunder man venter før man kaller en potensiell items-funksjon */
|
|
37
|
-
debounceTimeout?: number;
|
|
38
|
-
/** Om man skal ha muliget for å nullstille Dropdownen
|
|
39
|
-
* @default false
|
|
40
|
-
*/
|
|
41
|
-
clearable?: boolean;
|
|
42
|
-
/** Ekstra klassenavn */
|
|
43
|
-
className?: string;
|
|
44
|
-
/** Marker første valgmulighet automatisk */
|
|
45
|
-
highlightFirstItemOnOpen?: boolean;
|
|
46
|
-
/** Styling som sendes ned til Dropdown-lista */
|
|
47
|
-
listStyle?: {
|
|
48
|
-
[key: string]: any;
|
|
49
|
-
};
|
|
50
|
-
/** Filtreringen som blir brukt dersom man har en searchable Dropdown
|
|
51
|
-
* @default Enkel tekstsammenligning
|
|
52
|
-
*/
|
|
53
|
-
itemFilter?: (item: NormalizedDropdownItemType) => boolean;
|
|
54
|
-
/** Plasserer labelen statisk på toppen av inputfeltet
|
|
55
|
-
* @default false
|
|
56
|
-
*/
|
|
57
|
-
disableLabelAnimation?: boolean;
|
|
58
|
-
/** Alle ekstra props videresendes til Downshift */
|
|
59
|
-
[key: string]: any;
|
|
60
|
-
};
|
|
61
|
-
/**
|
|
62
|
-
* @deprecated
|
|
63
|
-
* New Dropdown available
|
|
64
|
-
*
|
|
65
|
-
* migration guide to new dropdown:
|
|
66
|
-
* - change import from 'DropdownDeprecated' to 'Dropdown'
|
|
67
|
-
* + if 'searchable', switch to 'SearchableDropdown'
|
|
68
|
-
* - change from 'value' to 'selectedItem'
|
|
69
|
-
* + type of 'selectedItem' is 'NormalizedDropdownType' and does not include 'string'
|
|
70
|
-
* - 'onChange' must update value of 'selectedItem'
|
|
71
|
-
*/
|
|
72
|
-
export declare const DropdownDeprecated: React.FC<DropdownDeprecatedProps>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { VariantType } from '@entur/form';
|
|
3
|
+
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
4
|
+
import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
|
|
5
|
+
export type DropdownDeprecatedProps = {
|
|
6
|
+
/** Beskrivende tekst som forklarer feltet */
|
|
7
|
+
label: string;
|
|
8
|
+
/** Tilgjengelige valg i dropdownen */
|
|
9
|
+
items: PotentiallyAsyncDropdownItemType;
|
|
10
|
+
/** Valgt verdi. Bruk null for ingen verdi. */
|
|
11
|
+
value?: string | null;
|
|
12
|
+
/** Om man skal kunne søke i dropdownen eller ikke */
|
|
13
|
+
searchable?: boolean;
|
|
14
|
+
/** Tooltip for labelen */
|
|
15
|
+
labelTooltip?: string;
|
|
16
|
+
/** Hvilken valideringsvariant som gjelder */
|
|
17
|
+
variant?: VariantType;
|
|
18
|
+
/** Valideringsmelding, brukes sammen med `variant` */
|
|
19
|
+
feedback?: string;
|
|
20
|
+
/** Tekst eller ikon som kommer før dropdownen */
|
|
21
|
+
prepend?: React.ReactNode;
|
|
22
|
+
/** Deaktiver dropdownen */
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
/** Setter dropdownen i read-only modus */
|
|
25
|
+
readOnly?: boolean;
|
|
26
|
+
/** Placeholder-tekst når ingenting er satt */
|
|
27
|
+
placeholder?: string;
|
|
28
|
+
/** En tekst som beskriver hva som skjer når man venter på items */
|
|
29
|
+
loadingText?: string;
|
|
30
|
+
/** Callback når brukeren endrer valg */
|
|
31
|
+
onChange?: (selectedItem: NormalizedDropdownItemType | null) => void;
|
|
32
|
+
/** Lar brukeren velge ved å "tæbbe" seg ut av komponenten */
|
|
33
|
+
selectOnTab?: boolean;
|
|
34
|
+
/** Om man skal vise items ved fokusering av input-feltet, før man skriver inn noe */
|
|
35
|
+
openOnFocus?: boolean;
|
|
36
|
+
/** Antall millisekunder man venter før man kaller en potensiell items-funksjon */
|
|
37
|
+
debounceTimeout?: number;
|
|
38
|
+
/** Om man skal ha muliget for å nullstille Dropdownen
|
|
39
|
+
* @default false
|
|
40
|
+
*/
|
|
41
|
+
clearable?: boolean;
|
|
42
|
+
/** Ekstra klassenavn */
|
|
43
|
+
className?: string;
|
|
44
|
+
/** Marker første valgmulighet automatisk */
|
|
45
|
+
highlightFirstItemOnOpen?: boolean;
|
|
46
|
+
/** Styling som sendes ned til Dropdown-lista */
|
|
47
|
+
listStyle?: {
|
|
48
|
+
[key: string]: any;
|
|
49
|
+
};
|
|
50
|
+
/** Filtreringen som blir brukt dersom man har en searchable Dropdown
|
|
51
|
+
* @default Enkel tekstsammenligning
|
|
52
|
+
*/
|
|
53
|
+
itemFilter?: (item: NormalizedDropdownItemType) => boolean;
|
|
54
|
+
/** Plasserer labelen statisk på toppen av inputfeltet
|
|
55
|
+
* @default false
|
|
56
|
+
*/
|
|
57
|
+
disableLabelAnimation?: boolean;
|
|
58
|
+
/** Alle ekstra props videresendes til Downshift */
|
|
59
|
+
[key: string]: any;
|
|
60
|
+
};
|
|
61
|
+
/**
|
|
62
|
+
* @deprecated
|
|
63
|
+
* New Dropdown available
|
|
64
|
+
*
|
|
65
|
+
* migration guide to new dropdown:
|
|
66
|
+
* - change import from 'DropdownDeprecated' to 'Dropdown'
|
|
67
|
+
* + if 'searchable', switch to 'SearchableDropdown'
|
|
68
|
+
* - change from 'value' to 'selectedItem'
|
|
69
|
+
* + type of 'selectedItem' is 'NormalizedDropdownType' and does not include 'string'
|
|
70
|
+
* - 'onChange' must update value of 'selectedItem'
|
|
71
|
+
*/
|
|
72
|
+
export declare const DropdownDeprecated: React.FC<DropdownDeprecatedProps>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { VariantType } from '@entur/form';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export type DropdownInputGroupDeprecatedProps = {
|
|
4
|
-
feedback?: string;
|
|
5
|
-
variant?: VariantType;
|
|
6
|
-
className?: string;
|
|
7
|
-
style?: {
|
|
8
|
-
[key: string]: any;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
export declare const DropdownInputGroupDeprecated: React.FC<DropdownInputGroupDeprecatedProps>;
|
|
1
|
+
import { VariantType } from '@entur/form';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export type DropdownInputGroupDeprecatedProps = {
|
|
4
|
+
feedback?: string;
|
|
5
|
+
variant?: VariantType;
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: {
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export declare const DropdownInputGroupDeprecated: React.FC<DropdownInputGroupDeprecatedProps>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
3
|
-
import './DropdownList.scss';
|
|
4
|
-
export type DropdownListDeprecatedProps = {
|
|
5
|
-
items: NormalizedDropdownItemType[];
|
|
6
|
-
[key: string]: any;
|
|
7
|
-
};
|
|
8
|
-
export declare const DropdownListDeprecated: React.FC<DropdownListDeprecatedProps>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
3
|
+
import './DropdownList.scss';
|
|
4
|
+
export type DropdownListDeprecatedProps = {
|
|
5
|
+
items: NormalizedDropdownItemType[];
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
};
|
|
8
|
+
export declare const DropdownListDeprecated: React.FC<DropdownListDeprecatedProps>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import './InlineSpinner.scss';
|
|
3
|
-
export type InlineSpinnerType = {
|
|
4
|
-
/** Ekstra klassenavn */
|
|
5
|
-
className?: string;
|
|
6
|
-
/** Tekst for skjermlesere */
|
|
7
|
-
children: string;
|
|
8
|
-
[key: string]: any;
|
|
9
|
-
};
|
|
10
|
-
export declare const DropdownDeprecatedLoadingDots: React.FC<InlineSpinnerType>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './InlineSpinner.scss';
|
|
3
|
+
export type InlineSpinnerType = {
|
|
4
|
+
/** Ekstra klassenavn */
|
|
5
|
+
className?: string;
|
|
6
|
+
/** Tekst for skjermlesere */
|
|
7
|
+
children: string;
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
};
|
|
10
|
+
export declare const DropdownDeprecatedLoadingDots: React.FC<InlineSpinnerType>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import './DropdownToggleButton.scss';
|
|
3
|
-
export declare const DropdownDeprecatedToggleButton: () => JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './DropdownToggleButton.scss';
|
|
3
|
+
export declare const DropdownDeprecatedToggleButton: () => JSX.Element;
|
|
@@ -1,64 +1,64 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { UseSelectProps } from 'downshift';
|
|
3
|
-
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
4
|
-
import { VariantType } from '@entur/form';
|
|
5
|
-
import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
|
|
6
|
-
import './MultiSelect.scss';
|
|
7
|
-
import './DropdownList.scss';
|
|
8
|
-
type MultiSelectDeprecatedProps = {
|
|
9
|
-
/** Tilgjengelige valg i MultiSelect */
|
|
10
|
-
items: PotentiallyAsyncDropdownItemType;
|
|
11
|
-
/** Tekst som vises i boksen når elementer er valgt */
|
|
12
|
-
itemsSelectedLabel?: (selectedItems: NormalizedDropdownItemType[], numberOfItems?: number) => string;
|
|
13
|
-
/** Beskrivende tekst som forklarer feltet */
|
|
14
|
-
label?: 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 MultiSelect */
|
|
20
|
-
prepend?: React.ReactNode;
|
|
21
|
-
/** Deaktiver dropdownen */
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
/** Setter dropdownen 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?: (e: any) => void;
|
|
31
|
-
/** Om man skal vise items ved fokusering av input-feltet, før man skriver inn noe
|
|
32
|
-
* @default false
|
|
33
|
-
*/
|
|
34
|
-
openOnFocus?: boolean;
|
|
35
|
-
/** Ekstra klassenavn */
|
|
36
|
-
className?: string;
|
|
37
|
-
/** Styling som sendes ned til MultiSelect-lista */
|
|
38
|
-
listStyle?: {
|
|
39
|
-
[key: string]: any;
|
|
40
|
-
};
|
|
41
|
-
/** Antall millisekunder man venter før man kaller en potensiell items-funksjon
|
|
42
|
-
* @default 250
|
|
43
|
-
*/
|
|
44
|
-
debounceTimeout?: number;
|
|
45
|
-
/** Om man skal ha muliget for å nullstille Dropdownen
|
|
46
|
-
* @default false
|
|
47
|
-
*/
|
|
48
|
-
clearable?: boolean;
|
|
49
|
-
loading?: boolean;
|
|
50
|
-
style?: React.CSSProperties;
|
|
51
|
-
initialSelectedItems?: NormalizedDropdownItemType[];
|
|
52
|
-
} & Omit<UseSelectProps<NormalizedDropdownItemType>, 'initialSelectedItem' | 'items'>;
|
|
53
|
-
/**
|
|
54
|
-
* @deprecated
|
|
55
|
-
* New MultiSelect available
|
|
56
|
-
*
|
|
57
|
-
* migration guide to new dropdown:
|
|
58
|
-
* - change import from 'MultiSelectDeprecated' to 'MultiSelect'
|
|
59
|
-
* - add state containing selected items to 'selectedItems' prop
|
|
60
|
-
* + type of 'selectedItems' is 'NormalizedDropdownType[]' and does not include 'string'
|
|
61
|
-
* - 'onChange' must update value of 'selectedItem'
|
|
62
|
-
*/
|
|
63
|
-
export declare const MultiSelectDeprecated: React.FC<MultiSelectDeprecatedProps>;
|
|
64
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { UseSelectProps } from 'downshift';
|
|
3
|
+
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
4
|
+
import { VariantType } from '@entur/form';
|
|
5
|
+
import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
|
|
6
|
+
import './MultiSelect.scss';
|
|
7
|
+
import './DropdownList.scss';
|
|
8
|
+
type MultiSelectDeprecatedProps = {
|
|
9
|
+
/** Tilgjengelige valg i MultiSelect */
|
|
10
|
+
items: PotentiallyAsyncDropdownItemType;
|
|
11
|
+
/** Tekst som vises i boksen når elementer er valgt */
|
|
12
|
+
itemsSelectedLabel?: (selectedItems: NormalizedDropdownItemType[], numberOfItems?: number) => string;
|
|
13
|
+
/** Beskrivende tekst som forklarer feltet */
|
|
14
|
+
label?: 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 MultiSelect */
|
|
20
|
+
prepend?: React.ReactNode;
|
|
21
|
+
/** Deaktiver dropdownen */
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
/** Setter dropdownen 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?: (e: any) => void;
|
|
31
|
+
/** Om man skal vise items ved fokusering av input-feltet, før man skriver inn noe
|
|
32
|
+
* @default false
|
|
33
|
+
*/
|
|
34
|
+
openOnFocus?: boolean;
|
|
35
|
+
/** Ekstra klassenavn */
|
|
36
|
+
className?: string;
|
|
37
|
+
/** Styling som sendes ned til MultiSelect-lista */
|
|
38
|
+
listStyle?: {
|
|
39
|
+
[key: string]: any;
|
|
40
|
+
};
|
|
41
|
+
/** Antall millisekunder man venter før man kaller en potensiell items-funksjon
|
|
42
|
+
* @default 250
|
|
43
|
+
*/
|
|
44
|
+
debounceTimeout?: number;
|
|
45
|
+
/** Om man skal ha muliget for å nullstille Dropdownen
|
|
46
|
+
* @default false
|
|
47
|
+
*/
|
|
48
|
+
clearable?: boolean;
|
|
49
|
+
loading?: boolean;
|
|
50
|
+
style?: React.CSSProperties;
|
|
51
|
+
initialSelectedItems?: NormalizedDropdownItemType[];
|
|
52
|
+
} & Omit<UseSelectProps<NormalizedDropdownItemType>, 'initialSelectedItem' | 'items'>;
|
|
53
|
+
/**
|
|
54
|
+
* @deprecated
|
|
55
|
+
* New MultiSelect available
|
|
56
|
+
*
|
|
57
|
+
* migration guide to new dropdown:
|
|
58
|
+
* - change import from 'MultiSelectDeprecated' to 'MultiSelect'
|
|
59
|
+
* - add state containing selected items to 'selectedItems' prop
|
|
60
|
+
* + type of 'selectedItems' is 'NormalizedDropdownType[]' and does not include 'string'
|
|
61
|
+
* - 'onChange' must update value of 'selectedItem'
|
|
62
|
+
*/
|
|
63
|
+
export declare const MultiSelectDeprecated: React.FC<MultiSelectDeprecatedProps>;
|
|
64
|
+
export {};
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
3
|
-
type RegularDropdownDeprecatedProps = {
|
|
4
|
-
items: NormalizedDropdownItemType[];
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
placeholder?: string;
|
|
7
|
-
loading?: boolean;
|
|
8
|
-
loadingText?: string;
|
|
9
|
-
className?: string;
|
|
10
|
-
selectOnTab?: boolean;
|
|
11
|
-
openOnFocus?: boolean;
|
|
12
|
-
listStyle?: {
|
|
13
|
-
[key: string]: any;
|
|
14
|
-
};
|
|
15
|
-
disableLabelAnimation?: boolean;
|
|
16
|
-
clearable?: boolean;
|
|
17
|
-
[key: string]: any;
|
|
18
|
-
};
|
|
19
|
-
export declare const RegularDropdownDeprecated: React.FC<RegularDropdownDeprecatedProps>;
|
|
20
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
3
|
+
type RegularDropdownDeprecatedProps = {
|
|
4
|
+
items: NormalizedDropdownItemType[];
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
loadingText?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
selectOnTab?: boolean;
|
|
11
|
+
openOnFocus?: boolean;
|
|
12
|
+
listStyle?: {
|
|
13
|
+
[key: string]: any;
|
|
14
|
+
};
|
|
15
|
+
disableLabelAnimation?: boolean;
|
|
16
|
+
clearable?: boolean;
|
|
17
|
+
[key: string]: any;
|
|
18
|
+
};
|
|
19
|
+
export declare const RegularDropdownDeprecated: React.FC<RegularDropdownDeprecatedProps>;
|
|
20
|
+
export {};
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
3
|
-
import './SearchableDropdown.scss';
|
|
4
|
-
type SearchableDropdownDeprecatedProps = {
|
|
5
|
-
className?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
items: NormalizedDropdownItemType[];
|
|
8
|
-
loading?: boolean;
|
|
9
|
-
loadingText?: string;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
prepend?: React.ReactNode;
|
|
12
|
-
readOnly?: boolean;
|
|
13
|
-
selectOnTab?: boolean;
|
|
14
|
-
openOnFocus?: boolean;
|
|
15
|
-
listStyle?: {
|
|
16
|
-
[key: string]: any;
|
|
17
|
-
};
|
|
18
|
-
clearable: boolean;
|
|
19
|
-
itemFilter?: (item: NormalizedDropdownItemType) => boolean;
|
|
20
|
-
disableLabelAnimation?: boolean;
|
|
21
|
-
[key: string]: any;
|
|
22
|
-
};
|
|
23
|
-
/**
|
|
24
|
-
* @deprecated
|
|
25
|
-
* New SearchableDropdown available
|
|
26
|
-
*
|
|
27
|
-
* migration guide to new dropdown:
|
|
28
|
-
* - change import from 'DropdownDeprecated' to 'Dropdown'
|
|
29
|
-
* - change from 'value' to 'selectedItem'
|
|
30
|
-
* + type of 'selectedItem' is 'NormalizedDropdownType' and does not include 'string'
|
|
31
|
-
* - 'onChange' must update value of 'selectedItem'
|
|
32
|
-
*/
|
|
33
|
-
export declare const SearchableDropdownDeprecated: React.FC<SearchableDropdownDeprecatedProps>;
|
|
34
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NormalizedDropdownItemType } from '../useNormalizedItems';
|
|
3
|
+
import './SearchableDropdown.scss';
|
|
4
|
+
type SearchableDropdownDeprecatedProps = {
|
|
5
|
+
className?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
items: NormalizedDropdownItemType[];
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
loadingText?: string;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
prepend?: React.ReactNode;
|
|
12
|
+
readOnly?: boolean;
|
|
13
|
+
selectOnTab?: boolean;
|
|
14
|
+
openOnFocus?: boolean;
|
|
15
|
+
listStyle?: {
|
|
16
|
+
[key: string]: any;
|
|
17
|
+
};
|
|
18
|
+
clearable: boolean;
|
|
19
|
+
itemFilter?: (item: NormalizedDropdownItemType) => boolean;
|
|
20
|
+
disableLabelAnimation?: boolean;
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* @deprecated
|
|
25
|
+
* New SearchableDropdown available
|
|
26
|
+
*
|
|
27
|
+
* migration guide to new dropdown:
|
|
28
|
+
* - change import from 'DropdownDeprecated' to 'Dropdown'
|
|
29
|
+
* - change from 'value' to 'selectedItem'
|
|
30
|
+
* + type of 'selectedItem' is 'NormalizedDropdownType' and does not include 'string'
|
|
31
|
+
* - 'onChange' must update value of 'selectedItem'
|
|
32
|
+
*/
|
|
33
|
+
export declare const SearchableDropdownDeprecated: React.FC<SearchableDropdownDeprecatedProps>;
|
|
34
|
+
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './Dropdown';
|
|
2
|
-
export * from './MultiSelect';
|
|
1
|
+
export * from './Dropdown';
|
|
2
|
+
export * from './MultiSelect';
|