@trilogy-ds/react 0.0.1-beta.12 → 0.0.1-beta.13
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/range/Range.js +1 -1
- package/lib/components/range/Range.js.map +1 -1
- package/lib/components/tabs/Tabs.native.d.ts +2 -1
- package/lib/components/tabs/Tabs.native.js +4 -4
- package/lib/components/tabs/Tabs.native.js.map +1 -1
- package/lib/components/tabs/item/TabsItem.native.js +20 -19
- package/lib/components/tabs/item/TabsItem.native.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -29,7 +29,7 @@ const Range = ({ min, max, label, valueCursorMin, valueCursorMax, labelValueCurs
|
|
|
29
29
|
React.useEffect(() => {
|
|
30
30
|
if (refTrack.current) {
|
|
31
31
|
const track = refTrack.current;
|
|
32
|
-
track.style.background = `linear-gradient(to right, ${getColorStyle(TrilogyColor.
|
|
32
|
+
track.style.background = `linear-gradient(to right, ${getColorStyle(TrilogyColor.NEUTRAL_LIGHT, 1)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN, 1)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN, 1)} ${(cursorMax / max) * 100}%, ${getColorStyle(TrilogyColor.NEUTRAL_LIGHT, 1)} ${(cursorMax / max) * 100}%) `;
|
|
33
33
|
}
|
|
34
34
|
}, [cursorMin, cursorMax]);
|
|
35
35
|
const handleChangeCursorMin = React.useCallback((e) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../components/range/Range.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,KAAK,GAAG,CAAC,EACb,GAAG,EACH,GAAG,EACH,KAAK,EACL,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,OAAO,EACP,KAAK,EACL,OAAO,EACP,KAAK,EACL,MAAM,EACN,GAAG,GAAG,CAAC,GACI,EAAe,EAAE;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,CAAC,CAAC,CAAA;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC9C,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,GAAG,CACtB,CAAA;IACD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAsB,CAAA;YAC7C,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,6BAA6B,aAAa,CACjE,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../components/range/Range.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,9 +8,10 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
8
8
|
* @param activeIndex {number} default active tab index
|
|
9
9
|
* @param disabled {boolean} Disabled tabs
|
|
10
10
|
* @param inverted {boolean} dark mode
|
|
11
|
+
* @param centered {boolean} Is centered
|
|
11
12
|
*/
|
|
12
13
|
declare const Tabs: {
|
|
13
|
-
({ children, onClick, activeIndex, disabled, inverted, ...others }: TabsProps): JSX.Element;
|
|
14
|
+
({ children, onClick, activeIndex, disabled, centered, inverted, ...others }: TabsProps): JSX.Element;
|
|
14
15
|
displayName: ComponentName;
|
|
15
16
|
};
|
|
16
17
|
export default Tabs;
|
|
@@ -11,8 +11,9 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
11
11
|
* @param activeIndex {number} default active tab index
|
|
12
12
|
* @param disabled {boolean} Disabled tabs
|
|
13
13
|
* @param inverted {boolean} dark mode
|
|
14
|
+
* @param centered {boolean} Is centered
|
|
14
15
|
*/
|
|
15
|
-
const Tabs = ({ children, onClick, activeIndex, disabled, inverted, ...others }) => {
|
|
16
|
+
const Tabs = ({ children, onClick, activeIndex, disabled, centered, inverted, ...others }) => {
|
|
16
17
|
const [activateIndex, setActivateIndex] = useState(activeIndex);
|
|
17
18
|
const [isIcons, setIsIcons] = React.useState(false);
|
|
18
19
|
const isActive = (index, childPropsActive) => {
|
|
@@ -36,11 +37,10 @@ const Tabs = ({ children, onClick, activeIndex, disabled, inverted, ...others })
|
|
|
36
37
|
tabs: {
|
|
37
38
|
height: isIcons ? 64 : 48,
|
|
38
39
|
flexDirection: 'row',
|
|
39
|
-
backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.WHITE)
|
|
40
|
-
overflow: 'visible',
|
|
40
|
+
backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.WHITE)
|
|
41
41
|
},
|
|
42
42
|
});
|
|
43
|
-
return (React.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs, ...others }, children &&
|
|
43
|
+
return (React.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs, ...others, contentContainerStyle: centered && { justifyContent: "center", flexGrow: 1 } }, children &&
|
|
44
44
|
Array.isArray(children) &&
|
|
45
45
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
46
46
|
children.map((child, index) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.native.js","sourceRoot":"","sources":["../../../components/tabs/Tabs.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,QAAQ,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD
|
|
1
|
+
{"version":3,"file":"Tabs.native.js","sourceRoot":"","sources":["../../../components/tabs/Tabs.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, dis
|
|
|
19
19
|
const getIconColor = React.useMemo(() => {
|
|
20
20
|
if (inverted) {
|
|
21
21
|
if (disabled)
|
|
22
|
-
return TrilogyColor.
|
|
22
|
+
return TrilogyColor.NEUTRAL_LIGHT;
|
|
23
23
|
return TrilogyColor.WHITE;
|
|
24
24
|
}
|
|
25
25
|
if (disabled)
|
|
@@ -28,31 +28,33 @@ const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, dis
|
|
|
28
28
|
return TrilogyColor.MAIN;
|
|
29
29
|
return TrilogyColor.MAIN;
|
|
30
30
|
}, [inverted, disabled, active]);
|
|
31
|
+
const getBorderColor = React.useMemo(() => {
|
|
32
|
+
if (disabled)
|
|
33
|
+
return 'transparent';
|
|
34
|
+
if (inverted) {
|
|
35
|
+
if (active)
|
|
36
|
+
return getColorStyle(TrilogyColor.WHITE);
|
|
37
|
+
return getColorStyle(TrilogyColor.FONT, 1);
|
|
38
|
+
}
|
|
39
|
+
if (active)
|
|
40
|
+
return getColorStyle(TrilogyColor.MAIN);
|
|
41
|
+
return getColorStyle(TrilogyColor.FONT, 1);
|
|
42
|
+
}, [inverted, disabled, active]);
|
|
31
43
|
const styles = StyleSheet.create({
|
|
32
44
|
tabsItem: {
|
|
33
|
-
marginRight: 8,
|
|
34
45
|
alignItems: "center",
|
|
35
46
|
justifyContent: "center",
|
|
36
|
-
|
|
37
|
-
|
|
47
|
+
paddingVertical: 6,
|
|
48
|
+
paddingHorizontal: 14,
|
|
38
49
|
position: "relative",
|
|
50
|
+
borderBottomWidth: 2,
|
|
51
|
+
height: iconName ? 60 : 44,
|
|
52
|
+
borderBottomColor: getBorderColor,
|
|
39
53
|
},
|
|
40
54
|
text: {
|
|
41
|
-
color:
|
|
42
|
-
? getColorStyle(TrilogyColor.MAIN)
|
|
43
|
-
: getColorStyle(getIconColor),
|
|
55
|
+
color: getColorStyle(getIconColor),
|
|
44
56
|
textAlign: "center",
|
|
45
57
|
},
|
|
46
|
-
activeBar: {
|
|
47
|
-
height: 2,
|
|
48
|
-
backgroundColor: inverted
|
|
49
|
-
? getColorStyle(TrilogyColor.WHITE)
|
|
50
|
-
: getColorStyle(TrilogyColor.MAIN),
|
|
51
|
-
width: "100%",
|
|
52
|
-
position: "absolute",
|
|
53
|
-
bottom: 4,
|
|
54
|
-
borderRadius: 2,
|
|
55
|
-
},
|
|
56
58
|
});
|
|
57
59
|
useEffect(() => {
|
|
58
60
|
setActiveItem(active || false);
|
|
@@ -70,8 +72,7 @@ const TabsItem = ({ active, children, onClick, tabIndex, iconName, inverted, dis
|
|
|
70
72
|
children &&
|
|
71
73
|
(typeof children.valueOf() === "string" ? (React.createElement(Text, { typo: active
|
|
72
74
|
? TypographyBold.TEXT_WEIGHT_SEMIBOLD
|
|
73
|
-
: TypographyBold.TEXT_WEIGHT_NORMAL, style: styles.text, level: TextLevels.TWO }, String(children))) : (children))
|
|
74
|
-
active && !disabled && React.createElement(View, { style: styles.activeBar })));
|
|
75
|
+
: TypographyBold.TEXT_WEIGHT_NORMAL, style: styles.text, level: TextLevels.TWO }, String(children))) : (children))));
|
|
75
76
|
};
|
|
76
77
|
TabsItem.displayName = ComponentName.TabsItem;
|
|
77
78
|
export default TabsItem;
|
|
@@ -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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"}
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.0.1-beta.
|
|
1
|
+
export declare const version = "0.0.1-beta.13";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const version = "0.0.1-beta.
|
|
1
|
+
export const version = "0.0.1-beta.13";
|
|
2
2
|
//# sourceMappingURL=version.js.map
|