update: improve RJS form

Exabyte-io · Jul 29, 2024 · 24ab57e · 24ab57e
1 parent f28269e
commit 24ab57e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/dist/other/rjsf/templates/ObjectFieldTemplate.js b/dist/other/rjsf/templates/ObjectFieldTemplate.js
@@ -4,6 +4,11 @@ import Box from "@mui/material/Box";
 import Grid from "@mui/material/Grid";
 import { canExpand, descriptionId, getTemplate, getUiOptions, titleId, } from "@rjsf/utils";
 import React from "react";
+function isNumeric(str) {
+    return (!Number.isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
+        !Number.isNaN(parseFloat(str)) // ...and ensure strings of whitespace fail
+    );
+}
 export default function ObjectFieldTemplate(props) {
     const { description, title, properties, required, disabled, readonly, uiSchema, idSchema, schema, formData, onAddClick, registry, } = props;
     const uiOptions = getUiOptions(uiSchema);
@@ -12,7 +17,7 @@ export default function ObjectFieldTemplate(props) {
     // Button templates are not overridden in the uiSchema
     const { ButtonTemplates: { AddButton }, } = registry.templates;
     return (React.createElement(Box, { className: "ObjectFieldTemplate" },
-        title && (React.createElement(TitleFieldTemplate, { id: titleId(idSchema), title: title, required: required, schema: schema, uiSchema: uiSchema, registry: registry })),
+        title && !isNumeric(title) && (React.createElement(TitleFieldTemplate, { id: titleId(idSchema), title: title, required: required, schema: schema, uiSchema: uiSchema, registry: registry })),
         description && (React.createElement(DescriptionFieldTemplate, { id: descriptionId(idSchema), description: description, schema: schema, uiSchema: uiSchema, registry: registry })),
         React.createElement(Grid, { container: true, spacing: 2, style: { marginTop: "10px" } },
             properties.map((element, index) => 

diff --git a/src/other/rjsf/templates/ObjectFieldTemplate.tsx b/src/other/rjsf/templates/ObjectFieldTemplate.tsx
@@ -15,6 +15,13 @@ import {
 } from "@rjsf/utils";
 import React from "react";
 
+function isNumeric(str: string) {
+    return (
+        !Number.isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
+        !Number.isNaN(parseFloat(str)) // ...and ensure strings of whitespace fail
+    );
+}
+
 export default function ObjectFieldTemplate<
     T = any,
     S extends StrictRJSFSchema = RJSFSchema,
@@ -56,7 +63,7 @@ export default function ObjectFieldTemplate<
 
     return (
         <Box className="ObjectFieldTemplate">
-            {title && (
+            {title && !isNumeric(title) && (
                 <TitleFieldTemplate
                     id={titleId<T>(idSchema)}
                     title={title}