From 7d2370d56d3dfe4bee4c80a9fdda03c0c60eec23 Mon Sep 17 00:00:00 2001
From: Benjamin Cabanes <3447705+bcabanes@users.noreply.github.com>
Date: Mon, 24 Oct 2022 16:51:45 -0400
Subject: [PATCH] docs(nxdev): display callout on hidden schemas (#12796)

---
 .../src/lib/content.tsx                       | 41 ++++++++++---------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/nx-dev/feature-package-schema-viewer/src/lib/content.tsx b/nx-dev/feature-package-schema-viewer/src/lib/content.tsx
index 33513c94a6a67..68d6e81167372 100644
--- a/nx-dev/feature-package-schema-viewer/src/lib/content.tsx
+++ b/nx-dev/feature-package-schema-viewer/src/lib/content.tsx
@@ -144,28 +144,31 @@ export function Content({
         </div>
       </div>
 
-      {/* We remove the top description on sub property lookup */}
-      {!schemaViewModel.subReference && (
-        <>
-          <div className="my-6 block rounded-md bg-red-50 p-4 ring-1 ring-red-100 dark:bg-red-900/30 dark:ring-red-900">
-            <div className="flex">
-              <div className="flex-shrink-0">
-                <HandRaisedIcon
-                  className="h-5 w-5 text-red-500"
-                  aria-hidden="true"
-                />
-              </div>
-              <div className="ml-3">
-                <div className="mt-0 block text-sm font-medium text-red-600 dark:text-red-400">
-                  Schema for internal use only
-                </div>
-                <p className="prose-sm mt-2 block text-red-700 dark:text-red-600">
-                  Please do not extend this schema as it is part of Nx internal
-                  usage.
-                </p>
+      {!schemaViewModel.subReference && schemaViewModel.hidden && (
+        <div className="my-6 block rounded-md bg-red-50 p-4 ring-1 ring-red-100 dark:bg-red-900/30 dark:ring-red-900">
+          <div className="flex">
+            <div className="flex-shrink-0">
+              <HandRaisedIcon
+                className="h-5 w-5 text-red-500"
+                aria-hidden="true"
+              />
+            </div>
+            <div className="ml-3">
+              <div className="mt-0 block text-sm font-medium text-red-600 dark:text-red-400">
+                Schema for internal use only
               </div>
+              <p className="prose-sm mt-2 block text-red-700 dark:text-red-600">
+                Please do not extend this schema as it is part of Nx internal
+                usage.
+              </p>
             </div>
           </div>
+        </div>
+      )}
+
+      {/* We remove the top description on sub property lookup */}
+      {!schemaViewModel.subReference && (
+        <>
           <div className="prose prose-slate dark:prose-invert max-w-none">
             {vm.markdown}
           </div>