chore: add react prefix hook for react package (#345)

carbon-design-system · Dec 30, 2024 · 1225d25 · 1225d25
1 parent f29fe01
commit 1225d25
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 0 deletions.
diff --git a/packages/utilities/package.json b/packages/utilities/package.json
@@ -29,6 +29,10 @@
     "es/**/*.js",
     "es/index.js"
   ],
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
   "devDependencies": {
     "@rollup/plugin-babel": "^6.0.4",
     "babel-cli": "^6.26.0"

diff --git a/packages/utilities/src/index.js b/packages/utilities/src/index.js
@@ -8,3 +8,4 @@
  */
 
 export * from './settings/index.js';
+export * from './usePrefix.js';
diff --git a/packages/utilities/src/usePrefix.js b/packages/utilities/src/usePrefix.js
@@ -0,0 +1,18 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from 'react';
+
+export const PrefixContext = React.createContext('clabs');
+
+/**
+ * Sets the prefix context
+ * @returns context value
+ */
+export function usePrefix() {
+  return React.useContext(PrefixContext);
+}
diff --git a/yarn.lock b/yarn.lock
@@ -2594,6 +2594,8 @@ __metadata:
   dependencies:
     "@rollup/plugin-babel": "npm:^6.0.4"
     babel-cli: "npm:^6.26.0"
+    react: "npm:^18.3.1"
+    react-dom: "npm:^18.3.1"
   languageName: unknown
   linkType: soft
Original file line number	Diff line number	Diff line change
Expand Up		@@ -8,3 +8,4 @@
		*/

		export * from './settings/index.js';
		export * from './usePrefix.js';