@arquimedes.co/eureka-forms 3.0.56 → 3.0.57-test

package/dist/App/App.d.ts

@@ -1,4 +1,4 @@
-import { Classifier, Form } from '../@Types/Form';
+import { Classifier, Form, FormStyle } from '../@Types/Form';
 import './App.css';
 import { CustomStep, CustomStepProps } from '../FormSteps/CustomStep';
 import { EditorState } from 'draft-js';
@@ -17,6 +17,11 @@ export interface AppProps {
     formData?: Form;
     /** If the widget is usedInternally */
     internal?: boolean;
+    /**
+     * Overrides for the built-in internal style — only honored with `internal`, where the form's own
+     * style is ignored. Lets the host app (the admin) render the form in its color scheme, e.g. dark mode.
+     */
+    formStyle?: Partial<FormStyle>;
     /** If the widget is a postview (view what the user filled)*/
     postview?: boolean;
     /** If postview should only show steps with values*/

package/dist/App/AppHooks.js

@@ -12,7 +12,7 @@ import { iterateNestedSteps } from '../FormSteps/StepFunctions';
 import { createNextState } from '@reduxjs/toolkit';
 import { BaseConfirmationMessage } from '../Contexts/FormContext';
 export const useSetupApp = (isEmbedded, props) => {
-    const { preview, internal, postview, partial, editable, handleConfirmed, customSteps, valuesData, apiKey, formData, classifiers, idCurrentAgent, ...others } = props;
+    const { preview, internal, postview, partial, editable, handleConfirmed, customSteps, valuesData, apiKey, formData, classifiers, idCurrentAgent, formStyle: formStyleOverride, ...others } = props;
     const [form, setForm] = useState(undefined);
     const [organization, setOrganization] = useState(undefined);
     const dispatch = useAppDispatch();
@@ -112,7 +112,7 @@ export const useSetupApp = (isEmbedded, props) => {
             user,
             apiKey,
             formStyle: internal
-                ? InternalFormStyle
+                ? { ...InternalFormStyle, ...(formStyleOverride ?? {}) }
                 : {
                     ...InternalFormStyle,
                     ...(form?.style ?? {}),

package/dist/Utils/MaterialProviders.js

@@ -42,6 +42,12 @@ function MaterialProviders({ children, formStyle = InternalFormStyle }) {
                     primary: formStyle.textColor,
                     secondary: formStyle.descriptionTextColor,
                 },
+                // Paper follows the form surface so menus, pickers and dialogs match a non-white form
+                // (the admin's dark scheme in particular) instead of MUI's default white.
+                background: {
+                    default: formStyle.standAloneBackgroundColor,
+                    paper: formStyle.backgroundColor,
+                },
             },
         }, DatePickersEs //Potencialmente cambiar esto dependiendo de la empresa?
         ), children: _jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, adapterLocale: getLocale(), children: children }) }));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arquimedes.co/eureka-forms",
   "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-  "version": "3.0.56",
+  "version":"3.0.57-test",
   "scripts": {
     "watch": "tsgo --noEmit --watch --project tsconfig.app.json",
     "start": "vite",