chore(ui): add what's new content for 1.2.0 (#13629)

* chore(ui): add what's new content for 1.2.0

* add features video

* format the content part

* chore: update the features video

openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/ChangeLogs.tsx

@@ -25,10 +25,15 @@ const ChangeLogs = ({ data }: Props) => {
 
   return (
     <div>
-      {logKeys.map((log, index) => (
-        <div className="mb-4" key={index}>
+      {logKeys.map((log) => (
+        <div className="mb-4" key={log}>
           <div className="border-bottom mb-2.5 border-text">
-            <p className="text-base font-medium mb-2.5">{log}</p>
+            <p className="text-base font-medium mb-2.5 log-title">
+              <RichTextEditorPreviewer
+                enableSeeMoreVariant={false}
+                markdown={log}
+              />
+            </p>
           </div>
           <RichTextEditorPreviewer
             enableSeeMoreVariant={false}

openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/WhatsNewModal.styles.less

@@ -77,3 +77,13 @@
     }
   }
 }
+.ant-modal-body > .ant-row > .whats-new-version-timeline {
+  display: flex;
+  justify-content: flex-end;
+  align-items: baseline;
+}
+.log-title {
+  .markdown-parser .toastui-editor-contents p:first-child {
+    font-size: 16px;
+  }
+}

openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/WhatsNewModal.tsx

@@ -11,7 +11,7 @@
  *  limitations under the License.
  */
 
-import { Button, Col, Modal, Row, Typography } from 'antd';
+import { Button, Col, Modal, Row, Space, Typography } from 'antd';
 import classNames from 'classnames';
 import { CookieStorage } from 'cookie-storage';
 import { t } from 'i18next';
@@ -77,28 +77,35 @@ const WhatsNewModal: FunctionComponent<WhatsNewModalProps> = ({
       }
       width={1200}>
       <Row className="w-auto h-full h-min-75">
-        <Col className="border-r-2 p-x-md p-y-md border-separate" span={3}>
-          <div className="d-flex flex-col-reverse">
+        <Col
+          className="border-r-2 p-x-md p-y-md border-separate whats-new-version-timeline"
+          span={3}>
+          <Space className="flex-col-reverse" direction="vertical">
             {WHATS_NEW.map((d) => (
-              <div className="flex items-center justify-end mb-2.5" key={d.id}>
-                <VersionIndicatorIcon
-                  fill={
-                    activeData.id === d.id ? PRIMERY_COLOR : DE_ACTIVE_COLOR
-                  }
-                />
-                <Button
-                  className={classNames(
-                    'm-l-xss p-0',
-                    activeData.id === d.id ? 'text-primary' : null
-                  )}
-                  size="small"
-                  type="text"
-                  onClick={() => setActiveData(d)}>
-                  {d.version}
-                </Button>
-              </div>
+              <Row gutter={[0, 8]} key={d.id}>
+                <Col>
+                  <VersionIndicatorIcon
+                    fill={
+                      activeData.id === d.id ? PRIMERY_COLOR : DE_ACTIVE_COLOR
+                    }
+                    style={{ verticalAlign: 'middle' }}
+                  />
+                </Col>
+                <Col>
+                  <Button
+                    className={classNames(
+                      'm-l-xss p-0',
+                      activeData.id === d.id ? 'text-primary' : null
+                    )}
+                    size="small"
+                    type="text"
+                    onClick={() => setActiveData(d)}>
+                    {d.version}
+                  </Button>
+                </Col>
+              </Row>
             ))}
-          </div>
+          </Space>
         </Col>
         <Col className="overflow-y-auto" span={21}>
           <div className="p-t-md px-10 ">

openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/whatsNewData.ts

@@ -18,9 +18,9 @@ import sqlLineageImg from '../../../assets/img/ImprovedSQLLineage.png';
 import ingestionFramework from '../../../assets/img/IngestionFramework.png';
 import tagCategoryImg from '../../../assets/img/TagCategory.png';
 
-export const LATEST_VERSION_ID = 18;
+export const LATEST_VERSION_ID = 19;
 
-export const COOKIE_VERSION = 'VERSION_1_1_2'; // To be changed with each release.
+export const COOKIE_VERSION = 'VERSION_1_2_0'; // To be changed with each release.
 
 // for youtube video make isImage = false and path = {video embed id}
 // embed:- youtube video => share => click on embed and take {url with id} from it
@@ -991,4 +991,79 @@ export const WHATS_NEW = [
       `,
     },
   },
+  {
+    id: 19,
+    version: 'v1.2.0',
+    description: 'Released on 26th Oct 2023.',
+    features: [
+      {
+        title: 'Domain',
+        description:
+          'OpenMetadata 1.2.0 release now supports the creation of Domains. Assets can be added to a Domain, and users can scope their discovery experience to one Domain. Assets can also be added as Data Products in a Domain.',
+        isImage: false,
+        path: 'https://www.youtube.com/embed/t-9G3vaSdjI',
+      },
+      {
+        title: 'Data Products',
+        description:
+          'OpenMetadata 1.2.0 release now supports data products. Assets can be added as Data Products in a Domain.',
+        isImage: false,
+        path: 'https://www.youtube.com/embed/6NgI_G38D0A',
+      },
+      {
+        title: 'Customizable Landing Page',
+        description:
+          'OpenMetadata 1.2.0 release now supports the creation of Personas. Also, landing pages can be customized with widgets for various Personas. That way, you can ensure that the OpenMetadata landing page displays what is most important for a particular data team.',
+        isImage: false,
+        path: 'https://www.youtube.com/embed/Y-5cPQgzNdo',
+      },
+      {
+        title: 'Knowledge Center (Exclusively for Collate)',
+        description:
+          'Knowledge Center, where organizations can create and share Knowledge Articles with their Data Team. Custom build your knowledge articles to be specific for a Domain, Team, or Data Asset.',
+        isImage: false,
+        path: 'https://www.youtube.com/embed/DfOgeZ9f7no',
+      },
+      {
+        title: 'Cost Analysis Report (Exclusively for Collate)',
+        description:
+          'Cost Analysis Charts that captures metrics on the Last access time, Last accessed by, and so on. This helps organizations to analyze the cost based on data asset usage. This report is visible as part of the Data Insights Report.',
+        isImage: false,
+        path: 'https://www.youtube.com/embed/KI58oBHxTOU',
+      },
+    ],
+    changeLogs: {
+      'Domains and Data Products': `- Added support for Domains and Data Products.
+- Assets can be added to a Domain, and users can scope their discovery experience to one Domain.
+- Assets can also be added as Data Products in a Domain.
+`,
+      'Search Index': `- Elasticsearch or Open Search connectors can now bring in the search index metadata into OpenMetadata.
+- The connector will populate the index's mapping, settings, and sample data.`,
+      'Stored Procedures': `- Added support for Stored Procedures.
+- Snowflake, Redshift, and BigQuery connectors are updated to bring stored procedure metadata into OpenMetadata.
+- The metadata workflow will bring the Stored Procedures and parse their executions to extract lineage information.`,
+      'OpenMetadata Browser Extension': `- Updated the Chrome browser extension for OpenMetadata with the new UI.
+- Added support for Databases, Database Schemas, Tables, Dashboards, Charts, Pipelines, and Topics.
+`,
+      'Build Automation Applications': `- Added Applications into OpenMetadata, giving users a unique view of processes that can be scheduled and run in the platform.
+- Search Indexing and Data Insights Report have been converted into Applications.
+- UI displays all the available applications, which Admins can add or schedule.
+- We will continue to add new Applications in upcoming releases.
+      `,
+      Lineage: `- Performance improvements made for lineage based on the new release of SQLfluff.
+- Added support for **UPDATE ... FROM** Snowflake queries
+- Added column-level lineage support for **SELECT * queries**`,
+      Connectors: `- Greenplum connector is now supported.
+- Couchbase connector is now supported.`,
+      'Customizable Landing Page': `- Admins can create Personas to group individuals in their company, such as Data Engineers, Data Stewards, or Data Scientists.
+- Admins can customize the landing page for each Persona with a set of supported widgets: Activity Feed, Announcements, Knowledge Center, etc.
+- We will add support for more widgets in upcoming releases.`,
+      'Knowledge Center ([Exclusively for Collate](https://www.getcollate.io/))': `- Backend APIs support creating, editing, and listing knowledge articles (with external links).
+- Knowledge articles and links can be associated with a Domain, Team, or an Entity.
+- UI support to build a Knowledge Center and expand the documentation of your company.`,
+      'Cost Analysis Report ([Exclusively for Collate](https://www.getcollate.io/))': `- The Usage Workflow will now also track how tables are Accessed and Updated.
+- This information will be used in the Data Insights workflow to show the evolution of your used and used assets and compare them by size.
+- Support has been added for Snowflake, and we will continue to add more sources in upcoming releases.`,
+    },
+  },
 ];