@fluentui/react-badge - npm Package Compare versions

Comparing version 9.0.0-alpha.19 to 9.0.0-alpha.20

CHANGELOG.json

@@ -5,3 +5,38 @@ {
     {
-      "date": "Tue, 30 Mar 2021 07:30:40 GMT",
+      "date": "Wed, 31 Mar 2021 00:47:26 GMT",
+      "tag": "@fluentui/react-badge_v9.0.0-alpha.20",
+      "version": "9.0.0-alpha.20",
+      "comments": {
+        "prerelease": [
+          {
+            "comment": "mergeProps was updated to improve type checking; use compat layer until type errors can be fixed",
+            "author": "[e-mail]",
+            "commit": "e45eeaba8deb93e825a9d3f72e87a9c4c9225ea1",
+            "package": "@fluentui/react-badge"
+          }
+        ],
+        "patch": [
+          {
+            "comment": "Bump @fluentui/eslint-plugin to v1.1.0",
+            "author": "[e-mail]",
+            "commit": "d41b79242e6b682dfa58fcd76797ecfd9146d4cf",
+            "package": "@fluentui/react-badge"
+          },
+          {
+            "comment": "Bump @fluentui/react-conformance to v0.2.5",
+            "author": "[e-mail]",
+            "commit": "d41b79242e6b682dfa58fcd76797ecfd9146d4cf",
+            "package": "@fluentui/react-badge"
+          },
+          {
+            "comment": "Bump @fluentui/scripts to v1.0.0",
+            "author": "[e-mail]",
+            "commit": "d41b79242e6b682dfa58fcd76797ecfd9146d4cf",
+            "package": "@fluentui/react-badge"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 30 Mar 2021 07:34:45 GMT",
       "tag": "@fluentui/react-badge_v9.0.0-alpha.19",
@@ -8,0 +43,0 @@ "version": "9.0.0-alpha.19",

CHANGELOG.md

 # Change Log - @fluentui/react-badge
 
-This log was last generated on Tue, 30 Mar 2021 07:30:40 GMT and should not be manually modified.
+This log was last generated on Wed, 31 Mar 2021 00:47:26 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-alpha.20)
+
+Wed, 31 Mar 2021 00:47:26 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-alpha.19..@fluentui/react-badge_v9.0.0-alpha.20)
+
+### Patches
+
+- Bump @fluentui/eslint-plugin to v1.1.0 ([PR #17568](https://github.com/microsoft/fluentui/pull/17568) by [e-mail])
+- Bump @fluentui/react-conformance to v0.2.5 ([PR #17568](https://github.com/microsoft/fluentui/pull/17568) by [e-mail])
+- Bump @fluentui/scripts to v1.0.0 ([PR #17568](https://github.com/microsoft/fluentui/pull/17568) by [e-mail])
+
+### Changes
+
+- mergeProps was updated to improve type checking; use compat layer until type errors can be fixed ([PR #17508](https://github.com/microsoft/fluentui/pull/17508) by [e-mail])
+
 ## [9.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-alpha.19)
 
-Tue, 30 Mar 2021 07:30:40 GMT 
+Tue, 30 Mar 2021 07:34:45 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-alpha.18..@fluentui/react-badge_v9.0.0-alpha.19)
@@ -11,0 +26,0 @@

dist/react-badge.d.ts

@@ -55,3 +55,3 @@ import { ComponentProps } from '@fluentui/react-utilities';
  */
-export declare const badgeShorthandProps: (keyof BadgeProps)[];
+export declare const badgeShorthandProps: readonly ["icon"];
 
@@ -70,3 +70,3 @@ /**
      */
-    ref: React.MutableRefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement>;
     /**
@@ -133,3 +133,3 @@ * Icon slot when processed by internal state
  */
-export declare const counterBadgeShorthandProps: string[];
+export declare const counterBadgeShorthandProps: readonly ["icon"];
 
@@ -136,0 +136,0 @@ /**

etc/react-badge.api.md

@@ -31,3 +31,3 @@ ## API Report File for "@fluentui/react-badge"
 // @public
-export const badgeShorthandProps: (keyof BadgeProps)[];
+export const badgeShorthandProps: readonly ["icon"];
 
@@ -40,3 +40,3 @@ // @public (undocumented)
     icon?: ObjectShorthandProps<React.HTMLAttributes<HTMLSpanElement>>;
-    ref: React.MutableRefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement>;
 }
@@ -62,3 +62,3 @@
 // @public
-export const counterBadgeShorthandProps: string[];
+export const counterBadgeShorthandProps: readonly ["icon"];
 
@@ -65,0 +65,0 @@ // @public (undocumented)

lib-amd/components/Badge/Badge.types.d.ts

@@ -51,3 +51,3 @@ import * as React from 'react';
      */
-    ref: React.MutableRefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement>;
     /**
@@ -54,0 +54,0 @@ * Icon slot when processed by internal state

lib-amd/components/Badge/useBadge.d.ts

@@ -6,3 +6,3 @@ import * as React from 'react';
  */
-export declare const badgeShorthandProps: (keyof BadgeProps)[];
+export declare const badgeShorthandProps: readonly ["icon"];
 /**
@@ -9,0 +9,0 @@ * Returns the props and state required to render the component

lib-amd/components/Badge/useBadge.js

@@ -19,3 +19,3 @@ define(["require", "exports", "react", "@fluentui/react-utilities"], function (require, exports, React, react_utilities_1) {
             'aria-hidden': true,
-        }, defaultProps, react_utilities_1.resolveShorthandProps(props, exports.badgeShorthandProps));
+        }, defaultProps && react_utilities_1.resolveShorthandProps(defaultProps, exports.badgeShorthandProps), react_utilities_1.resolveShorthandProps(props, exports.badgeShorthandProps));
         return state;
@@ -22,0 +22,0 @@ };

lib-amd/components/CounterBadge/useCounterBadge.d.ts

@@ -6,3 +6,3 @@ import * as React from 'react';
  */
-export declare const counterBadgeShorthandProps: string[];
+export declare const counterBadgeShorthandProps: readonly ["icon"];
 /**
@@ -9,0 +9,0 @@ * Returns the props and state required to render the component

lib-amd/components/CounterBadge/useCounterBadge.js

@@ -8,3 +8,4 @@ define(["require", "exports", "@fluentui/react-utilities", "../Badge/index"], function (require, exports, react_utilities_1, index_1) {
     exports.counterBadgeShorthandProps = ['icon'];
-    var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.counterBadgeShorthandProps });
+    // eslint-disable-next-line deprecation/deprecation
+    var mergeProps = react_utilities_1.makeMergePropsCompat({ deepMerge: exports.counterBadgeShorthandProps });
     /**
@@ -11,0 +12,0 @@ * Returns the props and state required to render the component

lib-amd/components/PresenceBadge/usePresenceBadge.js

@@ -8,3 +8,4 @@ define(["require", "exports", "react", "@fluentui/react-utilities", "../Badge/index", "./DefaultPresenceBadgeIcons"], function (require, exports, React, react_utilities_1, index_1, DefaultPresenceBadgeIcons_1) {
     exports.presenceBadgeShorthandProps = ['icon'];
-    var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.presenceBadgeShorthandProps });
+    // eslint-disable-next-line deprecation/deprecation
+    var mergeProps = react_utilities_1.makeMergePropsCompat({ deepMerge: exports.presenceBadgeShorthandProps });
     var iconMap = function (outOfOffice) { return ({
@@ -11,0 +12,0 @@ busy: React.createElement(DefaultPresenceBadgeIcons_1.SkypeMinusIcon, null),

lib-commonjs/components/Badge/Badge.types.d.ts

@@ -51,3 +51,3 @@ import * as React from 'react';
      */
-    ref: React.MutableRefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement>;
     /**
@@ -54,0 +54,0 @@ * Icon slot when processed by internal state

lib-commonjs/components/Badge/useBadge.d.ts

@@ -6,3 +6,3 @@ import * as React from 'react';
  */
-export declare const badgeShorthandProps: (keyof BadgeProps)[];
+export declare const badgeShorthandProps: readonly ["icon"];
 /**
@@ -9,0 +9,0 @@ * Returns the props and state required to render the component

lib-commonjs/components/Badge/useBadge.js

@@ -20,5 +20,5 @@ "use strict";
         'aria-hidden': true,
-    }, defaultProps, react_utilities_1.resolveShorthandProps(props, exports.badgeShorthandProps));
+    }, defaultProps && react_utilities_1.resolveShorthandProps(defaultProps, exports.badgeShorthandProps), react_utilities_1.resolveShorthandProps(props, exports.badgeShorthandProps));
     return state;
 };
 //# sourceMappingURL=useBadge.js.map

lib-commonjs/components/CounterBadge/useCounterBadge.d.ts

@@ -6,3 +6,3 @@ import * as React from 'react';
  */
-export declare const counterBadgeShorthandProps: string[];
+export declare const counterBadgeShorthandProps: readonly ["icon"];
 /**
@@ -9,0 +9,0 @@ * Returns the props and state required to render the component

lib-commonjs/components/CounterBadge/useCounterBadge.js

@@ -9,3 +9,4 @@ "use strict";
 exports.counterBadgeShorthandProps = ['icon'];
-var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.counterBadgeShorthandProps });
+// eslint-disable-next-line deprecation/deprecation
+var mergeProps = react_utilities_1.makeMergePropsCompat({ deepMerge: exports.counterBadgeShorthandProps });
 /**
@@ -12,0 +13,0 @@ * Returns the props and state required to render the component

lib-commonjs/components/PresenceBadge/usePresenceBadge.js

@@ -11,3 +11,4 @@ "use strict";
 exports.presenceBadgeShorthandProps = ['icon'];
-var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.presenceBadgeShorthandProps });
+// eslint-disable-next-line deprecation/deprecation
+var mergeProps = react_utilities_1.makeMergePropsCompat({ deepMerge: exports.presenceBadgeShorthandProps });
 var iconMap = function (outOfOffice) { return ({
@@ -14,0 +15,0 @@ busy: React.createElement(DefaultPresenceBadgeIcons_1.SkypeMinusIcon, null),

lib/components/Badge/Badge.types.d.ts

@@ -51,3 +51,3 @@ import * as React from 'react';
      */
-    ref: React.MutableRefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement>;
     /**
@@ -54,0 +54,0 @@ * Icon slot when processed by internal state

lib/components/Badge/useBadge.d.ts

@@ -6,3 +6,3 @@ import * as React from 'react';
  */
-export declare const badgeShorthandProps: (keyof BadgeProps)[];
+export declare const badgeShorthandProps: readonly ["icon"];
 /**
@@ -9,0 +9,0 @@ * Returns the props and state required to render the component

lib/components/Badge/useBadge.js

@@ -18,5 +18,5 @@ import * as React from 'react';
         'aria-hidden': true,
-    }, defaultProps, resolveShorthandProps(props, badgeShorthandProps));
+    }, defaultProps && resolveShorthandProps(defaultProps, badgeShorthandProps), resolveShorthandProps(props, badgeShorthandProps));
     return state;
 };
 //# sourceMappingURL=useBadge.js.map

lib/components/CounterBadge/useCounterBadge.d.ts

@@ -6,3 +6,3 @@ import * as React from 'react';
  */
-export declare const counterBadgeShorthandProps: string[];
+export declare const counterBadgeShorthandProps: readonly ["icon"];
 /**
@@ -9,0 +9,0 @@ * Returns the props and state required to render the component

lib/components/CounterBadge/useCounterBadge.js

@@ -1,2 +0,2 @@
-import { makeMergeProps } from '@fluentui/react-utilities';
+import { makeMergePropsCompat } from '@fluentui/react-utilities';
 import { useBadge } from '../Badge/index';
@@ -7,3 +7,4 @@ /**
 export var counterBadgeShorthandProps = ['icon'];
-var mergeProps = makeMergeProps({ deepMerge: counterBadgeShorthandProps });
+// eslint-disable-next-line deprecation/deprecation
+var mergeProps = makeMergePropsCompat({ deepMerge: counterBadgeShorthandProps });
 /**
@@ -10,0 +11,0 @@ * Returns the props and state required to render the component

lib/components/PresenceBadge/usePresenceBadge.js

 import * as React from 'react';
-import { makeMergeProps } from '@fluentui/react-utilities';
+import { makeMergePropsCompat } from '@fluentui/react-utilities';
 import { useBadge } from '../Badge/index';
@@ -9,3 +9,4 @@ import { SkypeMinusIcon, SkypeClockIcon, SkypeArrowIcon, SkypeCheckIcon, CancelIcon, } from './DefaultPresenceBadgeIcons';
 export var presenceBadgeShorthandProps = ['icon'];
-var mergeProps = makeMergeProps({ deepMerge: presenceBadgeShorthandProps });
+// eslint-disable-next-line deprecation/deprecation
+var mergeProps = makeMergePropsCompat({ deepMerge: presenceBadgeShorthandProps });
 var iconMap = function (outOfOffice) { return ({
@@ -12,0 +13,0 @@ busy: React.createElement(SkypeMinusIcon, null),

package.json

 {
   "name": "@fluentui/react-badge",
-  "version": "9.0.0-alpha.19",
+  "version": "9.0.0-alpha.20",
   "description": "React components for building web experiences",
@@ -26,4 +26,4 @@ "main": "lib-commonjs/index.js",
   "devDependencies": {
-    "@fluentui/eslint-plugin": "^1.0.1",
-    "@fluentui/react-conformance": "^0.2.4",
+    "@fluentui/eslint-plugin": "^1.1.0",
+    "@fluentui/react-conformance": "^0.2.5",
     "@fluentui/scripts": "^1.0.0",
@@ -43,5 +43,5 @@ "@types/enzyme": "3.10.3",
   "dependencies": {
-    "@fluentui/react-make-styles": "^9.0.0-alpha.16",
-    "@fluentui/react-theme": "^9.0.0-alpha.6",
-    "@fluentui/react-utilities": "^9.0.0-alpha.13",
+    "@fluentui/react-make-styles": "^9.0.0-alpha.17",
+    "@fluentui/react-theme": "^9.0.0-alpha.7",
+    "@fluentui/react-utilities": "^9.0.0-alpha.14",
     "tslib": "^1.10.0"
@@ -48,0 +48,0 @@ },

src/components/Badge/Badge.types.ts

@@ -60,3 +60,3 @@ import * as React from 'react';
    */
-  ref: React.MutableRefObject<HTMLElement>;
+  ref: React.RefObject<HTMLElement>;
   /**
@@ -63,0 +63,0 @@ * Icon slot when processed by internal state

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

266421

increased by1.32%

Lines of code

3035

increased by1.37%

Dependency changes

• Updated@fluentui/react-make-styles@^9.0.0-alpha.17

• Updated@fluentui/react-theme@^9.0.0-alpha.7

• Updated@fluentui/react-utilities@^9.0.0-alpha.14