@arquimedes.co/eureka-forms 0.1.2 → 0.2.5

package/dist/FormComponents/Step/ClassifierSelectorStep/ClassifierSelectorStep.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 MaterialClassifierSelectorStep from './MaterialClassifierSelectorStep/MaterialClassifierSelectorStep';
-function ClassifierSelectorStep(_a) {
-    var formStyle = _a.formStyle, others = __rest(_a, ["formStyle"]);
-    switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL: {
-            return (_jsx(MaterialClassifierSelectorStep, __assign({ formStyle: formStyle }, others), void 0));
-        }
-        default: {
-            return (_jsx(MaterialClassifierSelectorStep, __assign({ formStyle: formStyle }, others), void 0));
-        }
-    }
-}
-export default ClassifierSelectorStep;
+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 MaterialClassifierSelectorStep from './MaterialClassifierSelectorStep/MaterialClassifierSelectorStep';
+function ClassifierSelectorStep(_a) {
+    var formStyle = _a.formStyle, others = __rest(_a, ["formStyle"]);
+    switch (formStyle.type) {
+        case FormStyleTypes.MATERIAL: {
+            return (_jsx(MaterialClassifierSelectorStep, __assign({ formStyle: formStyle }, others), void 0));
+        }
+        default: {
+            return (_jsx(MaterialClassifierSelectorStep, __assign({ formStyle: formStyle }, others), void 0));
+        }
+    }
+}
+export default ClassifierSelectorStep;

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

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

package/dist/FormComponents/Step/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js

@@ -1,105 +1,105 @@
-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 { ClassifierOptionTypes } from '../../../../constants/FormStepTypes';
-import RoundedSelect from '../../../../shared/RoundedSelect/RoundedSelect';
-import { MenuItem } from '@material-ui/core';
-import styles from './MaterialClassifierSelectorStep.module.css';
-import StepComponent from '../../Step';
-import { Controller } from 'react-hook-form';
-import { calcFillerSize, calcStepWidth } from '../../StepFunctions';
-function ClassifierSelector(_a) {
-    var step = _a.step, form = _a.form, level = _a.level, errors = _a.errors, value = _a.value, onBlur = _a.onBlur, control = _a.control, onChange = _a.onChange, postview = _a.postview, formStyle = _a.formStyle, getValues = _a.getValues, widthStats = _a.widthStats, handleSizeChange = _a.handleSizeChange, others = __rest(_a, ["step", "form", "level", "errors", "value", "onBlur", "control", "onChange", "postview", "formStyle", "getValues", "widthStats", "handleSizeChange"]);
-    var _b = useState(level === 0 ? calcFillerSize(step, form.steps, getValues(), form) : 0), fillerSize = _b[0], setFillerSize = _b[1];
-    if (!step.idClassifier) {
-        return _jsx("div", {}, void 0);
-    }
-    var classifier = form.classifiers[step.idClassifier];
-    if (!classifier) {
-        return _jsx("div", {}, void 0);
-    }
-    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({ fullWidth: true, value: value, cantEdit: postview, errorColor: formStyle.errorColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, label: step.label ? step.label : classifier.name, 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'), classifier.children
-                        .filter(function (classifier) {
-                        var _a;
-                        return ((_a = step.options[classifier._id]) === null || _a === void 0 ? void 0 : _a.type) !==
-                            ClassifierOptionTypes.HIDE;
-                    })
-                        .map(function (classifier) { return (_jsx(MenuItem, __assign({ value: classifier._id }, { children: classifier.name }), classifier._id)); })] }), void 0) }), void 0));
-    };
-    var mapNestedOption = function () {
-        if (value) {
-            var currentOption = step.options[value];
-            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === ClassifierOptionTypes.NESTED) {
-                return (_jsx(React.Fragment, { children: currentOption.steps.map(function (idStep, index) {
-                        var subStep = form.steps[idStep];
-                        return (_createElement(StepComponent, __assign({}, others, { postview: postview, widthStats: widthStats, getValues: getValues, formStyle: formStyle, errors: errors, form: form, control: control, 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));
-    }
-}
-export default ClassifierSelectorStep;
-function ClassifierSelectorStep(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(ClassifierSelector, __assign({}, props, { value: field.value, onChange: field.onChange, onBlur: field.onBlur }), void 0));
-        } }, void 0));
-}
+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 { ClassifierOptionTypes } from '../../../../constants/FormStepTypes';
+import RoundedSelect from '../../../../shared/RoundedSelect/RoundedSelect';
+import { MenuItem } from '@material-ui/core';
+import styles from './MaterialClassifierSelectorStep.module.css';
+import StepComponent from '../../Step';
+import { Controller } from 'react-hook-form';
+import { calcFillerSize, calcStepWidth } from '../../StepFunctions';
+function ClassifierSelector(_a) {
+    var step = _a.step, form = _a.form, level = _a.level, errors = _a.errors, value = _a.value, onBlur = _a.onBlur, control = _a.control, onChange = _a.onChange, postview = _a.postview, formStyle = _a.formStyle, getValues = _a.getValues, widthStats = _a.widthStats, handleSizeChange = _a.handleSizeChange, others = __rest(_a, ["step", "form", "level", "errors", "value", "onBlur", "control", "onChange", "postview", "formStyle", "getValues", "widthStats", "handleSizeChange"]);
+    var _b = useState(level === 0 ? calcFillerSize(step, form.steps, getValues(), form) : 0), fillerSize = _b[0], setFillerSize = _b[1];
+    if (!step.idClassifier) {
+        return _jsx("div", {}, void 0);
+    }
+    var classifier = form.classifiers[step.idClassifier];
+    if (!classifier) {
+        return _jsx("div", {}, void 0);
+    }
+    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({ fullWidth: true, value: value, cantEdit: postview, errorColor: formStyle.errorColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, label: step.label ? step.label : classifier.name, 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'), classifier.children
+                        .filter(function (classifier) {
+                        var _a;
+                        return ((_a = step.options[classifier._id]) === null || _a === void 0 ? void 0 : _a.type) !==
+                            ClassifierOptionTypes.HIDE;
+                    })
+                        .map(function (classifier) { return (_jsx(MenuItem, __assign({ value: classifier._id }, { children: classifier.name }), classifier._id)); })] }), void 0) }), void 0));
+    };
+    var mapNestedOption = function () {
+        if (value) {
+            var currentOption = step.options[value];
+            if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === ClassifierOptionTypes.NESTED) {
+                return (_jsx(React.Fragment, { children: currentOption.steps.map(function (idStep, index) {
+                        var subStep = form.steps[idStep];
+                        return (_createElement(StepComponent, __assign({}, others, { postview: postview, widthStats: widthStats, getValues: getValues, formStyle: formStyle, errors: errors, form: form, control: control, 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));
+    }
+}
+export default ClassifierSelectorStep;
+function ClassifierSelectorStep(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(ClassifierSelector, __assign({}, props, { value: field.value, onChange: field.onChange, onBlur: field.onBlur }), void 0));
+        } }, void 0));
+}

package/dist/FormComponents/Step/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.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/DatePickerStep/DatePickerStep.d.ts

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

package/dist/FormComponents/Step/DatePickerStep/DatePickerStep.js

@@ -1,25 +1,25 @@
-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);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FormStyleTypes } from '../../../constants/FormStepTypes';
-import MaterialDatePickerStep from './MaterialDatePickerStep/MaterialDatePickerStep';
-function DatePickerStep(props) {
-    switch (props.formStyle.type) {
-        case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialDatePickerStep, __assign({}, props), void 0);
-        }
-        default: {
-            return _jsx(MaterialDatePickerStep, __assign({}, props), void 0);
-        }
-    }
-}
-export default DatePickerStep;
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormStyleTypes } from '../../../constants/FormStepTypes';
+import MaterialDatePickerStep from './MaterialDatePickerStep/MaterialDatePickerStep';
+function DatePickerStep(props) {
+    switch (props.formStyle.type) {
+        case FormStyleTypes.MATERIAL: {
+            return _jsx(MaterialDatePickerStep, __assign({}, props), void 0);
+        }
+        default: {
+            return _jsx(MaterialDatePickerStep, __assign({}, props), void 0);
+        }
+    }
+}
+export default DatePickerStep;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { DatePickerStepProps } from '../DatePickerStep';
-declare function DatePickerStep({ step, form, errors, control, postview, formStyle, widthStats, }: DatePickerStepProps): JSX.Element;
-export default DatePickerStep;
+/// <reference types="react" />
+import { DatePickerStepProps } from '../DatePickerStep';
+declare function DatePickerStep({ step, form, errors, control, postview, formStyle, widthStats, }: DatePickerStepProps): JSX.Element;
+export default DatePickerStep;

package/dist/FormComponents/Step/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.js

@@ -1,35 +1,35 @@
-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);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './MaterialDatePickerStep.module.css';
-import { Controller } from 'react-hook-form';
-import RoundedDatePicker from '../../../../shared/RoundedDatePicker/RoundedDatePicker';
-import { calcStepWidth } from '../../StepFunctions';
-function DatePickerStep(_a) {
-    var step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats;
-    return (_jsx("div", __assign({ className: styles.container, style: {
-            width: widthStats.currentBreakPoint <= step.size
-                ? '100%'
-                : calcStepWidth(step.size, form),
-            minHeight: step.description || step.required ? '55px' : '43px',
-        } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: new Date(), rules: {
-                required: step.required
-                    ? 'Este campo es obligatorio'
-                    : undefined,
-            }, shouldUnregister: true, render: function (_a) {
-                var field = _a.field;
-                return (_jsx(RoundedDatePicker, __assign({}, field, { showIcon: step.showIcon, cantEdit: postview, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, fontWeight: 400, label: step.label, helperText: errors[step.id]
-                        ? errors[step.id].message
-                        : step.description, error: !!errors[step.id], required: step.required }), void 0));
-            } }, void 0) }), void 0));
-}
-export default DatePickerStep;
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from './MaterialDatePickerStep.module.css';
+import { Controller } from 'react-hook-form';
+import RoundedDatePicker from '../../../../shared/RoundedDatePicker/RoundedDatePicker';
+import { calcStepWidth } from '../../StepFunctions';
+function DatePickerStep(_a) {
+    var step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats;
+    return (_jsx("div", __assign({ className: styles.container, style: {
+            width: widthStats.currentBreakPoint <= step.size
+                ? '100%'
+                : calcStepWidth(step.size, form),
+            minHeight: step.description || step.required ? '55px' : '43px',
+        } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: new Date(), rules: {
+                required: step.required
+                    ? 'Este campo es obligatorio'
+                    : undefined,
+            }, shouldUnregister: true, render: function (_a) {
+                var field = _a.field;
+                return (_jsx(RoundedDatePicker, __assign({}, field, { showIcon: step.showIcon, cantEdit: postview, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, fontWeight: 400, label: step.label, helperText: errors[step.id]
+                        ? errors[step.id].message
+                        : step.description, error: !!errors[step.id], required: step.required }), void 0));
+            } }, void 0) }), void 0));
+}
+export default DatePickerStep;

package/dist/FormComponents/Step/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.module.css

@@ -0,0 +1,9 @@
+.container {
+    width: fit-content;
+    max-width: 100%;
+    display: flex;
+    padding: 10px;
+    padding-bottom: 0px;
+    padding-top: 5px;
+    margin-bottom: 0px;
+}

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

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

package/dist/FormComponents/Step/FileUploadStep/FileUploadStep.js

@@ -1,25 +1,25 @@
-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);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FormStyleTypes } from '../../../constants/FormStepTypes';
-import MaterialFileUploadStep from './MaterialFileUploadStep/MaterialFileUploadStep';
-function FileUploadStep(props) {
-    switch (props.formStyle.type) {
-        case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialFileUploadStep, __assign({}, props), void 0);
-        }
-        default: {
-            return _jsx(MaterialFileUploadStep, __assign({}, props), void 0);
-        }
-    }
-}
-export default FileUploadStep;
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormStyleTypes } from '../../../constants/FormStepTypes';
+import MaterialFileUploadStep from './MaterialFileUploadStep/MaterialFileUploadStep';
+function FileUploadStep(props) {
+    switch (props.formStyle.type) {
+        case FormStyleTypes.MATERIAL: {
+            return _jsx(MaterialFileUploadStep, __assign({}, props), void 0);
+        }
+        default: {
+            return _jsx(MaterialFileUploadStep, __assign({}, props), void 0);
+        }
+    }
+}
+export default FileUploadStep;

package/dist/FormComponents/Step/FileUploadStep/MaterialFileUploadStep/FileComponent/FileComponent.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { FileObj } from '../MaterialFileUploadStep';
-import { FormStyle } from '../../../../../@Types/Form';
-interface FileComponentProps {
-    fileInfo: FileObj;
-    handleUploaded: Function;
-    handleRemoveUploaded: Function;
-    formStyle: FormStyle;
-}
-declare function FileUploadComponent({ fileInfo, formStyle, handleUploaded, handleRemoveUploaded, }: FileComponentProps): JSX.Element;
-export default FileUploadComponent;
+/// <reference types="react" />
+import { FileObj } from '../MaterialFileUploadStep';
+import { FormStyle } from '../../../../../@Types/Form';
+interface FileComponentProps {
+    fileInfo: FileObj;
+    handleUploaded: Function;
+    handleRemoveUploaded: Function;
+    formStyle: FormStyle;
+}
+declare function FileUploadComponent({ fileInfo, formStyle, handleUploaded, handleRemoveUploaded, }: FileComponentProps): JSX.Element;
+export default FileUploadComponent;