@trilogy-ds/react 0.0.1-beta.9 → 0.0.3-beta-v4

package/lib/components/spacer/SpacerEnum.d.ts

@@ -2,11 +2,16 @@
  * Spacer Size
  */
 export declare enum SpacerSize {
-    NONE = 0,
-    SMALLER,
-    SMALL,
-    MEDIUM,
-    LARGE,
-    HUGE
+    ZERO = 0,
+    ONE = 4,
+    TWO = 8,
+    THREE = 12,
+    FOUR = 16,
+    FIVE = 24,
+    SIX = 32,
+    SEVEN = 40,
+    EIGHT = 48,
+    NINE = 56,
+    TEN = 64
 }
-export type SpacerSizeValues = `${SpacerSize}`;
+export declare const SpacerSizeValues: string;

package/lib/components/spacer/SpacerEnum.js

@@ -1,14 +1,19 @@
-const size = (factor) => 8 * factor;
 /**
  * Spacer Size
  */
 export var SpacerSize;
 (function (SpacerSize) {
-    SpacerSize[SpacerSize["NONE"] = 0] = "NONE";
-    SpacerSize[SpacerSize["SMALLER"] = size(0.5)] = "SMALLER";
-    SpacerSize[SpacerSize["SMALL"] = size(1)] = "SMALL";
-    SpacerSize[SpacerSize["MEDIUM"] = size(2)] = "MEDIUM";
-    SpacerSize[SpacerSize["LARGE"] = size(3)] = "LARGE";
-    SpacerSize[SpacerSize["HUGE"] = size(4)] = "HUGE";
+    SpacerSize[SpacerSize["ZERO"] = 0] = "ZERO";
+    SpacerSize[SpacerSize["ONE"] = 4] = "ONE";
+    SpacerSize[SpacerSize["TWO"] = 8] = "TWO";
+    SpacerSize[SpacerSize["THREE"] = 12] = "THREE";
+    SpacerSize[SpacerSize["FOUR"] = 16] = "FOUR";
+    SpacerSize[SpacerSize["FIVE"] = 24] = "FIVE";
+    SpacerSize[SpacerSize["SIX"] = 32] = "SIX";
+    SpacerSize[SpacerSize["SEVEN"] = 40] = "SEVEN";
+    SpacerSize[SpacerSize["EIGHT"] = 48] = "EIGHT";
+    SpacerSize[SpacerSize["NINE"] = 56] = "NINE";
+    SpacerSize[SpacerSize["TEN"] = 64] = "TEN";
 })(SpacerSize || (SpacerSize = {}));
-//# sourceMappingURL=SpacerEnum.js.map
+export var SpacerSizeValues = "".concat(SpacerSize);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyRW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3BhY2VyL1NwYWNlckVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxVQVlYO0FBWkQsV0FBWSxVQUFVO0lBQ3BCLDJDQUFRLENBQUE7SUFDUix5Q0FBTyxDQUFBO0lBQ1AseUNBQU8sQ0FBQTtJQUNQLDhDQUFVLENBQUE7SUFDViw0Q0FBUyxDQUFBO0lBQ1QsNENBQVMsQ0FBQTtJQUNULDBDQUFRLENBQUE7SUFDUiw4Q0FBVSxDQUFBO0lBQ1YsOENBQVUsQ0FBQTtJQUNWLDRDQUFTLENBQUE7SUFDVCwwQ0FBUSxDQUFBO0FBQ1YsQ0FBQyxFQVpXLFVBQVUsS0FBVixVQUFVLFFBWXJCO0FBRUQsTUFBTSxDQUFDLElBQU0sZ0JBQWdCLEdBQUcsVUFBRyxVQUFVLENBQUUsQ0FBQSJ9

package/lib/components/spacer/SpacerProps.d.ts

@@ -1,5 +1,6 @@
-import { SpacerSize, SpacerSizeValues } from './SpacerEnum';
-export interface SpacerProps {
-    size: SpacerSize | SpacerSizeValues;
+import type { SpacerSize, SpacerSizeValues } from './SpacerEnum';
+import { CommonProps } from '../../objects/facets/CommonProps';
+export interface SpacerProps extends CommonProps {
+    size: SpacerSize | typeof SpacerSizeValues;
     horizontal?: boolean;
 }

package/lib/components/spacer/SpacerProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=SpacerProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NwYWNlci9TcGFjZXJQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/spacer/SpacerPropsDefaults.js

@@ -0,0 +1,41 @@
+export default {
+  "size": {
+    "type": "enum",
+    "values": [
+      "string",
+      0,
+      4,
+      8,
+      12,
+      16,
+      24,
+      32,
+      40,
+      48,
+      56,
+      64
+    ]
+  },
+  "horizontal": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/spacer/index.js

@@ -1,4 +1,4 @@
 import Spacer from './Spacer';
 export * from './SpacerEnum';
 export { Spacer };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NwYWNlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUE7QUFFN0IsY0FBYyxjQUFjLENBQUE7QUFFNUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFBIn0=

package/lib/components/stepper/Stepper.d.ts

@@ -1,10 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { StepperProps } from './StepperProps';
 /**
  * Stepper Component
- * @param className Additionnal CSS Classes
  * @param centered Center the stepper
  * @param children {ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className Additionnal CSS Classes
  */
-declare const Stepper: ({ className, centered, children, ...others }: StepperProps) => JSX.Element;
+declare const Stepper: ({ className, id, children, ...others }: StepperProps) => React.JSX.Element;
 export default Stepper;

package/lib/components/stepper/Stepper.js

@@ -1,37 +1,40 @@
-import React from 'react';
+import { __assign, __read, __rest } from "tslib";
+import * as React from 'react';
 import clsx from 'clsx';
-import { has } from '../../services/classify';
 import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
+import { Text } from '../../components/text';
 /**
  * Stepper Component
- * @param className Additionnal CSS Classes
  * @param centered Center the stepper
  * @param children {ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className Additionnal CSS Classes
  */
-const Stepper = ({ className, centered, children, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('stepper-wrapper', className));
-    const centerClasses = hashClass(styled, clsx('section', has('text-centered'), className));
-    const [currentStep, setCurrentStep] = React.useState(0);
-    const nbChild = React.useMemo(() => {
+var Stepper = function (_a) {
+    var className = _a.className, id = _a.id, children = _a.children, others = __rest(_a, ["className", "id", "children"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('stepper-wrapper', className));
+    var _b = __read(React.useState(1), 2), currentStep = _b[0], setCurrentStep = _b[1];
+    var nbChild = React.useMemo(function () {
         if (children && Array.isArray(children))
             return children.length;
         if (children && !Array.isArray(children))
             return 1;
         return 0;
     }, [children]);
-    React.useEffect(() => {
+    React.useEffect(function () {
         if (children) {
             if (Array.isArray(children)) {
-                let haveCurrentStep = false;
-                children.map((child) => {
-                    if (child.props.current) {
-                        haveCurrentStep = true;
-                        setCurrentStep(child.props.step);
+                var haveCurrentStep_1 = false;
+                children.map(function (child, index) {
+                    var _a;
+                    if ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.current) {
+                        haveCurrentStep_1 = true;
+                        setCurrentStep(index + 1);
                     }
                 });
-                if (!haveCurrentStep)
+                if (!haveCurrentStep_1)
                     setCurrentStep(1);
             }
             else {
@@ -39,21 +42,13 @@ const Stepper = ({ className, centered, children, ...others }) => {
             }
         }
     }, [children]);
-    if (centered) {
-        return (React.createElement("section", { className: centerClasses },
-            React.createElement("div", { className: classes, ...others },
-                children,
-                React.createElement("div", { className: 'step-count' },
-                    currentStep,
-                    "/",
-                    nbChild))));
-    }
-    return (React.createElement("div", { className: classes, ...others },
+    return (React.createElement("div", __assign({ id: id, className: classes }, others),
         children,
-        React.createElement("div", { className: 'step-count' },
-            currentStep,
-            "/",
-            nbChild)));
+        React.createElement("div", { className: "step-count" },
+            React.createElement(Text, null,
+                currentStep,
+                "/",
+                nbChild))));
 };
 export default Stepper;
-//# sourceMappingURL=Stepper.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQW9EO0lBQWxELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMzQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQy9ELElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXhELFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFBNkIsQ0FBQTtJQUUvRCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFTO1FBQ3BDLElBQUksUUFBUSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1lBQUUsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFBO1FBQy9ELElBQUksUUFBUSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7WUFBRSxPQUFPLENBQUMsQ0FBQTtRQUNsRCxPQUFPLENBQUMsQ0FBQTtJQUNWLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxRQUFRLEVBQUU7WUFDWixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQzNCLElBQUksaUJBQWUsR0FBRyxLQUFLLENBQUE7Z0JBQzNCLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLEVBQUUsS0FBSzs7b0JBQ3hCLElBQUksTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsS0FBSywwQ0FBRSxPQUFPLEVBQUU7d0JBQ3pCLGlCQUFlLEdBQUcsSUFBSSxDQUFBO3dCQUN0QixjQUFjLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFBO3FCQUMxQjtnQkFDSCxDQUFDLENBQUMsQ0FBQTtnQkFDRixJQUFJLENBQUMsaUJBQWU7b0JBQUUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFBO2FBQ3hDO2lCQUFNO2dCQUNMLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUNsQjtTQUNGO0lBQ0gsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN4QyxRQUFRO1FBQ1QsNkJBQUssU0FBUyxFQUFDLFlBQVk7WUFDekIsb0JBQUMsSUFBSTtnQkFDRixXQUFXOztnQkFBRyxPQUFPLENBQ2pCLENBQ0gsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFDRCxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/stepper/Stepper.native.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import { StepperProps } from './StepperProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Stepper Component
  * @param centered {boolean} Center the stepper
  * @param children {ReactNode}
  */
 declare const Stepper: {
-    ({ children, centered, ...others }: StepperProps): JSX.Element;
+    ({ children, ...others }: StepperProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Stepper;

package/lib/components/stepper/Stepper.native.js

@@ -1,21 +1,26 @@
-import React from 'react';
+import { __assign, __read, __rest } from "tslib";
+import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { TypographyBold } from '../../objects';
-import { Text, TextLevels } from '../text';
-import { Title, TitleLevels } from '../title';
-import { Icon, IconSize } from '../icon';
-import { ComponentName } from '../enumsComponentsName';
+import { TypographyBold, TypographyColor } from '../../objects';
+import { Text, TextLevels } from '../../components/text';
+import { Icon, IconSize } from '../../components/icon';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Stepper Component
  * @param centered {boolean} Center the stepper
  * @param children {ReactNode}
  */
-const Stepper = ({ children, centered, ...others }) => {
-    const [currentStep, setCurrentStep] = React.useState({ step: 0, name: '', iconName: '' });
-    const styles = StyleSheet.create({
+var Stepper = function (_a) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    var _b = __read(React.useState({
+        step: 0,
+        name: '',
+        iconName: '',
+    }), 2), currentStep = _b[0], setCurrentStep = _b[1];
+    var styles = StyleSheet.create({
         steppers: {
             flexDirection: 'row',
-            alignSelf: centered ? 'center' : 'flex-start',
+            alignSelf: 'flex-start',
         },
         step: {
             flexDirection: 'row',
@@ -27,24 +32,27 @@ const Stepper = ({ children, centered, ...others }) => {
             flexDirection: 'row',
         },
         icon: {
-            marginLeft: 10,
-            marginTop: 3
+            marginRight: 4,
+            marginTop: 3,
+        },
+        counter: {
+            marginRight: 10,
         },
     });
-    const nbChild = React.useMemo(() => {
+    var nbChild = React.useMemo(function () {
         if (children && Array.isArray(children))
             return children.length;
         if (children && !Array.isArray(children))
             return 1;
         return 0;
     }, [children]);
-    React.useEffect(() => {
+    React.useEffect(function () {
         if (children) {
             if (Array.isArray(children)) {
-                let haveCurrentStep = false;
-                children.map((child) => {
+                var haveCurrentStep_1 = false;
+                children.map(function (child) {
                     if (child.props.current) {
-                        haveCurrentStep = true;
+                        haveCurrentStep_1 = true;
                         setCurrentStep({
                             step: child.props.step,
                             name: child.props.label,
@@ -52,7 +60,7 @@ const Stepper = ({ children, centered, ...others }) => {
                         });
                     }
                 });
-                if (!haveCurrentStep) {
+                if (!haveCurrentStep_1) {
                     setCurrentStep({
                         step: 1,
                         name: children[0].props.label,
@@ -60,7 +68,7 @@ const Stepper = ({ children, centered, ...others }) => {
                 }
             }
             else {
-                const child = children;
+                var child = children;
                 setCurrentStep({
                     step: 1,
                     name: child.props.label,
@@ -69,16 +77,17 @@ const Stepper = ({ children, centered, ...others }) => {
         }
     }, [children]);
     return (React.createElement(View, null,
-        React.createElement(View, { style: styles.steppers, ...others }, children),
+        React.createElement(View, __assign({ style: styles.steppers }, others), children),
         React.createElement(View, { style: styles.step },
             React.createElement(View, { style: styles.hasIcon },
-                React.createElement(Title, { level: TitleLevels.THREE }, currentStep.name),
-                React.createElement(Text, { style: styles.icon }, currentStep.iconName && (React.createElement(Icon, { name: currentStep.iconName, size: IconSize.SMALL })))),
-            React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD },
+                currentStep.iconName && (React.createElement(Text, { style: styles.icon },
+                    React.createElement(Icon, { name: currentStep.iconName, size: IconSize.SMALL }))),
+                React.createElement(Text, { level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, currentStep.name)),
+            React.createElement(Text, { style: styles.counter, level: TextLevels.THREE, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyColor.TEXT_MAIN] },
                 currentStep.step,
                 "/",
                 nbChild))));
 };
 Stepper.displayName = ComponentName.Stepper;
 export default Stepper;
-//# sourceMappingURL=Stepper.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvU3RlcHBlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXBELE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBUWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXFDO0lBQW5DLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQzlCLElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFlO1FBQ2pFLElBQUksRUFBRSxDQUFDO1FBQ1AsSUFBSSxFQUFFLEVBQUU7UUFDUixRQUFRLEVBQUUsRUFBRTtLQUNiLENBQUMsSUFBQSxFQUpLLFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFJaEMsQ0FBQTtJQUVGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsU0FBUyxFQUFFLFlBQVk7U0FDeEI7UUFDRCxJQUFJLEVBQUU7WUFDSixhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsZUFBZTtZQUMvQixVQUFVLEVBQUUsUUFBUTtZQUNwQixTQUFTLEVBQUUsRUFBRTtTQUNkO1FBQ0QsT0FBTyxFQUFFO1lBQ1As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

package/lib/components/stepper/StepperProps.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Stepper Interface
  */
-export interface StepperProps {
+export interface StepperProps extends CommonProps {
     children?: React.ReactNode;
-    centered?: boolean;
-    className?: string;
 }

package/lib/components/stepper/StepperProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=StepperProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlclByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zdGVwcGVyL1N0ZXBwZXJQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/stepper/StepperPropsDefaults.js

@@ -0,0 +1,30 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/stepper/index.d.ts

@@ -1,4 +1,4 @@
 import Stepper from './Stepper';
-import StepperStep from './step';
-export * from './step/StepperStepEnum';
-export { Stepper, StepperStep };
+import Step from './step';
+export * from './step/StepEnum';
+export { Stepper, Step };

package/lib/components/stepper/index.js

@@ -1,5 +1,5 @@
 import Stepper from './Stepper';
-import StepperStep from './step';
-export * from './step/StepperStepEnum';
-export { Stepper, StepperStep };
-//# sourceMappingURL=index.js.map
+import Step from './step';
+export * from './step/StepEnum';
+export { Stepper, Step };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLFFBQVEsQ0FBQTtBQUV6QixjQUFjLGlCQUFpQixDQUFBO0FBRS9CLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUEifQ==

package/lib/components/stepper/step/Step.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StepProps } from './StepProps';
+/**
+ * Stepper Step Component
+ * @param active {boolean} Active step
+ * @param current {boolean} Current step
+ * @param done {boolean} Step done
+ * @param error {boolean} display error step
+ * @param children {ReactNode} Stepper Step Children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param iconName {IconName | IconNameValues} display icon
+ * @param label {string} Step label
+ */
+declare const Step: ({ className, id, active, current, done, label, iconName, error, ...others }: StepProps) => React.JSX.Element;
+export default Step;

package/lib/components/stepper/step/Step.js

@@ -0,0 +1,35 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import clsx from 'clsx';
+import { is } from '../../../services/classify';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import Icon from '../../../components/icon/Icon';
+import { IconSize } from '../../../components/icon';
+/**
+ * Stepper Step Component
+ * @param active {boolean} Active step
+ * @param current {boolean} Current step
+ * @param done {boolean} Step done
+ * @param error {boolean} display error step
+ * @param children {ReactNode} Stepper Step Children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param iconName {IconName | IconNameValues} display icon
+ * @param label {string} Step label
+ */
+var Step = function (_a) {
+    var className = _a.className, id = _a.id, active = _a.active, current = _a.current, done = _a.done, label = _a.label, iconName = _a.iconName, error = _a.error, others = __rest(_a, ["className", "id", "active", "current", "done", "label", "iconName", "error"]);
+    var styled = useTrilogyContext().styled;
+    var classesStepLabel = hashClass(styled, clsx('step-label'));
+    var classes = hashClass(styled, clsx('stepper-item', active && is('active'), current && is('current'), done && is('done'), error && is('error'), className));
+    /**
+     * If no markup return div
+     */
+    return (React.createElement("div", __assign({ id: id, className: classes, "data-label": label }, others),
+        React.createElement("div", { className: classesStepLabel },
+            label,
+            !done && iconName && React.createElement(Icon, { name: iconName && iconName, className: 'step-icon', size: IconSize.MEDIUM }))));
+};
+export default Step;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9zdGVwL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSx3QkFBd0IsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFNUM7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQXNGO0lBQXBGLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUF6RSw4RUFBMkUsQ0FBRjtJQUM3RSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLGdCQUFnQixHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUE7SUFFOUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLGNBQWMsRUFDZCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixJQUFJLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUNsQixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBQ0Q7O09BRUc7SUFFSCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxnQkFBYyxLQUFLLElBQU0sTUFBTTtRQUM1RCw2QkFBSyxTQUFTLEVBQUUsZ0JBQWdCO1lBQzdCLEtBQUs7WUFDTCxDQUFDLElBQUksSUFBSSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLElBQUksUUFBUSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUksQ0FDckcsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/stepper/step/Step.native.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { StepProps } from './StepProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
+/**
+ * Stepper Step Component
+ * @param active {boolean} Active step
+ * @param current {boolean} Current step
+ * @param done {boolean} Step done
+ * @param error {boolean} display error step
+ * @param children {ReactNode} Stepper Step Children
+ */
+declare const StepperStep: {
+    ({ active, current, done, error, ...others }: StepProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default StepperStep;

package/lib/components/stepper/step/Step.native.js

@@ -0,0 +1,59 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { Animated, Easing, StyleSheet } from 'react-native';
+import { getColorStyle, TrilogyColor } from '../../../objects';
+import { ComponentName } from '../../../components/enumsComponentsName';
+/**
+ * Stepper Step Component
+ * @param active {boolean} Active step
+ * @param current {boolean} Current step
+ * @param done {boolean} Step done
+ * @param error {boolean} display error step
+ * @param children {ReactNode} Stepper Step Children
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var StepperStep = function (_a) {
+    var active = _a.active, current = _a.current, done = _a.done, error = _a.error, others = __rest(_a, ["active", "current", "done", "error"]);
+    var defaultColor = getColorStyle(TrilogyColor.NEUTRAL);
+    var activeColor = getColorStyle(TrilogyColor.MAIN);
+    var errorColor = getColorStyle(TrilogyColor.ERROR);
+    var backgroundColorAnim = React.useRef(new Animated.Value(0)).current;
+    var backgroundColor = backgroundColorAnim.interpolate({
+        inputRange: [0, 1, 2],
+        outputRange: [defaultColor, activeColor, errorColor],
+    });
+    React.useEffect(function () {
+        var targetValue;
+        if (error) {
+            targetValue = 2;
+        }
+        else if (active || current || done) {
+            targetValue = 1;
+        }
+        else {
+            targetValue = 0;
+        }
+        Animated.timing(backgroundColorAnim, {
+            toValue: targetValue,
+            duration: 650,
+            useNativeDriver: true,
+            easing: Easing.linear,
+        }).start();
+    }, [active, current, done, error]);
+    var styles = StyleSheet.create({
+        step: {
+            flex: 1,
+            width: 59,
+            maxWidth: 59,
+            height: 4,
+            marginRight: 8,
+            borderRadius: 4,
+            backgroundColor: backgroundColor,
+            zIndex: 1,
+        },
+    });
+    return React.createElement(Animated.View, __assign({ style: styles.step }, others));
+};
+StepperStep.displayName = ComponentName.StepperStep;
+export default StepperStep;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9TdGVwLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxRQUFRLEVBQWMsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILDZEQUE2RDtBQUM3RCxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXNEO0lBQXBELElBQUEsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUF6QyxzQ0FBMkMsQ0FBRjtJQUM1RCxJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQ3hELElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDcEQsSUFBTSxVQUFVLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNwRCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO0lBRXZFLElBQU0sZUFBZSxHQUFHLG1CQUFtQixDQUFDLFdBQVcsQ0FBQztRQUN0RCxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNyQixXQUFXLEVBQUUsQ0FBQyxZQUFzQixFQUFFLFdBQXFCLEVBQUUsVUFBb0IsQ0FBQztLQUNuRixDQUFDLENBQUE7SUFFRixLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxXQUFXLENBQUE7UUFDZixJQUFJLEtBQUssRUFBRTtZQUNULFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7YUFBTSxJQUFJLE1BQU0sSUFBSSxPQUFPLElBQUksSUFBSSxFQUFFO1lBQ3BDLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7YUFBTTtZQUNMLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDaEI7UUFFRCxRQUFRLENBQUMsTUFBTSxDQUFDLG1CQUFtQixFQUFFO1lBQ25DLE9BQU8sRUFBRSxXQUFXO1lBQ3BCLFFBQVEsRUFBRSxHQUFHO1lBQ2IsZUFBZSxFQUFFLElBQUk7WUFDckIsTUFBTSxFQUFFLE1BQU0sQ0FBQyxNQUFNO1NBQ3RCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtJQUNaLENBQUMsRUFBRSxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUE7SUFFbEMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixJQUFJLEVBQUUsQ0FBQztZQUNQLEtBQUssRUFBRSxFQUFFO1lBQ1QsUUFBUSxFQUFFLEVBQUU7WUFDWixNQUFNLEVBQUUsQ0FBQztZQUNULFdBQVcsRUFBRSxDQUFDO1lBQ2QsWUFBWSxFQUFFLENBQUM7WUFDZixlQUFlLEVBQUUsZUFBd0M7WUFDekQsTUFBTSxFQUFFLENBQUM7U0FDVjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sb0JBQUMsUUFBUSxDQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBTSxNQUFNLEVBQWtCLENBQUE7QUFDeEUsQ0FBQyxDQUFBO0FBRUQsV0FBVyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFBO0FBRW5ELGVBQWUsV0FBVyxDQUFBIn0=

package/lib/components/stepper/step/StepEnum.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Available Markup for Stepper Step Component
+ */
+export declare enum StepMarkup {
+    P = "p",
+    SPAN = "span",
+    DIV = "div",
+    A = "a"
+}
+/**
+ * Available Markup values for Stepper Step Component
+ */
+export type StepMarkupValues = `${StepMarkup}`;

package/lib/components/stepper/step/StepEnum.js

@@ -0,0 +1,11 @@
+/**
+ * Available Markup for Stepper Step Component
+ */
+export var StepMarkup;
+(function (StepMarkup) {
+    StepMarkup["P"] = "p";
+    StepMarkup["SPAN"] = "span";
+    StepMarkup["DIV"] = "div";
+    StepMarkup["A"] = "a";
+})(StepMarkup || (StepMarkup = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcEVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9TdGVwRW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFVBS1g7QUFMRCxXQUFZLFVBQVU7SUFDcEIscUJBQU8sQ0FBQTtJQUNQLDJCQUFhLENBQUE7SUFDYix5QkFBVyxDQUFBO0lBQ1gscUJBQU8sQ0FBQTtBQUNULENBQUMsRUFMVyxVQUFVLEtBQVYsVUFBVSxRQUtyQiJ9

package/lib/components/stepper/step/StepProps.d.ts

@@ -0,0 +1,13 @@
+import { IconName, IconNameValues } from '../../../components/icon';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+/**
+ * Stepper Step Interface
+ */
+export interface StepProps extends CommonProps {
+    active?: boolean;
+    current?: boolean;
+    done?: boolean;
+    label?: string;
+    iconName?: IconName | IconNameValues;
+    error?: boolean;
+}

package/lib/components/stepper/step/StepProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdGVwcGVyL3N0ZXAvU3RlcFByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==