@entur/chip 0.9.1 → 0.9.3-beta.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/ActionChip.d.ts +16 -0
- package/dist/ChoiceChip.d.ts +18 -0
- package/dist/ChoiceChipGroup.d.ts +15 -0
- package/dist/ChoiceChipGroupContext.d.ts +9 -0
- package/dist/FilterChip.d.ts +25 -0
- package/dist/TagChip.d.ts +16 -0
- package/dist/index.d.ts +5 -98
- package/package.json +7 -7
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type ActionChipProps = {
|
|
3
|
+
/** Teksten som vises i ActionChip */
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
/** Ekstra klassenavn */
|
|
6
|
+
className?: string;
|
|
7
|
+
/** Om chip-en er opptatt, f.eks med å oppdatere informasjon
|
|
8
|
+
* @default false
|
|
9
|
+
*/
|
|
10
|
+
loading?: boolean;
|
|
11
|
+
/** Størrelsen på chip
|
|
12
|
+
* @default 'medium'
|
|
13
|
+
*/
|
|
14
|
+
size?: 'small' | 'medium';
|
|
15
|
+
} & React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
|
|
16
|
+
export declare const ActionChip: React.ForwardRefExoticComponent<Omit<ActionChipProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type ChoiceChipProps = {
|
|
3
|
+
/** Ekstra klassenavn */
|
|
4
|
+
className?: string;
|
|
5
|
+
/** Om Choicechip er deaktivert eller ikke
|
|
6
|
+
* @default false
|
|
7
|
+
*/
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
/** Label til ChoiceChip */
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
/** Verdien til ChoiceChip */
|
|
12
|
+
value: string;
|
|
13
|
+
/** Størrelsen på chip
|
|
14
|
+
* @default 'medium'
|
|
15
|
+
*/
|
|
16
|
+
size?: 'small' | 'medium';
|
|
17
|
+
} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'value' | 'size'>;
|
|
18
|
+
export declare const ChoiceChip: React.ForwardRefExoticComponent<Omit<ChoiceChipProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type ChoiceChipGroupProps = {
|
|
3
|
+
/** Navnet til ChoiceChipsGroup */
|
|
4
|
+
name: string;
|
|
5
|
+
/** Verdien til den valgte ChoiceChipen */
|
|
6
|
+
value: string | null;
|
|
7
|
+
/** ChoiceChip-komponentene sendes inn som children */
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
/** En callback som blir kalles hver gang en ChoiceChip klikkes på */
|
|
10
|
+
onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
11
|
+
/** Labelen til ChoiceChip-gruppen. */
|
|
12
|
+
label?: React.ReactNode;
|
|
13
|
+
[key: string]: any;
|
|
14
|
+
};
|
|
15
|
+
export declare const ChoiceChipGroup: React.FC<ChoiceChipGroupProps>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
type ChoiceChipGroupContextProps = {
|
|
3
|
+
name: string;
|
|
4
|
+
onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
5
|
+
value: string | null;
|
|
6
|
+
};
|
|
7
|
+
export declare const ChoiceChipGroupContextProvider: React.Provider<ChoiceChipGroupContextProps | null>;
|
|
8
|
+
export declare const useChoiceChipGroupContext: () => ChoiceChipGroupContextProps;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type FilterChipProps = {
|
|
3
|
+
/** Ekstra klassenavn */
|
|
4
|
+
className?: string;
|
|
5
|
+
/** Label til FilterChip */
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
/** Verdien til FilterChip */
|
|
8
|
+
value: string;
|
|
9
|
+
/** Størrelsen på chip
|
|
10
|
+
* @default 'medium'
|
|
11
|
+
*/
|
|
12
|
+
size?: 'small' | 'medium';
|
|
13
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;
|
|
14
|
+
export declare const FilterChip: React.ForwardRefExoticComponent<{
|
|
15
|
+
/** Ekstra klassenavn */
|
|
16
|
+
className?: string;
|
|
17
|
+
/** Label til FilterChip */
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
/** Verdien til FilterChip */
|
|
20
|
+
value: string;
|
|
21
|
+
/** Størrelsen på chip
|
|
22
|
+
* @default 'medium'
|
|
23
|
+
*/
|
|
24
|
+
size?: "small" | "medium";
|
|
25
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type TagChipProps = {
|
|
3
|
+
/** Teksten som vises i TagChip */
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
/** Ekstra klassenavn */
|
|
6
|
+
className?: string;
|
|
7
|
+
/** Callback for når man klikker på krysset */
|
|
8
|
+
onClose: () => void;
|
|
9
|
+
/** Skjermlesertekst for X-knappen */
|
|
10
|
+
closeButtonAriaLabel?: string;
|
|
11
|
+
/** Størrelsen på chip
|
|
12
|
+
* @default 'medium'
|
|
13
|
+
*/
|
|
14
|
+
size?: 'small' | 'medium';
|
|
15
|
+
};
|
|
16
|
+
export declare const TagChip: React.ForwardRefExoticComponent<TagChipProps & React.RefAttributes<HTMLButtonElement>>;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,98 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
export
|
|
6
|
-
/** Teksten som vises i ActionChip */
|
|
7
|
-
children: default_2.ReactNode;
|
|
8
|
-
/** Ekstra klassenavn */
|
|
9
|
-
className?: string;
|
|
10
|
-
/** Om chip-en er opptatt, f.eks med å oppdatere informasjon
|
|
11
|
-
* @default false
|
|
12
|
-
*/
|
|
13
|
-
loading?: boolean;
|
|
14
|
-
/** Størrelsen på chip
|
|
15
|
-
* @default 'medium'
|
|
16
|
-
*/
|
|
17
|
-
size?: 'small' | 'medium';
|
|
18
|
-
} & default_2.DetailedHTMLProps<default_2.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
|
|
19
|
-
|
|
20
|
-
export declare const ChoiceChip: default_2.ForwardRefExoticComponent<Omit<ChoiceChipProps, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
|
|
21
|
-
|
|
22
|
-
export declare const ChoiceChipGroup: default_2.FC<ChoiceChipGroupProps>;
|
|
23
|
-
|
|
24
|
-
export declare type ChoiceChipGroupProps = {
|
|
25
|
-
/** Navnet til ChoiceChipsGroup */
|
|
26
|
-
name: string;
|
|
27
|
-
/** Verdien til den valgte ChoiceChipen */
|
|
28
|
-
value: string | null;
|
|
29
|
-
/** ChoiceChip-komponentene sendes inn som children */
|
|
30
|
-
children: default_2.ReactNode;
|
|
31
|
-
/** En callback som blir kalles hver gang en ChoiceChip klikkes på */
|
|
32
|
-
onChange: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
|
|
33
|
-
/** Labelen til ChoiceChip-gruppen. */
|
|
34
|
-
label?: default_2.ReactNode;
|
|
35
|
-
[key: string]: any;
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
export declare type ChoiceChipProps = {
|
|
39
|
-
/** Ekstra klassenavn */
|
|
40
|
-
className?: string;
|
|
41
|
-
/** Om Choicechip er deaktivert eller ikke
|
|
42
|
-
* @default false
|
|
43
|
-
*/
|
|
44
|
-
disabled?: boolean;
|
|
45
|
-
/** Label til ChoiceChip */
|
|
46
|
-
children?: default_2.ReactNode;
|
|
47
|
-
/** Verdien til ChoiceChip */
|
|
48
|
-
value: string;
|
|
49
|
-
/** Størrelsen på chip
|
|
50
|
-
* @default 'medium'
|
|
51
|
-
*/
|
|
52
|
-
size?: 'small' | 'medium';
|
|
53
|
-
} & Omit<default_2.DetailedHTMLProps<default_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'value' | 'size'>;
|
|
54
|
-
|
|
55
|
-
export declare const FilterChip: default_2.ForwardRefExoticComponent<{
|
|
56
|
-
/** Ekstra klassenavn */
|
|
57
|
-
className?: string;
|
|
58
|
-
/** Label til FilterChip */
|
|
59
|
-
children?: default_2.ReactNode;
|
|
60
|
-
/** Verdien til FilterChip */
|
|
61
|
-
value: string;
|
|
62
|
-
/** Størrelsen på chip
|
|
63
|
-
* @default 'medium'
|
|
64
|
-
*/
|
|
65
|
-
size?: "small" | "medium";
|
|
66
|
-
} & Omit<default_2.InputHTMLAttributes<HTMLInputElement>, "value" | "size"> & default_2.RefAttributes<HTMLInputElement>>;
|
|
67
|
-
|
|
68
|
-
export declare type FilterChipProps = {
|
|
69
|
-
/** Ekstra klassenavn */
|
|
70
|
-
className?: string;
|
|
71
|
-
/** Label til FilterChip */
|
|
72
|
-
children?: default_2.ReactNode;
|
|
73
|
-
/** Verdien til FilterChip */
|
|
74
|
-
value: string;
|
|
75
|
-
/** Størrelsen på chip
|
|
76
|
-
* @default 'medium'
|
|
77
|
-
*/
|
|
78
|
-
size?: 'small' | 'medium';
|
|
79
|
-
} & Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'value' | 'size'>;
|
|
80
|
-
|
|
81
|
-
export declare const TagChip: default_2.ForwardRefExoticComponent<TagChipProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
82
|
-
|
|
83
|
-
export declare type TagChipProps = {
|
|
84
|
-
/** Teksten som vises i TagChip */
|
|
85
|
-
children: default_2.ReactNode;
|
|
86
|
-
/** Ekstra klassenavn */
|
|
87
|
-
className?: string;
|
|
88
|
-
/** Callback for når man klikker på krysset */
|
|
89
|
-
onClose: () => void;
|
|
90
|
-
/** Skjermlesertekst for X-knappen */
|
|
91
|
-
closeButtonAriaLabel?: string;
|
|
92
|
-
/** Størrelsen på chip
|
|
93
|
-
* @default 'medium'
|
|
94
|
-
*/
|
|
95
|
-
size?: 'small' | 'medium';
|
|
96
|
-
};
|
|
97
|
-
|
|
98
|
-
export { }
|
|
1
|
+
export * from './ChoiceChip';
|
|
2
|
+
export * from './ActionChip';
|
|
3
|
+
export * from './TagChip';
|
|
4
|
+
export * from './FilterChip';
|
|
5
|
+
export * from './ChoiceChipGroup';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/chip",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.3-beta.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/chip.cjs.js",
|
|
6
6
|
"module": "dist/chip.esm.js",
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/form": "^8.3.
|
|
31
|
-
"@entur/icons": "^8.0.
|
|
32
|
-
"@entur/loader": "^0.5.
|
|
33
|
-
"@entur/tokens": "^3.19.
|
|
34
|
-
"@entur/utils": "^0.12.
|
|
30
|
+
"@entur/form": "^8.3.4-beta.0",
|
|
31
|
+
"@entur/icons": "^8.0.2",
|
|
32
|
+
"@entur/loader": "^0.5.32-beta.0",
|
|
33
|
+
"@entur/tokens": "^3.19.3",
|
|
34
|
+
"@entur/utils": "^0.12.5",
|
|
35
35
|
"classnames": "^2.5.1"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"vite": "^7.1.3",
|
|
48
48
|
"vite-plugin-dts": "^4.5.4"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "1af57733502628c4b59860f42d15c7456b09025e"
|
|
51
51
|
}
|