@rocket.chat/fuselage 0.31.2 → 0.31.5

package/dist/helpers/appendClassName.d.ts

@@ -1,2 +1,4 @@
-export declare const appendClassName: (currentClassName: string | string[] | undefined, newClassName: string) => string | string[];
+declare type R<T> = T extends void ? string : T extends string ? string : string[];
+export declare const appendClassName: <T extends string | string[] | undefined>(currentClassName: T, newClassName: string) => R<T>;
+export {};
 //# sourceMappingURL=appendClassName.d.ts.map

package/dist/helpers/appendClassName.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appendClassName.d.ts","sourceRoot":"","sources":["../../src/helpers/appendClassName.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,qBACR,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,gBACjC,MAAM,sBAWrB,CAAC"}
+{"version":3,"file":"appendClassName.d.ts","sourceRoot":"","sources":["../../src/helpers/appendClassName.ts"],"names":[],"mappings":"AAAA,aAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,GAAG,MAAM,GAAG,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE3E,eAAO,MAAM,eAAe,+EAEZ,MAAM,SAWrB,CAAC"}

package/dist/helpers/isForwardRefType.d.ts

@@ -0,0 +1,3 @@
+import type { ForwardRefExoticComponent } from 'react';
+export declare const isForwardRefType: <P = any>(type: any) => type is ForwardRefExoticComponent<P>;
+//# sourceMappingURL=isForwardRefType.d.ts.map

package/dist/helpers/isForwardRefType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isForwardRefType.d.ts","sourceRoot":"","sources":["../../src/helpers/isForwardRefType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,gBAAgB,kBACrB,GAAG,yCAEwC,CAAC"}

package/dist/helpers/patchChildren.d.ts

@@ -1,3 +1,3 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export declare const patchChildren: <Props>(children: ReactNode, patch: (props: Props) => Props) => ReactNode;
 //# sourceMappingURL=patchChildren.d.ts.map

package/dist/helpers/patchChildren.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"patchChildren.d.ts","sourceRoot":"","sources":["../../src/helpers/patchChildren.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,SAAS,EAAE,MAAM,OAAO,CAAC;AAKhE,eAAO,MAAM,aAAa,oBACd,SAAS,8CAyBpB,CAAC"}
+{"version":3,"file":"patchChildren.d.ts","sourceRoot":"","sources":["../../src/helpers/patchChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,eAAO,MAAM,aAAa,oBACd,SAAS,8CAyBpB,CAAC"}

package/dist/hooks/useArrayLikeClassNameProp.d.ts

@@ -0,0 +1,6 @@
+export declare const useArrayLikeClassNameProp: <T_1 extends {
+    className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | (<T extends readonly unknown[]>(...args: T) => string))[] | undefined;
+}>(props: T_1) => T_1 & {
+    className: string;
+};
+//# sourceMappingURL=useArrayLikeClassNameProp.d.ts.map

package/dist/hooks/useArrayLikeClassNameProp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArrayLikeClassNameProp.d.ts","sourceRoot":"","sources":["../../src/hooks/useArrayLikeClassNameProp.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB;;;eAMlB,MAAM;CAyBzB,CAAC"}

package/dist/hooks/useBoxOnlyProps.d.ts

@@ -0,0 +1,8 @@
+export declare const useBoxOnlyProps: <T extends {
+    className: string;
+}>(props: T & {
+    animated?: boolean | undefined;
+    withRichContent?: boolean | "inlineWithoutBreaks" | undefined;
+    elevation?: "0" | "1" | "2" | undefined;
+} & Record<`rcx-${string}`, unknown>) => T;
+//# sourceMappingURL=useBoxOnlyProps.d.ts.map

package/dist/hooks/useBoxOnlyProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoxOnlyProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useBoxOnlyProps.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;eAA2B,MAAM;;;;;0CAmD5D,CAAC"}

package/dist/hooks/useStyle.d.ts

@@ -1,3 +1,2 @@
-import { css } from '@rocket.chat/css-in-js';
-export declare const useStyle: (cssFn: ReturnType<typeof css>, arg: unknown) => string | undefined;
+export declare const useStyle: (cssFn: <T extends readonly unknown[]>(...args: T) => string, arg: unknown) => string | undefined;
 //# sourceMappingURL=useStyle.d.ts.map

package/dist/hooks/useStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStyle.d.ts","sourceRoot":"","sources":["../../src/hooks/useStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,GAAG,EACJ,MAAM,wBAAwB,CAAC;AAGhC,eAAO,MAAM,QAAQ,UAAW,WAAW,UAAU,CAAC,OAAO,OAAO,uBA4BnE,CAAC"}
+{"version":3,"file":"useStyle.d.ts","sourceRoot":"","sources":["../../src/hooks/useStyle.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,QAAQ,qEAAuB,OAAO,uBA4BlD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/fuselage",
-  "version": "0.31.2",
+  "version": "0.31.5",
   "author": {
     "name": "Rocket.Chat",
     "url": "https://rocket.chat/"
@@ -39,19 +39,8 @@
     "lint-and-fix": "lint-and-fix",
     "lint-staged": "lint-staged",
     "test": "jest --runInBand",
-    "docs": "run-s .:docs:jest-results .:docs:storybook",
-    ".:docs:jest-results": "jest --runInBand --json --outputFile .storybook/jest-results.json",
-    ".:docs:storybook": "cross-env NODE_ENV=production build-storybook -o ../../static/fuselage",
-    "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:purge-refs .:update-storybook:loki-update resolve",
-    "resolve": "resolve-loki",
-    ".:update-storybook:build-storybook": "run-s build-storybook",
-    ".:update-storybook:purge-refs": "rimraf .loki/reference",
-    ".:update-storybook:loki-update": "loki update --targetFilter='.*\\.docker' --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-ci": "loki test --targetFilter='.*\\.app' --chromeFlags='--headless --no-sandbox --disable-gpu --disable-features=VizDisplayCompositor' --requireReference --verboseRenderer --reactUri file:./storybook-static"
+    "docs": "cross-env NODE_ENV=production build-storybook -o ../../static/fuselage",
+    "build-storybook": "cross-env NODE_ENV=production build-storybook"
   },
   "peerDependencies": {
     "@rocket.chat/fuselage-hooks": "*",
@@ -62,110 +51,78 @@
     "react-virtuoso": "1.2.4"
   },
   "dependencies": {
-    "@rocket.chat/css-in-js": "^0.31.1",
-    "@rocket.chat/css-supports": "^0.31.1",
-    "@rocket.chat/fuselage-tokens": "^0.31.1",
-    "@rocket.chat/memo": "^0.31.1",
+    "@rocket.chat/css-in-js": "^0.31.5",
+    "@rocket.chat/css-supports": "^0.31.5",
+    "@rocket.chat/fuselage-tokens": "^0.31.5",
+    "@rocket.chat/memo": "^0.31.5",
     "invariant": "^2.2.4",
     "react-keyed-flatten-children": "^1.3.0"
   },
   "devDependencies": {
-    "@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-alt": "^0.31.2",
-    "@rocket.chat/fuselage-hooks": "^0.31.2",
-    "@rocket.chat/fuselage-polyfills": "^0.31.2",
-    "@rocket.chat/icons": "^0.31.2",
-    "@rocket.chat/prettier-config": "^0.31.2",
-    "@storybook/addon-essentials": "^6.3.4",
-    "@storybook/addon-jest": "^6.3.4",
-    "@storybook/addon-links": "^6.3.4",
-    "@storybook/addons": "^6.3.4",
-    "@storybook/builder-webpack5": "^6.3.4",
-    "@storybook/manager-webpack5": "^6.3.4",
-    "@storybook/react": "^6.3.4",
-    "@storybook/source-loader": "^6.3.4",
-    "@storybook/theming": "^6.3.4",
-    "@testing-library/jest-dom": "^5.15.0",
+    "@babel/core": "~7.17.2",
+    "@babel/eslint-parser": "~7.17.0",
+    "@babel/plugin-transform-runtime": "~7.17.0",
+    "@babel/preset-env": "~7.16.11",
+    "@babel/preset-react": "~7.16.7",
+    "@rocket.chat/eslint-config-alt": "^0.31.5",
+    "@rocket.chat/fuselage-hooks": "^0.31.5",
+    "@rocket.chat/fuselage-polyfills": "^0.31.5",
+    "@rocket.chat/icons": "^0.31.5",
+    "@rocket.chat/prettier-config": "^0.31.5",
+    "@storybook/addon-essentials": "~6.4.18",
+    "@storybook/addon-links": "~6.4.18",
+    "@storybook/addons": "~6.4.18",
+    "@storybook/builder-webpack5": "~6.4.18",
+    "@storybook/manager-webpack5": "~6.4.18",
+    "@storybook/react": "~6.4.18",
+    "@storybook/source-loader": "~6.4.18",
+    "@storybook/theming": "~6.4.18",
+    "@testing-library/jest-dom": "~5.16.2",
     "@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.30001279",
-    "copy-webpack-plugin": "^9.0.1",
+    "@types/jest": "~27.4.0",
+    "autoprefixer": "~10.4.2",
+    "babel-loader": "~8.2.3",
+    "caniuse-lite": "~1.0.30001311",
+    "copy-webpack-plugin": "~10.2.4",
     "cross-env": "^7.0.3",
-    "css-loader": "^5.2.6",
-    "cssnano": "^5.0.6",
-    "es-check": "^6.1.0",
-    "eslint": "^8.2.0",
+    "css-loader": "~6.6.0",
+    "cssnano": "~5.0.17",
+    "es-check": "~6.2.1",
+    "eslint": "~8.8.0",
     "eslint-plugin-mdx": "^1.16.0",
-    "jest": "^27.3.1",
-    "lint-all": "^0.31.1",
-    "lint-staged": "^11.2.6",
-    "loki": "^0.28.1",
+    "jest": "~27.5.1",
+    "lint-all": "^0.31.5",
+    "lint-staged": "~12.3.3",
     "normalize.css": "^8.0.1",
     "npm-run-all": "^4.1.5",
     "path-browserify": "^1.0.1",
-    "postcss": "^8.3.9",
-    "postcss-custom-properties": "^11.0.0",
-    "postcss-dir-pseudo-class": "^5.0.0",
-    "postcss-loader": "^6.2.0",
-    "postcss-logical": "^4.0.2",
-    "postcss-svg": "^3.0.0",
-    "prettier": "^2.3.2",
-    "prop-types": "^15.7.2",
+    "postcss": "~8.4.6",
+    "postcss-custom-properties": "~12.1.4",
+    "postcss-dir-pseudo-class": "~6.0.4",
+    "postcss-loader": "~6.2.1",
+    "postcss-logical": "~5.0.4",
+    "postcss-scss": "~4.0.3",
+    "postcss-svg": "~3.0.0",
+    "prettier": "~2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-live": "^2.3.0",
-    "react-virtuoso": "1.9.3",
-    "resolve-loki": "^0.31.2",
+    "react-virtuoso": "~2.6.0",
     "rimraf": "^3.0.2",
-    "sass": "^1.35.1",
-    "sass-loader": "^12.1.0",
-    "style-loader": "^3.0.0",
-    "stylelint": "^13.13.1",
-    "stylelint-order": "^4.1.0",
-    "stylelint-prettier": "^1.2.0",
-    "stylelint-scss": "^3.21.0",
-    "testing-utils": "^0.31.1",
-    "ts-jest": "^27.0.7",
-    "ts-loader": "^9.2.3",
-    "typescript": "^4.3.4",
-    "webpack": "^5.41.1",
-    "webpack-bundle-analyzer": "^4.4.2",
-    "webpack-cli": "^4.7.2"
+    "sass": "~1.49.7",
+    "sass-loader": "~12.4.0",
+    "style-loader": "~3.3.1",
+    "stylelint": "~14.5.0",
+    "stylelint-order": "~5.0.0",
+    "stylelint-prettier": "~2.0.0",
+    "stylelint-scss": "~4.1.0",
+    "testing-utils": "^0.31.5",
+    "ts-jest": "~27.1.3",
+    "ts-loader": "~9.2.6",
+    "typescript": "~4.3.5",
+    "webpack": "~5.68.0",
+    "webpack-bundle-analyzer": "~4.5.0",
+    "webpack-cli": "~4.9.2"
   },
-  "loki": {
-    "configurations": {
-      "chrome.laptop.docker": {
-        "target": "chrome.docker",
-        "width": 1366,
-        "height": 768,
-        "deviceScaleFactor": 1,
-        "mobile": false,
-        "fitWindow": false
-      },
-      "chrome.iphone7.docker": {
-        "target": "chrome.docker",
-        "preset": "iPhone 7"
-      },
-      "chrome.laptop": {
-        "target": "chrome.app",
-        "width": 1366,
-        "height": 768,
-        "deviceScaleFactor": 1,
-        "mobile": false,
-        "fitWindow": false
-      },
-      "chrome.iphone7": {
-        "target": "chrome.app",
-        "preset": "iPhone 7"
-      }
-    }
-  },
-  "gitHead": "4e1c44b64f76cd5c48cb71b8bfb0af0740f5d39c"
+  "gitHead": "8af804222e07dff579a728e85314f720cac8fc9d"
 }

package/dist/components/Box/AnimatedVisibility/AnimatedVisibility.d.ts

@@ -1,16 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-
-type AnimatedVisibilityProps = {
-  children: ReactNode;
-  visibility?: 'hidden' | 'visible' | 'hiding' | 'unhiding';
-};
-
-const AnimatedVisibility: {
-  (props: AnimatedVisibilityProps): ReactElement;
-  HIDDEN: 'hidden';
-  VISIBLE: 'visible';
-  HIDING: 'hiding';
-  UNHIDING: 'unhiding';
-};
-
-export = AnimatedVisibility;

package/dist/components/Box/AnimatedVisibility/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './AnimatedVisibility';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Box/AnimatedVisibility/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/AnimatedVisibility/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/Box/Flex/index.d.ts

@@ -1,32 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-
-type FlexContainerProps = {
-  children?: ReactNode;
-  inline?: boolean;
-  direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
-  wrap?: 'no-wrap' | 'wrap' | 'wrap-reverse';
-  alignItems?: 'stretch' | 'start' | 'center' | 'end' | 'baseline';
-  alignContent?: 'start' | 'center' | 'end' | 'space-between' | 'space-around';
-  justifyContent?:
-    | 'start'
-    | 'center'
-    | 'end'
-    | 'space-between'
-    | 'space-around';
-};
-
-type FlexItemProps = {
-  children?: ReactNode;
-  order?: number;
-  grow?: number;
-  shrink?: number;
-  basis?: number | string | 'auto';
-  align?: 'auto' | 'start' | 'end' | 'center' | 'stretch';
-};
-
-const Flex: {
-  Container: (props: FlexContainerProps) => ReactElement;
-  Item: (props: FlexItemProps) => ReactElement;
-};
-
-export = Flex;

package/dist/components/Box/Position/Position.d.ts

@@ -1,14 +0,0 @@
-import { Placements, PositionOptions } from '@rocket.chat/fuselage-hooks';
-import { ComponentProps, FC, RefObject } from 'react';
-
-import { Box } from '..';
-
-type PositionProps = {
-  anchor?: RefObject<Element>;
-  placement?: Placements;
-  margin?: PositionOptions['margin'];
-} & ComponentProps<typeof Box>;
-
-declare const Position: FC<PositionProps>;
-
-export = Position;

package/dist/components/Box/Position/PositionAnimated.d.ts

@@ -1,11 +0,0 @@
-import { ComponentProps, FC } from 'react';
-
-import Position from '.';
-
-type PositionAnimatedProps = {
-  visible?: 'hidden' | 'visible' | 'hiding' | 'unhiding';
-} & ComponentProps<typeof Position>;
-
-declare const PositionAnimated: FC<PositionAnimatedProps>;
-
-export = PositionAnimated;

package/dist/components/Box/Position/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './Position';
-export { default as PositionAnimated } from './PositionAnimated';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Box/Position/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Position/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Box/Scrollable/index.d.ts

@@ -1,9 +0,0 @@
-import { ForwardRefExoticComponent, PropsWithChildren } from 'react';
-
-type ScrollableProps = PropsWithChildren<{
-  horizontal?: boolean;
-  vertical?: boolean;
-  onScrollContent?: (touching: { top: boolean }) => void;
-}>;
-const Scrollable: ForwardRefExoticComponent<ScrollableProps>;
-export default Scrollable;

package/dist/helpers/createPropType.d.ts

@@ -1,3 +0,0 @@
-import { Requireable } from 'prop-types';
-export declare const createPropType: <T>(getValue: (propValue: unknown) => unknown) => Requireable<T>;
-//# sourceMappingURL=createPropType.d.ts.map

package/dist/helpers/createPropType.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createPropType.d.ts","sourceRoot":"","sources":["../../src/helpers/createPropType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAa,MAAM,YAAY,CAAC;AAEpD,eAAO,MAAM,cAAc,4BACH,OAAO,KAAK,OAAO,mBA+B1C,CAAC"}