Select: Mark todos

src/Input/DownshiftSelect/Select.stories.tsx

@@ -89,6 +89,7 @@ const Template: Story<Props> = args => (
   />
 );
 
+// TODO: Cannot delete from middle of input
 export const Interactive = Template.bind({});
 Interactive.args = { label: 'Select An Item', helperText: 'Type to filter' };
 Interactive.parameters = {
@@ -228,7 +229,7 @@ DownshiftOptions.parameters = {
 
 export const Disabled = Template.bind({});
 Disabled.args = {
-  disabled: true,
+  disabled: true, //TODO
   label: 'Select An Option',
   placeholder: 'I am placeholder',
   helperText: 'I am helper text',
@@ -500,6 +501,7 @@ EmptyListText.parameters = {
   },
 };
 
+// TODO: Realsistic example
 export const AsyncItems: Story<Props> = () => {
   const [sampleItems, setSampleItems] = useState<Item[]>(sampleSize(items, 2));
   return (

src/Input/DownshiftSelect/Select.tsx

@@ -13,16 +13,20 @@ export interface Item {
   [x: string]: any;
 }
 
+// TODO: use includes
 export const defaultTransformFunction = (items: Item[], inputValue: string) =>
   items.filter(item =>
     item.label.toLowerCase().startsWith(inputValue.toLowerCase())
   );
 
+// TODO: rename
 export const defaultItemToString = (item: Item) => (item ? item.label : '');
 
 export const defaultEmptyListText =
   'No results found. Try another keyword to search for.';
 
+// TODO: Organize exports for external users
+// TODO: Remove empty types here
 // These are our custom props for our subcomponents. We need this because
 // sometimes we want to make additional props available to the subcomponent,
 // e.g. a Item subcomponent needs to know the item it represents.
@@ -321,6 +325,7 @@ export const Select: React.FC<Props> & { Components: Components } = ({
             })}
             aria-label="toggle menu"
             data-testid="toggle-button"
+            // TODO: Explain with comment
             ref={undefined}
           >
             {isOpen ? <ArrowUpIcon /> : <ArrowDownIcon />}