@entur/expand 3.6.13 → 3.6.14
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/Accordion.d.ts +17 -0
- package/dist/AccordionItem.d.ts +16 -0
- package/dist/BaseExpand.d.ts +10 -0
- package/dist/BaseExpandablePanel.d.ts +19 -0
- package/dist/ExpandArrow.d.ts +12 -0
- package/dist/ExpandablePanel.d.ts +17 -0
- package/dist/ExpandableText.d.ts +24 -0
- package/dist/ExpandableTextButton.d.ts +14 -0
- package/dist/index.d.ts +7 -121
- package/package.json +6 -6
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
type Id = string | null;
|
|
3
|
+
export type AccordionProps = {
|
|
4
|
+
/** To eller flere AccordionItem-komponenter */
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
};
|
|
8
|
+
export declare const Accordion: React.FC<AccordionProps>;
|
|
9
|
+
type UseAccordionArgs = {
|
|
10
|
+
id: Id;
|
|
11
|
+
defaultOpen?: boolean;
|
|
12
|
+
};
|
|
13
|
+
export declare const useAccordion: ({ id, defaultOpen }: UseAccordionArgs) => {
|
|
14
|
+
isOpen: boolean;
|
|
15
|
+
toggle: () => void;
|
|
16
|
+
};
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React, CSSProperties } from 'react';
|
|
2
|
+
export type AccordionItemProps = {
|
|
3
|
+
/** Teksten som skal stå i panelet */
|
|
4
|
+
title: React.ReactNode;
|
|
5
|
+
/** Innholdet som skal vises under panelet */
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
/** Hvilken tilstand AccordionItem skal ha som default
|
|
8
|
+
* @default false
|
|
9
|
+
*/
|
|
10
|
+
defaultOpen?: boolean;
|
|
11
|
+
/** Styling som sendes til innholdet av AccordionItem */
|
|
12
|
+
contentStyle?: CSSProperties;
|
|
13
|
+
disableAnimation?: boolean;
|
|
14
|
+
[key: string]: any;
|
|
15
|
+
};
|
|
16
|
+
export declare const AccordionItem: React.FC<AccordionItemProps>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
type BaseExpandProps = {
|
|
3
|
+
/** Innholdet som skal være expandable */
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
/** Boolean for om innholdet vises eller ikke */
|
|
6
|
+
open: boolean;
|
|
7
|
+
[key: string]: any;
|
|
8
|
+
};
|
|
9
|
+
export declare const BaseExpand: React.FC<BaseExpandProps>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React, CSSProperties } from 'react';
|
|
2
|
+
type BaseExpandablePanelProps = {
|
|
3
|
+
/** Teksten som skal stå i panelet */
|
|
4
|
+
title: React.ReactNode;
|
|
5
|
+
/** Innholdet som skal vises under panelet */
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
/** IDen til expand-panelet */
|
|
8
|
+
id: string;
|
|
9
|
+
/** Prop for om innholdet er åpent */
|
|
10
|
+
open: boolean;
|
|
11
|
+
/** Funksjonen som styrer åpningen av BaseExpandablePanel */
|
|
12
|
+
onToggle: () => void;
|
|
13
|
+
/** Styling som sendes til innholdet av BaseExpandablePanel */
|
|
14
|
+
contentStyle?: CSSProperties;
|
|
15
|
+
disableAnimation?: boolean;
|
|
16
|
+
[key: string]: any;
|
|
17
|
+
};
|
|
18
|
+
export declare const BaseExpandablePanel: React.FC<BaseExpandablePanelProps>;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
type ExpandArrowProps = {
|
|
3
|
+
/** Om innholdet er åpent eller ikke, som bestemmer retningen på pila
|
|
4
|
+
* @default false
|
|
5
|
+
*/
|
|
6
|
+
open?: boolean;
|
|
7
|
+
/** Ekstra klassenavn */
|
|
8
|
+
className?: string;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
};
|
|
11
|
+
export declare const ExpandArrow: React.FC<ExpandArrowProps>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React, CSSProperties } from 'react';
|
|
2
|
+
export type ExpandablePanelProps = {
|
|
3
|
+
/** Teksten som skal stå i panelet */
|
|
4
|
+
title: React.ReactNode;
|
|
5
|
+
/** Innholdet som skal vises under panelet */
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
/** Hvilken tilstand ExpandablePanel skal ha som default
|
|
8
|
+
* @default false
|
|
9
|
+
*/
|
|
10
|
+
defaultOpen?: boolean;
|
|
11
|
+
/** Funksjonen som styrer åpningen av ExpandablePanel */
|
|
12
|
+
onToggle?: () => void;
|
|
13
|
+
/** Styling som sendes til innholdet av ExpandablePanel */
|
|
14
|
+
contentStyle?: CSSProperties;
|
|
15
|
+
[key: string]: any;
|
|
16
|
+
};
|
|
17
|
+
export declare const ExpandablePanel: React.FC<ExpandablePanelProps>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { default as React, CSSProperties } from 'react';
|
|
2
|
+
export type ExpandableTextProps = {
|
|
3
|
+
/** Teksten som skal "vises" */
|
|
4
|
+
title: React.ReactNode;
|
|
5
|
+
/** Innholdet som skal vises under linken */
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
/** Hvilken tilstand ExpandableText skal ha som default (med mindre den er kontrollert)
|
|
8
|
+
* @default false
|
|
9
|
+
*/
|
|
10
|
+
defaultOpen?: boolean;
|
|
11
|
+
/** Prop for om innholdet er åpent. Brukes hvis du vil kontrollere ExpandableText, sammen med onToggle */
|
|
12
|
+
open?: boolean;
|
|
13
|
+
/** Funksjonen som styrer åpningen av ExpandableText */
|
|
14
|
+
onToggle?: () => void;
|
|
15
|
+
/**Styling som sendes til innholdet av ExpandableText */
|
|
16
|
+
contentStyle?: CSSProperties;
|
|
17
|
+
/** Hvilket typografisk element tittelen er
|
|
18
|
+
* @default "Heading5"
|
|
19
|
+
*/
|
|
20
|
+
titleElement?: 'Heading5' | 'Paragraph' | 'SubParagraph';
|
|
21
|
+
disableAnimation?: boolean;
|
|
22
|
+
[key: string]: any;
|
|
23
|
+
};
|
|
24
|
+
export declare const ExpandableText: React.FC<ExpandableTextProps>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type ExandableTextButtonProps = {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
/** Prop for om innholdet er åpent */
|
|
5
|
+
open?: boolean;
|
|
6
|
+
/** Funksjonen som styrer åpningen av ExpandableTextButton */
|
|
7
|
+
onToggle: () => void;
|
|
8
|
+
/** Den typografiske komponenten for tittelen
|
|
9
|
+
* @default Heading5
|
|
10
|
+
*/
|
|
11
|
+
as?: React.ElementType;
|
|
12
|
+
[key: string]: any;
|
|
13
|
+
};
|
|
14
|
+
export declare const ExpandableTextButton: React.FC<ExandableTextButtonProps>;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,121 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
export declare type AccordionItemProps = {
|
|
9
|
-
/** Teksten som skal stå i panelet */
|
|
10
|
-
title: default_2.ReactNode;
|
|
11
|
-
/** Innholdet som skal vises under panelet */
|
|
12
|
-
children: default_2.ReactNode;
|
|
13
|
-
/** Hvilken tilstand AccordionItem skal ha som default
|
|
14
|
-
* @default false
|
|
15
|
-
*/
|
|
16
|
-
defaultOpen?: boolean;
|
|
17
|
-
/** Styling som sendes til innholdet av AccordionItem */
|
|
18
|
-
contentStyle?: CSSProperties;
|
|
19
|
-
disableAnimation?: boolean;
|
|
20
|
-
[key: string]: any;
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export declare type AccordionProps = {
|
|
24
|
-
/** To eller flere AccordionItem-komponenter */
|
|
25
|
-
children: default_2.ReactNode;
|
|
26
|
-
[key: string]: any;
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export declare const BaseExpand: default_2.FC<BaseExpandProps>;
|
|
30
|
-
|
|
31
|
-
declare type BaseExpandProps = {
|
|
32
|
-
/** Innholdet som skal være expandable */
|
|
33
|
-
children: default_2.ReactNode;
|
|
34
|
-
/** Boolean for om innholdet vises eller ikke */
|
|
35
|
-
open: boolean;
|
|
36
|
-
[key: string]: any;
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export declare type ExandableTextButtonProps = {
|
|
40
|
-
children: default_2.ReactNode;
|
|
41
|
-
/** Prop for om innholdet er åpent */
|
|
42
|
-
open?: boolean;
|
|
43
|
-
/** Funksjonen som styrer åpningen av ExpandableTextButton */
|
|
44
|
-
onToggle: () => void;
|
|
45
|
-
/** Den typografiske komponenten for tittelen
|
|
46
|
-
* @default Heading5
|
|
47
|
-
*/
|
|
48
|
-
as?: default_2.ElementType;
|
|
49
|
-
[key: string]: any;
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
export declare const ExpandablePanel: default_2.FC<ExpandablePanelProps>;
|
|
53
|
-
|
|
54
|
-
export declare type ExpandablePanelProps = {
|
|
55
|
-
/** Teksten som skal stå i panelet */
|
|
56
|
-
title: default_2.ReactNode;
|
|
57
|
-
/** Innholdet som skal vises under panelet */
|
|
58
|
-
children: default_2.ReactNode;
|
|
59
|
-
/** Hvilken tilstand ExpandablePanel skal ha som default
|
|
60
|
-
* @default false
|
|
61
|
-
*/
|
|
62
|
-
defaultOpen?: boolean;
|
|
63
|
-
/** Funksjonen som styrer åpningen av ExpandablePanel */
|
|
64
|
-
onToggle?: () => void;
|
|
65
|
-
/** Styling som sendes til innholdet av ExpandablePanel */
|
|
66
|
-
contentStyle?: CSSProperties;
|
|
67
|
-
[key: string]: any;
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
export declare const ExpandableText: default_2.FC<ExpandableTextProps>;
|
|
71
|
-
|
|
72
|
-
export declare const ExpandableTextButton: default_2.FC<ExandableTextButtonProps>;
|
|
73
|
-
|
|
74
|
-
export declare type ExpandableTextProps = {
|
|
75
|
-
/** Teksten som skal "vises" */
|
|
76
|
-
title: default_2.ReactNode;
|
|
77
|
-
/** Innholdet som skal vises under linken */
|
|
78
|
-
children: default_2.ReactNode;
|
|
79
|
-
/** Hvilken tilstand ExpandableText skal ha som default (med mindre den er kontrollert)
|
|
80
|
-
* @default false
|
|
81
|
-
*/
|
|
82
|
-
defaultOpen?: boolean;
|
|
83
|
-
/** Prop for om innholdet er åpent. Brukes hvis du vil kontrollere ExpandableText, sammen med onToggle */
|
|
84
|
-
open?: boolean;
|
|
85
|
-
/** Funksjonen som styrer åpningen av ExpandableText */
|
|
86
|
-
onToggle?: () => void;
|
|
87
|
-
/**Styling som sendes til innholdet av ExpandableText */
|
|
88
|
-
contentStyle?: CSSProperties;
|
|
89
|
-
/** Hvilket typografisk element tittelen er
|
|
90
|
-
* @default "Heading5"
|
|
91
|
-
*/
|
|
92
|
-
titleElement?: 'Heading5' | 'Paragraph' | 'SubParagraph';
|
|
93
|
-
disableAnimation?: boolean;
|
|
94
|
-
[key: string]: any;
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
export declare const ExpandArrow: default_2.FC<ExpandArrowProps>;
|
|
98
|
-
|
|
99
|
-
declare type ExpandArrowProps = {
|
|
100
|
-
/** Om innholdet er åpent eller ikke, som bestemmer retningen på pila
|
|
101
|
-
* @default false
|
|
102
|
-
*/
|
|
103
|
-
open?: boolean;
|
|
104
|
-
/** Ekstra klassenavn */
|
|
105
|
-
className?: string;
|
|
106
|
-
[key: string]: any;
|
|
107
|
-
};
|
|
108
|
-
|
|
109
|
-
declare type Id = string | null;
|
|
110
|
-
|
|
111
|
-
export declare const useAccordion: ({ id, defaultOpen }: UseAccordionArgs) => {
|
|
112
|
-
isOpen: boolean;
|
|
113
|
-
toggle: () => void;
|
|
114
|
-
};
|
|
115
|
-
|
|
116
|
-
declare type UseAccordionArgs = {
|
|
117
|
-
id: Id;
|
|
118
|
-
defaultOpen?: boolean;
|
|
119
|
-
};
|
|
120
|
-
|
|
121
|
-
export { }
|
|
1
|
+
export * from './Accordion';
|
|
2
|
+
export * from './AccordionItem';
|
|
3
|
+
export * from './ExpandablePanel';
|
|
4
|
+
export * from './BaseExpand';
|
|
5
|
+
export * from './ExpandableText';
|
|
6
|
+
export * from './ExpandableTextButton';
|
|
7
|
+
export * from './ExpandArrow';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/expand",
|
|
3
|
-
"version": "3.6.
|
|
3
|
+
"version": "3.6.14",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/expand.cjs.js",
|
|
6
6
|
"module": "dist/expand.esm.js",
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/icons": "^8.0.
|
|
31
|
-
"@entur/tokens": "^3.19.
|
|
32
|
-
"@entur/typography": "^1.9.
|
|
33
|
-
"@entur/utils": "^0.12.
|
|
30
|
+
"@entur/icons": "^8.0.2",
|
|
31
|
+
"@entur/tokens": "^3.19.3",
|
|
32
|
+
"@entur/typography": "^1.9.14",
|
|
33
|
+
"@entur/utils": "^0.12.5",
|
|
34
34
|
"classnames": "^2.5.1",
|
|
35
35
|
"react-collapse": "^5.1.1"
|
|
36
36
|
},
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"vite": "^7.1.3",
|
|
49
49
|
"vite-plugin-dts": "^4.5.4"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "5dd9d318f1d79f6f522f978de27b551fda1e91cc"
|
|
52
52
|
}
|