@trilogy-ds/react 0.0.1-beta-139 → 0.0.1-beta-141
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/columns/Columns.js +3 -3
- package/lib/components/columns/ColumnsProps.d.ts +2 -2
- package/lib/components/columns/ColumnsPropsDefaults.js +5 -15
- package/lib/components/icon/Icon.js +2 -2
- package/lib/components/link/Link.d.ts +2 -1
- package/lib/components/link/Link.js +4 -3
- package/lib/components/link/Link.native.d.ts +0 -3
- package/lib/components/link/Link.native.js +1 -4
- package/lib/components/link/LinkProps.d.ts +1 -0
- package/lib/components/link/LinkPropsDefaults.js +7 -0
- package/lib/components/modal/Modal.d.ts +1 -1
- package/lib/components/modal/Modal.js +4 -4
- package/lib/components/modal/Modal.native.d.ts +2 -4
- package/lib/components/modal/Modal.native.js +13 -15
- package/lib/components/modal/ModalProps.d.ts +3 -5
- package/lib/components/modal/ModalPropsDefaults.js +1 -25
- package/lib/components/price/Price.d.ts +1 -1
- package/lib/components/price/Price.js +3 -10
- package/lib/components/price/Price.native.d.ts +1 -1
- package/lib/components/price/Price.native.js +5 -14
- package/lib/components/price/PriceProps.d.ts +0 -2
- package/lib/components/price/PricePropsDefaults.js +0 -14
- package/lib/components/radio/list/RadioList.d.ts +4 -4
- package/lib/components/radio/list/RadioList.js +8 -7
- package/lib/components/radio/list/RadioList.native.d.ts +3 -3
- package/lib/components/radio/list/RadioList.native.js +11 -11
- package/lib/components/radio/list/RadioListProps.d.ts +6 -5
- package/lib/components/radio/list/RadioListPropsDefaults.js +0 -9
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +14 -19
- package/lib/components/segment-control/SegmentControl.d.ts +1 -1
- package/lib/components/segment-control/SegmentControl.js +4 -3
- package/lib/components/segment-control/SegmentControl.native.d.ts +1 -3
- package/lib/components/segment-control/SegmentControl.native.js +2 -5
- package/lib/components/segment-control/SegmentControlProps.d.ts +2 -1
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +8 -4
- package/lib/components/select/Select.native.js +2 -2
- package/lib/components/stepper/index.d.ts +3 -3
- package/lib/components/stepper/index.js +4 -4
- package/lib/components/stepper/step/{StepperStep.d.ts → Step.d.ts} +3 -3
- package/lib/components/stepper/step/Step.js +37 -0
- package/lib/components/stepper/step/{StepperStep.native.d.ts → Step.native.d.ts} +2 -2
- package/lib/components/stepper/step/Step.native.js +59 -0
- package/lib/components/stepper/step/{StepperStepEnum.d.ts → StepEnum.d.ts} +2 -2
- package/lib/components/stepper/step/StepEnum.js +11 -0
- package/lib/components/stepper/step/{StepperStepProps.d.ts → StepProps.d.ts} +1 -1
- package/lib/components/stepper/step/StepProps.js +2 -0
- package/lib/components/stepper/step/index.d.ts +2 -2
- package/lib/components/stepper/step/index.js +3 -3
- package/lib/components/switch/SwitchProps.d.ts +1 -2
- package/lib/components/switch/SwitchPropsDefaults.js +0 -8
- package/lib/components/tag/list/TagList.d.ts +1 -1
- package/lib/components/tag/list/TagList.js +5 -4
- package/lib/components/tag/list/TagList.native.d.ts +3 -4
- package/lib/components/tag/list/TagList.native.js +10 -15
- package/lib/components/tag/list/TagListProps.d.ts +2 -3
- package/lib/components/tag/list/TagListPropsDefaults.js +8 -12
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/components/stepper/step/StepperStep.js +0 -37
- package/lib/components/stepper/step/StepperStep.native.js +0 -59
- package/lib/components/stepper/step/StepperStepEnum.js +0 -11
- package/lib/components/stepper/step/StepperStepProps.js +0 -2
- /package/lib/components/stepper/step/{StepperStepPropsDefaults.js → StepPropsDefaults.js} +0 -0
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { is } from '../../../services/classify';
|
|
5
|
+
import { hashClass } from '../../../helpers';
|
|
6
|
+
import { useTrilogyContext } from '../../../context';
|
|
7
|
+
import Icon from '../../../components/icon/Icon';
|
|
8
|
+
import { IconSize } from '../../../components/icon';
|
|
9
|
+
/**
|
|
10
|
+
* Stepper Step Component
|
|
11
|
+
* @param active {boolean} Active step
|
|
12
|
+
* @param current {boolean} Current step
|
|
13
|
+
* @param done {boolean} Step done
|
|
14
|
+
* @param error {boolean} display error step
|
|
15
|
+
* @param children {ReactNode} Stepper Step Children
|
|
16
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
|
+
* @param className {string} Additionnal CSS Classes
|
|
18
|
+
* @param iconName {IconName | IconNameValues} display icon
|
|
19
|
+
* @param markup {StepperStepMarkup} Markup for Step - P|SPAN|DIV|A
|
|
20
|
+
* @param label {string} Step label
|
|
21
|
+
* @param step {number|string} Step text circle
|
|
22
|
+
*/
|
|
23
|
+
var Step = React.forwardRef(function (props, ref) {
|
|
24
|
+
var className = props.className, id = props.id, active = props.active, current = props.current, done = props.done, label = props.label, iconName = props.iconName, error = props.error, others = __rest(props, ["className", "id", "active", "current", "done", "label", "iconName", "error"]);
|
|
25
|
+
var styled = useTrilogyContext().styled;
|
|
26
|
+
var classesStepLabel = hashClass(styled, clsx('step-label'));
|
|
27
|
+
var classes = hashClass(styled, clsx('stepper-item', active && is('active'), current && is('current'), done && is('done'), error && is('error'), className));
|
|
28
|
+
/**
|
|
29
|
+
* If no markup return div
|
|
30
|
+
*/
|
|
31
|
+
return (React.createElement("div", __assign({ id: id, ref: ref, className: classes, "data-label": label }, others),
|
|
32
|
+
React.createElement("div", { className: classesStepLabel },
|
|
33
|
+
label,
|
|
34
|
+
!done && iconName && React.createElement(Icon, { name: iconName && iconName, className: 'step-icon', size: IconSize.MEDIUM }))));
|
|
35
|
+
});
|
|
36
|
+
export default Step;
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSx3QkFBd0IsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFNUM7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFnQixFQUFFLEdBQXlCO0lBQ2hFLElBQUEsU0FBUyxHQUFtRSxLQUFLLFVBQXhFLEVBQUUsRUFBRSxHQUErRCxLQUFLLEdBQXBFLEVBQUUsTUFBTSxHQUF1RCxLQUFLLE9BQTVELEVBQUUsT0FBTyxHQUE4QyxLQUFLLFFBQW5ELEVBQUUsSUFBSSxHQUF3QyxLQUFLLEtBQTdDLEVBQUUsS0FBSyxHQUFpQyxLQUFLLE1BQXRDLEVBQUUsUUFBUSxHQUF1QixLQUFLLFNBQTVCLEVBQUUsS0FBSyxHQUFnQixLQUFLLE1BQXJCLEVBQUssTUFBTSxVQUFLLEtBQUssRUFBbkYsOEVBQTJFLENBQUYsQ0FBVTtJQUVqRixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLGdCQUFnQixHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUE7SUFFOUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLGNBQWMsRUFDZCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixJQUFJLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUNsQixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBQ0Q7O09BRUc7SUFFSCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLGdCQUFjLEtBQUssSUFBTSxNQUFNO1FBQ3RFLDZCQUFLLFNBQVMsRUFBRSxnQkFBZ0I7WUFDN0IsS0FBSztZQUNMLENBQUMsSUFBSSxJQUFJLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsSUFBSSxRQUFRLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLE1BQU0sR0FBSSxDQUNyRyxDQUNGLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { StepProps } from './StepProps';
|
|
3
3
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
4
4
|
/**
|
|
5
5
|
* Stepper Step Component
|
|
@@ -10,7 +10,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
10
10
|
* @param children {ReactNode} Stepper Step Children
|
|
11
11
|
*/
|
|
12
12
|
declare const StepperStep: {
|
|
13
|
-
({ active, current, done, error, ...others }:
|
|
13
|
+
({ active, current, done, error, ...others }: StepProps): JSX.Element;
|
|
14
14
|
displayName: ComponentName;
|
|
15
15
|
};
|
|
16
16
|
export default StepperStep;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Animated, Easing, StyleSheet } from 'react-native';
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
5
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
6
|
+
/**
|
|
7
|
+
* Stepper Step Component
|
|
8
|
+
* @param active {boolean} Active step
|
|
9
|
+
* @param current {boolean} Current step
|
|
10
|
+
* @param done {boolean} Step done
|
|
11
|
+
* @param error {boolean} display error step
|
|
12
|
+
* @param children {ReactNode} Stepper Step Children
|
|
13
|
+
*/
|
|
14
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
15
|
+
var StepperStep = function (_a) {
|
|
16
|
+
var active = _a.active, current = _a.current, done = _a.done, error = _a.error, others = __rest(_a, ["active", "current", "done", "error"]);
|
|
17
|
+
var defaultColor = getColorStyle(TrilogyColor.NEUTRAL);
|
|
18
|
+
var activeColor = getColorStyle(TrilogyColor.MAIN);
|
|
19
|
+
var errorColor = getColorStyle(TrilogyColor.ERROR);
|
|
20
|
+
var backgroundColorAnim = React.useRef(new Animated.Value(0)).current;
|
|
21
|
+
var backgroundColor = backgroundColorAnim.interpolate({
|
|
22
|
+
inputRange: [0, 1, 2],
|
|
23
|
+
outputRange: [defaultColor, activeColor, errorColor],
|
|
24
|
+
});
|
|
25
|
+
React.useEffect(function () {
|
|
26
|
+
var targetValue;
|
|
27
|
+
if (error) {
|
|
28
|
+
targetValue = 2;
|
|
29
|
+
}
|
|
30
|
+
else if (active || current || done) {
|
|
31
|
+
targetValue = 1;
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
targetValue = 0;
|
|
35
|
+
}
|
|
36
|
+
Animated.timing(backgroundColorAnim, {
|
|
37
|
+
toValue: targetValue,
|
|
38
|
+
duration: 650,
|
|
39
|
+
useNativeDriver: true,
|
|
40
|
+
easing: Easing.linear,
|
|
41
|
+
}).start();
|
|
42
|
+
}, [active, current, done, error]);
|
|
43
|
+
var styles = StyleSheet.create({
|
|
44
|
+
step: {
|
|
45
|
+
flex: 1,
|
|
46
|
+
width: 59,
|
|
47
|
+
maxWidth: 59,
|
|
48
|
+
height: 4,
|
|
49
|
+
marginRight: 8,
|
|
50
|
+
borderRadius: 4,
|
|
51
|
+
backgroundColor: backgroundColor,
|
|
52
|
+
zIndex: 1,
|
|
53
|
+
},
|
|
54
|
+
});
|
|
55
|
+
return React.createElement(Animated.View, __assign({ style: styles.step }, others));
|
|
56
|
+
};
|
|
57
|
+
StepperStep.displayName = ComponentName.StepperStep;
|
|
58
|
+
export default StepperStep;
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9TdGVwLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxRQUFRLEVBQWMsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILDZEQUE2RDtBQUM3RCxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXNEO0lBQXBELElBQUEsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUF6QyxzQ0FBMkMsQ0FBRjtJQUM1RCxJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQ3hELElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDcEQsSUFBTSxVQUFVLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNwRCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO0lBRXZFLElBQU0sZUFBZSxHQUFHLG1CQUFtQixDQUFDLFdBQVcsQ0FBQztRQUN0RCxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNyQixXQUFXLEVBQUUsQ0FBQyxZQUFzQixFQUFFLFdBQXFCLEVBQUUsVUFBb0IsQ0FBQztLQUNuRixDQUFDLENBQUE7SUFFRixLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxXQUFXLENBQUE7UUFDZixJQUFJLEtBQUssRUFBRTtZQUNULFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7YUFBTSxJQUFJLE1BQU0sSUFBSSxPQUFPLElBQUksSUFBSSxFQUFFO1lBQ3BDLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7YUFBTTtZQUNMLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7UUFFRCxRQUFRLENBQUMsTUFBTSxDQUFDLG1CQUFtQixFQUFFO1lBQ25DLE9BQU8sRUFBRSxXQUFXO1lBQ3BCLFFBQVEsRUFBRSxHQUFHO1lBQ2IsZUFBZSxFQUFFLElBQUk7WUFDckIsTUFBTSxFQUFFLE1BQU0sQ0FBQyxNQUFNO1NBQ3RCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtJQUNaLENBQUMsRUFBRSxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUE7SUFFbEMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixJQUFJLEVBQUUsQ0FBQztZQUNQLEtBQUssRUFBRSxFQUFFO1lBQ1QsUUFBUSxFQUFFLEVBQUU7WUFDWixNQUFNLEVBQUUsQ0FBQztZQUNULFdBQVcsRUFBRSxDQUFDO1lBQ2QsWUFBWSxFQUFFLENBQUM7WUFDZixlQUFlLEVBQUUsZUFBd0M7WUFDekQsTUFBTSxFQUFFLENBQUM7U0FDVjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sb0JBQUMsUUFBUSxDQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBTSxNQUFNLEVBQWtCLENBQUE7QUFDeEUsQ0FBQyxDQUFBO0FBRUQsV0FBVyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFBO0FBRW5ELGVBQWUsV0FBVyxDQUFBIn0=
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Available Markup for Stepper Step Component
|
|
3
3
|
*/
|
|
4
|
-
export declare enum
|
|
4
|
+
export declare enum StepMarkup {
|
|
5
5
|
P = "p",
|
|
6
6
|
SPAN = "span",
|
|
7
7
|
DIV = "div",
|
|
@@ -10,4 +10,4 @@ export declare enum StepperStepMarkup {
|
|
|
10
10
|
/**
|
|
11
11
|
* Available Markup values for Stepper Step Component
|
|
12
12
|
*/
|
|
13
|
-
export type
|
|
13
|
+
export type StepMarkupValues = `${StepMarkup}`;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Available Markup for Stepper Step Component
|
|
3
|
+
*/
|
|
4
|
+
export var StepMarkup;
|
|
5
|
+
(function (StepMarkup) {
|
|
6
|
+
StepMarkup["P"] = "p";
|
|
7
|
+
StepMarkup["SPAN"] = "span";
|
|
8
|
+
StepMarkup["DIV"] = "div";
|
|
9
|
+
StepMarkup["A"] = "a";
|
|
10
|
+
})(StepMarkup || (StepMarkup = {}));
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9TdGVwRW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFVBS1g7QUFMRCxXQUFZLFVBQVU7SUFDcEIscUJBQU8sQ0FBQTtJQUNQLDJCQUFhLENBQUE7SUFDYix5QkFBVyxDQUFBO0lBQ1gscUJBQU8sQ0FBQTtBQUNULENBQUMsRUFMVyxVQUFVLEtBQVYsVUFBVSxRQUtyQiJ9
|
|
@@ -3,7 +3,7 @@ import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
|
3
3
|
/**
|
|
4
4
|
* Stepper Step Interface
|
|
5
5
|
*/
|
|
6
|
-
export interface
|
|
6
|
+
export interface StepProps extends CommonProps {
|
|
7
7
|
active?: boolean;
|
|
8
8
|
current?: boolean;
|
|
9
9
|
done?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
export default
|
|
1
|
+
import Step from './Step';
|
|
2
|
+
export default Step;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
export default
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import Step from './Step';
|
|
2
|
+
export default Step;
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxRQUFRLENBQUE7QUFFekIsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { StatusProps } from '../../objects/facets/Status';
|
|
2
|
-
import { Invertable } from '../../objects/facets/Invertable';
|
|
3
2
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
4
3
|
export interface SwitchChangeEvent {
|
|
5
4
|
switchState: boolean;
|
|
6
5
|
switchName: string;
|
|
7
6
|
}
|
|
8
7
|
type SwitchEventHandler = (event: SwitchChangeEvent) => void;
|
|
9
|
-
export interface SwitchProps extends StatusProps,
|
|
8
|
+
export interface SwitchProps extends StatusProps, CommonProps {
|
|
10
9
|
checked?: boolean;
|
|
11
10
|
onChange?: SwitchEventHandler;
|
|
12
11
|
onClick?: SwitchEventHandler;
|
|
@@ -9,5 +9,5 @@ import { TagListProps } from './TagListProps';
|
|
|
9
9
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
10
10
|
* @param className {string} Additionnal CSS Classes
|
|
11
11
|
*/
|
|
12
|
-
declare const TagList: React.ForwardRefExoticComponent<TagListProps & React.RefAttributes<
|
|
12
|
+
declare const TagList: React.ForwardRefExoticComponent<TagListProps & React.RefAttributes<unknown>>;
|
|
13
13
|
export default TagList;
|
|
@@ -4,6 +4,7 @@ import clsx from 'clsx';
|
|
|
4
4
|
import { hashClass } from '../../../helpers';
|
|
5
5
|
import { useTrilogyContext } from '../../../context';
|
|
6
6
|
import { is } from '../../../services';
|
|
7
|
+
import { getJustifiedClassName } from '../../../objects';
|
|
7
8
|
/**
|
|
8
9
|
* Tag List Component
|
|
9
10
|
* @param children {ReactNode} Children Tag List
|
|
@@ -13,10 +14,10 @@ import { is } from '../../../services';
|
|
|
13
14
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
15
|
* @param className {string} Additionnal CSS Classes
|
|
15
16
|
*/
|
|
16
|
-
var TagList = React.forwardRef(function (props
|
|
17
|
-
var className = props.className, id = props.id,
|
|
17
|
+
var TagList = React.forwardRef(function (props) {
|
|
18
|
+
var className = props.className, id = props.id, align = props.align, marginless = props.marginless, others = __rest(props, ["className", "id", "align", "marginless"]);
|
|
18
19
|
var styled = useTrilogyContext().styled;
|
|
19
|
-
return (React.createElement("
|
|
20
|
+
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('tags', align && is(getJustifiedClassName(align)), marginless && is('marginless'), className)) }, others)));
|
|
20
21
|
});
|
|
21
22
|
export default TagList;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFtQjtJQUMzQyxJQUFBLFNBQVMsR0FBdUMsS0FBSyxVQUE1QyxFQUFFLEVBQUUsR0FBbUMsS0FBSyxHQUF4QyxFQUFFLEtBQUssR0FBNEIsS0FBSyxNQUFqQyxFQUFFLFVBQVUsR0FBZ0IsS0FBSyxXQUFyQixFQUFLLE1BQU0sVUFBSyxLQUFLLEVBQXZELDBDQUErQyxDQUFGLENBQVU7SUFFckQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQ25HLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBQ0YsZUFBZSxPQUFPLENBQUEifQ==
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TagListProps } from
|
|
3
|
-
import { ComponentName } from
|
|
2
|
+
import { TagListProps } from './TagListProps';
|
|
3
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
4
4
|
/**
|
|
5
5
|
* Tag List Component
|
|
6
6
|
* @param children {ReactNode} Children Tag List
|
|
7
7
|
* @param centered {boolean} Center tags
|
|
8
|
-
* @param gapless {boolean} Delete margins between tags
|
|
9
8
|
*/
|
|
10
9
|
declare const TagList: {
|
|
11
|
-
({ children,
|
|
10
|
+
({ children, ...others }: TagListProps): JSX.Element;
|
|
12
11
|
displayName: ComponentName;
|
|
13
12
|
};
|
|
14
13
|
export default TagList;
|
|
@@ -1,35 +1,30 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from
|
|
3
|
-
import { StyleSheet, View } from
|
|
4
|
-
import { ComponentName } from
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { StyleSheet, View } from 'react-native';
|
|
4
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
5
5
|
/**
|
|
6
6
|
* Tag List Component
|
|
7
7
|
* @param children {ReactNode} Children Tag List
|
|
8
8
|
* @param centered {boolean} Center tags
|
|
9
|
-
* @param gapless {boolean} Delete margins between tags
|
|
10
9
|
*/
|
|
11
10
|
var TagList = function (_a) {
|
|
12
|
-
var children = _a.children,
|
|
11
|
+
var children = _a.children, others = __rest(_a, ["children"]);
|
|
13
12
|
var styles = StyleSheet.create({
|
|
14
13
|
tagList: {
|
|
15
|
-
width:
|
|
16
|
-
flexDirection:
|
|
17
|
-
flexWrap:
|
|
14
|
+
width: '100%',
|
|
15
|
+
flexDirection: 'row',
|
|
16
|
+
flexWrap: 'wrap',
|
|
18
17
|
},
|
|
19
18
|
centered: {
|
|
20
|
-
alignSelf:
|
|
19
|
+
alignSelf: 'center',
|
|
21
20
|
},
|
|
22
21
|
gapless: {
|
|
23
22
|
margin: 0,
|
|
24
23
|
padding: 0,
|
|
25
24
|
},
|
|
26
25
|
});
|
|
27
|
-
return (React.createElement(View, __assign({ style: [
|
|
28
|
-
styles.tagList,
|
|
29
|
-
centered && styles.centered,
|
|
30
|
-
gapless && styles.gapless,
|
|
31
|
-
] }, others), children));
|
|
26
|
+
return (React.createElement(View, __assign({ style: [styles.tagList] }, others), children));
|
|
32
27
|
};
|
|
33
28
|
TagList.displayName = ComponentName.TagList;
|
|
34
29
|
export default TagList;
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhZy9saXN0L1RhZ0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXFDO0lBQW5DLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3BDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsS0FBSyxFQUFFLE1BQU07WUFDYixhQUFhLEVBQUUsS0FBSztZQUNwQixRQUFRLEVBQUUsTUFBTTtTQUNqQjtRQUNELFFBQVEsRUFBRTtZQUNSLFNBQVMsRUFBRSxRQUFRO1NBQ3BCO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsTUFBTSxFQUFFLENBQUM7WUFDVCxPQUFPLEVBQUUsQ0FBQztTQUNYO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQU0sTUFBTSxHQUN0QyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBRTNDLGVBQWUsT0FBTyxDQUFBIn0=
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Marginless } from '../../../objects';
|
|
2
|
+
import { Alignable, AlignableValues, Marginless } from '../../../objects';
|
|
3
3
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
4
4
|
/**
|
|
5
5
|
* Tag list Interface
|
|
6
6
|
*/
|
|
7
7
|
export interface TagListProps extends Marginless, CommonProps {
|
|
8
|
-
|
|
9
|
-
gapless?: boolean;
|
|
8
|
+
align?: Alignable | AlignableValues;
|
|
10
9
|
children?: React.ReactNode;
|
|
11
10
|
}
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
export default {
|
|
2
|
-
"
|
|
3
|
-
"type": "
|
|
4
|
-
"values": [
|
|
5
|
-
"undefined",
|
|
6
|
-
"false",
|
|
7
|
-
"true"
|
|
8
|
-
]
|
|
9
|
-
},
|
|
10
|
-
"gapless": {
|
|
11
|
-
"type": "boolean",
|
|
2
|
+
"align": {
|
|
3
|
+
"type": "enum",
|
|
12
4
|
"values": [
|
|
13
5
|
"undefined",
|
|
14
|
-
"
|
|
15
|
-
"
|
|
6
|
+
"ALIGNED_CENTER",
|
|
7
|
+
"ALIGNED_START",
|
|
8
|
+
"ALIGNED_END",
|
|
9
|
+
"ALIGNED_CENTER",
|
|
10
|
+
"ALIGNED_START",
|
|
11
|
+
"ALIGNED_END"
|
|
16
12
|
]
|
|
17
13
|
},
|
|
18
14
|
"children": {
|
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-141";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "0.0.1-beta-
|
|
1
|
+
export var version = "0.0.1-beta-141";
|
|
2
2
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGdCQUFnQixDQUFBIn0=
|
package/package.json
CHANGED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { is } from '../../../services/classify';
|
|
5
|
-
import { hashClass } from '../../../helpers';
|
|
6
|
-
import { useTrilogyContext } from '../../../context';
|
|
7
|
-
import Icon from '../../../components/icon/Icon';
|
|
8
|
-
import { IconSize } from '../../../components/icon';
|
|
9
|
-
/**
|
|
10
|
-
* Stepper Step Component
|
|
11
|
-
* @param active {boolean} Active step
|
|
12
|
-
* @param current {boolean} Current step
|
|
13
|
-
* @param done {boolean} Step done
|
|
14
|
-
* @param error {boolean} display error step
|
|
15
|
-
* @param children {ReactNode} Stepper Step Children
|
|
16
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
|
-
* @param className {string} Additionnal CSS Classes
|
|
18
|
-
* @param iconName {IconName | IconNameValues} display icon
|
|
19
|
-
* @param markup {StepperStepMarkup} Markup for Step - P|SPAN|DIV|A
|
|
20
|
-
* @param label {string} Step label
|
|
21
|
-
* @param step {number|string} Step text circle
|
|
22
|
-
*/
|
|
23
|
-
var StepperStep = React.forwardRef(function (props, ref) {
|
|
24
|
-
var className = props.className, id = props.id, active = props.active, current = props.current, done = props.done, label = props.label, iconName = props.iconName, error = props.error, others = __rest(props, ["className", "id", "active", "current", "done", "label", "iconName", "error"]);
|
|
25
|
-
var styled = useTrilogyContext().styled;
|
|
26
|
-
var classesStepLabel = hashClass(styled, clsx('step-label'));
|
|
27
|
-
var classes = hashClass(styled, clsx('stepper-item', active && is('active'), current && is('current'), done && is('done'), error && is('error'), className));
|
|
28
|
-
/**
|
|
29
|
-
* If no markup return div
|
|
30
|
-
*/
|
|
31
|
-
return (React.createElement("div", __assign({ id: id, ref: ref, className: classes, "data-label": label }, others),
|
|
32
|
-
React.createElement("div", { className: classesStepLabel },
|
|
33
|
-
label,
|
|
34
|
-
!done && iconName && React.createElement(Icon, { name: iconName && iconName, className: 'step-icon', size: IconSize.MEDIUM }))));
|
|
35
|
-
});
|
|
36
|
-
export default StepperStep;
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlclN0ZXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9TdGVwcGVyU3RlcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFHdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLHdCQUF3QixDQUFBO0FBQ3pDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUU1Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQXVCLEVBQUUsR0FBeUI7SUFDOUUsSUFBQSxTQUFTLEdBQW1FLEtBQUssVUFBeEUsRUFBRSxFQUFFLEdBQStELEtBQUssR0FBcEUsRUFBRSxNQUFNLEdBQXVELEtBQUssT0FBNUQsRUFBRSxPQUFPLEdBQThDLEtBQUssUUFBbkQsRUFBRSxJQUFJLEdBQXdDLEtBQUssS0FBN0MsRUFBRSxLQUFLLEdBQWlDLEtBQUssTUFBdEMsRUFBRSxRQUFRLEdBQXVCLEtBQUssU0FBNUIsRUFBRSxLQUFLLEdBQWdCLEtBQUssTUFBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUFuRiw4RUFBMkUsQ0FBRixDQUFVO0lBRWpGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sZ0JBQWdCLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQTtJQUU5RCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsY0FBYyxFQUNkLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLElBQUksSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ2xCLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQ3BCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFDRDs7T0FFRztJQUVILE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sZ0JBQWMsS0FBSyxJQUFNLE1BQU07UUFDdEUsNkJBQUssU0FBUyxFQUFFLGdCQUFnQjtZQUM3QixLQUFLO1lBQ0wsQ0FBQyxJQUFJLElBQUksUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxJQUFJLFFBQVEsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsTUFBTSxHQUFJLENBQ3JHLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLFdBQVcsQ0FBQSJ9
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { Animated, Easing, StyleSheet } from 'react-native';
|
|
4
|
-
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
5
|
-
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
6
|
-
/**
|
|
7
|
-
* Stepper Step Component
|
|
8
|
-
* @param active {boolean} Active step
|
|
9
|
-
* @param current {boolean} Current step
|
|
10
|
-
* @param done {boolean} Step done
|
|
11
|
-
* @param error {boolean} display error step
|
|
12
|
-
* @param children {ReactNode} Stepper Step Children
|
|
13
|
-
*/
|
|
14
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
15
|
-
var StepperStep = function (_a) {
|
|
16
|
-
var active = _a.active, current = _a.current, done = _a.done, error = _a.error, others = __rest(_a, ["active", "current", "done", "error"]);
|
|
17
|
-
var defaultColor = getColorStyle(TrilogyColor.NEUTRAL);
|
|
18
|
-
var activeColor = getColorStyle(TrilogyColor.MAIN);
|
|
19
|
-
var errorColor = getColorStyle(TrilogyColor.ERROR);
|
|
20
|
-
var backgroundColorAnim = React.useRef(new Animated.Value(0)).current;
|
|
21
|
-
var backgroundColor = backgroundColorAnim.interpolate({
|
|
22
|
-
inputRange: [0, 1, 2],
|
|
23
|
-
outputRange: [defaultColor, activeColor, errorColor],
|
|
24
|
-
});
|
|
25
|
-
React.useEffect(function () {
|
|
26
|
-
var targetValue;
|
|
27
|
-
if (error) {
|
|
28
|
-
targetValue = 2;
|
|
29
|
-
}
|
|
30
|
-
else if (active || current || done) {
|
|
31
|
-
targetValue = 1;
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
targetValue = 0;
|
|
35
|
-
}
|
|
36
|
-
Animated.timing(backgroundColorAnim, {
|
|
37
|
-
toValue: targetValue,
|
|
38
|
-
duration: 650,
|
|
39
|
-
useNativeDriver: true,
|
|
40
|
-
easing: Easing.linear,
|
|
41
|
-
}).start();
|
|
42
|
-
}, [active, current, done, error]);
|
|
43
|
-
var styles = StyleSheet.create({
|
|
44
|
-
step: {
|
|
45
|
-
flex: 1,
|
|
46
|
-
width: 59,
|
|
47
|
-
maxWidth: 59,
|
|
48
|
-
height: 4,
|
|
49
|
-
marginRight: 8,
|
|
50
|
-
borderRadius: 4,
|
|
51
|
-
backgroundColor: backgroundColor,
|
|
52
|
-
zIndex: 1,
|
|
53
|
-
},
|
|
54
|
-
});
|
|
55
|
-
return React.createElement(Animated.View, __assign({ style: styles.step }, others));
|
|
56
|
-
};
|
|
57
|
-
StepperStep.displayName = ComponentName.StepperStep;
|
|
58
|
-
export default StepperStep;
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlclN0ZXAubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdGVwcGVyL3N0ZXAvU3RlcHBlclN0ZXAubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFFBQVEsRUFBYyxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXZFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsNkRBQTZEO0FBQzdELElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBNkQ7SUFBM0QsSUFBQSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBSyxNQUFNLGNBQXpDLHNDQUEyQyxDQUFGO0lBQzVELElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUE7SUFDeEQsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUNwRCxJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ3BELElBQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUE7SUFFdkUsSUFBTSxlQUFlLEdBQUcsbUJBQW1CLENBQUMsV0FBVyxDQUFDO1FBQ3RELFVBQVUsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3JCLFdBQVcsRUFBRSxDQUFDLFlBQXNCLEVBQUUsV0FBcUIsRUFBRSxVQUFvQixDQUFDO0tBQ25GLENBQUMsQ0FBQTtJQUVGLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLFdBQVcsQ0FBQTtRQUNmLElBQUksS0FBSyxFQUFFO1lBQ1QsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjthQUFNLElBQUksTUFBTSxJQUFJLE9BQU8sSUFBSSxJQUFJLEVBQUU7WUFDcEMsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjthQUFNO1lBQ0wsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjtRQUVELFFBQVEsQ0FBQyxNQUFNLENBQUMsbUJBQW1CLEVBQUU7WUFDbkMsT0FBTyxFQUFFLFdBQVc7WUFDcEIsUUFBUSxFQUFFLEdBQUc7WUFDYixlQUFlLEVBQUUsSUFBSTtZQUNyQixNQUFNLEVBQUUsTUFBTSxDQUFDLE1BQU07U0FDdEIsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBQ1osQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUVsQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLElBQUksRUFBRSxDQUFDO1lBQ1AsS0FBSyxFQUFFLEVBQUU7WUFDVCxRQUFRLEVBQUUsRUFBRTtZQUNaLE1BQU0sRUFBRSxDQUFDO1lBQ1QsV0FBVyxFQUFFLENBQUM7WUFDZCxZQUFZLEVBQUUsQ0FBQztZQUNmLGVBQWUsRUFBRSxlQUF3QztZQUN6RCxNQUFNLEVBQUUsQ0FBQztTQUNWO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxvQkFBQyxRQUFRLENBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFNLE1BQU0sRUFBa0IsQ0FBQTtBQUN4RSxDQUFDLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFFbkQsZUFBZSxXQUFXLENBQUEifQ==
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Available Markup for Stepper Step Component
|
|
3
|
-
*/
|
|
4
|
-
export var StepperStepMarkup;
|
|
5
|
-
(function (StepperStepMarkup) {
|
|
6
|
-
StepperStepMarkup["P"] = "p";
|
|
7
|
-
StepperStepMarkup["SPAN"] = "span";
|
|
8
|
-
StepperStepMarkup["DIV"] = "div";
|
|
9
|
-
StepperStepMarkup["A"] = "a";
|
|
10
|
-
})(StepperStepMarkup || (StepperStepMarkup = {}));
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlclN0ZXBFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdGVwcGVyL3N0ZXAvU3RlcHBlclN0ZXBFbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksaUJBS1g7QUFMRCxXQUFZLGlCQUFpQjtJQUMzQiw0QkFBTyxDQUFBO0lBQ1Asa0NBQWEsQ0FBQTtJQUNiLGdDQUFXLENBQUE7SUFDWCw0QkFBTyxDQUFBO0FBQ1QsQ0FBQyxFQUxXLGlCQUFpQixLQUFqQixpQkFBaUIsUUFLNUIifQ==
|
|
File without changes
|