From a998e9665e0c7a3c700fab376dbed278aaaa6a78 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Loi=CC=88c=20Correnson?= <loic.correnson@cea.fr> Date: Thu, 10 Sep 2020 12:42:11 +0200 Subject: [PATCH] [dome] form doc --- ivette/src/dome/src/renderer/layout/form.tsx | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/ivette/src/dome/src/renderer/layout/form.tsx b/ivette/src/dome/src/renderer/layout/form.tsx index d69ab73529a..ab00a53c0d9 100644 --- a/ivette/src/dome/src/renderer/layout/form.tsx +++ b/ivette/src/dome/src/renderer/layout/form.tsx @@ -269,7 +269,7 @@ function useContext(props?: FilterProps): FormContext { } /** @category Form Containers */ -export function Filter(props: FilterProps & Children) { +export function FormFilter(props: FilterProps & Children) { const context = useContext(props); if (context.hidden) return null; return ( @@ -295,7 +295,7 @@ export interface FormProps extends FilterProps, Children { Main Form Container. @category Form Containers */ -export const Form = (props: FormProps) => { +export function FormPage(props: FormProps) { const { className, style, children, ...filter } = props; const { hidden, disabled } = useContext(filter); const css = Utils.classes('dome-xForm-grid', className); @@ -307,7 +307,7 @@ export const Form = (props: FormProps) => { </CONTEXT.Provider> </div> ); -}; +} // -------------------------------------------------------------------------- // --- Warning Badge @@ -351,14 +351,14 @@ export function Warning(props: WarningProps) { Layout its contents inside a full-width container. @category Form Containers */ -export function Block(props: FilterProps & Children) { +export function FormBlock(props: FilterProps & Children) { const { children, ...filter } = props; return ( - <Filter {...filter}> + <FormFilter {...filter}> <div className="dome-xForm-block"> {children} </div> - </Filter> + </FormFilter> ); } @@ -573,7 +573,7 @@ export function TextField(props: TextFieldProps) { Monospaced Text Field. @category Text Fields */ -export function FieldCode(props: TextFieldProps) { +export function TextCodeField(props: TextFieldProps) { const { disabled } = useContext(props); const id = useHtmlFor(); const [value, error, onChange] = useTextInputField(props, 600); @@ -657,7 +657,7 @@ export function TextFieldArea(props: TextFieldAreaProps) { Monospaced Text Field Area. @category Text Fields */ -export function FieldCodeArea(props: TextFieldAreaProps) { +export function TextCodeFieldArea(props: TextFieldAreaProps) { const { disabled } = useContext(props); const id = useHtmlFor(); const [value, error, onChange] = useTextInputField(props, 900); -- GitLab