pushing this just to be sure
This commit is contained in:
Shivank Kacker
parent
2012441361
commit
8ef89a2e87
7
.prettierignore
Normal file
7
.prettierignore
Normal file
@ -0,0 +1,7 @@
|
||||
dist
|
||||
public
|
||||
lib
|
||||
build
|
||||
*.css
|
||||
*.gen.tsx
|
||||
*.bs.js
|
||||
10
.prettierrc.json
Normal file
10
.prettierrc.json
Normal file
@ -0,0 +1,10 @@
|
||||
{
|
||||
"singleQuote": false,
|
||||
"useTabs": false,
|
||||
"tabWidth": 2,
|
||||
"semi": true,
|
||||
"jsxSingleQuote": false,
|
||||
"arrowParens": "always",
|
||||
"tailwindFunctions": ["classNames"],
|
||||
"plugins": ["prettier-plugin-tailwindcss"]
|
||||
}
|
||||
@ -3,7 +3,6 @@ import { Type } from "@/Redux/api";
|
||||
import { ScribeModel } from "../types";
|
||||
|
||||
const routes = {
|
||||
scribe: {
|
||||
createScribe: {
|
||||
path: "/api/care_scribe/scribe/",
|
||||
method: "POST",
|
||||
@ -33,7 +32,7 @@ const routes = {
|
||||
TBody: Type<Partial<FileUploadModel>>(),
|
||||
TRes: Type<FileUploadModel>(),
|
||||
},
|
||||
},
|
||||
|
||||
} as const;
|
||||
|
||||
export default routes;
|
||||
|
||||
398
src/components/Controller.tsx
Normal file
398
src/components/Controller.tsx
Normal file
@ -0,0 +1,398 @@
|
||||
import { useEffect, useState } from "react";
|
||||
import { ScribeStatus } from "../types";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { useTimer } from "@/Utils/useTimer";
|
||||
import useSegmentedRecording from "@/Utils/useSegmentedRecorder";
|
||||
import request from "@/Utils/request/request";
|
||||
import routes from "../api/api";
|
||||
import uploadFile from "@/Utils/request/uploadFile";
|
||||
import TextAreaFormField from "@/Components/Form/FormFields/TextAreaFormField";
|
||||
import ButtonV2 from "@/Components/Common/components/ButtonV2";
|
||||
import CareIcon from "@/CAREUI/icons/CareIcon";
|
||||
import { scrapeFields } from "../utils";
|
||||
import * as Notify from "@/Utils/Notifications";
|
||||
|
||||
export function Controller() {
|
||||
const [status, setStatus] = useState<ScribeStatus>("IDLE");
|
||||
const { t } = useTranslation();
|
||||
const [micAllowed, setMicAllowed] = useState<null | boolean>(null);
|
||||
const [transcript, setTranscript] = useState<string>();
|
||||
const timer = useTimer();
|
||||
const [scribedData, setScribedData] = useState<{ [key: number]: string }>();
|
||||
const [lastTranscript, setLastTranscript] = useState<string>();
|
||||
const [lastAIResponse, setLastAIResponse] = useState<{[key: string]: unknown}>();
|
||||
const [instanceId, setInstanceId] = useState<string>();
|
||||
|
||||
//const { blob, waveform, resetRecording, startRecording, stopRecording } =
|
||||
// useVoiceRecorder((permission: boolean) => {
|
||||
// if (!permission) {
|
||||
// handleStopRecording();
|
||||
// resetRecording();
|
||||
// setMicAllowed(false);
|
||||
// } else {
|
||||
// setMicAllowed(true);
|
||||
// }
|
||||
// });
|
||||
|
||||
const {
|
||||
isRecording,
|
||||
startRecording: startSegmentedRecording,
|
||||
stopRecording: stopSegmentedRecording,
|
||||
resetRecording,
|
||||
audioBlobs,
|
||||
} = useSegmentedRecording();
|
||||
|
||||
// Keeps polling the scribe endpoint to check if transcript or ai response has been generated
|
||||
const poller = async (
|
||||
scribeInstanceId: string,
|
||||
type: "transcript" | "ai_response",
|
||||
): Promise<string> => {
|
||||
return new Promise((resolve, reject) => {
|
||||
const interval = setInterval(async () => {
|
||||
try {
|
||||
const res = await request(routes.getScribe, {
|
||||
pathParams: {
|
||||
external_id: scribeInstanceId,
|
||||
},
|
||||
});
|
||||
|
||||
if (!res.data || res.error)
|
||||
throw new Error("Error getting scribe instance");
|
||||
|
||||
const { status, transcript, ai_response } = res.data;
|
||||
|
||||
if (
|
||||
status === "GENERATING_AI_RESPONSE" ||
|
||||
status === "COMPLETED" ||
|
||||
status === "FAILED"
|
||||
) {
|
||||
clearInterval(interval);
|
||||
if (status === "FAILED") {
|
||||
Notify.Error({ msg: "Transcription failed" });
|
||||
return reject(new Error("Transcription failed"));
|
||||
}
|
||||
|
||||
if (type === "transcript" && transcript) {
|
||||
return resolve(transcript);
|
||||
}
|
||||
|
||||
if (type === "ai_response" && ai_response) {
|
||||
return resolve(ai_response);
|
||||
}
|
||||
|
||||
reject(new Error(`Expected ${type} but it is unavailable.`));
|
||||
}
|
||||
} catch (error) {
|
||||
clearInterval(interval);
|
||||
reject(error);
|
||||
}
|
||||
}, 5000);
|
||||
});
|
||||
};
|
||||
|
||||
// gets the AI response and returns only the data that has changes
|
||||
const getAIResponse = async (scribeInstanceId: string) => {
|
||||
const fields = await getHydratedFields();
|
||||
const updatedFieldsResponse = await poller(scribeInstanceId, "ai_response");
|
||||
const parsedFormData = JSON.parse(updatedFieldsResponse ?? "{}");
|
||||
// run type validations
|
||||
const changedData = Object.entries(parsedFormData)
|
||||
.filter(([k, v]) => {
|
||||
const f = fields.find((f) => f.id === k);
|
||||
if (!f) return false;
|
||||
if (v === f.current) return false;
|
||||
return true;
|
||||
})
|
||||
.map(([k, v]) => ({ [k]: v }))
|
||||
.reduce((acc, curr) => ({ ...acc, ...curr }), {});
|
||||
return changedData;
|
||||
};
|
||||
|
||||
// gets the audio transcription
|
||||
const getTranscript = async (scribeInstanceId: string) => {
|
||||
const res = await request(routes.updateScribe, {
|
||||
body: {
|
||||
status: "READY",
|
||||
},
|
||||
pathParams: {
|
||||
external_id: scribeInstanceId,
|
||||
},
|
||||
});
|
||||
|
||||
if (res.error || !res.data) throw Error("Error updating scribe instance");
|
||||
|
||||
const transcript = await poller(scribeInstanceId, "transcript");
|
||||
setLastTranscript(transcript);
|
||||
return transcript;
|
||||
};
|
||||
|
||||
// Uploads a scribe audio blob. Returns the response of the upload.
|
||||
const uploadAudio = async (audioBlob: Blob, scribeInstanceId: string) => {
|
||||
const category = "AUDIO";
|
||||
const name = "audio.mp3";
|
||||
const filename = Date.now().toString();
|
||||
|
||||
const response = await request(routes.createScribeFileUpload, {
|
||||
body: {
|
||||
original_name: name,
|
||||
file_type: 1,
|
||||
name: filename,
|
||||
associating_id: scribeInstanceId,
|
||||
file_category: category,
|
||||
mime_type: audioBlob?.type?.split(";")?.[0],
|
||||
},
|
||||
});
|
||||
|
||||
await new Promise<void>((resolve, reject) => {
|
||||
const url = response.data?.signed_url;
|
||||
const internal_name = response.data?.internal_name;
|
||||
const f = audioBlob;
|
||||
if (f === undefined) {
|
||||
reject(Error("No file to upload"));
|
||||
return;
|
||||
}
|
||||
const newFile = new File([f], `${internal_name}`, { type: f.type });
|
||||
const headers = {
|
||||
"Content-type": newFile?.type?.split(";")?.[0],
|
||||
"Content-disposition": "inline",
|
||||
};
|
||||
|
||||
uploadFile(
|
||||
url || "",
|
||||
newFile,
|
||||
"PUT",
|
||||
headers,
|
||||
(xhr: XMLHttpRequest) => (xhr.status === 200 ? resolve() : reject()),
|
||||
null,
|
||||
reject,
|
||||
);
|
||||
});
|
||||
|
||||
const res = request(routes.editScribeFileUpload, {
|
||||
body: { upload_completed: true },
|
||||
pathParams: {
|
||||
id: response.data?.id || "",
|
||||
fileType: "SCRIBE",
|
||||
associatingId: scribeInstanceId,
|
||||
},
|
||||
});
|
||||
return res;
|
||||
};
|
||||
|
||||
// Sets up a scribe instance with the available recordings. Returns the instance ID.
|
||||
const createScribeInstance = async () => {
|
||||
const fields = await getHydratedFields();
|
||||
const response = await request(routes.createScribe, {
|
||||
body: {
|
||||
status: "CREATED",
|
||||
form_data: fields,
|
||||
},
|
||||
});
|
||||
if (response.error) throw Error("Error creating scribe instance");
|
||||
if (!response.data) throw Error("Response did not return any data");
|
||||
await Promise.all(
|
||||
audioBlobs.map((blob) =>
|
||||
uploadAudio(blob, response.data?.external_id ?? ""),
|
||||
),
|
||||
);
|
||||
|
||||
return response.data.external_id;
|
||||
};
|
||||
|
||||
// Hydrates the values for all fields. This is required for fields whos' values need to be fetched asynchronously. Ex. Diagnoses data for a patient.
|
||||
/*const hydrateValues = async () => {
|
||||
const hydratedPromises = context.inputs.map(async (input) => {
|
||||
const value = await input.value();
|
||||
return {
|
||||
friendlyName: input.friendlyName,
|
||||
current: value,
|
||||
id: input.id,
|
||||
description: input.description,
|
||||
type: input.type,
|
||||
example: input.example,
|
||||
};
|
||||
});
|
||||
const hydrated = await Promise.all(hydratedPromises);
|
||||
setContext((context) => ({ ...context, hydratedInputs: hydrated }));
|
||||
return hydrated;
|
||||
};*/
|
||||
|
||||
// gets hydrated fields, but does not fetch them again unless ignoreCache is true
|
||||
const getHydratedFields = async (ignoreCache?: boolean) => {
|
||||
//if (context.hydratedInputs && !ignoreCache) return context.hydratedInputs;
|
||||
//return await hydrateValues();
|
||||
const fields = scrapeFields();
|
||||
return fields.map((field, i) => ({
|
||||
friendlyName: field.label || "Unlabled Field",
|
||||
current: field.value,
|
||||
id: `${i}`,
|
||||
description:
|
||||
field.type === "date"
|
||||
? "A date value"
|
||||
: field.type === "datetime-local"
|
||||
? "A datetime value"
|
||||
: "A normal string value",
|
||||
type: "string",
|
||||
example:
|
||||
field.type === "date"
|
||||
? "2003-12-21"
|
||||
: field.type === "datetime-local"
|
||||
? "2003-12-21T23:10"
|
||||
: "A value",
|
||||
options: field.options?.map((opt) => ({
|
||||
id: opt.value || "NONE",
|
||||
text: opt.text,
|
||||
})),
|
||||
}));
|
||||
};
|
||||
|
||||
// updates the transcript and fetches a new AI response
|
||||
const handleUpdateTranscript = async (updatedTranscript: string) => {
|
||||
if (updatedTranscript === lastTranscript) return;
|
||||
if (!instanceId) throw Error("Cannot find scribe instance");
|
||||
setLastTranscript(updatedTranscript);
|
||||
const res = await request(routes.updateScribe, {
|
||||
body: {
|
||||
status: "READY",
|
||||
transcript: updatedTranscript,
|
||||
ai_response: null,
|
||||
},
|
||||
pathParams: {
|
||||
external_id: instanceId,
|
||||
},
|
||||
});
|
||||
if (res.error || !res.data) throw Error("Error updating scribe instance");
|
||||
setStatus("THINKING");
|
||||
const aiResponse = await getAIResponse(instanceId);
|
||||
setStatus("REVIEWING");
|
||||
setLastAIResponse(aiResponse);
|
||||
};
|
||||
|
||||
const handleStartRecording = () => {
|
||||
resetRecording();
|
||||
timer.start();
|
||||
setStatus("RECORDING");
|
||||
startSegmentedRecording();
|
||||
};
|
||||
|
||||
const handleStopRecording = async () => {
|
||||
timer.stop();
|
||||
timer.reset();
|
||||
setStatus("UPLOADING");
|
||||
stopSegmentedRecording();
|
||||
const instanceId = await createScribeInstance();
|
||||
setInstanceId(instanceId);
|
||||
setStatus("TRANSCRIBING");
|
||||
await getTranscript(instanceId);
|
||||
setStatus("THINKING");
|
||||
const aiResponse = await getAIResponse(instanceId);
|
||||
setStatus("REVIEWING");
|
||||
setLastAIResponse(aiResponse);
|
||||
};
|
||||
|
||||
const getWaveformColor = (height: number): string => {
|
||||
const classes = [
|
||||
"bg-primary-500",
|
||||
"bg-primary-600",
|
||||
"bg-primary-700",
|
||||
"bg-primary-800",
|
||||
];
|
||||
const index = Math.floor(height % classes.length);
|
||||
return classes[index];
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
//reset the reveiwed responses if the status changes
|
||||
if (status !== "REVIEWING")
|
||||
setLastTranscript(undefined);
|
||||
}, [status]);
|
||||
|
||||
return (
|
||||
<>
|
||||
<div
|
||||
className={`flex flex-row-reverse items-end right-0 -bottom-0 h-32 w-[50vw] blur-md fixed z-10 pointer-events-none transition-all ${status === "RECORDING" ? "visible opacity-100" : "invisible opacity-0"}`}
|
||||
>
|
||||
{/*waveform.map((wave, i) => (
|
||||
<div
|
||||
key={i}
|
||||
style={{ height: `${wave * 1.5}%` }}
|
||||
className={`w-full flex-1 transition-all rounded-t-[20px] ${getWaveformColor(wave)}`}
|
||||
/>
|
||||
))*/}
|
||||
</div>
|
||||
<div
|
||||
className={`fixed bottom-5 right-5 z-20 transition-all flex flex-col gap-4 items-end`}
|
||||
>
|
||||
<div
|
||||
className={`${status === "IDLE" ? "max-h-0 opacity-0" : "max-h-[300px]"} w-full transition-all rounded-lg overflow-hidden delay-100 bg-secondary-300 border border-secondary-400 shadow-lg`}
|
||||
>
|
||||
{status === "RECORDING" && (
|
||||
<div className="p-4 py-10 flex items-center justify-center">
|
||||
<div className="text-center">
|
||||
<div className="text-xl font-black ">{timer.time}</div>
|
||||
<p>We are hearing you...</p>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
{status === "TRANSCRIBING" && <div>Transcribing</div>}
|
||||
{lastTranscript && status === "REVIEWING" && (
|
||||
<div className="p-4 md:w-[350px]">
|
||||
<div className="text-base font-semibold">
|
||||
{t("transcript_information")}
|
||||
</div>
|
||||
<p className="text-xs text-gray-800 mb-4">
|
||||
{t("transcript_edit_info")}
|
||||
</p>
|
||||
<TextAreaFormField
|
||||
name="transcript"
|
||||
disabled={status !== "REVIEWING"}
|
||||
value={transcript}
|
||||
onChange={(e) => setTranscript(e.value)}
|
||||
errorClassName="hidden"
|
||||
placeholder="Transcript"
|
||||
/>
|
||||
<ButtonV2
|
||||
loading={status !== "REVIEWING"}
|
||||
disabled={transcript === lastTranscript}
|
||||
className="w-full mt-4"
|
||||
onClick={() => transcript && handleUpdateTranscript(transcript)}
|
||||
>
|
||||
{t("process_transcript")}
|
||||
</ButtonV2>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<ButtonV2
|
||||
variant={
|
||||
status === "IDLE"
|
||||
? "primary"
|
||||
: status === "RECORDING"
|
||||
? "danger"
|
||||
: "secondary"
|
||||
}
|
||||
className={`transition-all text-base`}
|
||||
onClick={
|
||||
status !== "RECORDING"
|
||||
? handleStartRecording
|
||||
: handleStopRecording
|
||||
}
|
||||
>
|
||||
<CareIcon
|
||||
icon={
|
||||
status === "IDLE"
|
||||
? "l-microphone"
|
||||
: status === "RECORDING"
|
||||
? "l-microphone-slash"
|
||||
: "l-redo"
|
||||
}
|
||||
/>
|
||||
{status === "IDLE"
|
||||
? t("voice_autofill")
|
||||
: status === "RECORDING"
|
||||
? t("stop_recording")
|
||||
: t("retake_recording")}
|
||||
</ButtonV2>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@ -1,17 +1,37 @@
|
||||
import { PluginManifest } from "@/pluginTypes";
|
||||
import { ReactNode, useEffect } from "react";
|
||||
import { useEffect, useState } from "react";
|
||||
import { Controller } from "./components/Controller";
|
||||
import { useFeatureFlags } from "@/Utils/featureFlags";
|
||||
import { usePath } from "raviger";
|
||||
|
||||
export { default as manifest } from "./manifest";
|
||||
|
||||
export function Entry(){
|
||||
|
||||
const path = usePath();
|
||||
const facilityId = path?.includes("/facility/") ? path.split("/facility/")[1].split("/")[0] : undefined;
|
||||
const [forms, setForms] = useState<NodeListOf<Element>>();
|
||||
const featureFlags = useFeatureFlags(facilityId);
|
||||
const SCRIBE_ENABLED = featureFlags.includes("SCRIBE_ENABLED");
|
||||
|
||||
useEffect(() => {
|
||||
console.log("Plugin mounted")
|
||||
},[])
|
||||
if (!SCRIBE_ENABLED) return;
|
||||
const observer = new MutationObserver((mutationsList, observer) => {
|
||||
for (const mutation of mutationsList) {
|
||||
if (mutation.type === 'childList') {
|
||||
const forms = document.querySelectorAll('[data-scribe-form="true"]');
|
||||
if (forms.length) {
|
||||
setForms(forms);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
const config = { childList: true, subtree: true };
|
||||
observer.observe(document.body, config);
|
||||
return () => observer.disconnect();
|
||||
},[SCRIBE_ENABLED])
|
||||
|
||||
return (
|
||||
<div>
|
||||
h
|
||||
{!!forms?.length && <Controller/> }
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -8,7 +8,7 @@ const manifest: PluginManifest = {
|
||||
components: {
|
||||
|
||||
},
|
||||
Entry: <Entry/>,
|
||||
Entry: Entry,
|
||||
navItems: [],
|
||||
};
|
||||
|
||||
24
src/types.ts
24
src/types.ts
@ -21,4 +21,26 @@ export type ScribeModel = {
|
||||
| "GENERATING_AI_RESPONSE"
|
||||
| "COMPLETED"
|
||||
| "FAILED";
|
||||
};
|
||||
};
|
||||
|
||||
export type ScribeStatus =
|
||||
| "FAILED"
|
||||
| "IDLE"
|
||||
| "RECORDING"
|
||||
| "UPLOADING"
|
||||
| "TRANSCRIBING"
|
||||
| "THINKING"
|
||||
| "REVIEWING";
|
||||
|
||||
export type ScribeFieldOption = {
|
||||
value: string,
|
||||
text: string
|
||||
}
|
||||
|
||||
export type ScribeField = {
|
||||
type: "string" | "number" | "date" | "datetime-local" | "select" | "cui-select" | "radio" | "checkbox"
|
||||
fieldElement: Element,
|
||||
label: string;
|
||||
options?: ScribeFieldOption[];
|
||||
value: string | null;
|
||||
}
|
||||
77
src/utils.ts
Normal file
77
src/utils.ts
Normal file
@ -0,0 +1,77 @@
|
||||
import { ScribeField } from "./types";
|
||||
|
||||
const isVisible = (elem: HTMLElement) => !!(elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length || window.getComputedStyle(elem).visibility !== "hidden");
|
||||
|
||||
export const scrapeFields = () => {
|
||||
const formElement = document.querySelector(`[data-scribe-form="true"]`) as HTMLElement;
|
||||
if (!formElement || !isVisible(formElement)) throw Error("Cannot find a scribeable form. Make sure to mark forms with the \"data-scribe-form\" attribute");
|
||||
const inputElements = [...(formElement.querySelectorAll('input:not([type="submit"]):not([role="combobox"])') as NodeListOf<HTMLInputElement>).values().filter(ele => isVisible(ele))];
|
||||
const textAreaElements = [...(formElement.querySelectorAll('textarea') as NodeListOf<HTMLTextAreaElement>).values().filter(ele => isVisible(ele))]
|
||||
const selectElements = [...(formElement.querySelectorAll(`select`) as NodeListOf<HTMLSelectElement>).values().filter(ele => isVisible(ele))];
|
||||
// Care UI (Headless UI) does not use the traditional <select> field for dropdowns.
|
||||
const careUISelectElements = [...(formElement.querySelectorAll(`[data-cui-listbox]`) as NodeListOf<HTMLButtonElement>).values().filter(ele => isVisible(ele))];
|
||||
|
||||
const getInputType: (t: string | null) => ScribeField["type"] = (type: string | null) =>
|
||||
type && ["string", "number", "date", "datetime-local", "radio", "checkbox"].includes(type) ? type as ScribeField["type"] : "string"
|
||||
|
||||
|
||||
const inputs: ScribeField[] = inputElements.filter(ele => !["radio", "checkbox"].includes(ele.getAttribute("type") || "")).map((ele) => ({
|
||||
type: getInputType(ele.getAttribute("type")),
|
||||
fieldElement: ele,
|
||||
label: ele.labels?.[0]?.innerText || "",
|
||||
value: ele.value
|
||||
}))
|
||||
|
||||
const checkBoxesAndRadios: ScribeField[] = Array.from(
|
||||
new Map(
|
||||
inputElements
|
||||
.filter(ele => ["radio", "checkbox"].includes(ele.getAttribute("type") || ""))
|
||||
.map((ele) => [
|
||||
ele.getAttribute("name"), // use the `name` attribute as the key
|
||||
{
|
||||
type: getInputType(ele.getAttribute("type")),
|
||||
fieldElement: ele,
|
||||
label: (document.querySelector(`label[for=${ele.getAttribute("name")}]`) as HTMLLabelElement)?.innerText || "",
|
||||
options: [...(document.querySelectorAll(`input[name=${ele.getAttribute("name")}]`) as NodeListOf<HTMLInputElement>)].map((inp) => ({ text: (document.querySelector(`label[for="${inp.id}"]`) as HTMLLabelElement).innerText, value: inp.value })),
|
||||
value: [...(document.querySelectorAll(`input[name=${ele.getAttribute("name")}]`) as NodeListOf<HTMLInputElement>)].find(radio => radio.checked)?.value || null
|
||||
},
|
||||
])
|
||||
).values()
|
||||
);
|
||||
|
||||
const textareas: ScribeField[] = textAreaElements.map((ele) => ({
|
||||
type: "string",
|
||||
fieldElement: ele,
|
||||
label: ele.labels?.[0]?.innerText || "",
|
||||
value: ele.value
|
||||
}))
|
||||
|
||||
const selects: ScribeField[] = selectElements.map((ele) => ({
|
||||
type: "select",
|
||||
fieldElement: ele,
|
||||
label: ele.labels?.[0]?.innerText || "",
|
||||
options: [...ele.querySelectorAll("option")].map((option) => ({
|
||||
value: option?.value || "",
|
||||
text: option?.innerText
|
||||
})),
|
||||
value: ele.value
|
||||
}))
|
||||
|
||||
const cuiSelects: ScribeField[] = careUISelectElements.map((ele) => ({
|
||||
type: "cui-select",
|
||||
fieldElement: ele,
|
||||
label: (ele.parentElement?.parentElement?.querySelector("label:not([data-headlessui-state])") as HTMLLabelElement)?.innerText,
|
||||
options: (JSON.parse(ele.getAttribute("data-cui-listbox-options") || "[]") as [string, string][]).map(([value, text]) => ({ text, value })),
|
||||
value: JSON.parse(ele.getAttribute("data-cui-listbox-value") || `""`)
|
||||
}))
|
||||
|
||||
const fields = [
|
||||
...inputs,
|
||||
...textareas,
|
||||
...selects,
|
||||
...cuiSelects,
|
||||
...checkBoxesAndRadios
|
||||
]
|
||||
|
||||
return fields;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user