@bloomreach/broccoli - npm Package Compare versions

Comparing version 3.13.0 to 3.14.0

dist/components/buttons/button-group/button-group.d.ts

@@ -1,2 +0,2 @@
-import { HTMLAttributes, type ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { BrButtonProps } from '../button/button';
@@ -40,3 +40,3 @@ export interface BrButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
  */
-declare function BrButtonGroup(props: BrButtonGroupProps): JSX.Element;
+declare const BrButtonGroup: import("react").ForwardRefExoticComponent<BrButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>;
 export default BrButtonGroup;

dist/components/buttons/button/button.d.ts

@@ -70,3 +70,3 @@ import { ButtonHTMLAttributes, ReactNode, SyntheticEvent } from 'react';
  */
-declare function BrButton(props: BrButtonProps): JSX.Element;
+declare const BrButton: import("react").ForwardRefExoticComponent<BrButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default BrButton;

dist/components/buttons/toggle-button-group/toggle-button-group.d.ts

@@ -1,2 +0,2 @@
-import { ReactElement, SyntheticEvent } from 'react';
+import { ForwardedRef, ReactElement, SyntheticEvent } from 'react';
 import { type BrButtonGroupProps } from '../button-group/button-group';
@@ -36,2 +36,9 @@ interface BrToggleButtonGroupBaseProps extends Omit<BrButtonGroupProps, 'onChange'> {
 /**
+ * The current component is used as an argument for the `forwardRef` function to forward ref.
+ * However, to keep the generic interface of the `BrToggleButtonGroup` component we have to cast type
+ * after wrapping this component with the `forwardRef` function.
+ */
+declare function BrToggleButtonGroupInner<T extends string | number = string>(props: BrToggleButtonGroupSingleProps<T>, forwardedRef: ForwardedRef<HTMLDivElement>): ReactElement;
+declare function BrToggleButtonGroupInner<T extends string | number = string>(props: BrToggleButtonGroupMultipleProps<T>, forwardedRef: ForwardedRef<HTMLDivElement>): ReactElement;
+/**
  * The `BrToggleButtonGroup` controls the selected state of its child buttons when given its own `value` prop.
@@ -85,4 +92,5 @@ * To emphasize groups of related toggle buttons, a group should share a common container.
  */
-declare function BrToggleButtonGroup<T extends string | number = string>(props: BrToggleButtonGroupSingleProps<T>): ReactElement;
-declare function BrToggleButtonGroup<T extends string | number = string>(props: BrToggleButtonGroupMultipleProps<T>): ReactElement;
-export default BrToggleButtonGroup;
+declare const _default: <T extends string | number = string>(props: BrToggleButtonGroupSingleProps<T> | (BrToggleButtonGroupMultipleProps<T> & {
+    ref?: ForwardedRef<HTMLDivElement> | undefined;
+})) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export default _default;

dist/components/buttons/toggle-button/toggle-button.d.ts

@@ -1,2 +0,2 @@
-import { ReactElement, ReactNode, SyntheticEvent } from 'react';
+import { ReactElement, ForwardedRef, ReactNode, SyntheticEvent } from 'react';
 import { BrButtonProps } from '../button/button';
@@ -32,2 +32,8 @@ export interface BrToggleButtonProps<T extends string | number = string> extends Omit<BrButtonProps, 'onClick'> {
 /**
+ * The current component is used as an argument for the `forwardRef` function to forward ref.
+ * However, to keep the generic interface of the `BrToggleButton` component we have to cast type
+ * after wrapping this component with the `forwardRef` function.
+ */
+declare function BrToggleButtonInner<T extends string | number = string>(props: BrToggleButtonProps<T>, forwardedRef: ForwardedRef<HTMLButtonElement>): ReactElement;
+/**
  * The `BrToggleButton` component can be used to group related options.
@@ -67,3 +73,5 @@ *
  */
-declare function BrToggleButton<T extends string | number = string>(props: BrToggleButtonProps<T>): ReactElement;
-export default BrToggleButton;
+declare const _default: <T extends string | number = string>(props: BrToggleButtonProps<T> & {
+    ref?: ForwardedRef<HTMLButtonElement> | undefined;
+}) => ReturnType<typeof BrToggleButtonInner>;
+export default _default;

package.json

 {
   "name": "@bloomreach/broccoli",
-  "version": "3.13.0",
+  "version": "3.14.0",
   "private": false,
@@ -5,0 +5,0 @@ "main": "./dist/bloomreach-broccoli.umd.js",

No alert changes

Improved metrics

Total package byte prevSize

4821884

increased by0.05%

Lines of code

20876

increased by0.04%

No dependency changes