@arquimedes.co/eureka-forms 0.1.2 → 0.2.5

package/dist/FormComponents/Form/ConfirmationDialog/ConfirmationDialog.module.css

@@ -0,0 +1,48 @@
+.confirmationContainer {
+    display: flex;
+    flex-direction: column;
+    width: fit-content;
+    max-height: 60vh;
+    max-width: 80vw;
+    position: relative;
+}
+
+.checkContainer {
+    margin-left: auto;
+    margin-right: auto;
+    padding-top: 30px;
+    font-size: 10rem;
+    height: 10rem;
+    margin-bottom: 15px;
+}
+
+.messageContainer {
+    margin-top: 5px;
+    margin-left: 20px;
+    margin-right: 20px;
+    font-size: 1.2rem;
+    text-align: center;
+}
+
+.linkContainer {
+    margin-top: 20px;
+    font-size: 1.2rem;
+    margin-right: auto;
+    margin-left: 20px;
+}
+.url {
+    font-weight: bolder;
+    margin-left: 40px;
+    margin-right: 40px;
+    margin-top: 5px;
+    margin-bottom: 40px;
+    cursor: pointer;
+    font-size: 1rem;
+}
+.closeIcon {
+    right: 15px;
+    top: 10px;
+    font-size: 26px;
+    position: absolute;
+    cursor: pointer;
+}

package/dist/FormComponents/Form/Form.d.ts

@@ -1,23 +1,24 @@
-/// <reference types="react" />
-import { Organization } from '../../@Types/@Types';
-import { Form, FormStyle } from '../../@Types/Form';
-export interface WidthStats {
-    currentBreakPoint: number;
-    isMobile: boolean;
-}
-export interface FormComponentProps {
-    form: Form;
-    originalValues: Record<string, unknown>;
-    widthStats: WidthStats;
-    internal: boolean;
-    reload: Function;
-    postview: boolean;
-    formStyle: FormStyle;
-    domain?: string;
-    apiKey: string | undefined;
-}
-declare function FormComponent({ form, internal, postview, organization, containerRef, ...others }: Omit<FormComponentProps, 'widthStats' | 'formStyle'> & {
-    containerRef: any;
-    organization: Organization | null;
-}): JSX.Element;
-export default FormComponent;
+/// <reference types="react" />
+import { Organization } from '../../@Types/@Types';
+import { Form, FormStyle } from '../../@Types/Form';
+export interface WidthStats {
+    currentBreakPoint: number;
+    isMobile: boolean;
+}
+export interface FormComponentProps {
+    form: Form;
+    originalValues: Record<string, unknown>;
+    customSteps: Record<string, JSX.Element>;
+    widthStats: WidthStats;
+    internal: boolean;
+    reload: Function;
+    postview: boolean;
+    formStyle: FormStyle;
+    domain?: string;
+    apiKey: string | undefined;
+}
+declare function FormComponent({ form, internal, postview, organization, containerRef, ...others }: Omit<FormComponentProps, 'widthStats' | 'formStyle'> & {
+    containerRef: any;
+    organization: Organization | null;
+}): JSX.Element;
+export default FormComponent;

package/dist/FormComponents/Form/Form.js

@@ -1,116 +1,116 @@
-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, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
-import { FormStyleTypes, FormTypes } from '../../constants/FormStepTypes';
-import Navbar from '../../shared/Navbar/Navbar';
-import ColumnForm from './ColumnForm/ColumnForm';
-import StepperForm from './StepperForm/StepperForm';
-import styles from './Form.module.css';
-import { MuiPickersUtilsProvider } from '@material-ui/pickers';
-import DateFnsUtils from '@date-io/date-fns';
-import { createGenerateClassName, createTheme, StylesProvider, ThemeProvider, } from '@material-ui/core';
-import { SEED } from '../../constants/MaterialClassNameSeed';
-import InternalFormStyle from '../../constants/InternalFormStyle';
-var blockSize = 210;
-var spacingSize = 20;
-var blockNum = 4;
-function FormComponent(_a) {
-    var _b;
-    var form = _a.form, internal = _a.internal, postview = _a.postview, organization = _a.organization, containerRef = _a.containerRef, others = __rest(_a, ["form", "internal", "postview", "organization", "containerRef"]);
-    var _c = useState(undefined), widthStats = _c[0], setWidthStats = _c[1];
-    /** Calcs the currentBreakPoint and if is mobile */
-    var handleResize = function () {
-        var _a;
-        var currentWidth = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
-        if (currentWidth !== undefined) {
-            var currentBreakPoint = blockNum;
-            while (currentWidth <
-                (blockSize + spacingSize) * currentBreakPoint + 40) {
-                currentBreakPoint--;
-            }
-            setWidthStats({
-                isMobile: currentWidth < (blockSize + spacingSize) * blockNum + 40,
-                currentBreakPoint: currentBreakPoint,
-            });
-        }
-    };
-    useEffect(function () {
-        /** On load add a resize listener to calc the currentBreakpoint */
-        window.addEventListener('resize', handleResize);
-        handleResize();
-        return function () {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, [containerRef.current, (_b = containerRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth]);
-    //If currently displaying internal or form is standalone
-    if ((postview || internal || !form.isStandAlone) &&
-        widthStats !== undefined) {
-        return (_jsx("div", __assign({ className: styles.widgetFormContainer, ref: containerRef, style: {
-                backgroundColor: internal
-                    ? InternalFormStyle.backgroundColor
-                    : form.style.backgroundColor,
-            } }, { children: _jsx(FormTypeComponent, __assign({}, others, { widthStats: widthStats, form: form, internal: internal, postview: postview, formStyle: internal ? InternalFormStyle : form.style }), void 0) }), void 0));
-    }
-    else if (organization && widthStats !== undefined) {
-        //Standalone cant have widget
-        return (_jsxs(React.Fragment, { children: [_jsx(Navbar, { logo: organization.completeLogoUrl, color: organization.navbarColor }, void 0), _jsx("div", __assign({ className: styles.standAloneFormContainer, ref: containerRef }, { children: _jsx("div", __assign({ className: widthStats.isMobile
-                            ? styles.fullScreenStandAloneForm
-                            : styles.standAloneFormCard, style: { backgroundColor: form.style.backgroundColor } }, { children: _jsx(FormTypeComponent, __assign({}, others, { internal: internal, postview: postview, widthStats: widthStats, form: form, formStyle: form.style }), void 0) }), void 0) }), void 0)] }, void 0));
-    }
-    else {
-        return _jsx("div", {}, void 0);
-    }
-}
-var muiTheme = createTheme({
-    typography: {
-        fontFamily: 'inherit',
-    },
-});
-var generateClassName = createGenerateClassName({
-    seed: SEED,
-    productionPrefix: 'efjss',
-});
-function FormTypeComponent(_a) {
-    var props = __rest(_a, []);
-    var renderTypes = function () {
-        switch (props.form.type) {
-            case FormTypes.COLUMN: {
-                return _jsx(ColumnForm, __assign({}, props), void 0);
-            }
-            case FormTypes.STEPPER: {
-                return _jsx(StepperForm, __assign({}, props), void 0);
-            }
-            default: {
-                return _jsx(ColumnForm, __assign({}, props), void 0);
-            }
-        }
-    };
-    switch (props.formStyle.type) {
-        case FormStyleTypes.MATERIAL:
-            return (_jsx(StylesProvider, __assign({ generateClassName: generateClassName }, { children: _jsx(ThemeProvider, __assign({ theme: muiTheme }, { children: _jsx(MuiPickersUtilsProvider, __assign({ utils: DateFnsUtils }, { children: renderTypes() }), void 0) }), void 0) }), void 0));
-        default:
-            return renderTypes();
-    }
-}
-export default FormComponent;
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { FormStyleTypes, FormTypes } from '../../constants/FormStepTypes';
+import Navbar from '../../shared/Navbar/Navbar';
+import ColumnForm from './ColumnForm/ColumnForm';
+import StepperForm from './StepperForm/StepperForm';
+import styles from './Form.module.css';
+import { MuiPickersUtilsProvider } from '@material-ui/pickers';
+import DateFnsUtils from '@date-io/date-fns';
+import { createGenerateClassName, createTheme, StylesProvider, ThemeProvider, } from '@material-ui/core';
+import { SEED } from '../../constants/MaterialClassNameSeed';
+import InternalFormStyle from '../../constants/InternalFormStyle';
+var blockSize = 210;
+var spacingSize = 20;
+var blockNum = 4;
+function FormComponent(_a) {
+    var _b;
+    var form = _a.form, internal = _a.internal, postview = _a.postview, organization = _a.organization, containerRef = _a.containerRef, others = __rest(_a, ["form", "internal", "postview", "organization", "containerRef"]);
+    var _c = useState(undefined), widthStats = _c[0], setWidthStats = _c[1];
+    /** Calcs the currentBreakPoint and if is mobile */
+    var handleResize = function () {
+        var _a;
+        var currentWidth = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
+        if (currentWidth !== undefined) {
+            var currentBreakPoint = blockNum;
+            while (currentWidth <
+                (blockSize + spacingSize) * currentBreakPoint + 40) {
+                currentBreakPoint--;
+            }
+            setWidthStats({
+                isMobile: currentWidth < (blockSize + spacingSize) * blockNum + 40,
+                currentBreakPoint: currentBreakPoint,
+            });
+        }
+    };
+    useEffect(function () {
+        /** On load add a resize listener to calc the currentBreakpoint */
+        window.addEventListener('resize', handleResize);
+        handleResize();
+        return function () {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [containerRef.current, (_b = containerRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth]);
+    //If currently displaying internal or form is standalone
+    if ((postview || internal || !form.isStandAlone) &&
+        widthStats !== undefined) {
+        return (_jsx("div", __assign({ className: styles.widgetFormContainer, ref: containerRef, style: {
+                backgroundColor: internal
+                    ? InternalFormStyle.backgroundColor
+                    : form.style.backgroundColor,
+            } }, { children: _jsx(FormTypeComponent, __assign({}, others, { widthStats: widthStats, form: form, internal: internal, postview: postview, formStyle: internal ? InternalFormStyle : form.style }), void 0) }), void 0));
+    }
+    else if (organization && widthStats !== undefined) {
+        //Standalone cant have widget
+        return (_jsxs(React.Fragment, { children: [_jsx(Navbar, { logo: organization.completeLogoUrl, color: organization.navbarColor }, void 0), _jsx("div", __assign({ className: styles.standAloneFormContainer, ref: containerRef }, { children: _jsx("div", __assign({ className: widthStats.isMobile
+                            ? styles.fullScreenStandAloneForm
+                            : styles.standAloneFormCard, style: { backgroundColor: form.style.backgroundColor } }, { children: _jsx(FormTypeComponent, __assign({}, others, { internal: internal, postview: postview, widthStats: widthStats, form: form, formStyle: form.style }), void 0) }), void 0) }), void 0)] }, void 0));
+    }
+    else {
+        return _jsx("div", {}, void 0);
+    }
+}
+var muiTheme = createTheme({
+    typography: {
+        fontFamily: 'inherit',
+    },
+});
+var generateClassName = createGenerateClassName({
+    seed: SEED,
+    productionPrefix: 'efjss',
+});
+function FormTypeComponent(_a) {
+    var props = __rest(_a, []);
+    var renderTypes = function () {
+        switch (props.form.type) {
+            case FormTypes.COLUMN: {
+                return _jsx(ColumnForm, __assign({}, props), void 0);
+            }
+            case FormTypes.STEPPER: {
+                return _jsx(StepperForm, __assign({}, props), void 0);
+            }
+            default: {
+                return _jsx(ColumnForm, __assign({}, props), void 0);
+            }
+        }
+    };
+    switch (props.formStyle.type) {
+        case FormStyleTypes.MATERIAL:
+            return (_jsx(StylesProvider, __assign({ generateClassName: generateClassName }, { children: _jsx(ThemeProvider, __assign({ theme: muiTheme }, { children: _jsx(MuiPickersUtilsProvider, __assign({ utils: DateFnsUtils }, { children: renderTypes() }), void 0) }), void 0) }), void 0));
+        default:
+            return renderTypes();
+    }
+}
+export default FormComponent;

package/dist/FormComponents/Form/Form.module.css

@@ -0,0 +1,39 @@
+.standAloneFormContainer {
+    width: 100%;
+    max-width: 100%;
+    overflow: hidden;
+    min-height: calc(100vh - 60px);
+    display: flex;
+    overflow-x: hidden;
+}
+
+.fullScreenStandAloneForm {
+    width: 100%;
+    padding: 20px;
+    min-height: 100%;
+    overflow: hidden;
+}
+
+.standAloneFormCard {
+    -webkit-box-shadow: -6px 0px 8px 5px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: -6px 0px 8px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: -6px 0px 8px 5px rgba(0, 0, 0, 0.2);
+    margin-top: 30px;
+    margin-left: auto;
+    margin-right: auto;
+    height: fit-content;
+    width: fit-content;
+    border-radius: 15px;
+    padding: 20px;
+    margin-bottom: 30px;
+}
+
+.widgetFormContainer {
+    padding-top: 10px;
+    padding-bottom: 10px;
+    margin-left: auto;
+    margin-right: auto;
+    height: fit-content;
+    width: fit-content;
+    max-width: 100%;
+}

package/dist/FormComponents/Form/StepperForm/StepperForm.d.ts

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

package/dist/FormComponents/Form/StepperForm/StepperForm.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// import styles from './StepperForm.module.css';
-function StepperForm(_a) {
-    return _jsx("div", {}, void 0);
-}
-export default StepperForm;
+import { jsx as _jsx } from "react/jsx-runtime";
+// import styles from './StepperForm.module.css';
+function StepperForm(_a) {
+    return _jsx("div", {}, void 0);
+}
+export default StepperForm;

package/dist/FormComponents/Section/MaterialSection/MaterialSection.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { SectionComponentProps } from '../Section';
-declare function MaterialSection({ section, form, ...others }: SectionComponentProps): JSX.Element;
-export default MaterialSection;
+/// <reference types="react" />
+import { SectionComponentProps } from '../Section';
+declare function MaterialSection({ section, form, ...others }: SectionComponentProps): JSX.Element;
+export default MaterialSection;

package/dist/FormComponents/Section/MaterialSection/MaterialSection.js

@@ -1,42 +1,42 @@
-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 { createElement as _createElement } from "react";
-import StepComponent from '../../Step/Step';
-import styles from './MaterialSection.module.css';
-function MaterialSection(_a) {
-    var section = _a.section, form = _a.form, others = __rest(_a, ["section", "form"]);
-    return (_jsx("div", __assign({ className: styles.container, style: {
-            width: (form.blockSize + form.spacingSize) * form.blockNum,
-        } }, { children: section.steps.map(function (idStep, index) {
-            var step = form.steps[idStep];
-            if (step) {
-                return (_createElement(StepComponent, __assign({}, others, { form: form, step: step, handleSizeChange: function () { }, key: index, level: 0 })));
-            }
-            else {
-                console.log('Step not found:', idStep);
-                return _jsx("div", {}, index);
-            }
-        }) }), void 0));
-}
-export default MaterialSection;
+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 { createElement as _createElement } from "react";
+import StepComponent from '../../Step/Step';
+import styles from './MaterialSection.module.css';
+function MaterialSection(_a) {
+    var section = _a.section, form = _a.form, others = __rest(_a, ["section", "form"]);
+    return (_jsx("div", __assign({ className: styles.container, style: {
+            width: (form.blockSize + form.spacingSize) * form.blockNum,
+        } }, { children: section.steps.map(function (idStep, index) {
+            var step = form.steps[idStep];
+            if (step) {
+                return (_createElement(StepComponent, __assign({}, others, { form: form, step: step, handleSizeChange: function () { }, key: index, level: 0 })));
+            }
+            else {
+                console.log('Step not found:', idStep);
+                return _jsx("div", {}, index);
+            }
+        }) }), void 0));
+}
+export default MaterialSection;

package/dist/FormComponents/Section/MaterialSection/MaterialSection.module.css

@@ -0,0 +1,8 @@
+.container {
+    display: flex;
+    flex-flow: row wrap;
+    height: fit-content;
+    max-width: 100%;
+    overflow-x: hidden;
+    overflow-y: hidden;
+}

package/dist/FormComponents/Section/Section.d.ts

@@ -1,23 +1,24 @@
-/// <reference types="react" />
-import { Control, FieldValues, UseFormGetValues } from 'react-hook-form';
-import { Form, FormStyle, Section } from '../../@Types/Form';
-import { WidthStats } from '../Form/Form';
-export interface RecursiveData {
-    form: Form;
-    control: Control<FieldValues, object>;
-    formStyle: FormStyle;
-    postview: boolean;
-    domain?: string;
-    errors: Record<string, any>;
-    widthStats: WidthStats;
-    clearErrors: Function;
-    getValues: UseFormGetValues<FieldValues>;
-    originalValues: Record<string, any>;
-}
-export interface SectionComponentProps extends RecursiveData {
-    section: Section;
-    setSections: Function;
-    index: number;
-}
-declare function SectionComponent(props: SectionComponentProps): JSX.Element;
-export default SectionComponent;
+/// <reference types="react" />
+import { Control, FieldValues, UseFormGetValues } from 'react-hook-form';
+import { Form, FormStyle, Section } from '../../@Types/Form';
+import { WidthStats } from '../Form/Form';
+export interface RecursiveData {
+    form: Form;
+    control: Control<FieldValues, object>;
+    formStyle: FormStyle;
+    postview: boolean;
+    domain?: string;
+    errors: Record<string, any>;
+    widthStats: WidthStats;
+    clearErrors: Function;
+    getValues: UseFormGetValues<FieldValues>;
+    originalValues: Record<string, any>;
+    customSteps: Record<string, JSX.Element>;
+}
+export interface SectionComponentProps extends RecursiveData {
+    section: Section;
+    setSections: Function;
+    index: number;
+}
+declare function SectionComponent(props: SectionComponentProps): JSX.Element;
+export default SectionComponent;

package/dist/FormComponents/Section/Section.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 MaterialSection from './MaterialSection/MaterialSection';
-function SectionComponent(props) {
-    switch (props.formStyle.type) {
-        case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialSection, __assign({}, props), void 0);
-        }
-        default: {
-            return _jsx(MaterialSection, __assign({}, props), void 0);
-        }
-    }
-}
-export default SectionComponent;
+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 MaterialSection from './MaterialSection/MaterialSection';
+function SectionComponent(props) {
+    switch (props.formStyle.type) {
+        case FormStyleTypes.MATERIAL: {
+            return _jsx(MaterialSection, __assign({}, props), void 0);
+        }
+        default: {
+            return _jsx(MaterialSection, __assign({}, props), void 0);
+        }
+    }
+}
+export default SectionComponent;

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

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