@trilogy-ds/react 0.0.1-beta-123 → 0.0.1-beta-126
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/accordion/AccordionProps.d.ts +2 -2
- package/lib/components/accordion/AccordionPropsDefaults.js +0 -15
- package/lib/components/accordion/body/AccordionBody.d.ts +1 -2
- package/lib/components/accordion/body/AccordionBody.js +3 -4
- package/lib/components/accordion/body/AccordionBodyProps.d.ts +2 -3
- package/lib/components/accordion/body/AccordionBodyPropsDefaults.js +0 -22
- package/lib/components/accordion/header/AccordionHeaderProps.d.ts +2 -3
- package/lib/components/accordion/header/AccordionHeaderPropsDefaults.js +0 -22
- package/lib/components/accordion/item/AccordionItem.js +1 -2
- package/lib/components/alert/AlertProps.d.ts +3 -3
- package/lib/components/alert/AlertPropsDefaults.js +2 -10
- package/lib/components/alert/ToasterStatusPropsDefaults.js +2 -10
- package/lib/components/alert/context/ToastPropsDefaults.js +0 -15
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +2 -10
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +2 -10
- package/lib/components/badge/BadgeProps.d.ts +2 -2
- package/lib/components/badge/BadgePropsDefaults.js +4 -12
- package/lib/components/box/Box.d.ts +2 -1
- package/lib/components/box/Box.js +4 -3
- package/lib/components/box/Box.native.d.ts +2 -1
- package/lib/components/box/Box.native.js +4 -3
- package/lib/components/box/BoxProps.d.ts +3 -2
- package/lib/components/box/BoxPropsDefaults.js +10 -10
- package/lib/components/box/content/BoxContentProps.d.ts +2 -2
- package/lib/components/box/content/BoxContentPropsDefaults.js +2 -10
- package/lib/components/box/footer/BoxFooterProps.d.ts +2 -2
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +2 -10
- package/lib/components/box/header/BoxHeader.d.ts +1 -4
- package/lib/components/box/header/BoxHeader.js +3 -6
- package/lib/components/box/header/BoxHeader.native.d.ts +1 -4
- package/lib/components/box/header/BoxHeader.native.js +4 -9
- package/lib/components/box/header/BoxHeaderProps.d.ts +3 -6
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +3 -38
- package/lib/components/box/table-container/BoxTableContainerProps.d.ts +2 -2
- package/lib/components/box/table-container/BoxTableContainerPropsDefaults.js +2 -10
- package/lib/components/breadcrumb/BreadcrumbProps.d.ts +3 -3
- package/lib/components/breadcrumb/BreadcrumbPropsDefaults.js +2 -10
- package/lib/components/breadcrumb/BreadcrumbWebPropsDefaults.js +2 -10
- package/lib/components/breadcrumb/item/BreadcrumbItemProps.d.ts +3 -3
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsDefaults.js +6 -14
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +7 -15
- package/lib/components/button/ButtonProps.d.ts +2 -2
- package/lib/components/button/ButtonPropsDefaults.js +7 -15
- package/lib/components/button/list/ButtonList.native.d.ts +1 -5
- package/lib/components/button/list/ButtonList.native.js +4 -17
- package/lib/components/button/list/ButtonListProps.d.ts +2 -2
- package/lib/components/button/list/ButtonListPropsDefaults.js +0 -9
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +0 -9
- package/lib/components/card/CardProps.d.ts +2 -2
- package/lib/components/card/CardPropsDefaults.js +7 -15
- package/lib/components/card/content/CardContentProps.d.ts +7 -7
- package/lib/components/card/content/CardContentPropsDefaults.js +2 -10
- package/lib/components/checkbox/CheckboxProps.d.ts +2 -2
- package/lib/components/checkbox/CheckboxPropsDefaults.js +2 -10
- package/lib/components/chips/ChipsProps.d.ts +2 -2
- package/lib/components/chips/ChipsPropsDefaults.js +2 -10
- package/lib/components/columns/Columns.d.ts +0 -1
- package/lib/components/columns/Columns.js +4 -4
- package/lib/components/columns/Columns.native.d.ts +2 -3
- package/lib/components/columns/Columns.native.js +7 -7
- package/lib/components/columns/ColumnsProps.d.ts +3 -4
- package/lib/components/columns/ColumnsPropsDefaults.js +11 -43
- package/lib/components/columns/item/ColumnsItem.d.ts +1 -1
- package/lib/components/columns/item/ColumnsItem.js +5 -6
- package/lib/components/columns/item/ColumnsItem.native.d.ts +1 -1
- package/lib/components/columns/item/ColumnsItem.native.js +2 -4
- package/lib/components/columns/item/ColumnsItemProps.d.ts +1 -3
- package/lib/components/columns/item/ColumnsItemPropsDefaults.js +14 -46
- package/lib/components/container/Container.d.ts +1 -13
- package/lib/components/container/Container.js +5 -32
- package/lib/components/container/Container.native.d.ts +2 -12
- package/lib/components/container/Container.native.js +7 -50
- package/lib/components/container/ContainerProps.d.ts +1 -8
- package/lib/components/container/ContainerPropsDefaults.js +0 -144
- package/lib/components/enumsComponentsName.d.ts +0 -1
- package/lib/components/enumsComponentsName.js +1 -2
- package/lib/components/fab/FabProps.d.ts +2 -2
- package/lib/components/fab/FabPropsDefaults.js +6 -14
- package/lib/components/icon/IconProps.d.ts +2 -2
- package/lib/components/icon/IconPropsDefaults.js +2 -10
- package/lib/components/icon/circle/CircleIconProps.d.ts +3 -3
- package/lib/components/icon/circle/CircleIconPropsDefaults.js +2 -10
- package/lib/components/icon/status/StatusIconProps.d.ts +2 -2
- package/lib/components/icon/status/StatusIconPropsDefaults.js +2 -10
- package/lib/components/icon/text/TextIconProps.d.ts +2 -2
- package/lib/components/icon/text/TextIconPropsDefaults.js +2 -10
- package/lib/components/index.d.ts +0 -1
- package/lib/components/index.js +1 -2
- package/lib/components/input/InputProps.d.ts +2 -2
- package/lib/components/input/InputPropsDefaults.js +2 -10
- package/lib/components/link/LinkProps.d.ts +4 -4
- package/lib/components/link/LinkPropsDefaults.js +6 -14
- package/lib/components/list/ListProps.d.ts +2 -2
- package/lib/components/list/ListPropsDefaults.js +2 -10
- package/lib/components/list/item/ListItemProps.d.ts +3 -3
- package/lib/components/list/item/ListItemPropsDefaults.js +2 -10
- package/lib/components/modal/ModalProps.d.ts +2 -2
- package/lib/components/modal/ModalPropsDefaults.js +2 -10
- package/lib/components/pagination/Pagination.js +1 -1
- package/lib/components/pagination/PaginationProps.d.ts +2 -2
- package/lib/components/pagination/PaginationPropsDefaults.js +2 -10
- package/lib/components/popover/PopoverProps.d.ts +2 -2
- package/lib/components/popover/PopoverWebPropsDefaults.js +2 -10
- package/lib/components/price/PriceProps.d.ts +2 -2
- package/lib/components/price/PricePropsDefaults.js +7 -15
- package/lib/components/progress/Progress.js +2 -2
- package/lib/components/progress/item/ProgressItemPropsDefaults.js +0 -15
- package/lib/components/radio/RadioProps.d.ts +2 -2
- package/lib/components/radio/RadioPropsDefaults.js +2 -10
- package/lib/components/range/RangeProps.d.ts +2 -2
- package/lib/components/range/RangePropsDefaults.js +2 -10
- package/lib/components/select/SelectProps.d.ts +2 -2
- package/lib/components/select/SelectPropsDefaults.js +2 -10
- package/lib/components/select/option/SelectOption.native.js +7 -6
- package/lib/components/select/option/SelectOptionProps.d.ts +2 -2
- package/lib/components/select/option/SelectOptionPropsDefaults.js +2 -10
- package/lib/components/tabs/TabsProps.d.ts +2 -2
- package/lib/components/tabs/TabsPropsDefaults.js +2 -10
- package/lib/components/tabs/item/TabsItemProps.d.ts +2 -2
- package/lib/components/tabs/item/TabsItemPropsDefaults.js +2 -10
- package/lib/components/tag/TagProps.d.ts +2 -2
- package/lib/components/tag/TagPropsDefaults.js +2 -10
- package/lib/components/text/TextProps.d.ts +6 -6
- package/lib/components/text/TextPropsDefaults.js +6 -14
- package/lib/components/textarea/TextareaProps.d.ts +3 -3
- package/lib/components/timeline/marker/TimelineMarkerProps.d.ts +2 -2
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +2 -10
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +2 -10
- package/lib/components/title/TitleProps.d.ts +2 -2
- package/lib/components/title/TitlePropsDefaults.js +7 -15
- package/lib/components/view/ViewPropsDefaults.js +0 -15
- package/lib/context/provider.js +2 -2
- package/lib/objects/facets/Accessibility.d.ts +0 -2
- package/lib/objects/facets/Color.js +2 -2
- package/lib/objects/facets/Dev.d.ts +3 -0
- package/lib/objects/facets/Dev.js +2 -0
- package/lib/objects/facets/Variant.js +1 -5
- package/lib/objects/facets/index.d.ts +1 -0
- package/lib/objects/facets/index.js +2 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/components/selector/Selector.d.ts +0 -23
- package/lib/components/selector/Selector.js +0 -74
- package/lib/components/selector/Selector.native.d.ts +0 -21
- package/lib/components/selector/Selector.native.js +0 -78
- package/lib/components/selector/SelectorEndDefaults.js +0 -10
- package/lib/components/selector/SelectorProps.d.ts +0 -22
- package/lib/components/selector/SelectorProps.js +0 -2
- package/lib/components/selector/SelectorPropsDefaults.js +0 -128
- package/lib/components/selector/index.d.ts +0 -3
- package/lib/components/selector/index.js +0 -4
- package/lib/components/selector/item/SelectorItem.d.ts +0 -19
- package/lib/components/selector/item/SelectorItem.js +0 -47
- package/lib/components/selector/item/SelectorItem.native.d.ts +0 -19
- package/lib/components/selector/item/SelectorItem.native.js +0 -95
- package/lib/components/selector/item/SelectorItemProps.d.ts +0 -14
- package/lib/components/selector/item/SelectorItemProps.js +0 -2
- package/lib/components/selector/item/SelectorItemPropsDefaults.js +0 -84
- package/lib/components/selector/item/index.d.ts +0 -2
- package/lib/components/selector/item/index.js +0 -3
|
@@ -17,10 +17,10 @@ export default {
|
|
|
17
17
|
"type": "string",
|
|
18
18
|
"values": [
|
|
19
19
|
"undefined",
|
|
20
|
-
"4",
|
|
21
20
|
"1",
|
|
22
21
|
"2",
|
|
23
22
|
"3",
|
|
23
|
+
"4",
|
|
24
24
|
"5",
|
|
25
25
|
"6",
|
|
26
26
|
"7",
|
|
@@ -35,10 +35,10 @@ export default {
|
|
|
35
35
|
"type": "string",
|
|
36
36
|
"values": [
|
|
37
37
|
"undefined",
|
|
38
|
-
"4",
|
|
39
38
|
"1",
|
|
40
39
|
"2",
|
|
41
40
|
"3",
|
|
41
|
+
"4",
|
|
42
42
|
"5",
|
|
43
43
|
"6",
|
|
44
44
|
"7",
|
|
@@ -53,10 +53,10 @@ export default {
|
|
|
53
53
|
"type": "string",
|
|
54
54
|
"values": [
|
|
55
55
|
"undefined",
|
|
56
|
-
"4",
|
|
57
56
|
"1",
|
|
58
57
|
"2",
|
|
59
58
|
"3",
|
|
59
|
+
"4",
|
|
60
60
|
"5",
|
|
61
61
|
"6",
|
|
62
62
|
"7",
|
|
@@ -71,10 +71,10 @@ export default {
|
|
|
71
71
|
"type": "string",
|
|
72
72
|
"values": [
|
|
73
73
|
"undefined",
|
|
74
|
-
"4",
|
|
75
74
|
"1",
|
|
76
75
|
"2",
|
|
77
76
|
"3",
|
|
77
|
+
"4",
|
|
78
78
|
"5",
|
|
79
79
|
"6",
|
|
80
80
|
"7",
|
|
@@ -89,10 +89,10 @@ export default {
|
|
|
89
89
|
"type": "string",
|
|
90
90
|
"values": [
|
|
91
91
|
"undefined",
|
|
92
|
-
"4",
|
|
93
92
|
"1",
|
|
94
93
|
"2",
|
|
95
94
|
"3",
|
|
95
|
+
"4",
|
|
96
96
|
"5",
|
|
97
97
|
"6",
|
|
98
98
|
"7",
|
|
@@ -107,10 +107,10 @@ export default {
|
|
|
107
107
|
"type": "string",
|
|
108
108
|
"values": [
|
|
109
109
|
"undefined",
|
|
110
|
-
"4",
|
|
111
110
|
"1",
|
|
112
111
|
"2",
|
|
113
112
|
"3",
|
|
113
|
+
"4",
|
|
114
114
|
"5",
|
|
115
115
|
"6",
|
|
116
116
|
"7",
|
|
@@ -125,10 +125,10 @@ export default {
|
|
|
125
125
|
"type": "string",
|
|
126
126
|
"values": [
|
|
127
127
|
"undefined",
|
|
128
|
-
"4",
|
|
129
128
|
"1",
|
|
130
129
|
"2",
|
|
131
130
|
"3",
|
|
131
|
+
"4",
|
|
132
132
|
"5",
|
|
133
133
|
"6",
|
|
134
134
|
"7",
|
|
@@ -143,10 +143,10 @@ export default {
|
|
|
143
143
|
"type": "string",
|
|
144
144
|
"values": [
|
|
145
145
|
"undefined",
|
|
146
|
-
"4",
|
|
147
146
|
"1",
|
|
148
147
|
"2",
|
|
149
148
|
"3",
|
|
149
|
+
"4",
|
|
150
150
|
"5",
|
|
151
151
|
"6",
|
|
152
152
|
"7",
|
|
@@ -161,10 +161,10 @@ export default {
|
|
|
161
161
|
"type": "string",
|
|
162
162
|
"values": [
|
|
163
163
|
"undefined",
|
|
164
|
-
"4",
|
|
165
164
|
"1",
|
|
166
165
|
"2",
|
|
167
166
|
"3",
|
|
167
|
+
"4",
|
|
168
168
|
"5",
|
|
169
169
|
"6",
|
|
170
170
|
"7",
|
|
@@ -179,10 +179,10 @@ export default {
|
|
|
179
179
|
"type": "string",
|
|
180
180
|
"values": [
|
|
181
181
|
"undefined",
|
|
182
|
-
"4",
|
|
183
182
|
"1",
|
|
184
183
|
"2",
|
|
185
184
|
"3",
|
|
185
|
+
"4",
|
|
186
186
|
"5",
|
|
187
187
|
"6",
|
|
188
188
|
"7",
|
|
@@ -197,10 +197,10 @@ export default {
|
|
|
197
197
|
"type": "string",
|
|
198
198
|
"values": [
|
|
199
199
|
"undefined",
|
|
200
|
-
"4",
|
|
201
200
|
"1",
|
|
202
201
|
"2",
|
|
203
202
|
"3",
|
|
203
|
+
"4",
|
|
204
204
|
"5",
|
|
205
205
|
"6",
|
|
206
206
|
"7",
|
|
@@ -215,10 +215,10 @@ export default {
|
|
|
215
215
|
"type": "string",
|
|
216
216
|
"values": [
|
|
217
217
|
"undefined",
|
|
218
|
-
"4",
|
|
219
218
|
"1",
|
|
220
219
|
"2",
|
|
221
220
|
"3",
|
|
221
|
+
"4",
|
|
222
222
|
"5",
|
|
223
223
|
"6",
|
|
224
224
|
"7",
|
|
@@ -233,10 +233,10 @@ export default {
|
|
|
233
233
|
"type": "string",
|
|
234
234
|
"values": [
|
|
235
235
|
"undefined",
|
|
236
|
-
"4",
|
|
237
236
|
"1",
|
|
238
237
|
"2",
|
|
239
238
|
"3",
|
|
239
|
+
"4",
|
|
240
240
|
"5",
|
|
241
241
|
"6",
|
|
242
242
|
"7",
|
|
@@ -251,10 +251,10 @@ export default {
|
|
|
251
251
|
"type": "string",
|
|
252
252
|
"values": [
|
|
253
253
|
"undefined",
|
|
254
|
-
"4",
|
|
255
254
|
"1",
|
|
256
255
|
"2",
|
|
257
256
|
"3",
|
|
257
|
+
"4",
|
|
258
258
|
"5",
|
|
259
259
|
"6",
|
|
260
260
|
"7",
|
|
@@ -287,37 +287,5 @@ export default {
|
|
|
287
287
|
"false",
|
|
288
288
|
"true"
|
|
289
289
|
]
|
|
290
|
-
},
|
|
291
|
-
"centered": {
|
|
292
|
-
"type": "boolean",
|
|
293
|
-
"values": [
|
|
294
|
-
"undefined",
|
|
295
|
-
"false",
|
|
296
|
-
"true"
|
|
297
|
-
]
|
|
298
|
-
},
|
|
299
|
-
"align": {
|
|
300
|
-
"type": "enum",
|
|
301
|
-
"values": [
|
|
302
|
-
"undefined",
|
|
303
|
-
"ALIGNED_CENTER",
|
|
304
|
-
"ALIGNED_START",
|
|
305
|
-
"ALIGNED_END",
|
|
306
|
-
"ALIGNED_CENTER",
|
|
307
|
-
"ALIGNED_START",
|
|
308
|
-
"ALIGNED_END"
|
|
309
|
-
]
|
|
310
|
-
},
|
|
311
|
-
"verticalAlign": {
|
|
312
|
-
"type": "enum",
|
|
313
|
-
"values": [
|
|
314
|
-
"undefined",
|
|
315
|
-
"ALIGNED_CENTER",
|
|
316
|
-
"ALIGNED_START",
|
|
317
|
-
"ALIGNED_END",
|
|
318
|
-
"ALIGNED_CENTER",
|
|
319
|
-
"ALIGNED_START",
|
|
320
|
-
"ALIGNED_END"
|
|
321
|
-
]
|
|
322
290
|
}
|
|
323
291
|
};
|
|
@@ -2,21 +2,9 @@
|
|
|
2
2
|
import { ContainerProps } from "./ContainerProps";
|
|
3
3
|
/**
|
|
4
4
|
* Container Component
|
|
5
|
-
* @param centered {boolean} Centered horizontaly
|
|
6
|
-
* @param verticalCentered {boolean} Centered verticaly
|
|
7
5
|
* @param children {React.ReactNode}
|
|
8
|
-
* @param sticky {StickyPosition} Container sticky top / bottom
|
|
9
|
-
* @param stickyOffSetTop {Number} Set top of sticky container (transformed in px)
|
|
10
|
-
* @param stickyOffSetBottom {Number} Set bottom of sticky container (transformed in px)
|
|
11
|
-
* @param backgroundColor {TrilogyColor} Container STICKY Background Color
|
|
12
6
|
* @param medium {boolean} Set medium container
|
|
13
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
7
|
* @param className {string} Additionnal CSS Classes
|
|
15
|
-
* @param backgroundSrc {string}
|
|
16
|
-
* @param inverted {boolean} Inverted
|
|
17
|
-
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
18
|
-
* @param paddingless {boolean} remove padding
|
|
19
|
-
* @param verticalPaddingless {boolean} remove vertical padding
|
|
20
8
|
*/
|
|
21
|
-
declare const Container: ({ className,
|
|
9
|
+
declare const Container: ({ className, medium, ...others }: ContainerProps) => JSX.Element;
|
|
22
10
|
export default Container;
|
|
@@ -1,47 +1,20 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { is } from "../../services/classify";
|
|
4
4
|
import clsx from "clsx";
|
|
5
5
|
import { hashClass } from "../../helpers";
|
|
6
6
|
import { useTrilogyContext } from "../../context";
|
|
7
|
-
import { getBackgroundClassName, StickyPosition } from "../../objects";
|
|
8
7
|
/**
|
|
9
8
|
* Container Component
|
|
10
|
-
* @param centered {boolean} Centered horizontaly
|
|
11
|
-
* @param verticalCentered {boolean} Centered verticaly
|
|
12
9
|
* @param children {React.ReactNode}
|
|
13
|
-
* @param sticky {StickyPosition} Container sticky top / bottom
|
|
14
|
-
* @param stickyOffSetTop {Number} Set top of sticky container (transformed in px)
|
|
15
|
-
* @param stickyOffSetBottom {Number} Set bottom of sticky container (transformed in px)
|
|
16
|
-
* @param backgroundColor {TrilogyColor} Container STICKY Background Color
|
|
17
10
|
* @param medium {boolean} Set medium container
|
|
18
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
19
11
|
* @param className {string} Additionnal CSS Classes
|
|
20
|
-
* @param backgroundSrc {string}
|
|
21
|
-
* @param inverted {boolean} Inverted
|
|
22
|
-
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
23
|
-
* @param paddingless {boolean} remove padding
|
|
24
|
-
* @param verticalPaddingless {boolean} remove vertical padding
|
|
25
12
|
*/
|
|
26
13
|
var Container = function (_a) {
|
|
27
|
-
var className = _a.className,
|
|
14
|
+
var className = _a.className, medium = _a.medium, others = __rest(_a, ["className", "medium"]);
|
|
28
15
|
var styled = useTrilogyContext().styled;
|
|
29
|
-
var
|
|
30
|
-
|
|
31
|
-
case StickyPosition.TOP:
|
|
32
|
-
return is("sticky-top");
|
|
33
|
-
case StickyPosition.BOTTOM:
|
|
34
|
-
return is("sticky-bottom");
|
|
35
|
-
default:
|
|
36
|
-
return "";
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
var classes = hashClass(styled, clsx("container", medium && is("medium"), centered && is("centered"), fullwidth && is("fullwidth"), verticalCentered && is("vcentered"), sticky && stickyClassName(), backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), className));
|
|
40
|
-
var styles = {
|
|
41
|
-
top: stickyOffSetTop,
|
|
42
|
-
bottom: stickyOffSetBottom,
|
|
43
|
-
};
|
|
44
|
-
return React.createElement("div", __assign({ className: classes }, others, { style: styles }));
|
|
16
|
+
var classes = hashClass(styled, clsx("container", medium && is("medium"), className));
|
|
17
|
+
return React.createElement("div", __assign({ className: classes }, others));
|
|
45
18
|
};
|
|
46
19
|
export default Container;
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7R0FLRztBQUVILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFJRjtJQUhmLElBQUEsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQUhRLHVCQUlsQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFdBQVcsRUFDWCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxzQ0FBSyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2hELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -4,20 +4,10 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
4
4
|
/**
|
|
5
5
|
* Container Native Component
|
|
6
6
|
* @param autolayout {boolean} Apply auto-layout rules
|
|
7
|
-
* @param
|
|
8
|
-
* @param verticalCentered {boolean} Align center vertically all content
|
|
9
|
-
* @param children {React.ReactNode}
|
|
10
|
-
* @param sticky {StickyPosition} Container sticky top / bottom
|
|
11
|
-
* @param stickyOffSetTop {Number | string} Set top of sticky container
|
|
12
|
-
* @param stickyOffSetBottom {Number | string} Set bottom of sticky container
|
|
13
|
-
* @param backgroundColor {TrilogyColor} Container sticky Background Color
|
|
14
|
-
* @param pulledRight {Boolean} Container pulled to right
|
|
15
|
-
* @param pulledLeft {Boolean} Container pulled to left
|
|
16
|
-
* @param paddingless {boolean} remove padding
|
|
17
|
-
* @param verticalPaddingless {boolean} remove vertical padding
|
|
7
|
+
* @param children {React.ReactNode
|
|
18
8
|
*/
|
|
19
9
|
declare const Container: {
|
|
20
|
-
({ children,
|
|
10
|
+
({ children, ...others }: ContainerProps): JSX.Element;
|
|
21
11
|
displayName: ComponentName;
|
|
22
12
|
};
|
|
23
13
|
export default Container;
|
|
@@ -1,67 +1,24 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { StyleSheet, View } from "react-native";
|
|
4
|
-
import { getColorStyle, StickyPosition, TrilogyColor, } from "../../objects";
|
|
5
4
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
6
5
|
/**
|
|
7
6
|
* Container Native Component
|
|
8
7
|
* @param autolayout {boolean} Apply auto-layout rules
|
|
9
|
-
* @param
|
|
10
|
-
* @param verticalCentered {boolean} Align center vertically all content
|
|
11
|
-
* @param children {React.ReactNode}
|
|
12
|
-
* @param sticky {StickyPosition} Container sticky top / bottom
|
|
13
|
-
* @param stickyOffSetTop {Number | string} Set top of sticky container
|
|
14
|
-
* @param stickyOffSetBottom {Number | string} Set bottom of sticky container
|
|
15
|
-
* @param backgroundColor {TrilogyColor} Container sticky Background Color
|
|
16
|
-
* @param pulledRight {Boolean} Container pulled to right
|
|
17
|
-
* @param pulledLeft {Boolean} Container pulled to left
|
|
18
|
-
* @param paddingless {boolean} remove padding
|
|
19
|
-
* @param verticalPaddingless {boolean} remove vertical padding
|
|
8
|
+
* @param children {React.ReactNode
|
|
20
9
|
*/
|
|
21
10
|
var Container = function (_a) {
|
|
22
|
-
var children = _a.children,
|
|
11
|
+
var children = _a.children, others = __rest(_a, ["children"]);
|
|
23
12
|
var styles = StyleSheet.create({
|
|
24
13
|
container: {
|
|
25
14
|
width: "100%",
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
paddingLeft: paddingless ? 0 : 24,
|
|
30
|
-
alignItems: (centered && "center") ||
|
|
31
|
-
(pulledLeft && "flex-start") ||
|
|
32
|
-
(pulledRight && "flex-end") ||
|
|
33
|
-
"stretch",
|
|
34
|
-
justifyContent: verticalCentered ? "center" : "flex-start",
|
|
35
|
-
flex: verticalCentered ? 1 : 0,
|
|
36
|
-
backgroundColor: backgroundColor && getColorStyle(backgroundColor),
|
|
37
|
-
},
|
|
38
|
-
stickyTop: {
|
|
39
|
-
position: "absolute",
|
|
40
|
-
backgroundColor: backgroundColor
|
|
41
|
-
? getColorStyle(backgroundColor)
|
|
42
|
-
: getColorStyle(TrilogyColor.BACKGROUND),
|
|
43
|
-
left: 0,
|
|
44
|
-
right: 0,
|
|
45
|
-
top: stickyOffSetTop ? stickyOffSetTop : 0,
|
|
46
|
-
marginTop: 0,
|
|
47
|
-
zIndex: 999,
|
|
48
|
-
},
|
|
49
|
-
stickyBottom: {
|
|
50
|
-
backgroundColor: backgroundColor
|
|
51
|
-
? getColorStyle(backgroundColor)
|
|
52
|
-
: getColorStyle(TrilogyColor.BACKGROUND),
|
|
53
|
-
width: "100%",
|
|
54
|
-
position: "absolute",
|
|
55
|
-
left: 0,
|
|
56
|
-
right: 0,
|
|
57
|
-
bottom: stickyOffSetBottom ? stickyOffSetBottom : 0,
|
|
58
|
-
zIndex: 999,
|
|
15
|
+
alignItems: "stretch",
|
|
16
|
+
justifyContent: "flex-start",
|
|
17
|
+
flex: 0,
|
|
59
18
|
},
|
|
60
19
|
});
|
|
61
|
-
return (React.createElement(View, __assign({ style:
|
|
62
|
-
(sticky === StickyPosition.BOTTOM && styles.stickyBottom) ||
|
|
63
|
-
styles.container }, others), children));
|
|
20
|
+
return (React.createElement(View, __assign({ style: styles.container }, others), children));
|
|
64
21
|
};
|
|
65
22
|
Container.displayName = ComponentName.Container;
|
|
66
23
|
export default Container;
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29udGFpbmVyL0NvbnRhaW5lci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7R0FJRztBQUVILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFHRjtJQUZmLElBQUEsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQUZRLFlBR2xCLENBRFU7SUFHVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULEtBQUssRUFBRSxNQUFNO1lBQ2IsVUFBVSxFQUFFLFNBQVM7WUFDckIsY0FBYyxFQUFFLFlBQVk7WUFDNUIsSUFBSSxFQUFFLENBQUM7U0FDUjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQ0gsS0FBSyxFQUNILE1BQU0sQ0FBQyxTQUFTLElBRWQsTUFBTSxHQUVULFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -1,16 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { Fullwidth, Layout, Paddingless, Position, VerticalPaddingless, BackgroundProps, StickyPositionValues, StickyPosition } from '../../objects';
|
|
3
2
|
/**
|
|
4
3
|
* Container Interface
|
|
5
4
|
*/
|
|
6
|
-
export interface ContainerProps
|
|
5
|
+
export interface ContainerProps {
|
|
7
6
|
children?: React.ReactNode;
|
|
8
7
|
className?: string;
|
|
9
|
-
centered?: boolean;
|
|
10
|
-
verticalCentered?: boolean;
|
|
11
8
|
medium?: boolean;
|
|
12
|
-
fullwidth?: boolean;
|
|
13
|
-
sticky?: StickyPosition | StickyPositionValues;
|
|
14
|
-
stickyOffSetTop?: number;
|
|
15
|
-
stickyOffSetBottom?: number;
|
|
16
9
|
}
|
|
@@ -20,22 +20,6 @@ export default {
|
|
|
20
20
|
"string"
|
|
21
21
|
]
|
|
22
22
|
},
|
|
23
|
-
"centered": {
|
|
24
|
-
"type": "boolean",
|
|
25
|
-
"values": [
|
|
26
|
-
"undefined",
|
|
27
|
-
"false",
|
|
28
|
-
"true"
|
|
29
|
-
]
|
|
30
|
-
},
|
|
31
|
-
"verticalCentered": {
|
|
32
|
-
"type": "boolean",
|
|
33
|
-
"values": [
|
|
34
|
-
"undefined",
|
|
35
|
-
"false",
|
|
36
|
-
"true"
|
|
37
|
-
]
|
|
38
|
-
},
|
|
39
23
|
"medium": {
|
|
40
24
|
"type": "boolean",
|
|
41
25
|
"values": [
|
|
@@ -43,133 +27,5 @@ export default {
|
|
|
43
27
|
"false",
|
|
44
28
|
"true"
|
|
45
29
|
]
|
|
46
|
-
},
|
|
47
|
-
"fullwidth": {
|
|
48
|
-
"type": "boolean",
|
|
49
|
-
"values": [
|
|
50
|
-
"undefined",
|
|
51
|
-
"false",
|
|
52
|
-
"true"
|
|
53
|
-
]
|
|
54
|
-
},
|
|
55
|
-
"sticky": {
|
|
56
|
-
"type": "enum",
|
|
57
|
-
"values": [
|
|
58
|
-
"undefined",
|
|
59
|
-
"TOP",
|
|
60
|
-
"BOTTOM",
|
|
61
|
-
"TOP",
|
|
62
|
-
"BOTTOM"
|
|
63
|
-
]
|
|
64
|
-
},
|
|
65
|
-
"stickyOffSetTop": {
|
|
66
|
-
"type": "string",
|
|
67
|
-
"values": [
|
|
68
|
-
"undefined",
|
|
69
|
-
"number"
|
|
70
|
-
]
|
|
71
|
-
},
|
|
72
|
-
"stickyOffSetBottom": {
|
|
73
|
-
"type": "string",
|
|
74
|
-
"values": [
|
|
75
|
-
"undefined",
|
|
76
|
-
"number"
|
|
77
|
-
]
|
|
78
|
-
},
|
|
79
|
-
"autolayout": {
|
|
80
|
-
"type": "boolean",
|
|
81
|
-
"values": [
|
|
82
|
-
"undefined",
|
|
83
|
-
"false",
|
|
84
|
-
"true",
|
|
85
|
-
"SpacingMatrix"
|
|
86
|
-
]
|
|
87
|
-
},
|
|
88
|
-
"paddingless": {
|
|
89
|
-
"type": "boolean",
|
|
90
|
-
"values": [
|
|
91
|
-
"undefined",
|
|
92
|
-
"false",
|
|
93
|
-
"true"
|
|
94
|
-
]
|
|
95
|
-
},
|
|
96
|
-
"verticalPaddingless": {
|
|
97
|
-
"type": "boolean",
|
|
98
|
-
"values": [
|
|
99
|
-
"undefined",
|
|
100
|
-
"false",
|
|
101
|
-
"true"
|
|
102
|
-
]
|
|
103
|
-
},
|
|
104
|
-
"pulledLeft": {
|
|
105
|
-
"type": "boolean",
|
|
106
|
-
"values": [
|
|
107
|
-
"undefined",
|
|
108
|
-
"false",
|
|
109
|
-
"true"
|
|
110
|
-
]
|
|
111
|
-
},
|
|
112
|
-
"pulledRight": {
|
|
113
|
-
"type": "boolean",
|
|
114
|
-
"values": [
|
|
115
|
-
"undefined",
|
|
116
|
-
"false",
|
|
117
|
-
"true"
|
|
118
|
-
]
|
|
119
|
-
},
|
|
120
|
-
"backgroundColor": {
|
|
121
|
-
"type": "enum",
|
|
122
|
-
"values": [
|
|
123
|
-
"undefined",
|
|
124
|
-
"SUCCESS",
|
|
125
|
-
"INFO",
|
|
126
|
-
"WARNING",
|
|
127
|
-
"ERROR",
|
|
128
|
-
"WHITE",
|
|
129
|
-
"MAIN",
|
|
130
|
-
"MAIN_FADE",
|
|
131
|
-
"ACCENT",
|
|
132
|
-
"FONT",
|
|
133
|
-
"SUCCESS",
|
|
134
|
-
"SUCCESS_FADE",
|
|
135
|
-
"INFO",
|
|
136
|
-
"INFO_FADE",
|
|
137
|
-
"WARNING",
|
|
138
|
-
"WARNING_FADE",
|
|
139
|
-
"ERROR",
|
|
140
|
-
"ERROR_FADE",
|
|
141
|
-
"DISABLED",
|
|
142
|
-
"DISABLED_FADE",
|
|
143
|
-
"NEUTRAL",
|
|
144
|
-
"NEUTRAL_FADE",
|
|
145
|
-
"WHITE",
|
|
146
|
-
"MAIN",
|
|
147
|
-
"MAIN_FADE",
|
|
148
|
-
"ACCENT",
|
|
149
|
-
"FONT",
|
|
150
|
-
"SUCCESS_FADE",
|
|
151
|
-
"INFO_FADE",
|
|
152
|
-
"WARNING_FADE",
|
|
153
|
-
"ERROR_FADE",
|
|
154
|
-
"DISABLED",
|
|
155
|
-
"DISABLED_FADE",
|
|
156
|
-
"NEUTRAL",
|
|
157
|
-
"NEUTRAL_FADE"
|
|
158
|
-
]
|
|
159
|
-
},
|
|
160
|
-
"backgroundSrc": {
|
|
161
|
-
"type": "string",
|
|
162
|
-
"values": [
|
|
163
|
-
"undefined",
|
|
164
|
-
"string"
|
|
165
|
-
]
|
|
166
|
-
},
|
|
167
|
-
"inverted": {
|
|
168
|
-
"type": "boolean",
|
|
169
|
-
"values": [
|
|
170
|
-
"undefined",
|
|
171
|
-
"false",
|
|
172
|
-
"true"
|
|
173
|
-
]
|
|
174
30
|
}
|
|
175
31
|
};
|
|
@@ -105,7 +105,6 @@ export var ComponentName;
|
|
|
105
105
|
ComponentName["Section"] = "Section";
|
|
106
106
|
ComponentName["Select"] = "Select";
|
|
107
107
|
ComponentName["SelectOption"] = "SelectOption";
|
|
108
|
-
ComponentName["Selector"] = "Selector";
|
|
109
108
|
ComponentName["SelectorIOtem"] = "SelectorIOtem";
|
|
110
109
|
ComponentName["Spacer"] = "Spacer";
|
|
111
110
|
ComponentName["SpacerSize"] = "SpacerSize";
|
|
@@ -152,4 +151,4 @@ export var ComponentName;
|
|
|
152
151
|
ComponentName["ChipsList"] = "ChipsList";
|
|
153
152
|
ComponentName["Range"] = "Range";
|
|
154
153
|
})(ComponentName || (ComponentName = {}));
|
|
155
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
154
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQXVKWDtBQXZKRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsa0RBQWlDLENBQUE7SUFDakMsb0NBQW1CLENBQUE7SUFDbkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIsNEJBQVcsQ0FBQTtJQUNYLDhCQUFhLENBQUE7SUFDYiw4QkFB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
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconName, IconNameValues } from "../../components/icon";
|
|
3
|
-
import { Accessibility, Clickable } from "../../objects";
|
|
3
|
+
import { Accessibility, Clickable, Dev } from "../../objects";
|
|
4
4
|
import { DimensionValue } from "react-native";
|
|
5
5
|
/**
|
|
6
6
|
* Fab Interface
|
|
7
7
|
*/
|
|
8
|
-
export interface FabProps extends Accessibility, Clickable {
|
|
8
|
+
export interface FabProps extends Accessibility, Clickable, Dev {
|
|
9
9
|
children: string | React.ReactNode;
|
|
10
10
|
extended?: boolean;
|
|
11
11
|
iconName: IconName | IconNameValues;
|
|
@@ -139,13 +139,6 @@ export default {
|
|
|
139
139
|
"true"
|
|
140
140
|
]
|
|
141
141
|
},
|
|
142
|
-
"testId": {
|
|
143
|
-
"type": "string",
|
|
144
|
-
"values": [
|
|
145
|
-
"undefined",
|
|
146
|
-
"string"
|
|
147
|
-
]
|
|
148
|
-
},
|
|
149
142
|
"accessibilityLabel": {
|
|
150
143
|
"type": "string",
|
|
151
144
|
"values": [
|
|
@@ -153,19 +146,18 @@ export default {
|
|
|
153
146
|
"string"
|
|
154
147
|
]
|
|
155
148
|
},
|
|
156
|
-
"
|
|
157
|
-
"type": "
|
|
149
|
+
"onClick": {
|
|
150
|
+
"type": "function",
|
|
158
151
|
"values": [
|
|
159
152
|
"undefined",
|
|
160
|
-
"
|
|
161
|
-
"true"
|
|
153
|
+
"ClickEvent"
|
|
162
154
|
]
|
|
163
155
|
},
|
|
164
|
-
"
|
|
165
|
-
"type": "
|
|
156
|
+
"testId": {
|
|
157
|
+
"type": "string",
|
|
166
158
|
"values": [
|
|
167
159
|
"undefined",
|
|
168
|
-
"
|
|
160
|
+
"string"
|
|
169
161
|
]
|
|
170
162
|
}
|
|
171
163
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconSize, IconStatus, IconPosition, TextIconMarkup, IconStatusPosition, IconColor, IconStatusValues, IconSizeValues, IconPositionValues, IconStatusPositionValues, IconColorValues, TextIconMarkupValues } from './IconEnum';
|
|
3
3
|
import { IconName, IconNameValues } from './IconNameEnum';
|
|
4
|
-
import { Accessibility, Clickable, TrilogyColor, TrilogyColorValues, Stacked, AlignableProps } from '../../objects';
|
|
4
|
+
import { Accessibility, Clickable, TrilogyColor, TrilogyColorValues, Stacked, AlignableProps, Dev } from '../../objects';
|
|
5
5
|
type Styles = {
|
|
6
6
|
[key: string]: unknown;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* Icon Interface
|
|
10
10
|
*/
|
|
11
|
-
export interface IconProps extends Stacked, AlignableProps, Clickable, Accessibility {
|
|
11
|
+
export interface IconProps extends Stacked, AlignableProps, Clickable, Accessibility, Dev {
|
|
12
12
|
name: IconName | IconNameValues;
|
|
13
13
|
status?: IconStatus | IconStatusValues;
|
|
14
14
|
badgeContent?: string;
|