From 8514c6c63d8321f8717b3fc90f35da91359bfc9b Mon Sep 17 00:00:00 2001
From: Evan Johnson <esj254@nyu.edu>
Date: Fri, 28 Jun 2024 14:03:13 -0400
Subject: [PATCH] cleanup none

---
 .../core-examples/common/iconNames.ts         |  8 ++-----
 .../core-examples/common/iconSelect.tsx       | 21 +++++++------------
 2 files changed, 10 insertions(+), 19 deletions(-)

diff --git a/packages/docs-app/src/examples/core-examples/common/iconNames.ts b/packages/docs-app/src/examples/core-examples/common/iconNames.ts
index 22079ce418..87e3e7bda8 100644
--- a/packages/docs-app/src/examples/core-examples/common/iconNames.ts
+++ b/packages/docs-app/src/examples/core-examples/common/iconNames.ts
@@ -16,14 +16,10 @@
 
 import { type IconName, IconNames } from "@blueprintjs/icons";
 
-export const NONE = "None";
-export type IconNameOrNone = IconName | typeof NONE;
-
-export function getIconNames(): IconNameOrNone[] {
-    const iconNames = new Set<IconNameOrNone>();
+export function getIconNames(): IconName[] {
+    const iconNames = new Set<IconName>();
     for (const [, name] of Object.entries(IconNames)) {
         iconNames.add(name);
     }
-    iconNames.add(NONE);
     return Array.from(iconNames.values());
 }
diff --git a/packages/docs-app/src/examples/core-examples/common/iconSelect.tsx b/packages/docs-app/src/examples/core-examples/common/iconSelect.tsx
index 7b04f0b788..94b63d52fa 100644
--- a/packages/docs-app/src/examples/core-examples/common/iconSelect.tsx
+++ b/packages/docs-app/src/examples/core-examples/common/iconSelect.tsx
@@ -21,7 +21,7 @@ import { Alignment, Button, Classes, MenuItem } from "@blueprintjs/core";
 import type { IconName } from "@blueprintjs/icons";
 import { type ItemRenderer, Select } from "@blueprintjs/select";
 
-import { getIconNames, type IconNameOrNone, NONE } from "./iconNames";
+import { getIconNames } from "./iconNames";
 
 const ICON_NAMES = getIconNames();
 
@@ -37,7 +37,7 @@ export class IconSelect extends React.PureComponent<IconSelectProps> {
         return (
             <label className={classNames("icon-select", Classes.LABEL, { [Classes.DISABLED]: disabled })}>
                 Icon
-                <Select<IconNameOrNone>
+                <Select<IconName>
                     disabled={disabled}
                     items={ICON_NAMES}
                     itemPredicate={this.filterIconName}
@@ -53,7 +53,7 @@ export class IconSelect extends React.PureComponent<IconSelectProps> {
                         disabled={disabled}
                         fill={true}
                         icon={iconName}
-                        text={iconName || NONE}
+                        text={iconName || "None"}
                         rightIcon="caret-down"
                     />
                 </Select>
@@ -61,7 +61,7 @@ export class IconSelect extends React.PureComponent<IconSelectProps> {
         );
     }
 
-    private renderIconItem: ItemRenderer<IconName | typeof NONE> = (icon, { handleClick, handleFocus, modifiers }) => {
+    private renderIconItem: ItemRenderer<IconName | undefined> = (icon, { handleClick, handleFocus, modifiers }) => {
         if (!modifiers.matchesPredicate) {
             return null;
         }
@@ -70,7 +70,7 @@ export class IconSelect extends React.PureComponent<IconSelectProps> {
                 roleStructure="listoption"
                 active={modifiers.active}
                 selected={this.props.iconName === icon}
-                icon={icon === NONE ? undefined : icon}
+                icon={icon}
                 key={icon}
                 onClick={handleClick}
                 onFocus={handleFocus}
@@ -79,19 +79,14 @@ export class IconSelect extends React.PureComponent<IconSelectProps> {
         );
     };
 
-    private filterIconName = (query: string, iconName: IconName | typeof NONE) => {
+    private filterIconName = (query: string, iconName: IconName | undefined) => {
         if (query === "") {
             return iconName === this.props.iconName;
         }
         return iconName.toLowerCase().indexOf(query.toLowerCase()) >= 0;
     };
 
-    private handleIconChange = (icon: IconNameOrNone) => {
-        if (icon === this.props.iconName) {
-            this.props.onChange(undefined);
-            return;
-        }
-
-        this.props.onChange(icon === NONE ? undefined : icon);
+    private handleIconChange = (icon: IconName) => {
+        this.props.onChange(icon === this.props.iconName ? undefined : icon);
     };
 }