@trilogy-ds/react 4.0.0 → 4.0.1-ref-1
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 +20 -4
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +20 -4
- package/lib/components/autolayout/AutoLayout.helpers.js +7 -5
- package/lib/components/autolayout/DefaultSpacingMatrix.js +4 -3
- package/lib/components/badge/Badge.d.ts +2 -2
- package/lib/components/badge/Badge.js +2 -2
- package/lib/components/badge/Badge.native.d.ts +10 -3
- package/lib/components/badge/Badge.native.js +78 -8
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +3 -3
- package/lib/components/button/Button.d.ts +2 -2
- package/lib/components/button/Button.js +17 -16
- package/lib/components/button/Button.native.d.ts +2 -2
- package/lib/components/button/Button.native.js +66 -98
- package/lib/components/button/ButtonPropsDefaults.js +5 -5
- package/lib/components/card/Card.d.ts +0 -1
- package/lib/components/card/Card.js +1 -2
- package/lib/components/card/Card.native.d.ts +0 -1
- package/lib/components/card/Card.native.js +1 -2
- package/lib/components/checkbox/Checkbox.native.js +6 -95
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +4 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.js +5 -3
- package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts +8 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +20 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +12 -2
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +13 -3
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts +8 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +126 -0
- package/lib/components/columns/Columns.d.ts +1 -1
- package/lib/components/columns/Columns.js +10 -8
- package/lib/components/columns/column/Column.d.ts +1 -1
- package/lib/components/columns/column/Column.js +10 -8
- package/lib/components/enumsComponentsName.d.ts +8 -1
- package/lib/components/enumsComponentsName.js +9 -2
- package/lib/components/icon/Icon.native.d.ts +2 -2
- package/lib/components/icon/Icon.native.js +19 -11
- package/lib/components/input/Input.js +2 -2
- package/lib/components/input/Input.native.js +21 -23
- package/lib/components/input/InputEnum.d.ts +2 -1
- package/lib/components/input/InputEnum.js +1 -1
- package/lib/components/input/InputPropsDefaults.js +20 -4
- package/lib/components/link/LinkPropsDefaults.js +3 -3
- package/lib/components/modal/Modal.js +47 -46
- package/lib/components/modal/Modal.native.d.ts +2 -2
- package/lib/components/modal/Modal.native.js +8 -13
- package/lib/components/modal/ModalProps.d.ts +3 -3
- package/lib/components/modal/ModalPropsDefaults.js +4 -1
- package/lib/components/modal/footer/ModalFooter.js +4 -4
- package/lib/components/otp/Otp.js +6 -6
- package/lib/components/price/Price.native.d.ts +1 -1
- package/lib/components/price/Price.native.js +11 -11
- package/lib/components/progress/Progress.native.d.ts +6 -4
- package/lib/components/progress/Progress.native.js +35 -26
- package/lib/components/progress/radial/ProgressRadial.js +2 -2
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.js +3 -3
- package/lib/components/radio/Radio.d.ts +2 -2
- package/lib/components/radio/Radio.js +17 -15
- package/lib/components/radio/Radio.native.d.ts +5 -12
- package/lib/components/radio/Radio.native.js +22 -142
- package/lib/components/radio/tiles/RadioTiles.d.ts +5 -2
- package/lib/components/radio/tiles/RadioTiles.js +8 -5
- package/lib/components/radio/tiles/RadioTiles.native.d.ts +15 -0
- package/lib/components/radio/tiles/RadioTiles.native.js +35 -0
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +14 -4
- package/lib/components/radio/tiles/tile/RadioTile.js +31 -20
- package/lib/components/radio/tiles/tile/RadioTile.native.d.ts +22 -0
- package/lib/components/radio/tiles/tile/RadioTile.native.js +118 -0
- package/lib/components/range/Range.js +2 -2
- package/lib/components/select/Select.js +2 -2
- package/lib/components/select/Select.native.js +9 -7
- package/lib/components/select/option/SelectOption.native.js +10 -9
- package/lib/components/tabs/Tabs.d.ts +4 -6
- package/lib/components/tabs/Tabs.js +23 -15
- package/lib/components/tabs/Tabs.native.d.ts +14 -0
- package/lib/components/tabs/Tabs.native.js +32 -0
- package/lib/components/tabs/context/index.d.ts +9 -0
- package/lib/components/tabs/context/index.js +8 -0
- package/lib/components/tabs/tab-list/TabList.d.ts +6 -2
- package/lib/components/tabs/tab-list/TabList.js +14 -7
- package/lib/components/tabs/tab-list/TabList.native.d.ts +17 -0
- package/lib/components/tabs/tab-list/TabList.native.js +37 -0
- package/lib/components/tabs/tab-list/tab/Tab.d.ts +4 -3
- package/lib/components/tabs/tab-list/tab/Tab.js +30 -35
- package/lib/components/tabs/tab-list/tab/Tab.native.d.ts +19 -0
- package/lib/components/tabs/tab-list/tab/Tab.native.js +62 -0
- package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js +3 -3
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +2 -2
- package/lib/components/tabs/tab-panels/TabPanels.js +14 -7
- package/lib/components/tabs/tab-panels/TabPanels.native.d.ts +16 -0
- package/lib/components/tabs/tab-panels/TabPanels.native.js +35 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +2 -2
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +13 -7
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.d.ts +15 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.js +46 -0
- package/lib/components/text/Text.d.ts +0 -1
- package/lib/components/text/Text.js +1 -2
- package/lib/components/text/Text.native.d.ts +0 -1
- package/lib/components/text/Text.native.js +1 -2
- package/lib/components/textarea/Textarea.native.js +3 -3
- package/lib/components/timeline/content/TimelineContent.native.d.ts +1 -1
- package/lib/components/timeline/content/TimelineContent.native.js +7 -7
- package/lib/components/timeline/item/TimelineItem.native.d.ts +2 -2
- package/lib/components/timeline/item/TimelineItem.native.js +3 -3
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +1 -1
- package/lib/components/timeline/marker/TimelineMarker.native.js +8 -6
- package/lib/components/view/ViewPropsDefaults.js +1 -1
- package/lib/events/OnClickEvent.d.ts +1 -1
- package/lib/objects/Typography/TypographyColor.js +9 -5
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -128,7 +128,23 @@ export default {
|
|
|
128
128
|
"search",
|
|
129
129
|
"date",
|
|
130
130
|
"datetime-local",
|
|
131
|
-
"email"
|
|
131
|
+
"email",
|
|
132
|
+
"button",
|
|
133
|
+
"checkbox",
|
|
134
|
+
"color",
|
|
135
|
+
"file",
|
|
136
|
+
"hidden",
|
|
137
|
+
"image",
|
|
138
|
+
"month",
|
|
139
|
+
"radio",
|
|
140
|
+
"range",
|
|
141
|
+
"reset",
|
|
142
|
+
"submit",
|
|
143
|
+
"tel",
|
|
144
|
+
"time",
|
|
145
|
+
"url",
|
|
146
|
+
"week",
|
|
147
|
+
"string & {}"
|
|
132
148
|
]
|
|
133
149
|
},
|
|
134
150
|
"label": {
|
|
@@ -367,6 +383,8 @@ export default {
|
|
|
367
383
|
"undefined",
|
|
368
384
|
"password",
|
|
369
385
|
"email",
|
|
386
|
+
"tel",
|
|
387
|
+
"url",
|
|
370
388
|
"additional-name",
|
|
371
389
|
"address-line1",
|
|
372
390
|
"address-line2",
|
|
@@ -441,7 +459,6 @@ export default {
|
|
|
441
459
|
"one-time-code",
|
|
442
460
|
"postal-code",
|
|
443
461
|
"street-address",
|
|
444
|
-
"tel",
|
|
445
462
|
"username",
|
|
446
463
|
"cc-family-name",
|
|
447
464
|
"cc-given-name",
|
|
@@ -451,7 +468,6 @@ export default {
|
|
|
451
468
|
"nickname",
|
|
452
469
|
"organization",
|
|
453
470
|
"organization-title",
|
|
454
|
-
"url",
|
|
455
471
|
"gender",
|
|
456
472
|
"name-family",
|
|
457
473
|
"name-given",
|
|
@@ -539,9 +555,9 @@ export default {
|
|
|
539
555
|
"type": "enum",
|
|
540
556
|
"values": [
|
|
541
557
|
"undefined",
|
|
542
|
-
"default",
|
|
543
558
|
"url",
|
|
544
559
|
"default",
|
|
560
|
+
"default",
|
|
545
561
|
"email-address",
|
|
546
562
|
"numeric",
|
|
547
563
|
"phone-pad",
|
|
@@ -128,7 +128,23 @@ export default {
|
|
|
128
128
|
"search",
|
|
129
129
|
"date",
|
|
130
130
|
"datetime-local",
|
|
131
|
-
"email"
|
|
131
|
+
"email",
|
|
132
|
+
"button",
|
|
133
|
+
"checkbox",
|
|
134
|
+
"color",
|
|
135
|
+
"file",
|
|
136
|
+
"hidden",
|
|
137
|
+
"image",
|
|
138
|
+
"month",
|
|
139
|
+
"radio",
|
|
140
|
+
"range",
|
|
141
|
+
"reset",
|
|
142
|
+
"submit",
|
|
143
|
+
"tel",
|
|
144
|
+
"time",
|
|
145
|
+
"url",
|
|
146
|
+
"week",
|
|
147
|
+
"string & {}"
|
|
132
148
|
]
|
|
133
149
|
},
|
|
134
150
|
"label": {
|
|
@@ -367,6 +383,8 @@ export default {
|
|
|
367
383
|
"undefined",
|
|
368
384
|
"password",
|
|
369
385
|
"email",
|
|
386
|
+
"tel",
|
|
387
|
+
"url",
|
|
370
388
|
"additional-name",
|
|
371
389
|
"address-line1",
|
|
372
390
|
"address-line2",
|
|
@@ -441,7 +459,6 @@ export default {
|
|
|
441
459
|
"one-time-code",
|
|
442
460
|
"postal-code",
|
|
443
461
|
"street-address",
|
|
444
|
-
"tel",
|
|
445
462
|
"username",
|
|
446
463
|
"cc-family-name",
|
|
447
464
|
"cc-given-name",
|
|
@@ -451,7 +468,6 @@ export default {
|
|
|
451
468
|
"nickname",
|
|
452
469
|
"organization",
|
|
453
470
|
"organization-title",
|
|
454
|
-
"url",
|
|
455
471
|
"gender",
|
|
456
472
|
"name-family",
|
|
457
473
|
"name-given",
|
|
@@ -539,9 +555,9 @@ export default {
|
|
|
539
555
|
"type": "enum",
|
|
540
556
|
"values": [
|
|
541
557
|
"undefined",
|
|
542
|
-
"default",
|
|
543
558
|
"url",
|
|
544
559
|
"default",
|
|
560
|
+
"default",
|
|
545
561
|
"email-address",
|
|
546
562
|
"numeric",
|
|
547
563
|
"phone-pad",
|
|
@@ -90,7 +90,7 @@ export var autoLayoutChildrenHandler = function (matrix, _a) {
|
|
|
90
90
|
};
|
|
91
91
|
var createChildrenArray = function (array, children) {
|
|
92
92
|
React.Children.forEach(children, function (child) {
|
|
93
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
93
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
94
94
|
if (isFragment(child)) {
|
|
95
95
|
React.Children.forEach(child === null || child === void 0 ? void 0 : child.props.children, function (item) {
|
|
96
96
|
createChildrenArray(array, item);
|
|
@@ -103,12 +103,14 @@ var createChildrenArray = function (array, children) {
|
|
|
103
103
|
}
|
|
104
104
|
else if ((child === null || child === void 0 ? void 0 : child.type) &&
|
|
105
105
|
((_c = child === null || child === void 0 ? void 0 : child.type) === null || _c === void 0 ? void 0 : _c.displayName) !== getTrilogyComponentName(child) &&
|
|
106
|
-
((_d = child === null || child === void 0 ? void 0 : child.type) === null || _d === void 0 ? void 0 : _d.$$typeof) === Symbol.for('react.memo')
|
|
106
|
+
((_d = child === null || child === void 0 ? void 0 : child.type) === null || _d === void 0 ? void 0 : _d.$$typeof) === Symbol.for('react.memo') &&
|
|
107
|
+
((_e = child === null || child === void 0 ? void 0 : child.type) === null || _e === void 0 ? void 0 : _e.type) !== undefined) {
|
|
107
108
|
createChildrenArray(array, child.type.type(child.props));
|
|
108
109
|
}
|
|
109
110
|
else if ((child === null || child === void 0 ? void 0 : child.type) &&
|
|
110
|
-
((
|
|
111
|
-
((
|
|
111
|
+
((_f = child === null || child === void 0 ? void 0 : child.type) === null || _f === void 0 ? void 0 : _f.$$typeof) === Symbol.for('react.forward_ref') &&
|
|
112
|
+
((_h = (_g = child === null || child === void 0 ? void 0 : child.type) === null || _g === void 0 ? void 0 : _g.render) === null || _h === void 0 ? void 0 : _h.displayName) !== getTrilogyComponentName(child) &&
|
|
113
|
+
((_j = child === null || child === void 0 ? void 0 : child.type) === null || _j === void 0 ? void 0 : _j.type) !== undefined) {
|
|
112
114
|
createChildrenArray(array, child.type.type(child.props));
|
|
113
115
|
}
|
|
114
116
|
else {
|
|
@@ -131,4 +133,4 @@ var checkRuleApplicable = function (previousType, nextType, previousChildType, n
|
|
|
131
133
|
}
|
|
132
134
|
return false;
|
|
133
135
|
};
|
|
134
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
136
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5oZWxwZXJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvbGF5b3V0L0F1dG9MYXlvdXQuaGVscGVycy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHVEQUF1RDtBQUN2RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsTUFBTSxFQUFjLE1BQU0scUJBQXFCLENBQUE7QUFFeEQ7Ozs7O0dBS0c7QUFDSCxNQUFNLENBQUMsSUFBTSxVQUFVLEdBQUcsVUFBQyxPQUEyQixJQUFjLE9BQUEsQ0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsSUFBSSxNQUFLLEtBQUssQ0FBQyxRQUFRLEVBQWhDLENBQWdDLENBQUE7QUFFcEcsSUFBTSx1QkFBdUIsR0FBRyxVQUFDLEtBQVU7SUFDekMsSUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBQyxHQUFHLElBQUssT0FBQSxHQUFHLEVBQUgsQ0FBRyxDQUFDLENBQUE7SUFDdEUsT0FBTyxjQUFjLENBQUMsSUFBSSxDQUFDLFVBQUMsR0FBRyxvQkFBSyxPQUFBLEdBQUcsTUFBSyxNQUFBLE1BQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLElBQUksMENBQUUsTUFBTSwwQ0FBRSxXQUFXLENBQUEsSUFBSSxHQUFHLE1BQUssTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsSUFBSSwwQ0FBRSxXQUFXLENBQUEsQ0FBQSxFQUFBLENBQUMsQ0FBQTtBQUNuSCxDQUFDLENBQUE7QUFFRDs7Ozs7O0dBTUc7QUFDSCxNQUFNLENBQUMsSUFBTSxhQUFhLEdBQUcsVUFBQyxPQUEyQixFQUFFLGFBQWdDLG9CQUN6RixPQUFBLENBQUEsTUFBQSxNQUFDLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxJQUFZLDBDQUFFLE1BQU0sMENBQUUsV0FBVyxNQUFLLGFBQWEsSUFBSSxDQUFBLE1BQUMsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLElBQVksMENBQUUsV0FBVyxNQUFLLGFBQWEsQ0FBQSxFQUFBLENBQUE7QUFFeEg7O0dBRUc7QUFFSCxNQUFNLENBQUMsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQUFrRDtRQUFoRCxRQUFRLGNBQUEsRUFBRSxxQkFBcUIsMkJBQUE7SUFDN0QsSUFBTSxLQUFLLEdBQWtCLEVBQUUsQ0FBQSxDQUFDLG1DQUFtQztJQUNuRSxtQkFBbUIsQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLENBQUE7SUFFcEMsT0FBTyxLQUFLLENBQUMsTUFBTSxDQUFDLFVBQUMsV0FBVyxFQUFFLFNBQVMsRUFBRSxVQUFVOztRQUNyRCxJQUFNLGFBQWEsR0FBRyxXQUFXLENBQUMsV0FBVyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUV6RCxzREFBc0Q7UUFFdEQsSUFBTSw2QkFBNkIsR0FBRyxVQUNwQyxLQUF5QixFQUN6QixXQUEyQjtZQUUzQixJQUFJLGFBQWEsQ0FBQyxLQUFLLEVBQUUsWUFBWSxDQUFDLEVBQUU7Z0JBQ3RDLE9BQU8sNkJBQTZCLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQXVCLENBQUMsQ0FBQTthQUM1RztZQUNELElBQUksS0FBSyxLQUFLLElBQUksSUFBSSxXQUFXLElBQUksV0FBVyxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUU7Z0JBQzVELE9BQU8sNkJBQTZCLENBQUMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEVBQUUsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO2FBQ3BHO1lBRUQsT0FBTyxLQUFLLENBQUE7UUFDZCxDQUFDLENBQUE7UUFFRCxJQUFNLGFBQWEsR0FDakIsQ0FBQSxNQUFBLE1BQUMsTUFBQSw2QkFBNkIsQ0FBQyxTQUFTLENBQUMsMENBQUUsSUFBWSwwQ0FBRSxNQUFNLDBDQUFFLFdBQVc7YUFDNUUsTUFBQyxNQUFBLDZCQUE2QixDQUFDLFNBQVMsQ0FBQywwQ0FBRSxJQUFZLDBDQUFFLFdBQVcsQ0FBQTtZQUNwRSxTQUFTLENBQUE7UUFFWCxJQUFNLGlCQUFpQixHQUNyQixDQUFBLE1BQUEsTUFBQyxNQUFBLDZCQUE2QixDQUFDLGFBQWEsRUFBRSxXQUFXLENBQUMsMENBQUUsSUFBWSwwQ0FBRSxNQUFNLDBDQUFFLFdBQVc7YUFDN0YsTUFBQyxNQUFBLDZCQUE2QixDQUFDLGFBQWEsRUFBRSxXQUFXLENBQUMsMENBQUUsSUFBWSwwQ0FBRSxXQUFXLENBQUE7WUFDckYsU0FBUyxDQUFBO1FBRVgscUJBQXFCLGFBQXJCLHFCQUFxQix1QkFBckIscUJBQXFCLENBQUc7WUFDdEIsV0FBVyxhQUFBO1lBQ1gsYUFBYSxlQUFBO1lBQ2IsaUJBQWlCLG1CQUFBO1lBQ2pCLFNBQVMsV0FBQTtZQUNULGFBQWEsZUFBQTtZQUNiLFVBQVUsWUFBQTtTQUNYLENBQUMsQ0FBQTtRQUVGLDREQUE0RDtRQUM1RCw4Q0FDSyxXQUFXO1lBQ2QsU0FBUztnQkFDUCxLQUFLLENBQUMsWUFBWSxDQUFDLFNBQVMsRUFBRTtvQkFDNUIsR0FBRyxFQUFFLFNBQVMsQ0FBQyxHQUFHLElBQUksZUFBUSxVQUFVLENBQUU7aUJBQzNDLENBQUM7a0JBQ0w7SUFDSCxDQUFDLEVBQUUsRUFBbUIsQ0FBQyxDQUFBO0FBQ3pCLENBQUMsQ0FBQTtBQUVELDZFQUE2RTtBQUM3RSxNQUFNLENBQUMsSUFBTSx5QkFBeUIsR0FBRyxVQUN2QyxNQUFxQixFQUNyQixFQUFvRjtRQUFsRixXQUFXLGlCQUFBLEVBQUUsaUJBQWlCLHVCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFVBQVUsZ0JBQUE7SUFFM0QsSUFBTSxZQUFZLEdBQUcsVUFBQyxJQUF1QjtRQUMzQyxPQUFBLENBQUMsaUJBQWlCLENBQUMsb0JBQW9CLEVBQUUsaUJBQWlCLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO0lBQWpHLENBQWlHLENBQUE7SUFFbkcsSUFBSSxhQUFhLEdBQUcsS0FBSyxDQUFBO0lBRXpCLElBQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQWxCLENBQWtCLENBQUMsQ0FBQTtJQUV0RCxLQUFLLENBQUMsT0FBTyxDQUFDLFVBQUMsSUFBSTtRQUNYLElBQUEsS0FBQSxPQUF3QyxJQUFJLElBQUEsRUFBM0MsSUFBSSxRQUFBLEVBQUUsWUFBWSxRQUFBLEVBQUUsUUFBUSxRQUFBLEVBQUUsS0FBSyxRQUFRLENBQUE7UUFFbEQsSUFBTSxnQkFBZ0IsR0FBRyxtQkFBbUIsQ0FDMUMsWUFBWSxFQUNaLFFBQVEsRUFDUixpQkFBaUIsRUFDakIsYUFBYSxFQUNiLGFBQWEsQ0FDZCxDQUFBO1FBRUQsSUFBSSxnQkFBZ0IsRUFBRTtZQUNwQixhQUFhLEdBQUcsSUFBSSxDQUFBO1lBQ3BCLElBQUksSUFBSSxLQUFLLGlCQUFpQixDQUFDLG9CQUFvQixFQUFFO2dCQUNuRCxXQUFXLENBQUMsSUFBSSxDQUFDLG9CQUFDLE1BQU0sSUFBQyxHQUFHLEVBQUUsZ0JBQVMsVUFBVSxDQUFFLEVBQUUsSUFBSSxFQUFFLEtBQW1CLEdBQUksQ0FBQyxDQUFBO2FBQ3BGO2lCQUFNLElBQUksSUFBSSxLQUFLLGlCQUFpQixDQUFDLHNCQUFzQixFQUFFO2dCQUM1RCxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQW9CLENBQUMsQ0FBQTthQUN2QztTQUNGO0lBQ0gsQ0FBQyxDQUFDLENBQUE7QUFDSixDQUFDLENBQUE7QUFFRCxJQUFNLG1CQUFtQixHQUFHLFVBQUMsS0FBb0IsRUFBRSxRQUF5QjtJQUMxRSxLQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsVUFBQyxLQUFVOztRQUMxQyxJQUFJLFVBQVUsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUNyQixLQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsS0FBSyxDQUFDLFFBQVEsRUFBRSxVQUFDLElBQUk7Z0JBQ2pELG1CQUFtQixDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQTtZQUNsQyxDQUFDLENBQUMsQ0FBQTtTQUNIO2FBQU0sSUFDTCxDQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxJQUFJO1lBQ1gsQ0FBQSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxJQUFJLDBDQUFFLFdBQVcsTUFBSyx1QkFBdUIsQ0FBQyxLQUFLLENBQUM7WUFDM0QsQ0FBQSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxJQUFJLDBDQUFFLFFBQVEsTUFBSyxTQUFTLEVBQ25DO1lBQ0EsbUJBQW1CLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUE7U0FDcEQ7YUFBTSxJQUNMLENBQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLElBQUk7WUFDWCxDQUFBLE1BQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLElBQUksMENBQUUsV0FBVyxNQUFLLHVCQUF1QixDQUFDLEtBQUssQ0FBQztZQUMzRCxDQUFBLE1BQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLElBQUksMENBQUUsUUFBUSxNQUFLLE1BQU0sQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDO1lBQ2xELENBQUEsTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsSUFBSSwwQ0FBRSxJQUFJLE1BQUssU0FBUyxFQUMvQjtZQUNBLG1CQUFtQixDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQTtTQUN6RDthQUFNLElBQ0wsQ0FBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsSUFBSTtZQUNYLENBQUEsTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsSUFBSSwwQ0FBRSxRQUFRLE1BQUssTUFBTSxDQUFDLEdBQUcsQ0FBQyxtQkFBbUIsQ0FBQztZQUN6RCxDQUFBLE1BQUEsTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsSUFBSSwwQ0FBRSxNQUFNLDBDQUFFLFdBQVcsTUFBSyx1QkFBdUIsQ0FBQyxLQUFLLENBQUM7WUFDbkUsQ0FBQSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxJQUFJLDBDQUFFLElBQUksTUFBSyxTQUFTLEVBQy9CO1lBQ0EsbUJBQW1CLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFBO1NBQ3pEO2FBQU07WUFDTCxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQW9CLENBQUMsQ0FBQTtTQUNqQztJQUNILENBQUMsQ0FBQyxDQUFBO0FBQ0osQ0FBQyxDQUFBO0FBRUQsSUFBTSxtQkFBbUIsR0FBRyxVQUMxQixZQUF1RCxFQUN2RCxRQUFtRCxFQUNuRCxpQkFBZ0QsRUFDaEQsYUFBNEMsRUFDNUMsYUFBc0I7SUFFdEIsSUFBSSxpQkFBaUIsS0FBSyxTQUFTLElBQUksYUFBYSxLQUFLLFNBQVMsRUFBRTtRQUNsRSxPQUFPLEtBQUssQ0FBQTtLQUNiO0lBQ0QsSUFBSSxhQUFhLEVBQUU7UUFDakIsT0FBTyxLQUFLLENBQUE7S0FDYjtTQUFNLElBQ0wsQ0FBQyxZQUFZLEtBQUssaUJBQWlCLElBQUksUUFBUSxLQUFLLGFBQWEsQ0FBQztRQUNsRSxDQUFDLFlBQVksS0FBSyxTQUFTLElBQUksUUFBUSxLQUFLLGFBQWEsQ0FBQztRQUMxRCxDQUFDLFlBQVksS0FBSyxpQkFBaUIsSUFBSSxRQUFRLEtBQUssU0FBUyxDQUFDO1FBQzlELENBQUMsWUFBWSxLQUFLLFNBQVMsSUFBSSxRQUFRLEtBQUssU0FBUyxDQUFDLEVBQ3REO1FBQ0EsT0FBTyxJQUFJLENBQUE7S0FDWjtJQUNELE9BQU8sS0FBSyxDQUFBO0FBQ2QsQ0FBQyxDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { SpacingMatrixMode } from '../../components/autolayout/SpacingMatrix';
|
|
2
2
|
import { SpacerSize } from '../../components/spacer';
|
|
3
|
-
var FOUR = SpacerSize.FOUR, THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
|
|
3
|
+
var FOUR = SpacerSize.FOUR, THREE = SpacerSize.THREE, TWO = SpacerSize.TWO, ONE = SpacerSize.ONE;
|
|
4
4
|
export var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
|
|
5
5
|
/**
|
|
6
6
|
* Spacing matrix for defining spacings between component types
|
|
@@ -26,7 +26,8 @@ export var DEFAULT_SPACING_MATRIX = [
|
|
|
26
26
|
[INSERT_SPACE_BETWEEN, 'Progress', 'default', TWO],
|
|
27
27
|
[INSERT_SPACE_BETWEEN, 'ProgressRadial', 'default', TWO],
|
|
28
28
|
[INSERT_SPACE_BETWEEN, 'Radio', 'default', THREE],
|
|
29
|
-
[INSERT_SPACE_BETWEEN, 'Checkbox', 'default',
|
|
29
|
+
[INSERT_SPACE_BETWEEN, 'Checkbox', 'default', TWO],
|
|
30
|
+
[INSERT_SPACE_BETWEEN, 'CheckboxTiles', 'default', THREE],
|
|
30
31
|
[INSERT_SPACE_BETWEEN, 'Switch', 'default', THREE],
|
|
31
32
|
[INSERT_SPACE_BETWEEN, 'Radio', 'default', FOUR],
|
|
32
33
|
[INSERT_SPACE_BETWEEN, 'Checkbox', 'default', FOUR],
|
|
@@ -37,4 +38,4 @@ export var DEFAULT_SPACING_MATRIX = [
|
|
|
37
38
|
[INSERT_SPACE_BETWEEN, 'Sticker', 'default', TWO],
|
|
38
39
|
[INSERT_SPACE_BETWEEN, 'Tag', 'default', TWO],
|
|
39
40
|
];
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdFNwYWNpbmdNYXRyaXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvRGVmYXVsdFNwYWNpbmdNYXRyaXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4QyxJQUFBLElBQUksR0FBc0IsVUFBVSxLQUFoQyxFQUFFLEtBQUssR0FBZSxVQUFVLE1BQXpCLEVBQUUsR0FBRyxHQUFVLFVBQVUsSUFBcEIsRUFBRSxHQUFHLEdBQUssVUFBVSxJQUFmLENBQWU7QUFFNUMsTUFBTSxDQUFTLElBQUEsb0JBQW9CLEdBQUssaUJBQWlCLHFCQUF0QixDQUFzQjtBQUV6RDs7R0FFRztBQUNILE1BQU0sQ0FBQyxJQUFNLHNCQUFzQixHQUFrQjtJQUNuRCxDQUFDLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ3BELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDL0MsQ0FBQyxvQkFBb0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUM5QyxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2hELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDL0MsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNuRCxDQUFDLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2xELENBQUMsb0JBQW9CLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDckQsQ0FBQyxvQkFBb0IsRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ3pELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDL0MsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDakQsQ0FBQyxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNyRCxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDOUMsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQ2xELENBQUMsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUN4RCxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDbEQsQ0FBQyxvQkFBb0IsRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUN6RCxDQUFDLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ2xELENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDaEQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNuRCxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2hELENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDbkQsQ0FBQyxvQkFBb0IsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQzlDLENBQUMsb0JBQW9CLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDakQsQ0FBQyxvQkFBb0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztDQUM5QyxDQUFBIn0=
|
|
@@ -7,11 +7,11 @@ import { BadgeProps } from './BadgeProps';
|
|
|
7
7
|
* @param label {string|number} Badge content text
|
|
8
8
|
* @param inverted {boolean} Inverted style for Badge
|
|
9
9
|
* @param onClick {Function} onClick Event for Badge
|
|
10
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
11
|
-
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
12
10
|
* @param variant
|
|
13
11
|
* @param position
|
|
14
12
|
* @param others
|
|
13
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
|
+
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
15
15
|
*/
|
|
16
16
|
declare const Badge: ({ className, children, id, label, inverted, onClick, variant, position, status, ...others }: BadgeProps) => JSX.Element;
|
|
17
17
|
export default Badge;
|
|
@@ -13,11 +13,11 @@ import { Icon, IconColor, IconName } from '../../components/icon';
|
|
|
13
13
|
* @param label {string|number} Badge content text
|
|
14
14
|
* @param inverted {boolean} Inverted style for Badge
|
|
15
15
|
* @param onClick {Function} onClick Event for Badge
|
|
16
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
|
-
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
18
16
|
* @param variant
|
|
19
17
|
* @param position
|
|
20
18
|
* @param others
|
|
19
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
20
|
+
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
21
21
|
*/
|
|
22
22
|
var Badge = function (_a) {
|
|
23
23
|
var className = _a.className, children = _a.children, id = _a.id, label = _a.label, inverted = _a.inverted, onClick = _a.onClick, variant = _a.variant, position = _a.position, status = _a.status, others = __rest(_a, ["className", "children", "id", "label", "inverted", "onClick", "variant", "position", "status"]);
|
|
@@ -2,13 +2,20 @@
|
|
|
2
2
|
import { BadgeProps } from '../../components/badge/BadgeProps';
|
|
3
3
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
/**
|
|
5
|
-
* Badge
|
|
5
|
+
* Badge Component
|
|
6
6
|
* @param children {React.ReactNode} If no content add children (Icon for example)
|
|
7
|
+
* @param id
|
|
8
|
+
* @param label {string|number} Badge content text
|
|
9
|
+
* @param inverted {boolean} Inverted style for Badge
|
|
7
10
|
* @param onClick {Function} onClick Event for Badge
|
|
8
|
-
* @param
|
|
11
|
+
* @param variant
|
|
12
|
+
* @param position
|
|
13
|
+
* @param others
|
|
14
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
15
|
+
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
9
16
|
*/
|
|
10
17
|
declare const Badge: {
|
|
11
|
-
({ label, onClick, testId, variant, ...others }: BadgeProps): JSX.Element;
|
|
18
|
+
({ children, label, onClick, testId, variant, inverted, position, status, ...others }: BadgeProps): JSX.Element;
|
|
12
19
|
displayName: ComponentName;
|
|
13
20
|
};
|
|
14
21
|
export default Badge;
|
|
@@ -3,14 +3,24 @@ import React from 'react';
|
|
|
3
3
|
import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
|
4
4
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
5
5
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
|
+
import { Icon, IconColor, IconName, IconSize } from "../../components/icon";
|
|
7
|
+
import { StatusState } from "../../objects";
|
|
8
|
+
import { BadgePositionEnum } from "../../components/badge/BadgeEnum";
|
|
6
9
|
/**
|
|
7
|
-
* Badge
|
|
10
|
+
* Badge Component
|
|
8
11
|
* @param children {React.ReactNode} If no content add children (Icon for example)
|
|
12
|
+
* @param id
|
|
13
|
+
* @param label {string|number} Badge content text
|
|
14
|
+
* @param inverted {boolean} Inverted style for Badge
|
|
9
15
|
* @param onClick {Function} onClick Event for Badge
|
|
10
|
-
* @param
|
|
16
|
+
* @param variant
|
|
17
|
+
* @param position
|
|
18
|
+
* @param others
|
|
19
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
20
|
+
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
11
21
|
*/
|
|
12
22
|
var Badge = function (_a) {
|
|
13
|
-
var label = _a.label, onClick = _a.onClick, testId = _a.testId, variant = _a.variant, others = __rest(_a, ["label", "onClick", "testId", "variant"]);
|
|
23
|
+
var children = _a.children, label = _a.label, onClick = _a.onClick, testId = _a.testId, variant = _a.variant, inverted = _a.inverted, position = _a.position, status = _a.status, others = __rest(_a, ["children", "label", "onClick", "testId", "variant", "inverted", "position", "status"]);
|
|
14
24
|
var badgeColor = getColorStyle(variant || TrilogyColor.MAIN);
|
|
15
25
|
var textColor = getColorStyle(TrilogyColor.BACKGROUND);
|
|
16
26
|
var styles = StyleSheet.create({
|
|
@@ -21,13 +31,13 @@ var Badge = function (_a) {
|
|
|
21
31
|
alignSelf: 'baseline',
|
|
22
32
|
minWidth: 20,
|
|
23
33
|
height: 20,
|
|
24
|
-
backgroundColor: badgeColor,
|
|
34
|
+
backgroundColor: !inverted ? badgeColor : getColorStyle(TrilogyColor.BACKGROUND),
|
|
25
35
|
borderRadius: 30,
|
|
26
36
|
justifyContent: 'center',
|
|
27
37
|
alignItems: 'center',
|
|
28
38
|
},
|
|
29
39
|
text: {
|
|
30
|
-
color: textColor,
|
|
40
|
+
color: !inverted ? textColor : getColorStyle(variant || TrilogyColor.MAIN),
|
|
31
41
|
fontSize: 10,
|
|
32
42
|
},
|
|
33
43
|
textContent: {
|
|
@@ -36,13 +46,73 @@ var Badge = function (_a) {
|
|
|
36
46
|
marginLeft: 5,
|
|
37
47
|
color: getColorStyle(TrilogyColor.MAIN),
|
|
38
48
|
},
|
|
49
|
+
iconStatus: {
|
|
50
|
+
position: "absolute",
|
|
51
|
+
zIndex: 1000,
|
|
52
|
+
backgroundColor: 'white',
|
|
53
|
+
width: 16,
|
|
54
|
+
minHeight: 16,
|
|
55
|
+
borderRadius: 15
|
|
56
|
+
},
|
|
57
|
+
iconStatusPositionTopLeft: {
|
|
58
|
+
top: -4,
|
|
59
|
+
left: -4
|
|
60
|
+
},
|
|
61
|
+
iconStatusPositionTopRight: {
|
|
62
|
+
top: -4,
|
|
63
|
+
left: 17
|
|
64
|
+
},
|
|
65
|
+
iconStatusPositionBottomLeft: {
|
|
66
|
+
top: 17,
|
|
67
|
+
left: -4
|
|
68
|
+
},
|
|
69
|
+
iconStatusPositionBottomRight: {
|
|
70
|
+
top: 17,
|
|
71
|
+
left: 17
|
|
72
|
+
}
|
|
39
73
|
});
|
|
40
|
-
|
|
74
|
+
var iconName = null;
|
|
75
|
+
var iconColor = null;
|
|
76
|
+
switch (status) {
|
|
77
|
+
case StatusState.SUCCESS:
|
|
78
|
+
iconName = IconName.CHECK_CIRCLE;
|
|
79
|
+
iconColor = IconColor.SUCCESS;
|
|
80
|
+
break;
|
|
81
|
+
case StatusState.WARNING:
|
|
82
|
+
iconName = IconName.EXCLAMATION_CIRCLE;
|
|
83
|
+
iconColor = IconColor.WARNING;
|
|
84
|
+
break;
|
|
85
|
+
case StatusState.ERROR:
|
|
86
|
+
iconName = IconName.TIMES_CIRCLE;
|
|
87
|
+
iconColor = IconColor.ERROR;
|
|
88
|
+
break;
|
|
89
|
+
case StatusState.INFO:
|
|
90
|
+
iconName = IconName.INFOS_CIRCLE;
|
|
91
|
+
iconColor = IconColor.INFO;
|
|
92
|
+
break;
|
|
93
|
+
default:
|
|
94
|
+
break;
|
|
95
|
+
}
|
|
96
|
+
if (status) {
|
|
97
|
+
return (React.createElement(View, __assign({}, others), iconName && iconColor && (React.createElement(View, null,
|
|
98
|
+
React.createElement(View, { style: [
|
|
99
|
+
styles.iconStatus,
|
|
100
|
+
position === BadgePositionEnum.TOP_LEFT && styles.iconStatusPositionTopLeft ||
|
|
101
|
+
position === BadgePositionEnum.TOP_RIGHT && styles.iconStatusPositionTopRight ||
|
|
102
|
+
position === BadgePositionEnum.BOTTOM_LEFT && styles.iconStatusPositionBottomLeft ||
|
|
103
|
+
position === BadgePositionEnum.BOTTOM_RIGHT && styles.iconStatusPositionBottomRight ||
|
|
104
|
+
styles.iconStatusPositionTopLeft
|
|
105
|
+
] },
|
|
106
|
+
React.createElement(Icon, { name: iconName, size: IconSize.SMALLER, color: iconColor })),
|
|
107
|
+
React.createElement(View, null, children)))));
|
|
108
|
+
}
|
|
109
|
+
return onClick ? (React.createElement(View, __assign({}, others),
|
|
41
110
|
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId },
|
|
42
111
|
React.createElement(View, __assign({ style: styles.badge }, others),
|
|
43
112
|
React.createElement(Text, { style: styles.text }, label))))) : (React.createElement(View, __assign({ style: styles.badge }, others),
|
|
44
|
-
React.createElement(Text, { style: styles.text }, label)
|
|
113
|
+
React.createElement(Text, { style: styles.text }, label),
|
|
114
|
+
!label && children && (children)));
|
|
45
115
|
};
|
|
46
116
|
Badge.displayName = ComponentName.Badge;
|
|
47
117
|
export default Badge;
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9iYWRnZS9CYWRnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFDLE1BQU0sY0FBYyxDQUFBO0FBRXJFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQTtBQUM5RCxPQUFPLEVBQUMsYUFBYSxFQUFFLFlBQVksRUFBQyxNQUFNLHdCQUF3QixDQUFBO0FBQ2xFLE9BQU8sRUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQTtBQUNyRSxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLDhCQUE4QixDQUFBO0FBRTlEOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBZ0c7SUFBOUYsSUFBQSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQWxGLHVGQUFvRixDQUFGO0lBQy9GLElBQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxPQUFPLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQzlELElBQU0sU0FBUyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxhQUFhLEVBQUUsS0FBSztT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
|
|
@@ -14,6 +14,9 @@ export default {
|
|
|
14
14
|
"object",
|
|
15
15
|
"text",
|
|
16
16
|
"search",
|
|
17
|
+
"button",
|
|
18
|
+
"image",
|
|
19
|
+
"time",
|
|
17
20
|
"a",
|
|
18
21
|
"abbr",
|
|
19
22
|
"address",
|
|
@@ -29,7 +32,6 @@ export default {
|
|
|
29
32
|
"blockquote",
|
|
30
33
|
"body",
|
|
31
34
|
"br",
|
|
32
|
-
"button",
|
|
33
35
|
"canvas",
|
|
34
36
|
"caption",
|
|
35
37
|
"center",
|
|
@@ -121,7 +123,6 @@ export default {
|
|
|
121
123
|
"tfoot",
|
|
122
124
|
"th",
|
|
123
125
|
"thead",
|
|
124
|
-
"time",
|
|
125
126
|
"title",
|
|
126
127
|
"tr",
|
|
127
128
|
"track",
|
|
@@ -168,7 +169,6 @@ export default {
|
|
|
168
169
|
"filter",
|
|
169
170
|
"foreignObject",
|
|
170
171
|
"g",
|
|
171
|
-
"image",
|
|
172
172
|
"line",
|
|
173
173
|
"linearGradient",
|
|
174
174
|
"marker",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ButtonProps } from './ButtonProps';
|
|
3
3
|
/**
|
|
4
4
|
* Button component
|
|
@@ -22,5 +22,5 @@ import { ButtonProps } from './ButtonProps';
|
|
|
22
22
|
* @param styled {boolean} Component Wearing Styles - Hashed Trilogy Css
|
|
23
23
|
* @param type {ButtonType} button type (button|reset|submit)
|
|
24
24
|
*/
|
|
25
|
-
declare const Button:
|
|
25
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
26
26
|
export default Button;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
2
|
+
import { Icon } from '../../components/icon';
|
|
3
|
+
import { useTrilogyContext } from '../../context';
|
|
4
|
+
import { hashClass } from '../../helpers';
|
|
5
5
|
import { getButtonVariantClassName } from '../../objects/facets/Color';
|
|
6
|
+
import { is } from '../../services/index';
|
|
7
|
+
import clsx from 'clsx';
|
|
8
|
+
import React from 'react';
|
|
9
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
6
10
|
import { ButtonMarkup } from './ButtonEnum';
|
|
7
|
-
import { hashClass } from '../../helpers';
|
|
8
|
-
import { useTrilogyContext } from '../../context';
|
|
9
|
-
import { Icon } from '../../components/icon';
|
|
10
11
|
/**
|
|
11
12
|
* Button component
|
|
12
13
|
* @param loading {boolean} Loading button
|
|
@@ -29,14 +30,13 @@ import { Icon } from '../../components/icon';
|
|
|
29
30
|
* @param styled {boolean} Component Wearing Styles - Hashed Trilogy Css
|
|
30
31
|
* @param type {ButtonType} button type (button|reset|submit)
|
|
31
32
|
*/
|
|
32
|
-
var Button = function (_a) {
|
|
33
|
+
var Button = React.forwardRef(function (_a, ref) {
|
|
33
34
|
var markup = _a.markup, loading = _a.loading, variant = _a.variant, href = _a.href, id = _a.id, fullwidth = _a.fullwidth, children = _a.children, className = _a.className, to = _a.to, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, name = _a.name, routerLink = _a.routerLink, type = _a.type, iconName = _a.iconName, others = __rest(_a, ["markup", "loading", "variant", "href", "id", "fullwidth", "children", "className", "to", "accessibilityLabel", "onClick", "name", "routerLink", "type", "iconName"]);
|
|
34
35
|
var isDisabled = others.disabled || false;
|
|
35
36
|
var styled = useTrilogyContext().styled;
|
|
36
37
|
/** Check if specified markup is valid */
|
|
37
38
|
var isCorrectMarkup = function (stringMarkup) {
|
|
38
|
-
if (stringMarkup in ButtonMarkup ||
|
|
39
|
-
Object.values(ButtonMarkup).includes(stringMarkup))
|
|
39
|
+
if (stringMarkup in ButtonMarkup || Object.values(ButtonMarkup).includes(stringMarkup))
|
|
40
40
|
return true;
|
|
41
41
|
};
|
|
42
42
|
var getClassNames = function (loading, variant, fullwidth, className) {
|
|
@@ -44,13 +44,13 @@ var Button = function (_a) {
|
|
|
44
44
|
};
|
|
45
45
|
var classes = hashClass(styled, getClassNames(loading, variant, fullwidth, className));
|
|
46
46
|
var Tag = markup && isCorrectMarkup(markup) ? markup : 'button';
|
|
47
|
-
if (Tag === 'button' &&
|
|
48
|
-
return (React.createElement("button", __assign({ id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: function (e) {
|
|
47
|
+
if (Tag === 'button' && !href && !to) {
|
|
48
|
+
return (React.createElement("button", __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, className: classes, disabled: isDisabled, name: name, onClick: function (e) {
|
|
49
49
|
// eslint-disable-next-line no-unused-expressions
|
|
50
50
|
!isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
|
|
51
51
|
e.stopPropagation();
|
|
52
52
|
}, type: type !== null && type !== void 0 ? type : 'button' }, others),
|
|
53
|
-
iconName &&
|
|
53
|
+
iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
|
|
54
54
|
children));
|
|
55
55
|
}
|
|
56
56
|
if (Tag === 'input') {
|
|
@@ -63,7 +63,7 @@ var Button = function (_a) {
|
|
|
63
63
|
if (routerLink && to && !isDisabled) {
|
|
64
64
|
var RouterLink = (routerLink ? routerLink : 'a');
|
|
65
65
|
return (React.createElement(RouterLink, __assign({ "aria-label": accessibilityLabel, to: to, className: classes }, others),
|
|
66
|
-
iconName &&
|
|
66
|
+
iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
|
|
67
67
|
children));
|
|
68
68
|
}
|
|
69
69
|
return (React.createElement("a", __assign({ id: id, "aria-label": accessibilityLabel, className: classes, href: href, onClick: function (e) {
|
|
@@ -71,8 +71,9 @@ var Button = function (_a) {
|
|
|
71
71
|
!isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
|
|
72
72
|
e.stopPropagation();
|
|
73
73
|
} }, others),
|
|
74
|
-
iconName &&
|
|
74
|
+
iconName && React.createElement(Icon, { className: !children ? 'is-marginless' : '', name: iconName }),
|
|
75
75
|
children));
|
|
76
|
-
};
|
|
76
|
+
});
|
|
77
|
+
Button.displayName = ComponentName.Button;
|
|
77
78
|
export default Button;
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRWxFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsWUFBWSxFQUEwRCxNQUFNLGNBQWMsQ0FBQTtBQUduRzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBRUgsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDN0IsVUFDRSxFQWlCYyxFQUNkLEdBQWlDO0lBakIvQixJQUFBLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQWhCWCxxS0FpQkMsQ0FEVTtJQUlYLElBQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFBO0lBQ25D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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ComponentName } from
|
|
3
|
-
import { ButtonProps } from
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { ButtonProps } from './ButtonProps';
|
|
4
4
|
/**
|
|
5
5
|
* Button Native Component
|
|
6
6
|
* @param loading {boolean} Loading button
|