@trilogy-ds/react 4.1.2-beta-3 → 4.1.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/otp/Otp.js +4 -4
- package/lib/components/progress/Progress.js +6 -2
- package/lib/components/progress/Progress.native.d.ts +3 -3
- package/lib/components/progress/Progress.native.js +42 -29
- package/lib/components/progress/ProgressProps.d.ts +3 -0
- package/lib/components/progress/ProgressPropsDefaults.js +22 -0
- package/lib/components/progress/index.d.ts +2 -1
- package/lib/components/progress/index.js +3 -2
- package/lib/components/progress/item/ProgressItem.d.ts +15 -0
- package/lib/components/progress/item/ProgressItem.js +28 -0
- package/lib/components/progress/item/ProgressItem.native.d.ts +12 -0
- package/lib/components/progress/item/ProgressItem.native.js +34 -0
- package/lib/components/progress/item/ProgressItemProps.d.ts +20 -0
- package/lib/components/progress/item/ProgressItemProps.js +2 -0
- package/lib/components/progress/item/ProgressItemPropsDefaults.js +76 -0
- package/lib/components/progress/item/index.d.ts +2 -0
- package/lib/components/progress/item/index.js +3 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -83,13 +83,13 @@ var formatTranslation = function (translation, x, y) {
|
|
|
83
83
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
84
84
|
* @param className {string} Additionnal css classes
|
|
85
85
|
*/
|
|
86
|
-
var Otp = React.forwardRef(function (
|
|
87
|
-
var className = _a.className, id = _a.id, value = _a.value, _b = _a.length, length = _b === void 0 ? 6 : _b, disabled = _a.disabled, error = _a.error, onCompleted = _a.onCompleted, onChange = _a.onChange, onFocus = _a.onFocus, label = _a.label, help = _a.help, autoFocus = _a.autoFocus, others = __rest(_a, ["className", "id", "value", "length", "disabled", "error", "onCompleted", "onChange", "onFocus", "label", "help", "autoFocus"]);
|
|
86
|
+
var Otp = React.forwardRef(function (props, ref) {
|
|
87
|
+
var _a = props, className = _a.className, id = _a.id, value = _a.value, _b = _a.length, length = _b === void 0 ? 6 : _b, disabled = _a.disabled, error = _a.error, onCompleted = _a.onCompleted, onChange = _a.onChange, onFocus = _a.onFocus, label = _a.label, help = _a.help, autoFocus = _a.autoFocus, title = _a.title, others = __rest(_a, ["className", "id", "value", "length", "disabled", "error", "onCompleted", "onChange", "onFocus", "label", "help", "autoFocus", "title"]);
|
|
88
88
|
var _c = __read(useState(stringToCode(value, length) || new Array(length).fill(null)), 2), codeInput = _c[0], setCodeInput = _c[1];
|
|
89
89
|
var hasChanged = useRef(false);
|
|
90
90
|
var styled = useTrilogyContext().styled;
|
|
91
91
|
var classes = hashClass(styled, clsx('otp-list', error && is('error'), className));
|
|
92
|
-
var titleAttr =
|
|
92
|
+
var titleAttr = title || 'Number :x of :y of the one-time code';
|
|
93
93
|
useEffect(function () {
|
|
94
94
|
if (!disabled) {
|
|
95
95
|
isCompleted(codeInput) && (onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeToString(codeInput)));
|
|
@@ -130,4 +130,4 @@ var Otp = React.forwardRef(function (_a, ref) {
|
|
|
130
130
|
});
|
|
131
131
|
Otp.displayName = ComponentName.Otp;
|
|
132
132
|
export default Otp;
|
|
133
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
133
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3RwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9vdHAvT3RwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3RELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFLdEQsSUFBTSxZQUFZLEdBQUcsVUFBQyxHQUF1QixFQUFFLFFBQWdCO0lBQzdELElBQUksQ0FBQyxHQUFHO1FBQUUsT0FBTyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDL0MsT0FBTyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBbkMsQ0FBbUMsQ0FBQyxDQUFBO0FBQ3pFLENBQUMsQ0FBQTtBQUVELElBQU0sWUFBWSxHQUFHLFVBQUMsSUFBb0I7SUFDeEMsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJ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
|
|
@@ -16,9 +16,13 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
16
16
|
* @param className {string} Additionnal CSS classes
|
|
17
17
|
*/
|
|
18
18
|
var Progress = React.forwardRef(function (_a, ref) {
|
|
19
|
-
var className = _a.className, id = _a.id, value = _a.value, _b = _a.max, max = _b === void 0 ? 100 : _b, status = _a.status, small = _a.small, legendStart = _a.legendStart, legendCenter = _a.legendCenter, legendEnd = _a.legendEnd, others = __rest(_a, ["className", "id", "value", "max", "status", "small", "legendStart", "legendCenter", "legendEnd"]);
|
|
19
|
+
var children = _a.children, className = _a.className, id = _a.id, value = _a.value, _b = _a.max, max = _b === void 0 ? 100 : _b, status = _a.status, small = _a.small, legendStart = _a.legendStart, legendCenter = _a.legendCenter, legendEnd = _a.legendEnd, stacked = _a.stacked, others = __rest(_a, ["children", "className", "id", "value", "max", "status", "small", "legendStart", "legendCenter", "legendEnd", "stacked"]);
|
|
20
20
|
var styled = useTrilogyContext().styled;
|
|
21
21
|
var classes = hashClass(styled, clsx('progress', status && is(getStatusClassName(status)), !status && is('primary'), small && is('small'), className));
|
|
22
|
+
var stackedClasses = hashClass(styled, clsx('progress', stacked && is('stacked'), className));
|
|
23
|
+
if (children && stacked) {
|
|
24
|
+
return (React.createElement("div", __assign({ className: stackedClasses }, others), children));
|
|
25
|
+
}
|
|
22
26
|
return (React.createElement("div", { ref: ref, className: 'progress-container' },
|
|
23
27
|
React.createElement("progress", __assign({ id: id, className: classes, value: value, max: max }, others), value),
|
|
24
28
|
(legendStart || legendCenter || legendEnd) && (React.createElement("div", { className: 'progress-legends' },
|
|
@@ -31,4 +35,4 @@ var Progress = React.forwardRef(function (_a, ref) {
|
|
|
31
35
|
});
|
|
32
36
|
Progress.displayName = ComponentName.Progress;
|
|
33
37
|
export default Progress;
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL1Byb2dyZXNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBNkIsVUFBQyxFQWE1QyxFQUFFLEdBQUc7SUFaSixJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLEtBQUssV0FBQSxFQUNMLFdBQVMsRUFBVCxHQUFHLG1CQUFHLEdBQUcsS0FBQSxFQUNULE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ0osTUFBTSxjQVprQyx5SEFhNUMsQ0FEVTtJQUVuQixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsVUFBVSxFQUNWLE1BQU0sSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUMsRUFDeEMsQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUvRixJQUFJLFFBQVEsSUFBSSxPQUFPLEVBQUU7UUFDdkIsT0FBTyxDQUNMLHNDQUFLLFNBQVMsRUFBRSxjQUFjLElBQU0sTUFBTSxHQUN2QyxRQUFRLENBQ0wsQ0FDUCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUMsb0JBQW9CO1FBQzNDLDJDQUFVLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTSxHQUNyRSxLQUFLLENBQ0c7UUFDVixDQUFDLFdBQVcsSUFBSSxZQUFZLElBQUksU0FBUyxDQUFDLElBQUksQ0FDN0MsNkJBQUssU0FBUyxFQUFDLGtCQUFrQjtZQUM5QixXQUFXLElBQUksQ0FDZCw2QkFBSyxTQUFTLEVBQUMsdUJBQXVCO2dCQUNwQyxvQkFBQyxJQUFJLFFBQUUsV0FBVyxDQUFRLENBQ3RCLENBQ1A7WUFDQSxZQUFZLElBQUksQ0FDZiw2QkFBSyxTQUFTLEVBQUMsd0JBQXdCO2dCQUNyQyxvQkFBQyxJQUFJLFFBQUUsWUFBWSxDQUFRLENBQ3ZCLENBQ1A7WUFDQSxTQUFTLElBQUksQ0FDWiw2QkFBSyxTQUFTLEVBQUMscUJBQXFCO2dCQUNsQyxvQkFBQyxJQUFJLFFBQUUsU0FBUyxDQUFRLENBQ3BCLENBQ1AsQ0FDRyxDQUNQLENBQ0csQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDN0MsZUFBZSxRQUFRLENBQUEifQ==
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { ProgressProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ProgressProps } from './ProgressProps';
|
|
3
3
|
/**
|
|
4
4
|
* Progress component
|
|
5
5
|
* @param children {ReactNode} Use Children it only if stacked progress
|
|
6
6
|
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
7
7
|
* @param stacked {boolean} Stacked progress
|
|
8
|
-
* @param legendCenter {
|
|
8
|
+
* @param legendCenter {string} Unique legend
|
|
9
9
|
* @param legendStart {string} First extremity legend, only with legendEnd property
|
|
10
10
|
* @param legendEnd {string} Second extremity legend, only with legendStart property
|
|
11
11
|
*/
|
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import { View } from
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { Text, TextLevels } from '../../components/text';
|
|
4
|
+
import { View } from '../../components/view';
|
|
5
|
+
import { getColorStyle, getStatusStyle, TrilogyColor } from '../../objects';
|
|
6
|
+
import React, { useEffect, useRef } from 'react';
|
|
7
|
+
import { Animated, StyleSheet } from 'react-native';
|
|
8
8
|
/**
|
|
9
9
|
* Progress component
|
|
10
10
|
* @param children {ReactNode} Use Children it only if stacked progress
|
|
11
11
|
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
12
12
|
* @param stacked {boolean} Stacked progress
|
|
13
|
-
* @param legendCenter {
|
|
13
|
+
* @param legendCenter {string} Unique legend
|
|
14
14
|
* @param legendStart {string} First extremity legend, only with legendEnd property
|
|
15
15
|
* @param legendEnd {string} Second extremity legend, only with legendStart property
|
|
16
16
|
*/
|
|
17
17
|
var Progress = React.forwardRef(function (_a, ref) {
|
|
18
|
-
var value = _a.value, _b = _a.max, max = _b === void 0 ? 100 : _b, status = _a.status, legendCenter = _a.legendCenter, legendStart = _a.legendStart, legendEnd = _a.legendEnd, others = __rest(_a, ["value", "max", "status", "legendCenter", "legendStart", "legendEnd"]);
|
|
18
|
+
var children = _a.children, value = _a.value, _b = _a.max, max = _b === void 0 ? 100 : _b, status = _a.status, legendCenter = _a.legendCenter, legendStart = _a.legendStart, legendEnd = _a.legendEnd, stacked = _a.stacked, others = __rest(_a, ["children", "value", "max", "status", "legendCenter", "legendStart", "legendEnd", "stacked"]);
|
|
19
19
|
var animation = useRef(new Animated.Value(0)).current;
|
|
20
20
|
useEffect(function () {
|
|
21
|
-
|
|
22
|
-
typeof value === "number" &&
|
|
21
|
+
if (typeof value === 'number') {
|
|
23
22
|
Animated.timing(animation, {
|
|
24
23
|
toValue: value,
|
|
25
24
|
duration: 1000,
|
|
26
25
|
useNativeDriver: false,
|
|
27
26
|
}).start();
|
|
27
|
+
}
|
|
28
28
|
}, [animation, value]);
|
|
29
29
|
var height = 6;
|
|
30
30
|
var width = animation.interpolate({
|
|
31
31
|
inputRange: [0, max],
|
|
32
|
-
outputRange: [
|
|
33
|
-
extrapolate:
|
|
32
|
+
outputRange: ['0%', "".concat(max, "%")],
|
|
33
|
+
extrapolate: 'clamp',
|
|
34
34
|
});
|
|
35
35
|
var styles = StyleSheet.create({
|
|
36
36
|
progress: {
|
|
37
|
-
flexDirection:
|
|
38
|
-
width:
|
|
37
|
+
flexDirection: 'row',
|
|
38
|
+
width: '100%',
|
|
39
39
|
height: height,
|
|
40
40
|
backgroundColor: getColorStyle(TrilogyColor.MAIN_FADE),
|
|
41
41
|
borderRadius: 15,
|
|
42
42
|
},
|
|
43
43
|
percent: {
|
|
44
|
-
alignSelf:
|
|
44
|
+
alignSelf: 'flex-start',
|
|
45
45
|
height: height,
|
|
46
46
|
backgroundColor: getStatusStyle(status).color,
|
|
47
47
|
borderRadius: 15,
|
|
@@ -50,29 +50,42 @@ var Progress = React.forwardRef(function (_a, ref) {
|
|
|
50
50
|
borderTopStartRadius: 6,
|
|
51
51
|
borderBottomLeftRadius: 6,
|
|
52
52
|
},
|
|
53
|
-
|
|
53
|
+
progressItemLast: {
|
|
54
54
|
borderTopEndRadius: 6,
|
|
55
55
|
borderBottomRightRadius: 6,
|
|
56
56
|
},
|
|
57
|
-
test: {
|
|
58
|
-
width: 20,
|
|
59
|
-
backgroundColor: "#333",
|
|
60
|
-
height: 6,
|
|
61
|
-
},
|
|
62
57
|
legendCenter: {
|
|
63
|
-
textAlign:
|
|
58
|
+
textAlign: 'center',
|
|
64
59
|
paddingTop: 5,
|
|
65
|
-
fontWeight:
|
|
66
|
-
alignSelf:
|
|
60
|
+
fontWeight: '500',
|
|
61
|
+
alignSelf: 'center',
|
|
67
62
|
},
|
|
68
63
|
extremLegend: {
|
|
69
|
-
width:
|
|
70
|
-
flexDirection:
|
|
71
|
-
justifyContent:
|
|
64
|
+
width: '100%',
|
|
65
|
+
flexDirection: 'row',
|
|
66
|
+
justifyContent: 'space-between',
|
|
72
67
|
paddingTop: 5,
|
|
73
|
-
fontWeight:
|
|
68
|
+
fontWeight: '500',
|
|
74
69
|
},
|
|
75
70
|
});
|
|
71
|
+
if (stacked) {
|
|
72
|
+
return (React.createElement(View, __assign({ style: styles.progress }, others), Array.isArray(children) &&
|
|
73
|
+
children.map(
|
|
74
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
75
|
+
function (child, index) {
|
|
76
|
+
return (child &&
|
|
77
|
+
child.type.render.displayName === 'ProgressItem' &&
|
|
78
|
+
React.cloneElement(child, {
|
|
79
|
+
key: index,
|
|
80
|
+
style: [
|
|
81
|
+
index === 0 ? styles.progressItemFirst : undefined,
|
|
82
|
+
index === children.length - 1 ? styles.progressItemLast : undefined,
|
|
83
|
+
{ backgroundColor: getStatusStyle(child.props.status).color, height: height },
|
|
84
|
+
],
|
|
85
|
+
})) ||
|
|
86
|
+
child;
|
|
87
|
+
})));
|
|
88
|
+
}
|
|
76
89
|
return (React.createElement(React.Fragment, null,
|
|
77
90
|
React.createElement(View, __assign({ ref: ref, style: styles.progress }, others),
|
|
78
91
|
React.createElement(Animated.View, { style: [styles.percent, { width: width }] })),
|
|
@@ -83,4 +96,4 @@ var Progress = React.forwardRef(function (_a, ref) {
|
|
|
83
96
|
});
|
|
84
97
|
Progress.displayName = ComponentName.Progress;
|
|
85
98
|
export default Progress;
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9Qcm9ncmVzcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxjQUFjLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZFLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNoRCxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUduRDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFBZ0csRUFDaEcsR0FBRztJQURELElBQUEsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsV0FBUyxFQUFULEdBQUcsbUJBQUcsR0FBRyxLQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsWUFBWSxrQkFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTlGLDZGQUFnRyxDQUFGO0lBRzlGLElBQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUE7SUFFdkQsU0FBUyxDQUFDO1FBQ1IsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUU7WUFDN0IsUUFBUSxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUU7Z0JBQ3pCLE9BQU8sRUFB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
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { StatusProps } from '../../objects/facets/Status';
|
|
2
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
3
4
|
import { View } from 'react-native';
|
|
@@ -5,12 +6,14 @@ import { View } from 'react-native';
|
|
|
5
6
|
* Progress Interface
|
|
6
7
|
*/
|
|
7
8
|
export interface ProgressProps extends StatusProps, CommonProps {
|
|
9
|
+
children?: React.ReactNode;
|
|
8
10
|
value?: number;
|
|
9
11
|
max?: number;
|
|
10
12
|
small?: boolean;
|
|
11
13
|
legendStart?: string;
|
|
12
14
|
legendCenter?: string;
|
|
13
15
|
legendEnd?: string;
|
|
16
|
+
stacked?: boolean;
|
|
14
17
|
}
|
|
15
18
|
export type ProgressRef = HTMLDivElement;
|
|
16
19
|
export type ProgressNativeRef = View;
|
|
@@ -1,4 +1,18 @@
|
|
|
1
1
|
export default {
|
|
2
|
+
"children": {
|
|
3
|
+
"type": "react",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"null",
|
|
7
|
+
"string",
|
|
8
|
+
"number",
|
|
9
|
+
"false",
|
|
10
|
+
"true",
|
|
11
|
+
"JSXElementConstructor<any>>",
|
|
12
|
+
"ReactNode>",
|
|
13
|
+
"ReactPortal"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
2
16
|
"value": {
|
|
3
17
|
"type": "string",
|
|
4
18
|
"values": [
|
|
@@ -42,6 +56,14 @@ export default {
|
|
|
42
56
|
"string"
|
|
43
57
|
]
|
|
44
58
|
},
|
|
59
|
+
"stacked": {
|
|
60
|
+
"type": "boolean",
|
|
61
|
+
"values": [
|
|
62
|
+
"undefined",
|
|
63
|
+
"false",
|
|
64
|
+
"true"
|
|
65
|
+
]
|
|
66
|
+
},
|
|
45
67
|
"status": {
|
|
46
68
|
"type": "enum",
|
|
47
69
|
"values": [
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import Progress from './Progress';
|
|
2
|
+
import ProgressItem from './item';
|
|
2
3
|
import ProgressRadial from './radial';
|
|
3
4
|
import ProgressRadialItem from './radial/item/ProgressRadialtem';
|
|
4
|
-
export { Progress, ProgressRadial, ProgressRadialItem };
|
|
5
|
+
export { Progress, ProgressItem, ProgressRadial, ProgressRadialItem };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import Progress from './Progress';
|
|
2
|
+
import ProgressItem from './item';
|
|
2
3
|
import ProgressRadial from './radial';
|
|
3
4
|
import ProgressRadialItem from './radial/item/ProgressRadialtem';
|
|
4
|
-
export { Progress, ProgressRadial, ProgressRadialItem };
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
5
|
+
export { Progress, ProgressItem, ProgressRadial, ProgressRadialItem };
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUNqQyxPQUFPLFlBQVksTUFBTSxRQUFRLENBQUE7QUFDakMsT0FBTyxjQUFjLE1BQU0sVUFBVSxDQUFBO0FBQ3JDLE9BQU8sa0JBQWtCLE1BQU0saUNBQWlDLENBQUE7QUFHaEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLGtCQUFrQixFQUFFLENBQUEifQ==
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ProgressItemProps } from './ProgressItemProps';
|
|
3
|
+
/**
|
|
4
|
+
* Progress Item component - Only if stacked
|
|
5
|
+
* @param percent {number} Progress percent
|
|
6
|
+
* @param minPercent {number} Default min percent is 100
|
|
7
|
+
* @param maxPercent {number} Default max percent is 100
|
|
8
|
+
* @param status {StatusProps} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
|
|
9
|
+
* @param children {React.ReactNode}
|
|
10
|
+
* @param accessibilityLabel {string} Accessibility label
|
|
11
|
+
* -------------------------- WEB PROPERTIES -------------------------------
|
|
12
|
+
* @param className {string} Additionnal CSS classes
|
|
13
|
+
*/
|
|
14
|
+
declare const ProgressItem: React.ForwardRefExoticComponent<ProgressItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export default ProgressItem;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { useTrilogyContext } from '../../../context';
|
|
6
|
+
import { hashClass } from '../../../helpers';
|
|
7
|
+
import { getStatusClassName } from '../../../objects';
|
|
8
|
+
import { is } from '../../../services/index';
|
|
9
|
+
/**
|
|
10
|
+
* Progress Item component - Only if stacked
|
|
11
|
+
* @param percent {number} Progress percent
|
|
12
|
+
* @param minPercent {number} Default min percent is 100
|
|
13
|
+
* @param maxPercent {number} Default max percent is 100
|
|
14
|
+
* @param status {StatusProps} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
|
|
15
|
+
* @param children {React.ReactNode}
|
|
16
|
+
* @param accessibilityLabel {string} Accessibility label
|
|
17
|
+
* -------------------------- WEB PROPERTIES -------------------------------
|
|
18
|
+
* @param className {string} Additionnal CSS classes
|
|
19
|
+
*/
|
|
20
|
+
var ProgressItem = React.forwardRef(function (_a, ref) {
|
|
21
|
+
var className = _a.className, percent = _a.percent, _b = _a.maxPercent, maxPercent = _b === void 0 ? 100 : _b, _c = _a.minPercent, minPercent = _c === void 0 ? 0 : _c, status = _a.status, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["className", "percent", "maxPercent", "minPercent", "status", "accessibilityLabel"]);
|
|
22
|
+
var styled = useTrilogyContext().styled;
|
|
23
|
+
var classes = hashClass(styled, clsx('progress-bar', status && is(getStatusClassName(status)), !status && is('primary'), className));
|
|
24
|
+
return (React.createElement("div", __assign({ ref: ref }, (percent && { style: { width: "".concat(percent, "%") } }), { className: classes, role: 'progressbar', "aria-valuenow": percent, "aria-valuemin": minPercent, "aria-valuemax": maxPercent, "aria-label": accessibilityLabel }, others)));
|
|
25
|
+
});
|
|
26
|
+
ProgressItem.displayName = ComponentName.ProgressItem;
|
|
27
|
+
export default ProgressItem;
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9pdGVtL1Byb2dyZXNzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFHNUM7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQ0UsRUFBK0YsRUFDL0YsR0FBRztJQURELElBQUEsU0FBUyxlQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsa0JBQWdCLEVBQWhCLFVBQVUsbUJBQUcsR0FBRyxLQUFBLEVBQUUsa0JBQWMsRUFBZCxVQUFVLG1CQUFHLENBQUMsS0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGtCQUFrQix3QkFBQSxFQUFLLE1BQU0sY0FBN0Ysb0ZBQStGLENBQUY7SUFHckYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLGNBQWMsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUNwRyxDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLElBQ0osQ0FBQyxPQUFPLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsVUFBRyxPQUFPLE1BQUcsRUFBRSxFQUFFLENBQUMsSUFDcEQsU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFDLGFBQWEsbUJBQ0gsT0FBTyxtQkFDUCxVQUFVLG1CQUNWLFVBQVUsZ0JBQ2Isa0JBQWtCLElBQzFCLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUNyRCxlQUFlLFlBQVksQ0FBQSJ9
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ProgressItemProps } from './ProgressItemProps';
|
|
3
|
+
/**
|
|
4
|
+
* ProgressItem component - Only if stacked
|
|
5
|
+
* @param percent {number} Progress percent
|
|
6
|
+
* @param minPercent {number} Default min percent is 100
|
|
7
|
+
* @param status {StatusProps} Progress status state
|
|
8
|
+
* @param style {Style} Styles passed from parent
|
|
9
|
+
* @param children {React.ReactNode}
|
|
10
|
+
*/
|
|
11
|
+
declare const ProgressItem: React.ForwardRefExoticComponent<ProgressItemProps & React.RefAttributes<import("react-native").View>>;
|
|
12
|
+
export default ProgressItem;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { __assign, __read, __rest, __spreadArray } from "tslib";
|
|
2
|
+
import React, { useEffect, useRef } from 'react';
|
|
3
|
+
import { Animated } from 'react-native';
|
|
4
|
+
import { ComponentName } from '../../enumsComponentsName';
|
|
5
|
+
/**
|
|
6
|
+
* ProgressItem component - Only if stacked
|
|
7
|
+
* @param percent {number} Progress percent
|
|
8
|
+
* @param minPercent {number} Default min percent is 100
|
|
9
|
+
* @param status {StatusProps} Progress status state
|
|
10
|
+
* @param style {Style} Styles passed from parent
|
|
11
|
+
* @param children {React.ReactNode}
|
|
12
|
+
*/
|
|
13
|
+
var ProgressItem = React.forwardRef(function (_a, ref) {
|
|
14
|
+
var children = _a.children, percent = _a.percent, style = _a.style, others = __rest(_a, ["children", "percent", "style"]);
|
|
15
|
+
var animation = useRef(new Animated.Value(0)).current;
|
|
16
|
+
var styles = style;
|
|
17
|
+
useEffect(function () {
|
|
18
|
+
percent &&
|
|
19
|
+
Animated.timing(animation, {
|
|
20
|
+
toValue: percent,
|
|
21
|
+
duration: 1000,
|
|
22
|
+
useNativeDriver: false,
|
|
23
|
+
}).start();
|
|
24
|
+
}, [animation, percent, style]);
|
|
25
|
+
var width = animation.interpolate({
|
|
26
|
+
inputRange: [0, 100],
|
|
27
|
+
outputRange: ['0%', '100%'],
|
|
28
|
+
extrapolate: 'clamp',
|
|
29
|
+
});
|
|
30
|
+
return (React.createElement(Animated.View, __assign({}, others, { style: __spreadArray([{ width: width }], __read(styles), false), ref: ref }), children));
|
|
31
|
+
});
|
|
32
|
+
ProgressItem.displayName = ComponentName.ProgressItem;
|
|
33
|
+
export default ProgressItem;
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvZ3Jlc3MvaXRlbS9Qcm9ncmVzc0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2hELE9BQU8sRUFBRSxRQUFRLEVBQWEsTUFBTSxjQUFjLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBR3pEOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxVQUFDLEVBQXVDLEVBQUUsR0FBRztJQUExQyxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBckMsZ0NBQXVDLENBQUY7SUFDcEMsSUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtJQUN2RCxJQUFNLE1BQU0sR0FBRyxLQUFvQixDQUFBO0lBRW5DLFNBQVMsQ0FBQztRQUNSLE9BQU87WUFDTCxRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRTtnQkFDekIsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLFFBQVEsRUFBRSxJQUFJO2dCQUNkLGVBQWUsRUFBRSxLQUFLO2FBQ3ZCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtJQUNkLENBQUMsRUFBRSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUUvQixJQUFNLEtBQUssR0FBRyxTQUFTLENBQUMsV0FBVyxDQUFDO1FBQ2xDLFVBQVUsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUM7UUFDcEIsV0FBVyxFQUFFLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQztRQUMzQixXQUFXLEVBQUUsT0FBTztLQUNyQixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsUUFBUSxDQUFDLElBQUksZUFBSyxNQUFNLElBQUUsS0FBSyxpQkFBRyxFQUFFLEtBQUssT0FBQSxFQUFFLFVBQUssTUFBTSxXQUFHLEdBQUcsRUFBRSxHQUFHLEtBQy9ELFFBQVEsQ0FDSyxDQUNqQixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxZQUFZLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUE7QUFDckQsZUFBZSxZQUFZLENBQUEifQ==
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Accessibility, StatusProps } from '../../../objects/facets';
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
type Styles = {
|
|
5
|
+
[key: string]: any;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Progress Item Interface
|
|
9
|
+
*/
|
|
10
|
+
export interface ProgressItemProps extends StatusProps, Accessibility {
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
percent: number;
|
|
13
|
+
minPercent?: number;
|
|
14
|
+
maxPercent?: number;
|
|
15
|
+
className?: string;
|
|
16
|
+
style?: Styles;
|
|
17
|
+
}
|
|
18
|
+
export type ProgressItemNativeRef = View;
|
|
19
|
+
export type ProgressItemWebRef = HTMLDivElement;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"children": {
|
|
3
|
+
"type": "react",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"null",
|
|
7
|
+
"string",
|
|
8
|
+
"number",
|
|
9
|
+
"false",
|
|
10
|
+
"true",
|
|
11
|
+
"JSXElementConstructor<any>>",
|
|
12
|
+
"ReactNode>",
|
|
13
|
+
"ReactPortal"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"percent": {
|
|
17
|
+
"type": "string",
|
|
18
|
+
"values": []
|
|
19
|
+
},
|
|
20
|
+
"minPercent": {
|
|
21
|
+
"type": "string",
|
|
22
|
+
"values": [
|
|
23
|
+
"undefined",
|
|
24
|
+
"number"
|
|
25
|
+
]
|
|
26
|
+
},
|
|
27
|
+
"maxPercent": {
|
|
28
|
+
"type": "string",
|
|
29
|
+
"values": [
|
|
30
|
+
"undefined",
|
|
31
|
+
"number"
|
|
32
|
+
]
|
|
33
|
+
},
|
|
34
|
+
"className": {
|
|
35
|
+
"type": "string",
|
|
36
|
+
"values": [
|
|
37
|
+
"undefined",
|
|
38
|
+
"string"
|
|
39
|
+
]
|
|
40
|
+
},
|
|
41
|
+
"style": {
|
|
42
|
+
"type": "string",
|
|
43
|
+
"values": [
|
|
44
|
+
"undefined",
|
|
45
|
+
"Styles"
|
|
46
|
+
]
|
|
47
|
+
},
|
|
48
|
+
"status": {
|
|
49
|
+
"type": "enum",
|
|
50
|
+
"values": [
|
|
51
|
+
"undefined",
|
|
52
|
+
"SUCCESS",
|
|
53
|
+
"INFO",
|
|
54
|
+
"WARNING",
|
|
55
|
+
"ERROR",
|
|
56
|
+
"SUCCESS",
|
|
57
|
+
"INFO",
|
|
58
|
+
"WARNING",
|
|
59
|
+
"ERROR"
|
|
60
|
+
]
|
|
61
|
+
},
|
|
62
|
+
"id": {
|
|
63
|
+
"type": "string",
|
|
64
|
+
"values": [
|
|
65
|
+
"undefined",
|
|
66
|
+
"string"
|
|
67
|
+
]
|
|
68
|
+
},
|
|
69
|
+
"accessibilityLabel": {
|
|
70
|
+
"type": "string",
|
|
71
|
+
"values": [
|
|
72
|
+
"undefined",
|
|
73
|
+
"string"
|
|
74
|
+
]
|
|
75
|
+
}
|
|
76
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import ProgressItem from './ProgressItem';
|
|
2
|
+
export default ProgressItem;
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2l0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxZQUFZLE1BQU0sZ0JBQWdCLENBQUE7QUFFekMsZUFBZSxZQUFZLENBQUEifQ==
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.1.2
|
|
1
|
+
export declare const version = "4.1.2";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.1.2
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "4.1.2";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQSJ9
|