feat: show additional properties are (not) allowed (#118)

Author: fmvilas

library/src/containers/Schemas/Schema.tsx

@@ -78,6 +78,10 @@ export const SchemaComponent: React.FunctionComponent<Props> = ({
         >
           {renderSchemaProps(name, schema)}
         </Table>
+        <div className={bemClasses.element('additional-properties-notice')}>
+          Additional properties are{' '}
+          {schema.additionalProperties === false && 'NOT'} allowed.
+        </div>
       </div>
       {/* we need to disable this component if schema has "not" field anywhere in it */}
       {hasNotField ? null : (

library/src/helpers/beautifier.ts

@@ -9,6 +9,7 @@ import {
   Channels,
   Parameters,
   Operation,
+  AdditionalProperties,
 } from '../types';
 
 import { renderMd } from './renderMarkdown';
@@ -104,18 +105,16 @@ class Beautifier {
 
     if (schema.additionalProperties) {
       const additionalProperties = schema.additionalProperties;
-      const newAdditionalProperties: Record<
-        string,
-        Schema
-      > = additionalProperties;
+      const newAdditionalProperties: AdditionalProperties = additionalProperties;
 
       for (const [key, prop] of Object.entries(additionalProperties)) {
         if (prop.description) {
           prop.description = renderMd(prop.description as string);
         }
-        if (prop.additionalProperties) {
-          const propAdditionalProperties = prop.additionalProperties;
-          const newPropAdditionalProperties: Record<string, Schema> = {};
+        if (typeof prop.additionalProperties !== 'boolean') {
+          const propAdditionalProperties: AdditionalProperties =
+            prop.additionalProperties;
+          const newPropAdditionalProperties: AdditionalProperties = {};
 
           for (const [propKey, propValue] of Object.entries(
             propAdditionalProperties,

library/src/styles/fiori.css

@@ -1265,3 +1265,14 @@
   padding: 0 0.5rem;
   color: #fff;
 }
+
+.asyncapi__additional-properties-notice {
+  text-align: center;
+  font-style: italic;
+  font-weight: bold;
+  color: #333333;
+  font-size: 0.75rem;
+  line-height: 2;
+  margin-right: 0.5rem;
+  margin-top: 0.5rem;
+}

library/src/types.ts

@@ -310,6 +310,8 @@ export interface XML {
   wrapped?: boolean;
 }
 
+export type AdditionalProperties = boolean | Record<string, Schema>;
+
 export interface Schema {
   nullable?: boolean;
   format?: string;
@@ -346,7 +348,7 @@ export interface Schema {
   not?: Schema;
   properties?: Record<string, Schema>;
 
-  additionalProperties?: Record<string, Schema>;
+  additionalProperties?: AdditionalProperties;
 
   // old field