@isi-ui7/bos7-shared 0.2.1 → 0.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@isi-ui7/bos7-shared",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Shared auth7 and layout primitives for bos7 applications.",
   "license": "MIT",
   "repository": {
@@ -98,12 +98,12 @@
     "next": "16.1.1",
     "@carbon/react": "^1.97.0",
     "@carbon/icons-react": "^11.71.0",
-    "@isi-ui7/ui-shell": "0.2.2",
-    "@isi-ui7/modal-manager": "0.2.1",
     "@isi-ui7/i18n": "0.2.0",
-    "@isi-ui7/corporate-themes": "0.2.2",
     "@isi-ui7/lookup-input": "0.2.1",
     "@isi-ui7/data-table": "0.2.1",
+    "@isi-ui7/ui-shell": "0.2.2",
+    "@isi-ui7/modal-manager": "0.2.1",
+    "@isi-ui7/corporate-themes": "0.2.2",
     "@isi-ui7/realtime": "0.2.2"
   },
   "dependencies": {
@@ -117,8 +117,8 @@
     "@opentelemetry/sdk-node": "^0.57.0",
     "@opentelemetry/exporter-trace-otlp-http": "^0.57.0",
     "@opentelemetry/auto-instrumentations-node": "^0.57.0",
-    "@isi-ui7/data-table": "0.2.1",
-    "@isi-ui7/lookup-input": "0.2.1"
+    "@isi-ui7/lookup-input": "0.2.1",
+    "@isi-ui7/data-table": "0.2.1"
   },
   "scripts": {
     "build": "vite build",

package/src/form-renderer.tsx

@@ -378,29 +378,28 @@ export function SchemaFormRenderer<TData extends Record<string, unknown>>({
                   const lookup = field.lookup;
                   return [
                     <div key={key} className={UI7_FORM_VISUAL_CLASSNAMES.column} style={wrapperStyle}>
-                      <LookupInput
-                        id={key}
-                        labelText={mkLabel(field.label, effectiveRequired)}
-                        value={asString(rawValue)}
-                        onChange={(next: string) => setValue(field.key, next as TData[keyof TData])}
-                        onDataSelected={(row: Record<string, unknown>) => {
-                          if (lookup?.onDataPatch) {
-                            const patch = lookup.onDataPatch(row as never, value);
-                            onChange?.(patch);
-                          }
-                        }}
-                        dataSource={lookup?.dataSource ?? "api"}
-                        lookupAPI={lookup?.lookupAPI ?? ""}
-                        lookupDataStructure={lookup?.lookupDataStructure ?? {}}
-                        lookupFieldTitles={lookup?.lookupFieldTitles ?? {}}
-                        displayFieldNames={lookup?.displayFieldNames ?? []}
-                        popupWidthPx={lookup?.popupWidthPx}
-                        placeholder={lookup?.placeholder}
-                        disabled={disabled}
-                      />
-                      {field.helperText ? (
-                        <div className={UI7_FORM_VISUAL_CLASSNAMES.helper}>{field.helperText}</div>
-                      ) : null}
+                      <FieldShell label={field.label} required={effectiveRequired} helperText={field.helperText} htmlFor={key}>
+                        <LookupInput
+                          id={key}
+                          labelText=""
+                          value={asString(rawValue)}
+                          onChange={(next: string) => setValue(field.key, next as TData[keyof TData])}
+                          onDataSelected={(row: Record<string, unknown>) => {
+                            if (lookup?.onDataPatch) {
+                              const patch = lookup.onDataPatch(row as never, value);
+                              onChange?.(patch);
+                            }
+                          }}
+                          dataSource={lookup?.dataSource ?? "api"}
+                          lookupAPI={lookup?.lookupAPI ?? ""}
+                          lookupDataStructure={lookup?.lookupDataStructure ?? {}}
+                          lookupFieldTitles={lookup?.lookupFieldTitles ?? {}}
+                          displayFieldNames={lookup?.displayFieldNames ?? []}
+                          popupWidthPx={lookup?.popupWidthPx}
+                          placeholder={lookup?.placeholder}
+                          disabled={disabled}
+                        />
+                      </FieldShell>
                     </div>,
                   ];
                 }