@arbor-education/design-system.components 0.19.0 → 0.19.1

package/src/components/userDropdown/internal/UserDropdownUserInfo.tsx

@@ -4,7 +4,7 @@ import { Avatar } from 'Components/avatar/Avatar';
 import { Icon } from 'Components/icon/Icon';
 import { Dropdown } from 'Components/dropdown/Dropdown';
 import { PopupParentContext } from 'Utils/PopupParentContext';
-import type { UserDropdownUser, UserDropdownUserInfoAction } from '../UserDropdown';
+import type { UserDropdownUser, UserDropdownUserInfoAction } from '../UserDropdown.js';
 
 type UserDropdownUserInfoProps = {
   user: UserDropdownUser;

package/src/utils/ModalUtils.ts

@@ -1,6 +1,6 @@
 import type { ModalProps } from 'Components/modal/Modal';
-import PubSub from './PubSub';
-import { MODAL } from './Constants';
+import PubSub from './PubSub.js';
+import { MODAL } from './Constants.js';
 
 export const ModalUtils = {
   addModal: (modal: ModalProps) => {

package/src/utils/PopupParentContext.ts

@@ -1,5 +1,5 @@
 import { createContext, type RefObject } from 'react';
-import { getDefaultPopupParent } from './getDefaultPopupParent';
+import { getDefaultPopupParent } from './getDefaultPopupParent.js';
 
 export const PopupParentContext = createContext<RefObject<HTMLElement | null>>({
   current: getDefaultPopupParent(),

package/src/utils/PubSub.test.ts

@@ -1,5 +1,5 @@
 import { expect, test, describe, vi, beforeEach } from 'vitest';
-import PubSub from './PubSub';
+import PubSub from './PubSub.js';
 
 describe('PubSub Service', () => {
   beforeEach(() => {

package/src/utils/SlideoverUtils.ts

@@ -1,6 +1,6 @@
 import type { SlideoverProps } from 'Components/slideover/Slideover';
-import { SLIDEOVER } from './Constants';
-import PubSub from './PubSub';
+import { SLIDEOVER } from './Constants.js';
+import PubSub from './PubSub.js';
 
 export const SlideoverUtils = {
   addSlideover: (slideoverConfig: SlideoverProps) => PubSub.publish(SLIDEOVER.ADD_SLIDEOVER, slideoverConfig),

package/src/utils/focusFirstFocusableElement.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, test, vi, beforeEach, afterEach } from 'vitest';
-import { focusFirstFocusableElement } from './focusFirstFocusableElement';
+import { focusFirstFocusableElement } from './focusFirstFocusableElement.js';
 
 describe('focusFirstFocusableElement', () => {
   let container: HTMLElement;

package/src/utils/hooks/useComponentDidMount.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, test, vi, beforeEach } from 'vitest';
 import { render } from '@testing-library/react';
-import { useComponentDidMount } from './useComponentDidMount';
+import { useComponentDidMount } from './useComponentDidMount.js';
 
 describe('useComponentDidMount', () => {
   beforeEach(() => {

package/src/utils/hooks/useComponentDidUpdate.test.ts

@@ -1,6 +1,6 @@
 import { expect, test, describe, vi } from 'vitest';
 import { renderHook } from '@testing-library/react';
-import { useComponentDidUpdate } from './useComponentDidUpdate';
+import { useComponentDidUpdate } from './useComponentDidUpdate.js';
 
 describe('useComponentDidUpdate', () => {
   test('does not call effect on initial render', () => {

package/src/utils/hooks/useGridApi.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, test, vi } from 'vitest';
 import { render } from '@testing-library/react';
-import { useGridApi } from './useGridApi';
+import { useGridApi } from './useGridApi.js';
 import { GridApiContext } from 'Components/table/GridApiContext';
 import type { GridApi } from 'ag-grid-community';
 

package/src/utils/hooks/useIsMounted.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, test } from 'vitest';
 import { render } from '@testing-library/react';
-import { useIsMounted } from './useIsMounted';
+import { useIsMounted } from './useIsMounted.js';
 
 describe('useIsMounted', () => {
   test('returns a ref with current value true when component is mounted', () => {

package/src/utils/hooks/useIsMounted.ts

@@ -1,5 +1,5 @@
 import { useRef } from 'react';
-import { useComponentDidMount } from './useComponentDidMount';
+import { useComponentDidMount } from './useComponentDidMount.js';
 
 export const useIsMounted = () => {
   const isMounted = useRef(true);

package/src/utils/hooks/useMemoGenerateUuid.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, test, vi, beforeEach } from 'vitest';
 import { render } from '@testing-library/react';
-import { useMemoGenerateUuid } from './useMemoGenerateUuid';
-import { generateUuid } from '../generateUuid';
+import { useMemoGenerateUuid } from './useMemoGenerateUuid.js';
+import { generateUuid } from '../generateUuid.js';
 
 vi.mock('../generateUuid', () => ({
   generateUuid: vi.fn((prefix?: string) => {

package/src/utils/hooks/useMemoGenerateUuid.ts

@@ -1,5 +1,5 @@
 import { useMemo, type DependencyList } from 'react';
-import { generateUuid } from '../generateUuid';
+import { generateUuid } from '../generateUuid.js';
 
 type Args = {
   deps?: DependencyList;

package/src/utils/hooks/usePubSub.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, test, vi, afterEach } from 'vitest';
 import { render } from '@testing-library/react';
-import { usePubSub } from './usePubSub';
+import { usePubSub } from './usePubSub.js';
 import PubSub from 'Utils/PubSub';
 import { generateUuid } from 'Utils/generateUuid';
 

package/src/utils/hooks/usePubSub.ts

@@ -1,5 +1,5 @@
 import PubSub from 'Utils/PubSub';
-import { useComponentDidMount } from './useComponentDidMount';
+import { useComponentDidMount } from './useComponentDidMount.js';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const usePubSub = <T extends (...args: any[]) => any>(eventName: string, handler: T) => {

package/tsconfig.json

@@ -41,7 +41,7 @@
     "moduleDetection": "force",
     "skipLibCheck": true,
 
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "allowSyntheticDefaultImports": true,
     "paths": {
       "Components/*": ["./src/components/*"],