From 595b6ccc56f761e7930e57b7f0c1049297313c26 Mon Sep 17 00:00:00 2001
From: KJ Monahan <kj@forumone.com>
Date: Tue, 1 Aug 2023 16:11:12 -0500
Subject: [PATCH 1/3] Fix typing on StyledSelect

---
 .../{DropdownOption.tsx => DropdownOption.ts}             | 0
 .../StyledSelect/StyledDropdownIndicator.tsx              | 8 ++------
 .../source/03-components/StyledSelect/StyledSelect.tsx    | 8 +++++---
 3 files changed, 7 insertions(+), 9 deletions(-)
 rename services/app/source/03-components/StyledSelect/{DropdownOption.tsx => DropdownOption.ts} (100%)

diff --git a/services/app/source/03-components/StyledSelect/DropdownOption.tsx b/services/app/source/03-components/StyledSelect/DropdownOption.ts
similarity index 100%
rename from services/app/source/03-components/StyledSelect/DropdownOption.tsx
rename to services/app/source/03-components/StyledSelect/DropdownOption.ts
diff --git a/services/app/source/03-components/StyledSelect/StyledDropdownIndicator.tsx b/services/app/source/03-components/StyledSelect/StyledDropdownIndicator.tsx
index 914b064f..221f3790 100644
--- a/services/app/source/03-components/StyledSelect/StyledDropdownIndicator.tsx
+++ b/services/app/source/03-components/StyledSelect/StyledDropdownIndicator.tsx
@@ -10,12 +10,8 @@ import DropdownOption from './DropdownOption';
  * @see https://react-select.com/components#replacing-components
  * @param props
  */
-function StyledDropdownIndicator(
-  props: DropdownIndicatorProps<
-    DropdownOption,
-    boolean,
-    GroupBase<DropdownOption>
-  >,
+function StyledDropdownIndicator<Option = DropdownOption>(
+  props: DropdownIndicatorProps<Option, boolean, GroupBase<Option>>,
 ) {
   return (
     <components.DropdownIndicator {...props}>
diff --git a/services/app/source/03-components/StyledSelect/StyledSelect.tsx b/services/app/source/03-components/StyledSelect/StyledSelect.tsx
index d10dd6fd..10057f7b 100644
--- a/services/app/source/03-components/StyledSelect/StyledSelect.tsx
+++ b/services/app/source/03-components/StyledSelect/StyledSelect.tsx
@@ -34,9 +34,11 @@ const selectTheme: ThemeConfig = theme => ({
  * @see https://react-select.com/typescript
  * @param props
  */
-function StyledSelect(
-  props: Props<DropdownOption, boolean, GroupBase<DropdownOption>>,
-): JSX.Element {
+function StyledSelect<
+  Option = DropdownOption,
+  IsMulti extends boolean = false,
+  Group extends GroupBase<Option> = GroupBase<Option>,
+>(props: Props<Option, IsMulti, Group>): JSX.Element {
   return (
     <Select
       {...props}

From 2dfcee6782282668022517c8cbf0e6208368f1b3 Mon Sep 17 00:00:00 2001
From: KJ Monahan <kj@forumone.com>
Date: Tue, 8 Aug 2023 12:44:12 -0500
Subject: [PATCH 2/3] Adjust Option generic to extend DropdownOption

---
 .../03-components/StyledSelect/StyledDropdownIndicator.tsx      | 2 +-
 services/app/source/03-components/StyledSelect/StyledSelect.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/services/app/source/03-components/StyledSelect/StyledDropdownIndicator.tsx b/services/app/source/03-components/StyledSelect/StyledDropdownIndicator.tsx
index 221f3790..34e4cae3 100644
--- a/services/app/source/03-components/StyledSelect/StyledDropdownIndicator.tsx
+++ b/services/app/source/03-components/StyledSelect/StyledDropdownIndicator.tsx
@@ -10,7 +10,7 @@ import DropdownOption from './DropdownOption';
  * @see https://react-select.com/components#replacing-components
  * @param props
  */
-function StyledDropdownIndicator<Option = DropdownOption>(
+function StyledDropdownIndicator<Option extends DropdownOption>(
   props: DropdownIndicatorProps<Option, boolean, GroupBase<Option>>,
 ) {
   return (
diff --git a/services/app/source/03-components/StyledSelect/StyledSelect.tsx b/services/app/source/03-components/StyledSelect/StyledSelect.tsx
index 10057f7b..df2eba02 100644
--- a/services/app/source/03-components/StyledSelect/StyledSelect.tsx
+++ b/services/app/source/03-components/StyledSelect/StyledSelect.tsx
@@ -35,7 +35,7 @@ const selectTheme: ThemeConfig = theme => ({
  * @param props
  */
 function StyledSelect<
-  Option = DropdownOption,
+  Option extends DropdownOption,
   IsMulti extends boolean = false,
   Group extends GroupBase<Option> = GroupBase<Option>,
 >(props: Props<Option, IsMulti, Group>): JSX.Element {

From e72daec054a4bf701cf5d3660de87e39ca4a5703 Mon Sep 17 00:00:00 2001
From: KJ Monahan <kj@forumone.com>
Date: Tue, 29 Aug 2023 16:31:17 -0500
Subject: [PATCH 3/3] Version bump to 1.0.6

---
 package.json              | 2 +-
 services/app/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 67d656ed..1a6f5b4d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nextjs-project",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "private": true,
   "scripts": {
     "prepare": "husky install"
diff --git a/services/app/package.json b/services/app/package.json
index c1a751f9..3d3a0557 100644
--- a/services/app/package.json
+++ b/services/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nextjs-project",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "private": true,
   "scripts": {
     "dev": "next dev",