forked from
pds.ls/pdsls
this repo has no description
fix up top level non object display
+28
-21
+28
-21
src/components/lexicon-schema.tsx
+28
-21
src/components/lexicon-schema.tsx
···
172
172
</div>
173
173
);
174
174
175
-
const PropertyRow = (props: { name: string; property: LexiconProperty; required?: boolean }) => {
175
+
const PropertyRow = (props: {
176
+
name: string;
177
+
property: LexiconProperty;
178
+
required?: boolean;
179
+
hideNameType?: boolean;
180
+
}) => {
176
181
const hasConstraints = (property: LexiconProperty) =>
177
182
property.minLength !== undefined ||
178
183
property.maxLength !== undefined ||
···
189
194
190
195
return (
191
196
<div class="flex flex-col gap-2 py-3">
192
-
<div class="flex flex-wrap items-center gap-2">
193
-
<span class="font-mono text-sm font-semibold">{props.name}</span>
194
-
<Show when={!props.property.refs}>
195
-
<TypeBadge
196
-
type={props.property.type}
197
-
format={props.property.format}
198
-
refType={props.property.ref}
199
-
/>
200
-
</Show>
201
-
<Show when={props.property.refs}>
202
-
<span class="inline-block rounded bg-blue-100 px-1.5 py-0.5 font-mono text-xs text-blue-800 dark:bg-blue-900/30 dark:text-blue-300">
203
-
union
204
-
</span>
205
-
</Show>
206
-
<Show when={props.required}>
207
-
<span class="text-xs font-semibold text-red-500 dark:text-red-400">required</span>
208
-
</Show>
209
-
</div>
197
+
<Show when={!props.hideNameType}>
198
+
<div class="flex flex-wrap items-center gap-2">
199
+
<span class="font-mono text-sm font-semibold">{props.name}</span>
200
+
<Show when={!props.property.refs}>
201
+
<TypeBadge
202
+
type={props.property.type}
203
+
format={props.property.format}
204
+
refType={props.property.ref}
205
+
/>
206
+
</Show>
207
+
<Show when={props.property.refs}>
208
+
<span class="inline-block rounded bg-blue-100 px-1.5 py-0.5 font-mono text-xs text-blue-800 dark:bg-blue-900/30 dark:text-blue-300">
209
+
union
210
+
</span>
211
+
</Show>
212
+
<Show when={props.required}>
213
+
<span class="text-xs font-semibold text-red-500 dark:text-red-400">required</span>
214
+
</Show>
215
+
</div>
216
+
</Show>
210
217
<Show when={props.property.refs}>
211
218
<UnionBadges refs={props.property.refs!} />
212
219
</Show>
···
261
268
case "token":
262
269
return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300";
263
270
default:
264
-
return "bg-neutral-100 text-neutral-800 dark:bg-neutral-700 dark:text-neutral-300";
271
+
return "bg-neutral-200 text-neutral-800 dark:bg-neutral-700 dark:text-neutral-300";
265
272
}
266
273
};
267
274
···
462
469
}
463
470
>
464
471
<div class="divide-y divide-neutral-200 rounded-lg border border-neutral-200 bg-neutral-50/50 px-3 dark:divide-neutral-700 dark:border-neutral-700 dark:bg-neutral-800/30">
465
-
<PropertyRow name={props.name} property={props.def} />
472
+
<PropertyRow name={props.name} property={props.def} hideNameType />
466
473
</div>
467
474
</Show>
468
475
</div>