@gympass/yoga 7.127.1 → 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/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/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.1",
+  "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": "b439914bbb4d61946a25af1aefdf94b7cf5b778d",
+  "gitHead": "2e4809db9f5acbef05714caacb7dc30c23a3ae19",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"