@rocket.chat/fuselage 0.30.1 → 0.31.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/fuselage",
-  "version": "0.30.1",
+  "version": "0.31.0",
   "author": {
     "name": "Rocket.Chat",
     "url": "https://rocket.chat/"
@@ -35,13 +35,8 @@
     ".:build:prod:check": "es-check es5 dist/*.production.js",
     ".:build:dev:bundle": "webpack --mode development",
     ".:build:dev:check": "es-check es5 dist/*.development.js",
-    "lint": "run-s .:lint:eslint .:lint:tsc .:lint:stylelint",
-    ".:lint:eslint": "eslint src",
-    ".:lint:tsc": "tsc --noEmit",
-    ".:lint:stylelint": "stylelint 'src/**/*.scss'",
-    "lint-fix": "run-s .:lint-fix:eslint .:lint-fix:stylelint",
-    ".:lint-fix:eslint": "eslint --fix src",
-    ".:lint-fix:stylelint": "stylelint --fix 'src/**/*.scss'",
+    "lint": "lint",
+    "lint-and-fix": "lint-and-fix",
     "lint-staged": "lint-staged",
     "test": "jest --runInBand",
     "docs": "run-s .:docs:jest-results .:docs:storybook",
@@ -50,11 +45,12 @@
     "build-storybook": "run-s .:build-storybook:jest-results .:build-storybook:build-storybook",
     ".:build-storybook:jest-results": "jest --runInBand --json --outputFile .storybook/jest-results.json",
     ".:build-storybook:build-storybook": "cross-env NODE_ENV=production build-storybook",
-    "update-storybook": "run-s .:update-storybook:build-storybook .:update-storybook:loki-update",
+    "update-storybook": "run-s .:update-storybook:build-storybook .:update-storybook:purge-refs .:update-storybook:loki-update",
     ".:update-storybook:build-storybook": "run-s build-storybook",
-    ".:update-storybook:loki-update": "loki update --chromeDockerImage=chinello/alpine-chrome:latest --chromeFlags='--headless --no-sandbox --disable-gpu --disable-features=VizDisplayCompositor' --verboseRenderer --requireReference --reactUri file:./storybook-static",
+    ".:update-storybook:purge-refs": "rimraf .loki/reference",
+    ".:update-storybook:loki-update": "loki update --chromeDockerImage=chinello/alpine-chrome:93 --chromeFlags='--headless --no-sandbox --disable-gpu --disable-features=VizDisplayCompositor' --verboseRenderer --requireReference --reactUri file:./storybook-static",
     "prettier-format": "prettier 'src/**/*.{ts,tsx,js,jsx}' --write",
-    "loki:test": "loki test --chromeDockerImage=chinello/alpine-chrome:latest --chromeFlags='--headless --no-sandbox --disable-gpu --disable-features=VizDisplayCompositor' --verboseRenderer --requireReference --reactUri file:./storybook-static"
+    "loki:test": "loki test --chromeDockerImage=chinello/alpine-chrome:93 --chromeFlags='--headless --no-sandbox --disable-gpu --disable-features=VizDisplayCompositor' --verboseRenderer --requireReference --reactUri file:./storybook-static"
   },
   "peerDependencies": {
     "@rocket.chat/fuselage-hooks": "*",
@@ -65,25 +61,25 @@
     "react-virtuoso": "1.2.4"
   },
   "dependencies": {
-    "@rocket.chat/css-in-js": "^0.30.0",
-    "@rocket.chat/css-supports": "^0.30.0",
-    "@rocket.chat/fuselage-tokens": "^0.30.0",
-    "@rocket.chat/memo": "^0.30.0",
+    "@rocket.chat/css-in-js": "^0.31.0",
+    "@rocket.chat/css-supports": "^0.31.0",
+    "@rocket.chat/fuselage-tokens": "^0.31.0",
+    "@rocket.chat/memo": "^0.31.0",
     "invariant": "^2.2.4",
     "react-keyed-flatten-children": "^1.3.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.5",
-    "@babel/eslint-parser": "^7.15.7",
-    "@babel/plugin-transform-runtime": "^7.15.0",
-    "@babel/preset-env": "^7.15.6",
-    "@babel/preset-react": "^7.14.5",
+    "@babel/core": "^7.16.0",
+    "@babel/eslint-parser": "^7.16.3",
+    "@babel/plugin-transform-runtime": "^7.16.0",
+    "@babel/preset-env": "^7.16.0",
+    "@babel/preset-react": "^7.16.0",
     "@rocket.chat/eslint-config": "^0.4.0",
-    "@rocket.chat/eslint-config-alt": "^0.30.0",
-    "@rocket.chat/fuselage-hooks": "^0.30.0",
-    "@rocket.chat/fuselage-polyfills": "^0.30.0",
-    "@rocket.chat/icons": "^0.30.0",
-    "@rocket.chat/prettier-config": "^0.30.0",
+    "@rocket.chat/eslint-config-alt": "^0.31.0",
+    "@rocket.chat/fuselage-hooks": "^0.31.0",
+    "@rocket.chat/fuselage-polyfills": "^0.31.0",
+    "@rocket.chat/icons": "^0.31.0",
+    "@rocket.chat/prettier-config": "^0.31.0",
     "@storybook/addon-essentials": "^6.3.4",
     "@storybook/addon-jest": "^6.3.4",
     "@storybook/addon-links": "^6.3.4",
@@ -93,29 +89,31 @@
     "@storybook/react": "^6.3.4",
     "@storybook/source-loader": "^6.3.4",
     "@storybook/theming": "^6.3.4",
+    "@testing-library/jest-dom": "^5.15.0",
+    "@testing-library/react": "^12.1.2",
     "@types/invariant": "^2.2.35",
     "@types/jest": "^27.0.2",
     "autoprefixer": "^10.2.6",
     "babel-loader": "^8.2.2",
-    "caniuse-lite": "^1.0.30001243",
+    "caniuse-lite": "^1.0.30001279",
     "copy-webpack-plugin": "^9.0.1",
     "cross-env": "^7.0.3",
     "css-loader": "^5.2.6",
     "cssnano": "^5.0.6",
-    "es-check": "^6.0.0",
-    "eslint": "^7.32.0",
-    "eslint-plugin-mdx": "^1.15.1",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.2.1",
-    "lint-staged": "^11.0.0",
+    "es-check": "^6.1.0",
+    "eslint": "^8.2.0",
+    "eslint-plugin-mdx": "^1.16.0",
+    "jest": "^27.3.1",
+    "lint-all": "^0.31.0",
+    "lint-staged": "^11.2.6",
     "loki": "^0.28.1",
     "normalize.css": "^8.0.1",
     "npm-run-all": "^4.1.5",
     "path-browserify": "^1.0.1",
-    "postcss": "^8.3.5",
+    "postcss": "^8.3.9",
     "postcss-custom-properties": "^11.0.0",
     "postcss-dir-pseudo-class": "^5.0.0",
-    "postcss-loader": "^6.1.0",
+    "postcss-loader": "^6.2.0",
     "postcss-logical": "^4.0.2",
     "postcss-svg": "^3.0.0",
     "prettier": "^2.3.2",
@@ -131,8 +129,9 @@
     "stylelint": "^13.13.1",
     "stylelint-order": "^4.1.0",
     "stylelint-prettier": "^1.2.0",
-    "stylelint-scss": "^3.19.0",
-    "ts-jest": "^27.0.5",
+    "stylelint-scss": "^3.21.0",
+    "testing-utils": "^0.31.0",
+    "ts-jest": "^27.0.7",
     "ts-loader": "^9.2.3",
     "typescript": "^4.3.4",
     "webpack": "^5.41.1",
@@ -155,5 +154,5 @@
       }
     }
   },
-  "gitHead": "0cbfad9f3508f5cddbfc50eb7c4cb7ea4aba4aa2"
+  "gitHead": "7b970add494a221cf09c22389f514fd19bdf7808"
 }

package/dist/components/Message/Divider/index.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-declare const Divider: FC<{
-    unreadLabel?: string;
-}>;
-export { Divider };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Message/Divider/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Divider/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAwBA,CAAC;AACF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Message/Metrics/index.d.ts

@@ -1,22 +0,0 @@
-import { ComponentProps, FC } from 'react';
-import { Button, Box } from '../..';
-declare type BoxProps = ComponentProps<typeof Box>;
-declare type ButtonProps = ComponentProps<typeof Button>;
-export declare const Content: FC;
-declare type IconProps = {
-    name: 'thread' | 'user' | 'clock' | 'discussion';
-};
-declare type FollowingProps = {
-    name: 'bell' | 'bell-off';
-};
-export declare const Metrics: FC & {
-    Item: FC<BoxProps> & {
-        Icon: FC<IconProps>;
-        Label: FC<BoxProps>;
-    };
-    Following: FC<FollowingProps>;
-    Reply: FC<ButtonProps>;
-};
-export declare const Reply: FC<ComponentProps<typeof Button>>;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Message/Metrics/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Metrics/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAgB,MAAM,EAAQ,GAAG,EAAE,MAAM,OAAO,CAAC;AAExD,aAAK,QAAQ,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;AAC3C,aAAK,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AACjD,eAAO,MAAM,OAAO,EAAE,EAErB,CAAC;AAKF,aAAK,SAAS,GAAG;IAAE,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,CAAA;CAAE,CAAC;AACtE,aAAK,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,CAAC;AAcpD,eAAO,MAAM,OAAO,EAAE,EAAE,GAAG;IACzB,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG;QAAE,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;QAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAA;KAAE,CAAC;IAClE,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC;IAC9B,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC;CAKxB,CAAC;AAOF,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAInD,CAAC"}

package/dist/components/Message/Reactions/index.d.ts

@@ -1,14 +0,0 @@
-import { ComponentProps, FC } from 'react';
-import { ButtonGroup } from '../..';
-import './styles.scss';
-export declare const Reactions: FC<ComponentProps<typeof ButtonGroup>> & {
-    Reaction: FC<{
-        emoji: string;
-        counter: number;
-        className: string;
-    }>;
-    Action: FC<{
-        className: string;
-    }>;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Message/Reactions/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Reactions/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,WAAW,EAAQ,MAAM,OAAO,CAAC;AAE1C,OAAO,eAAe,CAAC;AAEvB,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,GAAG;IAC/D,QAAQ,EAAE,EAAE,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpE,MAAM,EAAE,EAAE,CAAC;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAOnC,CAAC"}

package/dist/components/Message/Toolbox/index.d.ts

@@ -1,11 +0,0 @@
-import { ComponentProps, FC, ForwardRefExoticComponent } from 'react';
-import { ActionButton, ButtonGroup } from '../..';
-import { Menu } from '../../Menu';
-import './styles.scss';
-export declare const Toolbox: FC<ComponentProps<typeof ButtonGroup>> & {
-    Item: FC<ComponentProps<typeof ActionButton>>;
-    Wrapper: FC;
-    Menu: FC<ComponentProps<typeof Menu>>;
-};
-export declare const ToolboxWrapper: ForwardRefExoticComponent<any>;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Message/Toolbox/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Toolbox/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,cAAc,EACd,EAAE,EAEF,yBAAyB,EAC1B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,OAAO,eAAe,CAAC;AAEvB,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,GAAG;IAC7D,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC;IAC9C,OAAO,EAAE,EAAE,CAAC;IACZ,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;CAOvC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,yBAAyB,CAAC,GAAG,CAUzD,CAAC"}

package/dist/components/PasswordInput/PasswordInput.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=PasswordInput.spec.d.ts.map

package/dist/components/PasswordInput/PasswordInput.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordInput.spec.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInput.spec.tsx"],"names":[],"mappings":""}

package/dist/components/ProgressBar/spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=spec.d.ts.map

package/dist/components/ProgressBar/spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spec.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/spec.tsx"],"names":[],"mappings":""}

package/dist/components/Tile/Tile.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Tile.spec.d.ts.map

package/dist/components/Tile/Tile.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tile.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Tile/Tile.spec.tsx"],"names":[],"mappings":""}

package/dist/components/Tooltip/Tooltip.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Tooltip.spec.d.ts.map

package/dist/components/Tooltip/Tooltip.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.spec.tsx"],"names":[],"mappings":""}

package/dist/components/UrlInput/UrlInput.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=UrlInput.spec.d.ts.map

package/dist/components/UrlInput/UrlInput.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UrlInput.spec.d.ts","sourceRoot":"","sources":["../../../src/components/UrlInput/UrlInput.spec.tsx"],"names":[],"mappings":""}