fix: move hook to public

Author: monochromer

eslint.config.mjs

@@ -38,6 +38,11 @@ export default defineConfig([
                     selector: "MemberExpression[object.name='React'][property.name='useId']",
                     message: "Please use 'src/hooks/useUniqId' instead.",
                 },
+                {
+                    selector:
+                        "MemberExpression[object.name='React'][property.name='useLayoutEffect']",
+                    message: "Please use 'src/hooks/useLayoutEffect' instead.",
+                },
             ],
             'jsx-a11y/no-autofocus': 'off',
             'import/no-extraneous-dependencies': 'off',

src/components/Breadcrumbs/Breadcrumbs.tsx

@@ -2,8 +2,7 @@
 
 import * as React from 'react';
 
-import {useForkRef, useResizeObserver} from '../../hooks';
-import {useLayoutEffect} from '../../hooks/private';
+import {useForkRef, useLayoutEffect, useResizeObserver} from '../../hooks';
 import type {PopupPlacement} from '../Popup';
 import type {AriaLabelingProps, DOMProps, Key, QAProps} from '../types';
 import {filterDOMProps} from '../utils/filterDOMProps';

src/components/TreeSelect/TreeSelect.tsx

@@ -2,8 +2,7 @@
 
 import * as React from 'react';
 
-import {useFocusWithin, useForkRef, useUniqId} from '../../hooks';
-import {useLayoutEffect} from '../../hooks/private';
+import {useFocusWithin, useForkRef, useLayoutEffect, useUniqId} from '../../hooks';
 import {useOpenState} from '../../hooks/useSelect/useOpenState';
 import {SelectControl} from '../Select/components';
 import {SelectPopup} from '../Select/components/SelectPopup/SelectPopup';

src/components/lab/Virtualizer/useLoadMore.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import {useLayoutEffect} from '../../../hooks/private';
+import {useLayoutEffect} from '../../../hooks/';
 
 export interface Loadable {
     /** Whether the items are currently loading. */

src/components/layout/hooks/useCurrentActiveMediaQuery.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import {useLayoutEffect} from '../../../hooks/private';
+import {useLayoutEffect} from '../../../hooks';
 import type {MediaProps, MediaType} from '../types';
 
 export const mockMediaQueryList: MediaQueryList = {

src/components/useList/hooks/useListKeydown.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import {KeyCode} from '../../../constants';
-import {useLayoutEffect} from '../../../hooks/private';
+import {useLayoutEffect} from '../../../hooks';
 import type {ListOnItemClick, UseListResult} from '../types';
 import {findNextIndex} from '../utils/findNextIndex';
 import {scrollToListItem} from '../utils/scrollToListItem';

src/hooks/index.ts

@@ -14,3 +14,4 @@ export * from './useTimeout';
 export * from './useViewportSize';
 export * from './useVirtualElementRef';
 export * from './useUniqId';
+export * from './useLayoutEffect';

src/hooks/private/index.ts

@@ -10,4 +10,3 @@ export * from './usePrevious';
 export * from './useRadio';
 export * from './useRadioGroup';
 export * from './useUpdateEffect';
-export * from './useIsomorphicLayoutEffect';

src/hooks/private/useCheckbox/useCheckbox.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 
-import {useLayoutEffect} from '../';
-import {useControlledState, useForkRef} from '../..';
+import {useControlledState, useForkRef, useLayoutEffect} from '../..';
 import type {ControlProps} from '../../../components/types';
 import {eventBroker} from '../../../components/utils/event-broker';
 import {useFormResetHandler} from '../useFormResetHandler';

src/hooks/private/useElementSize/useElementSize.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import round from 'lodash/round';
 import throttle from 'lodash/throttle';
 
-import {useLayoutEffect} from '../';
+import {useLayoutEffect} from '../..';
 
 const RESIZE_THROTTLE = 16;
 const ROUND_PRECISION = 2;