@gravitee/graphene-core 2.55.0 → 2.56.0-fix-monaco-hover.c920ed9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/graphene-core",
-  "version": "2.55.0",
+  "version": "2.56.0-fix-monaco-hover.c920ed9",
   "type": "module",
   "description": "Gravitee's Graphene design system: accessible React components, design tokens, icons, and shared ESLint/TypeScript configs. Built on shadcn/ui and Tailwind.",
   "keywords": [
@@ -95,6 +95,7 @@
   },
   "peerDependencies": {
     "@fontsource/dm-sans": ">=5.0.0",
+    "@gravitee/graphene-core": "2.56.0-fix-monaco-hover.c920ed9",
     "@monaco-editor/react": "^4.7.0",
     "@tanstack/react-table": "^8.0.0",
     "@testing-library/dom": ">=10.0.0",

package/snippets/json-schema-form-simple.tsx

@@ -24,23 +24,10 @@ interface PluginConfigPageProps {
   // at the call site). A fresh object on every parent render defeats the `defaultValues`
   // memo and re-seeds the form, wiping in-progress user edits.
   readonly initialValue?: Record<string, unknown>;
-
-  // Host environment / feature flags / lock state read by `gioConfig.displayIf` /
-  // `gioConfig.disableIf` conditions of the form `{ "context.X": value }`. Remove this prop
-  // entirely if your schemas declare no `context.X` references.
-  readonly environment: 'production' | 'staging' | 'dev';
-  readonly readonlyMode: boolean;
-
   readonly onSave: (data: Record<string, unknown>) => void;
 }
 
-export function PluginConfigPage({
-  pluginSchema,
-  initialValue,
-  environment,
-  readonlyMode,
-  onSave,
-}: PluginConfigPageProps) {
+export function PluginConfigPage({ pluginSchema, initialValue, onSave }: PluginConfigPageProps) {
   // Memoize so `jsonSchemaResolver` does not recompile ajv on every parent render.
   const resolver = useMemo(() => jsonSchemaResolver(pluginSchema), [pluginSchema]);
   const defaultValues = useMemo(
@@ -48,11 +35,6 @@ export function PluginConfigPage({
     [pluginSchema, initialValue],
   );
 
-  // Stable object identity for the `context` prop. An inline `context={{ environment, readonlyMode }}`
-  // would create a new ref on every parent render and bust JsonSchemaForm's internal memo, re-rendering
-  // every field. `useMemo` keyed on the actual values keeps the ref stable until they change.
-  const formContext = useMemo(() => ({ environment, readonlyMode }), [environment, readonlyMode]);
-
   const form = useForm({
     resolver,
     defaultValues,
@@ -64,7 +46,7 @@ export function PluginConfigPage({
   // <FieldError> remain the single source of validation messages.
   return (
     <form noValidate onSubmit={form.handleSubmit(onSave)} className="flex flex-1 flex-col gap-4 p-8">
-      <JsonSchemaForm schema={pluginSchema} control={form.control} name="" context={formContext} />
+      <JsonSchemaForm schema={pluginSchema} control={form.control} name="" />
       <Button type="submit">Save</Button>
     </form>
   );

package/snippets/json-schema-form-with-meta.tsx

@@ -40,14 +40,10 @@ type FormValues = z.infer<typeof metaSchema> & { config: Record<string, unknown>
 interface PluginConfigPageProps {
   readonly pluginSchema: JsonSchema;
   readonly initialValue?: Partial<FormValues>;
-  // Host environment / feature flags read by `gioConfig.displayIf` / `gioConfig.disableIf`
-  // conditions of the form `{ "context.X": value }`. Remove if your schemas declare no
-  // `context.X` references.
-  readonly environment: 'production' | 'staging' | 'dev';
   readonly onSave: (data: FormValues) => void;
 }
 
-export function PluginConfigPage({ pluginSchema, initialValue, environment, onSave }: PluginConfigPageProps) {
+export function PluginConfigPage({ pluginSchema, initialValue, onSave }: PluginConfigPageProps) {
   // `basePath: 'config'` must match the `name` prop on <JsonSchemaForm> below.
   // Cast widens zodResolver to the composite values shape — each inner resolver reads
   // only its own slice of `values` at runtime, so the cast is sound.
@@ -70,10 +66,6 @@ export function PluginConfigPage({ pluginSchema, initialValue, environment, onSa
     [pluginSchema],
   );
 
-  // Stable identity for the `context` prop on JsonSchemaForm — inline `{{ environment }}`
-  // would create a fresh ref each render and re-render every field downstream.
-  const formContext = useMemo(() => ({ environment }), [environment]);
-
   const form = useForm<FormValues>({
     resolver,
     mode: 'onTouched',
@@ -96,15 +88,8 @@ export function PluginConfigPage({ pluginSchema, initialValue, environment, onSa
       </Field>
 
       {/* Plugin sub-tree — fields registered under `values.config.*`. JsonSchemaForm is typed
-          against the generic RHF FieldValues; cast widens the narrow composite control.
-          `context` is memoized at the call site (here, via the `formContext` const below) so
-          a fresh ref does not bust JsonSchemaForm's internal memo every parent render. */}
-      <JsonSchemaForm
-        schema={pluginSchema}
-        control={form.control as unknown as Control}
-        name="config"
-        context={formContext}
-      />
+          against the generic RHF FieldValues; cast widens the narrow composite control. */}
+      <JsonSchemaForm schema={pluginSchema} control={form.control as unknown as Control} name="config" />
 
       <Button type="submit">Save</Button>
     </form>