@arquimedes.co/eureka-forms 0.1.2 → 0.2.5

package/dist/FormComponents/Step/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.module.css

@@ -0,0 +1,45 @@
+.container {
+    width: fit-content;
+    max-width: 100%;
+    display: flex;
+    padding: 10px;
+    padding-bottom: 0px;
+    padding-top: 5px;
+    margin-bottom: 0px;
+    min-height: 100px;
+    width: 100%;
+    flex-direction: column;
+}
+
+.labelLabel {
+    font-size: 16px;
+    margin-left: 8px;
+    margin-bottom: 5px;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+.stepDescriptionLabel {
+    font-size: 0.7rem;
+    margin-top: -4px;
+    margin-left: 8px;
+}
+.filesInput {
+    display: none;
+}
+.btnContainer {
+    margin-top: 5px;
+    margin-left: 10px;
+    width: fit-content;
+}
+.errorMsg {
+    font-size: 0.75rem;
+    margin-top: 7px;
+    margin-left: 14px;
+}
+
+.filesContainer {
+    padding-top: 5px;
+}

package/dist/FormComponents/Step/SelectorStep/MaterialSelectorStep/MaterialSelectorStep.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { SelectorStepProps } from '../SelectorStep';
-declare function SelectorStep(props: SelectorStepProps): JSX.Element;
-export default SelectorStep;
+/// <reference types="react" />
+import { SelectorStepProps } from '../SelectorStep';
+declare function SelectorStep(props: SelectorStepProps): JSX.Element;
+export default SelectorStep;

package/dist/FormComponents/Step/SelectorStep/MaterialSelectorStep/MaterialSelectorStep.js

@@ -1,99 +1,99 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import { OptionTypes } from '../../../../constants/FormStepTypes';
-import RoundedSelect from '../../../../shared/RoundedSelect/RoundedSelect';
-import { MenuItem } from '@material-ui/core';
-import styles from './MaterialSelectorStep.module.css';
-import StepComponent from '../../Step';
-import { calcFillerSize, calcStepWidth } from '../../StepFunctions';
-import { Controller } from 'react-hook-form';
-function Selector(_a) {
-    var step = _a.step, form = _a.form, value = _a.value, level = _a.level, onBlur = _a.onBlur, control = _a.control, onChange = _a.onChange, postview = _a.postview, formStyle = _a.formStyle, getValues = _a.getValues, widthStats = _a.widthStats, handleSizeChange = _a.handleSizeChange, errors = _a.errors, others = __rest(_a, ["step", "form", "value", "level", "onBlur", "control", "onChange", "postview", "formStyle", "getValues", "widthStats", "handleSizeChange", "errors"]);
-    var _b = useState(level === 0 ? calcFillerSize(step, form.steps, getValues(), form) : 0), fillerSize = _b[0], setFillerSize = _b[1];
-    var sizeChange = function () {
-        handleSizeChange();
-        if (level === 0) {
-            setFillerSize(calcFillerSize(step, form.steps, getValues(), form));
-        }
-    };
-    var renderSelect = function () {
-        return (_jsx("div", __assign({ className: styles.container, style: {
-                width: widthStats.currentBreakPoint <= step.size
-                    ? '100%'
-                    : calcStepWidth(step.size, form),
-                maxWidth: '100%',
-                minHeight: step.description || step.required ? '55px' : '43px',
-            } }, { children: _jsxs(RoundedSelect, __assign({ value: value, fullWidth: true, cantEdit: postview, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, label: step.label, required: step.required, containerMargin: "0px", height: '31px', onBlur: onBlur, handleUpdate: function (event) {
-                    onChange(event.target.value);
-                    sizeChange();
-                }, helperText: errors[step.id]
-                    ? errors[step.id].message
-                    : step.description, error: !!errors[step.id] }, { children: [_jsx(MenuItem, __assign({ value: '' }, { children: _jsx("em", { children: "Sin Seleccionar" }, void 0) }), 'EMPTY'), step.options.map(function (option) { return (_jsx(MenuItem, __assign({ value: option.value }, { children: option.label }), option.value)); })] }), void 0) }), void 0));
-    };
-    var mapNestedOption = function () {
-        var currentOptionIndex = null;
-        var currentOption = null;
-        for (var i = 0; i < step.options.length; i++) {
-            var option = step.options[i];
-            if (option.value === value) {
-                currentOptionIndex = i;
-                currentOption = option;
-            }
-        }
-        if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === OptionTypes.NESTED &&
-            currentOptionIndex !== null) {
-            return (_jsx(React.Fragment, { children: currentOption.steps.map(function (idSubStep, index) {
-                    var subStep = form.steps[idSubStep];
-                    return (_createElement(StepComponent, __assign({}, others, { postview: postview, formStyle: formStyle, form: form, getValues: getValues, errors: errors, control: control, widthStats: widthStats, step: subStep, key: index, level: level + 1, handleSizeChange: function () {
-                            sizeChange();
-                        } })));
-                }) }, void 0));
-        }
-    };
-    if (level === 0 && step.maxSize < form.blockNum) {
-        return (_jsxs("div", __assign({ className: styles.firstLvlContainer, style: {
-                width: widthStats.currentBreakPoint <= step.size
-                    ? '100%'
-                    : 'fit-content',
-            } }, { children: [renderSelect(), mapNestedOption(), level === 0 && step.maxSize < form.blockNum && (_jsx("div", { className: styles.smallSeparator, style: {
-                        width: fillerSize,
-                    } }, void 0))] }), void 0));
-    }
-    else {
-        return (_jsxs(React.Fragment, { children: [renderSelect(), mapNestedOption(), level === 0 && _jsx("div", { className: styles.separator }, void 0)] }, void 0));
-    }
-}
-function SelectorStep(props) {
-    return (_jsx(Controller, { name: props.step.id, control: props.control, defaultValue: "", rules: {
-            required: props.step.required
-                ? 'Este campo es obligatorio'
-                : undefined,
-        }, shouldUnregister: true, render: function (_a) {
-            var field = _a.field;
-            return (_jsx(Selector, __assign({}, props, { value: field.value, onChange: field.onChange, onBlur: field.onBlur }), void 0));
-        } }, void 0));
-}
-export default SelectorStep;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { OptionTypes } from '../../../../constants/FormStepTypes';
+import RoundedSelect from '../../../../shared/RoundedSelect/RoundedSelect';
+import { MenuItem } from '@material-ui/core';
+import styles from './MaterialSelectorStep.module.css';
+import StepComponent from '../../Step';
+import { calcFillerSize, calcStepWidth } from '../../StepFunctions';
+import { Controller } from 'react-hook-form';
+function Selector(_a) {
+    var step = _a.step, form = _a.form, value = _a.value, level = _a.level, onBlur = _a.onBlur, control = _a.control, onChange = _a.onChange, postview = _a.postview, formStyle = _a.formStyle, getValues = _a.getValues, widthStats = _a.widthStats, handleSizeChange = _a.handleSizeChange, errors = _a.errors, others = __rest(_a, ["step", "form", "value", "level", "onBlur", "control", "onChange", "postview", "formStyle", "getValues", "widthStats", "handleSizeChange", "errors"]);
+    var _b = useState(level === 0 ? calcFillerSize(step, form.steps, getValues(), form) : 0), fillerSize = _b[0], setFillerSize = _b[1];
+    var sizeChange = function () {
+        handleSizeChange();
+        if (level === 0) {
+            setFillerSize(calcFillerSize(step, form.steps, getValues(), form));
+        }
+    };
+    var renderSelect = function () {
+        return (_jsx("div", __assign({ className: styles.container, style: {
+                width: widthStats.currentBreakPoint <= step.size
+                    ? '100%'
+                    : calcStepWidth(step.size, form),
+                maxWidth: '100%',
+                minHeight: step.description || step.required ? '55px' : '43px',
+            } }, { children: _jsxs(RoundedSelect, __assign({ value: value, fullWidth: true, cantEdit: postview, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, label: step.label, required: step.required, containerMargin: "0px", height: '31px', onBlur: onBlur, handleUpdate: function (event) {
+                    onChange(event.target.value);
+                    sizeChange();
+                }, helperText: errors[step.id]
+                    ? errors[step.id].message
+                    : step.description, error: !!errors[step.id] }, { children: [_jsx(MenuItem, __assign({ value: '' }, { children: _jsx("em", { children: "Sin Seleccionar" }, void 0) }), 'EMPTY'), step.options.map(function (option) { return (_jsx(MenuItem, __assign({ value: option.value }, { children: option.label }), option.value)); })] }), void 0) }), void 0));
+    };
+    var mapNestedOption = function () {
+        var currentOptionIndex = null;
+        var currentOption = null;
+        for (var i = 0; i < step.options.length; i++) {
+            var option = step.options[i];
+            if (option.value === value) {
+                currentOptionIndex = i;
+                currentOption = option;
+            }
+        }
+        if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === OptionTypes.NESTED &&
+            currentOptionIndex !== null) {
+            return (_jsx(React.Fragment, { children: currentOption.steps.map(function (idSubStep, index) {
+                    var subStep = form.steps[idSubStep];
+                    return (_createElement(StepComponent, __assign({}, others, { postview: postview, formStyle: formStyle, form: form, getValues: getValues, errors: errors, control: control, widthStats: widthStats, step: subStep, key: index, level: level + 1, handleSizeChange: function () {
+                            sizeChange();
+                        } })));
+                }) }, void 0));
+        }
+    };
+    if (level === 0 && step.maxSize < form.blockNum) {
+        return (_jsxs("div", __assign({ className: styles.firstLvlContainer, style: {
+                width: widthStats.currentBreakPoint <= step.size
+                    ? '100%'
+                    : 'fit-content',
+            } }, { children: [renderSelect(), mapNestedOption(), level === 0 && step.maxSize < form.blockNum && (_jsx("div", { className: styles.smallSeparator, style: {
+                        width: fillerSize,
+                    } }, void 0))] }), void 0));
+    }
+    else {
+        return (_jsxs(React.Fragment, { children: [renderSelect(), mapNestedOption(), level === 0 && _jsx("div", { className: styles.separator }, void 0)] }, void 0));
+    }
+}
+function SelectorStep(props) {
+    return (_jsx(Controller, { name: props.step.id, control: props.control, defaultValue: "", rules: {
+            required: props.step.required
+                ? 'Este campo es obligatorio'
+                : undefined,
+        }, shouldUnregister: true, render: function (_a) {
+            var field = _a.field;
+            return (_jsx(Selector, __assign({}, props, { value: field.value, onChange: field.onChange, onBlur: field.onBlur }), void 0));
+        } }, void 0));
+}
+export default SelectorStep;

package/dist/FormComponents/Step/SelectorStep/MaterialSelectorStep/MaterialSelectorStep.module.css

@@ -0,0 +1,25 @@
+.container {
+    width: fit-content;
+    max-width: 100%;
+    display: flex;
+    padding: 10px;
+    padding-bottom: 0px;
+    padding-top: 5px;
+    margin-bottom: 0px;
+}
+.separator {
+    flex-basis: 100%;
+    height: 0;
+}
+
+.firstLvlContainer {
+    max-width: 100%;
+    display: flex;
+    flex-flow: row wrap;
+}
+
+.smallSeparator {
+    height: 0;
+    max-width: 100%;
+    flex-basis: 0;
+}

package/dist/FormComponents/Step/SelectorStep/SelectorStep.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { FormSelector } from '../../../@Types/FormStep';
-import { StepProps } from '../Step';
-export interface SelectorStepProps extends StepProps {
-    /** The SelectorStep to display */
-    step: FormSelector;
-}
-declare function SelectorStep({ formStyle, ...others }: SelectorStepProps): JSX.Element;
-export default SelectorStep;
+/// <reference types="react" />
+import { FormSelector } from '../../../@Types/FormStep';
+import { StepProps } from '../Step';
+export interface SelectorStepProps extends StepProps {
+    /** The SelectorStep to display */
+    step: FormSelector;
+}
+declare function SelectorStep({ formStyle, ...others }: SelectorStepProps): JSX.Element;
+export default SelectorStep;

package/dist/FormComponents/Step/SelectorStep/SelectorStep.js

@@ -1,37 +1,37 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FormStyleTypes } from '../../../constants/FormStepTypes';
-import MaterialSelectorStep from './MaterialSelectorStep/MaterialSelectorStep';
-function SelectorStep(_a) {
-    var formStyle = _a.formStyle, others = __rest(_a, ["formStyle"]);
-    switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialSelectorStep, __assign({ formStyle: formStyle }, others), void 0);
-        }
-        default: {
-            return _jsx(MaterialSelectorStep, __assign({ formStyle: formStyle }, others), void 0);
-        }
-    }
-}
-export default SelectorStep;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormStyleTypes } from '../../../constants/FormStepTypes';
+import MaterialSelectorStep from './MaterialSelectorStep/MaterialSelectorStep';
+function SelectorStep(_a) {
+    var formStyle = _a.formStyle, others = __rest(_a, ["formStyle"]);
+    switch (formStyle.type) {
+        case FormStyleTypes.MATERIAL: {
+            return _jsx(MaterialSelectorStep, __assign({ formStyle: formStyle }, others), void 0);
+        }
+        default: {
+            return _jsx(MaterialSelectorStep, __assign({ formStyle: formStyle }, others), void 0);
+        }
+    }
+}
+export default SelectorStep;

package/dist/FormComponents/Step/SeparatorStep/MaterialSeparatorStep/MaterialSeparatorStep.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { SeparatorStepProps } from '../SeparatorStep';
-declare function SeparatorStep({ step, formStyle }: SeparatorStepProps): JSX.Element;
-export default SeparatorStep;
+/// <reference types="react" />
+import { SeparatorStepProps } from '../SeparatorStep';
+declare function SeparatorStep({ step, formStyle }: SeparatorStepProps): JSX.Element;
+export default SeparatorStep;

package/dist/FormComponents/Step/SeparatorStep/MaterialSeparatorStep/MaterialSeparatorStep.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './MaterialSeparatorStep.module.css';
-function SeparatorStep(_a) {
-    var step = _a.step, formStyle = _a.formStyle;
-    return (_jsx("div", { className: styles.container, style: {
-            backgroundColor: step.transparent
-                ? 'transparent'
-                : formStyle.primaryColor,
-        } }, void 0));
-}
-export default SeparatorStep;
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from './MaterialSeparatorStep.module.css';
+function SeparatorStep(_a) {
+    var step = _a.step, formStyle = _a.formStyle;
+    return (_jsx("div", { className: styles.container, style: {
+            backgroundColor: step.transparent
+                ? 'transparent'
+                : formStyle.primaryColor,
+        } }, void 0));
+}
+export default SeparatorStep;

package/dist/FormComponents/Step/SeparatorStep/MaterialSeparatorStep/MaterialSeparatorStep.module.css

@@ -0,0 +1,7 @@
+.container {
+    height: 2px;
+    width: calc(100% - 20px);
+    margin-bottom: 5px;
+    margin-left: 10px;
+    border-radius: 20px;
+}

package/dist/FormComponents/Step/SeparatorStep/SeparatorStep.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { Separator } from '../../../@Types/FormStep';
-import { StepProps } from '../Step';
-export interface SeparatorStepProps extends StepProps {
-    /** The TitleStep to display */
-    step: Separator;
-}
-declare function SeparatorStep({ step, formStyle, ...others }: SeparatorStepProps): JSX.Element;
-export default SeparatorStep;
+/// <reference types="react" />
+import { Separator } from '../../../@Types/FormStep';
+import { StepProps } from '../Step';
+export interface SeparatorStepProps extends StepProps {
+    /** The TitleStep to display */
+    step: Separator;
+}
+declare function SeparatorStep({ step, formStyle, ...others }: SeparatorStepProps): JSX.Element;
+export default SeparatorStep;

package/dist/FormComponents/Step/SeparatorStep/SeparatorStep.js

@@ -1,37 +1,37 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FormStyleTypes } from '../../../constants/FormStepTypes';
-import MaterialSeparatorStep from './MaterialSeparatorStep/MaterialSeparatorStep';
-function SeparatorStep(_a) {
-    var step = _a.step, formStyle = _a.formStyle, others = __rest(_a, ["step", "formStyle"]);
-    switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL: {
-            return (_jsx(MaterialSeparatorStep, __assign({ step: step, formStyle: formStyle }, others), void 0));
-        }
-        default: {
-            return (_jsx(MaterialSeparatorStep, __assign({ step: step, formStyle: formStyle }, others), void 0));
-        }
-    }
-}
-export default SeparatorStep;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormStyleTypes } from '../../../constants/FormStepTypes';
+import MaterialSeparatorStep from './MaterialSeparatorStep/MaterialSeparatorStep';
+function SeparatorStep(_a) {
+    var step = _a.step, formStyle = _a.formStyle, others = __rest(_a, ["step", "formStyle"]);
+    switch (formStyle.type) {
+        case FormStyleTypes.MATERIAL: {
+            return (_jsx(MaterialSeparatorStep, __assign({ step: step, formStyle: formStyle }, others), void 0));
+        }
+        default: {
+            return (_jsx(MaterialSeparatorStep, __assign({ step: step, formStyle: formStyle }, others), void 0));
+        }
+    }
+}
+export default SeparatorStep;

package/dist/FormComponents/Step/Step.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { FormStep } from '../../@Types/FormStep';
-import { RecursiveData } from '../Section/Section';
-export interface StepProps extends RecursiveData {
-    step: FormStep;
-    handleSizeChange: Function;
-    level: number;
-}
-declare function StepComponent({ step, ...others }: StepProps): JSX.Element;
-export default StepComponent;
+/// <reference types="react" />
+import { FormStep } from '../../@Types/FormStep';
+import { RecursiveData } from '../Section/Section';
+export interface StepProps extends RecursiveData {
+    step: FormStep;
+    handleSizeChange: Function;
+    level: number;
+}
+declare function StepComponent({ step, ...props }: StepProps): JSX.Element;
+export default StepComponent;