@contember/react-form 2.1.0-beta.2 → 2.2.0-alpha.2

package/src/components/FormHasOneRelationScope.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { HasOneRelationMarker, SugaredRelativeSingleEntity, useEntity } from '@contember/react-binding'
-import { FormFieldStateProvider } from './FormFieldStateProvider'
+import { FormFieldStateProvider } from './FormFieldStateProvider.js'
 import { useMemo } from 'react'
 
 export type FormHasOneRelationScopeProps = {

package/src/components/FormInput.tsx

@@ -3,10 +3,10 @@ import { ChangeEventHandler, ComponentType, useCallback, useState } from 'react'
 import { Slot } from '@radix-ui/react-slot'
 import { Component, Field, OptionallyVariableFieldValue, SugaredRelativeSingleField, useField } from '@contember/react-binding'
 import { dataAttribute } from '@contember/utilities'
-import { useFormInputHandler } from '../internal/useFormInputHandler'
-import { useFormFieldState } from '../contexts'
-import { useFormInputValidationHandler } from '../hooks/useFormInputValidationHandler'
-import { FormInputHandler } from '../types'
+import { useFormInputHandler } from '../internal/useFormInputHandler.js'
+import { useFormFieldState } from '../contexts.js'
+import { useFormInputValidationHandler } from '../hooks/useFormInputValidationHandler.js'
+import { FormInputHandler } from '../types/index.js'
 import { useReferentiallyStableCallback } from '@contember/react-utils'
 
 type InputProps = React.JSX.IntrinsicElements['input']

package/src/components/FormLabel.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { Slot } from '@radix-ui/react-slot'
 import { dataAttribute } from '@contember/utilities'
-import { useFormFieldState } from '../contexts'
+import { useFormFieldState } from '../contexts.js'
 import { BindingError } from '@contember/react-binding'
 
 export const FormLabel = (props: {

package/src/components/FormRadioInput.tsx

@@ -3,8 +3,8 @@ import { dataAttribute } from '@contember/utilities'
 import { Slot } from '@radix-ui/react-slot'
 import * as React from 'react'
 import { ChangeEventHandler, useCallback } from 'react'
-import { useFormFieldState } from '../contexts'
-import { useFormInputValidationHandler } from '../hooks'
+import { useFormFieldState } from '../contexts.js'
+import { useFormInputValidationHandler } from '../hooks/index.js'
 
 const SlotInput = Slot as React.ForwardRefExoticComponent<React.RefAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement>>
 

package/src/components/index.ts

@@ -1,9 +1,9 @@
-export * from './FormError'
-export * from './FormCheckbox'
-export * from './FormFieldScope'
-export * from './FormFieldStateProvider'
-export * from './FormHasOneRelationScope'
-export * from './FormHasManyRelationScope'
-export * from './FormInput'
-export * from './FormLabel'
-export * from './FormRadioInput'
+export * from './FormError.js'
+export * from './FormCheckbox.js'
+export * from './FormFieldScope.js'
+export * from './FormFieldStateProvider.js'
+export * from './FormHasOneRelationScope.js'
+export * from './FormHasManyRelationScope.js'
+export * from './FormInput.js'
+export * from './FormLabel.js'
+export * from './FormRadioInput.js'

package/src/contexts.tsx

@@ -1,5 +1,5 @@
 import { createContext } from '@contember/react-utils'
-import { FormFieldState } from './types'
+import { FormFieldState } from './types/index.js'
 
 const FormFieldStateContext_ = createContext<FormFieldState | undefined>('FormFieldStateContext', undefined)
 export const FormFieldStateContext = FormFieldStateContext_[0]

package/src/hooks/index.ts

@@ -1 +1 @@
-export * from './useFormInputValidationHandler'
+export * from './useFormInputValidationHandler.js'

package/src/index.ts

@@ -1,4 +1,4 @@
-export * from './components'
-export * from './hooks'
-export * from './contexts'
-export * from './types'
+export * from './components/index.js'
+export * from './hooks/index.js'
+export * from './contexts.js'
+export * from './types/index.js'

package/src/internal/useFormInputHandler.ts

@@ -1,6 +1,6 @@
 import { FieldAccessor, SchemaColumn, SchemaKnownColumnType } from '@contember/react-binding'
 import { useMemo } from 'react'
-import { FormInputHandler } from '../types'
+import { FormInputHandler } from '../types/index.js'
 
 export const useFormInputHandler = (field: FieldAccessor, { formatValue, parseValue }: Partial<FormInputHandler>): FormInputHandler => {
 	return useMemo(() => {