@arquimedes.co/eureka-forms 2.0.81 → 2.0.83

package/dist/@Types/GenericFormSteps.d.ts

@@ -5,6 +5,7 @@ export interface GBaseStep {
     type: string;
     editable?: boolean;
     partial?: boolean;
+    clientInfoType?: string;
     dependencies?: string[];
     condition?: Condition;
 }

package/dist/App/App.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Classifier, Form } from '../@Types/Form';
 import './App.css';
-import { CustomStep } from '../FormSteps/CustomStep';
+import { CustomStep, CustomStepProps } from '../FormSteps/CustomStep';
 import { EditorState } from 'draft-js';
 export interface AppProps {
     /** If the app is currently a widget */
@@ -37,6 +37,7 @@ export interface AppProps {
         url: string;
         caseNumber: string;
     }, renderIcon: () => JSX.Element, renderConfirmation: (state?: EditorState) => JSX.Element | void, renderLink: () => JSX.Element | void, onClose: () => void) => JSX.Element;
+    customClientInfoStep?: (props: CustomStepProps) => JSX.Element;
     /** Custom function to call on send */
     customSubmit?: (values: Record<string, unknown>, reload: () => void) => Promise<void>;
     /** Custom submit function, when passed it is called */

package/dist/App/App.js

@@ -74,6 +74,7 @@ function App(_a) {
                 sendLabel: props.sendLabel,
                 fetchDownloadUrl: props.fetchDownloadUrl,
                 customStepProps: (_g = props.customStepProps) !== null && _g !== void 0 ? _g : {},
+                customClientInfoStep: props.customClientInfoStep,
             } }, { children: _jsx("div", __assign({ className: styles.container }, { children: _jsx(FormComponent, { form: form, reload: reload, branding: branding, apiKey: props.apiKey, isWidget: !!isWidget, customSteps: customSteps, containerRef: containerRef, setSubmit: props.setSubmit, customSubmit: props.customSubmit, scrollToTop: props.scrollToTop, customSubmitBtns: props.customSubmitBtns, customConfirmation: props.customConfirmation }) })) })));
     }
 }

package/dist/Contexts/CustomContext.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import { CustomStep } from '../FormSteps/CustomStep';
+import { CustomStep, CustomStepProps } from '../FormSteps/CustomStep';
 export interface CustomContextData {
     sendLabel?: string;
     customStepProps: Record<string, unknown>;
     customSteps: Record<string, CustomStep>;
+    customClientInfoStep?: (props: CustomStepProps) => JSX.Element;
     /** Function to call on postview to fetch the download url of a file */
     fetchDownloadUrl?: (S3Key: string, fileName: string) => Promise<string>;
 }

package/dist/FormSteps/CustomStep.d.ts

@@ -20,7 +20,8 @@ export interface CustomStep {
     calcDependencyValue?: (step: any, value: any) => any;
 }
 interface CustomStepComponentProps extends StepProps {
-    customStep: CustomStep;
+    customComponent: (props: CustomStepProps) => JSX.Element;
+    customProps?: Record<string, any>;
 }
-declare function CustomStepComponent({ customStep, ...props }: CustomStepComponentProps): JSX.Element;
+declare function CustomStepComponent({ customComponent, customProps, ...props }: CustomStepComponentProps): JSX.Element;
 export default CustomStepComponent;

package/dist/FormSteps/CustomStep.js

@@ -26,14 +26,13 @@ import CustomStepPropsContext from '../Contexts/CustomContext';
 import { useContext } from 'react';
 import { useStepDependency } from './StepHooks';
 function CustomStepComponent(_a) {
-    var _b;
-    var customStep = _a.customStep, props = __rest(_a, ["customStep"]);
+    var customComponent = _a.customComponent, _b = _a.customProps, customProps = _b === void 0 ? {} : _b, props = __rest(_a, ["customComponent", "customProps"]);
     var form = useContext(FormContext);
     var global = useAppSelector(function (state) { return state.global; });
     var customStepProps = useContext(CustomStepPropsContext).customStepProps;
     var dependencyStore = useAppSelector(function (state) { return state.site.dependencies; });
     var widthStats = useAppSelector(function (state) { return state.widthStats; });
     var dependencyInfo = useStepDependency(props.step, undefined);
-    return customStep.component(__assign(__assign(__assign(__assign(__assign({}, global), dependencyInfo), props), { dependencyStore: dependencyStore, widthStats: widthStats, form: form, customStepProps: customStepProps }), ((_b = customStep.componentProps) !== null && _b !== void 0 ? _b : {})));
+    return customComponent(__assign(__assign(__assign(__assign(__assign({}, global), dependencyInfo), props), { dependencyStore: dependencyStore, widthStats: widthStats, form: form, customStepProps: customStepProps }), customProps));
 }
 export default CustomStepComponent;

package/dist/FormSteps/Step.js

@@ -38,7 +38,7 @@ import EntityValuePickerStep from './EntityValueStep/EntityValuePickerStep';
 import MapperStep from './MapperStep/MapperStep';
 import CollapsibleStep from './CollapsibleStep/CollapsibleStep';
 import ApiSelectorStep from './ApiSelectorStep/ApiSelectorStep';
-import CustomStep from './CustomStep';
+import CustomStepComponent from './CustomStep';
 import { useAppSelector } from '../hooks';
 import { useContext } from 'react';
 import CustomContext from '../Contexts/CustomContext';
@@ -52,7 +52,7 @@ function StepComponent(_a) {
         return _jsx("div", {});
     }
     var _c = useAppSelector(function (state) { return state.global; }), postview = _c.postview, partial = _c.partial;
-    var customSteps = useContext(CustomContext).customSteps;
+    var _d = useContext(CustomContext), customSteps = _d.customSteps, customClientInfoStep = _d.customClientInfoStep;
     var originalValue = useAppSelector(function (state) {
         return selectOriginalValue(state, step);
     });
@@ -67,7 +67,10 @@ function StepComponent(_a) {
         return _jsx("div", {});
     }
     if (customStep) {
-        return (_jsx(CustomStep, __assign({}, props, { step: step, editable: editable, customStep: customStep })));
+        return (_jsx(CustomStepComponent, __assign({}, props, { customComponent: customStep.component, customProps: customStep.componentProps, step: step, editable: editable })));
+    }
+    if (customClientInfoStep && step.clientInfoType) {
+        return (_jsx(CustomStepComponent, __assign({}, props, { customComponent: customClientInfoStep, step: step, editable: editable })));
     }
     switch (step.type) {
         case FormStepTypes.TITLE: {

package/dist/Shared/RoundedTimePicker/RoundedTimePicker.js

@@ -254,18 +254,23 @@ function CustomSelect(_a) {
                     : {
                         margin: containerMargin,
                     }, fullWidth: true, required: required, error: error }, { children: [label && (_jsx(InputLabel, __assign({ classes: labelClasses }, { children: label }))), _jsx(Select, __assign({}, others, { innerRef: ref, title: calcTimeString(value), value: value ? 0 : '', IconComponent: ScheduleRoundedIcon, onClose: function () {
-                            setOpen(false);
+                            if (!cantEdit)
+                                setOpen(false);
                         }, onOpen: function () {
+                            if (cantEdit)
+                                return;
                             setOpen(true);
                             if (required)
                                 handleChange(value !== null && value !== void 0 ? value : {});
                         }, onFocus: function (e) {
                             var _a;
-                            if (!((_a = e.relatedTarget) === null || _a === void 0 ? void 0 : _a.closest('.EF-MuiPaper-root'))) {
+                            if (!((_a = e.relatedTarget) === null || _a === void 0 ? void 0 : _a.closest('.EF-MuiPaper-root')) &&
+                                !cantEdit) {
                                 setOpen(true);
                             }
                         }, onBlur: function () {
-                            setOpen(false);
+                            if (!cantEdit)
+                                setOpen(false);
                         }, input: _jsx(OutlinedInput, { disabled: cantEdit, name: label, label: label ? calcLabel() : undefined, classes: outlinedInputClasses }), renderValue: function () {
                             return calcTimeString(value);
                         }, MenuProps: {

package/package.json

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