Update tsconfig and make nav interfaces exposable for consumption (#1223

)

**Related Ticket:** #1186
**Related PR:** developmentseed/next-veda-ui#10

**Note**
To expose interfaces from veda-ui - they should be defined in `.ts`
files vs `.d.ts` files. This is because parcel isn't building the
typescript definition files into `lib/index.d.ts` but does so when the
file is `.ts`.

**When building the library with `.d.ts` extension - there are NO type
hints from NextInstance side**
<img width="1086" alt="Screenshot 2024-11-04 at 9 23 19 AM"
src="https://github.com/user-attachments/assets/75d746c3-018e-44a8-8ee3-4f37e336c363">

**When building the library with `.ts` extension - there are type hints
form NextInstance side**
<img width="1124" alt="Screenshot 2024-11-04 at 9 20 02 AM"
src="https://github.com/user-attachments/assets/26ec377d-feb1-48ca-a18b-e54835de91ff">


### Description of Changes
* Update typescript definition file of nav types to typescript file
* Add declaration true to tsconfig

### Notes & Questions About Changes
Found this thread about typescript definition files and parcel build
here parcel-bundler/parcel#1240

### Validation / Testing
_{Update with info on what can be manually validated in the Deploy
Preview link for example "Validate style updates to selection modal do
NOT affect cards"}_

app/scripts/components/common/page-header/default-config.ts

@@ -1,5 +1,5 @@
 import { getString, getNavItemsFromVedaConfig } from 'veda';
-import { InternalNavLink, ExternalNavLink, ModalNavLink, DropdownNavLink, NavItemType } from '$components/common/page-header/types.d';
+import { InternalNavLink, ExternalNavLink, ModalNavLink, DropdownNavLink, NavItemType } from '$components/common/page-header/types';
 
 import {
   STORIES_PATH,

app/scripts/components/common/page-header/nav-menu-item.tsx

@@ -13,7 +13,7 @@ import { DropMenu, DropMenuItem } from '@devseed-ui/dropdown';
 import DropdownScrollable from '../dropdown-scrollable';
 import GoogleForm from '../google-form';
 import { LinkProperties } from '../card';
-import { AlignmentEnum, InternalNavLink, ExternalNavLink, NavLinkItem, DropdownNavLink, ModalNavLink, NavItem, NavItemType } from './types.d';
+import { AlignmentEnum, InternalNavLink, ExternalNavLink, NavLinkItem, DropdownNavLink, ModalNavLink, NavItem, NavItemType } from './types';
 import GlobalMenuLinkCSS from '$styles/menu-link';
 import { useMediaQuery } from '$utils/use-media-query';
 

app/scripts/index.ts

@@ -18,6 +18,7 @@ import StoriesHubContent from '$components/stories/hub/hub-content';
 import { useFiltersWithQS } from '$components/common/catalog/controls/hooks/use-filters-with-query';
 import PageHeader from '$components/common/page-header';
 import LogoContainer from '$components/common/page-header/logo-container';
+import type { NavItem, InternalNavLink, NavItemType } from '$components/common/page-header/types';
 
 
 export {
@@ -42,6 +43,12 @@ export {
   ReactQueryProvider,
   StoriesHubContent,
   LogoContainer,
+
   // HOOKS and utility functions
-  useFiltersWithQS
+  useFiltersWithQS,
+
+  // TYPES
+  NavItem,
+  NavItemType,
+  InternalNavLink
 };

tsconfig.json

@@ -5,6 +5,7 @@
     "moduleResolution": "node",
     "esModuleInterop": true,
     "strictNullChecks": true,
+    "declaration": true,
     "baseUrl": "./",
     "jsx": "react",
     "paths": {