feat: ui-kit-unified (#392)

Author: tassoevan

packages/fuselage-ui-kit/.loki/reference/chrome_iphone7_Surfaces_Message_Actions_With_All_Selects.png

@@ -65,12 +65,12 @@
     "@rocket.chat/icons": "^0.26.0",
     "@rocket.chat/prettier-config": "^0.26.0",
     "@rocket.chat/ui-kit": "^0.26.0",
-    "@storybook/addon-essentials": "^6.2.9",
-    "@storybook/addons": "^6.2.9",
-    "@storybook/builder-webpack5": "^6.2.9",
-    "@storybook/react": "^6.2.9",
-    "@storybook/source-loader": "^6.2.9",
-    "@storybook/theming": "^6.2.9",
+    "@storybook/addon-essentials": "^6.1.11",
+    "@storybook/addons": "^6.1.11",
+    "@storybook/builder-webpack5": "^6.1.11",
+    "@storybook/react": "^6.1.11",
+    "@storybook/source-loader": "^6.1.11",
+    "@storybook/theming": "^6.1.11",
     "babel-loader": "^8.2.2",
     "cross-env": "^7.0.3",
     "eslint": "^7.26.0",

packages/fuselage-ui-kit/.loki/reference/chrome_iphone7_Surfaces_Message_Actions_With_Button.png

@@ -21,7 +21,7 @@ const OverflowElement = ({ element, context, parser }) => {
     action,
   ]);
 
-  const convertedOptions = convertOptions(options, parser.text);
+  const convertedOptions = convertOptions(options, parser.text.bind(parser));
   const [
     cursor,
     handleKeyDown,
@@ -68,7 +68,7 @@ const OverflowElement = ({ element, context, parser }) => {
       >
         <Options
           onSelect={handleSelection}
-          options={convertOptions(options, parser.text)}
+          options={convertOptions(options, parser.text.bind(parser))}
           cursor={cursor}
         />
       </PositionAnimated>

packages/fuselage-ui-kit/.loki/reference/chrome_iphone7_Surfaces_Message_Actions_With_Date_Picker.png

@@ -9,5 +9,4 @@ export const UiKitComponent = ({ render, blocks }) => render(blocks);
 export * from './surfaces/banner';
 export * from './surfaces/message';
 export * from './surfaces/modal';
-export * from './surfaces/text';
 export * from './hooks';

packages/fuselage-ui-kit/.loki/reference/chrome_iphone7_Surfaces_Message_Conditional_Block.png

@@ -1,4 +1,4 @@
-import { uiKitBanner, UiKitParserBanner } from '@rocket.chat/ui-kit';
+import { UiKitParserBanner } from '@rocket.chat/ui-kit';
 import React from 'react';
 
 import {
@@ -42,8 +42,6 @@ export const bannerParser = new BannerParser();
 
 export const UiKitBanner = (blocks, conditions = {}) => (
   <BannerSurface>
-    {uiKitBanner(bannerParser, { engine: 'rocket.chat', ...conditions })(
-      blocks
-    )}
+    {bannerParser.render(blocks, { engine: 'rocket.chat', ...conditions })}
   </BannerSurface>
 );

packages/fuselage-ui-kit/.loki/reference/chrome_iphone7_Surfaces_Message_Context_With_Mrkdwn.png

@@ -1,4 +1,4 @@
-import { uiKitMessage, UiKitParserMessage } from '@rocket.chat/ui-kit';
+import { UiKitParserMessage } from '@rocket.chat/ui-kit';
 import React from 'react';
 
 import {
@@ -36,8 +36,6 @@ export const messageParser = new MessageParser();
 
 export const UiKitMessage = (blocks, conditions = {}) => (
   <MessageSurface>
-    {uiKitMessage(messageParser, { engine: 'rocket.chat', ...conditions })(
-      blocks
-    )}
+    {messageParser.render(blocks, { engine: 'rocket.chat', ...conditions })}
   </MessageSurface>
 );

packages/fuselage-ui-kit/.loki/reference/chrome_iphone7_Surfaces_Message_Context_With_Plain_Text.png

@@ -1,4 +1,4 @@
-import { uiKitModal, UiKitParserModal } from '@rocket.chat/ui-kit';
+import { UiKitParserModal } from '@rocket.chat/ui-kit';
 import React from 'react';
 
 import {
@@ -42,6 +42,6 @@ export const modalParser = new ModalParser();
 
 export const UiKitModal = (blocks, conditions = {}) => (
   <ModalSurface>
-    {uiKitModal(modalParser, { engine: 'rocket.chat', ...conditions })(blocks)}
+    {modalParser.render(blocks, { engine: 'rocket.chat', ...conditions })}
   </ModalSurface>
 );

packages/fuselage-ui-kit/.loki/reference/chrome_iphone7_Surfaces_Message_Context_With_Text_And_Images.png

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "allowSyntheticDefaultImports": true,
+    "module": "es2015",
+    "target": "es5",
+    "lib": ["es6", "dom"],
+    "sourceMap": true,
+    "allowJs": false,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "rootDir": "../",
+    "outDir": "dist",
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "declaration": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

packages/fuselage-ui-kit/.loki/reference/chrome_iphone7_Surfaces_Message_Divider.png

@@ -1,5 +1,6 @@
 module.exports = {
   preset: 'ts-jest',
+  testEnvironment: 'node',
   errorOnDeprecated: true,
   testMatch: ['<rootDir>/src/**/*.spec.[jt]s?(x)'],
   globals: {

packages/fuselage-ui-kit/.loki/reference/chrome_iphone7_Surfaces_Message_Image_With_Title.png

@@ -15,18 +15,28 @@
   "bugs": {
     "url": "https://github.com/RocketChat/Rocket.Chat.Fuselage/issues"
   },
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "typesVersions": {
+    "<4.1": {
+      "*": [
+        "ts3.4/*"
+      ]
+    }
+  },
   "files": [
     "/dist"
   ],
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "run-s .:build:clean .:build:prod",
+    "build": "run-s .:build:clean .:build:esm .:build:cjs .:build:ts3.4",
     ".:build:clean": "rimraf dist",
-    ".:build:prod": "webpack --mode production",
+    ".:build:esm": "tsc -p tsconfig.json",
+    ".:build:cjs": "tsc -p tsconfig-cjs.json",
+    ".:build:ts3.4": "downlevel-dts dist/esm/ dist/ts3.4/ --to=3.4",
     "lint": "eslint --ext js,ts src",
     "lint-fix": "eslint --fix --ext js,ts src",
     "lint-staged": "lint-staged",
@@ -43,6 +53,7 @@
     "@rocket.chat/prettier-config": "^0.26.0",
     "@types/jest": "^26.0.23",
     "babel-loader": "^8.2.2",
+    "downlevel-dts": "^0.7.0",
     "eslint": "^7.26.0",
     "jest": "^26.6.3",
     "lint-staged": "^11.0.0",