@trilogy-ds/react 4.0.4 → 4.0.5-beta-2
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.native.d.ts +2 -2
- package/lib/components/box/Box.native.js +26 -41
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts +1 -1
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +24 -29
- package/lib/components/columns/Columns.d.ts +3 -3
- package/lib/components/columns/Columns.js +12 -9
- package/lib/components/columns/Columns.native.d.ts +3 -9
- package/lib/components/columns/Columns.native.js +24 -51
- package/lib/components/columns/ColumnsProps.d.ts +2 -2
- package/lib/components/columns/column/Column.d.ts +3 -3
- package/lib/components/columns/column/Column.js +11 -9
- package/lib/components/columns/column/Column.native.d.ts +4 -7
- package/lib/components/columns/column/Column.native.js +21 -6
- package/lib/components/columns/column/ColumnProps.d.ts +1 -1
- package/lib/components/columns/column/index.d.ts +1 -1
- package/lib/components/columns/column/index.js +2 -2
- package/lib/components/columns/context/index.d.ts +7 -0
- package/lib/components/columns/context/index.js +8 -0
- package/lib/components/link/Link.native.d.ts +2 -2
- package/lib/components/link/Link.native.js +6 -6
- package/lib/components/link/LinkDefaults.js +334 -0
- package/lib/components/link/LinkProps.d.ts +10 -2
- package/lib/components/link/LinkPropsDefaults.js +76 -0
- package/lib/components/link/LinkPropsNativeDefaults.js +405 -0
- package/lib/components/modal/Modal.native.d.ts +1 -1
- package/lib/components/modal/Modal.native.js +15 -10
- package/lib/components/modal/body/ModalBody.native.d.ts +1 -1
- package/lib/components/modal/body/ModalBody.native.js +5 -6
- package/lib/components/select/Select.native.js +4 -3
- package/lib/components/select/option/SelectOption.native.js +2 -3
- package/lib/components/sticker/Sticker.d.ts +2 -1
- package/lib/components/sticker/Sticker.js +8 -4
- package/lib/components/sticker/Sticker.native.d.ts +2 -1
- package/lib/components/sticker/Sticker.native.js +15 -6
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@ import { is } from '../../services/classify';
|
|
|
5
5
|
import { getVariantClassName } from '../../objects';
|
|
6
6
|
import { hashClass } from '../../helpers';
|
|
7
7
|
import { useTrilogyContext } from '../../context';
|
|
8
|
+
import { Icon, IconSize } from "../../components/icon";
|
|
8
9
|
/**
|
|
9
10
|
* Sticker component
|
|
10
11
|
* @param children {ReactNode} Sticker child
|
|
@@ -12,15 +13,18 @@ import { useTrilogyContext } from '../../context';
|
|
|
12
13
|
* @param small {boolean} Small Sticker
|
|
13
14
|
* @param id
|
|
14
15
|
* @param outlined {boolean} Outlined sticker
|
|
16
|
+
* @param iconName {IconName} Icon
|
|
15
17
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
16
18
|
* @param className {string} Additionnal css classes
|
|
17
19
|
* @param others
|
|
18
20
|
*/
|
|
19
21
|
var Sticker = function (_a) {
|
|
20
|
-
var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, others = __rest(_a, ["className", "id", "variant", "small", "label", "outlined"]);
|
|
22
|
+
var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, iconName = _a.iconName, others = __rest(_a, ["className", "id", "variant", "small", "label", "outlined", "iconName"]);
|
|
21
23
|
var styled = useTrilogyContext().styled;
|
|
22
|
-
var classes = hashClass(styled, clsx('sticker', variant && is(getVariantClassName(variant)), small && is('small'), className, outlined && is('outlined')));
|
|
23
|
-
return (React.createElement("p", __assign({ id: id, className: classes }, others),
|
|
24
|
+
var classes = hashClass(styled, clsx('sticker', variant && is(getVariantClassName(variant)), small && is('small'), className, outlined && is('outlined'), is('vcentered')));
|
|
25
|
+
return (React.createElement("p", __assign({ id: id, className: classes }, others),
|
|
26
|
+
iconName && React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName }),
|
|
27
|
+
label));
|
|
24
28
|
};
|
|
25
29
|
export default Sticker;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RpY2tlci9TdGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUMsRUFBRSxFQUFDLE1BQU0scUJBQXFCLENBQUE7QUFDdEMsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxXQUFXLENBQUE7QUFDbkMsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBUSxFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFFakQ7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXFGO0lBQW5GLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyRSx3RUFBdUUsQ0FBRjtJQUM1RSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULE9BQU8sSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FDaEIsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLG9DQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ3RDLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ3JGLEtBQUssQ0FDSixDQUNMLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9
|
|
@@ -8,10 +8,11 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
8
8
|
* @param small {boolean} Small Sticker
|
|
9
9
|
* @param hat {boolean} Hat Sticker ( for box )
|
|
10
10
|
* @param outlined {boolean} Outlined sticker
|
|
11
|
+
* @param iconName {IconName} Icon
|
|
11
12
|
* @param others
|
|
12
13
|
*/
|
|
13
14
|
declare const Sticker: {
|
|
14
|
-
({ variant, small, outlined, label, ...others }: StickerProps): JSX.Element;
|
|
15
|
+
({ variant, small, outlined, label, iconName, ...others }: StickerProps): JSX.Element;
|
|
15
16
|
displayName: ComponentName;
|
|
16
17
|
};
|
|
17
18
|
export default Sticker;
|
|
@@ -4,6 +4,7 @@ import { Platform, StyleSheet, View } from 'react-native';
|
|
|
4
4
|
import { getColorStyle, getVariantStyle, TrilogyColor } from '../../objects';
|
|
5
5
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
6
6
|
import { Text } from '../../components/text';
|
|
7
|
+
import { Icon, IconSize } from "../../components/icon";
|
|
7
8
|
/**
|
|
8
9
|
* Sticker component
|
|
9
10
|
* @param children {ReactNode} Sticker child
|
|
@@ -11,16 +12,18 @@ import { Text } from '../../components/text';
|
|
|
11
12
|
* @param small {boolean} Small Sticker
|
|
12
13
|
* @param hat {boolean} Hat Sticker ( for box )
|
|
13
14
|
* @param outlined {boolean} Outlined sticker
|
|
15
|
+
* @param iconName {IconName} Icon
|
|
14
16
|
* @param others
|
|
15
17
|
*/
|
|
16
18
|
var Sticker = function (_a) {
|
|
17
|
-
var variant = _a.variant, small = _a.small, outlined = _a.outlined, label = _a.label, others = __rest(_a, ["variant", "small", "outlined", "label"]);
|
|
19
|
+
var variant = _a.variant, small = _a.small, outlined = _a.outlined, label = _a.label, iconName = _a.iconName, others = __rest(_a, ["variant", "small", "outlined", "label", "iconName"]);
|
|
18
20
|
var defaultColor = getColorStyle(TrilogyColor.MAIN);
|
|
19
21
|
var styles = StyleSheet.create({
|
|
20
22
|
sticker: {
|
|
23
|
+
flexDirection: 'row',
|
|
21
24
|
justifyContent: 'center',
|
|
22
|
-
paddingTop: small ?
|
|
23
|
-
paddingBottom: small ?
|
|
25
|
+
paddingTop: small ? 3 : 7,
|
|
26
|
+
paddingBottom: small ? 3 : 7,
|
|
24
27
|
paddingLeft: small ? 8 : 16,
|
|
25
28
|
paddingRight: small ? 8 : 16,
|
|
26
29
|
alignSelf: 'flex-start',
|
|
@@ -34,20 +37,26 @@ var Sticker = function (_a) {
|
|
|
34
37
|
marginTop: 0,
|
|
35
38
|
fontSize: small ? 12 : 16,
|
|
36
39
|
top: 0,
|
|
40
|
+
alignItems: 'center',
|
|
41
|
+
textAlign: 'center'
|
|
37
42
|
},
|
|
38
43
|
text: {
|
|
39
44
|
lineHeight: (!small && 20) || 15,
|
|
40
45
|
textAlign: 'center',
|
|
41
46
|
color: (outlined && defaultColor) || getColorStyle(TrilogyColor.BACKGROUND),
|
|
42
47
|
justifyContent: 'center',
|
|
43
|
-
|
|
48
|
+
alignSelf: 'center',
|
|
44
49
|
fontWeight: 'bold',
|
|
45
50
|
fontSize: (!small && 16) || 12,
|
|
46
51
|
transform: Platform.OS === 'ios' ? [{ skewX: '0deg' }] : [],
|
|
52
|
+
marginLeft: (iconName && small && 4) || (iconName && !small && 5) || 0,
|
|
53
|
+
marginTop: 1
|
|
47
54
|
},
|
|
48
55
|
});
|
|
49
|
-
return (React.createElement(View, __assign({ style: styles.sticker }, others),
|
|
56
|
+
return (React.createElement(View, __assign({ style: styles.sticker }, others),
|
|
57
|
+
iconName && React.createElement(Icon, { color: TrilogyColor.BACKGROUND, size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName }),
|
|
58
|
+
label && React.createElement(Text, { style: styles.text }, label)));
|
|
50
59
|
};
|
|
51
60
|
Sticker.displayName = ComponentName.Sticker;
|
|
52
61
|
export default Sticker;
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvU3RpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUMsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUMsTUFBTSxjQUFjLENBQUE7QUFFdkQsT0FBTyxFQUFDLGFBQWEsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQ3RFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQTtBQUM5RCxPQUFPLEVBQUMsSUFBSSxFQUFDLE1BQU0sbUJBQW1CLENBQUE7QUFDdEMsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFRLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQztBQUVqRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXNFO0lBQXBFLElBQUEsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUF0RCxxREFBd0QsQ0FBRjtJQUNyRSxJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3JELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3pCLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM1QixXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDM0IsWUFBWSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzVCLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLFdBQVcsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM3QixXQUFXLEVBQUUsQ0FBQyxRQUFRLElBQUksWUFBWSxDQUFDLElBQUksYUFBYTtZQUN4RCxlQUFlLEVBQUUsQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksWUFBWTtZQUMvRixtQkFBbUIsRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUM7WUFDekQsb0JBQW9CLEVBQUUsQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDLElBQUksRUFBRTtZQUN6QyxzQkFBc0IsRUFBRSxDQUFDLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUM7WUFDNUQsdUJBQXVCLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDO1lBQzdELFNBQVMsRUFBRSxDQUFDO1lBQ1osUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3pCLEdBQUcsRUFBRSxDQUFDO1lBQ04sVUFBVSxFQUFFLFFBQVE7WUFDcEIsU0FBUyxFQUFFLFFBQVE7U0FDcEI7UUFDRCxJQUFJLEVBQUU7WUFDSixVQUFVLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFO1lBQ2hDLFNBQVMsRUFBRSxRQUFRO1lBQ25CLEtBQUssRUFBRSxDQUFDLFFBQVEsSUFBSSxZQUFZLENBQUMsSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztZQUMzRSxjQUFjLEVBQUUsUUFBUTtZQUN4QixTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsTUFBTTtZQUNsQixRQUFRLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFO1lBQzlCLFNBQVMsRUFBRSxRQUFRLENBQUMsRUFBRSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzNELFVBQVUsRUFBRSxDQUFDLFFBQVEsSUFBSSxLQUFLLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQztZQUN0RSxTQUFTLEVBQUUsQ0FBQztTQUNiO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBTSxNQUFNO1FBQ3BDLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFlBQVksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ3JILEtBQUssSUFBSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsS0FBSyxDQUFRLENBQzdDLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUUzQyxlQUFlLE9BQU8sQ0FBQSJ9
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.0.
|
|
1
|
+
export declare const version = "4.0.5-beta-2";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.0.
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "4.0.5-beta-2";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGNBQWMsQ0FBQSJ9
|