@arquimedes.co/eureka-forms 0.2.2 → 0.2.5

package/dist/App.d.ts

@@ -2,7 +2,7 @@
 import { Form } from './@Types/Form';
 interface AppProps {
     /** If the app is currently a widget */
-    isWidget: boolean;
+    isWidget?: boolean;
     /** The apikey of the Form */
     apiKey?: string;
     /** The domain of the form's organization */
@@ -17,8 +17,10 @@ interface AppProps {
     preview?: boolean;
     /** The data to fill the form with */
     valuesData?: Record<string, unknown>;
+    /** Custom steps to display */
+    customSteps?: Record<string, JSX.Element>;
 }
-declare function App({ apiKey, domain, preview, formData, postview, isWidget, internal, valuesData, ...others }: AppProps): JSX.Element;
+declare function App({ apiKey, domain, preview, formData, postview, isWidget, internal, valuesData, customSteps, ...others }: AppProps): JSX.Element;
 export default App;
 export declare enum SIZES {
     SMALL = "SMALL",

package/dist/App.js

@@ -66,10 +66,11 @@ import FormComponent from './FormComponents/Form/Form';
 import StepTypes from './constants/FormStepTypes';
 function App(_a) {
     var _this = this;
-    var apiKey = _a.apiKey, domain = _a.domain, preview = _a.preview, formData = _a.formData, postview = _a.postview, isWidget = _a.isWidget, internal = _a.internal, valuesData = _a.valuesData, others = __rest(_a, ["apiKey", "domain", "preview", "formData", "postview", "isWidget", "internal", "valuesData"]);
+    var apiKey = _a.apiKey, domain = _a.domain, preview = _a.preview, formData = _a.formData, postview = _a.postview, isWidget = _a.isWidget, internal = _a.internal, valuesData = _a.valuesData, customSteps = _a.customSteps, others = __rest(_a, ["apiKey", "domain", "preview", "formData", "postview", "isWidget", "internal", "valuesData", "customSteps"]);
     var _b = useState(undefined), form = _b[0], setForm = _b[1];
     var _c = useState({}), originalValues = _c[0], setOriginalValues = _c[1];
     var _d = useState(undefined), organizationInfo = _d[0], setOrganizationInfo = _d[1];
+    //
     function fetchOrgData(domain) {
         return __awaiter(this, void 0, void 0, function () {
             var url, response, currentOrg, favicon;
@@ -206,7 +207,7 @@ function App(_a) {
                     setTimeout(function () {
                         setForm(tempForm);
                     }, 100);
-                }, postview: postview === true, internal: internal === true, apiKey: apiKey, domain: domain, originalValues: originalValues, containerRef: containerRef, organization: organizationInfo }), void 0) }), void 0));
+                }, postview: postview === true, internal: internal === true, apiKey: apiKey, domain: domain, originalValues: originalValues, containerRef: containerRef, organization: organizationInfo, customSteps: customSteps !== null && customSteps !== void 0 ? customSteps : {} }), void 0) }), void 0));
     }
 }
 export default App;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FormComponentProps } from '../Form';
-declare function ColumnForm({ form, apiKey, reload, domain, postview, internal, formStyle, widthStats, originalValues, }: FormComponentProps): JSX.Element;
+declare function ColumnForm({ form, apiKey, reload, domain, postview, internal, formStyle, widthStats, customSteps, originalValues, }: FormComponentProps): JSX.Element;
 export default ColumnForm;

package/dist/FormComponents/Form/ColumnForm/ColumnForm.js

@@ -58,7 +58,7 @@ import Loader from '../../../shared/Loader/Loader';
 import axios from 'axios';
 function ColumnForm(_a) {
     var _this = this;
-    var form = _a.form, apiKey = _a.apiKey, reload = _a.reload, domain = _a.domain, postview = _a.postview, internal = _a.internal, formStyle = _a.formStyle, widthStats = _a.widthStats, originalValues = _a.originalValues;
+    var form = _a.form, apiKey = _a.apiKey, reload = _a.reload, domain = _a.domain, postview = _a.postview, internal = _a.internal, formStyle = _a.formStyle, widthStats = _a.widthStats, customSteps = _a.customSteps, originalValues = _a.originalValues;
     var _b = useState(false), tempError = _b[0], setTempError = _b[1];
     var _c = useForm({
         defaultValues: mapValues(originalValues, form),
@@ -126,7 +126,7 @@ function ColumnForm(_a) {
     return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [loading && _jsx("div", { className: styles.curtain }, void 0), showConfirmation !== undefined && (_jsx(ConfirmationDialog, { formStyle: formStyle, confirmation: showConfirmation, onClose: function () {
                     reload();
                     setShowConfirmation(undefined);
-                } }, void 0)), sections.map(function (idSection, index) { return (_jsx(SectionComponent, { form: form, postview: postview, clearErrors: clearErrors, widthStats: widthStats, control: control, getValues: getValues, originalValues: originalValues, errors: errors, index: index, setSections: setSections, section: form.sections[idSection], formStyle: formStyle }, index)); }), form.terms &&
+                } }, void 0)), sections.map(function (idSection, index) { return (_jsx(SectionComponent, { form: form, postview: postview, clearErrors: clearErrors, widthStats: widthStats, control: control, getValues: getValues, originalValues: originalValues, errors: errors, index: index, setSections: setSections, section: form.sections[idSection], formStyle: formStyle, customSteps: customSteps }, index)); }), form.terms &&
                 !internal &&
                 form.terms.map(function (term, index) { return (_jsx(TermComponent, { setValue: setValue, postview: postview, tempError: tempError, term: term, control: control, errors: errors, form: form, formStyle: formStyle }, index)); }), !postview && (_jsx("div", __assign({ className: styles.submitBtnContainer }, { children: _jsxs("button", __assign({ "data-testid": "login__submit", className: styles.submitBtn, onClick: function () {
                         onSubmit();

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

@@ -8,6 +8,7 @@ export interface WidthStats {
 export interface FormComponentProps {
     form: Form;
     originalValues: Record<string, unknown>;
+    customSteps: Record<string, JSX.Element>;
     widthStats: WidthStats;
     internal: boolean;
     reload: Function;

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

@@ -13,6 +13,7 @@ export interface RecursiveData {
     clearErrors: Function;
     getValues: UseFormGetValues<FieldValues>;
     originalValues: Record<string, any>;
+    customSteps: Record<string, JSX.Element>;
 }
 export interface SectionComponentProps extends RecursiveData {
     section: Section;

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

@@ -6,5 +6,5 @@ export interface StepProps extends RecursiveData {
     handleSizeChange: Function;
     level: number;
 }
-declare function StepComponent({ step, ...others }: StepProps): JSX.Element;
+declare function StepComponent({ step, ...props }: StepProps): JSX.Element;
 export default StepComponent;

package/dist/FormComponents/Step/Step.js

@@ -30,35 +30,44 @@ import ClassifierSelectorStep from './ClassifierSelectorStep/ClassifierSelectorS
 import TextAreaStep from './TextAreaStep/TextAreaStep';
 import DatePickerStep from './DatePickerStep/DatePickerStep';
 import FileUploadStep from './FileUploadStep/FileUploadStep';
+import React from 'react';
 function StepComponent(_a) {
-    var step = _a.step, others = __rest(_a, ["step"]);
+    var step = _a.step, props = __rest(_a, ["step"]);
     switch (step.type) {
         case Types.TITLE: {
-            return _jsx(TitleStep, __assign({ step: step }, others), void 0);
+            return _jsx(TitleStep, __assign({ step: step }, props), void 0);
         }
         case Types.SELECTOR: {
-            return _jsx(SelectorStep, __assign({ step: step }, others), void 0);
+            return _jsx(SelectorStep, __assign({ step: step }, props), void 0);
         }
         case Types.CLASSIFIER_SELECTOR: {
-            return (_jsx(ClassifierSelectorStep, __assign({ step: step }, others), void 0));
+            return (_jsx(ClassifierSelectorStep, __assign({ step: step }, props), void 0));
         }
         case Types.TEXTAREA: {
-            return _jsx(TextAreaStep, __assign({ step: step }, others), void 0);
+            return _jsx(TextAreaStep, __assign({ step: step }, props), void 0);
         }
         case Types.TEXTINPUT: {
-            return _jsx(TextInputStep, __assign({ step: step }, others), void 0);
+            return _jsx(TextInputStep, __assign({ step: step }, props), void 0);
         }
         case Types.DATEPICKER: {
-            return _jsx(DatePickerStep, __assign({ step: step }, others), void 0);
+            return _jsx(DatePickerStep, __assign({ step: step }, props), void 0);
         }
         case Types.SEPARATOR: {
-            return _jsx(SeparatorStep, __assign({ step: step }, others), void 0);
+            return _jsx(SeparatorStep, __assign({ step: step }, props), void 0);
         }
         case Types.FILEUPLOAD: {
-            return _jsx(FileUploadStep, __assign({ step: step }, others), void 0);
+            return _jsx(FileUploadStep, __assign({ step: step }, props), void 0);
         }
         default:
-            return _jsx("div", {}, void 0);
+            console.log('TYPENOTFOUND', step.type);
+            var customStep = props.customSteps[step.type];
+            console.log(customStep);
+            if (customStep) {
+                return React.cloneElement(customStep, __assign({ step: step }, props));
+            }
+            else {
+                return _jsx("div", {}, void 0);
+            }
     }
 }
 export default StepComponent;

package/dist/Widget.js

@@ -31,26 +31,9 @@ if (element) {
             }
         }
     }
-    var formDataString = element.getAttribute('data-formdata');
-    if (formDataString) {
-        props.formData = JSON.parse(formDataString);
-    }
     var valuesString = element.getAttribute('data-values');
     if (valuesString) {
         props.valuesData = JSON.parse(valuesString);
     }
-    var internal = element.getAttribute('data-internal');
-    if (internal) {
-        props.internal = true;
-    }
-    var postview = element.getAttribute('data-postview');
-    if (postview) {
-        props.postview = true;
-    }
-    var preview = element.getAttribute('data-preview');
-    if (preview) {
-        props.preview = true;
-    }
-    console.log(props);
 }
 ReactDOM.render(_jsx(App, __assign({ isWidget: true }, props), void 0), document.getElementById(WIDGET_ID));

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version": "0.2.2",
+    "version": "0.2.5",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",