@trilogy-ds/react 0.0.1-beta.13 → 0.0.1-beta.15
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/box/Box.d.ts +3 -2
- package/lib/components/box/Box.js +17 -12
- package/lib/components/box/Box.js.map +1 -1
- package/lib/components/box/Box.native.d.ts +2 -1
- package/lib/components/box/Box.native.js +12 -7
- package/lib/components/box/Box.native.js.map +1 -1
- package/lib/components/box/BoxProps.d.ts +0 -1
- package/lib/components/box/header/BoxHeader.native.js +4 -0
- package/lib/components/box/header/BoxHeader.native.js.map +1 -1
- package/lib/components/button/Button.native.js +5 -5
- package/lib/components/button/Button.native.js.map +1 -1
- package/lib/components/card/Card.d.ts +4 -2
- package/lib/components/card/Card.js +12 -10
- package/lib/components/card/Card.js.map +1 -1
- package/lib/components/card/Card.native.d.ts +4 -2
- package/lib/components/card/Card.native.js +25 -21
- package/lib/components/card/Card.native.js.map +1 -1
- package/lib/components/card/CardProps.d.ts +2 -3
- package/lib/components/card/content/CardContent.native.d.ts +2 -2
- package/lib/components/card/content/CardContent.native.js +10 -13
- package/lib/components/card/content/CardContent.native.js.map +1 -1
- package/lib/components/card/content/CardContentProps.d.ts +6 -6
- package/lib/components/chips/Chips.native.js +4 -2
- package/lib/components/chips/Chips.native.js.map +1 -1
- package/lib/components/columns/Columns.native.d.ts +3 -3
- package/lib/components/columns/Columns.native.js +18 -10
- package/lib/components/columns/Columns.native.js.map +1 -1
- package/lib/components/container/Container.d.ts +1 -1
- package/lib/components/container/Container.js +2 -2
- package/lib/components/container/Container.js.map +1 -1
- package/lib/components/container/Container.native.js +5 -1
- package/lib/components/container/Container.native.js.map +1 -1
- package/lib/components/hero/Hero.d.ts +1 -1
- package/lib/components/hero/Hero.js +3 -7
- package/lib/components/hero/Hero.js.map +1 -1
- package/lib/components/hero/Hero.native.d.ts +3 -2
- package/lib/components/hero/Hero.native.js +14 -10
- package/lib/components/hero/Hero.native.js.map +1 -1
- package/lib/components/hero/HeroProps.d.ts +6 -6
- package/lib/components/icon/Icon.native.js +3 -0
- package/lib/components/icon/Icon.native.js.map +1 -1
- package/lib/components/image/Image.native.js +0 -1
- package/lib/components/image/Image.native.js.map +1 -1
- package/lib/components/link/Link.native.js +2 -3
- package/lib/components/link/Link.native.js.map +1 -1
- package/lib/components/modal/Modal.js +7 -9
- package/lib/components/modal/Modal.js.map +1 -1
- package/lib/components/modal/Modal.native.js +19 -24
- package/lib/components/modal/Modal.native.js.map +1 -1
- package/lib/components/modal/{ModalFooter.js → footer/ModalFooter.js} +2 -2
- package/lib/components/modal/footer/ModalFooter.js.map +1 -0
- package/lib/components/modal/footer/ModalFooter.native.d.ts +8 -0
- package/lib/components/modal/footer/ModalFooter.native.js +17 -0
- package/lib/components/modal/footer/ModalFooter.native.js.map +1 -0
- package/lib/components/modal/footer/ModalFooterProps.js.map +1 -0
- package/lib/components/modal/index.d.ts +2 -2
- package/lib/components/modal/index.js +2 -2
- package/lib/components/modal/index.js.map +1 -1
- package/lib/components/modal/{ModalTitle.d.ts → title/ModalTitle.d.ts} +1 -1
- package/lib/components/modal/{ModalTitle.js → title/ModalTitle.js} +4 -4
- package/lib/components/modal/title/ModalTitle.js.map +1 -0
- package/lib/components/modal/title/ModalTitle.native.d.ts +8 -0
- package/lib/components/modal/title/ModalTitle.native.js +19 -0
- package/lib/components/modal/title/ModalTitle.native.js.map +1 -0
- package/lib/components/modal/{ModalTitleProps.d.ts → title/ModalTitleProps.d.ts} +1 -1
- package/lib/components/modal/title/ModalTitleProps.js.map +1 -0
- package/lib/components/price/Price.native.js +4 -1
- package/lib/components/price/Price.native.js.map +1 -1
- package/lib/components/section/Section.d.ts +1 -1
- package/lib/components/section/Section.js +2 -2
- package/lib/components/section/Section.js.map +1 -1
- package/lib/components/section/SectionProps.d.ts +0 -1
- package/lib/components/tabs/item/TabsItem.native.js +1 -1
- package/lib/components/tabs/item/TabsItem.native.js.map +1 -1
- package/lib/components/text/Text.native.js +5 -2
- package/lib/components/text/Text.native.js.map +1 -1
- package/lib/components/title/Title.native.js +9 -5
- package/lib/components/title/Title.native.js.map +1 -1
- package/lib/components/view/View.d.ts +1 -1
- package/lib/components/view/View.js +3 -3
- package/lib/components/view/View.js.map +1 -1
- package/lib/components/view/View.native.d.ts +1 -1
- package/lib/components/view/View.native.js +3 -3
- package/lib/components/view/View.native.js.map +1 -1
- package/lib/components/view/ViewProps.d.ts +2 -4
- package/lib/context/providerStates.d.ts +6 -0
- package/lib/context/providerStates.js +7 -0
- package/lib/context/providerStates.js.map +1 -0
- package/lib/context/providerTheme.d.ts +7 -1
- package/lib/context/providerTheme.js +5 -0
- package/lib/context/providerTheme.js.map +1 -1
- package/lib/context/providerTheme.native.d.ts +0 -1
- package/lib/context/providerTheme.native.js +2 -3
- package/lib/context/providerTheme.native.js.map +1 -1
- package/lib/objects/Typography/TypographyColor.js +20 -20
- package/lib/objects/Typography/TypographyColor.js.map +1 -1
- package/lib/objects/atoms/Background.d.ts +15 -4
- package/lib/objects/atoms/Background.js +6 -1
- package/lib/objects/atoms/Background.js.map +1 -1
- package/lib/objects/facets/Color.d.ts +1 -1
- package/lib/objects/facets/Color.js +62 -19
- package/lib/objects/facets/Color.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/components/modal/ModalFooter.js.map +0 -1
- package/lib/components/modal/ModalFooterProps.js.map +0 -1
- package/lib/components/modal/ModalTitle.js.map +0 -1
- package/lib/components/modal/ModalTitleProps.js.map +0 -1
- package/lib/objects/facets/Color.native.d.ts +0 -29
- package/lib/objects/facets/Color.native.js +0 -72
- package/lib/objects/facets/Color.native.js.map +0 -1
- /package/lib/components/modal/{ModalFooter.d.ts → footer/ModalFooter.d.ts} +0 -0
- /package/lib/components/modal/{ModalFooterProps.d.ts → footer/ModalFooterProps.d.ts} +0 -0
- /package/lib/components/modal/{ModalFooterProps.js → footer/ModalFooterProps.js} +0 -0
- /package/lib/components/modal/{ModalTitleProps.js → title/ModalTitleProps.js} +0 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { useEffect, useRef, useState } from "react";
|
|
2
2
|
import { is } from "../../services";
|
|
3
|
-
import { Button, ButtonList, ButtonType } from "../button";
|
|
3
|
+
import { Button, ButtonList, ButtonType, ButtonVariant } from "../button";
|
|
4
4
|
import { Text } from "../text";
|
|
5
5
|
import { ModalMarkup } from "./ModalEnum";
|
|
6
|
-
import ModalTitle from "./ModalTitle";
|
|
7
|
-
import ModalFooter from "./ModalFooter";
|
|
6
|
+
import ModalTitle from "./title/ModalTitle";
|
|
7
|
+
import ModalFooter from "./footer/ModalFooter";
|
|
8
8
|
import { hashClass } from "../../helpers";
|
|
9
9
|
import clsx from "clsx";
|
|
10
10
|
import { useTrilogyContext } from "../../context";
|
|
@@ -91,7 +91,7 @@ const Modal = ({ children, className, contentClassNames, active, title, content,
|
|
|
91
91
|
? triggerMarkup
|
|
92
92
|
: "button"), [triggerMarkup]);
|
|
93
93
|
const ModalContentButton = ({ ...props }) => (React.createElement(Button, { markup: "button", className: is("PRIMARY"), ...props }));
|
|
94
|
-
const ModalCancelButton = ({ onCloseFunc, }) => (React.createElement(Button, { variant:
|
|
94
|
+
const ModalCancelButton = ({ onCloseFunc, }) => (React.createElement(Button, { variant: ButtonVariant.SECONDARY, onClick: (e) => {
|
|
95
95
|
handleClose(onCloseFunc, e);
|
|
96
96
|
}, type: ButtonType.BUTTON }, "Annuler"));
|
|
97
97
|
const CloseButton = ({ onCloseFunc }) => (React.createElement("button", { onClick: (e) => {
|
|
@@ -102,16 +102,14 @@ const Modal = ({ children, className, contentClassNames, active, title, content,
|
|
|
102
102
|
handleOpen(onOpen, e);
|
|
103
103
|
}, className: hashClass(styled, clsx(triggerClassNames)) }, triggerContent)),
|
|
104
104
|
React.createElement("div", { className: classes, ...others },
|
|
105
|
-
React.createElement("div", { className: hashClass(styled, clsx("modal-background")) }),
|
|
106
105
|
React.createElement("div", { ref: modal, className: contentClasses },
|
|
107
106
|
closeIcon && React.createElement(CloseButton, { onCloseFunc: onClose }),
|
|
108
107
|
(title || iconName) && (React.createElement(ModalTitle, { iconColor: iconColor, iconName: iconName }, title)),
|
|
109
108
|
content && typeof content === "string" ? (React.createElement(Text, null, content)) : (content),
|
|
110
109
|
children != null && children,
|
|
111
|
-
(ctaOnClick != null || ctaCancelOnClick != null) && (React.createElement(ButtonList, { centered: true, className: is("flex") },
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
footer && (React.createElement(ModalFooter, { className: footerClasses }, footer))))));
|
|
110
|
+
React.createElement(ModalFooter, { className: footerClasses }, (ctaOnClick != null || ctaCancelOnClick != null) && (React.createElement(ButtonList, { centered: true, className: is("flex") },
|
|
111
|
+
ctaCancelOnClick && (React.createElement(ModalCancelButton, { onCloseFunc: ctaCancelOnClick })),
|
|
112
|
+
ctaOnClick && (React.createElement(ModalContentButton, { onClick: ctaOnClick }, ctaContent)))) || footer)))));
|
|
115
113
|
};
|
|
116
114
|
export default Modal;
|
|
117
115
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../components/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useEffect, useRef, useState } from "react";
|
|
2
|
-
import { Animated, Dimensions, StyleSheet, TouchableOpacity, } from "react-native";
|
|
2
|
+
import { Animated, Dimensions, ScrollView, StyleSheet, TouchableOpacity, } from "react-native";
|
|
3
3
|
import NativeModal from "react-native-modal";
|
|
4
4
|
import { Text } from "../text";
|
|
5
5
|
import { Button, ButtonVariant } from "../button";
|
|
@@ -7,6 +7,8 @@ import { View } from "../view";
|
|
|
7
7
|
import { Icon, IconName, IconSize } from "../icon";
|
|
8
8
|
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
9
9
|
import { ComponentName } from "../enumsComponentsName";
|
|
10
|
+
import ModalTitle from "./title/ModalTitle";
|
|
11
|
+
import ModalFooter from "./footer/ModalFooter";
|
|
10
12
|
/**
|
|
11
13
|
* Modal Component
|
|
12
14
|
* @param active {boolean} Activated Modal
|
|
@@ -90,10 +92,7 @@ const Modal = ({ children, active = false, title, content, iconName, iconColor,
|
|
|
90
92
|
const translateAnim = useRef(new Animated.Value(defaultAnimPosition)).current;
|
|
91
93
|
const [visible, setVisible] = useState(active || false);
|
|
92
94
|
useEffect(() => {
|
|
93
|
-
|
|
94
|
-
}, [active]);
|
|
95
|
-
useEffect(() => {
|
|
96
|
-
if (active) {
|
|
95
|
+
if (visible) {
|
|
97
96
|
Animated.timing(translateAnim, {
|
|
98
97
|
toValue: 0,
|
|
99
98
|
duration: 500,
|
|
@@ -104,37 +103,25 @@ const Modal = ({ children, active = false, title, content, iconName, iconColor,
|
|
|
104
103
|
translateAnim.setValue(defaultAnimPosition);
|
|
105
104
|
}
|
|
106
105
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
107
|
-
}, [
|
|
106
|
+
}, [visible]);
|
|
108
107
|
const close = (e) => {
|
|
109
108
|
if (onClose)
|
|
110
109
|
onClose(e);
|
|
110
|
+
setVisible(false);
|
|
111
111
|
};
|
|
112
|
-
const modalChildren = children !== null && children !== void 0 ? children : (React.createElement(View, { style: { padding:
|
|
113
|
-
React.createElement(TouchableOpacity, { onPressIn: close },
|
|
114
|
-
React.createElement(Icon, { style: { flexDirection: "row", alignSelf: "flex-end" }, name: IconName.TIMES, size: IconSize.SMALL, color: TrilogyColor.NEUTRAL })),
|
|
115
|
-
iconName && (React.createElement(View, { style: styles.iconCenter },
|
|
116
|
-
React.createElement(Icon, { size: IconSize.HUGE, color: iconColor, name: iconName }))),
|
|
117
|
-
title && React.createElement(Text, { style: styles.title }, title),
|
|
118
|
-
content && typeof content === "string" ? (React.createElement(Text, { style: styles.content }, content)) : (content),
|
|
119
|
-
ctaContent && (React.createElement(View, { style: { paddingTop: 15 } },
|
|
120
|
-
React.createElement(Button, { variant: ButtonVariant.PRIMARY, onClick: ctaOnClick },
|
|
121
|
-
"totor",
|
|
122
|
-
ctaContent))),
|
|
123
|
-
ctaCancelOnClick && (React.createElement(View, { style: { paddingTop: 15 } },
|
|
124
|
-
React.createElement(Button, { variant: ButtonVariant.PRIMARY, onClick: (e) => {
|
|
125
|
-
ctaCancelOnClick(e);
|
|
126
|
-
} }, "Annuler")))));
|
|
112
|
+
const modalChildren = children !== null && children !== void 0 ? children : (React.createElement(View, { style: { padding: 17 } }, content && typeof content === "string" ? (React.createElement(Text, { style: styles.content }, content)) : (content)));
|
|
127
113
|
return (React.createElement(React.Fragment, null,
|
|
128
114
|
triggerContent && (React.createElement(Button, { variant: ButtonVariant.PRIMARY, onClick: (e) => {
|
|
129
115
|
if (onOpen)
|
|
130
116
|
onOpen(e);
|
|
117
|
+
setVisible(true);
|
|
131
118
|
} }, triggerContent)),
|
|
132
119
|
React.createElement(NativeModal
|
|
133
120
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
134
121
|
, {
|
|
135
122
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
136
123
|
onSwipeComplete: (e) => {
|
|
137
|
-
setVisible(!visible)
|
|
124
|
+
// setVisible(!visible)
|
|
138
125
|
close(e);
|
|
139
126
|
}, onModalHide: onModalHide, swipeDirection: swipable ? "down" : undefined, isVisible: visible, statusBarTranslucent: true, style: { width: "100%", padding: 0, margin: 0 }, ...others },
|
|
140
127
|
React.createElement(View, { style: [
|
|
@@ -151,12 +138,20 @@ const Modal = ({ children, active = false, title, content, iconName, iconColor,
|
|
|
151
138
|
React.createElement(View, { style: { flexShrink: 1 } },
|
|
152
139
|
React.createElement(Animated.View, { style: [
|
|
153
140
|
styles.childrenContainer,
|
|
154
|
-
{ transform: [{ translateY: translateAnim }] }
|
|
141
|
+
{ transform: [{ translateY: translateAnim }] }
|
|
155
142
|
] },
|
|
156
143
|
closeIcon && (React.createElement(View, { style: { width: "100%" } },
|
|
157
144
|
React.createElement(TouchableOpacity, { style: { alignSelf: "flex-end", right: 20 }, onPress: close },
|
|
158
145
|
React.createElement(Icon, { name: IconName.TIMES, size: IconSize.SMALL, color: TrilogyColor.NEUTRAL })))),
|
|
159
|
-
|
|
146
|
+
(title || iconName) && React.createElement(ModalTitle, { iconName: iconName }, title),
|
|
147
|
+
React.createElement(ScrollView, { contentContainerStyle: { flexGrow: 1 } }, modalChildren),
|
|
148
|
+
(ctaContent || ctaCancelOnClick) && (React.createElement(ModalFooter, null,
|
|
149
|
+
(ctaContent &&
|
|
150
|
+
React.createElement(Button, { variant: ButtonVariant.PRIMARY, onClick: ctaOnClick }, ctaContent)),
|
|
151
|
+
(ctaCancelOnClick &&
|
|
152
|
+
React.createElement(Button, { variant: ButtonVariant.SECONDARY, onClick: (e) => {
|
|
153
|
+
ctaCancelOnClick(e);
|
|
154
|
+
} }, " Annuler ")))))),
|
|
160
155
|
React.createElement(TouchableOpacity, { activeOpacity: 1, style: {
|
|
161
156
|
width: "100%",
|
|
162
157
|
minHeight: bottom ? 0 : 50,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.native.js","sourceRoot":"","sources":["../../../components/modal/Modal.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"Modal.native.js","sourceRoot":"","sources":["../../../components/modal/Modal.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { hashClass } from "
|
|
2
|
+
import { hashClass } from "../../../helpers";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import { useTrilogyContext } from "
|
|
4
|
+
import { useTrilogyContext } from "../../../context";
|
|
5
5
|
/**
|
|
6
6
|
* Modal Title Component
|
|
7
7
|
* @param children {React.ReactNode}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../../../components/modal/footer/ModalFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,GACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,IAC/D,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ModalFooterProps } from "./ModalFooterProps";
|
|
3
|
+
import { ComponentName } from "../../enumsComponentsName";
|
|
4
|
+
declare const ModalFooter: {
|
|
5
|
+
({ children, ...others }: ModalFooterProps): JSX.Element;
|
|
6
|
+
displayName: ComponentName;
|
|
7
|
+
};
|
|
8
|
+
export default ModalFooter;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ComponentName } from "../../enumsComponentsName";
|
|
3
|
+
import { View } from "../../view";
|
|
4
|
+
import { Title, TitleLevels } from "../../title";
|
|
5
|
+
const styles = {
|
|
6
|
+
position: "sticky",
|
|
7
|
+
bottom: 0,
|
|
8
|
+
width: "100%",
|
|
9
|
+
textAlign: 'right',
|
|
10
|
+
padding: 16,
|
|
11
|
+
};
|
|
12
|
+
const ModalFooter = ({ children, ...others }) => {
|
|
13
|
+
return React.createElement(View, { ...others, style: styles }, typeof children === "string" && (React.createElement(Title, { level: TitleLevels.THREE, style: { width: "100%", textAlign: 'center' } }, children)) || (children));
|
|
14
|
+
};
|
|
15
|
+
ModalFooter.displayName = ComponentName.ModalFooter;
|
|
16
|
+
export default ModalFooter;
|
|
17
|
+
//# sourceMappingURL=ModalFooter.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalFooter.native.js","sourceRoot":"","sources":["../../../../components/modal/footer/ModalFooter.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAC,KAAK,EAAE,WAAW,EAAC,MAAM,aAAa,CAAA;AAG9C,MAAM,MAAM,GAAG;IACb,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,CAAC;IACT,KAAK,EAAC,MAAM;IACZ,SAAS,EAAC,OAAO;IACjB,OAAO,EAAE,EAAE;CACZ,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAoB,EAAe,EAAE;IAC7E,OAAO,oBAAC,IAAI,OAAK,MAAM,EAAE,KAAK,EAAE,MAAM,IAClC,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAClC,oBAAC,KAAK,IAAC,KAAK,EAAE,WAAW,CAAC,KAAK,EAAG,KAAK,EAAE,EAAC,KAAK,EAAC,MAAM,EAAE,SAAS,EAAC,QAAQ,EAAC,IAAG,QAAQ,CAAS,CAC9F,IAAI,CACL,QAAQ,CACP,CAAQ,CAAA;AACb,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAA;AAEnD,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalFooterProps.js","sourceRoot":"","sources":["../../../../components/modal/footer/ModalFooterProps.ts"],"names":[],"mappings":""}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import Modal from './Modal';
|
|
2
|
-
import ModalFooter from './ModalFooter';
|
|
3
|
-
import ModalTitle from './ModalTitle';
|
|
2
|
+
import ModalFooter from './footer/ModalFooter';
|
|
3
|
+
import ModalTitle from './title/ModalTitle';
|
|
4
4
|
export * from './ModalEnum';
|
|
5
5
|
export { Modal, ModalFooter, ModalTitle };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import Modal from './Modal';
|
|
2
|
-
import ModalFooter from './ModalFooter';
|
|
3
|
-
import ModalTitle from './ModalTitle';
|
|
2
|
+
import ModalFooter from './footer/ModalFooter';
|
|
3
|
+
import ModalTitle from './title/ModalTitle';
|
|
4
4
|
export * from './ModalEnum';
|
|
5
5
|
export { Modal, ModalFooter, ModalTitle };
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,WAAW,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,WAAW,MAAM,sBAAsB,CAAA;AAC9C,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAE3C,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -7,5 +7,5 @@ import { ModalTitleProps } from "./ModalTitleProps";
|
|
|
7
7
|
* @param iconName {IconName} IconName for icon title
|
|
8
8
|
* @param iconColor {IconColor} IconColor for icon title
|
|
9
9
|
*/
|
|
10
|
-
declare const ModalTitle: ({ children, className, iconColor, iconName
|
|
10
|
+
declare const ModalTitle: ({ children, className, iconColor, iconName }: ModalTitleProps) => JSX.Element;
|
|
11
11
|
export default ModalTitle;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { Icon } from "
|
|
3
|
-
import { hashClass } from "
|
|
2
|
+
import { Icon } from "../../icon";
|
|
3
|
+
import { hashClass } from "../../../helpers";
|
|
4
4
|
import clsx from "clsx";
|
|
5
|
-
import { useTrilogyContext } from "
|
|
5
|
+
import { useTrilogyContext } from "../../../context";
|
|
6
6
|
/**
|
|
7
7
|
* Modal Title Component
|
|
8
8
|
* @param children {string}
|
|
@@ -10,7 +10,7 @@ import { useTrilogyContext } from "../../context";
|
|
|
10
10
|
* @param iconName {IconName} IconName for icon title
|
|
11
11
|
* @param iconColor {IconColor} IconColor for icon title
|
|
12
12
|
*/
|
|
13
|
-
const ModalTitle = ({ children, className, iconColor, iconName
|
|
13
|
+
const ModalTitle = ({ children, className, iconColor, iconName }) => {
|
|
14
14
|
const { styled } = useTrilogyContext();
|
|
15
15
|
return (React.createElement("div", { className: hashClass(styled, clsx("modal-title", className)) }, iconName ? (React.createElement(Icon, { color: iconColor, size: "large", name: iconName, content: children, position: 'up' })) : (children)));
|
|
16
16
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalTitle.js","sourceRoot":"","sources":["../../../../components/modal/title/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACQ,EAAe,EAAE;IACjC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,IAC9D,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACH,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAC,IAAI,GACb,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ModalTitleProps } from "./ModalTitleProps";
|
|
3
|
+
import { ComponentName } from "../../enumsComponentsName";
|
|
4
|
+
declare const ModalTitle: {
|
|
5
|
+
({ children, iconName, iconColor, ...others }: ModalTitleProps): JSX.Element;
|
|
6
|
+
displayName: ComponentName;
|
|
7
|
+
};
|
|
8
|
+
export default ModalTitle;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ComponentName } from "../../enumsComponentsName";
|
|
3
|
+
import { View } from "../../view";
|
|
4
|
+
import { Icon } from "../../icon";
|
|
5
|
+
import { Title, TitleLevels } from "../../title";
|
|
6
|
+
const styles = {
|
|
7
|
+
padding: 8,
|
|
8
|
+
position: "sticky",
|
|
9
|
+
top: "0px",
|
|
10
|
+
width: "100%",
|
|
11
|
+
};
|
|
12
|
+
const ModalTitle = ({ children, iconName, iconColor, ...others }) => {
|
|
13
|
+
return React.createElement(View, { style: styles, ...others }, typeof children === "string" && (React.createElement(Title, { level: TitleLevels.THREE },
|
|
14
|
+
iconName && React.createElement(Icon, { color: iconColor, size: "large", name: iconName }),
|
|
15
|
+
children)) || (children));
|
|
16
|
+
};
|
|
17
|
+
ModalTitle.displayName = ComponentName.ModalTitle;
|
|
18
|
+
export default ModalTitle;
|
|
19
|
+
//# sourceMappingURL=ModalTitle.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalTitle.native.js","sourceRoot":"","sources":["../../../../components/modal/title/ModalTitle.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAC,IAAI,EAAC,MAAM,YAAY,CAAA;AAC/B,OAAO,EAAC,KAAK,EAAE,WAAW,EAAC,MAAM,aAAa,CAAA;AAE9C,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,CAAC;IACV,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,KAAK;IACV,KAAK,EAAC,MAAM;CAEb,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,MAAM,EAAmB,EAAe,EAAE;IAChG,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,KAAM,MAAM,IAClC,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAClC,oBAAC,KAAK,IAAC,KAAK,EAAE,WAAW,CAAC,KAAK;QAC5B,QAAQ,IAAI,oBAAC,IAAI,IAChB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,QAAQ,GACd;QACD,QAAQ,CACH,CACL,IAAI,CACL,QAAQ,CACP,CACG,CAAA;AACV,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalTitleProps.js","sourceRoot":"","sources":["../../../../components/modal/title/ModalTitleProps.ts"],"names":[],"mappings":""}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import React, { useMemo } from "react";
|
|
1
|
+
import React, { useContext, useMemo } from "react";
|
|
2
2
|
import { StyleSheet, Text, View } from "react-native";
|
|
3
3
|
import { PriceLevel } from "./PriceEnum";
|
|
4
4
|
import { Alignable, getAlertStyle, getColorStyle, TrilogyColor, } from "../../objects";
|
|
5
5
|
import { checkCents } from "./PriceHelpers";
|
|
6
6
|
import { ComponentName } from "../enumsComponentsName";
|
|
7
|
+
import { StatesContext } from "../../context/providerStates";
|
|
7
8
|
/**
|
|
8
9
|
* Price Component
|
|
9
10
|
* @param amount {number} Amount for Price
|
|
@@ -22,6 +23,7 @@ import { ComponentName } from "../enumsComponentsName";
|
|
|
22
23
|
*/
|
|
23
24
|
const Price = ({ amount, mention, period, showCents, level, inverted, align, alert, inline, testId, accessibilityLabel, striked, suptitle, ...others }) => {
|
|
24
25
|
var _a;
|
|
26
|
+
const statesContext = useContext(StatesContext);
|
|
25
27
|
const isNegative = amount < 0;
|
|
26
28
|
const absoluteAmount = Math.abs(amount);
|
|
27
29
|
const absoluteWhole = Math.floor(absoluteAmount);
|
|
@@ -41,6 +43,7 @@ const Price = ({ amount, mention, period, showCents, level, inverted, align, ale
|
|
|
41
43
|
const centsLevel = priceLevel * 0.4;
|
|
42
44
|
const suptitleLevel = priceLevel * 0.2;
|
|
43
45
|
const color = useMemo(() => (inverted && !striked && invertedColor) ||
|
|
46
|
+
(statesContext.inverted && invertedColor) ||
|
|
44
47
|
(inverted && striked && getColorStyle(TrilogyColor.FONT, 1)) ||
|
|
45
48
|
(alert && getAlertStyle(alert)) ||
|
|
46
49
|
(!striked && !inverted && primaryColor) ||
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Price.native.js","sourceRoot":"","sources":["../../../components/price/Price.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Price.native.js","sourceRoot":"","sources":["../../../components/price/Price.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,5 +10,5 @@ import { SectionProps } from './SectionProps';
|
|
|
10
10
|
* @param paddingless {boolean} remove padding
|
|
11
11
|
* @param verticalPaddingless {boolean} remove vertical padding
|
|
12
12
|
**/
|
|
13
|
-
declare const Section: ({ className, skeleton, background, backgroundSrc, paddingless, verticalPaddingless, fullwidth, ...others }: SectionProps) => JSX.Element;
|
|
13
|
+
declare const Section: ({ className, skeleton, background, backgroundSrc, inverted, paddingless, verticalPaddingless, fullwidth, ...others }: SectionProps) => JSX.Element;
|
|
14
14
|
export default Section;
|
|
@@ -14,13 +14,13 @@ import { useTrilogyContext } from '../../context';
|
|
|
14
14
|
* @param paddingless {boolean} remove padding
|
|
15
15
|
* @param verticalPaddingless {boolean} remove vertical padding
|
|
16
16
|
**/
|
|
17
|
-
const Section = ({ className, skeleton, background, backgroundSrc, paddingless, verticalPaddingless, fullwidth, ...others }) => {
|
|
17
|
+
const Section = ({ className, skeleton, background, backgroundSrc, inverted, paddingless, verticalPaddingless, fullwidth, ...others }) => {
|
|
18
18
|
const { styled } = useTrilogyContext();
|
|
19
19
|
const [isLoading, setIsLoading] = useState(skeleton || false);
|
|
20
20
|
useEffect(() => {
|
|
21
21
|
setIsLoading(skeleton || false);
|
|
22
22
|
}, [skeleton]);
|
|
23
|
-
const _className = hashClass(styled, clsx('section', className, isLoading ? is('loading') : is('loaded'), fullwidth && is('fullwidth'), paddingless && is('paddingless'), verticalPaddingless && is('vertical-paddingless')
|
|
23
|
+
const _className = hashClass(styled, clsx('section', className, background && has(getBackgroundClassName(background)), backgroundSrc && has('background'), inverted && is('inverted'), isLoading ? is('loading') : is('loaded'), fullwidth && is('fullwidth'), paddingless && is('paddingless'), verticalPaddingless && is('vertical-paddingless')));
|
|
24
24
|
return (React.createElement("section", { ...(backgroundSrc && {
|
|
25
25
|
style: { backgroundImage: `url(${backgroundSrc})`, backgroundSize: 'cover', backgroundPosition: '50%' },
|
|
26
26
|
}), className: _className, ...others }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,mBAAmB,IAAI,EAAE,CAAC,sBAAsB,CAAC,CAClD,CACF,CAAA;IAED,OAAO,CACL,oCACM,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE;SACxG,CAAC,EACF,SAAS,EAAE,UAAU,KACjB,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -5,5 +5,4 @@ import type { BackgroundProps, Fullwidth, Layout, Paddingless, Position, Vertica
|
|
|
5
5
|
export interface SectionProps extends Layout, Fullwidth, BackgroundProps, Position, Paddingless, VerticalPaddingless, ChildrenWithNoText {
|
|
6
6
|
className?: string;
|
|
7
7
|
skeleton?: boolean;
|
|
8
|
-
backgroundSrc?: string;
|
|
9
8
|
}
|
|
@@ -30,7 +30,7 @@ const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, dis
|
|
|
30
30
|
}, [inverted, disabled, active]);
|
|
31
31
|
const getBorderColor = React.useMemo(() => {
|
|
32
32
|
if (disabled)
|
|
33
|
-
return
|
|
33
|
+
return "transparent";
|
|
34
34
|
if (inverted) {
|
|
35
35
|
if (active)
|
|
36
36
|
return getColorStyle(TrilogyColor.WHITE);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsItem.native.js","sourceRoot":"","sources":["../../../../components/tabs/item/TabsItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"TabsItem.native.js","sourceRoot":"","sources":["../../../../components/tabs/item/TabsItem.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useContext } from "react";
|
|
2
2
|
import { Platform, StyleSheet, Text as TextNative, View } from "react-native";
|
|
3
3
|
import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, } from "../../objects/Typography";
|
|
4
4
|
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
5
5
|
import ContentLoader, { Rect } from "react-content-loader/native";
|
|
6
6
|
import { ComponentName } from "../enumsComponentsName";
|
|
7
|
+
import { StatesContext } from "../../context/providerStates";
|
|
7
8
|
/**
|
|
8
9
|
* Text Native Component
|
|
9
10
|
* @param children {string} Text child
|
|
@@ -20,6 +21,7 @@ import { ComponentName } from "../enumsComponentsName";
|
|
|
20
21
|
* @param others
|
|
21
22
|
*/
|
|
22
23
|
const Text = ({ children, level, style, inverted, typo, onClick, skeleton, testId, accessibilityLabel, link, numberOfLines = 0, ...others }) => {
|
|
24
|
+
const statesContext = useContext(StatesContext);
|
|
23
25
|
const textLevels = (level) => {
|
|
24
26
|
return ((level && level == "ONE" && 16) ||
|
|
25
27
|
(level && level == "TWO" && 14) ||
|
|
@@ -31,7 +33,8 @@ const Text = ({ children, level, style, inverted, typo, onClick, skeleton, testI
|
|
|
31
33
|
text: {
|
|
32
34
|
fontFamily: getTypographyBoldStyle(typo, level),
|
|
33
35
|
fontSize: textLevels(level),
|
|
34
|
-
color: (!skeleton &&
|
|
36
|
+
color: (!skeleton &&
|
|
37
|
+
setTypographyColor(typo, inverted || statesContext.inverted)) ||
|
|
35
38
|
(link && getColorStyle(TrilogyColor.FONT)) ||
|
|
36
39
|
"transparent",
|
|
37
40
|
textAlign: setTypographyAlign(typo),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.native.js","sourceRoot":"","sources":["../../../components/text/Text.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Text.native.js","sourceRoot":"","sources":["../../../components/text/Text.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,IAAI,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE7E,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,kBAAkB,GAAG,MAAM,0BAA0B,CAAA;AAC1G,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAExE,OAAO,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAE5D;;;;;;;;;;;;;;GAcG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,IAAI,EACJ,aAAa,GAAG,CAAC,EACjB,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,CAAC,KAAmC,EAAE,EAAE;QACzD,OAAO,CACL,CAAC,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,EAAE,CAAC;YAC/B,CAAC,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,EAAE,CAAC;YAC/B,CAAC,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,EAAE,CAAC;YACjC,CAAC,KAAK,IAAI,KAAK,IAAI,MAAM,IAAI,EAAE,CAAC;YAChC,EAAE,CACH,CAAA;IACH,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,UAAU,EAAE,sBAAsB,CAAC,IAAI,EAAE,KAAK,CAAC;YAC/C,QAAQ,EAAE,UAAU,CAAC,KAAqC,CAAC;YAC3D,KAAK,EACH,CAAC,CAAC,QAAQ;gBACR,kBAAkB,CAAC,IAAI,EAAE,QAAQ,IAAI,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAC/D,CAAC,IAAI,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAC1C,aAAa;YACf,SAAS,EAAE,kBAAkB,CAAC,IAAI,CAAC;YACnC,UAAU,EAAE,UAAU,CAAC,KAAqC,CAAC,GAAG,GAAG;YACnE,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM;YAC/C,SAAS,EACP,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,YAAY,CAAC;gBACrD,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,QAAQ,IAAI,QAAQ,CAAC;gBACnD,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,OAAO,IAAI,UAAU,CAAC;gBACpD,YAAY;SACf;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,EAAE;YACZ,SAAS,EACP,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,YAAY,CAAC;gBACrD,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,QAAQ,IAAI,QAAQ,CAAC;gBACnD,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,OAAO,IAAI,UAAU,CAAC;gBACpD,YAAY;YAEd,YAAY,EACV,CAAC,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,CAAC,CAAC;gBAC9B,CAAC,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,CAAC,CAAC;gBAC9B,CAAC,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,CAAC,CAAC;gBAChC,CAAC;YACH,WAAW,EAAE,GAAG;YAChB,WAAW,EAAE,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC;YACtD,QAAQ,EAAE,QAAQ;YAClB,MAAM,EAAE,UAAU,CAAC,KAAqC,CAAC;SAC1D;KACF,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,MAAM;QACvB,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,OAAO,QAAQ,KAAK,QAAQ;YAC9B,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,cAAc,CAAA;IAClB,MAAM,sBAAsB,GAAG,kBAAkB;QAC/C,CAAC,CAAC,kBAAkB;QACpB,CAAC,CAAC,OAAO,QAAQ,KAAK,QAAQ;YAC9B,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,SAAS,CAAA;IAEb,IAAI,QAAQ,GAAgB,CAC1B,oBAAC,UAAU,IACT,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAC,MAAM,EACpB,qBAAqB,EAAE,GAAG,EAC1B,UAAU,EAAE,CAAC,CAAC,sBAAsB,EACpC,kBAAkB,EAAE,sBAAsB,EAC1C,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,KACvB,MAAM,IAET,QAAQ,CACE,CACd,CAAA;IAED,IAAI,QAAQ,EAAE;QACZ,QAAQ,GAAG,CACT,oBAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ;YAClC,QAAQ;YACR,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B,oBAAC,IAAI;gBACH,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CAC5C,CACR,CACa,CACjB,CAAA;KACF;IACD,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,IAC7C,QAAQ,CACE,CACd,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { useContext } from "react";
|
|
3
|
+
import { Platform, StyleSheet, Text as TextNative, TouchableOpacity, View, } from "react-native";
|
|
3
4
|
import ContentLoader, { Rect } from "react-content-loader/native";
|
|
4
5
|
import { setTypographyAlign, setTypographyColor } from "../../objects";
|
|
5
6
|
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
6
7
|
import { ComponentName } from "../enumsComponentsName";
|
|
8
|
+
import { StatesContext } from "../../context/providerStates";
|
|
7
9
|
/**
|
|
8
10
|
* Title Native Component
|
|
9
11
|
* @param children {ReactNode} Text child
|
|
@@ -17,6 +19,7 @@ import { ComponentName } from "../enumsComponentsName";
|
|
|
17
19
|
* @param accessibilityLabel {string} Accessibility label
|
|
18
20
|
*/
|
|
19
21
|
const Title = ({ children, level, style, inverted, typo, onClick, skeleton, testId, accessibilityLabel, subtitle, overline, ...others }) => {
|
|
22
|
+
const statesContext = useContext(StatesContext);
|
|
20
23
|
const titlesLevels = () => {
|
|
21
24
|
switch (level) {
|
|
22
25
|
case "ONE":
|
|
@@ -58,8 +61,9 @@ const Title = ({ children, level, style, inverted, typo, onClick, skeleton, test
|
|
|
58
61
|
fontSize: titlesLevels(),
|
|
59
62
|
color: ((overline || subtitle) &&
|
|
60
63
|
!level &&
|
|
61
|
-
getColorStyle(TrilogyColor.MAIN)) ||
|
|
62
|
-
(!skeleton &&
|
|
64
|
+
getColorStyle(TrilogyColor.MAIN, 0)) ||
|
|
65
|
+
(!skeleton &&
|
|
66
|
+
setTypographyColor(typo, inverted || statesContext.inverted)) ||
|
|
63
67
|
"transparent",
|
|
64
68
|
textAlign: setTypographyAlign(typo),
|
|
65
69
|
textTransform: overline && !level ? "uppercase" : undefined,
|
|
@@ -70,7 +74,7 @@ const Title = ({ children, level, style, inverted, typo, onClick, skeleton, test
|
|
|
70
74
|
alignSelf: getAlignSelf(),
|
|
71
75
|
borderRadius: 5,
|
|
72
76
|
borderWidth: 0.1,
|
|
73
|
-
borderColor: getColorStyle(TrilogyColor.NEUTRAL_LIGHT),
|
|
77
|
+
borderColor: getColorStyle(TrilogyColor.NEUTRAL_LIGHT, 0),
|
|
74
78
|
overflow: "hidden",
|
|
75
79
|
height: titlesLevels(),
|
|
76
80
|
},
|
|
@@ -85,7 +89,7 @@ const Title = ({ children, level, style, inverted, typo, onClick, skeleton, test
|
|
|
85
89
|
: typeof children === "string"
|
|
86
90
|
? children
|
|
87
91
|
: undefined;
|
|
88
|
-
let titleView = (React.createElement(
|
|
92
|
+
let titleView = (React.createElement(TextNative, { maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, testID: titleTestId, style: [styles.text, style], ...others }, children));
|
|
89
93
|
if (skeleton) {
|
|
90
94
|
titleView = (React.createElement(ContentLoader, { style: styles.skeleton },
|
|
91
95
|
titleView,
|