@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.
Files changed (64) hide show
  1. package/lib/components/columns/Columns.js +3 -3
  2. package/lib/components/columns/ColumnsProps.d.ts +2 -2
  3. package/lib/components/columns/ColumnsPropsDefaults.js +5 -15
  4. package/lib/components/icon/Icon.js +2 -2
  5. package/lib/components/link/Link.d.ts +2 -1
  6. package/lib/components/link/Link.js +4 -3
  7. package/lib/components/link/Link.native.d.ts +0 -3
  8. package/lib/components/link/Link.native.js +1 -4
  9. package/lib/components/link/LinkProps.d.ts +1 -0
  10. package/lib/components/link/LinkPropsDefaults.js +7 -0
  11. package/lib/components/modal/Modal.d.ts +1 -1
  12. package/lib/components/modal/Modal.js +4 -4
  13. package/lib/components/modal/Modal.native.d.ts +2 -4
  14. package/lib/components/modal/Modal.native.js +13 -15
  15. package/lib/components/modal/ModalProps.d.ts +3 -5
  16. package/lib/components/modal/ModalPropsDefaults.js +1 -25
  17. package/lib/components/price/Price.d.ts +1 -1
  18. package/lib/components/price/Price.js +3 -10
  19. package/lib/components/price/Price.native.d.ts +1 -1
  20. package/lib/components/price/Price.native.js +5 -14
  21. package/lib/components/price/PriceProps.d.ts +0 -2
  22. package/lib/components/price/PricePropsDefaults.js +0 -14
  23. package/lib/components/radio/list/RadioList.d.ts +4 -4
  24. package/lib/components/radio/list/RadioList.js +8 -7
  25. package/lib/components/radio/list/RadioList.native.d.ts +3 -3
  26. package/lib/components/radio/list/RadioList.native.js +11 -11
  27. package/lib/components/radio/list/RadioListProps.d.ts +6 -5
  28. package/lib/components/radio/list/RadioListPropsDefaults.js +0 -9
  29. package/lib/components/radio/list/RadioListWebPropsDefaults.js +14 -19
  30. package/lib/components/segment-control/SegmentControl.d.ts +1 -1
  31. package/lib/components/segment-control/SegmentControl.js +4 -3
  32. package/lib/components/segment-control/SegmentControl.native.d.ts +1 -3
  33. package/lib/components/segment-control/SegmentControl.native.js +2 -5
  34. package/lib/components/segment-control/SegmentControlProps.d.ts +2 -1
  35. package/lib/components/segment-control/SegmentControlPropsDefaults.js +8 -4
  36. package/lib/components/select/Select.native.js +2 -2
  37. package/lib/components/stepper/index.d.ts +3 -3
  38. package/lib/components/stepper/index.js +4 -4
  39. package/lib/components/stepper/step/{StepperStep.d.ts → Step.d.ts} +3 -3
  40. package/lib/components/stepper/step/Step.js +37 -0
  41. package/lib/components/stepper/step/{StepperStep.native.d.ts → Step.native.d.ts} +2 -2
  42. package/lib/components/stepper/step/Step.native.js +59 -0
  43. package/lib/components/stepper/step/{StepperStepEnum.d.ts → StepEnum.d.ts} +2 -2
  44. package/lib/components/stepper/step/StepEnum.js +11 -0
  45. package/lib/components/stepper/step/{StepperStepProps.d.ts → StepProps.d.ts} +1 -1
  46. package/lib/components/stepper/step/StepProps.js +2 -0
  47. package/lib/components/stepper/step/index.d.ts +2 -2
  48. package/lib/components/stepper/step/index.js +3 -3
  49. package/lib/components/switch/SwitchProps.d.ts +1 -2
  50. package/lib/components/switch/SwitchPropsDefaults.js +0 -8
  51. package/lib/components/tag/list/TagList.d.ts +1 -1
  52. package/lib/components/tag/list/TagList.js +5 -4
  53. package/lib/components/tag/list/TagList.native.d.ts +3 -4
  54. package/lib/components/tag/list/TagList.native.js +10 -15
  55. package/lib/components/tag/list/TagListProps.d.ts +2 -3
  56. package/lib/components/tag/list/TagListPropsDefaults.js +8 -12
  57. package/lib/version.d.ts +1 -1
  58. package/lib/version.js +1 -1
  59. package/package.json +1 -1
  60. package/lib/components/stepper/step/StepperStep.js +0 -37
  61. package/lib/components/stepper/step/StepperStep.native.js +0 -59
  62. package/lib/components/stepper/step/StepperStepEnum.js +0 -11
  63. package/lib/components/stepper/step/StepperStepProps.js +0 -2
  64. /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 { StepperStepProps } from './StepperStepProps';
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 }: StepperStepProps): JSX.Element;
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 StepperStepMarkup {
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 StepperStepMarkupValues = `${StepperStepMarkup}`;
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 StepperStepProps extends CommonProps {
6
+ export interface StepProps extends CommonProps {
7
7
  active?: boolean;
8
8
  current?: boolean;
9
9
  done?: boolean;
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdGVwcGVyL3N0ZXAvU3RlcFByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
@@ -1,2 +1,2 @@
1
- import StepperStep from './StepperStep';
2
- export default StepperStep;
1
+ import Step from './Step';
2
+ export default Step;
@@ -1,3 +1,3 @@
1
- import StepperStep from './StepperStep';
2
- export default StepperStep;
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSxlQUFlLENBQUE7QUFFdkMsZUFBZSxXQUFXLENBQUEifQ==
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, Invertable, CommonProps {
8
+ export interface SwitchProps extends StatusProps, CommonProps {
10
9
  checked?: boolean;
11
10
  onChange?: SwitchEventHandler;
12
11
  onClick?: SwitchEventHandler;
@@ -95,14 +95,6 @@ export default {
95
95
  "string"
96
96
  ]
97
97
  },
98
- "inverted": {
99
- "type": "boolean",
100
- "values": [
101
- "undefined",
102
- "false",
103
- "true"
104
- ]
105
- },
106
98
  "className": {
107
99
  "type": "string",
108
100
  "values": [
@@ -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<HTMLElement>>;
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, ref) {
17
- var className = props.className, id = props.id, gapless = props.gapless, centered = props.centered, marginless = props.marginless, others = __rest(props, ["className", "id", "gapless", "centered", "marginless"]);
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("span", __assign({ id: id, ref: ref, className: hashClass(styled, clsx('tags', centered && is('centered'), gapless && is('gapless'), marginless && is('marginless'), className)) }, others)));
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRS9COzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQW1CLEVBQUUsR0FBaUM7SUFDOUUsSUFBQSxTQUFTLEdBQW1ELEtBQUssVUFBeEQsRUFBRSxFQUFFLEdBQStDLEtBQUssR0FBcEQsRUFBRSxPQUFPLEdBQXNDLEtBQUssUUFBM0MsRUFBRSxRQUFRLEdBQTRCLEtBQUssU0FBakMsRUFBRSxVQUFVLEdBQWdCLEtBQUssV0FBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUFuRSx3REFBMkQsQ0FBRixDQUFVO0lBRWpFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCx1Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQzlHLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBQ0YsZUFBZSxPQUFPLENBQUEifQ==
23
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL2xpc3QvVGFnTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVqRDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFtQjtJQUMzQyxJQUFBLFNBQVMsR0FBdUMsS0FBSyxVQUE1QyxFQUFFLEVBQUUsR0FBbUMsS0FBSyxHQUF4QyxFQUFFLEtBQUssR0FBNEIsS0FBSyxNQUFqQyxFQUFFLFVBQVUsR0FBZ0IsS0FBSyxXQUFyQixFQUFLLE1BQU0sVUFBSyxLQUFLLEVBQXZELDBDQUErQyxDQUFGLENBQVU7SUFFckQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQ25HLElBQ0csTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBQ0YsZUFBZSxPQUFPLENBQUEifQ==
@@ -1,14 +1,13 @@
1
1
  /// <reference types="react" />
2
- import { TagListProps } from "./TagListProps";
3
- import { ComponentName } from "../../../components/enumsComponentsName";
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, centered, gapless, ...others }: TagListProps): JSX.Element;
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 "react";
3
- import { StyleSheet, View } from "react-native";
4
- import { ComponentName } from "../../../components/enumsComponentsName";
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, centered = _a.centered, gapless = _a.gapless, others = __rest(_a, ["children", "centered", "gapless"]);
11
+ var children = _a.children, others = __rest(_a, ["children"]);
13
12
  var styles = StyleSheet.create({
14
13
  tagList: {
15
- width: "100%",
16
- flexDirection: "row",
17
- flexWrap: "wrap",
14
+ width: '100%',
15
+ flexDirection: 'row',
16
+ flexWrap: 'wrap',
18
17
  },
19
18
  centered: {
20
- alignSelf: "center",
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhZy9saXN0L1RhZ0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7OztHQUtHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUtGO0lBSmIsSUFBQSxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDSixNQUFNLGNBSk0sbUNBS2hCLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxNQUFNO1lBQ2IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsUUFBUSxFQUFFLE1BQU07U0FDakI7UUFDRCxRQUFRLEVBQUU7WUFDUixTQUFTLEVBQUUsUUFBUTtTQUNwQjtRQUNELE9BQU8sRUFBRTtZQUNQLE1BQU0sRUFBRSxDQUFDO1lBQ1QsT0FBTyxFQUFFLENBQUM7U0FDWDtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQ0gsS0FBSyxFQUFFO1lBQ0wsTUFBTSxDQUFDLE9BQU87WUFDZCxRQUFRLElBQUksTUFBTSxDQUFDLFFBQVE7WUFDM0IsT0FBTyxJQUFJLE1BQU0sQ0FBQyxPQUFPO1NBQzFCLElBQ0csTUFBTSxHQUVULFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0MsZUFBZSxPQUFPLENBQUEifQ==
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
- centered?: boolean;
9
- gapless?: boolean;
8
+ align?: Alignable | AlignableValues;
10
9
  children?: React.ReactNode;
11
10
  }
@@ -1,18 +1,14 @@
1
1
  export default {
2
- "centered": {
3
- "type": "boolean",
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
- "false",
15
- "true"
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-139";
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-139";
1
+ export var version = "0.0.1-beta-141";
2
2
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGdCQUFnQixDQUFBIn0=
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trilogy-ds/react",
3
- "version": "0.0.1-beta-139",
3
+ "version": "0.0.1-beta-141",
4
4
  "author": "Bouygues Telecom",
5
5
  "files": [
6
6
  "lib"
@@ -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==
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlclN0ZXBQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwL1N0ZXBwZXJTdGVwUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9