@arquimedes.co/eureka-forms 0.2.10-test → 0.2.15-test

package/dist/App.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { Form } from './@Types/Form';
-interface AppProps {
+export interface AppProps {
     /** If the app is currently a widget */
     isWidget?: boolean;
     /** The apikey of the Form */
@@ -18,7 +18,11 @@ interface AppProps {
     /** The data to fill the form with */
     valuesData?: Record<string, unknown>;
     /** Custom steps to display */
-    customSteps?: Record<string, JSX.Element>;
+    customSteps?: Record<string, CustomStep>;
+}
+export interface CustomStep {
+    component: ReactNode;
+    updateValue: (idStep: string, values: Record<string, any>, form: Form) => void;
 }
 declare function App({ apiKey, domain, preview, formData, postview, isWidget, internal, valuesData, customSteps, ...others }: AppProps): JSX.Element;
 export default App;

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

@@ -99,14 +99,14 @@ function ColumnForm(_a) {
                     setLoading(true);
                     for (_i = 0, _a = Object.keys(values); _i < _a.length; _i++) {
                         idStep = _a[_i];
-                        updateValue(idStep, values, form);
+                        updateValue(idStep, values, form, customSteps);
                     }
                     url = "https://" + domain + ".forms." + process.env.REACT_APP_DOMAIN + "/api/ticket?apiKey=" + (internal ? form.apiKey : apiKey) + "&domain=" + domain;
                     console.log(values);
                     payload = {
                         formValues: { steps: values },
                     };
-                    if (!domain) return [3 /*break*/, 4];
+                    if (!(domain || internal)) return [3 /*break*/, 4];
                     return [4 /*yield*/, axios.post(url, payload)];
                 case 3:
                     _b = _c.sent();
@@ -157,7 +157,7 @@ function calcNextSection(form, idSection, sections) {
         }
     }
 }
-var updateValue = function (idStep, values, form) {
+var updateValue = function (idStep, values, form, customSteps) {
     var step = form.steps[idStep];
     switch (step === null || step === void 0 ? void 0 : step.type) {
         case Types.TEXTAREA: {
@@ -178,6 +178,10 @@ var updateValue = function (idStep, values, form) {
             break;
         }
         default:
+            var custom = customSteps[idStep];
+            if (custom !== undefined) {
+                custom.updateValue(idStep, values, form);
+            }
             break;
     }
 };

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Organization } from '../../@Types/@Types';
 import { Form, FormStyle } from '../../@Types/Form';
+import { CustomStep } from '../../App';
 export interface WidthStats {
     currentBreakPoint: number;
     isMobile: boolean;
@@ -8,7 +9,7 @@ export interface WidthStats {
 export interface FormComponentProps {
     form: Form;
     originalValues: Record<string, unknown>;
-    customSteps: Record<string, JSX.Element>;
+    customSteps: Record<string, CustomStep>;
     widthStats: WidthStats;
     internal: boolean;
     reload: Function;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Control, FieldValues, UseFormGetValues } from 'react-hook-form';
 import { Form, FormStyle, Section } from '../../@Types/Form';
+import { CustomStep } from '../../App';
 import { WidthStats } from '../Form/Form';
 export interface RecursiveData {
     form: Form;
@@ -13,7 +14,7 @@ export interface RecursiveData {
     clearErrors: Function;
     getValues: UseFormGetValues<FieldValues>;
     originalValues: Record<string, any>;
-    customSteps: Record<string, JSX.Element>;
+    customSteps: Record<string, CustomStep>;
 }
 export interface SectionComponentProps extends RecursiveData {
     section: Section;

package/dist/FormComponents/Step/Step.js

@@ -30,7 +30,6 @@ 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, props = __rest(_a, ["step"]);
     switch (step.type) {
@@ -59,11 +58,9 @@ function StepComponent(_a) {
             return _jsx(FileUploadStep, __assign({ step: step }, props), void 0);
         }
         default:
-            console.log('TYPENOTFOUND', step.type);
             var customStep = props.customSteps[step.type];
-            console.log(customStep);
             if (customStep) {
-                return React.cloneElement(customStep, __assign({ step: step }, props));
+                return customStep.component(__assign({ step: step }, props));
             }
             else {
                 return _jsx("div", {}, void 0);

package/dist/FormComponents/Step/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.js

@@ -16,7 +16,7 @@ import { Controller } from 'react-hook-form';
 import { Editor } from 'react-draft-wysiwyg'; //Load programatically only if step has editor
 import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
 import './DraftEditor.css';
-import { convertFromRaw, EditorState } from 'draft-js';
+import { EditorState } from 'draft-js';
 import { useState } from 'react';
 import { ClickAwayListener } from '@material-ui/core';
 function TextAreaStep(_a) {
@@ -63,9 +63,14 @@ function TextAreaStep(_a) {
                             if (!postview) {
                                 setFocus(true);
                             }
-                        } }, { children: [postview && (_jsx("div", { className: styles.disabledCurtain }, void 0)), _jsx(Controller, { name: step.id, control: control, defaultValue: originalValues[step.id]
-                                    ? EditorState.createWithContent(convertFromRaw(originalValues[step.id].draft))
-                                    : EditorState.createEmpty(), rules: step.required
+                        } }, { children: [postview && (_jsx("div", { className: styles.disabledCurtain }, void 0)), _jsx(Controller, { name: step.id, control: control, defaultValue: 
+                                // originalValues[step.id]
+                                //     ? EditorState.createWithContent(
+                                //           convertFromRaw(
+                                //               originalValues[step.id].draft
+                                //           )
+                                //       )
+                                EditorState.createEmpty(), rules: step.required
                                     ? {
                                         validate: function (editorState) {
                                             return editorState

package/dist/index.lib.d.ts

@@ -1,3 +1,6 @@
-import App from './App';
-export { App };
-export default App;
+import EurekaForm, { AppProps as EurekaFormProps } from './App';
+import { StepProps } from './FormComponents/Step/Step';
+import * as StepFunctions from './FormComponents/Step/StepFunctions';
+export type { StepProps, EurekaFormProps };
+export { EurekaForm, StepFunctions };
+export default EurekaForm;

package/dist/index.lib.js

@@ -1,3 +1,4 @@
-import App from './App';
-export { App };
-export default App;
+import EurekaForm from './App';
+import * as StepFunctions from './FormComponents/Step/StepFunctions';
+export { EurekaForm, StepFunctions };
+export default EurekaForm;

package/package.json

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