Build a valid esmodule

modules/react-arborist/src/commands/default-commands.ts

@@ -1,7 +1,7 @@
-import { NodeController } from "../controllers/node-controller";
-import { TreeController } from "../controllers/tree-controller";
-import { NodeType } from "../nodes/types";
-import { focusNextElement, focusPrevElement } from "../utils";
+import { NodeController } from "../controllers/node-controller.js";
+import { TreeController } from "../controllers/tree-controller.js";
+import { NodeType } from "../nodes/types.js";
+import { focusNextElement, focusPrevElement } from "../utils.js";
 
 export type Tree = TreeController<any>;
 

modules/react-arborist/src/commands/types.ts

@@ -1,4 +1,4 @@
-import { TreeController } from "../controllers/tree-controller";
+import { TreeController } from "../controllers/tree-controller.js";
 
 export type CommandObject<T> = {
   [name: string]: CommandBody<T>;

modules/react-arborist/src/components/default-cursor.tsx

@@ -1,5 +1,5 @@
 import React, { CSSProperties } from "react";
-import { CursorProps } from "../types/renderers";
+import { CursorProps } from "../types/renderers.js";
 
 const placeholderStyle = {
   display: "flex",

modules/react-arborist/src/components/tree-view.tsx

@@ -5,21 +5,21 @@ import React, {
   useContext,
   useRef,
 } from "react";
-import { TreeController } from "../controllers/tree-controller";
-import { TreeViewProps } from "../types/tree-view-props";
+import { TreeController } from "../controllers/tree-controller.js";
+import { TreeViewProps } from "../types/tree-view-props.js";
 import { FixedSizeList } from "react-window";
-import { NodeController } from "../controllers/node-controller";
-import { createRowAttributes } from "../row/attributes";
-import { DefaultCursor } from "./default-cursor";
-import { useCursorProps } from "../cursor/use-cursor-props";
-import { useCursorContainerStyle } from "../cursor/use-cursor-container-style";
-import { useListInnerStyle } from "../list/use-list-inner-style";
-import { useNodeDrag } from "../dnd/use-node-drag";
-import { useNodeDrop } from "../dnd/use-node-drop";
-import { useDefaultProps } from "../props/use-default-props";
-import { useRowFocus } from "../focus/use-row-focus";
-import { createTreeViewAttributes } from "../tree-view/attributes";
-import { useTreeDrop } from "../dnd/use-tree-drop";
+import { NodeController } from "../controllers/node-controller.js";
+import { createRowAttributes } from "../row/attributes.js";
+import { DefaultCursor } from "./default-cursor.js";
+import { useCursorProps } from "../cursor/use-cursor-props.js";
+import { useCursorContainerStyle } from "../cursor/use-cursor-container-style.js";
+import { useListInnerStyle } from "../list/use-list-inner-style.js";
+import { useNodeDrag } from "../dnd/use-node-drag.js";
+import { useNodeDrop } from "../dnd/use-node-drop.js";
+import { useDefaultProps } from "../props/use-default-props.js";
+import { useRowFocus } from "../focus/use-row-focus.js";
+import { createTreeViewAttributes } from "../tree-view/attributes.js";
+import { useTreeDrop } from "../dnd/use-tree-drop.js";
 
 export function TreeView<T>(props: Partial<TreeViewProps<T>>) {
   const filledProps = useDefaultProps(props);

modules/react-arborist/src/controllers/node-controller.ts

@@ -1,5 +1,5 @@
-import { NodeObject } from "../nodes/types";
-import { TreeController } from "./tree-controller";
+import { NodeObject } from "../nodes/types.js";
+import { TreeController } from "./tree-controller.js";
 
 export class NodeController<T> {
   static constructRows<T>(tree: TreeController<T>, objects: NodeObject<T>[]) {

modules/react-arborist/src/controllers/tree-controller.ts

@@ -1,9 +1,9 @@
 import { Align, FixedSizeList } from "react-window";
-import { CursorState } from "../cursor/types";
-import { safeToDrop } from "../dnd/safe-to-drop";
-import { ShortcutManager } from "../shortcuts/shortcut-manager";
-import { TreeViewProps } from "../types/tree-view-props";
-import { NodeController } from "./node-controller";
+import { CursorState } from "../cursor/types.js";
+import { safeToDrop } from "../dnd/safe-to-drop.js";
+import { ShortcutManager } from "../shortcuts/shortcut-manager.js";
+import { TreeViewProps } from "../types/tree-view-props.js";
+import { NodeController } from "./node-controller.js";
 
 export class TreeController<T> {
   rows: NodeController<T>[];

modules/react-arborist/src/cursor/types.ts

@@ -1,4 +1,4 @@
-import { PartialController } from "../types/utils";
+import { PartialController } from "../types/utils.js";
 
 export type LineCursor = {
   type: "line";

modules/react-arborist/src/cursor/use-cursor-container-style.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from "react";
-import { TreeController } from "../controllers/tree-controller";
+import { TreeController } from "../controllers/tree-controller.js";
 
 export function useCursorContainerStyle(tree: TreeController<any>) {
   return {

modules/react-arborist/src/cursor/use-cursor-props.ts

@@ -1,4 +1,4 @@
-import { TreeController } from "../controllers/tree-controller";
+import { TreeController } from "../controllers/tree-controller.js";
 
 export function useCursorProps(tree: TreeController<any>) {
   const cursor = tree.props.cursor.value;

modules/react-arborist/src/cursor/use-cursor.ts

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { CursorPartialController, CursorState } from "./types";
+import { CursorPartialController, CursorState } from "./types.js";
 
 export function useCursor(): CursorPartialController {
   const [value, setValue] = useState<CursorState>(null);

modules/react-arborist/src/dnd/compute-drop.ts

@@ -1,7 +1,7 @@
-import { bound, isOpenWithEmptyChildren } from "../utils";
-import { NodeController } from "../controllers/node-controller";
-import { HoverData, measureHover } from "./measure-hover";
-import { XY } from "./types";
+import { bound, isOpenWithEmptyChildren } from "../utils.js";
+import { NodeController } from "../controllers/node-controller.js";
+import { HoverData, measureHover } from "./measure-hover.js";
+import { XY } from "./types.js";
 
 function getNodesAroundCursor(
   node: NodeController<any> | null,

modules/react-arborist/src/dnd/measure-hover.ts

@@ -1,4 +1,4 @@
-import { XY } from "./types";
+import { XY } from "./types.js";
 
 export function measureHover(
   el: HTMLElement,

modules/react-arborist/src/dnd/safe-to-drop.ts

@@ -1,4 +1,4 @@
-import { TreeController } from "../controllers/tree-controller";
+import { TreeController } from "../controllers/tree-controller.js";
 
 export function safeToDrop(tree: TreeController<any>) {
   const targetParentNode = tree.dropTargetParentNode;

modules/react-arborist/src/dnd/types.ts

@@ -1,5 +1,5 @@
-import { NodeController } from "../controllers/node-controller";
-import { PartialController } from "../types/utils";
+import { NodeController } from "../controllers/node-controller.js";
+import { PartialController } from "../types/utils.js";
 
 export type DndState = {
   dragSourceId: string | null;

modules/react-arborist/src/dnd/use-dnd.ts

@@ -1,4 +1,4 @@
-import { DndPartialController, DndState } from "./types";
+import { DndPartialController, DndState } from "./types.js";
 import { useState } from "react";
 
 function getInitialState(): DndState {

modules/react-arborist/src/dnd/use-node-drag.ts

@@ -1,5 +1,5 @@
 import { useDrag } from "react-aria";
-import { NodeController } from "../controllers/node-controller";
+import { NodeController } from "../controllers/node-controller.js";
 
 export function useNodeDrag<T>(node: NodeController<T>) {
   const { tree } = node;

modules/react-arborist/src/dnd/use-node-drop.ts

@@ -1,8 +1,8 @@
 import { useDrop } from "react-aria";
-import { NodeController } from "../controllers/node-controller";
-import { ComputedDrop, computeDrop } from "./compute-drop";
+import { NodeController } from "../controllers/node-controller.js";
+import { ComputedDrop, computeDrop } from "./compute-drop.js";
 import { useRef } from "react";
-import { Timer } from "../utils";
+import { Timer } from "../utils.js";
 
 export function useNodeDrop<T>(node: NodeController<T>, ref: any) {
   const { tree } = node;

modules/react-arborist/src/dnd/use-tree-drop.ts

@@ -1,6 +1,6 @@
 import { useDrop } from "react-aria";
-import { computeDrop } from "./compute-drop";
-import { TreeController } from "../controllers/tree-controller";
+import { computeDrop } from "./compute-drop.js";
+import { TreeController } from "../controllers/tree-controller.js";
 
 export function useTreeDrop<T>(tree: TreeController<T>, ref: any) {
   const { dropProps } = useDrop({

modules/react-arborist/src/edit/types.ts

@@ -1,4 +1,4 @@
-import { PartialController } from "../types/utils";
+import { PartialController } from "../types/utils.js";
 
 export type EditState = string | null;
 

modules/react-arborist/src/edit/use-edit.ts

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { EditPartialController, EditState } from "./types";
+import { EditPartialController, EditState } from "./types.js";
 
 export function useEdit(): EditPartialController {
   const [value, setValue] = useState<EditState>(null);

modules/react-arborist/src/filter/match.ts

@@ -1,4 +1,4 @@
-import { NodeObject } from "../nodes/types";
+import { NodeObject } from "../nodes/types.js";
 
 export function matchesStringProperties<T>(node: NodeObject<T>, term: string) {
   const haystack = Array.from(Object.values(node.sourceData as any))

modules/react-arborist/src/filter/tree-filter.ts

@@ -1,6 +1,6 @@
-import { NodeObject } from "../nodes/types";
-import { matchesStringProperties } from "./match";
-import { FilterOptions } from "./use-filter";
+import { NodeObject } from "../nodes/types.js";
+import { matchesStringProperties } from "./match.js";
+import { FilterOptions } from "./use-filter.js";
 
 type BoolMap = Record<string, boolean>;
 

modules/react-arborist/src/filter/use-filter.ts

@@ -1,7 +1,7 @@
 import { useState } from "react";
-import { OpensOnChangeEvent, OpensState } from "../opens/types";
-import { TreeFilter } from "./tree-filter";
-import { NodeObject } from "../nodes/types";
+import { OpensOnChangeEvent, OpensState } from "../opens/types.js";
+import { TreeFilter } from "./tree-filter.js";
+import { NodeObject } from "../nodes/types.js";
 
 export type FilterOptions<T> = {
   term?: string;

modules/react-arborist/src/focus/types.ts

@@ -1,4 +1,4 @@
-import { PartialController } from "../types/utils";
+import { PartialController } from "../types/utils.js";
 
 export type FocusState = {
   id: string | null;

modules/react-arborist/src/focus/use-focus.ts

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { FocusPartialController, FocusState } from "./types";
+import { FocusPartialController, FocusState } from "./types.js";
 
 export function useFocus(): FocusPartialController {
   const [value, setValue] = useState<FocusState>({

modules/react-arborist/src/focus/use-row-focus.ts

@@ -1,5 +1,5 @@
 import { MutableRefObject, useEffect } from "react";
-import { NodeController } from "../controllers/node-controller";
+import { NodeController } from "../controllers/node-controller.js";
 
 export function useRowFocus(
   node: NodeController<any>,

modules/react-arborist/src/index.ts

@@ -1,10 +1,10 @@
 /* The Public Api */
-export type * from "./types/handlers";
-export type * from "./types/renderers";
+export type * from "./types/handlers.js";
+export type * from "./types/renderers.js";
 
-export * from "./components/tree-view";
-export * from "./nodes/tree-model";
-export * from "./nodes/use-nodes";
-export * from "./selection/use-multi-selection";
-export * from "./dnd/use-dnd";
-export * from "./filter/use-filter";
+export * from "./components/tree-view.js";
+export * from "./nodes/tree-model.js";
+export * from "./nodes/use-nodes.js";
+export * from "./selection/use-multi-selection.js";
+export * from "./dnd/use-dnd.js";
+export * from "./filter/use-filter.js";

modules/react-arborist/src/list/use-list-inner-style.ts

@@ -1,4 +1,4 @@
-import { TreeController } from "../controllers/tree-controller";
+import { TreeController } from "../controllers/tree-controller.js";
 
 export function useListInnerStyle(tree: TreeController<any>, style: any) {
   return {

modules/react-arborist/src/nodes/accessor.ts

@@ -1,4 +1,4 @@
-import { Accessors } from "./types";
+import { Accessors } from "./types.js";
 
 export function createAccessor<T>(
   accessors: Partial<Accessors<T>>,

modules/react-arborist/src/nodes/comparator.ts

@@ -1,4 +1,4 @@
-import { GetSortField, SortOrder } from "./types";
+import { GetSortField, SortOrder } from "./types.js";
 
 export class Comparator<T> {
   constructor(

modules/react-arborist/src/nodes/create-node-model.ts

@@ -1,6 +1,6 @@
-import { NodeModel } from "./node-model";
-import { Sorter } from "./sorter";
-import { Accessors } from "./types";
+import { NodeModel } from "./node-model.js";
+import { Sorter } from "./sorter.js";
+import { Accessors } from "./types.js";
 
 export function createNodeModel<T>(
   parent: NodeModel<T>,

modules/react-arborist/src/nodes/node-model.ts

@@ -1,5 +1,5 @@
-import { createChildren } from "./create-node-model";
-import { NodeObject, Accessors } from "./types";
+import { createChildren } from "./create-node-model.js";
+import { NodeObject, Accessors } from "./types.js";
 
 type Attrs<T> = {
   id: string;

modules/react-arborist/src/nodes/root-node-model.ts

@@ -1,6 +1,6 @@
-import { createChildren } from "./create-node-model";
-import { NodeModel } from "./node-model";
-import { Accessors } from "./types";
+import { createChildren } from "./create-node-model.js";
+import { NodeModel } from "./node-model.js";
+import { Accessors } from "./types.js";
 
 export class RootNodeModel<T> extends NodeModel<T> {
   constructor(sourceChildren: T[], access: Accessors<T>) {

modules/react-arborist/src/nodes/sorter.ts

@@ -1,6 +1,6 @@
-import { toArray } from "../utils";
-import { Comparator } from "./comparator";
-import { Accessors } from "./types";
+import { toArray } from "../utils.js";
+import { Comparator } from "./comparator.js";
+import { Accessors } from "./types.js";
 
 export class Sorter<T> {
   constructor(public access: Accessors<T>) {}

modules/react-arborist/src/nodes/tree-model.ts

@@ -1,7 +1,7 @@
-import { createAccessor } from "./accessor";
-import { NodeModel } from "./node-model";
-import { RootNodeModel } from "./root-node-model";
-import { Accessors, NodeType } from "./types";
+import { createAccessor } from "./accessor.js";
+import { NodeModel } from "./node-model.js";
+import { RootNodeModel } from "./root-node-model.js";
+import { Accessors, NodeType } from "./types.js";
 
 export class TreeModel<T> {
   root: RootNodeModel<T>;

modules/react-arborist/src/nodes/types.ts

@@ -1,4 +1,4 @@
-import { PartialController } from "../types/utils";
+import { PartialController } from "../types/utils.js";
 
 export type NodeObject<T> = {
   id: string;

modules/react-arborist/src/nodes/use-nodes.ts

@@ -4,8 +4,8 @@ import {
   NodeObject,
   NodesOnChangeEvent,
   NodesPartialController,
-} from "./types";
-import { TreeModel } from "./tree-model";
+} from "./types.js";
+import { TreeModel } from "./tree-model.js";
 
 export function useNodes<T>(
   initialData: T[],

modules/react-arborist/src/opens/types.ts

@@ -1,4 +1,4 @@
-import { PartialController } from "../types/utils";
+import { PartialController } from "../types/utils.js";
 
 export type OpensState = Record<string, boolean>;
 

modules/react-arborist/src/opens/use-opens.ts

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { OpensPartialController, OpensState } from "./types";
+import { OpensPartialController, OpensState } from "./types.js";
 
 export function useOpens(): OpensPartialController {
   const [value, setValue] = useState<OpensState>({});

modules/react-arborist/src/props/use-default-props.ts

@@ -1,14 +1,14 @@
-import * as defaultCommands from "../commands/default-commands";
-import { useCursor } from "../cursor/use-cursor";
-import { useDnd } from "../dnd/use-dnd";
-import { useEdit } from "../edit/use-edit";
-import { useFocus } from "../focus/use-focus";
-import { defaultNodeObjects } from "../nodes/default-node-objects";
-import { useNodes } from "../nodes/use-nodes";
-import { useOpens } from "../opens/use-opens";
-import { useMultiSelection } from "../selection/use-multi-selection";
-import { defaultShortcuts } from "../shortcuts/default-shortcuts";
-import { TreeViewProps } from "../types/tree-view-props";
+import * as defaultCommands from "../commands/default-commands.js";
+import { useCursor } from "../cursor/use-cursor.js";
+import { useDnd } from "../dnd/use-dnd.js";
+import { useEdit } from "../edit/use-edit.js";
+import { useFocus } from "../focus/use-focus.js";
+import { defaultNodeObjects } from "../nodes/default-node-objects.js";
+import { useNodes } from "../nodes/use-nodes.js";
+import { useOpens } from "../opens/use-opens.js";
+import { useMultiSelection } from "../selection/use-multi-selection.js";
+import { defaultShortcuts } from "../shortcuts/default-shortcuts.js";
+import { TreeViewProps } from "../types/tree-view-props.js";
 
 export function useDefaultProps<T>(
   props: Partial<TreeViewProps<T>>,

modules/react-arborist/src/row/attributes.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from "react";
-import { NodeController } from "../controllers/node-controller";
-import { TreeController } from "../controllers/tree-controller";
+import { NodeController } from "../controllers/node-controller.js";
+import { TreeController } from "../controllers/tree-controller.js";
 
 export function createRowAttributes<T>(
   tree: TreeController<T>,

modules/react-arborist/src/selection/types.ts

@@ -1,5 +1,5 @@
-import { TreeController } from "../controllers/tree-controller";
-import { PartialController } from "../types/utils";
+import { TreeController } from "../controllers/tree-controller.js";
+import { PartialController } from "../types/utils.js";
 
 export type SelectionState = Record<string, boolean>;
 export type SelectionOnChangeEvent<T> =