fix: export utilities (#2961)

Moves `useFormField` to `/Combobox` to keep up to what we do with utils
only used by it.

Removes unused `useTextarea`

.changeset/old-jeans-ring.md

@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+Export all utilities

packages/react/src/components/Combobox/Combobox.tsx

@@ -4,9 +4,9 @@ import cl from 'clsx/lite';
 import { forwardRef, useEffect, useRef, useState } from 'react';
 import type { InputHTMLAttributes, ReactNode } from 'react';
 import { omit, useDebounceCallback } from '../../utilities';
-import type { FormFieldProps } from '../../utilities/hooks/useFormField/useFormField';
-import { useFormField } from '../../utilities/hooks/useFormField/useFormField';
 import { Spinner } from '../Spinner';
+import type { FormFieldProps } from './useFormField/useFormField';
+import { useFormField } from './useFormField/useFormField';
 
 import { ComboboxContext } from './ComboboxContext';
 import { ComboboxIdProvider } from './ComboboxIdContext';

packages/react/src/components/Combobox/ComboboxContext.tsx

@@ -6,7 +6,7 @@ import type {
 import { createContext } from 'react';
 import type { Dispatch, Ref, RefObject, SetStateAction } from 'react';
 
-import type { useFormField } from '../../utilities/hooks/useFormField/useFormField';
+import type { useFormField } from './useFormField/useFormField';
 
 import type { ComboboxProps } from './Combobox';
 import type { Option, useCombobox } from './useCombobox';

packages/react/src/components/Combobox/internal/ComboboxError.tsx

@@ -1,6 +1,6 @@
-import type { useFormField } from '../../../utilities/hooks/useFormField/useFormField';
 import { ValidationMessage } from '../../ValidationMessage';
 import type { ComboboxProps } from '../Combobox';
+import type { useFormField } from '../useFormField/useFormField';
 
 type ComboboxErrorProps = {
   size: ComboboxProps['size'];

packages/react/src/components/Combobox/internal/ComboboxLabel.tsx

@@ -1,10 +1,10 @@
 import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
 import cl from 'clsx/lite';
 
-import type { useFormField } from '../../../utilities/hooks/useFormField/useFormField';
 import { Label } from '../../Label';
 import { Paragraph } from '../../Paragraph';
 import type { ComboboxProps } from '../Combobox';
+import type { useFormField } from '../useFormField/useFormField';
 
 type ComboboxLabelProps = {
   label?: ComboboxProps['label'];

packages/react/src/components/Fieldset/FieldsetContext.ts → packages/react/src/components/Combobox/useFormField/FieldsetContext.ts

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-import type { FormFieldProps } from '../../utilities/hooks/useFormField/useFormField';
+import type { FormFieldProps } from './useFormField';
 
 export type FieldsetContextType = Pick<
   FormFieldProps,

packages/react/src/utilities/hooks/useFormField/useFormField.ts → packages/react/src/components/Combobox/useFormField/useFormField.ts

@@ -2,8 +2,8 @@ import cl from 'clsx/lite';
 import { useContext, useId } from 'react';
 import type { HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
 
-import { FieldsetContext } from '../../../components/Fieldset/FieldsetContext';
 import type { Size } from '../../../types';
+import { FieldsetContext } from './FieldsetContext';
 
 export type FormFieldProps = {
   /** Error message for form field */

packages/react/src/index.ts

@@ -1,12 +1,3 @@
 export * from './components';
-export {
-  useSynchronizedAnimation,
-  useIsomorphicLayoutEffect,
-  RovingFocusRoot,
-  useRovingFocus,
-  RovingFocusItem,
-  getNextFocusableValue,
-  getPrevFocusableValue,
-  omit,
-} from './utilities';
+export * from './utilities';
 export type { Size } from './types';

packages/react/src/utilities/hooks/index.ts

@@ -1,10 +1,10 @@
+export { useCheckboxGroup } from './useCheckboxGroup/useCheckboxGroup';
 export { useDebounceCallback } from './useDebounceCallback/useDebounceCallback';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';
 export { useMediaQuery } from './useMediaQuery/useMediaQuery';
-export { useSynchronizedAnimation } from './useSynchronizedAnimation/useSynchronizedAnimation';
 export { usePrevious } from './usePrevious/usePrevious';
 export { useRadioGroup } from './useRadioGroup/useRadioGroup';
-export { useCheckboxGroup } from './useCheckboxGroup/useCheckboxGroup';
+export { useSynchronizedAnimation } from './useSynchronizedAnimation/useSynchronizedAnimation';
 
 export type { UseRadioGroupProps } from './useRadioGroup/useRadioGroup';
 export type { UseCheckboxGroupProps } from './useCheckboxGroup/useCheckboxGroup';