@gympass/yoga 7.127.0 → 7.127.2

package/cjs/Checkbox/web/Checkbox.js

@@ -66,6 +66,7 @@ var import_prop_types = require("prop-types");
 var import_styled_components = __toESM(require("styled-components"));
 var import_yoga_common = require("@gympass/yoga-common");
 var import_yoga_icons = require("@gympass/yoga-icons");
+var import_hooks = require("../../hooks");
 var import_shared = require("../../shared");
 const CheckboxWrapper = import_styled_components.default.div`
   display: inline-block;
@@ -310,7 +311,7 @@ const Checkbox = (_a) => {
     "theme"
   ]);
   const inputRef = (0, import_react.useRef)(null);
-  const id = (0, import_react.useId)();
+  const id = (0, import_hooks.useId)();
   const checkboxLabelId = `checkbox-label-${id}`;
   const _a2 = rest, { onChange, onClick } = _a2, restWithoutEvents = __objRest(_a2, ["onChange", "onClick"]);
   (0, import_react.useEffect)(() => {

package/cjs/Checkbox/web/Checkbox.test.js

@@ -43,6 +43,9 @@ var import_react = __toESM(require("react"));
 var import_react2 = require("@testing-library/react");
 var import__ = __toESM(require(".."));
 var import_Theme = __toESM(require("../../Theme"));
+jest.mock("../../hooks/useId", () => ({
+  useId: () => "jest-id"
+}));
 const data = {
   label: "Checkbox Component",
   helper: "Helper Text"

package/cjs/Input/native/Input.test.js

@@ -41,9 +41,9 @@ describe("<Input />", () => {
     });
     it("should match when input is focused", () => {
       const { toJSON, getByTestId } = (0, import_react_native.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input-test" }) })
       );
-      (0, import_react_native.fireEvent)(getByTestId("input"), "focus");
+      (0, import_react_native.fireEvent)(getByTestId("input-test"), "focus");
       expect(toJSON()).toMatchSnapshot();
     });
     it("should match with disabled input", () => {
@@ -81,9 +81,16 @@ describe("<Input />", () => {
     it("should call onChangeText", () => {
       const onChangeTextMock = jest.fn();
       const { getByTestId } = (0, import_react_native.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input", onChangeText: onChangeTextMock }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Input,
+          {
+            label: "Input",
+            testID: "input-test",
+            onChangeText: onChangeTextMock
+          }
+        ) })
       );
-      import_react_native.fireEvent.changeText(getByTestId("input"), "foo");
+      import_react_native.fireEvent.changeText(getByTestId("input-test"), "foo");
       expect(onChangeTextMock).toHaveBeenCalled();
     });
     it("should not call onChangeText when input is disabled", () => {
@@ -93,37 +100,37 @@ describe("<Input />", () => {
           import__.Input,
           {
             label: "Input",
-            testID: "input",
+            testID: "input-test",
             onChangeText: onChangeTextMock,
             disabled: true
           }
         ) })
       );
-      (0, import_react_native.fireEvent)(getByTestId("input"), "focus");
+      (0, import_react_native.fireEvent)(getByTestId("input-test"), "focus");
       expect(onChangeTextMock).not.toHaveBeenCalled();
     });
     it("should call onFocus", () => {
       const onFocusMock = jest.fn();
       const { getByTestId } = (0, import_react_native.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input", onFocus: onFocusMock }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input-test", onFocus: onFocusMock }) })
       );
-      (0, import_react_native.fireEvent)(getByTestId("input"), "focus");
+      (0, import_react_native.fireEvent)(getByTestId("input-test"), "focus");
       expect(onFocusMock).toHaveBeenCalled();
     });
     it("should call onBlur", () => {
       const onBlurMock = jest.fn();
       const { getByTestId } = (0, import_react_native.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input", onBlur: onBlurMock }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input-test", onBlur: onBlurMock }) })
       );
-      (0, import_react_native.fireEvent)(getByTestId("input"), "focus");
-      (0, import_react_native.fireEvent)(getByTestId("input"), "blur");
+      (0, import_react_native.fireEvent)(getByTestId("input-test"), "focus");
+      (0, import_react_native.fireEvent)(getByTestId("input-test"), "blur");
       expect(onBlurMock).toHaveBeenCalled();
     });
   });
   describe("maxLength", () => {
     it("should update maxLength counter when add character", () => {
       const { getByText, rerender } = (0, import_react_native.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", testID: "input", maxLength: 10 }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", maxLength: 10 }) })
       );
       expect(getByText("0/10")).toBeTruthy();
       rerender(

package/cjs/Input/web/Input.js

@@ -228,7 +228,6 @@ const Input = import_react.default.forwardRef(
                 maxLength
               }), {
                 ref: inputRef,
-                "data-testid": "input",
                 value,
                 onChange
               }), a11yFieldProps), {

package/cjs/Input/web/Input.test.js

@@ -87,14 +87,27 @@ describe("<Input />", () => {
       );
       expect(container).toMatchSnapshot();
     });
+    it("should render with custom dataTestId", () => {
+      (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", "data-testid": "custom-input" }) })
+      );
+      expect(import_react2.screen.getByTestId("custom-input")).toBeInTheDocument();
+    });
   });
   describe("Events", () => {
     it("should call onChange", () => {
       const onChangeMock = jest.fn();
       (0, import_react2.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", onChange: onChangeMock, "data-testid": "input" }) })
-      );
-      import_react2.fireEvent.change(import_react2.screen.getByTestId("input"), {
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Input,
+          {
+            label: "Input",
+            onChange: onChangeMock,
+            "data-testid": "input-test"
+          }
+        ) })
+      );
+      import_react2.fireEvent.change(import_react2.screen.getByTestId("input-test"), {
         target: { value: "foo" }
       });
       expect(onChangeMock).toHaveBeenCalled();
@@ -110,10 +123,10 @@ describe("<Input />", () => {
     it("should call onBlur", () => {
       const onBlurMock = jest.fn();
       (0, import_react2.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", "data-testid": "input", onBlur: onBlurMock }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", "data-testid": "input-test", onBlur: onBlurMock }) })
       );
-      import_react2.fireEvent.focus(import_react2.screen.getByTestId("input"));
-      import_react2.fireEvent.blur(import_react2.screen.getByTestId("input"));
+      import_react2.fireEvent.focus(import_react2.screen.getByTestId("input-test"));
+      import_react2.fireEvent.blur(import_react2.screen.getByTestId("input-test"));
       expect(onBlurMock).toHaveBeenCalled();
     });
   });
@@ -151,18 +164,26 @@ describe("<Input />", () => {
     it("should have aria-label", () => {
       const value = "aria label value";
       const { getByTestId } = (0, import_react2.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: "Input", value: "foo", ariaLabel: value }) })
-      );
-      const inputElement = getByTestId("input");
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Input,
+          {
+            label: "Input",
+            value: "foo",
+            ariaLabel: value,
+            "data-testid": "input-test"
+          }
+        ) })
+      );
+      const inputElement = getByTestId("input-test");
       expect(inputElement).toBeInTheDocument();
       expect(inputElement).toHaveAttribute("aria-label", value);
     });
     it("should have label value", () => {
       const value = "label value";
       const { getByTestId } = (0, import_react2.render)(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: value, value: "foo" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input, { label: value, value: "foo", "data-testid": "input-test" }) })
       );
-      const inputElement = getByTestId("input");
+      const inputElement = getByTestId("input-test");
       expect(inputElement).toBeInTheDocument();
       expect(inputElement).toHaveAttribute("aria-label", value);
     });

package/cjs/Snackbar/native/Snackbar.js

@@ -109,7 +109,8 @@ const Snackbar = (0, import_react.forwardRef)((props, ref) => {
     variant,
     onSnackbarClose,
     duration,
-    bottomOffset
+    bottomOffset,
+    dataTestId
   } = _a, rest = __objRest(_a, [
     "icon",
     "message",
@@ -118,7 +119,8 @@ const Snackbar = (0, import_react.forwardRef)((props, ref) => {
     "variant",
     "onSnackbarClose",
     "duration",
-    "bottomOffset"
+    "bottomOffset",
+    "dataTestId"
   ]);
   const wrapperRef = (0, import_react.useRef)();
   const [currentProps, setCurrentProps] = (0, import_react.useState)({
@@ -197,7 +199,8 @@ const Snackbar = (0, import_react.forwardRef)((props, ref) => {
         SnackbarContainer,
         __spreadProps(__spreadValues(__spreadValues({
           variant: currentProps.variant,
-          bottomOffset
+          bottomOffset,
+          testID: dataTestId
         }, rest), panResponder.panHandlers), {
           children: [
             currentProps.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -252,7 +255,9 @@ Snackbar.propTypes = {
   /** The duration sets how long it will take to close snackbar automatically, it may be "fast" (4 seconds), "default" (8 seconds), "slow" (10 seconds) or "indefinite" (it doesn't close automatically). */
   duration: (0, import_prop_types.oneOf)(["fast", "default", "slow", "indefinite"]),
   /** Add extra margin to Snackbar. Can be useful for SafeAreaView or button cases. */
-  bottomOffset: import_prop_types.number
+  bottomOffset: import_prop_types.number,
+  /* A unique identifier for the Snackbar component, used for testing purposes with tools like Jest and Testing Library.  */
+  dataTestId: import_prop_types.string
 };
 Snackbar.defaultProps = {
   variant: "success",
@@ -262,6 +267,7 @@ Snackbar.defaultProps = {
   onAction: void 0,
   onSnackbarClose: void 0,
   duration: "default",
-  bottomOffset: 0
+  bottomOffset: 0,
+  dataTestId: "snackbar"
 };
 var Snackbar_default = Snackbar;

package/cjs/Snackbar/native/Snackbar.test.js

@@ -73,6 +73,11 @@ describe("<Snackbar />", () => {
     const { toJSON } = (0, import_react_native.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}));
     expect(toJSON()).toMatchSnapshot();
   });
+  it("should render with custom dataTestId", () => {
+    const { getByTestId } = (0, import_react_native.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { dataTestId: "custom-snackbar" }));
+    import_react_native.fireEvent.press(getByTestId("custom-snackbar"));
+    expect(getByTestId("custom-snackbar")).toBeTruthy();
+  });
   it("should match snapshot when have an icon and action", () => {
     const overrideProps = {
       icon: import_yoga_icons.CheckedFull,

package/cjs/Snackbar/web/Snackbar.js

@@ -175,6 +175,7 @@ const Snackbar = import_react.default.forwardRef(
       onClose,
       hideCloseButton,
       ariaLabelClose,
+      dataTestId,
       theme: {
         yoga: {
           components: { snackbar }
@@ -191,6 +192,7 @@ const Snackbar = import_react.default.forwardRef(
       "onClose",
       "hideCloseButton",
       "ariaLabelClose",
+      "dataTestId",
       "theme"
     ]);
     const timeoutRef = (0, import_react.useRef)();
@@ -209,7 +211,8 @@ const Snackbar = import_react.default.forwardRef(
         role: "alert",
         "aria-label": variant,
         variant,
-        ref
+        ref,
+        "data-testid": dataTestId
       }, props), {
         children: [
           !hideIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -271,7 +274,9 @@ Snackbar.propTypes = {
   /** Hides the close button. */
   hideCloseButton: import_prop_types.bool,
   /** Custom aria label for close button. */
-  ariaLabelClose: import_prop_types.string
+  ariaLabelClose: import_prop_types.string,
+  /* A unique identifier for the Snackbar component, used for testing purposes with tools like Jest and Testing Library.  */
+  dataTestId: import_prop_types.string
 };
 Snackbar.defaultProps = {
   open: false,
@@ -281,6 +286,7 @@ Snackbar.defaultProps = {
   onAction: void 0,
   variant: "success",
   hideCloseButton: false,
-  ariaLabelClose: void 0
+  ariaLabelClose: void 0,
+  dataTestId: "snackbar"
 };
 var Snackbar_default = (0, import_react.memo)((0, import_styled_components.withTheme)(Snackbar));

package/cjs/Snackbar/web/Snackbar.test.js

@@ -53,6 +53,20 @@ describe("<Snackbar />", () => {
     );
     expect(container).toMatchSnapshot();
   });
+  it("should render with custom dataTestId", () => {
+    (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import__.Snackbar,
+        {
+          open: true,
+          message: "Make wellbeing universal",
+          onClose: jest.fn(),
+          dataTestId: "custom-snackbar"
+        }
+      ) })
+    );
+    expect(import_react2.screen.getByTestId("custom-snackbar")).toBeInTheDocument();
+  });
   it("should render a minimal snackbar", () => {
     (0, import_react2.render)(
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Snackbar, { open: true, message: "Make wellbeing universal", onClose: jest.fn() }) })

package/cjs/hooks/index.js

@@ -18,9 +18,11 @@ module.exports = __toCommonJS(hooks_exports);
 __reExport(hooks_exports, require("./usePortal"), module.exports);
 __reExport(hooks_exports, require("./useKeyPress"), module.exports);
 __reExport(hooks_exports, require("./useCombinedRefs"), module.exports);
+__reExport(hooks_exports, require("./useId"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./usePortal"),
   ...require("./useKeyPress"),
-  ...require("./useCombinedRefs")
+  ...require("./useCombinedRefs"),
+  ...require("./useId")
 });

package/cjs/hooks/useId.js

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useId_exports = {};
+__export(useId_exports, {
+  useId: () => useId
+});
+module.exports = __toCommonJS(useId_exports);
+var import_react = require("react");
+const useId = () => {
+  return (0, import_react.useRef)(Math.random().toString(36).substr(2, 9)).current;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useId
+});

package/esm/Checkbox/web/Checkbox.js

@@ -30,11 +30,12 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { jsx, jsxs } from "react/jsx-runtime";
-import React, { useEffect, useRef, useId } from "react";
+import React, { useEffect, useRef } from "react";
 import { bool, string, shape, oneOfType, node } from "prop-types";
 import styled, { withTheme } from "styled-components";
 import { hexToRgb } from "@gympass/yoga-common";
 import { Check, Rectangle } from "@gympass/yoga-icons";
+import { useId } from "../../hooks";
 import { HiddenInput } from "../../shared";
 const CheckboxWrapper = styled.div`
   display: inline-block;

package/esm/Checkbox/web/Checkbox.test.js

@@ -22,6 +22,9 @@ import React from "react";
 import { render, fireEvent } from "@testing-library/react";
 import Checkbox from "..";
 import ThemeProvider from "../../Theme";
+jest.mock("../../hooks/useId", () => ({
+  useId: () => "jest-id"
+}));
 const data = {
   label: "Checkbox Component",
   helper: "Helper Text"

package/esm/Input/native/Input.test.js

@@ -18,9 +18,9 @@ describe("<Input />", () => {
     });
     it("should match when input is focused", () => {
       const { toJSON, getByTestId } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input" }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input-test" }) })
       );
-      fireEvent(getByTestId("input"), "focus");
+      fireEvent(getByTestId("input-test"), "focus");
       expect(toJSON()).toMatchSnapshot();
     });
     it("should match with disabled input", () => {
@@ -58,9 +58,16 @@ describe("<Input />", () => {
     it("should call onChangeText", () => {
       const onChangeTextMock = jest.fn();
       const { getByTestId } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input", onChangeText: onChangeTextMock }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Input",
+            testID: "input-test",
+            onChangeText: onChangeTextMock
+          }
+        ) })
       );
-      fireEvent.changeText(getByTestId("input"), "foo");
+      fireEvent.changeText(getByTestId("input-test"), "foo");
       expect(onChangeTextMock).toHaveBeenCalled();
     });
     it("should not call onChangeText when input is disabled", () => {
@@ -70,37 +77,37 @@ describe("<Input />", () => {
           Input,
           {
             label: "Input",
-            testID: "input",
+            testID: "input-test",
             onChangeText: onChangeTextMock,
             disabled: true
           }
         ) })
       );
-      fireEvent(getByTestId("input"), "focus");
+      fireEvent(getByTestId("input-test"), "focus");
       expect(onChangeTextMock).not.toHaveBeenCalled();
     });
     it("should call onFocus", () => {
       const onFocusMock = jest.fn();
       const { getByTestId } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input", onFocus: onFocusMock }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input-test", onFocus: onFocusMock }) })
       );
-      fireEvent(getByTestId("input"), "focus");
+      fireEvent(getByTestId("input-test"), "focus");
       expect(onFocusMock).toHaveBeenCalled();
     });
     it("should call onBlur", () => {
       const onBlurMock = jest.fn();
       const { getByTestId } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input", onBlur: onBlurMock }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input-test", onBlur: onBlurMock }) })
       );
-      fireEvent(getByTestId("input"), "focus");
-      fireEvent(getByTestId("input"), "blur");
+      fireEvent(getByTestId("input-test"), "focus");
+      fireEvent(getByTestId("input-test"), "blur");
       expect(onBlurMock).toHaveBeenCalled();
     });
   });
   describe("maxLength", () => {
     it("should update maxLength counter when add character", () => {
       const { getByText, rerender } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", testID: "input", maxLength: 10 }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", maxLength: 10 }) })
       );
       expect(getByText("0/10")).toBeTruthy();
       rerender(

package/esm/Input/web/Input.js

@@ -206,7 +206,6 @@ const Input = React.forwardRef(
                 maxLength
               }), {
                 ref: inputRef,
-                "data-testid": "input",
                 value,
                 onChange
               }), a11yFieldProps), {

package/esm/Input/web/Input.test.js

@@ -64,14 +64,27 @@ describe("<Input />", () => {
       );
       expect(container).toMatchSnapshot();
     });
+    it("should render with custom dataTestId", () => {
+      render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", "data-testid": "custom-input" }) })
+      );
+      expect(screen.getByTestId("custom-input")).toBeInTheDocument();
+    });
   });
   describe("Events", () => {
     it("should call onChange", () => {
       const onChangeMock = jest.fn();
       render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", onChange: onChangeMock, "data-testid": "input" }) })
-      );
-      fireEvent.change(screen.getByTestId("input"), {
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Input",
+            onChange: onChangeMock,
+            "data-testid": "input-test"
+          }
+        ) })
+      );
+      fireEvent.change(screen.getByTestId("input-test"), {
         target: { value: "foo" }
       });
       expect(onChangeMock).toHaveBeenCalled();
@@ -87,10 +100,10 @@ describe("<Input />", () => {
     it("should call onBlur", () => {
       const onBlurMock = jest.fn();
       render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", "data-testid": "input", onBlur: onBlurMock }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", "data-testid": "input-test", onBlur: onBlurMock }) })
       );
-      fireEvent.focus(screen.getByTestId("input"));
-      fireEvent.blur(screen.getByTestId("input"));
+      fireEvent.focus(screen.getByTestId("input-test"));
+      fireEvent.blur(screen.getByTestId("input-test"));
       expect(onBlurMock).toHaveBeenCalled();
     });
   });
@@ -128,18 +141,26 @@ describe("<Input />", () => {
     it("should have aria-label", () => {
       const value = "aria label value";
       const { getByTestId } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "Input", value: "foo", ariaLabel: value }) })
-      );
-      const inputElement = getByTestId("input");
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Input",
+            value: "foo",
+            ariaLabel: value,
+            "data-testid": "input-test"
+          }
+        ) })
+      );
+      const inputElement = getByTestId("input-test");
       expect(inputElement).toBeInTheDocument();
       expect(inputElement).toHaveAttribute("aria-label", value);
     });
     it("should have label value", () => {
       const value = "label value";
       const { getByTestId } = render(
-        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: value, value: "foo" }) })
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: value, value: "foo", "data-testid": "input-test" }) })
       );
-      const inputElement = getByTestId("input");
+      const inputElement = getByTestId("input-test");
       expect(inputElement).toBeInTheDocument();
       expect(inputElement).toHaveAttribute("aria-label", value);
     });

package/esm/Snackbar/native/Snackbar.js

@@ -84,7 +84,8 @@ const Snackbar = forwardRef((props, ref) => {
     variant,
     onSnackbarClose,
     duration,
-    bottomOffset
+    bottomOffset,
+    dataTestId
   } = _a, rest = __objRest(_a, [
     "icon",
     "message",
@@ -93,7 +94,8 @@ const Snackbar = forwardRef((props, ref) => {
     "variant",
     "onSnackbarClose",
     "duration",
-    "bottomOffset"
+    "bottomOffset",
+    "dataTestId"
   ]);
   const wrapperRef = useRef();
   const [currentProps, setCurrentProps] = useState({
@@ -172,7 +174,8 @@ const Snackbar = forwardRef((props, ref) => {
         SnackbarContainer,
         __spreadProps(__spreadValues(__spreadValues({
           variant: currentProps.variant,
-          bottomOffset
+          bottomOffset,
+          testID: dataTestId
         }, rest), panResponder.panHandlers), {
           children: [
             currentProps.icon && /* @__PURE__ */ jsx(
@@ -227,7 +230,9 @@ Snackbar.propTypes = {
   /** The duration sets how long it will take to close snackbar automatically, it may be "fast" (4 seconds), "default" (8 seconds), "slow" (10 seconds) or "indefinite" (it doesn't close automatically). */
   duration: oneOf(["fast", "default", "slow", "indefinite"]),
   /** Add extra margin to Snackbar. Can be useful for SafeAreaView or button cases. */
-  bottomOffset: number
+  bottomOffset: number,
+  /* A unique identifier for the Snackbar component, used for testing purposes with tools like Jest and Testing Library.  */
+  dataTestId: string
 };
 Snackbar.defaultProps = {
   variant: "success",
@@ -237,7 +242,8 @@ Snackbar.defaultProps = {
   onAction: void 0,
   onSnackbarClose: void 0,
   duration: "default",
-  bottomOffset: 0
+  bottomOffset: 0,
+  dataTestId: "snackbar"
 };
 var Snackbar_default = Snackbar;
 export {

package/esm/Snackbar/native/Snackbar.test.js

@@ -52,6 +52,11 @@ describe("<Snackbar />", () => {
     const { toJSON } = render(/* @__PURE__ */ jsx(Component, {}));
     expect(toJSON()).toMatchSnapshot();
   });
+  it("should render with custom dataTestId", () => {
+    const { getByTestId } = render(/* @__PURE__ */ jsx(Component, { dataTestId: "custom-snackbar" }));
+    fireEvent.press(getByTestId("custom-snackbar"));
+    expect(getByTestId("custom-snackbar")).toBeTruthy();
+  });
   it("should match snapshot when have an icon and action", () => {
     const overrideProps = {
       icon: CheckedFull,

package/esm/Snackbar/web/Snackbar.js

@@ -144,6 +144,7 @@ const Snackbar = React.forwardRef(
       onClose,
       hideCloseButton,
       ariaLabelClose,
+      dataTestId,
       theme: {
         yoga: {
           components: { snackbar }
@@ -160,6 +161,7 @@ const Snackbar = React.forwardRef(
       "onClose",
       "hideCloseButton",
       "ariaLabelClose",
+      "dataTestId",
       "theme"
     ]);
     const timeoutRef = useRef();
@@ -178,7 +180,8 @@ const Snackbar = React.forwardRef(
         role: "alert",
         "aria-label": variant,
         variant,
-        ref
+        ref,
+        "data-testid": dataTestId
       }, props), {
         children: [
           !hideIcon && /* @__PURE__ */ jsx(
@@ -240,7 +243,9 @@ Snackbar.propTypes = {
   /** Hides the close button. */
   hideCloseButton: bool,
   /** Custom aria label for close button. */
-  ariaLabelClose: string
+  ariaLabelClose: string,
+  /* A unique identifier for the Snackbar component, used for testing purposes with tools like Jest and Testing Library.  */
+  dataTestId: string
 };
 Snackbar.defaultProps = {
   open: false,
@@ -250,7 +255,8 @@ Snackbar.defaultProps = {
   onAction: void 0,
   variant: "success",
   hideCloseButton: false,
-  ariaLabelClose: void 0
+  ariaLabelClose: void 0,
+  dataTestId: "snackbar"
 };
 var Snackbar_default = memo(withTheme(Snackbar));
 export {

package/esm/Snackbar/web/Snackbar.test.js

@@ -36,6 +36,20 @@ var require_Snackbar_test = __commonJS({
         );
         expect(container).toMatchSnapshot();
       });
+      it("should render with custom dataTestId", () => {
+        render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+            Snackbar,
+            {
+              open: true,
+              message: "Make wellbeing universal",
+              onClose: jest.fn(),
+              dataTestId: "custom-snackbar"
+            }
+          ) })
+        );
+        expect(screen.getByTestId("custom-snackbar")).toBeInTheDocument();
+      });
       it("should render a minimal snackbar", () => {
         render(
           /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Snackbar, { open: true, message: "Make wellbeing universal", onClose: jest.fn() }) })

package/esm/hooks/index.js

@@ -1,3 +1,4 @@
 export * from "./usePortal";
 export * from "./useKeyPress";
 export * from "./useCombinedRefs";
+export * from "./useId";

package/esm/hooks/useId.js

@@ -0,0 +1,7 @@
+import { useRef } from "react";
+const useId = () => {
+  return useRef(Math.random().toString(36).substr(2, 9)).current;
+};
+export {
+  useId
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.127.0",
+  "version": "7.127.2",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -58,7 +58,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "6c9cf03b59b28293c4856fa7aaea76a443013865",
+  "gitHead": "2e4809db9f5acbef05714caacb7dc30c23a3ae19",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"