From 313a30b0b594de0e9d3c2459ddd3edff04eeb3d8 Mon Sep 17 00:00:00 2001
From: Wilbert Mui <wmui51@yahoo.com>
Date: Thu, 7 Sep 2023 10:01:00 -0700
Subject: [PATCH 1/8] feat: export useThemeContext hook

---
 packages/theme-context/src/ThemeContext/BaseContext.js | 3 ++-
 packages/theme-context/src/ThemeContext/index.js       | 3 +++
 packages/theme-context/src/ThemeContext/index.test.js  | 4 ++++
 packages/theme-context/src/index.js                    | 1 +
 4 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/theme-context/src/ThemeContext/BaseContext.js b/packages/theme-context/src/ThemeContext/BaseContext.js
index d72b3230f0..b81a6af8b7 100644
--- a/packages/theme-context/src/ThemeContext/BaseContext.js
+++ b/packages/theme-context/src/ThemeContext/BaseContext.js
@@ -1,6 +1,7 @@
-import { createContext } from "react";
+import { createContext, useContext } from "react";
 import defaultTheme from "@weave-design/theme-data/build/json/lightGrayMediumDensityTheme/theme.json";
 
 const { Provider, Consumer } = createContext(defaultTheme);
+// const useThemeContext = () => useContext({Provider, Consumer});
 
 export { Provider, Consumer };
diff --git a/packages/theme-context/src/ThemeContext/index.js b/packages/theme-context/src/ThemeContext/index.js
index 1310d9c670..afef137cb6 100644
--- a/packages/theme-context/src/ThemeContext/index.js
+++ b/packages/theme-context/src/ThemeContext/index.js
@@ -1,5 +1,8 @@
 import { Provider } from "./BaseContext";
 import Consumer from "./Consumer";
+// import useThemeContext from "./useThemeContext";
 
+// console.log('theme context', useThemeContext);
 export { Provider, Consumer };
+// export {default as useThemeContext} from "./useThemeContext";
 export default { Provider, Consumer };
diff --git a/packages/theme-context/src/ThemeContext/index.test.js b/packages/theme-context/src/ThemeContext/index.test.js
index 91def12097..c03e70b808 100644
--- a/packages/theme-context/src/ThemeContext/index.test.js
+++ b/packages/theme-context/src/ThemeContext/index.test.js
@@ -19,5 +19,9 @@ describe("themes/ThemeContext/index", () => {
       name: "Provider",
       value: expect.any(Object),
     },
+    {
+      name: "useThemeContext",
+      value: expect.any(Function),
+    },
   ]);
 });
diff --git a/packages/theme-context/src/index.js b/packages/theme-context/src/index.js
index 264c5d212d..bd03c6c092 100644
--- a/packages/theme-context/src/index.js
+++ b/packages/theme-context/src/index.js
@@ -1,2 +1,3 @@
 export { default as ThemeContext } from "./ThemeContext";
 export { default } from "./ThemeContext";
+export { default as useThemeContext } from "./ThemeContext/useThemeContext";

From 9347f63506f47c25c4a8e0bd57a9b470299dc1f8 Mon Sep 17 00:00:00 2001
From: Wilbert Mui <wmui51@yahoo.com>
Date: Thu, 7 Sep 2023 10:01:37 -0700
Subject: [PATCH 2/8] docs: test theme-context hook

---
 packages/button/src/__stories__/Button.story.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/button/src/__stories__/Button.story.js b/packages/button/src/__stories__/Button.story.js
index 99bca1515f..6676c22ecf 100644
--- a/packages/button/src/__stories__/Button.story.js
+++ b/packages/button/src/__stories__/Button.story.js
@@ -6,6 +6,8 @@ import Button from "../index";
 import Readme from "../../README.md";
 import { targets, types, widths } from "../constants";
 
+import { ThemeContext, useThemeContext } from "@weave-design/theme-context";
+
 export default {
   title: "Components/Button",
   component: Button,
@@ -59,6 +61,9 @@ const Template = (args, context) => {
     context.globals.density === "Medium density" ? Settings24 : Settings16;
   const iconProp =
     context.story === "Button with icon" ? { icon: <Icon /> } : {};
+  console.log(useThemeContext);
+  const test = useThemeContext();
+  console.log('useThemeContext', test);
   return <Button {...args} {...iconProp} />;
 };
 

From b8dd917d96f19f2a68db9da2548834f1210ce19d Mon Sep 17 00:00:00 2001
From: Wilbert Mui <wmui51@yahoo.com>
Date: Thu, 7 Sep 2023 10:01:59 -0700
Subject: [PATCH 3/8] refactor: add useThemeContext file

---
 .../theme-context/src/ThemeContext/useThemeContext.js    | 9 +++++++++
 1 file changed, 9 insertions(+)
 create mode 100644 packages/theme-context/src/ThemeContext/useThemeContext.js

diff --git a/packages/theme-context/src/ThemeContext/useThemeContext.js b/packages/theme-context/src/ThemeContext/useThemeContext.js
new file mode 100644
index 0000000000..bc1edd560e
--- /dev/null
+++ b/packages/theme-context/src/ThemeContext/useThemeContext.js
@@ -0,0 +1,9 @@
+import { useContext } from "react";
+
+import * as BaseContext from "./BaseContext";
+
+// console.log('BaseContext', BaseContext);
+const useThemeContext = () => useContext(BaseContext);
+// console.log('useThemeContext', useThemeContext);
+
+export default useThemeContext;

From 06d7a57c047af452bb5a9c617127e4306ca649cf Mon Sep 17 00:00:00 2001
From: Wilbert Mui <wmui51@yahoo.com>
Date: Thu, 7 Sep 2023 10:05:56 -0700
Subject: [PATCH 4/8] refactor: linter fix

---
 packages/theme-context/src/ThemeContext/BaseContext.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/theme-context/src/ThemeContext/BaseContext.js b/packages/theme-context/src/ThemeContext/BaseContext.js
index b81a6af8b7..2386121fd7 100644
--- a/packages/theme-context/src/ThemeContext/BaseContext.js
+++ b/packages/theme-context/src/ThemeContext/BaseContext.js
@@ -1,4 +1,4 @@
-import { createContext, useContext } from "react";
+import { createContext } from "react";
 import defaultTheme from "@weave-design/theme-data/build/json/lightGrayMediumDensityTheme/theme.json";
 
 const { Provider, Consumer } = createContext(defaultTheme);

From 19ee4ab378be3ff79715811f92ca67fe1daef7ad Mon Sep 17 00:00:00 2001
From: Wilbert Mui <wmui51@yahoo.com>
Date: Thu, 7 Sep 2023 10:15:47 -0700
Subject: [PATCH 5/8] refactor: linter fixes

---
 packages/button/src/__stories__/Button.story.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/button/src/__stories__/Button.story.js b/packages/button/src/__stories__/Button.story.js
index 6676c22ecf..66281c30c5 100644
--- a/packages/button/src/__stories__/Button.story.js
+++ b/packages/button/src/__stories__/Button.story.js
@@ -2,12 +2,11 @@ import React from "react";
 import { ArgsTable, Primary, Stories } from "@storybook/addon-docs";
 import { Settings16, Settings24 } from "@weave-design/icons";
 
+import { useThemeContext } from "@weave-design/theme-context";
 import Button from "../index";
 import Readme from "../../README.md";
 import { targets, types, widths } from "../constants";
 
-import { ThemeContext, useThemeContext } from "@weave-design/theme-context";
-
 export default {
   title: "Components/Button",
   component: Button,
@@ -61,9 +60,11 @@ const Template = (args, context) => {
     context.globals.density === "Medium density" ? Settings24 : Settings16;
   const iconProp =
     context.story === "Button with icon" ? { icon: <Icon /> } : {};
+  // eslint-disable-next-line no-console
   console.log(useThemeContext);
   const test = useThemeContext();
-  console.log('useThemeContext', test);
+  // eslint-disable-next-line no-console
+  console.log("useThemeContext", test);
   return <Button {...args} {...iconProp} />;
 };
 

From 578c4323768c66bbbc55b17ff0fc05367d3f8aa4 Mon Sep 17 00:00:00 2001
From: Wilbert Mui <wmui51@yahoo.com>
Date: Thu, 7 Sep 2023 10:25:24 -0700
Subject: [PATCH 6/8] test: fix broken test

---
 packages/theme-context/src/ThemeContext/index.test.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/theme-context/src/ThemeContext/index.test.js b/packages/theme-context/src/ThemeContext/index.test.js
index c03e70b808..91def12097 100644
--- a/packages/theme-context/src/ThemeContext/index.test.js
+++ b/packages/theme-context/src/ThemeContext/index.test.js
@@ -19,9 +19,5 @@ describe("themes/ThemeContext/index", () => {
       name: "Provider",
       value: expect.any(Object),
     },
-    {
-      name: "useThemeContext",
-      value: expect.any(Function),
-    },
   ]);
 });

From c9cb31b4ac75c3d39aaf6840b200cafcd8d79254 Mon Sep 17 00:00:00 2001
From: Wilbert Mui <wmui51@yahoo.com>
Date: Thu, 7 Sep 2023 10:27:40 -0700
Subject: [PATCH 7/8] refactor: add debug check

---
 packages/theme-context/src/ThemeContext/Consumer.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/theme-context/src/ThemeContext/Consumer.js b/packages/theme-context/src/ThemeContext/Consumer.js
index 107fe5aec6..4b4f69f1e5 100644
--- a/packages/theme-context/src/ThemeContext/Consumer.js
+++ b/packages/theme-context/src/ThemeContext/Consumer.js
@@ -9,7 +9,8 @@ const Consumer = (props) => (
     {(theme) => {
       const isDebugging = process.env.NODE_ENV !== "production";
       const result = isDebugging ? createThemeProxy(theme) : theme;
-
+      // eslint-disable-next-line no-console
+      console.log('isDebugging', isDebugging);
       return props.children(result);
     }}
   </BaseConsumer>

From e81d4680295e9bc6f6d0a177fbbe763665037449 Mon Sep 17 00:00:00 2001
From: Wilbert Mui <wmui51@yahoo.com>
Date: Thu, 7 Sep 2023 10:34:34 -0700
Subject: [PATCH 8/8] refactor: linter fixes

---
 packages/theme-context/src/ThemeContext/Consumer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/theme-context/src/ThemeContext/Consumer.js b/packages/theme-context/src/ThemeContext/Consumer.js
index 4b4f69f1e5..fe816f3e9a 100644
--- a/packages/theme-context/src/ThemeContext/Consumer.js
+++ b/packages/theme-context/src/ThemeContext/Consumer.js
@@ -10,7 +10,7 @@ const Consumer = (props) => (
       const isDebugging = process.env.NODE_ENV !== "production";
       const result = isDebugging ? createThemeProxy(theme) : theme;
       // eslint-disable-next-line no-console
-      console.log('isDebugging', isDebugging);
+      console.log("isDebugging", isDebugging);
       return props.children(result);
     }}
   </BaseConsumer>