feat: Show pattern regex (#115)

Author: fmvilas

library/src/containers/Schemas/SchemaProperties.tsx

@@ -49,12 +49,20 @@ const schemaPropertiesAccessors: Array<TableAccessor<SchemaElement>> = [
   el => {
     const enumElements = getEnumHTMLElements(el.schema);
     return (
-      el.schema.content.description && (
-        <div>
+      <div>
+        {el.schema.content.description && (
           <Markdown>{el.schema.content.description}</Markdown>
-          {enumElements.length > 0 && <div>Enum: {enumElements}</div>}
-        </div>
-      )
+        )}
+        {enumElements.length > 0 && <div>Enum: {enumElements}</div>}
+        {el.schema.content.pattern && (
+          <div>
+            Must Match{' '}
+            <span className={bemClasses.element(`pattern`)}>
+              {el.schema.content.pattern}
+            </span>
+          </div>
+        )}
+      </div>
     );
   },
 ];

library/src/styles/fiori.css

@@ -1255,3 +1255,13 @@
   padding: 0 0.5rem;
   color: #f6993f;
 }
+
+.asyncapi__pattern {
+  line-height: 2;
+  background-color: #794acf;
+  font-weight: bold;
+  border-radius: 0.25rem;
+  margin-left: 0.25rem;
+  padding: 0 0.5rem;
+  color: #fff;
+}