@trilogy-ds/react 4.15.0 → 4.15.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/stepper/Stepper.js +29 -13
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
2
|
import { useTrilogyContext } from '../../context';
|
|
3
3
|
import { hashClass } from '../../helpers';
|
|
4
|
-
import { Align, TypographyColor } from '../../objects';
|
|
4
|
+
import { Align, DirectionEnum, TypographyColor } from '../../objects';
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import * as React from 'react';
|
|
7
7
|
import { ComponentName } from '../enumsComponentsName';
|
|
@@ -9,6 +9,7 @@ import { FlexBox } from '../flex-box';
|
|
|
9
9
|
import { Icon } from '../icon';
|
|
10
10
|
import { Text } from '../text';
|
|
11
11
|
import { Title } from '../title';
|
|
12
|
+
import { GapSize } from '../../components/columns';
|
|
12
13
|
/**
|
|
13
14
|
* Stepper Component
|
|
14
15
|
* @param centered Center the stepper
|
|
@@ -19,7 +20,7 @@ import { Title } from '../title';
|
|
|
19
20
|
var Stepper = React.forwardRef(function (_a, ref) {
|
|
20
21
|
var className = _a.className, id = _a.id, children = _a.children, others = __rest(_a, ["className", "id", "children"]);
|
|
21
22
|
var styled = useTrilogyContext().styled;
|
|
22
|
-
var classes = hashClass(styled, clsx('stepper-
|
|
23
|
+
var classes = hashClass(styled, clsx('stepper-container', className));
|
|
23
24
|
var classesSteps = hashClass(styled, clsx('stepper-items'));
|
|
24
25
|
var _b = __read(React.useState({ label: null, step: 1, icon: null }), 2), currentStep = _b[0], setCurrentStep = _b[1];
|
|
25
26
|
var nbChild = React.useMemo(function () {
|
|
@@ -49,17 +50,32 @@ var Stepper = React.forwardRef(function (_a, ref) {
|
|
|
49
50
|
}
|
|
50
51
|
}
|
|
51
52
|
}, [children]);
|
|
52
|
-
return (React.createElement(
|
|
53
|
-
React.createElement(
|
|
54
|
-
"\
|
|
55
|
-
|
|
56
|
-
"
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
React.createElement(
|
|
61
|
-
|
|
53
|
+
return (React.createElement(FlexBox, { gap: GapSize.EIGHT, direction: DirectionEnum.COLUMN },
|
|
54
|
+
React.createElement("div", { className: 'stepper-wrapper' },
|
|
55
|
+
React.createElement("div", { className: 'stepper-item is-done', "data-label": 'R\u00E9capitulatif' },
|
|
56
|
+
React.createElement("div", { className: 'step-label' }, "R\u00E9capitulatif")),
|
|
57
|
+
React.createElement("div", { className: 'stepper-item is-done', "data-label": 'Compl\u00E9ments' },
|
|
58
|
+
React.createElement("div", { className: 'step-label' }, "Compl\u00E9ments")),
|
|
59
|
+
React.createElement("div", { className: 'stepper-item is-current', "data-label": 'Coordonn\u00E9es' },
|
|
60
|
+
React.createElement("div", { className: 'step-label' }, "Coordonn\u00E9es")),
|
|
61
|
+
React.createElement("div", { className: 'stepper-item', "data-label": 'Livraison' },
|
|
62
|
+
React.createElement("div", { className: 'step-label' }, "Livraison")),
|
|
63
|
+
React.createElement("div", { className: 'stepper-item', "data-label": 'Confirmation' },
|
|
64
|
+
React.createElement("div", { className: 'step-label' }, "Confirmation")),
|
|
65
|
+
React.createElement("div", { className: 'step-count' },
|
|
66
|
+
React.createElement("p", { className: 'text' }, "1/5"))),
|
|
67
|
+
React.createElement("h1", null, "New"),
|
|
68
|
+
React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others),
|
|
69
|
+
React.createElement(Text, { level: 2, className: 'step-count', typo: [TypographyColor.TEXT_PLACEHOLDER] },
|
|
70
|
+
"\u00C9tape ",
|
|
71
|
+
currentStep.step,
|
|
72
|
+
" sur ",
|
|
73
|
+
nbChild),
|
|
74
|
+
React.createElement(FlexBox, { align: Align.CENTER },
|
|
75
|
+
currentStep.icon && React.createElement(Icon, { name: currentStep.icon, size: 'small' }),
|
|
76
|
+
React.createElement(Title, { level: 5, className: 'step-label', key: "step-".concat(currentStep.step, "-").concat(currentStep.label) }, currentStep.label)),
|
|
77
|
+
React.createElement("div", { className: classesSteps }, children))));
|
|
62
78
|
});
|
|
63
79
|
Stepper.displayName = ComponentName.Stepper;
|
|
64
80
|
export default Stepper;
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2pFLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGFBQWEsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsSUFBSSxFQUFZLE1BQU0sU0FBUyxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDOUIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLFVBQVUsQ0FBQTtBQUVoQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFHOUM7Ozs7OztHQU1HO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQUFzQyxFQUFFLEdBQUc7SUFBekMsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ3RGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDdkUsSUFBTSxZQUFZLEdBQUcsU0FBUyxD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
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.15.
|
|
1
|
+
export declare const version = "4.15.2";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.15.
|
|
1
|
+
export var version = "4.15.2";
|
|
2
2
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQSJ9
|