@trackunit/react-drawer 1.13.20 → 1.13.23

package/index.cjs.js

@@ -303,13 +303,14 @@ const getIconName = (open, position) => {
  * The button might be disabled based on the 'disableButton' prop.
  *
  * @param {object} props - The properties passed to the component
- * @param {boolean} props.open - Indicates if the button is in "open" state
  * @param {Function} [props.onClick] - Optional callback function for when the button is clicked
+ * @param {boolean} props.open - Indicates if the button is in "open" state
  * @param {DrawerPosition} props.position - The position of the button relative to its container
+ * @param props.ref - Ref forwarded to the root DOM element
  */
-const DrawerToggle = ({ open, position, onClick = NOOP }) => {
+const DrawerToggle = ({ open, position, onClick = NOOP, ref }) => {
     const name = getIconName(open, position);
-    return (jsxRuntime.jsx("div", { className: cvaToggleContainer({ position }), children: jsxRuntime.jsx("button", { className: cvaDrawerToggle({ position }), "data-testid": "toggle-button", onClick: onClick, children: jsxRuntime.jsx(reactComponents.Icon, { name: name }) }) }));
+    return (jsxRuntime.jsx("div", { className: cvaToggleContainer({ position }), ref: ref, children: jsxRuntime.jsx("button", { className: cvaDrawerToggle({ position }), "data-testid": "toggle-button", onClick: onClick, children: jsxRuntime.jsx(reactComponents.Icon, { name: name }) }) }));
 };
 const cvaDrawerToggle = cssClassVarianceUtilities.cvaMerge([
     "flex",

package/index.esm.js

@@ -301,13 +301,14 @@ const getIconName = (open, position) => {
  * The button might be disabled based on the 'disableButton' prop.
  *
  * @param {object} props - The properties passed to the component
- * @param {boolean} props.open - Indicates if the button is in "open" state
  * @param {Function} [props.onClick] - Optional callback function for when the button is clicked
+ * @param {boolean} props.open - Indicates if the button is in "open" state
  * @param {DrawerPosition} props.position - The position of the button relative to its container
+ * @param props.ref - Ref forwarded to the root DOM element
  */
-const DrawerToggle = ({ open, position, onClick = NOOP }) => {
+const DrawerToggle = ({ open, position, onClick = NOOP, ref }) => {
     const name = getIconName(open, position);
-    return (jsx("div", { className: cvaToggleContainer({ position }), children: jsx("button", { className: cvaDrawerToggle({ position }), "data-testid": "toggle-button", onClick: onClick, children: jsx(Icon, { name: name }) }) }));
+    return (jsx("div", { className: cvaToggleContainer({ position }), ref: ref, children: jsx("button", { className: cvaDrawerToggle({ position }), "data-testid": "toggle-button", onClick: onClick, children: jsx(Icon, { name: name }) }) }));
 };
 const cvaDrawerToggle = cvaMerge([
     "flex",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-drawer",
-  "version": "1.13.20",
+  "version": "1.13.23",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -9,10 +9,10 @@
   "dependencies": {
     "react": "19.0.0",
     "react-swipeable": "^7.0.1",
-    "@trackunit/react-components": "1.17.17",
-    "@trackunit/css-class-variance-utilities": "1.11.42",
-    "@trackunit/ui-icons": "1.11.41",
-    "@trackunit/i18n-library-translation": "1.12.26"
+    "@trackunit/react-components": "1.17.20",
+    "@trackunit/css-class-variance-utilities": "1.11.43",
+    "@trackunit/ui-icons": "1.11.42",
+    "@trackunit/i18n-library-translation": "1.12.27"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/components/DrawerToggle/DrawerToggle.d.ts

@@ -1,6 +1,7 @@
+import { Refable } from "@trackunit/react-components";
 import { MouseEvent } from "react";
 import { type DrawerPosition } from "../../types";
-interface DrawerToggleProps {
+interface DrawerToggleProps extends Refable<HTMLDivElement> {
     open: boolean;
     onClick?: (event: MouseEvent) => void;
     position: DrawerPosition;
@@ -12,9 +13,10 @@ interface DrawerToggleProps {
  * The button might be disabled based on the 'disableButton' prop.
  *
  * @param {object} props - The properties passed to the component
- * @param {boolean} props.open - Indicates if the button is in "open" state
  * @param {Function} [props.onClick] - Optional callback function for when the button is clicked
+ * @param {boolean} props.open - Indicates if the button is in "open" state
  * @param {DrawerPosition} props.position - The position of the button relative to its container
+ * @param props.ref - Ref forwarded to the root DOM element
  */
-export declare const DrawerToggle: ({ open, position, onClick }: DrawerToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerToggle: ({ open, position, onClick, ref }: DrawerToggleProps) => import("react/jsx-runtime").JSX.Element;
 export {};