cozy-ui 82.7.0 → 82.8.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [82.8.0](https://github.com/cozy/cozy-ui/compare/v82.7.0...v82.8.0) (2023-03-31)
+
+
+### Features
+
+* Use helper for get random UUID ([e659a9b](https://github.com/cozy/cozy-ui/commit/e659a9b))
+
 # [82.7.0](https://github.com/cozy/cozy-ui/compare/v82.6.1...v82.7.0) (2023-03-31)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "82.7.0",
+  "version": "82.8.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/CircleButton/index.jsx

@@ -6,6 +6,7 @@ import Box from '../Box'
 import IconButton from '../IconButton'
 import Typography from '../Typography'
 import { makeTypoColor, makeButtonShadow } from './helpers'
+import { getRandomUUID } from '../helpers/getRandomUUID'
 
 const useStyles = makeStyles(theme => ({
   iconButton: {
@@ -42,7 +43,7 @@ const CircleButton = ({
   ...props
 }) => {
   const styles = useStyles({ active: variant === 'active', disabled })
-  const uuid = crypto.randomUUID()
+  const uuid = getRandomUUID()
 
   if (!ariaLabel && !label) {
     console.warn(`The "aria-label" or "label" property must be filled in.`)

package/react/I18n/format.spec.jsx

@@ -53,7 +53,12 @@ describe('formatLocallyDistanceToNow', () => {
 })
 
 describe('formatLocallyDistanceToNowStrict', () => {
+  afterEach(() => {
+    MockDate.reset()
+  })
+
   it('should formatDistanceToNowStrict with small value', () => {
+    MockDate.set('2023-01-01T00:00:00')
     const date = Date.now() + 29 * 1000 // 29s
 
     const result = formatLocallyDistanceToNowStrict(date)
@@ -62,6 +67,7 @@ describe('formatLocallyDistanceToNowStrict', () => {
   })
 
   it('should formatDistanceToNowStrict with medium value', () => {
+    MockDate.set('2023-01-01T00:00:00')
     const date = Date.now() + (44 * 60 + 31) * 1000 // 44min 31s
 
     const result = formatLocallyDistanceToNowStrict(date)
@@ -70,6 +76,7 @@ describe('formatLocallyDistanceToNowStrict', () => {
   })
 
   it('should formatDistanceToNowStrict with high value', () => {
+    MockDate.set('2023-01-01T00:00:00')
     const date = Date.now() + (89 * 60 + 31) * 1000 // 89min 31s
 
     const result = formatLocallyDistanceToNowStrict(date)
@@ -78,6 +85,7 @@ describe('formatLocallyDistanceToNowStrict', () => {
   })
 
   it('should formatDistanceToNowStrict with one day', () => {
+    MockDate.set('2023-01-01T00:00:00')
     const date = Date.now() + 24 * 60 * 60 * 1000 // 1d
 
     const result = formatLocallyDistanceToNowStrict(date)
@@ -86,6 +94,7 @@ describe('formatLocallyDistanceToNowStrict', () => {
   })
 
   it('should formatDistanceToNowStrict with two days', () => {
+    MockDate.set('2023-01-01T00:00:00')
     const date = Date.now() + 2 * 24 * 60 * 60 * 1000 // 2d
 
     const result = formatLocallyDistanceToNowStrict(date)
@@ -94,6 +103,7 @@ describe('formatLocallyDistanceToNowStrict', () => {
   })
 
   it('should formatDistanceToNowStrict with very high value', () => {
+    MockDate.set('2023-01-01T00:00:00')
     const date = Date.now() + 42 * 24 * 60 * 60 * 1000 // 42d
 
     const result = formatLocallyDistanceToNowStrict(date)

package/react/MuiCozyTheme/TextField/index.jsx

@@ -1,9 +1,10 @@
 import React, { forwardRef } from 'react'
 import MuiTextField from '@material-ui/core/TextField'
+import { getRandomUUID } from '../../helpers/getRandomUUID'
 
 const TextField = forwardRef(({ children, ...props }, ref) => {
   // A11Y, https://v4.mui.com/api/text-field/#props
-  const uuid = crypto.randomUUID()
+  const uuid = getRandomUUID()
 
   return (
     <MuiTextField ref={ref} id={uuid} {...props}>

package/react/helpers/getRandomUUID.js

@@ -0,0 +1,11 @@
+/**
+ *  Returns a random UUID
+ * @returns {string} a random UUID
+ */
+export const getRandomUUID = () => {
+  if (process.env.NODE_ENV === 'test') {
+    return 'random-uuid-for-jest'
+  }
+
+  return window.crypto.randomUUID()
+}

package/react/helpers/getRandomUUID.spec.js

@@ -0,0 +1,9 @@
+import { getRandomUUID } from './getRandomUUID'
+
+describe('getRandomUUID', () => {
+  it('returns a random uuid', () => {
+    const uuid = getRandomUUID()
+
+    expect(uuid).toBe('random-uuid-for-jest')
+  })
+})

package/transpiled/react/CircleButton/index.js

@@ -8,6 +8,7 @@ import Box from "cozy-ui/transpiled/react/Box";
 import IconButton from "cozy-ui/transpiled/react/IconButton";
 import Typography from "cozy-ui/transpiled/react/Typography";
 import { makeTypoColor, makeButtonShadow } from "cozy-ui/transpiled/react/CircleButton/helpers";
+import { getRandomUUID } from "cozy-ui/transpiled/react/helpers/getRandomUUID";
 var useStyles = makeStyles(function (theme) {
   return {
     iconButton: {
@@ -73,7 +74,7 @@ var CircleButton = function CircleButton(_ref7) {
     active: variant === 'active',
     disabled: disabled
   });
-  var uuid = crypto.randomUUID();
+  var uuid = getRandomUUID();
 
   if (!ariaLabel && !label) {
     console.warn("The \"aria-label\" or \"label\" property must be filled in.");

package/transpiled/react/MuiCozyTheme/TextField/index.js

@@ -3,12 +3,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children"];
 import React, { forwardRef } from 'react';
 import MuiTextField from '@material-ui/core/TextField';
+import { getRandomUUID } from "cozy-ui/transpiled/react/helpers/getRandomUUID";
 var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   // A11Y, https://v4.mui.com/api/text-field/#props
-  var uuid = crypto.randomUUID();
+  var uuid = getRandomUUID();
   return /*#__PURE__*/React.createElement(MuiTextField, _extends({
     ref: ref,
     id: uuid

package/transpiled/react/helpers/getRandomUUID.js

@@ -0,0 +1,11 @@
+/**
+ *  Returns a random UUID
+ * @returns {string} a random UUID
+ */
+export var getRandomUUID = function getRandomUUID() {
+  if (process.env.NODE_ENV === 'test') {
+    return 'random-uuid-for-jest';
+  }
+
+  return window.crypto.randomUUID();
+};