chore(Table): add microdata values for schema.org integration (#1308)

Co-authored-by: Denis Ryabko <[email protected]>

Author: arteria32

src/blocks/Table/Table.tsx

@@ -3,6 +3,8 @@ import {Col, Grid, GridColumnSize, Row} from '../../grid';
 import {TableBlockProps} from '../../models';
 import {block} from '../../utils';
 
+import {TableMicrodataValues} from './models';
+
 import './Table.scss';
 
 const b = block('table-block');
@@ -11,13 +13,15 @@ export const TableBlock = (props: TableBlockProps) => {
     const {title, table} = props;
 
     return (
-        <div className={b()}>
+        <div className={b()} itemScope itemType={TableMicrodataValues.TableType}>
+            <meta itemProp={TableMicrodataValues.accessModeProp} content="textual" />
             <Grid className={b('content')}>
                 <Row className={b('row')}>
                     <Col sizes={{[GridColumnSize.Md]: 4, [GridColumnSize.All]: 12}}>
                         <YFMWrapper
                             tagName="h2"
                             contentClassName={b('title')}
+                            itemProp={TableMicrodataValues.AboutProp}
                             content={title}
                             modifiers={{
                                 constructor: true,

src/blocks/Table/models.ts

@@ -0,0 +1,5 @@
+export const TableMicrodataValues = {
+    TableType: 'https://schema.org/Table',
+    AboutProp: 'about',
+    accessModeProp: 'accessMode',
+} as const;