chore: remove @reach/auto-id dep, opt for react's useId (#989)

* remove reach useId dep * remove react/auto-id dep, use react * adds changeset * update peer dep to react 18 * update changeset to be major
hashicorp · Aug 2, 2023 · 1338cdc · 1338cdc · vercel · Aug 2, 2023
1 parent 6d7763d
commit 1338cdc
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 170 deletions.
diff --git a/.changeset/old-days-rescue.md b/.changeset/old-days-rescue.md
@@ -0,0 +1,7 @@
+---
+'@hashicorp/react-checkbox-input': major
+'@hashicorp/react-text-input': major
+'@hashicorp/react-textarea-input': major
+---
+
+Remove @reach/auto-id dependency in favor of react's `useId` and update peer dependency `react` version to >=18.x
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/checkbox-input/index.js b/packages/checkbox-input/index.js
@@ -3,8 +3,7 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 
-import React from 'react'
-import { useId } from '@reach/auto-id'
+import React, { useId } from 'react'
 import s from './style.module.css'
 import classNames from 'classnames'
 

diff --git a/packages/checkbox-input/package.json b/packages/checkbox-input/package.json
@@ -7,13 +7,12 @@
     "Zach Shilton"
   ],
   "dependencies": {
-    "@reach/auto-id": "^0.17.0",
     "classnames": "^2.3.1"
   },
   "license": "MPL-2.0",
   "peerDependencies": {
     "@hashicorp/mktg-global-styles": ">=3.x",
-    "react": ">=16.x"
+    "react": ">=18.x"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/text-input/index.js b/packages/text-input/index.js
@@ -3,8 +3,8 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 
+import { useId } from 'react'
 import classNames from 'classnames'
-import { useId } from '@reach/auto-id'
 import s from './style.module.css'
 
 function TextInput({

diff --git a/packages/text-input/package.json b/packages/text-input/package.json
@@ -7,13 +7,12 @@
     "Zach Shilton"
   ],
   "dependencies": {
-    "@reach/auto-id": "^0.17.0",
     "classnames": "^2.3.1"
   },
   "license": "MPL-2.0",
   "peerDependencies": {
     "@hashicorp/mktg-global-styles": ">=3.x",
-    "react": ">=16.x"
+    "react": ">=18.x"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/textarea-input/index.tsx b/packages/textarea-input/index.tsx
@@ -3,8 +3,8 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 
+import { useId } from 'react'
 import clsx from 'clsx'
-import { useId } from '@reach/auto-id'
 import type { ChangeEventHandler, FocusEventHandler } from 'react'
 import s from './style.module.css'
 

diff --git a/packages/textarea-input/package.json b/packages/textarea-input/package.json
@@ -7,13 +7,12 @@
     "Zach Shilton"
   ],
   "dependencies": {
-    "@reach/auto-id": "^0.17.0",
     "clsx": "^1.1.1"
   },
   "license": "MPL-2.0",
   "peerDependencies": {
     "@hashicorp/mktg-global-styles": ">=3.x",
-    "react": ">=16.x"
+    "react": ">=18.x"
   },
   "publishConfig": {
     "access": "public"