@trilogy-ds/react 4.14.0-tab-fix → 4.14.2-fix
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/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +9 -2
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +9 -2
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +18 -2
- package/lib/components/button/list/ButtonListProps.d.ts +2 -2
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +9 -1
- package/lib/components/card/Card.native.js +5 -5
- package/lib/components/checkbox/list/CheckboxListProps.d.ts +3 -3
- package/lib/components/checkbox/list/CheckboxListWebPropsDefaults.js +9 -1
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +18 -2
- package/lib/components/columns/ColumnsPropsDefaults.js +18 -2
- package/lib/components/columns/column/ColumnPropsDefaults.js +18 -2
- package/lib/components/dropdown/Dropdown.d.ts +13 -0
- package/lib/components/dropdown/Dropdown.js +88 -0
- package/lib/components/dropdown/Dropdown.native.d.ts +4 -0
- package/lib/components/dropdown/Dropdown.native.js +8 -0
- package/lib/components/dropdown/DropdownProps.d.ts +15 -0
- package/lib/components/dropdown/DropdownProps.js +2 -0
- package/lib/components/dropdown/DropdownPropsDefaults.js +53 -0
- package/lib/components/dropdown/context/DropdownContext.d.ts +15 -0
- package/lib/components/dropdown/context/DropdownContext.js +35 -0
- package/lib/components/dropdown/context/index.d.ts +1 -0
- package/lib/components/dropdown/context/index.js +2 -0
- package/lib/components/dropdown/group/DropdownGroup.d.ts +12 -0
- package/lib/components/dropdown/group/DropdownGroup.js +24 -0
- package/lib/components/dropdown/group/DropdownGroup.native.d.ts +4 -0
- package/lib/components/dropdown/group/DropdownGroup.native.js +8 -0
- package/lib/components/dropdown/group/DropdownGroupProps.d.ts +14 -0
- package/lib/components/dropdown/group/DropdownGroupProps.js +2 -0
- package/lib/components/dropdown/group/DropdownGroupPropsDefaults.js +52 -0
- package/lib/components/dropdown/group/index.d.ts +2 -0
- package/lib/components/dropdown/group/index.js +3 -0
- package/lib/components/dropdown/index.d.ts +6 -0
- package/lib/components/dropdown/index.js +7 -0
- package/lib/components/dropdown/item/DropdownItem.d.ts +12 -0
- package/lib/components/dropdown/item/DropdownItem.js +46 -0
- package/lib/components/dropdown/item/DropdownItem.native.d.ts +4 -0
- package/lib/components/dropdown/item/DropdownItem.native.js +8 -0
- package/lib/components/dropdown/item/DropdownItemProps.d.ts +15 -0
- package/lib/components/dropdown/item/DropdownItemProps.js +2 -0
- package/lib/components/dropdown/item/DropdownItemPropsDefaults.js +93 -0
- package/lib/components/dropdown/item/index.d.ts +2 -0
- package/lib/components/dropdown/item/index.js +3 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.d.ts +13 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.js +61 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.native.d.ts +4 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.native.js +8 -0
- package/lib/components/dropdown/trigger/DropdownTriggerProps.d.ts +13 -0
- package/lib/components/dropdown/trigger/DropdownTriggerProps.js +2 -0
- package/lib/components/dropdown/trigger/DropdownTriggerPropsDefaults.js +44 -0
- package/lib/components/dropdown/trigger/index.d.ts +2 -0
- package/lib/components/dropdown/trigger/index.js +3 -0
- package/lib/components/enumsComponentsName.d.ts +4 -0
- package/lib/components/enumsComponentsName.js +5 -1
- package/lib/components/flex-box/FlexBox.js +3 -2
- package/lib/components/flex-box/FlexBox.native.js +3 -1
- package/lib/components/flex-box/FlexBoxPropsDefaults.js +2 -2
- package/lib/components/flex-box/flex-item/FlexItemPropsDefaults.js +18 -2
- package/lib/components/image/ImagePropsDefaults.js +18 -2
- package/lib/components/input/Input.js +2 -2
- package/lib/components/input/Input.native.js +15 -72
- package/lib/components/input/InputProps.d.ts +2 -2
- package/lib/components/input/InputPropsDefaults.js +9 -2
- package/lib/components/price/PricePropsDefaults.js +18 -2
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +18 -2
- package/lib/components/radio/EventHandlerDefaults.js +21 -0
- package/lib/components/radio/Radio.js +3 -3
- package/lib/components/radio/Radio.native.d.ts +2 -2
- package/lib/components/radio/Radio.native.js +1 -1
- package/lib/components/radio/RadioNativePropsDefaults.js +9 -0
- package/lib/components/radio/RadioProps.d.ts +9 -2
- package/lib/components/radio/list/RadioListProps.d.ts +2 -2
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +9 -1
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +18 -2
- package/lib/components/radio/tiles/tile/RadioTile.js +3 -3
- package/lib/components/radio/tiles/tile/RadioTile.native.d.ts +2 -2
- package/lib/components/radio/tiles/tile/RadioTileNativePropsDefaults.js +104 -0
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +8 -3
- package/lib/components/radio/tiles/tile/RadioTilePropsCommonDefaults.js +97 -0
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +81 -81
- package/lib/components/segment-control/SegmentControlProps.d.ts +2 -2
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +9 -1
- package/lib/components/tabs/TabsPropsDefaults.js +18 -2
- package/lib/components/tabs/tab-list/TabListProps.d.ts +2 -2
- package/lib/components/tabs/tab-list/TabListPropsDefaults.js +9 -1
- package/lib/components/tag/list/TagListProps.d.ts +2 -2
- package/lib/components/tag/list/TagListPropsDefaults.js +9 -1
- package/lib/components/textarea/Textarea.d.ts +2 -4
- package/lib/components/textarea/Textarea.js +5 -7
- package/lib/components/textarea/Textarea.native.d.ts +2 -3
- package/lib/components/textarea/Textarea.native.js +22 -57
- package/lib/components/textarea/TextareaProps.d.ts +0 -1
- package/lib/components/view/ViewPropsDefaults.js +30 -3
- package/lib/objects/facets/Alignable.d.ts +10 -3
- package/lib/objects/facets/Alignable.js +10 -5
- package/lib/objects/facets/Justifiable.d.ts +11 -4
- package/lib/objects/facets/Justifiable.js +31 -28
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -330,10 +330,17 @@ export default {
|
|
|
330
330
|
]
|
|
331
331
|
},
|
|
332
332
|
"help": {
|
|
333
|
-
"type": "
|
|
333
|
+
"type": "react",
|
|
334
334
|
"values": [
|
|
335
335
|
"undefined",
|
|
336
|
-
"
|
|
336
|
+
"null",
|
|
337
|
+
"string",
|
|
338
|
+
"number",
|
|
339
|
+
"false",
|
|
340
|
+
"true",
|
|
341
|
+
"JSXElementConstructor<any>>",
|
|
342
|
+
"ReactNode>",
|
|
343
|
+
"ReactPortal"
|
|
337
344
|
]
|
|
338
345
|
},
|
|
339
346
|
"name": {
|
|
@@ -330,10 +330,17 @@ export default {
|
|
|
330
330
|
]
|
|
331
331
|
},
|
|
332
332
|
"help": {
|
|
333
|
-
"type": "
|
|
333
|
+
"type": "react",
|
|
334
334
|
"values": [
|
|
335
335
|
"undefined",
|
|
336
|
-
"
|
|
336
|
+
"null",
|
|
337
|
+
"string",
|
|
338
|
+
"number",
|
|
339
|
+
"false",
|
|
340
|
+
"true",
|
|
341
|
+
"JSXElementConstructor<any>>",
|
|
342
|
+
"ReactNode>",
|
|
343
|
+
"ReactPortal"
|
|
337
344
|
]
|
|
338
345
|
},
|
|
339
346
|
"name": {
|
|
@@ -70,7 +70,15 @@ export default {
|
|
|
70
70
|
"ALIGNED_CENTER",
|
|
71
71
|
"ALIGNED_START",
|
|
72
72
|
"ALIGNED_END",
|
|
73
|
-
"ALIGNED_STRETCH"
|
|
73
|
+
"ALIGNED_STRETCH",
|
|
74
|
+
"CENTER",
|
|
75
|
+
"START",
|
|
76
|
+
"END",
|
|
77
|
+
"STRETCH",
|
|
78
|
+
"CENTER",
|
|
79
|
+
"START",
|
|
80
|
+
"END",
|
|
81
|
+
"STRETCH"
|
|
74
82
|
]
|
|
75
83
|
},
|
|
76
84
|
"verticalAlign": {
|
|
@@ -84,7 +92,15 @@ export default {
|
|
|
84
92
|
"ALIGNED_CENTER",
|
|
85
93
|
"ALIGNED_START",
|
|
86
94
|
"ALIGNED_END",
|
|
87
|
-
"ALIGNED_STRETCH"
|
|
95
|
+
"ALIGNED_STRETCH",
|
|
96
|
+
"CENTER",
|
|
97
|
+
"START",
|
|
98
|
+
"END",
|
|
99
|
+
"STRETCH",
|
|
100
|
+
"CENTER",
|
|
101
|
+
"START",
|
|
102
|
+
"END",
|
|
103
|
+
"STRETCH"
|
|
88
104
|
]
|
|
89
105
|
},
|
|
90
106
|
"accessibilityLabel": {
|
|
@@ -3,7 +3,7 @@ import { ButtonListDirectionEnum, ButtonListDirectionEnumValues } from '../../..
|
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
import type { ButtonProps } from '../../../components/button/ButtonProps';
|
|
5
5
|
import type { DividerProps } from '../../../components/divider/DividerProps';
|
|
6
|
-
import {
|
|
6
|
+
import { AlignableProps } from '../../../objects';
|
|
7
7
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
8
8
|
type ButtonListChildrenTypes = React.ReactElement<ButtonProps | DividerProps> | undefined;
|
|
9
9
|
/**
|
|
@@ -17,7 +17,7 @@ export interface ButtonListProps {
|
|
|
17
17
|
*/
|
|
18
18
|
export interface ButtonListWebProps extends ButtonListProps, CommonProps {
|
|
19
19
|
direction?: ButtonListDirectionEnum | ButtonListDirectionEnumValues;
|
|
20
|
-
align?:
|
|
20
|
+
align?: AlignableProps['align'];
|
|
21
21
|
}
|
|
22
22
|
export type ButtonListRef = HTMLDivElement;
|
|
23
23
|
export type ButtonListNativeRef = View;
|
|
@@ -20,7 +20,15 @@ export default {
|
|
|
20
20
|
"ALIGNED_CENTER",
|
|
21
21
|
"ALIGNED_START",
|
|
22
22
|
"ALIGNED_END",
|
|
23
|
-
"ALIGNED_STRETCH"
|
|
23
|
+
"ALIGNED_STRETCH",
|
|
24
|
+
"CENTER",
|
|
25
|
+
"START",
|
|
26
|
+
"END",
|
|
27
|
+
"STRETCH",
|
|
28
|
+
"CENTER",
|
|
29
|
+
"START",
|
|
30
|
+
"END",
|
|
31
|
+
"STRETCH"
|
|
24
32
|
]
|
|
25
33
|
},
|
|
26
34
|
"children": {
|
|
@@ -48,10 +48,10 @@ var Card = React.forwardRef(function (_a, ref) {
|
|
|
48
48
|
maxWidth: '100%',
|
|
49
49
|
},
|
|
50
50
|
shadow: {
|
|
51
|
-
shadowColor: 'rgba(0,0,0
|
|
52
|
-
shadowOffset: { width:
|
|
53
|
-
shadowOpacity:
|
|
54
|
-
shadowRadius:
|
|
51
|
+
shadowColor: 'rgba(0,0,0,0.1)',
|
|
52
|
+
shadowOffset: { width: 0, height: 0 },
|
|
53
|
+
shadowOpacity: 1,
|
|
54
|
+
shadowRadius: 4,
|
|
55
55
|
elevation: 5,
|
|
56
56
|
},
|
|
57
57
|
skeleton: {
|
|
@@ -105,4 +105,4 @@ var Card = React.forwardRef(function (_a, ref) {
|
|
|
105
105
|
});
|
|
106
106
|
Card.displayName = ComponentName.Card;
|
|
107
107
|
export default Card;
|
|
108
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQXFCLE1BQU0sT0FBTyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2pFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFHdEMsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQztJQUN2QyxRQUFRLEVBQUUsS0FBSztJQUNmLGVBQWUsRUFBRSxFQUFFO0lBQ25CLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLFFBQVEsRUFBRSxLQUFLO0lBQ2YsTUFBTSxFQUFFLEtBQUs7Q0FDZCxDQUFDLENBQUE7QUFFRjs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBQW9HLEVBQ3BHLEdBQUc7SUFERCxJQUFBLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUFsRyx5R0FBb0csQ0FBRjtJQUdsRyxJQUFNLFdBQVcsR0FBRyxNQUFNLENBQUE7SUFDMUIsSUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFB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
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import type { DividerProps } from '../../../components/divider/DividerProps';
|
|
4
3
|
import type { CheckboxProps } from '../../../components/checkbox/CheckboxProps';
|
|
5
|
-
import {
|
|
4
|
+
import type { DividerProps } from '../../../components/divider/DividerProps';
|
|
5
|
+
import { AlignableProps } from '../../../objects';
|
|
6
6
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
7
7
|
type CheckboxListChildrenTypes = React.ReactElement<CheckboxProps | DividerProps> | undefined;
|
|
8
8
|
/**
|
|
@@ -16,7 +16,7 @@ export interface CheckboxListProps {
|
|
|
16
16
|
* Checkbox List Web Interface
|
|
17
17
|
*/
|
|
18
18
|
export interface CheckboxListWebProps extends CheckboxListProps, CommonProps {
|
|
19
|
-
align?:
|
|
19
|
+
align?: AlignableProps['align'];
|
|
20
20
|
className?: string;
|
|
21
21
|
horizontalMobile?: boolean;
|
|
22
22
|
verticalDesktop?: boolean;
|
|
@@ -10,7 +10,15 @@ export default {
|
|
|
10
10
|
"ALIGNED_CENTER",
|
|
11
11
|
"ALIGNED_START",
|
|
12
12
|
"ALIGNED_END",
|
|
13
|
-
"ALIGNED_STRETCH"
|
|
13
|
+
"ALIGNED_STRETCH",
|
|
14
|
+
"CENTER",
|
|
15
|
+
"START",
|
|
16
|
+
"END",
|
|
17
|
+
"STRETCH",
|
|
18
|
+
"CENTER",
|
|
19
|
+
"START",
|
|
20
|
+
"END",
|
|
21
|
+
"STRETCH"
|
|
14
22
|
]
|
|
15
23
|
},
|
|
16
24
|
"className": {
|
|
@@ -31,7 +31,15 @@ export default {
|
|
|
31
31
|
"ALIGNED_CENTER",
|
|
32
32
|
"ALIGNED_START",
|
|
33
33
|
"ALIGNED_END",
|
|
34
|
-
"ALIGNED_STRETCH"
|
|
34
|
+
"ALIGNED_STRETCH",
|
|
35
|
+
"CENTER",
|
|
36
|
+
"START",
|
|
37
|
+
"END",
|
|
38
|
+
"STRETCH",
|
|
39
|
+
"CENTER",
|
|
40
|
+
"START",
|
|
41
|
+
"END",
|
|
42
|
+
"STRETCH"
|
|
35
43
|
]
|
|
36
44
|
},
|
|
37
45
|
"verticalAlign": {
|
|
@@ -45,7 +53,15 @@ export default {
|
|
|
45
53
|
"ALIGNED_CENTER",
|
|
46
54
|
"ALIGNED_START",
|
|
47
55
|
"ALIGNED_END",
|
|
48
|
-
"ALIGNED_STRETCH"
|
|
56
|
+
"ALIGNED_STRETCH",
|
|
57
|
+
"CENTER",
|
|
58
|
+
"START",
|
|
59
|
+
"END",
|
|
60
|
+
"STRETCH",
|
|
61
|
+
"CENTER",
|
|
62
|
+
"START",
|
|
63
|
+
"END",
|
|
64
|
+
"STRETCH"
|
|
49
65
|
]
|
|
50
66
|
},
|
|
51
67
|
"id": {
|
|
@@ -89,7 +89,15 @@ export default {
|
|
|
89
89
|
"ALIGNED_CENTER",
|
|
90
90
|
"ALIGNED_START",
|
|
91
91
|
"ALIGNED_END",
|
|
92
|
-
"ALIGNED_STRETCH"
|
|
92
|
+
"ALIGNED_STRETCH",
|
|
93
|
+
"CENTER",
|
|
94
|
+
"START",
|
|
95
|
+
"END",
|
|
96
|
+
"STRETCH",
|
|
97
|
+
"CENTER",
|
|
98
|
+
"START",
|
|
99
|
+
"END",
|
|
100
|
+
"STRETCH"
|
|
93
101
|
]
|
|
94
102
|
},
|
|
95
103
|
"verticalAlign": {
|
|
@@ -103,7 +111,15 @@ export default {
|
|
|
103
111
|
"ALIGNED_CENTER",
|
|
104
112
|
"ALIGNED_START",
|
|
105
113
|
"ALIGNED_END",
|
|
106
|
-
"ALIGNED_STRETCH"
|
|
114
|
+
"ALIGNED_STRETCH",
|
|
115
|
+
"CENTER",
|
|
116
|
+
"START",
|
|
117
|
+
"END",
|
|
118
|
+
"STRETCH",
|
|
119
|
+
"CENTER",
|
|
120
|
+
"START",
|
|
121
|
+
"END",
|
|
122
|
+
"STRETCH"
|
|
107
123
|
]
|
|
108
124
|
},
|
|
109
125
|
"id": {
|
|
@@ -284,7 +284,15 @@ export default {
|
|
|
284
284
|
"ALIGNED_CENTER",
|
|
285
285
|
"ALIGNED_START",
|
|
286
286
|
"ALIGNED_END",
|
|
287
|
-
"ALIGNED_STRETCH"
|
|
287
|
+
"ALIGNED_STRETCH",
|
|
288
|
+
"CENTER",
|
|
289
|
+
"START",
|
|
290
|
+
"END",
|
|
291
|
+
"STRETCH",
|
|
292
|
+
"CENTER",
|
|
293
|
+
"START",
|
|
294
|
+
"END",
|
|
295
|
+
"STRETCH"
|
|
288
296
|
]
|
|
289
297
|
},
|
|
290
298
|
"verticalAlign": {
|
|
@@ -298,7 +306,15 @@ export default {
|
|
|
298
306
|
"ALIGNED_CENTER",
|
|
299
307
|
"ALIGNED_START",
|
|
300
308
|
"ALIGNED_END",
|
|
301
|
-
"ALIGNED_STRETCH"
|
|
309
|
+
"ALIGNED_STRETCH",
|
|
310
|
+
"CENTER",
|
|
311
|
+
"START",
|
|
312
|
+
"END",
|
|
313
|
+
"STRETCH",
|
|
314
|
+
"CENTER",
|
|
315
|
+
"START",
|
|
316
|
+
"END",
|
|
317
|
+
"STRETCH"
|
|
302
318
|
]
|
|
303
319
|
},
|
|
304
320
|
"id": {
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DropdownProps } from './DropdownProps';
|
|
3
|
+
/**
|
|
4
|
+
* Dropdown Component - Wrapper for dropdown menu with automatic state management
|
|
5
|
+
* @param children {React.ReactNode} Children (DropdownTrigger, DropdownItem and DropdownGroup)
|
|
6
|
+
* @param isActive {boolean} Dropdown active/open state (for manual control)
|
|
7
|
+
* @param defaultOpen {boolean} Initial open state (for automatic control)
|
|
8
|
+
* @param onToggle {Function} Callback when dropdown state changes (for automatic control)
|
|
9
|
+
* @param className {string} Additional CSS classes
|
|
10
|
+
* @param testId {string} Test ID
|
|
11
|
+
*/
|
|
12
|
+
declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export default Dropdown;
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { useTrilogyContext } from '../../context';
|
|
4
|
+
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
5
|
+
import { is } from '../../services/classify';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { DropdownProvider, useDropdownContext } from './context';
|
|
9
|
+
import DropdownTrigger from './trigger/DropdownTrigger';
|
|
10
|
+
/**
|
|
11
|
+
* Internal Dropdown Content Component that uses the context
|
|
12
|
+
*/
|
|
13
|
+
var DropdownContent = React.forwardRef(function (_a, ref) {
|
|
14
|
+
var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "className", "testId"]);
|
|
15
|
+
var styled = useTrilogyContext().styled;
|
|
16
|
+
var dropdownRef = React.useRef(null);
|
|
17
|
+
var menuRef = React.useRef(null);
|
|
18
|
+
var hasDropdownTrigger = React.Children.toArray(children).some(function (child) { return React.isValidElement(child) && child.type === DropdownTrigger; });
|
|
19
|
+
var isOpen = useDropdownContext().isOpen;
|
|
20
|
+
React.useEffect(function () {
|
|
21
|
+
if (!isOpen || !dropdownRef.current || !menuRef.current)
|
|
22
|
+
return;
|
|
23
|
+
var dropdown = dropdownRef.current;
|
|
24
|
+
var menu = menuRef.current;
|
|
25
|
+
var checkPosition = function () {
|
|
26
|
+
var rect = dropdown.getBoundingClientRect();
|
|
27
|
+
var viewportHeight = window.innerHeight;
|
|
28
|
+
var spaceBelow = viewportHeight - rect.bottom - 8;
|
|
29
|
+
var spaceAbove = rect.top - 8;
|
|
30
|
+
var menuHeight = 300;
|
|
31
|
+
if (spaceBelow < menuHeight && spaceAbove >= menuHeight) {
|
|
32
|
+
menu.setAttribute('data-position', 'upward');
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
menu.removeAttribute('data-position');
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
requestAnimationFrame(checkPosition);
|
|
39
|
+
}, [isOpen]);
|
|
40
|
+
var classes = hashClass(styled, clsx('dropdown', isOpen && is('active'), !hasDropdownTrigger && 'dropdown-manual', className));
|
|
41
|
+
var triggerChildren = [];
|
|
42
|
+
var contentChildren = [];
|
|
43
|
+
if (hasDropdownTrigger) {
|
|
44
|
+
React.Children.forEach(children, function (child) {
|
|
45
|
+
if (React.isValidElement(child) && child.type === DropdownTrigger) {
|
|
46
|
+
triggerChildren.push(child);
|
|
47
|
+
}
|
|
48
|
+
else {
|
|
49
|
+
contentChildren.push(child);
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
return (React.createElement("div", __assign({ ref: function (node) {
|
|
54
|
+
if (dropdownRef.current !== node) {
|
|
55
|
+
dropdownRef.current = node;
|
|
56
|
+
}
|
|
57
|
+
if (typeof ref === 'function') {
|
|
58
|
+
ref(node);
|
|
59
|
+
}
|
|
60
|
+
else if (ref) {
|
|
61
|
+
ref.current = node;
|
|
62
|
+
}
|
|
63
|
+
}, className: classes, "data-testid": testId }, others),
|
|
64
|
+
hasDropdownTrigger ? triggerChildren : null,
|
|
65
|
+
React.createElement("div", { ref: menuRef, className: hashClass(styled, 'dropdown-menu') },
|
|
66
|
+
React.createElement("div", { className: hashClass(styled, 'dropdown-content') }, hasDropdownTrigger ? contentChildren : children))));
|
|
67
|
+
});
|
|
68
|
+
/**
|
|
69
|
+
* Dropdown Component - Wrapper for dropdown menu with automatic state management
|
|
70
|
+
* @param children {React.ReactNode} Children (DropdownTrigger, DropdownItem and DropdownGroup)
|
|
71
|
+
* @param isActive {boolean} Dropdown active/open state (for manual control)
|
|
72
|
+
* @param defaultOpen {boolean} Initial open state (for automatic control)
|
|
73
|
+
* @param onToggle {Function} Callback when dropdown state changes (for automatic control)
|
|
74
|
+
* @param className {string} Additional CSS classes
|
|
75
|
+
* @param testId {string} Test ID
|
|
76
|
+
*/
|
|
77
|
+
var Dropdown = React.forwardRef(function (_a, ref) {
|
|
78
|
+
var children = _a.children, isActive = _a.isActive, defaultOpen = _a.defaultOpen, onToggle = _a.onToggle, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "isActive", "defaultOpen", "onToggle", "className", "testId"]);
|
|
79
|
+
var hasDropdownTrigger = React.Children.toArray(children).some(function (child) { return React.isValidElement(child) && child.type === DropdownTrigger; });
|
|
80
|
+
var useTrigger = defaultOpen !== undefined || onToggle !== undefined || hasDropdownTrigger;
|
|
81
|
+
var isManualMode = !useTrigger && isActive !== undefined;
|
|
82
|
+
var providerDefaultOpen = isManualMode ? isActive : defaultOpen;
|
|
83
|
+
return (React.createElement(DropdownProvider, { defaultOpen: providerDefaultOpen, onToggle: onToggle },
|
|
84
|
+
React.createElement(DropdownContent, __assign({ ref: ref, className: className, testId: testId }, others), children)));
|
|
85
|
+
});
|
|
86
|
+
Dropdown.displayName = ComponentName.Dropdown;
|
|
87
|
+
export default Dropdown;
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2Ryb3Bkb3duL0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFaEUsT0FBTyxlQUFlLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQ7O0dBRUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxVQUNFLEVBS0MsRUFDRCxHQUFHO0lBTEQsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSlgsbUNBS0MsQ0FEVTtJQUlILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFBO0lBQ3RELElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFBO0lBRWxELElBQU0sa0JBQWtCLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUM5RCxVQUFDLEtBQUssSUFBSyxPQUFBLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLElBQUksS0FB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
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
var Dropdown = React.forwardRef(function (props, ref) {
|
|
4
|
+
return (React.createElement(React.Fragment, null));
|
|
5
|
+
});
|
|
6
|
+
Dropdown.displayName = ComponentName.Dropdown;
|
|
7
|
+
export default Dropdown;
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd24ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9kcm9wZG93bi9Ecm9wZG93bi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5QixJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFtQyxVQUFDLEtBQUssRUFBRSxHQUFHO0lBQzdFLE9BQU8sQ0FDTCx5Q0FBSyxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUU3QyxlQUFlLFFBQVEsQ0FBQSJ9
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
/**
|
|
4
|
+
* Dropdown Interface
|
|
5
|
+
*/
|
|
6
|
+
export interface DropdownProps {
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
isActive?: boolean;
|
|
9
|
+
defaultOpen?: boolean;
|
|
10
|
+
onToggle?: (isOpen: boolean) => void;
|
|
11
|
+
className?: string;
|
|
12
|
+
testId?: string;
|
|
13
|
+
}
|
|
14
|
+
export type DropdownRef = HTMLDivElement;
|
|
15
|
+
export type DropdownNativeRef = View;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"children": {
|
|
3
|
+
"type": "react",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"null",
|
|
7
|
+
"string",
|
|
8
|
+
"number",
|
|
9
|
+
"false",
|
|
10
|
+
"true",
|
|
11
|
+
"JSXElementConstructor<any>>",
|
|
12
|
+
"ReactNode>",
|
|
13
|
+
"ReactPortal"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"isActive": {
|
|
17
|
+
"type": "boolean",
|
|
18
|
+
"values": [
|
|
19
|
+
"undefined",
|
|
20
|
+
"false",
|
|
21
|
+
"true"
|
|
22
|
+
]
|
|
23
|
+
},
|
|
24
|
+
"defaultOpen": {
|
|
25
|
+
"type": "boolean",
|
|
26
|
+
"values": [
|
|
27
|
+
"undefined",
|
|
28
|
+
"false",
|
|
29
|
+
"true"
|
|
30
|
+
]
|
|
31
|
+
},
|
|
32
|
+
"onToggle": {
|
|
33
|
+
"type": "function",
|
|
34
|
+
"values": [
|
|
35
|
+
"undefined",
|
|
36
|
+
"(isOpen: boolean) => void"
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
"className": {
|
|
40
|
+
"type": "string",
|
|
41
|
+
"values": [
|
|
42
|
+
"undefined",
|
|
43
|
+
"string"
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
"testId": {
|
|
47
|
+
"type": "string",
|
|
48
|
+
"values": [
|
|
49
|
+
"undefined",
|
|
50
|
+
"string"
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
interface DropdownContextType {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
toggle: () => void;
|
|
5
|
+
open: () => void;
|
|
6
|
+
close: () => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const useDropdownContext: () => DropdownContextType;
|
|
9
|
+
interface DropdownProviderProps {
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
defaultOpen?: boolean;
|
|
12
|
+
onToggle?: (isOpen: boolean) => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const DropdownProvider: React.FC<DropdownProviderProps>;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { __read } from "tslib";
|
|
2
|
+
import React, { createContext, useContext, useState } from 'react';
|
|
3
|
+
var DropdownContext = createContext(undefined);
|
|
4
|
+
export var useDropdownContext = function () {
|
|
5
|
+
var context = useContext(DropdownContext);
|
|
6
|
+
if (!context) {
|
|
7
|
+
throw new Error('useDropdownContext must be used within a DropdownProvider');
|
|
8
|
+
}
|
|
9
|
+
return context;
|
|
10
|
+
};
|
|
11
|
+
export var DropdownProvider = function (_a) {
|
|
12
|
+
var children = _a.children, _b = _a.defaultOpen, defaultOpen = _b === void 0 ? false : _b, onToggle = _a.onToggle;
|
|
13
|
+
var _c = __read(useState(defaultOpen), 2), isOpen = _c[0], setIsOpen = _c[1];
|
|
14
|
+
var toggle = function () {
|
|
15
|
+
var newState = !isOpen;
|
|
16
|
+
setIsOpen(newState);
|
|
17
|
+
onToggle === null || onToggle === void 0 ? void 0 : onToggle(newState);
|
|
18
|
+
};
|
|
19
|
+
var open = function () {
|
|
20
|
+
setIsOpen(true);
|
|
21
|
+
onToggle === null || onToggle === void 0 ? void 0 : onToggle(true);
|
|
22
|
+
};
|
|
23
|
+
var close = function () {
|
|
24
|
+
setIsOpen(false);
|
|
25
|
+
onToggle === null || onToggle === void 0 ? void 0 : onToggle(false);
|
|
26
|
+
};
|
|
27
|
+
var value = {
|
|
28
|
+
isOpen: isOpen,
|
|
29
|
+
toggle: toggle,
|
|
30
|
+
open: open,
|
|
31
|
+
close: close,
|
|
32
|
+
};
|
|
33
|
+
return (React.createElement(DropdownContext.Provider, { value: value }, children));
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25Db250ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9kcm9wZG93bi9jb250ZXh0L0Ryb3Bkb3duQ29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQWEsTUFBTSxPQUFPLENBQUE7QUFTN0UsSUFBTSxlQUFlLEdBQUcsYUFBYSxDQUFrQyxTQUFTLENBQUMsQ0FBQTtBQUVqRixNQUFNLENBQUMsSUFBTSxrQkFBa0IsR0FBRztJQUNoQyxJQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsZUFBZSxDQUFDLENBQUE7SUFDM0MsSUFBSSxDQUFDLE9BQU8sRUFBRTtRQUNaLE1BQU0sSUFBSSxLQUFLLENBQUMsMkRBQTJELENBQUMsQ0FBQTtLQUM3RTtJQUNELE9BQU8sT0FBTyxDQUFBO0FBQ2hCLENBQUMsQ0FBQTtBQVFELE1BQU0sQ0FBQyxJQUFNLGdCQUFnQixHQUFvQyxVQUFDLEVBSWpFO1FBSEMsUUFBUSxjQUFBLEVBQ1IsbUJBQW1CLEVBQW5CLFdBQVcsbUJBQUcsS0FBSyxLQUFBLEVBQ25CLFFBQVEsY0FBQTtJQUVGLElBQUEsS0FBQSxPQUFzQixRQUFRLENBQUMsV0FBVyxDQUFDLElBQUEsRUFBMUMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUF5QixDQUFBO0lBRWpELElBQU0sTUFBTSxHQUFHO1FBQ2IsSUFBTSxRQUFRLEdBQUcsQ0FBQyxNQUFNLENBQUE7UUFDeEIsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFBO1FBQ25CLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxRQUFRLENBQUMsQ0FBQTtJQUN0QixDQUFDLENBQUE7SUFFRCxJQUFNLElBQUksR0FBRztRQUNYLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUNmLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxJQUFJLENBQUMsQ0FBQTtJQUNsQixDQUFDLENBQUE7SUFFRCxJQUFNLEtBQUssR0FBRztRQUNaLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNoQixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsS0FBSyxDQUFDLENBQUE7SUFDbkIsQ0FBQyxDQUFBO0lBRUQsSUFBTSxLQUFLLEdBQUc7UUFDWixNQUFNLFFBQUE7UUFDTixNQUFNLFFBQUE7UUFDTixJQUFJLE1BQUE7UUFDSixLQUFLLE9BQUE7S0FDTixDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLGVBQWUsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEtBQUssSUFDbkMsUUFBUSxDQUNnQixDQUM1QixDQUFBO0FBQ0gsQ0FBQyxDQUFBIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DropdownProvider, useDropdownContext } from './DropdownContext';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { DropdownProvider, useDropdownContext } from './DropdownContext';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2Ryb3Bkb3duL2NvbnRleHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUJBQW1CLENBQUEifQ==
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DropdownGroupProps } from './DropdownGroupProps';
|
|
3
|
+
/**
|
|
4
|
+
* DropdownGroup Component
|
|
5
|
+
* @param children {React.ReactNode} Children
|
|
6
|
+
* @param hideSeparator {boolean} Hide separator at the top of the group
|
|
7
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
8
|
+
* @param className {string} Additional CSS Classes
|
|
9
|
+
* @param testId {string} Test id
|
|
10
|
+
*/
|
|
11
|
+
declare const DropdownGroup: React.ForwardRefExoticComponent<DropdownGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export default DropdownGroup;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { useTrilogyContext } from '../../../context';
|
|
4
|
+
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
5
|
+
import { is } from '../../../services/classify';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
/**
|
|
9
|
+
* DropdownGroup Component
|
|
10
|
+
* @param children {React.ReactNode} Children
|
|
11
|
+
* @param hideSeparator {boolean} Hide separator at the top of the group
|
|
12
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
13
|
+
* @param className {string} Additional CSS Classes
|
|
14
|
+
* @param testId {string} Test id
|
|
15
|
+
*/
|
|
16
|
+
var DropdownGroup = React.forwardRef(function (_a, ref) {
|
|
17
|
+
var className = _a.className, id = _a.id, children = _a.children, hideSeparator = _a.hideSeparator, testId = _a.testId, others = __rest(_a, ["className", "id", "children", "hideSeparator", "testId"]);
|
|
18
|
+
var styled = useTrilogyContext().styled;
|
|
19
|
+
var classes = hashClass(styled, clsx('dropdown-group', hideSeparator && is('no-separator'), className));
|
|
20
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, className: classes, role: "group", "data-testid": testId }, others), children));
|
|
21
|
+
});
|
|
22
|
+
DropdownGroup.displayName = ComponentName.DropdownGroup;
|
|
23
|
+
export default DropdownGroup;
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25Hcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvZHJvcGRvd24vZ3JvdXAvRHJvcGRvd25Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7R0FPRztBQUNILElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQ0UsRUFPQyxFQUNELEdBQUc7SUFQRCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLFFBQVEsY0FBQSxFQUNSLGFBQWEsbUJBQUEsRUFDYixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBTlgsMERBT0MsQ0FEVTtJQUlILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixnQkFBZ0IsRUFDaEIsYUFBYSxJQUFJLEVBQUUsQ0FBQyxjQUFjLENBQUMsRUFDbkMsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFDLE9BQU8saUJBQ0MsTUFBTSxJQUNmLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxhQUFhLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxhQUFhLENBQUE7QUFDdkQsZUFBZSxhQUFhLENBQUEifQ==
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
var DropdownGroup = React.forwardRef(function (props, ref) {
|
|
4
|
+
return (React.createElement(React.Fragment, null));
|
|
5
|
+
});
|
|
6
|
+
DropdownGroup.displayName = ComponentName.DropdownGroup;
|
|
7
|
+
export default DropdownGroup;
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25Hcm91cC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2Ryb3Bkb3duL2dyb3VwL0Ryb3Bkb3duR3JvdXAubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUIsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBNkMsVUFBQyxLQUFLLEVBQUUsR0FBRztJQUM1RixPQUFPLENBQ0wseUNBQUssQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixhQUFhLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxhQUFhLENBQUE7QUFFdkQsZUFBZSxhQUFhLENBQUEifQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { Accessibility } from '../../../objects/facets/Accessibility';
|
|
4
|
+
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
5
|
+
import { Dev } from '../../../objects/facets/Dev';
|
|
6
|
+
/**
|
|
7
|
+
* DropdownGroup Interface
|
|
8
|
+
*/
|
|
9
|
+
export interface DropdownGroupProps extends Accessibility, Dev, CommonProps {
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
hideSeparator?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export type DropdownGroupRef = HTMLDivElement;
|
|
14
|
+
export type DropdownGroupNativeRef = View;
|