@rocket.chat/fuselage 0.59.3 → 0.60.0

package/dist/helpers/composeClassNames.d.ts

@@ -1,2 +1,41 @@
+import { Falsy } from '../types/Falsy';
 export declare const composeClassNames: (prefix?: string) => (...args: unknown[]) => string;
+type CxArg = Falsy | string | {
+    [className: string]: boolean | string | number;
+};
+/**
+ * Composes class names into a single string based on flags.
+ *
+ * Any falsy value passed as an argument will be ignored.
+ *
+ * If a string is passed, it will be used as a class name.
+ *
+ * If a dictionary object is passed, its keys will be used as class names and its values will be used as modifiers --
+ * unless the value is a boolean, in which case the key will be used as a class name if the value is `true`.
+ *
+ * @example
+ * ```ts
+ * cx('a', false, 'b', null, { c: true, d: false, e: 'f', f: 1 }); // 'a b c e-f f-1'
+ * ```
+ *
+ * @param args a sequence of falsy values, strings and dictionary objects containing the class names
+ * @returns a space-separated string of class names
+ */
+export declare const cx: (...args: CxArg[]) => string;
+/**
+ * Composes class name modifiers under a class name into a single class names' string based on flags.
+ *
+ * This function returns a function similar to `cx`, with the difference it handles the arguments as class name
+ * modifiers (based on BEM CSS conventions). However, it's recommended to use `cxx` as a curried function.
+ *
+ * @example
+ * ```ts
+ * cxx('z')('a', false, 'b', null, { c: true, d: false, e: 'f', f: 1 }); // 'z z--a z--b z--c z--e-f z--f-1'
+ * ```
+ * @param className the class name
+ * @param args a sequence of falsy values, strings and dictionary objects containing the modifiers
+ * @returns a space-separated string of class names
+ */
+export declare const cxx: (className: string) => (...args: CxArg[]) => string;
+export {};
 //# sourceMappingURL=composeClassNames.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"composeClassNames.d.ts","sourceRoot":"","sources":["../../src/helpers/composeClassNames.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,YAClB,MAAM,eACN,OAAO,EAAE,WAyClB,CAAC"}
+{"version":3,"file":"composeClassNames.d.ts","sourceRoot":"","sources":["../../src/helpers/composeClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAOvC,eAAO,MAAM,iBAAiB,YAClB,MAAM,eACN,OAAO,EAAE,WAyClB,CAAC;AAEJ,KAAK,KAAK,GACN,KAAK,GACL,MAAM,GACN;IAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAEvD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,EAAE,YAAa,KAAK,EAAE,KAAG,MAuBxB,CAAC;AAEf;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,GAAG,cACF,MAAM,eACR,KAAK,EAAE,KAAG,MA0BnB,CAAC"}

package/dist/helpers/exhaustiveCheck.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Utility function to check exhaustiveness of a switch statement or if-else statements.
+ *
+ * In TypeScript, variables going through a sequence of conditionals, like cases in switch statements or if-else
+ * statements, the variable type is incrementally narrowed as the conditionals are evaluated until it reaches the
+ * `never` type, meaning all possible cases have been covered. This function is used to check, at compilation time, that
+ * all possible cases have been covered (i.e. if the conditional checks were exhaustive) and should only be called in
+ * unreachable blocks of code.
+ *
+ * @example
+ * ```ts
+ * declare const value: 'foo' | 'bar';
+ * switch (value) {
+ *   case 'foo':
+ *     // ...
+ *     break;
+ *   case 'bar':
+ *     // ...
+ *     break;
+ *   default: // should be unreachable
+ *     exhaustiveCheck(value); // `value` type should be `never`, otherwise the compilation fails
+ * }
+ * ```
+ *
+ * @param _ the value which type should be `never`
+ * @throws {Error} will always throw an error if it's reached
+ */
+export declare const exhaustiveCheck: (_: never) => never;
+//# sourceMappingURL=exhaustiveCheck.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"exhaustiveCheck.d.ts","sourceRoot":"","sources":["../../src/helpers/exhaustiveCheck.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,eAAe,MAAO,KAAK,KAAG,KAE1C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useArrayLikeClassNameProp.d.ts","sourceRoot":"","sources":["../../src/hooks/useArrayLikeClassNameProp.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAIpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG5C,eAAO,MAAM,yBAAyB,GACpC,CAAC,SAAS;IACR,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC;CACzD,SAEM,CAAC,KACP,CAAC,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAyBzB,CAAC"}
+{"version":3,"file":"useArrayLikeClassNameProp.d.ts","sourceRoot":"","sources":["../../src/hooks/useArrayLikeClassNameProp.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAIpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI5C,eAAO,MAAM,yBAAyB,GACpC,CAAC,SAAS;IACR,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC;CACzD,SAEM,CAAC,KACP,CAAC,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAyBzB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useBoxOnlyProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useBoxOnlyProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,eAAO,MAAM,eAAe,GAC1B,CAAC,SAAS;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;CAAE,SAEvE,CAAC,GAAG;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;IAClD,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC5B,QAAQ,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;CAC/C,KACA,CAkDF,CAAC"}
+{"version":3,"file":"useBoxOnlyProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useBoxOnlyProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,eAAO,MAAM,eAAe,GAC1B,CAAC,SAAS;IACR,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;CAC/C,SAEM,CAAC,GAAG;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;IAClD,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC5B,QAAQ,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;CAC/C,KACA,CAkDF,CAAC"}

package/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
 if (process.env.NODE_ENV === 'production') {
   module.exports = require('./dist/fuselage.production.js');
 } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/fuselage",
-  "version": "0.59.3",
+  "version": "0.60.0",
   "description": "Rocket.Chat's React Components Library",
   "author": {
     "name": "Rocket.Chat",
@@ -54,7 +54,7 @@
   "dependencies": {
     "@rocket.chat/css-in-js": "^0.31.25",
     "@rocket.chat/css-supports": "^0.31.25",
-    "@rocket.chat/fuselage-tokens": "^0.33.1",
+    "@rocket.chat/fuselage-tokens": "^0.33.2",
     "@rocket.chat/memo": "^0.31.25",
     "@rocket.chat/styled": "^0.31.25",
     "invariant": "^2.2.4",
@@ -64,33 +64,33 @@
   },
   "devDependencies": {
     "@babel/core": "~7.21.4",
-    "@babel/eslint-parser": "~7.21.3",
     "@babel/plugin-transform-runtime": "~7.21.4",
     "@babel/preset-env": "~7.21.4",
     "@babel/preset-react": "~7.18.6",
-    "@rocket.chat/eslint-config-alt": "^0.31.25",
-    "@rocket.chat/fuselage-hooks": "^0.33.1",
+    "@rocket.chat/fuselage-hooks": "^0.34.0",
     "@rocket.chat/fuselage-polyfills": "^0.31.25",
     "@rocket.chat/icons": "^0.39.0",
-    "@rocket.chat/prettier-config": "^0.31.25",
-    "@storybook/addon-a11y": "~8.2.7",
-    "@storybook/addon-essentials": "~8.2.7",
-    "@storybook/addon-interactions": "~8.2.7",
-    "@storybook/addon-links": "~8.2.7",
-    "@storybook/addon-mdx-gfm": "~8.2.7",
-    "@storybook/addon-styling-webpack": "~1.0.0",
+    "@storybook/addon-a11y": "~8.4.1",
+    "@storybook/addon-essentials": "~8.4.1",
+    "@storybook/addon-interactions": "~8.4.1",
+    "@storybook/addon-links": "~8.4.1",
+    "@storybook/addon-mdx-gfm": "~8.4.1",
+    "@storybook/addon-styling-webpack": "~1.0.1",
     "@storybook/addon-webpack5-compiler-swc": "~1.0.5",
-    "@storybook/blocks": "~8.2.7",
-    "@storybook/react": "~8.2.7",
-    "@storybook/react-webpack5": "~8.2.7",
-    "@storybook/test": "~8.2.7",
-    "@storybook/theming": "~8.2.7",
+    "@storybook/blocks": "~8.4.1",
+    "@storybook/preview-api": "~8.4.1",
+    "@storybook/react": "~8.4.1",
+    "@storybook/react-webpack5": "~8.4.1",
+    "@storybook/test": "~8.4.1",
+    "@storybook/theming": "~8.4.1",
     "@testing-library/jest-dom": "~6.4.8",
     "@testing-library/react": "~16.0.0",
     "@testing-library/user-event": "~14.5.2",
     "@types/invariant": "^2.2.37",
     "@types/jest": "~29.5.12",
     "@types/jest-axe": "~3.5.9",
+    "@types/react": "~17.0.80",
+    "@types/react-dom": "~17.0.25",
     "autoprefixer": "~10.4.14",
     "babel-loader": "~9.1.2",
     "caniuse-lite": "~1.0.30001477",
@@ -98,11 +98,10 @@
     "css-loader": "~6.7.3",
     "cssnano": "~5.0.17",
     "es-check": "~7.1.1",
-    "eslint": "~8.45.0",
-    "eslint-mdx": "~2.0.5",
-    "eslint-plugin-mdx": "~2.0.5",
+    "eslint": "~9.14.0",
     "jest": "~29.7.0",
     "jest-axe": "~8.0.0",
+    "jest-environment-jsdom": "~29.7.0",
     "lint-all": "^0.31.25",
     "mini-css-extract-plugin": "~2.7.6",
     "normalize.css": "^8.0.1",
@@ -115,7 +114,7 @@
     "postcss-logical": "~5.0.4",
     "postcss-scss": "~4.0.6",
     "postcss-svg": "~3.0.0",
-    "prettier": "~2.8.7",
+    "prettier": "~3.3.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-virtuoso": "~3.1.5",
@@ -123,20 +122,20 @@
     "rimraf": "^3.0.2",
     "sass": "~1.62.0",
     "sass-loader": "~13.2.2",
-    "storybook": "~8.2.7",
+    "storybook": "~8.4.1",
     "storybook-dark-mode": "~4.0.2",
     "style-loader": "~3.3.2",
-    "stylelint": "~15.4.0",
-    "stylelint-order": "~6.0.3",
-    "stylelint-prettier": "~3.0.0",
-    "stylelint-scss": "~4.6.0",
+    "stylelint": "~16.10.0",
+    "stylelint-order": "~6.0.4",
+    "stylelint-prettier": "~5.0.2",
+    "stylelint-scss": "~6.8.1",
     "testing-utils": "^0.31.25",
     "ts-jest": "~29.2.4",
     "ts-loader": "~9.4.2",
     "typescript": "~5.6.3",
-    "webpack": "~5.94.0",
-    "webpack-bundle-analyzer": "~4.8.0",
-    "webpack-cli": "~5.0.1",
+    "webpack": "~5.96.1",
+    "webpack-bundle-analyzer": "~4.10.2",
+    "webpack-cli": "~5.1.4",
     "wrapper-webpack-plugin": "~2.2.2"
   },
   "volta": {