fix: rename ListNext to useList

gravity-ui · Dec 19, 2023 · e842302 · e842302
1 parent 0f594bf
commit e842302
Show file tree

Hide file tree

Showing 57 changed files with 40 additions and 32 deletions.
diff --git a/src/components/TreeSelect/TreeSelect.tsx b/src/components/TreeSelect/TreeSelect.tsx
@@ -1,6 +1,11 @@
 import React from 'react';
 
 import {useForkRef, useUniqId} from '../../hooks';
+import {SelectControl} from '../Select/components';
+import {SelectPopup} from '../Select/components/SelectPopup/SelectPopup';
+import {borderRadius} from '../borderRadius';
+import {Flex} from '../layout';
+import {useMobile} from '../mobile';
 import {
     type ListItemId,
     ListItemView,
@@ -9,12 +14,7 @@ import {
     useList,
     useListKeydown,
     useListState,
-} from '../ListNext';
-import {SelectControl} from '../Select/components';
-import {SelectPopup} from '../Select/components/SelectPopup/SelectPopup';
-import {borderRadius} from '../borderRadius';
-import {Flex} from '../layout';
-import {useMobile} from '../mobile';
+} from '../useList';
 import {block} from '../utils/cn';
 
 import {TreeListContainer} from './components/TreeListContainer/TreeListContainer';

diff --git a/src/components/TreeSelect/__stories__/TreeSelect.stories.tsx b/src/components/TreeSelect/__stories__/TreeSelect.stories.tsx
@@ -3,8 +3,8 @@ import React from 'react';
 import type {Meta, StoryFn} from '@storybook/react';
 import identity from 'lodash/identity';
 
-import {createRandomizedData} from '../../ListNext/__stories__/utils/makeData';
 import {Flex} from '../../layout';
+import {createRandomizedData} from '../../useList/__stories__/utils/makeData';
 import {TreeSelect} from '../TreeSelect';
 import type {TreeSelectProps} from '../types';
 

diff --git a/src/components/TreeSelect/__stories__/components/InfinityScrollExample.tsx b/src/components/TreeSelect/__stories__/components/InfinityScrollExample.tsx
@@ -3,11 +3,11 @@ import React from 'react';
 import identity from 'lodash/identity';
 
 import {Label} from '../../../Label';
-import {ListItemView} from '../../../ListNext';
-import {useInfinityFetch} from '../../../ListNext/__stories__/utils/useInfinityFetch';
-import {IntersectionContainer} from '../../../ListNext/components/IntersectionContainer/IntersectionContainer';
 import {Loader} from '../../../Loader';
 import {Flex, spacing} from '../../../layout';
+import {ListItemView} from '../../../useList';
+import {useInfinityFetch} from '../../../useList/__stories__/utils/useInfinityFetch';
+import {IntersectionContainer} from '../../../useList/components/IntersectionContainer/IntersectionContainer';
 import {TreeSelect} from '../../TreeSelect';
 import type {TreeSelectProps} from '../../types';
 

diff --git a/src/components/TreeSelect/__stories__/components/RenderVirtualizedContainer.tsx b/src/components/TreeSelect/__stories__/components/RenderVirtualizedContainer.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
-import {ListContainerView, computeItemSize} from '../../../ListNext';
-import {VirtualizedListContainer} from '../../../ListNext/__stories__/components/VirtualizedListContainer';
+import {ListContainerView, computeItemSize} from '../../../useList';
+import {VirtualizedListContainer} from '../../../useList/__stories__/components/VirtualizedListContainer';
 import type {RenderContainerProps} from '../../types';
 
 // custom container renderer example

diff --git a/src/components/TreeSelect/__stories__/components/WithDndListExample.tsx b/src/components/TreeSelect/__stories__/components/WithDndListExample.tsx
@@ -14,10 +14,10 @@ import {
 } from 'react-beautiful-dnd';
 
 import {Icon} from '../../../Icon';
-import {ListContainerView, ListItemView, ListItemViewProps} from '../../../ListNext';
-import {createRandomizedData} from '../../../ListNext/__stories__/utils/makeData';
-import {reorderArray} from '../../../ListNext/__stories__/utils/reorderArray';
 import {Flex} from '../../../layout';
+import {ListContainerView, ListItemView, ListItemViewProps} from '../../../useList';
+import {createRandomizedData} from '../../../useList/__stories__/utils/makeData';
+import {reorderArray} from '../../../useList/__stories__/utils/reorderArray';
 import {TreeSelect} from '../../TreeSelect';
 import type {TreeSelectProps} from '../../types';
 

diff --git a/src/components/TreeSelect/__stories__/components/WithFiltrationAndControlsExample.tsx b/src/components/TreeSelect/__stories__/components/WithFiltrationAndControlsExample.tsx
@@ -3,11 +3,11 @@ import React from 'react';
 import identity from 'lodash/identity';
 
 import {Button} from '../../../Button';
-import {useListFilter} from '../../../ListNext';
-import {createRandomizedData} from '../../../ListNext/__stories__/utils/makeData';
 import {Text} from '../../../Text';
 import {TextInput} from '../../../controls';
 import {Flex, spacing} from '../../../layout';
+import {useListFilter} from '../../../useList';
+import {createRandomizedData} from '../../../useList/__stories__/utils/makeData';
 import {TreeSelect} from '../../TreeSelect';
 import type {TreeSelectProps} from '../../types';
 

diff --git a/...ents/TreeSelect/__stories__/components/WithGroupSelectionControlledStateAndCustomIcon.tsx b/...ents/TreeSelect/__stories__/components/WithGroupSelectionControlledStateAndCustomIcon.tsx
@@ -5,9 +5,9 @@ import identity from 'lodash/identity';
 
 import {Button} from '../../../Button';
 import {Icon} from '../../../Icon';
-import {ListItemId, ListItemType, ListItemView, getListParsedState} from '../../../ListNext';
-import {createRandomizedData} from '../../../ListNext/__stories__/utils/makeData';
 import {Flex, spacing} from '../../../layout';
+import {ListItemId, ListItemType, ListItemView, getListParsedState} from '../../../useList';
+import {createRandomizedData} from '../../../useList/__stories__/utils/makeData';
 import {TreeSelect} from '../../TreeSelect';
 import type {TreeSelectProps} from '../../types';
 

diff --git a/src/components/TreeSelect/__stories__/components/WithItemLinksAndActionsExample.tsx b/src/components/TreeSelect/__stories__/components/WithItemLinksAndActionsExample.tsx
@@ -6,9 +6,9 @@ import identity from 'lodash/identity';
 import {Button} from '../../../Button';
 import {DropdownMenu} from '../../../DropdownMenu';
 import {Icon} from '../../../Icon';
-import {ListItemId, ListItemView} from '../../../ListNext';
-import {createRandomizedData} from '../../../ListNext/__stories__/utils/makeData';
 import {Flex, spacing} from '../../../layout';
+import {ListItemId, ListItemView} from '../../../useList';
+import {createRandomizedData} from '../../../useList/__stories__/utils/makeData';
 import {TreeSelect} from '../../TreeSelect';
 import type {TreeSelectProps} from '../../types';
 

diff --git a/src/components/TreeSelect/components/TreeListContainer/TreeListContainer.tsx b/src/components/TreeSelect/components/TreeListContainer/TreeListContainer.tsx
@@ -2,8 +2,8 @@ import React from 'react';
 
 import type {RenderContainerProps} from 'src/components/TreeSelect/types';
 
-import {ListContainerView} from '../../../ListNext';
-import {ListItemRecursiveRenderer} from '../../../ListNext/components/ListRecursiveRenderer/ListRecursiveRenderer';
+import {ListContainerView} from '../../../useList';
+import {ListItemRecursiveRenderer} from '../../../useList/components/ListRecursiveRenderer/ListRecursiveRenderer';
 
 export const TreeListContainer = <T,>({
     items,

diff --git a/src/components/TreeSelect/hooks/useTreeSelectSelection.ts b/src/components/TreeSelect/hooks/useTreeSelectSelection.ts
@@ -2,7 +2,7 @@ import React from 'react';
 
 import type {UseOpenProps} from '../../../hooks/useSelect/types';
 import {useOpenState} from '../../../hooks/useSelect/useOpenState';
-import type {ListItemId} from '../../ListNext/types';
+import type {ListItemId} from '../../useList/types';
 
 type UseTreeSelectSelectionProps = {
     value?: ListItemId[];

diff --git a/src/components/TreeSelect/types.ts b/src/components/TreeSelect/types.ts
@@ -1,5 +1,6 @@
 import type React from 'react';
 
+import type {QAProps} from '../types';
 import type {
     KnownItemStructure,
     ListItemId,
@@ -10,8 +11,7 @@ import type {
     OverrideItemContext,
     RenderItemContext,
     RenderItemState,
-} from '../ListNext';
-import type {QAProps} from '../types';
+} from '../useList';
 
 export type RenderControlProps = {
     open: boolean;

diff --git a/...stNext/__stories__/DndExample.stories.tsx → ...seList/__stories__/DndExample.stories.tsx b/...stNext/__stories__/DndExample.stories.tsx → ...seList/__stories__/DndExample.stories.tsx
diff --git a/...t/__stories__/FlattenRenderer.stories.tsx → ...t/__stories__/FlattenRenderer.stories.tsx b/...t/__stories__/FlattenRenderer.stories.tsx → ...t/__stories__/FlattenRenderer.stories.tsx
diff --git a/..._stories__/ListInfinityScroll.stories.tsx → ..._stories__/ListInfinityScroll.stories.tsx b/..._stories__/ListInfinityScroll.stories.tsx → ..._stories__/ListInfinityScroll.stories.tsx
diff --git a/.../__stories__/PopupWithToggler.stories.tsx → .../__stories__/PopupWithToggler.stories.tsx b/.../__stories__/PopupWithToggler.stories.tsx → .../__stories__/PopupWithToggler.stories.tsx
diff --git a/...__stories__/RecursiveRenderer.stories.tsx → ...__stories__/RecursiveRenderer.stories.tsx b/...__stories__/RecursiveRenderer.stories.tsx → ...__stories__/RecursiveRenderer.stories.tsx
diff --git a/...xt/__stories__/components/FlattenList.tsx → ...st/__stories__/components/FlattenList.tsx b/...xt/__stories__/components/FlattenList.tsx → ...st/__stories__/components/FlattenList.tsx
diff --git a/...ories__/components/InfinityScrollList.tsx → ...ories__/components/InfinityScrollList.tsx b/...ories__/components/InfinityScrollList.tsx → ...ories__/components/InfinityScrollList.tsx
diff --git a/...xt/__stories__/components/ListWithDnd.tsx → ...st/__stories__/components/ListWithDnd.tsx b/...xt/__stories__/components/ListWithDnd.tsx → ...st/__stories__/components/ListWithDnd.tsx
diff --git a/...ies__/components/PopupWithTogglerList.tsx → ...ies__/components/PopupWithTogglerList.tsx b/...ies__/components/PopupWithTogglerList.tsx → ...ies__/components/PopupWithTogglerList.tsx
@@ -108,15 +108,21 @@ export const PopupWithTogglerList = ({size, itemsCount}: PopupWithTogglerListPro
                             expandedById={listState.expandedById}
                         >
                             {(id) => {
-                                const [data, state, _context] = getItemRenderState({
+                                const [data, state, listContext] = getItemRenderState({
                                     id,
                                     size,
                                     onItemClick,
                                     ...listParsedState,
                                     ...listState,
                                 });
 
-                                return <ListItemView {...state} {...data} />;
+                                return (
+                                    <ListItemView
+                                        {...state}
+                                        {...data}
+                                        selectable={!listContext.groupState}
+                                    />
+                                );
                             }}
                         </ListItemRecursiveRenderer>
                     ))}

diff --git a/.../__stories__/components/RecursiveList.tsx → .../__stories__/components/RecursiveList.tsx b/.../__stories__/components/RecursiveList.tsx → .../__stories__/components/RecursiveList.tsx
diff --git a/...tainer/VirtualizedListContainer.async.tsx → ...tainer/VirtualizedListContainer.async.tsx b/...tainer/VirtualizedListContainer.async.tsx → ...tainer/VirtualizedListContainer.async.tsx
diff --git a/...istContainer/VirtualizedListContainer.tsx → ...istContainer/VirtualizedListContainer.tsx b/...istContainer/VirtualizedListContainer.tsx → ...istContainer/VirtualizedListContainer.tsx
diff --git a/...ponents/VirtualizedListContainer/index.ts → ...ponents/VirtualizedListContainer/index.ts b/...ponents/VirtualizedListContainer/index.ts → ...ponents/VirtualizedListContainer/index.ts
diff --git a/...ponents/VirtualizedListContainer/types.ts → ...ponents/VirtualizedListContainer/types.ts b/...ponents/VirtualizedListContainer/types.ts → ...ponents/VirtualizedListContainer/types.ts
diff --git a/...ts/ListNext/__stories__/utils/makeData.ts → ...nts/useList/__stories__/utils/makeData.ts b/...ts/ListNext/__stories__/utils/makeData.ts → ...nts/useList/__stories__/utils/makeData.ts
diff --git a/...istNext/__stories__/utils/reorderArray.ts → ...useList/__stories__/utils/reorderArray.ts b/...istNext/__stories__/utils/reorderArray.ts → ...useList/__stories__/utils/reorderArray.ts
diff --git a/...ext/__stories__/utils/useInfinityFetch.ts → ...ist/__stories__/utils/useInfinityFetch.ts b/...ext/__stories__/utils/useInfinityFetch.ts → ...ist/__stories__/utils/useInfinityFetch.ts
diff --git a/...ectionContainer/IntersectionContainer.tsx → ...ectionContainer/IntersectionContainer.tsx b/...ectionContainer/IntersectionContainer.tsx → ...ectionContainer/IntersectionContainer.tsx
diff --git a/.../ListContainerView/ListContainerView.scss → .../ListContainerView/ListContainerView.scss b/.../ListContainerView/ListContainerView.scss → .../ListContainerView/ListContainerView.scss
diff --git a/...s/ListContainerView/ListContainerView.tsx → ...s/ListContainerView/ListContainerView.tsx b/...s/ListContainerView/ListContainerView.tsx → ...s/ListContainerView/ListContainerView.tsx
diff --git a/...components/ListItemView/ListItemView.scss → ...components/ListItemView/ListItemView.scss b/...components/ListItemView/ListItemView.scss → ...components/ListItemView/ListItemView.scss
diff --git a/.../components/ListItemView/ListItemView.tsx → .../components/ListItemView/ListItemView.tsx b/.../components/ListItemView/ListItemView.tsx → .../components/ListItemView/ListItemView.tsx
@@ -1,8 +1,7 @@
 import React from 'react';
 
-import {Check} from '@gravity-ui/icons';
+import {Check, ChevronDown, ChevronUp} from '@gravity-ui/icons';
 
-import {ArrowToggle} from '../../../ArrowToggle';
 import {Icon} from '../../../Icon';
 import {Text, colorText} from '../../../Text';
 import {borderRadius} from '../../../borderRadius';
@@ -159,7 +158,9 @@ export const ListItemView = React.forwardRef(
                     {renderSafeIndentation(indentation)}
 
                     {startSlot ??
-                        (isGroup ? <ArrowToggle direction={expanded ? 'bottom' : 'top'} /> : null)}
+                        (isGroup ? (
+                            <Icon data={expanded ? ChevronDown : ChevronUp} size={16} />
+                        ) : null)}
 
                     <Flex direction="column" gap="0.5">
                         {typeof title === 'string' ? (

diff --git a/...View/__stories__/ListItemView.stories.tsx → ...View/__stories__/ListItemView.stories.tsx b/...View/__stories__/ListItemView.stories.tsx → ...View/__stories__/ListItemView.stories.tsx
diff --git a/...ursiveRenderer/ListRecursiveRenderer.scss → ...ursiveRenderer/ListRecursiveRenderer.scss b/...ursiveRenderer/ListRecursiveRenderer.scss → ...ursiveRenderer/ListRecursiveRenderer.scss
diff --git a/...cursiveRenderer/ListRecursiveRenderer.tsx → ...cursiveRenderer/ListRecursiveRenderer.tsx b/...cursiveRenderer/ListRecursiveRenderer.tsx → ...cursiveRenderer/ListRecursiveRenderer.tsx
diff --git a/src/components/ListNext/constants.ts → src/components/useList/constants.ts b/src/components/ListNext/constants.ts → src/components/useList/constants.ts
diff --git a/...nts/ListNext/hooks/useFlattenListItems.ts → ...ents/useList/hooks/useFlattenListItems.ts b/...nts/ListNext/hooks/useFlattenListItems.ts → ...ents/useList/hooks/useFlattenListItems.ts
diff --git a/src/components/ListNext/hooks/useList.ts → src/components/useList/hooks/useList.ts b/src/components/ListNext/hooks/useList.ts → src/components/useList/hooks/useList.ts
diff --git a/...omponents/ListNext/hooks/useListFilter.ts → ...components/useList/hooks/useListFilter.ts b/...omponents/ListNext/hooks/useListFilter.ts → ...components/useList/hooks/useListFilter.ts
diff --git a/...ponents/ListNext/hooks/useListKeydown.tsx → ...mponents/useList/hooks/useListKeydown.tsx b/...ponents/ListNext/hooks/useListKeydown.tsx → ...mponents/useList/hooks/useListKeydown.tsx
diff --git a/...ents/ListNext/hooks/useListParsedState.ts → ...nents/useList/hooks/useListParsedState.ts b/...ents/ListNext/hooks/useListParsedState.ts → ...nents/useList/hooks/useListParsedState.ts
diff --git a/...components/ListNext/hooks/useListState.ts → src/components/useList/hooks/useListState.ts b/...components/ListNext/hooks/useListState.ts → src/components/useList/hooks/useListState.ts
diff --git a/src/components/ListNext/index.ts → src/components/useList/index.ts b/src/components/ListNext/index.ts → src/components/useList/index.ts
diff --git a/src/components/ListNext/types.ts → src/components/useList/types.ts b/src/components/ListNext/types.ts → src/components/useList/types.ts
diff --git a/...ponents/ListNext/utils/computeItemSize.ts → ...mponents/useList/utils/computeItemSize.ts b/...ponents/ListNext/utils/computeItemSize.ts → ...mponents/useList/utils/computeItemSize.ts
diff --git a/...onents/ListNext/utils/createListItemId.ts → ...ponents/useList/utils/createListItemId.ts b/...onents/ListNext/utils/createListItemId.ts → ...ponents/useList/utils/createListItemId.ts
diff --git a/...ents/ListNext/utils/defaultFilterItems.ts → ...nents/useList/utils/defaultFilterItems.ts b/...ents/ListNext/utils/defaultFilterItems.ts → ...nents/useList/utils/defaultFilterItems.ts
diff --git a/...omponents/ListNext/utils/findNextIndex.ts → ...components/useList/utils/findNextIndex.ts b/...omponents/ListNext/utils/findNextIndex.ts → ...components/useList/utils/findNextIndex.ts
diff --git a/...components/ListNext/utils/flattenItems.ts → src/components/useList/utils/flattenItems.ts b/...components/ListNext/utils/flattenItems.ts → src/components/useList/utils/flattenItems.ts
diff --git a/...nts/ListNext/utils/getItemRenderState.tsx → ...ents/useList/utils/getItemRenderState.tsx b/...nts/ListNext/utils/getItemRenderState.tsx → ...ents/useList/utils/getItemRenderState.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable valid-jsdoc */
 import type {
     ItemsParsedState,
     ListGroupState,

diff --git a/...omponents/ListNext/utils/getListItemId.ts → ...components/useList/utils/getListItemId.ts b/...omponents/ListNext/utils/getListItemId.ts → ...components/useList/utils/getListItemId.ts
diff --git a/...ents/ListNext/utils/getListParsedState.ts → ...nents/useList/utils/getListParsedState.ts b/...ents/ListNext/utils/getListParsedState.ts → ...nents/useList/utils/getListParsedState.ts
diff --git a/src/components/ListNext/utils/groupItemId.ts → src/components/useList/utils/groupItemId.ts b/src/components/ListNext/utils/groupItemId.ts → src/components/useList/utils/groupItemId.ts
diff --git a/...ponents/ListNext/utils/isTreeItemGuard.ts → ...mponents/useList/utils/isTreeItemGuard.ts b/...ponents/ListNext/utils/isTreeItemGuard.ts → ...mponents/useList/utils/isTreeItemGuard.ts
diff --git a/...onents/ListNext/utils/scrollToListItem.ts → ...ponents/useList/utils/scrollToListItem.ts b/...onents/ListNext/utils/scrollToListItem.ts → ...ponents/useList/utils/scrollToListItem.ts
diff --git a/src/unstable.ts b/src/unstable.ts
@@ -1,2 +1,2 @@
-export {useList, useListFilter, useListKeydown} from './components/ListNext';
+export {useList, useListFilter, useListKeydown} from './components/useList';
 export * from './components/TreeSelect';