@trilogy-ds/react 0.0.1-beta-143 → 0.0.1-beta-sc-1

package/lib/components/select/web/hooks/useSelectDynamic.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { InputKeyboardEvent } from '../../../../components/input/InputProps';
+import { SelectProps } from '../../../../components/select/SelectProps';
+export declare const useSelectDynamic: ({ onChange, nullable, children, selected, multiple, }: React.PropsWithChildren<SelectProps>) => {
+    selectedName: string[];
+    onClickInput: () => void;
+    focused: boolean;
+    modal: React.JSX.Element;
+    options: React.JSX.Element[] | null | undefined;
+    onKeyUp: (event: InputKeyboardEvent) => void;
+    onKeyPress: (event: InputKeyboardEvent) => void;
+} | {
+    selectedName: any[] | undefined;
+    options: React.JSX.Element[] | null | undefined;
+    onClickInput?: undefined;
+    focused?: undefined;
+    modal?: undefined;
+    onKeyUp?: undefined;
+    onKeyPress?: undefined;
+};

package/lib/components/select/web/hooks/useSelectDynamic.js

@@ -0,0 +1,233 @@
+import { __assign, __read, __spreadArray } from "tslib";
+import clsx from 'clsx';
+import React from 'react';
+import SelectOption from '../../../../components/select/option/SelectOption';
+import { hashClass } from '../../../../helpers/hashClassesHelpers';
+export var useSelectDynamic = function (_a) {
+    var onChange = _a.onChange, nullable = _a.nullable, children = _a.children, selected = _a.selected, multiple = _a.multiple;
+    try {
+        var _b = __read(React.useState(false), 2), focused_1 = _b[0], setIsFocused_1 = _b[1];
+        var _c = __read(React.useState(selected), 2), selectedValues_1 = _c[0], setSelectedValues_1 = _c[1];
+        var _d = __read(React.useState([]), 2), selectedName = _d[0], setSelectedName_1 = _d[1];
+        var reactId_1 = React.useId();
+        var _e = __read(React.useState(-1), 2), focusedIndex_1 = _e[0], setFocusedIndex_1 = _e[1];
+        var onClickInput = React.useCallback(function () {
+            setIsFocused_1(function (prev) { return !prev; });
+        }, []);
+        var onKeyUp = React.useCallback(function (event) {
+            if (event.inputKeyCode === 13) {
+                setIsFocused_1(function (prev) {
+                    if (multiple && !prev)
+                        return true;
+                    if (multiple && prev)
+                        return prev;
+                    return !prev;
+                });
+            }
+        }, [multiple]);
+        var onKeyPress = React.useCallback(function (event) {
+            event.preventDefault();
+        }, []);
+        var isChecked_1 = React.useCallback(function (value) {
+            return (multiple && selectedValues_1 && typeof selectedValues_1 !== 'string' && typeof selectedValues_1 !== 'number'
+                ? selectedValues_1 === null || selectedValues_1 === void 0 ? void 0 : selectedValues_1.includes(value)
+                : selectedValues_1 === value);
+        }, [multiple, selectedValues_1]);
+        var setNewSelectedValues_1 = React.useCallback(function (_a) {
+            var isChecked = _a.isChecked, children = _a.children, label = _a.label, value = _a.value;
+            var selectedOptions = [];
+            if (isChecked) {
+                setSelectedValues_1(function (prev) {
+                    switch (true) {
+                        case Array.isArray(prev) && nullable:
+                            setSelectedName_1(function (prev) { return prev.filter(function (txt) { return ![children, label].includes(txt); }); });
+                            var opts = prev.filter(function (item) { return item !== value; });
+                            selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
+                            return opts;
+                        case Array.isArray(prev) && !nullable:
+                            selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(prev), false));
+                            return prev;
+                        case !Array.isArray(prev) && !nullable:
+                            selectedOptions.push(value);
+                            return prev;
+                        case !Array.isArray(prev) && nullable:
+                            setSelectedName_1([]);
+                            return undefined;
+                        default:
+                            return value;
+                    }
+                });
+            }
+            if (!isChecked) {
+                setSelectedValues_1(function (prev) {
+                    if (Array.isArray(prev)) {
+                        var opts = __spreadArray(__spreadArray([], __read(prev), false), [value], false);
+                        selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
+                        return opts;
+                    }
+                    selectedOptions.push(value);
+                    return value;
+                });
+                setSelectedName_1(function (prev) {
+                    if (multiple)
+                        return __spreadArray(__spreadArray([], __read(prev), false), [children || label], false);
+                    return [children || label];
+                });
+            }
+            return selectedOptions;
+        }, [multiple, nullable, children]);
+        var clickEventValue_1 = React.useCallback(function (v, child) {
+            switch (true) {
+                case (nullable && multiple && (selectedValues_1 === null || selectedValues_1 === void 0 ? void 0 : selectedValues_1.includes(child.props.value))) ||
+                    (nullable && !multiple && selectedValues_1 === child.props.value):
+                    return undefined;
+                default:
+                    return v;
+            }
+        }, [nullable, multiple, selectedValues_1]);
+        var options_1 = React.useMemo(function () {
+            return React.Children.map(children, function (child, index) {
+                if (!React.isValidElement(child))
+                    return null;
+                var props = __assign(__assign({}, child.props), { checked: isChecked_1(child.props.value), focused: focusedIndex_1 === index ? 'true' : undefined, onClick: function () {
+                        var opts = setNewSelectedValues_1({
+                            children: child.props.children,
+                            label: child.props.label,
+                            value: child.props.value,
+                            isChecked: isChecked_1(child.props.value),
+                        });
+                        onChange &&
+                            onChange({
+                                selectValue: clickEventValue_1(child.props.value, child),
+                                selectName: clickEventValue_1(child.props.children || child.props.label, child),
+                                selectId: clickEventValue_1(child.props.id, child),
+                                name: clickEventValue_1(child.props.children || child.props.label, child),
+                                selectedOptions: opts,
+                            });
+                        if (child.props.onClick)
+                            child.props.onClick();
+                        if (!multiple)
+                            setIsFocused_1(false);
+                    } });
+                return React.createElement(SelectOption, __assign({}, props, { key: "".concat(reactId_1, "_").concat(index) }));
+            });
+        }, [multiple, nullable, selectedValues_1, focusedIndex_1, children]);
+        React.useEffect(function () {
+            var labelSelected = getSelectedName(children, selected);
+            labelSelected && setSelectedName_1(labelSelected);
+            setSelectedValues_1(selected);
+        }, [selected]);
+        React.useEffect(function () {
+            var onKeyDown = function (e) {
+                var childs = children;
+                var child = childs[focusedIndex_1];
+                e.preventDefault();
+                switch (true) {
+                    case e.key === 'ArrowDown':
+                        options_1 &&
+                            setFocusedIndex_1(function (prev) {
+                                var nextIndex = (prev + 1) % options_1.length;
+                                if (childs[nextIndex].props.disabled)
+                                    nextIndex++;
+                                return nextIndex % options_1.length;
+                            });
+                        break;
+                    case e.key === 'ArrowUp' && focusedIndex_1 !== -1:
+                        options_1 &&
+                            setFocusedIndex_1(function (prev) {
+                                var nextIndex = (prev - 1 + options_1.length) % options_1.length;
+                                if (childs[nextIndex].props.disabled)
+                                    nextIndex--;
+                                if (nextIndex === -1)
+                                    nextIndex = options_1.length - 1;
+                                return nextIndex % options_1.length;
+                            });
+                        break;
+                    case e.key === 'ArrowUp' && focusedIndex_1 === -1:
+                        options_1 &&
+                            setFocusedIndex_1(function () {
+                                var nextIndex = options_1.length - 1;
+                                if (childs[nextIndex].props.disabled)
+                                    nextIndex--;
+                                return nextIndex;
+                            });
+                        break;
+                    case ['Enter'].includes(e.key) && focusedIndex_1 !== -1 && !child.props.disabled:
+                        var isCheckedOption = isChecked_1(child.props.value);
+                        var opts = setNewSelectedValues_1({
+                            children: child.props.children,
+                            label: child.props.label,
+                            value: child.props.value,
+                            isChecked: isCheckedOption,
+                        });
+                        onChange &&
+                            onChange({
+                                selectValue: clickEventValue_1(child.props.value, child),
+                                selectName: clickEventValue_1(child.props.children || child.props.label, child),
+                                selectId: clickEventValue_1(child.props.id, child),
+                                name: clickEventValue_1(child.props.children || child.props.label, child),
+                                selectedOptions: opts,
+                            });
+                        break;
+                    case e.key === 'Escape':
+                        setFocusedIndex_1(-1);
+                        setIsFocused_1(false);
+                        break;
+                    default:
+                        return;
+                }
+            };
+            focused_1 && document.addEventListener('keydown', onKeyDown);
+            !focused_1 && setFocusedIndex_1(-1);
+            return function () { return document.removeEventListener('keydown', onKeyDown); };
+        }, [focused_1, focusedIndex_1, children, isChecked_1, options_1, onChange]);
+        var modal = React.useMemo(function () { return (React.createElement("div", { role: 'presentation', className: hashClass(clsx('select-trilogy_modal_open')), onClick: function () {
+                setIsFocused_1(false);
+            } })); }, []);
+        return {
+            selectedName: selectedName,
+            onClickInput: onClickInput,
+            focused: focused_1,
+            modal: modal,
+            options: options_1,
+            onKeyUp: onKeyUp,
+            onKeyPress: onKeyPress,
+        };
+    }
+    catch (_f) {
+        var optionIsChecked_1 = function (value, selectedValues, multiple) {
+            return (multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
+                ? selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)
+                : selectedValues === value);
+        };
+        var createOptions = function (children, selectedValues, focusedIndex, multiple) {
+            return React.Children.map(children, function (child, index) {
+                if (!React.isValidElement(child))
+                    return null;
+                var props = __assign(__assign({}, child.props), { checked: optionIsChecked_1(child.props.value, selectedValues, multiple), focused: focusedIndex === index ? 'true' : undefined });
+                return React.createElement(SelectOption, __assign({}, props));
+            });
+        };
+        return {
+            selectedName: getSelectedName(children, selected),
+            options: createOptions(children, selected, -1),
+        };
+    }
+};
+var getSelectedName = function (children, selected) {
+    var _a;
+    var labelSelected = (_a = React.Children.map(children, function (child) {
+        if (!React.isValidElement(child))
+            return false;
+        var label = child.props.children || child.props.label;
+        switch (true) {
+            case (Array.isArray(selected) && selected.includes(child.props.value)) ||
+                (!Array.isArray(selected) && child.props.value === selected):
+                return label;
+            default:
+                return false;
+        }
+    })) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item; });
+    return labelSelected;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2VsZWN0RHluYW1pYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L3dlYi9ob29rcy91c2VTZWxlY3REeW5hbWljLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLFlBQVksTUFBTSx5Q0FBeUMsQ0FBQTtBQUVsRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFeEQsTUFBTSxDQUFDLElBQU0sZ0JBQWdCLEdBQUcsVUFBQyxFQU1NO1FBTHJDLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQTtJQUVSLElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBMEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUF2RCxTQUFPLFFBQUEsRUFBRSxjQUFZLFFBQWtDLENBQUE7UUFDeEQsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQWdCLFFBQVEsQ0FBQyxJQUFBLEVBQTVFLGdCQUFjLFFBQUEsRUFBRSxtQkFBaUIsUUFBMkMsQ0FBQTtRQUM3RSxJQUFBLEtBQUEsT0FBa0MsS0FBSyxDQUFDLFFBQVEsQ0FBVyxFQUFFLENBQUMsSUFBQSxFQUE3RCxZQUFZLFFBQUEsRUFBRSxpQkFBZSxRQUFnQyxDQUFBO1FBQ3BFLElBQU0sU0FBTyxHQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsQ0FBQTtRQUN2QixJQUFBLEtBQUEsT0FBa0MsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTNELGNBQVksUUFBQSxFQUFFLGlCQUFlLFFBQThCLENBQUE7UUFFbEUsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztZ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

package/lib/components/select/web/hooks/useSelectNative.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ParamEventSelectFocus, SelectChangeEventHandler, SelectedValue } from '../../../../components/select/SelectProps';
+interface IParams {
+    selected?: SelectedValue;
+    onFocus?: (event: ParamEventSelectFocus) => void;
+    onBlur?: (event: unknown) => void;
+    onChange?: SelectChangeEventHandler;
+}
+export declare const useSelectNative: ({ selected, onFocus, onBlur, onChange }: IParams) => {
+    focused: boolean;
+    selectedValues: string | number | string[] | undefined;
+    handleFocus: (e: ParamEventSelectFocus) => void;
+    handleBlur: (e: ParamEventSelectFocus) => void;
+    handleChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+} | {
+    focused: boolean;
+    selectedValues: SelectedValue;
+    handleFocus?: undefined;
+    handleBlur?: undefined;
+    handleChange?: undefined;
+};
+export {};

package/lib/components/select/web/hooks/useSelectNative.js

@@ -0,0 +1,38 @@
+import { __read } from "tslib";
+import React from 'react';
+export var useSelectNative = function (_a) {
+    var selected = _a.selected, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange;
+    try {
+        var _b = __read(React.useState(false), 2), focused = _b[0], setIsFocused_1 = _b[1];
+        var _c = __read(React.useState(selected), 2), selectedValues = _c[0], setSelectedValues_1 = _c[1];
+        var handleFocus = React.useCallback(function (e) {
+            setIsFocused_1(true);
+            onFocus && onFocus(e);
+        }, [onFocus]);
+        var handleBlur = React.useCallback(function (e) {
+            setIsFocused_1(false);
+            onBlur && onBlur(e);
+        }, [onBlur]);
+        var handleChange = React.useCallback(function (e) {
+            var selectedV = Array.from(e.target.selectedOptions).map(function (select) { return select.value; });
+            setSelectedValues_1(selectedV);
+            if (onChange) {
+                onChange({
+                    selectValue: e.target.value,
+                    selectName: e.target.name,
+                    selectId: e.target.id,
+                    name: e.target.name,
+                    selectedOptions: selectedV,
+                });
+            }
+        }, [onChange]);
+        React.useEffect(function () {
+            setSelectedValues_1(selected);
+        }, [selected]);
+        return { focused: focused, selectedValues: selectedValues, handleFocus: handleFocus, handleBlur: handleBlur, handleChange: handleChange };
+    }
+    catch (_d) {
+        return { focused: false, selectedValues: selected };
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2VsZWN0TmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvd2ViL2hvb2tzL3VzZVNlbGVjdE5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVd6QixNQUFNLENBQUMsSUFBTSxlQUFlLEdBQUcsVUFBQyxFQUFnRDtRQUE5QyxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUE7SUFDbkUsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUEwQixLQUFLLENBQUMsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXZELE9BQU8sUUFBQSxFQUFFLGNBQVksUUFBa0MsQ0FBQTtRQUN4RCxJQUFBLEtBQUEsT0FBc0MsS0FBSyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBQSxFQUE3RCxjQUFjLFFBQUEsRUFBRSxtQkFBaUIsUUFBNEIsQ0FBQTtRQUVwRSxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNuQyxVQUFDLENBQXdCO1lBQ3ZCLGNBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtZQUNsQixPQUFPLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQ3ZCLENBQUMsRUFDRCxDQUFDLE9BQU8sQ0FBQyxDQUNWLENBQUE7UUFFRCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNsQyxVQUFDLENBQXdCO1lBQ3ZCLGNBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUNuQixNQUFNLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQ3JCLENBQUMsRUFDRCxDQUFDLE1BQU0sQ0FBQyxDQUNULENBQUE7UUFFRCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNwQyxVQUFDLENBQXVDO1lBQ3RDLElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQyxHQUFHLENBQUMsVUFBQyxNQUFNLElBQUssT0FBQSxNQUFNLENBQUMsS0FBSyxFQUFaLENBQVksQ0FBQyxDQUFBO1lBQ3BGLG1CQUFpQixDQUFDLFNBQVMsQ0FBQyxDQUFBO1lBQzVCLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsQ0FBQztvQkFDUCxXQUFXLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLO29CQUMzQixVQUFVLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO29CQUN6QixRQUFRLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxFQUFFO29CQUNyQixJQUFJLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO29CQUNuQixlQUFlLEVBQUUsU0FBUztpQkFDM0IsQ0FBQyxDQUFBO2FBQ0g7UUFDSCxDQUFDLEVBQ0QsQ0FBQyxRQUFRLENBQUMsQ0FDWCxDQUFBO1FBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLG1CQUFpQixDQUFDLFFBQVEsQ0FBQyxDQUFBO1FBQzdCLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7UUFFZCxPQUFPLEVBQUUsT0FBTyxTQUFBLEVBQUUsY0FBYyxnQkFBQSxFQUFFLFdBQVcsYUFBQSxFQUFFLFVBQVUsWUFBQSxFQUFFLFlBQVksY0FBQSxFQUFFLENBQUE7S0FDMUU7SUFBQyxXQUFNO1FBQ04sT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxDQUFBO0tBQ3BEO0FBQ0gsQ0FBQyxDQUFBIn0=

package/lib/components/select/web/index.d.ts

@@ -1,2 +1,2 @@
-export { default as SelectDynamic } from './SelectDynamic';
-export { default as SelectNative } from './SelectNative';
+export { default as SelectDynamic } from '../../../components/select/web/SelectDynamic';
+export { default as SelectNative } from '../../../components/select/web/SelectNative';

package/lib/components/select/web/index.js

@@ -1,3 +1,3 @@
-export { default as SelectDynamic } from './SelectDynamic';
-export { default as SelectNative } from './SelectNative';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC93ZWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsT0FBTyxJQUFJLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFBIn0=
+export { default as SelectDynamic } from '../../../components/select/web/SelectDynamic';
+export { default as SelectNative } from '../../../components/select/web/SelectNative';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC93ZWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxhQUFhLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQTtBQUNoRixPQUFPLEVBQUUsT0FBTyxJQUFJLFlBQVksRUFBRSxNQUFNLHNDQUFzQyxDQUFBIn0=

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

@@ -1,9 +1,4 @@
-/// <reference types="react" />
-import { SpacerProps } from './SpacerProps';
-/**
- * Spacer Component
- * @param size {SpacerSize} ONE | TWO | THREE | FOUR | FIVE | SIX | SEVEN | EIGHT
- * @param horizontal {Boolean} If horizontal margin
- */
-declare const Spacer: ({ size, horizontal, className, id }: SpacerProps) => JSX.Element;
-export default Spacer;
+import React from 'react';
+import { SpacerProps } from '../../components/spacer/SpacerProps';
+declare const _default: React.ForwardRefExoticComponent<SpacerProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/lib/components/spacer/Spacer.js

@@ -1,23 +1,18 @@
-import * as React from 'react';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
+import React from 'react';
 /**
  * Spacer Component
  * @param size {SpacerSize} ONE | TWO | THREE | FOUR | FIVE | SIX | SEVEN | EIGHT
  * @param horizontal {Boolean} If horizontal margin
  */
-var Spacer = function (_a) {
-    var size = _a.size, horizontal = _a.horizontal, className = _a.className, id = _a.id;
-    var styled = useTrilogyContext().styled;
+var Spacer = function (_a, ref) {
+    var size = _a.size, horizontal = _a.horizontal;
     var styles = {
         spacer: {
             marginLeft: horizontal ? "".concat(size, "px") : '0px',
             marginTop: !horizontal ? "".concat(size, "px") : '0px',
         },
     };
-    var classes = hashClass(styled, clsx(className));
-    return React.createElement("div", { id: id, style: styles.spacer, className: classes });
+    return React.createElement("div", { style: styles.spacer, ref: ref });
 };
-export default Spacer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zcGFjZXIvU3BhY2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7R0FJRztBQUNILElBQU0sTUFBTSxHQUFHLFVBQUMsRUFBZ0Q7UUFBOUMsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQTtJQUN2QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE1BQU0sR0FBRztRQUNiLE1BQU0sRUFBRTtZQUNOLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxPQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUs7WUFDNUMsU0FBUyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFHLElBQUksT0FBSSxDQUFDLENBQUMsQ0FBQyxLQUFLO1NBQzdDO0tBQ0YsQ0FBQTtJQUNELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFbEQsT0FBTyw2QkFBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEdBQUksQ0FBQTtBQUNsRSxDQUFDLENBQUE7QUFFRCxlQUFlLE1BQU0sQ0FBQSJ9
+export default React.forwardRef(Spacer);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zcGFjZXIvU3BhY2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFJekI7Ozs7R0FJRztBQUNILElBQU0sTUFBTSxHQUFHLFVBQUMsRUFBaUMsRUFBRSxHQUE4QjtRQUEvRCxJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBO0lBQ2hDLElBQU0sTUFBTSxHQUFHO1FBQ2IsTUFBTSxFQUFFO1lBQ04sVUFBVSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBRyxJQUFJLE9BQUksQ0FBQyxDQUFDLENBQUMsS0FBSztZQUM1QyxTQUFTLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxPQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUs7U0FDN0M7S0FDRixDQUFBO0lBQ0QsT0FBTyw2QkFBSyxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU0sRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFJLENBQUE7QUFDaEQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFBIn0=

package/lib/components/spacer/Spacer.native.d.ts

@@ -1,13 +1,5 @@
-/// <reference types="react" />
-import { SpacerProps } from "./SpacerProps";
-import { ComponentName } from "../../components/enumsComponentsName";
-/**
- * Spacer Component
- * @param size {SpacerSize} Size of the spacer
- * @param horizontal {Boolean} If horizontal margin
- */
-declare const Spacer: {
-    ({ size, horizontal }: SpacerProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default Spacer;
+import React from 'react';
+import { View } from 'react-native';
+import { SpacerProps } from '../../components/spacer/SpacerProps';
+declare const _default: React.ForwardRefExoticComponent<SpacerProps & React.RefAttributes<View>>;
+export default _default;

package/lib/components/spacer/Spacer.native.js

@@ -1,12 +1,12 @@
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { ComponentName } from "../../components/enumsComponentsName";
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Spacer Component
  * @param size {SpacerSize} Size of the spacer
  * @param horizontal {Boolean} If horizontal margin
  */
-var Spacer = function (_a) {
+var Spacer = function (_a, ref) {
     var size = _a.size, horizontal = _a.horizontal;
     var styles = StyleSheet.create({
         spacer: {
@@ -14,8 +14,8 @@ var Spacer = function (_a) {
             marginTop: (!horizontal && parseInt(size.toString())) || 0,
         },
     });
-    return React.createElement(View, { style: styles.spacer });
+    return React.createElement(View, { style: styles.spacer, ref: ref });
 };
 Spacer.displayName = ComponentName.Spacer;
-export default Spacer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3BhY2VyL1NwYWNlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7OztHQUlHO0FBQ0gsSUFBTSxNQUFNLEdBQUcsVUFBQyxFQUFpQztRQUEvQixJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBO0lBQ2hDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sVUFBVSxFQUFFLENBQUMsVUFBVSxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDMUQsU0FBUyxFQUFFLENBQUMsQ0FBQyxVQUFVLElBQUksUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQztTQUMzRDtLQUNGLENBQUMsQ0FBQTtJQUNGLE9BQU8sb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxHQUFJLENBQUE7QUFDdkMsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFBO0FBRXpDLGVBQWUsTUFBTSxDQUFBIn0=
+export default React.forwardRef(Spacer);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3BhY2VyL1NwYWNlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFHaEU7Ozs7R0FJRztBQUNILElBQU0sTUFBTSxHQUFHLFVBQUMsRUFBaUMsRUFBRSxHQUFvQjtRQUFyRCxJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBO0lBQ2hDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sVUFBVSxFQUFFLENBQUMsVUFBVSxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDMUQsU0FBUyxFQUFFLENBQUMsQ0FBQyxVQUFVLElBQUksUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQztTQUMzRDtLQUNGLENBQUMsQ0FBQTtJQUNGLE9BQU8sb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRSxHQUFHLEdBQUksQ0FBQTtBQUNqRCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFBIn0=

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

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

package/lib/components/spacer/SpacerPropsDefaults.js

@@ -23,19 +23,5 @@ export default {
       "false",
       "true"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

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

@@ -1,3 +1,2 @@
-import Spacer from './Spacer';
-export * from './SpacerEnum';
-export { Spacer };
+export { default as Spacer } from '../../components/spacer/Spacer';
+export * from '../../components/spacer/SpacerEnum';

package/lib/components/spacer/index.js

@@ -1,4 +1,3 @@
-import Spacer from './Spacer';
-export * from './SpacerEnum';
-export { Spacer };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NwYWNlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUE7QUFFN0IsY0FBYyxjQUFjLENBQUE7QUFFNUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFBIn0=
+export { default as Spacer } from '../../components/spacer/Spacer';
+export * from '../../components/spacer/SpacerEnum';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NwYWNlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLE1BQU0sRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELGNBQWMsZ0NBQWdDLENBQUEifQ==

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

@@ -1,11 +1,4 @@
-import * as React from 'react';
-import { StepperProps } from './StepperProps';
-/**
- * Stepper Component
- * @param centered Center the stepper
- * @param children {ReactNode}
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className Additionnal CSS Classes
- */
-declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
-export default Stepper;
+import React from 'react';
+import { StepperProps } from '../../components/stepper/StepperProps';
+declare const _default: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/lib/components/stepper/Stepper.js

@@ -1,9 +1,9 @@
-import { __assign, __read, __rest } from "tslib";
-import * as React from 'react';
+import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { Text } from '../../components/text';
+import React from 'react';
+import { useStepper } from '../../components/stepper/hook/useStepper';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { has } from '../../services/classify';
 /**
  * Stepper Component
  * @param centered Center the stepper
@@ -11,44 +11,26 @@ import { Text } from '../../components/text';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className Additionnal CSS Classes
  */
-var Stepper = React.forwardRef(function (props, ref) {
-    var className = props.className, id = props.id, children = props.children, others = __rest(props, ["className", "id", "children"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('stepper-wrapper', className));
-    var _a = __read(React.useState(1), 2), currentStep = _a[0], setCurrentStep = _a[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(function () {
-        if (children) {
-            if (Array.isArray(children)) {
-                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_1)
-                    setCurrentStep(1);
-            }
-            else {
-                setCurrentStep(1);
-            }
-        }
-    }, [children]);
-    return (React.createElement("div", __assign({ id: id, ref: ref, className: classes }, others),
+var Stepper = function (_a, ref) {
+    var className = _a.className, centered = _a.centered, children = _a.children, others = __rest(_a, ["className", "centered", "children"]);
+    var _b = useStepper({ children: children }), currentStep = _b.currentStep, nbChild = _b.nbChild;
+    var classes = hashClass(clsx('stepper-wrapper', className));
+    var centerClasses = hashClass(clsx('section', has('text-centered'), className));
+    if (centered) {
+        return (React.createElement("section", { ref: ref, className: centerClasses },
+            React.createElement("div", __assign({ className: classes }, others),
+                children,
+                React.createElement("div", { className: 'step-count' },
+                    currentStep,
+                    "/",
+                    nbChild))));
+    }
+    return (React.createElement("div", __assign({ ref: ref, className: classes }, others),
         children,
         React.createElement("div", { className: 'step-count' },
-            React.createElement(Text, null,
-                currentStep,
-                "/",
-                nbChild))));
-});
-export default Stepper;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBbUIsRUFBRSxHQUFvQztJQUNqRixJQUFBLFNBQVMsR0FBOEIsS0FBSyxVQUFuQyxFQUFFLEVBQUUsR0FBMEIsS0FBSyxHQUEvQixFQUFFLFFBQVEsR0FBZ0IsS0FBSyxTQUFyQixFQUFLLE1BQU0sVUFBSyxLQUFLLEVBQTlDLCtCQUFzQyxDQUFGLENBQVU7SUFDNUMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUMvRCxJQUFBLEtBQUEsT0FBZ0MsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUF4RCxXQUFXLFFBQUEsRUFBRSxjQUFjLFFBQTZCLENBQUE7SUFFL0QsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBUztRQUNwQyxJQUFJLFFBQVEsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztZQUFFLE9BQU8sUUFBUSxDQUFDLE1BQU0sQ0FBQTtRQUMvRCxJQUFJLFFBQVEsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1lBQUUsT0FBTyxDQUFDLENBQUE7UUFDbEQsT0FBTyxDQUFDLENBQUE7SUFDVixDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLElBQUksUUFBUSxFQUFFO1lBQ1osSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFO2dCQUMzQixJQUFJLGlCQUFlLEdBQUcsS0FBSyxDQUFBO2dCQUMzQixRQUFRLENBQUMsR0FBRyxDQUFDLFVBQUMsS0FBSyxFQUFFLEtBQUs7O29CQUN4QixJQUFJLE1BQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLEtBQUssMENBQUUsT0FBTyxFQUFFO3dCQUN6QixpQkFBZSxHQUFHLElBQUksQ0FBQTt3QkFDdEIsY0FBYyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQTtxQkFDMUI7Z0JBQ0gsQ0FBQyxDQUFDLENBQUE7Z0JBQ0YsSUFBSSxDQUFDLGlCQUFlO29CQUFFLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUN4QztpQkFBTTtnQkFDTCxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUE7YUFDbEI7U0FDRjtJQUNILENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUNsRCxRQUFRO1FBQ1QsNkJBQUssU0FBUyxFQUFDLFlBQVk7WUFDekIsb0JBQUMsSUFBSTtnQkFDRixXQUFXOztnQkFBRyxPQUFPLENBQ2pCLENBQ0gsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUNGLGVBQWUsT0FBTyxDQUFBIn0=
+            currentStep,
+            "/",
+            nbChild)));
+};
+export default React.forwardRef(Stepper);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUE7QUFFakUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV6Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTBELEVBQUUsR0FBOEI7SUFBeEYsSUFBQSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQTFDLHFDQUE0QyxDQUFGO0lBQ25ELElBQUEsS0FBMkIsVUFBVSxDQUFDLEVBQUUsUUFBUSxVQUFBLEVBQUUsQ0FBQyxFQUFqRCxXQUFXLGlCQUFBLEVBQUUsT0FBTyxhQUE2QixDQUFBO0lBRXpELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUM3RCxJQUFNLGFBQWEsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxHQUFHLENBQUMsZUFBZSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVqRixJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU8sQ0FDTCxpQ0FBUyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxhQUFhO1lBQ3pDLHNDQUFLLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtnQkFDaEMsUUFBUTtnQkFDVCw2QkFBSyxTQUFTLEVBQUMsWUFBWTtvQkFDeEIsV0FBVzs7b0JBQUcsT0FBTyxDQUNsQixDQUNGLENBQ0UsQ0FDWCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU07UUFDMUMsUUFBUTtRQUNULDZCQUFLLFNBQVMsRUFBQyxZQUFZO1lBQ3hCLFdBQVc7O1lBQUcsT0FBTyxDQUNsQixDQUNGLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUNELGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQSJ9

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

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