From e4f0ef6ddf72c556522b39775ec5a17f4da5941b Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Fri, 3 Dec 2021 17:32:19 -0600
Subject: [PATCH] chore: Upgrade outline-icons (typescript)

---
 app/components/DocumentTasks.tsx                  | 2 +-
 app/components/Sidebar/components/Collections.tsx | 2 +-
 app/components/Sidebar/components/Disclosure.ts   | 2 +-
 app/components/Sidebar/components/Starred.tsx     | 2 +-
 app/components/Sidebar/components/StarredLink.tsx | 2 +-
 app/scenes/Search/components/SearchInput.tsx      | 7 +------
 app/typings/index.d.ts                            | 2 --
 package.json                                      | 2 +-
 yarn.lock                                         | 8 ++++----
 9 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/app/components/DocumentTasks.tsx b/app/components/DocumentTasks.tsx
index c984e83ff..5cc1e234d 100644
--- a/app/components/DocumentTasks.tsx
+++ b/app/components/DocumentTasks.tsx
@@ -54,7 +54,7 @@ function DocumentTasks({ document }: Props) {
   );
 }
 
-const Done = styled(DoneIcon)`
+const Done = styled(DoneIcon)<{ $animated: boolean }>`
   margin: -1px;
   animation: ${(props) => (props.$animated ? bounceIn : "none")} 600ms;
   transform-origin: center center;
diff --git a/app/components/Sidebar/components/Collections.tsx b/app/components/Sidebar/components/Collections.tsx
index 2d068de2b..3e25b793d 100644
--- a/app/components/Sidebar/components/Collections.tsx
+++ b/app/components/Sidebar/components/Collections.tsx
@@ -113,7 +113,7 @@ function Collections() {
   );
 }
 
-const Disclosure = styled(CollapsedIcon)`
+const Disclosure = styled(CollapsedIcon)<{ expanded?: boolean }>`
   transition: transform 100ms ease, fill 50ms !important;
   ${({ expanded }) => !expanded && "transform: rotate(-90deg);"};
 `;
diff --git a/app/components/Sidebar/components/Disclosure.ts b/app/components/Sidebar/components/Disclosure.ts
index d24c078f9..4c17623a1 100644
--- a/app/components/Sidebar/components/Disclosure.ts
+++ b/app/components/Sidebar/components/Disclosure.ts
@@ -1,7 +1,7 @@
 import { CollapsedIcon } from "outline-icons";
 import styled from "styled-components";
 
-const Disclosure = styled(CollapsedIcon)`
+const Disclosure = styled(CollapsedIcon)<{ expanded?: boolean }>`
   transition: transform 100ms ease, fill 50ms !important;
   position: absolute;
   left: -24px;
diff --git a/app/components/Sidebar/components/Starred.tsx b/app/components/Sidebar/components/Starred.tsx
index 64f768c3a..d9dd3aa2f 100644
--- a/app/components/Sidebar/components/Starred.tsx
+++ b/app/components/Sidebar/components/Starred.tsx
@@ -160,7 +160,7 @@ function Starred() {
   );
 }
 
-const Disclosure = styled(CollapsedIcon)`
+const Disclosure = styled(CollapsedIcon)<{ expanded?: boolean }>`
   transition: transform 100ms ease, fill 50ms !important;
   ${({ expanded }) => !expanded && "transform: rotate(-90deg);"};
 `;
diff --git a/app/components/Sidebar/components/StarredLink.tsx b/app/components/Sidebar/components/StarredLink.tsx
index 148fbd465..915670b7c 100644
--- a/app/components/Sidebar/components/StarredLink.tsx
+++ b/app/components/Sidebar/components/StarredLink.tsx
@@ -44,7 +44,7 @@ function StarredLink({ depth, title, to, documentId, collectionId }: Props) {
   }, [collection, collectionId, collections, document, documentId, documents]);
 
   const handleDisclosureClick = React.useCallback(
-    (ev: React.MouseEvent<HTMLDivElement>) => {
+    (ev: React.MouseEvent<SVGElement>) => {
       ev.preventDefault();
       ev.stopPropagation();
       setExpanded((prevExpanded) => !prevExpanded);
diff --git a/app/scenes/Search/components/SearchInput.tsx b/app/scenes/Search/components/SearchInput.tsx
index 2de41f500..2f27779e7 100644
--- a/app/scenes/Search/components/SearchInput.tsx
+++ b/app/scenes/Search/components/SearchInput.tsx
@@ -24,12 +24,7 @@ function SearchInput({ defaultValue, ...rest }: Props) {
 
   return (
     <Wrapper align="center">
-      <StyledIcon
-        type="Search"
-        size={46}
-        color={theme.textTertiary}
-        onClick={focusInput}
-      />
+      <StyledIcon size={46} color={theme.textTertiary} onClick={focusInput} />
       <StyledInput
         {...rest}
         defaultValue={defaultValue}
diff --git a/app/typings/index.d.ts b/app/typings/index.d.ts
index 00dfa1fa3..67bb9f21c 100644
--- a/app/typings/index.d.ts
+++ b/app/typings/index.d.ts
@@ -2,8 +2,6 @@ declare module "autotrack/autotrack.js";
 
 declare module "boundless-arrow-key-navigation";
 
-declare module "outline-icons";
-
 declare module "string-replace-to-array";
 
 declare module "styled-components-breakpoint";
diff --git a/package.json b/package.json
index 4bf7efa4a..ac88f3772 100644
--- a/package.json
+++ b/package.json
@@ -115,7 +115,7 @@
     "mobx-react": "^6.3.1",
     "natural-sort": "^1.0.0",
     "nodemailer": "^6.4.16",
-    "outline-icons": "^1.33.1",
+    "outline-icons": "^1.35.0",
     "oy-vey": "^0.10.0",
     "passport": "^0.4.1",
     "passport-google-oauth2": "^0.2.0",
diff --git a/yarn.lock b/yarn.lock
index 6890a8939..874e0e4e5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11215,10 +11215,10 @@ os-browserify@^0.3.0:
   resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
   integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
 
-outline-icons@^1.26.1, outline-icons@^1.33.1:
-  version "1.33.1"
-  resolved "https://registry.yarnpkg.com/outline-icons/-/outline-icons-1.33.1.tgz#2abe0dbd8604d2740ad8a0cb1e3d5baea2a91d2e"
-  integrity sha512-PRpk5cPZHhrc1o1oRwIaJTaXCtUA1Rc2L/ywLvdVmXOLoADBJT6ak7TV9/g75IFCive54oIx8JQ1tt5k0RtQPw==
+outline-icons@^1.26.1, outline-icons@^1.35.0:
+  version "1.35.0"
+  resolved "https://registry.yarnpkg.com/outline-icons/-/outline-icons-1.35.0.tgz#3249d8e8a05b491e8820ca182175336240d1cfa5"
+  integrity sha512-QWPrft2WKy6eIGBbzeaO/0sYXHuLvbQoBa7NrGQM5j7R9/AoxItnJdolYWKiZJAH8tUxfp2yuBdg+H9/z1Zf+g==
 
 oy-vey@^0.10.0:
   version "0.10.0"