elixForms/elixforms-web-pages
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix form field factory usage for autocomplete

Browse Source 
fix names

Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
administrator
2026-04-27 13:15:08 +02:00
co-authored by Copilot
parent 04b0e795eb
commit 5db8c6135e
2 changed files with 5 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scelta-carriera/src/App.jsx
+4 -16
View File
@@ -8,13 +8,14 @@ import * as ElixForms from './components/ElixFormsComponent';
function App() { function App() {
const [count, setCount] = useState(0) const [count, setCount] = useState(0)
/** @type {import('./components/ElixFormsComponent').ElixFormsReact} */ /** @type {import('./components/ElixFormsComponent').ElixFormsComponent} */
var myElixFormsReact = new ElixForms.ElixFormsReact(); var myElixFormsReact = new ElixForms.ElixFormsReact();
myElixFormsReact.props = { myElixFormsReact.props = {
description: "This is a custom form created with ElixFormsReact component.", description: "This is a custom form created with ElixFormsReact component.",
isDarkTheme: false, isDarkTheme: false,
environmentMessage: "TESTING!", environmentMessage: "TESTING!",
/*
additionalFieldsJson: JSON.stringify([ additionalFieldsJson: JSON.stringify([
{ {
"key": "COL0002", "key": "COL0002",
@@ -82,8 +83,9 @@ function App() {
] ]
} }
]), ]),
*/
customFormFieldsConfiguration: ( customFormFieldsConfiguration: (
/** @type {import('./components/IElixFormsComponentProperties').ICustomFormFieldFactory} */ /** @type {import('./components/IElixFormsComponentCustomFormFieldFactory').IElixFormsComponentCustomFormFieldFactory} */
formFieldFactory formFieldFactory
) => ( ) => (
<> <>
@@ -93,20 +95,6 @@ function App() {
) )
}; };
// myElixFormsReact.addTextInput("name", "Name", true);
// myElixFormsReact.addTextAreaInput("description", "Description");
// myElixFormsReact.addNumberInput("age", "Age");
// myElixFormsReact.addDropdownInput("country", "Country", new Map<number, string>([
// [1, "Italy"],
// [2, "USA"],
// [3, "UK"]
// ]));
// myElixFormsReact.addCheckboxInput("hobbies", "Hobbies", new Map<number, string>([
// [1, "Sports"],
// [2, "Music"],
// [3, "Traveling"]
// ]));
return myElixFormsReact.render(); return myElixFormsReact.render();
} }
scelta-carriera/src/components/IElixFormsComponentProperties.ts
+1 -3
View File
@@ -1,8 +1,6 @@
import { JSX } from "react"; import { JSX } from "react";
import { IElixFormsComponentCustomFormFieldFactory } from "./IElixFormsComponentCustomFormFieldFactory"; import { IElixFormsComponentCustomFormFieldFactory } from "./IElixFormsComponentCustomFormFieldFactory";
export type ICustomFormFieldsConfiguration = (formFieldFactory: IElixFormsComponentCustomFormFieldFactory) => JSX.Element;
export interface IElixFormsComponentProperties { export interface IElixFormsComponentProperties {
description: string; description: string;
isDarkTheme: boolean; isDarkTheme: boolean;
@@ -10,7 +8,7 @@ export interface IElixFormsComponentProperties {
hasTeamsContext: boolean; hasTeamsContext: boolean;
userDisplayName: string; userDisplayName: string;
additionalFieldsJson?: string; additionalFieldsJson?: string;
customFormFieldsConfiguration?: ICustomFormFieldsConfiguration; customFormFieldsConfiguration?: (formFieldFactory: IElixFormsComponentCustomFormFieldFactory) => JSX.Element;
} }
// Additional Fields JSON Schema // Additional Fields JSON Schema