diff --git a/apps/help.mantine.dev/src/components/MdxLayout/TableOfContents/TableOfContents.tsx b/apps/help.mantine.dev/src/components/MdxLayout/TableOfContents/TableOfContents.tsx index 7070eae7bd6..004dad20468 100644 --- a/apps/help.mantine.dev/src/components/MdxLayout/TableOfContents/TableOfContents.tsx +++ b/apps/help.mantine.dev/src/components/MdxLayout/TableOfContents/TableOfContents.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useRef, useState } from 'react'; +import { useEffect, useRef, useState } from 'react'; import { useRouter } from 'next/router'; import { IconList } from '@tabler/icons-react'; import { Box, rem, ScrollArea, Text } from '@mantine/core'; diff --git a/apps/help.mantine.dev/src/components/QuestionsList/QuestionsList.tsx b/apps/help.mantine.dev/src/components/QuestionsList/QuestionsList.tsx index d2bcaceb2a6..512d7771fa4 100644 --- a/apps/help.mantine.dev/src/components/QuestionsList/QuestionsList.tsx +++ b/apps/help.mantine.dev/src/components/QuestionsList/QuestionsList.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Container } from '@mantine/core'; import { Frontmatter } from '@/types'; import { getGroupedQuestions } from './get-grouped-questions'; diff --git a/apps/help.mantine.dev/src/components/QuestionsList/QuestionsListHeader/QuestionsListHeader.tsx b/apps/help.mantine.dev/src/components/QuestionsList/QuestionsListHeader/QuestionsListHeader.tsx index bb1bf8bb201..1bf6eac1a3e 100644 --- a/apps/help.mantine.dev/src/components/QuestionsList/QuestionsListHeader/QuestionsListHeader.tsx +++ b/apps/help.mantine.dev/src/components/QuestionsList/QuestionsListHeader/QuestionsListHeader.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useRef } from 'react'; +import { useEffect, useRef } from 'react'; import { IconSearch } from '@tabler/icons-react'; import { CloseButton, Container, Text, TextInput, Title } from '@mantine/core'; import classes from './QuestionsListHeader.module.css'; diff --git a/apps/help.mantine.dev/src/demos/ModalDoNotClose.demo.tsx b/apps/help.mantine.dev/src/demos/ModalDoNotClose.demo.tsx index a6e87107142..453a3e1af33 100644 --- a/apps/help.mantine.dev/src/demos/ModalDoNotClose.demo.tsx +++ b/apps/help.mantine.dev/src/demos/ModalDoNotClose.demo.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Modal } from '@mantine/core'; import { useDisclosure } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/apps/mantine.dev/src/app-shell-examples/AppShellPage/AppShellPage.tsx b/apps/mantine.dev/src/app-shell-examples/AppShellPage/AppShellPage.tsx index 1fb3f9db0e7..25e3c658df0 100644 --- a/apps/mantine.dev/src/app-shell-examples/AppShellPage/AppShellPage.tsx +++ b/apps/mantine.dev/src/app-shell-examples/AppShellPage/AppShellPage.tsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import { useRouter } from 'next/router'; import { getCodeFileIcon } from '@mantinex/dev-icons'; import { CodeHighlightTabs } from '@mantinex/shiki'; diff --git a/apps/mantine.dev/src/combobox-examples/ComboboxShell/ComboboxNavbar/ComboboxLinksGroup/ComboboxLinksGroup.tsx b/apps/mantine.dev/src/combobox-examples/ComboboxShell/ComboboxNavbar/ComboboxLinksGroup/ComboboxLinksGroup.tsx index 48b1878ef39..1c8c08e6877 100644 --- a/apps/mantine.dev/src/combobox-examples/ComboboxShell/ComboboxNavbar/ComboboxLinksGroup/ComboboxLinksGroup.tsx +++ b/apps/mantine.dev/src/combobox-examples/ComboboxShell/ComboboxNavbar/ComboboxLinksGroup/ComboboxLinksGroup.tsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { IconChevronDown } from '@tabler/icons-react'; diff --git a/apps/mantine.dev/src/combobox-examples/ComboboxShell/ComboboxNavbar/ComboboxNavbar.tsx b/apps/mantine.dev/src/combobox-examples/ComboboxShell/ComboboxNavbar/ComboboxNavbar.tsx index b43c3ee4961..64b08b3ee37 100644 --- a/apps/mantine.dev/src/combobox-examples/ComboboxShell/ComboboxNavbar/ComboboxNavbar.tsx +++ b/apps/mantine.dev/src/combobox-examples/ComboboxShell/ComboboxNavbar/ComboboxNavbar.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useRef, useState } from 'react'; +import { useEffect, useRef, useState } from 'react'; import { IconSearch } from '@tabler/icons-react'; import { ScrollArea, Text, TextInput } from '@mantine/core'; import { useHotkeys } from '@mantine/hooks'; diff --git a/apps/mantine.dev/src/combobox-examples/ComboboxShell/ComboboxShell.tsx b/apps/mantine.dev/src/combobox-examples/ComboboxShell/ComboboxShell.tsx index 89d8df35b37..b1b104f4ab6 100644 --- a/apps/mantine.dev/src/combobox-examples/ComboboxShell/ComboboxShell.tsx +++ b/apps/mantine.dev/src/combobox-examples/ComboboxShell/ComboboxShell.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { useDirection } from '@mantine/core'; import { Shell } from '@/components/Shell'; import { ComboboxNavbar } from './ComboboxNavbar/ComboboxNavbar'; diff --git a/apps/mantine.dev/src/combobox-examples/examples/ActiveOptionsFilter/ActiveOptionsFilter.tsx b/apps/mantine.dev/src/combobox-examples/examples/ActiveOptionsFilter/ActiveOptionsFilter.tsx index 3d4c912b9ef..d7d641bd403 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/ActiveOptionsFilter/ActiveOptionsFilter.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/ActiveOptionsFilter/ActiveOptionsFilter.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, Pill, PillsInput, useCombobox } from '@mantine/core'; const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate']; diff --git a/apps/mantine.dev/src/combobox-examples/examples/AsyncAutocomplete/AsyncAutocomplete.tsx b/apps/mantine.dev/src/combobox-examples/examples/AsyncAutocomplete/AsyncAutocomplete.tsx index 0adb70df669..9d84a397362 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/AsyncAutocomplete/AsyncAutocomplete.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/AsyncAutocomplete/AsyncAutocomplete.tsx @@ -1,4 +1,4 @@ -import React, { useRef, useState } from 'react'; +import { useRef, useState } from 'react'; import { Combobox, Loader, TextInput, useCombobox } from '@mantine/core'; const MOCKDATA = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/AutocompleteClearable/AutocompleteClearable.tsx b/apps/mantine.dev/src/combobox-examples/examples/AutocompleteClearable/AutocompleteClearable.tsx index 0f0775a2f3c..96378c5d582 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/AutocompleteClearable/AutocompleteClearable.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/AutocompleteClearable/AutocompleteClearable.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CloseButton, Combobox, TextInput, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/AutocompleteDynamic/AutocompleteDynamic.tsx b/apps/mantine.dev/src/combobox-examples/examples/AutocompleteDynamic/AutocompleteDynamic.tsx index 193da62fa6d..4d2f42e4174 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/AutocompleteDynamic/AutocompleteDynamic.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/AutocompleteDynamic/AutocompleteDynamic.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, TextInput, useCombobox } from '@mantine/core'; export function AutocompleteDynamic() { diff --git a/apps/mantine.dev/src/combobox-examples/examples/AutocompleteHighlight/AutocompleteHighlight.tsx b/apps/mantine.dev/src/combobox-examples/examples/AutocompleteHighlight/AutocompleteHighlight.tsx index 90a5701cb7d..967763b9489 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/AutocompleteHighlight/AutocompleteHighlight.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/AutocompleteHighlight/AutocompleteHighlight.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Highlight, TextInput, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/AutocompleteLimit/AutocompleteLimit.tsx b/apps/mantine.dev/src/combobox-examples/examples/AutocompleteLimit/AutocompleteLimit.tsx index ada7cb982f1..ce8f9312e52 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/AutocompleteLimit/AutocompleteLimit.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/AutocompleteLimit/AutocompleteLimit.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, TextInput, useCombobox } from '@mantine/core'; const MOCKDATA = Array(100000) diff --git a/apps/mantine.dev/src/combobox-examples/examples/AutocompleteSelectFirstOption/AutocompleteSelectFirstOption.tsx b/apps/mantine.dev/src/combobox-examples/examples/AutocompleteSelectFirstOption/AutocompleteSelectFirstOption.tsx index ba9ce87c4b5..6b29dc25b05 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/AutocompleteSelectFirstOption/AutocompleteSelectFirstOption.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/AutocompleteSelectFirstOption/AutocompleteSelectFirstOption.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { Combobox, TextInput, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/BasicAutocomplete/BasicAutocomplete.tsx b/apps/mantine.dev/src/combobox-examples/examples/BasicAutocomplete/BasicAutocomplete.tsx index d3ab425589e..161e3d35f67 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/BasicAutocomplete/BasicAutocomplete.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/BasicAutocomplete/BasicAutocomplete.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, TextInput, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/BasicButton/BasicButton.tsx b/apps/mantine.dev/src/combobox-examples/examples/BasicButton/BasicButton.tsx index c0ca08ca9d6..a7dbded2f17 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/BasicButton/BasicButton.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/BasicButton/BasicButton.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Box, Button, Combobox, Text, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/BasicMultiSelect/BasicMultiSelect.tsx b/apps/mantine.dev/src/combobox-examples/examples/BasicMultiSelect/BasicMultiSelect.tsx index f4c3f5b58e3..ded84ce5f6b 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/BasicMultiSelect/BasicMultiSelect.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/BasicMultiSelect/BasicMultiSelect.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CheckIcon, Combobox, Group, Input, Pill, PillsInput, useCombobox } from '@mantine/core'; const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate']; diff --git a/apps/mantine.dev/src/combobox-examples/examples/BasicSelect/BasicSelect.tsx b/apps/mantine.dev/src/combobox-examples/examples/BasicSelect/BasicSelect.tsx index cb74cce8dfd..a27cbe647b6 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/BasicSelect/BasicSelect.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/BasicSelect/BasicSelect.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/ButtonMultiSelect/ButtonMultiSelect.tsx b/apps/mantine.dev/src/combobox-examples/examples/ButtonMultiSelect/ButtonMultiSelect.tsx index 32fcb3340d5..e39a72753be 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/ButtonMultiSelect/ButtonMultiSelect.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/ButtonMultiSelect/ButtonMultiSelect.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Box, Button, CheckIcon, Combobox, Group, Text, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/ButtonSearch/ButtonSearch.tsx b/apps/mantine.dev/src/combobox-examples/examples/ButtonSearch/ButtonSearch.tsx index 741541de09a..e607bf1ff1c 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/ButtonSearch/ButtonSearch.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/ButtonSearch/ButtonSearch.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Box, Button, Combobox, Text, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/DropdownAnimation/DropdownAnimation.tsx b/apps/mantine.dev/src/combobox-examples/examples/DropdownAnimation/DropdownAnimation.tsx index 4473d00c5bc..a9ff360a0cc 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/DropdownAnimation/DropdownAnimation.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/DropdownAnimation/DropdownAnimation.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/DropdownFooter/DropdownFooter.tsx b/apps/mantine.dev/src/combobox-examples/examples/DropdownFooter/DropdownFooter.tsx index 90fa079b6fd..8d7b7b4357d 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/DropdownFooter/DropdownFooter.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/DropdownFooter/DropdownFooter.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Anchor, Combobox, ScrollArea, Text, TextInput, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/DropdownHeader/DropdownHeader.tsx b/apps/mantine.dev/src/combobox-examples/examples/DropdownHeader/DropdownHeader.tsx index b00b9571656..9c49e461b54 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/DropdownHeader/DropdownHeader.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/DropdownHeader/DropdownHeader.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, ScrollArea, Text, TextInput, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/DropdownOptionsAnimation/DropdownOptionsAnimation.tsx b/apps/mantine.dev/src/combobox-examples/examples/DropdownOptionsAnimation/DropdownOptionsAnimation.tsx index 6b99cb1dfd5..eb71eaa9544 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/DropdownOptionsAnimation/DropdownOptionsAnimation.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/DropdownOptionsAnimation/DropdownOptionsAnimation.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import cx from 'clsx'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; import classes from './DropdownOptionsAnimation.module.css'; diff --git a/apps/mantine.dev/src/combobox-examples/examples/DropdownPositionStyles/DropdownPositionStyles.tsx b/apps/mantine.dev/src/combobox-examples/examples/DropdownPositionStyles/DropdownPositionStyles.tsx index 696e7508060..68667c5f6d5 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/DropdownPositionStyles/DropdownPositionStyles.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/DropdownPositionStyles/DropdownPositionStyles.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; import classes from './DropdownPositionStyles.module.css'; diff --git a/apps/mantine.dev/src/combobox-examples/examples/DropdownScroll/DropdownScroll.tsx b/apps/mantine.dev/src/combobox-examples/examples/DropdownScroll/DropdownScroll.tsx index fe874e5fcc8..618c00ade6f 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/DropdownScroll/DropdownScroll.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/DropdownScroll/DropdownScroll.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, TextInput, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/DropdownScrollArea/DropdownScrollArea.tsx b/apps/mantine.dev/src/combobox-examples/examples/DropdownScrollArea/DropdownScrollArea.tsx index 7f5af6cc681..9d8e6b1e6e3 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/DropdownScrollArea/DropdownScrollArea.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/DropdownScrollArea/DropdownScrollArea.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, ScrollArea, TextInput, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/DropdownSmoothScroll/DropdownSmoothScroll.tsx b/apps/mantine.dev/src/combobox-examples/examples/DropdownSmoothScroll/DropdownSmoothScroll.tsx index 2c38ac83093..58206ddd4e8 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/DropdownSmoothScroll/DropdownSmoothScroll.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/DropdownSmoothScroll/DropdownSmoothScroll.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, ScrollArea, TextInput, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/MaxDisplayedItems/MaxDisplayedItems.tsx b/apps/mantine.dev/src/combobox-examples/examples/MaxDisplayedItems/MaxDisplayedItems.tsx index b6ee20a3d83..c62cd3d741e 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/MaxDisplayedItems/MaxDisplayedItems.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/MaxDisplayedItems/MaxDisplayedItems.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CheckIcon, Combobox, Group, Input, Pill, PillsInput, useCombobox } from '@mantine/core'; const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate']; diff --git a/apps/mantine.dev/src/combobox-examples/examples/MaxSelectedItems/MaxSelectedItems.tsx b/apps/mantine.dev/src/combobox-examples/examples/MaxSelectedItems/MaxSelectedItems.tsx index 44d44bbf1ef..36215d6a6c4 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/MaxSelectedItems/MaxSelectedItems.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/MaxSelectedItems/MaxSelectedItems.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CheckIcon, Combobox, Group, Input, Pill, PillsInput, useCombobox } from '@mantine/core'; const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate']; diff --git a/apps/mantine.dev/src/combobox-examples/examples/MultiSelectCheckbox/MultiSelectCheckbox.tsx b/apps/mantine.dev/src/combobox-examples/examples/MultiSelectCheckbox/MultiSelectCheckbox.tsx index 13dd22c55fe..03ea7e4eb7e 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/MultiSelectCheckbox/MultiSelectCheckbox.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/MultiSelectCheckbox/MultiSelectCheckbox.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Checkbox, Combobox, Group, Input, Pill, PillsInput, useCombobox } from '@mantine/core'; const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate']; diff --git a/apps/mantine.dev/src/combobox-examples/examples/MultiSelectCreatable/MultiSelectCreatable.tsx b/apps/mantine.dev/src/combobox-examples/examples/MultiSelectCreatable/MultiSelectCreatable.tsx index 56e3647285c..9aea7576a9a 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/MultiSelectCreatable/MultiSelectCreatable.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/MultiSelectCreatable/MultiSelectCreatable.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CheckIcon, Combobox, Group, Pill, PillsInput, useCombobox } from '@mantine/core'; const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate']; diff --git a/apps/mantine.dev/src/combobox-examples/examples/MultiSelectValueRenderer/MultiSelectValueRenderer.tsx b/apps/mantine.dev/src/combobox-examples/examples/MultiSelectValueRenderer/MultiSelectValueRenderer.tsx index d69128e2462..9e17e0d26fd 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/MultiSelectValueRenderer/MultiSelectValueRenderer.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/MultiSelectValueRenderer/MultiSelectValueRenderer.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CheckIcon, Combobox, Group, Input, Pill, PillsInput, useCombobox } from '@mantine/core'; import { countriesData, flags } from './countries-data'; import { CountryPill } from './CountryPill'; diff --git a/apps/mantine.dev/src/combobox-examples/examples/SearchableMultiSelect/SearchableMultiSelect.tsx b/apps/mantine.dev/src/combobox-examples/examples/SearchableMultiSelect/SearchableMultiSelect.tsx index 618a84a2f43..3fbacf2bc18 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SearchableMultiSelect/SearchableMultiSelect.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SearchableMultiSelect/SearchableMultiSelect.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CheckIcon, Combobox, Group, Pill, PillsInput, useCombobox } from '@mantine/core'; const groceries = ['🍎 Apples', '🍌 Bananas', '🥦 Broccoli', '🥕 Carrots', '🍫 Chocolate']; diff --git a/apps/mantine.dev/src/combobox-examples/examples/SearchableSelect/SearchableSelect.tsx b/apps/mantine.dev/src/combobox-examples/examples/SearchableSelect/SearchableSelect.tsx index 6ab020520cd..8de90ad5df1 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SearchableSelect/SearchableSelect.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SearchableSelect/SearchableSelect.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, InputBase, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectActive/SelectActive.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectActive/SelectActive.tsx index a278eafddd3..5331d8764f7 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectActive/SelectActive.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectActive/SelectActive.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CheckIcon, Combobox, Group, Input, InputBase, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectAsync/SelectAsync.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectAsync/SelectAsync.tsx index 94fe43c3f80..bfe783f0561 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectAsync/SelectAsync.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectAsync/SelectAsync.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, Loader, useCombobox } from '@mantine/core'; const MOCKDATA = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectClearable/SelectClearable.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectClearable/SelectClearable.tsx index 9aafbb947e6..2ded7c5e6f5 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectClearable/SelectClearable.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectClearable/SelectClearable.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CloseButton, Combobox, Input, InputBase, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectCreatable/SelectCreatable.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectCreatable/SelectCreatable.tsx index 84c055f8ffd..08e4a260980 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectCreatable/SelectCreatable.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectCreatable/SelectCreatable.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, InputBase, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectDropdownSearch/SelectDropdownSearch.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectDropdownSearch/SelectDropdownSearch.tsx index fc198938b73..45d806c1711 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectDropdownSearch/SelectDropdownSearch.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectDropdownSearch/SelectDropdownSearch.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectGroups/SelectGroups.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectGroups/SelectGroups.tsx index 2167e7b4067..70bcbcd2a43 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectGroups/SelectGroups.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectGroups/SelectGroups.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; export function SelectGroups() { diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectGroupsSearchable/SelectGroupsSearchable.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectGroupsSearchable/SelectGroupsSearchable.tsx index a08d1092203..13c5618e07e 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectGroupsSearchable/SelectGroupsSearchable.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectGroupsSearchable/SelectGroupsSearchable.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, InputBase, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectGroupsStyles/SelectGroupsStyles.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectGroupsStyles/SelectGroupsStyles.tsx index e235ac24957..fa5c1695785 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectGroupsStyles/SelectGroupsStyles.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectGroupsStyles/SelectGroupsStyles.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; import classes from './SelectGroupsStyles.module.css'; diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectLimit/SelectLimit.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectLimit/SelectLimit.tsx index bd316e14028..d49a1014234 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectLimit/SelectLimit.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectLimit/SelectLimit.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, InputBase, useCombobox } from '@mantine/core'; const MOCKDATA = Array(100000) diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectList/SelectList.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectList/SelectList.tsx index e16703b14ee..a07ef56a64d 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectList/SelectList.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectList/SelectList.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Checkbox, Combobox, Group, TextInput, useCombobox } from '@mantine/core'; import classes from './SelectList.module.css'; diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectOptionComponent/SelectOptionComponent.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectOptionComponent/SelectOptionComponent.tsx index f92dd603d91..e440444b9f8 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectOptionComponent/SelectOptionComponent.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectOptionComponent/SelectOptionComponent.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Group, Input, InputBase, Text, useCombobox } from '@mantine/core'; interface Item { diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectOptionOnHover/SelectOptionOnHover.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectOptionOnHover/SelectOptionOnHover.tsx index 46f8590f278..85266b789e2 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectOptionOnHover/SelectOptionOnHover.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectOptionOnHover/SelectOptionOnHover.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; const groceries = [ diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectedAnimation/SelectedAnimation.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectedAnimation/SelectedAnimation.tsx index b44bacc7580..09e16dbc83e 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectedAnimation/SelectedAnimation.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectedAnimation/SelectedAnimation.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; import classes from './SelectedAnimation.module.css'; diff --git a/apps/mantine.dev/src/combobox-examples/examples/SelectedStyles/SelectedStyles.tsx b/apps/mantine.dev/src/combobox-examples/examples/SelectedStyles/SelectedStyles.tsx index 014f720e709..bffac6549b4 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/SelectedStyles/SelectedStyles.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/SelectedStyles/SelectedStyles.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; import classes from './SelectedStyles.module.css'; diff --git a/apps/mantine.dev/src/combobox-examples/examples/TransferList/TransferList.tsx b/apps/mantine.dev/src/combobox-examples/examples/TransferList/TransferList.tsx index 20df93e0006..5b69cff2134 100644 --- a/apps/mantine.dev/src/combobox-examples/examples/TransferList/TransferList.tsx +++ b/apps/mantine.dev/src/combobox-examples/examples/TransferList/TransferList.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconChevronRight } from '@tabler/icons-react'; import { ActionIcon, Checkbox, Combobox, Group, TextInput, useCombobox } from '@mantine/core'; import classes from './TransferList.module.css'; diff --git a/apps/mantine.dev/src/components/ColorsGenerator/ColorsGenerator.tsx b/apps/mantine.dev/src/components/ColorsGenerator/ColorsGenerator.tsx index db6e4a839b4..e40b35c2ff6 100644 --- a/apps/mantine.dev/src/components/ColorsGenerator/ColorsGenerator.tsx +++ b/apps/mantine.dev/src/components/ColorsGenerator/ColorsGenerator.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { useRouter } from 'next/router'; import { generateColorsMap } from '@mantine/colors-generator'; import { useLocalStorage } from '@mantine/hooks'; diff --git a/apps/mantine.dev/src/components/ColorsGenerator/ColorsInput/ColorsInput.tsx b/apps/mantine.dev/src/components/ColorsGenerator/ColorsInput/ColorsInput.tsx index 514e46ee0f3..0098cd9bcb8 100644 --- a/apps/mantine.dev/src/components/ColorsGenerator/ColorsInput/ColorsInput.tsx +++ b/apps/mantine.dev/src/components/ColorsGenerator/ColorsInput/ColorsInput.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { useRouter } from 'next/router'; import { IconCheck, IconCopy } from '@tabler/icons-react'; import chroma from 'chroma-js'; diff --git a/apps/mantine.dev/src/components/HomePage/Components/demos/Carousel.tsx b/apps/mantine.dev/src/components/HomePage/Components/demos/Carousel.tsx index 0943f82c80e..b1c9999b8c6 100644 --- a/apps/mantine.dev/src/components/HomePage/Components/demos/Carousel.tsx +++ b/apps/mantine.dev/src/components/HomePage/Components/demos/Carousel.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Embla, useAnimationOffsetEffect } from '@mantine/carousel'; import { CarouselCardsDemos } from '@docs/demos'; diff --git a/apps/mantine.dev/src/components/HomePage/Components/demos/Overlays.tsx b/apps/mantine.dev/src/components/HomePage/Components/demos/Overlays.tsx index 43c7b7bbadd..67180829811 100644 --- a/apps/mantine.dev/src/components/HomePage/Components/demos/Overlays.tsx +++ b/apps/mantine.dev/src/components/HomePage/Components/demos/Overlays.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconMessageCircle, IconPhoto, IconSettings } from '@tabler/icons-react'; import { Box, diff --git a/apps/mantine.dev/src/components/HomePage/DemoTabs/DemoTabs.tsx b/apps/mantine.dev/src/components/HomePage/DemoTabs/DemoTabs.tsx index 06d6db6876a..c6eb1bcedb7 100644 --- a/apps/mantine.dev/src/components/HomePage/DemoTabs/DemoTabs.tsx +++ b/apps/mantine.dev/src/components/HomePage/DemoTabs/DemoTabs.tsx @@ -1,4 +1,4 @@ -import React, { useRef, useState } from 'react'; +import { useRef, useState } from 'react'; import { IconForms } from '@tabler/icons-react'; import { Box, Container, Grid, rem, Text, UnstyledButton, useMantineTheme } from '@mantine/core'; import { useMediaQuery } from '@mantine/hooks'; diff --git a/apps/mantine.dev/src/components/MdxProvider/MdxPackagesInstallation/MdxPackagesInstallation.tsx b/apps/mantine.dev/src/components/MdxProvider/MdxPackagesInstallation/MdxPackagesInstallation.tsx index c61b0ae63ad..5b26ec2ea51 100644 --- a/apps/mantine.dev/src/components/MdxProvider/MdxPackagesInstallation/MdxPackagesInstallation.tsx +++ b/apps/mantine.dev/src/components/MdxProvider/MdxPackagesInstallation/MdxPackagesInstallation.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Checkbox, Code, Table, Text } from '@mantine/core'; import { MdxInstallScript } from '../MdxInstallScript/MdxInstallScript'; import { MdxParagraph } from '../MdxTypography/MdxTypography'; diff --git a/apps/mantine.dev/src/components/MdxTabs/MdxTabs.tsx b/apps/mantine.dev/src/components/MdxTabs/MdxTabs.tsx index 436a782c206..81b86ead6cf 100644 --- a/apps/mantine.dev/src/components/MdxTabs/MdxTabs.tsx +++ b/apps/mantine.dev/src/components/MdxTabs/MdxTabs.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { useRouter } from 'next/router'; import { rem, Tabs } from '@mantine/core'; import { MdxSiblings } from '@/components/MdxSiblings'; diff --git a/apps/mantine.dev/src/components/PropsTable/PropsTablesList.tsx b/apps/mantine.dev/src/components/PropsTable/PropsTablesList.tsx index 6332482dcf7..795b2596fb9 100644 --- a/apps/mantine.dev/src/components/PropsTable/PropsTablesList.tsx +++ b/apps/mantine.dev/src/components/PropsTable/PropsTablesList.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconSearch } from '@tabler/icons-react'; import { TextInput, Title } from '@mantine/core'; import { getComponentName } from './getComponentName'; diff --git a/apps/mantine.dev/src/components/Redirect/Redirect.tsx b/apps/mantine.dev/src/components/Redirect/Redirect.tsx index 7a95680a7d1..d52f6c2d551 100644 --- a/apps/mantine.dev/src/components/Redirect/Redirect.tsx +++ b/apps/mantine.dev/src/components/Redirect/Redirect.tsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import { useRouter } from 'next/router'; import { Box } from '@mantine/core'; diff --git a/apps/mantine.dev/src/components/Shell/Navbar/NavbarLinksGroup/NavbarLinksGroup.tsx b/apps/mantine.dev/src/components/Shell/Navbar/NavbarLinksGroup/NavbarLinksGroup.tsx index e2a951373b9..2d107cda39d 100644 --- a/apps/mantine.dev/src/components/Shell/Navbar/NavbarLinksGroup/NavbarLinksGroup.tsx +++ b/apps/mantine.dev/src/components/Shell/Navbar/NavbarLinksGroup/NavbarLinksGroup.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useRef, useState } from 'react'; +import { useEffect, useRef, useState } from 'react'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { IconChevronDown } from '@tabler/icons-react'; diff --git a/apps/mantine.dev/src/components/TableOfContents/TableOfContents.tsx b/apps/mantine.dev/src/components/TableOfContents/TableOfContents.tsx index 6f07ebe75c7..63d6ec00fe4 100644 --- a/apps/mantine.dev/src/components/TableOfContents/TableOfContents.tsx +++ b/apps/mantine.dev/src/components/TableOfContents/TableOfContents.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useRef, useState } from 'react'; +import { useEffect, useRef, useState } from 'react'; import { useRouter } from 'next/router'; import { IconList } from '@tabler/icons-react'; import { Box, rem, ScrollArea, Text } from '@mantine/core'; diff --git a/apps/mantine.dev/src/components/icons/ViteIcon.tsx b/apps/mantine.dev/src/components/icons/ViteIcon.tsx index 9b6c3188180..aec6aa1a728 100644 --- a/apps/mantine.dev/src/components/icons/ViteIcon.tsx +++ b/apps/mantine.dev/src/components/icons/ViteIcon.tsx @@ -1,4 +1,4 @@ -import React, { useId } from 'react'; +import { useId } from 'react'; import { Box, rem } from '@mantine/core'; import { IconProps } from './types'; import classes from './icons.module.css'; diff --git a/apps/mantine.dev/src/pages/guides/storybook.mdx b/apps/mantine.dev/src/pages/guides/storybook.mdx index 91741bca6da..fe4aa264e17 100644 --- a/apps/mantine.dev/src/pages/guides/storybook.mdx +++ b/apps/mantine.dev/src/pages/guides/storybook.mdx @@ -89,7 +89,7 @@ the following content: // All packages except `@mantine/hooks` require styles imports import '@mantine/core/styles.css'; -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import { addons } from '@storybook/preview-api'; import { DARK_MODE_EVENT_NAME } from 'storybook-dark-mode'; import { diff --git a/packages/@docs/demos/src/demos/carousel/Carousel.demo.animationOffset.tsx b/packages/@docs/demos/src/demos/carousel/Carousel.demo.animationOffset.tsx index efc75261209..a01ca8ab4fd 100644 --- a/packages/@docs/demos/src/demos/carousel/Carousel.demo.animationOffset.tsx +++ b/packages/@docs/demos/src/demos/carousel/Carousel.demo.animationOffset.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Carousel, Embla, useAnimationOffsetEffect } from '@mantine/carousel'; import { Button, Modal, rem } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/carousel/Carousel.demo.autoplay.tsx b/packages/@docs/demos/src/demos/carousel/Carousel.demo.autoplay.tsx index b1184fb13c9..df81cc932dd 100644 --- a/packages/@docs/demos/src/demos/carousel/Carousel.demo.autoplay.tsx +++ b/packages/@docs/demos/src/demos/carousel/Carousel.demo.autoplay.tsx @@ -1,4 +1,4 @@ -import React, { useRef } from 'react'; +import { useRef } from 'react'; import Autoplay from 'embla-carousel-autoplay'; import { Carousel } from '@mantine/carousel'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/carousel/Carousel.demo.brokenAnimation.tsx b/packages/@docs/demos/src/demos/carousel/Carousel.demo.brokenAnimation.tsx index 5990c22870e..40935bbc0fd 100644 --- a/packages/@docs/demos/src/demos/carousel/Carousel.demo.brokenAnimation.tsx +++ b/packages/@docs/demos/src/demos/carousel/Carousel.demo.brokenAnimation.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Carousel } from '@mantine/carousel'; import { Button, Modal, rem } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/carousel/Carousel.demo.progress.tsx b/packages/@docs/demos/src/demos/carousel/Carousel.demo.progress.tsx index 15e798c905d..d05fe351682 100644 --- a/packages/@docs/demos/src/demos/carousel/Carousel.demo.progress.tsx +++ b/packages/@docs/demos/src/demos/carousel/Carousel.demo.progress.tsx @@ -1,4 +1,4 @@ -import React, { useCallback, useEffect, useState } from 'react'; +import { useCallback, useEffect, useState } from 'react'; import { Carousel, Embla } from '@mantine/carousel'; import { Progress } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Checkbox/Checkbox.demo.card.tsx b/packages/@docs/demos/src/demos/core/Checkbox/Checkbox.demo.card.tsx index ce80aa2dd2a..0271005ca3f 100644 --- a/packages/@docs/demos/src/demos/core/Checkbox/Checkbox.demo.card.tsx +++ b/packages/@docs/demos/src/demos/core/Checkbox/Checkbox.demo.card.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Checkbox, Text, UnstyledButton } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; import classes from './Checkbox.demo.card.module.css'; diff --git a/packages/@docs/demos/src/demos/core/Checkbox/Checkbox.demo.customize.tsx b/packages/@docs/demos/src/demos/core/Checkbox/Checkbox.demo.customize.tsx index bf76a04b0e9..13aee704e9e 100644 --- a/packages/@docs/demos/src/demos/core/Checkbox/Checkbox.demo.customize.tsx +++ b/packages/@docs/demos/src/demos/core/Checkbox/Checkbox.demo.customize.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Checkbox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; import classes from './Checkbox.demo.customize.module.css'; diff --git a/packages/@docs/demos/src/demos/core/Collapse/Collapse.demo.nested.tsx b/packages/@docs/demos/src/demos/core/Collapse/Collapse.demo.nested.tsx index 9b6fe5e82a6..ed4728db346 100644 --- a/packages/@docs/demos/src/demos/core/Collapse/Collapse.demo.nested.tsx +++ b/packages/@docs/demos/src/demos/core/Collapse/Collapse.demo.nested.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Box, Button, Collapse, CollapseProps, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/ColorInput/ColorInput.demo.onChangeEnd.tsx b/packages/@docs/demos/src/demos/core/ColorInput/ColorInput.demo.onChangeEnd.tsx index 17b52e105c7..827cf5a05b5 100644 --- a/packages/@docs/demos/src/demos/core/ColorInput/ColorInput.demo.onChangeEnd.tsx +++ b/packages/@docs/demos/src/demos/core/ColorInput/ColorInput.demo.onChangeEnd.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { ColorInput, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/ColorInput/ColorInput.demo.rightSection.tsx b/packages/@docs/demos/src/demos/core/ColorInput/ColorInput.demo.rightSection.tsx index d5be05c4493..ee2f7880229 100644 --- a/packages/@docs/demos/src/demos/core/ColorInput/ColorInput.demo.rightSection.tsx +++ b/packages/@docs/demos/src/demos/core/ColorInput/ColorInput.demo.rightSection.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconRefresh } from '@tabler/icons-react'; import { ActionIcon, ColorInput, rem } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.alphaSlider.tsx b/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.alphaSlider.tsx index d47ab71ebb4..8f0fed087a3 100644 --- a/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.alphaSlider.tsx +++ b/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.alphaSlider.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { AlphaSlider, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.formatsConfigurator.tsx b/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.formatsConfigurator.tsx index 652172b3c79..8265311cb5e 100644 --- a/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.formatsConfigurator.tsx +++ b/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.formatsConfigurator.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { ColorPicker, ColorPickerProps, Stack, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.hueSlider.tsx b/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.hueSlider.tsx index 15ff8fbb61d..d9416fce8cf 100644 --- a/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.hueSlider.tsx +++ b/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.hueSlider.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { HueSlider, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.swatchesOnly.tsx b/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.swatchesOnly.tsx index 11773ef6e1c..6dcefd8c076 100644 --- a/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.swatchesOnly.tsx +++ b/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.swatchesOnly.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { ColorPicker, DEFAULT_THEME, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.usage.tsx b/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.usage.tsx index e4b07e21d30..8a935615dbf 100644 --- a/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/core/ColorPicker/ColorPicker.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { ColorPicker, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/ColorSwatch/ColorSwatch.demo.component.tsx b/packages/@docs/demos/src/demos/core/ColorSwatch/ColorSwatch.demo.component.tsx index 4389836a696..83b23b9ea3d 100644 --- a/packages/@docs/demos/src/demos/core/ColorSwatch/ColorSwatch.demo.component.tsx +++ b/packages/@docs/demos/src/demos/core/ColorSwatch/ColorSwatch.demo.component.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CheckIcon, ColorSwatch, rem } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.activeOption.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.activeOption.tsx index 43ce134a653..c0c97be348e 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.activeOption.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.activeOption.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CheckIcon, Combobox, Group, Input, InputBase, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.autocomplete.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.autocomplete.tsx index 2fe538bae81..dc18053c811 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.autocomplete.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.autocomplete.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, TextInput, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.button.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.button.tsx index c8ce0d6393f..272a5a7b731 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.button.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.button.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Box, Button, Combobox, Text, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.buttonSearch.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.buttonSearch.tsx index 687ea044c63..063eafb484f 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.buttonSearch.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.buttonSearch.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Box, Button, Combobox, Text, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.controlledDropdown.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.controlledDropdown.tsx index c4998951139..a0a0339b511 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.controlledDropdown.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.controlledDropdown.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Combobox, TextInput, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.dropdownPosition.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.dropdownPosition.tsx index 232e5a79bed..875eca596c5 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.dropdownPosition.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.dropdownPosition.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.groups.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.groups.tsx index 360b17e40a3..5ceb1d86e2f 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.groups.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.groups.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.hiddenDropdown.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.hiddenDropdown.tsx index c784c17deb3..a66e7fc6b7a 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.hiddenDropdown.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.hiddenDropdown.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, TextInput, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.multiselect.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.multiselect.tsx index f0d8c7ebaff..de8deadacab 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.multiselect.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.multiselect.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CheckIcon, Combobox, Group, Input, Pill, PillsInput, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.nativeScroll.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.nativeScroll.tsx index ae0ed6ec187..1ff49921d9a 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.nativeScroll.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.nativeScroll.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.noDropdown.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.noDropdown.tsx index 378bc5db7ed..6e037546fb7 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.noDropdown.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.noDropdown.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, TextInput } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.scrollArea.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.scrollArea.tsx index a695ebd82aa..332ed806605 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.scrollArea.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.scrollArea.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, ScrollArea, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.searchableMultiselect.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.searchableMultiselect.tsx index 25f2f192225..07fc0c1c66c 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.searchableMultiselect.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.searchableMultiselect.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CheckIcon, Combobox, Group, Pill, PillsInput, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.searchableSelect.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.searchableSelect.tsx index e9f8d93826c..ffab655e522 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.searchableSelect.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.searchableSelect.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, InputBase, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.select.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.select.tsx index 5bb16451335..cb1e9808439 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.select.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.select.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Combobox, Input, InputBase, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.selectFirstOption.tsx b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.selectFirstOption.tsx index a7cf9864d97..a0aba3a8a17 100644 --- a/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.selectFirstOption.tsx +++ b/packages/@docs/demos/src/demos/core/Combobox/Combobox.demo.selectFirstOption.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { Combobox, TextInput, useCombobox } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Drawer/Drawer.demo.positions.tsx b/packages/@docs/demos/src/demos/core/Drawer/Drawer.demo.positions.tsx index b3b751e6bfa..a2a5c70b762 100644 --- a/packages/@docs/demos/src/demos/core/Drawer/Drawer.demo.positions.tsx +++ b/packages/@docs/demos/src/demos/core/Drawer/Drawer.demo.positions.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Drawer, Group } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Drawer/Drawer.demo.sizes.tsx b/packages/@docs/demos/src/demos/core/Drawer/Drawer.demo.sizes.tsx index 67e3fdb8099..806cc3e9491 100644 --- a/packages/@docs/demos/src/demos/core/Drawer/Drawer.demo.sizes.tsx +++ b/packages/@docs/demos/src/demos/core/Drawer/Drawer.demo.sizes.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Drawer, Group } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/FileButton/FileButton.demo.multiple.tsx b/packages/@docs/demos/src/demos/core/FileButton/FileButton.demo.multiple.tsx index 3846bcb8f07..4e75020977d 100644 --- a/packages/@docs/demos/src/demos/core/FileButton/FileButton.demo.multiple.tsx +++ b/packages/@docs/demos/src/demos/core/FileButton/FileButton.demo.multiple.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, FileButton, Group, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/FileButton/FileButton.demo.reset.tsx b/packages/@docs/demos/src/demos/core/FileButton/FileButton.demo.reset.tsx index 5bd26a7da59..e60b93f6f04 100644 --- a/packages/@docs/demos/src/demos/core/FileButton/FileButton.demo.reset.tsx +++ b/packages/@docs/demos/src/demos/core/FileButton/FileButton.demo.reset.tsx @@ -1,4 +1,4 @@ -import React, { useRef, useState } from 'react'; +import { useRef, useState } from 'react'; import { Button, FileButton, Group, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/FileButton/FileButton.demo.usage.tsx b/packages/@docs/demos/src/demos/core/FileButton/FileButton.demo.usage.tsx index f865c2de165..15533f9f698 100644 --- a/packages/@docs/demos/src/demos/core/FileButton/FileButton.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/core/FileButton/FileButton.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, FileButton, Group, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/FloatingIndicator/FloatingIndicator.demo.direction.tsx b/packages/@docs/demos/src/demos/core/FloatingIndicator/FloatingIndicator.demo.direction.tsx index ebc22598476..cbef96a7ea9 100644 --- a/packages/@docs/demos/src/demos/core/FloatingIndicator/FloatingIndicator.demo.direction.tsx +++ b/packages/@docs/demos/src/demos/core/FloatingIndicator/FloatingIndicator.demo.direction.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconArrowDown, IconArrowDownLeft, diff --git a/packages/@docs/demos/src/demos/core/FloatingIndicator/FloatingIndicator.demo.segmented.tsx b/packages/@docs/demos/src/demos/core/FloatingIndicator/FloatingIndicator.demo.segmented.tsx index c51ca4516cc..b0adb5cd8d5 100644 --- a/packages/@docs/demos/src/demos/core/FloatingIndicator/FloatingIndicator.demo.segmented.tsx +++ b/packages/@docs/demos/src/demos/core/FloatingIndicator/FloatingIndicator.demo.segmented.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { FloatingIndicator, UnstyledButton } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; import classes from './FloatingIndicator.demo.segmented.module.css'; diff --git a/packages/@docs/demos/src/demos/core/Input/Input.demo.inputContainer.tsx b/packages/@docs/demos/src/demos/core/Input/Input.demo.inputContainer.tsx index 0e1e593e155..c3553e8375b 100644 --- a/packages/@docs/demos/src/demos/core/Input/Input.demo.inputContainer.tsx +++ b/packages/@docs/demos/src/demos/core/Input/Input.demo.inputContainer.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { TextInput, Tooltip } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Input/Input.demo.sections.tsx b/packages/@docs/demos/src/demos/core/Input/Input.demo.sections.tsx index 9bd67920019..83447e7938e 100644 --- a/packages/@docs/demos/src/demos/core/Input/Input.demo.sections.tsx +++ b/packages/@docs/demos/src/demos/core/Input/Input.demo.sections.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconAt } from '@tabler/icons-react'; import { CloseButton, Input } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Loader/_CssLoader.tsx b/packages/@docs/demos/src/demos/core/Loader/_CssLoader.tsx index db334fade09..0b14d7033d8 100644 --- a/packages/@docs/demos/src/demos/core/Loader/_CssLoader.tsx +++ b/packages/@docs/demos/src/demos/core/Loader/_CssLoader.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import cx from 'clsx'; import { Box, MantineLoaderComponent } from '@mantine/core'; import classes from './CssLoader.module.css'; diff --git a/packages/@docs/demos/src/demos/core/Loader/_RingLoader.tsx b/packages/@docs/demos/src/demos/core/Loader/_RingLoader.tsx index 064a2aaddb4..c1ec000ad23 100644 --- a/packages/@docs/demos/src/demos/core/Loader/_RingLoader.tsx +++ b/packages/@docs/demos/src/demos/core/Loader/_RingLoader.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { MantineLoaderComponent } from '@mantine/core'; export const RingLoader: MantineLoaderComponent = forwardRef(({ style, ...others }, ref) => ( diff --git a/packages/@docs/demos/src/demos/core/Menu/Menu.demo.customControl.tsx b/packages/@docs/demos/src/demos/core/Menu/Menu.demo.customControl.tsx index eed117b0c08..25bee90f69d 100644 --- a/packages/@docs/demos/src/demos/core/Menu/Menu.demo.customControl.tsx +++ b/packages/@docs/demos/src/demos/core/Menu/Menu.demo.customControl.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { IconChevronRight } from '@tabler/icons-react'; import { Avatar, Group, Menu, Text, UnstyledButton } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Modal/Modal.demo.sizes.tsx b/packages/@docs/demos/src/demos/core/Modal/Modal.demo.sizes.tsx index 29fd7d615d5..96ecb162407 100644 --- a/packages/@docs/demos/src/demos/core/Modal/Modal.demo.sizes.tsx +++ b/packages/@docs/demos/src/demos/core/Modal/Modal.demo.sizes.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group, Modal } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; import { AuthenticationForm } from '../../../shared/AuthenticationForm/AuthenticationForm'; diff --git a/packages/@docs/demos/src/demos/core/Modal/Modal.demo.transitions.tsx b/packages/@docs/demos/src/demos/core/Modal/Modal.demo.transitions.tsx index 97ba2f9e335..a1bf3d46963 100644 --- a/packages/@docs/demos/src/demos/core/Modal/Modal.demo.transitions.tsx +++ b/packages/@docs/demos/src/demos/core/Modal/Modal.demo.transitions.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group, Modal } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/NavLink/NavLink.demo.active.tsx b/packages/@docs/demos/src/demos/core/NavLink/NavLink.demo.active.tsx index c4f61ac781f..93a3d760310 100644 --- a/packages/@docs/demos/src/demos/core/NavLink/NavLink.demo.active.tsx +++ b/packages/@docs/demos/src/demos/core/NavLink/NavLink.demo.active.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconActivity, IconChevronRight, IconFingerprint, IconGauge } from '@tabler/icons-react'; import { Box, Group, NavLink } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/NumberInput/NumberInput.demo.handlers.tsx b/packages/@docs/demos/src/demos/core/NumberInput/NumberInput.demo.handlers.tsx index 678b6675997..fab54ca5e44 100644 --- a/packages/@docs/demos/src/demos/core/NumberInput/NumberInput.demo.handlers.tsx +++ b/packages/@docs/demos/src/demos/core/NumberInput/NumberInput.demo.handlers.tsx @@ -1,4 +1,4 @@ -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { Button, Group, NumberInput, NumberInputHandlers } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Overlay/Overlay.demo.gradient.tsx b/packages/@docs/demos/src/demos/core/Overlay/Overlay.demo.gradient.tsx index 29380bdfbea..07bab458f24 100644 --- a/packages/@docs/demos/src/demos/core/Overlay/Overlay.demo.gradient.tsx +++ b/packages/@docs/demos/src/demos/core/Overlay/Overlay.demo.gradient.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { AspectRatio, Button, Overlay } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Overlay/Overlay.demo.usage.tsx b/packages/@docs/demos/src/demos/core/Overlay/Overlay.demo.usage.tsx index 5bf3770b740..0a3f2a66228 100644 --- a/packages/@docs/demos/src/demos/core/Overlay/Overlay.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/core/Overlay/Overlay.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { AspectRatio, Button, Overlay } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Pagination/Pagination.demo.withContent.tsx b/packages/@docs/demos/src/demos/core/Pagination/Pagination.demo.withContent.tsx index f7411b5c20d..47111b5fac9 100644 --- a/packages/@docs/demos/src/demos/core/Pagination/Pagination.demo.withContent.tsx +++ b/packages/@docs/demos/src/demos/core/Pagination/Pagination.demo.withContent.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Pagination, Text } from '@mantine/core'; import { randomId } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/PasswordInput/PasswordInput.demo.strengthMeter.tsx b/packages/@docs/demos/src/demos/core/PasswordInput/PasswordInput.demo.strengthMeter.tsx index 5a2ebb0080b..632595315ae 100644 --- a/packages/@docs/demos/src/demos/core/PasswordInput/PasswordInput.demo.strengthMeter.tsx +++ b/packages/@docs/demos/src/demos/core/PasswordInput/PasswordInput.demo.strengthMeter.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconCheck, IconX } from '@tabler/icons-react'; import { Box, PasswordInput, Popover, Progress, rem, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Progress/Progress.demo.transition.tsx b/packages/@docs/demos/src/demos/core/Progress/Progress.demo.transition.tsx index 8d60a8898d8..d9d5c3aec5a 100644 --- a/packages/@docs/demos/src/demos/core/Progress/Progress.demo.transition.tsx +++ b/packages/@docs/demos/src/demos/core/Progress/Progress.demo.transition.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Progress } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/RingProgress/RingProgress.demo.sectionsProps.tsx b/packages/@docs/demos/src/demos/core/RingProgress/RingProgress.demo.sectionsProps.tsx index b2b37cb3987..b6d21dae090 100644 --- a/packages/@docs/demos/src/demos/core/RingProgress/RingProgress.demo.sectionsProps.tsx +++ b/packages/@docs/demos/src/demos/core/RingProgress/RingProgress.demo.sectionsProps.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { RingProgress, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.autosizePopover.tsx b/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.autosizePopover.tsx index d97dfdaa08a..abab849a649 100644 --- a/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.autosizePopover.tsx +++ b/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.autosizePopover.tsx @@ -1,4 +1,4 @@ -import React, { useRef, useState } from 'react'; +import { useRef, useState } from 'react'; import { Box, Popover, ScrollArea, Text, TextInput, UnstyledButton } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.scrollIntoView.tsx b/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.scrollIntoView.tsx index 3a452548789..a2d47f58c67 100644 --- a/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.scrollIntoView.tsx +++ b/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.scrollIntoView.tsx @@ -1,4 +1,4 @@ -import React, { useRef, useState } from 'react'; +import { useRef, useState } from 'react'; import { ScrollArea, TextInput, UnstyledButton } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.scrollPosition.tsx b/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.scrollPosition.tsx index 4a719e3b9f9..b770fb8d69b 100644 --- a/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.scrollPosition.tsx +++ b/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.scrollPosition.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Box, Code, ScrollArea, Stack, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; import { Content } from './_content'; diff --git a/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.scrollTo.tsx b/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.scrollTo.tsx index 479b888e292..ffc00b6742c 100644 --- a/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.scrollTo.tsx +++ b/packages/@docs/demos/src/demos/core/ScrollArea/ScrollArea.demo.scrollTo.tsx @@ -1,4 +1,4 @@ -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { Button, Group, ScrollArea, Stack } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; import { Content } from './_content'; diff --git a/packages/@docs/demos/src/demos/core/Skeleton/Skeleton.demo.content.tsx b/packages/@docs/demos/src/demos/core/Skeleton/Skeleton.demo.content.tsx index b5a1bd29079..eee00a36421 100644 --- a/packages/@docs/demos/src/demos/core/Skeleton/Skeleton.demo.content.tsx +++ b/packages/@docs/demos/src/demos/core/Skeleton/Skeleton.demo.content.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group, Skeleton, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Slider/Slider.demo.changeEnd.tsx b/packages/@docs/demos/src/demos/core/Slider/Slider.demo.changeEnd.tsx index 16f5cefd782..f89480ddefc 100644 --- a/packages/@docs/demos/src/demos/core/Slider/Slider.demo.changeEnd.tsx +++ b/packages/@docs/demos/src/demos/core/Slider/Slider.demo.changeEnd.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Box, Slider, Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.allowNextStepsSelect.tsx b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.allowNextStepsSelect.tsx index 40de571cc0a..52b1b72a271 100644 --- a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.allowNextStepsSelect.tsx +++ b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.allowNextStepsSelect.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group, Stepper } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; import { Content } from './_content'; diff --git a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.allowStepSelect.tsx b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.allowStepSelect.tsx index cc2457d70de..01c277d8143 100644 --- a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.allowStepSelect.tsx +++ b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.allowStepSelect.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group, Stepper } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; import { Content } from './_content'; diff --git a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.iconPosition.tsx b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.iconPosition.tsx index 56a0b63d52b..558640a216b 100644 --- a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.iconPosition.tsx +++ b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.iconPosition.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Stepper } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.icons.tsx b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.icons.tsx index 2bdf07eb189..d100c002833 100644 --- a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.icons.tsx +++ b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.icons.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconCircleCheck, IconMailOpened, diff --git a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.iconsOnly.tsx b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.iconsOnly.tsx index 97c10618df9..d28eefddc60 100644 --- a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.iconsOnly.tsx +++ b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.iconsOnly.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconMailOpened, IconShieldCheck, IconUserCheck } from '@tabler/icons-react'; import { rem, Stepper } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.orientation.tsx b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.orientation.tsx index 890b66c4c55..0e3e16d22df 100644 --- a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.orientation.tsx +++ b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.orientation.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Stepper } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.stylesApi.tsx b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.stylesApi.tsx index 1d07e393fd4..f7720c66a36 100644 --- a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.stylesApi.tsx +++ b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.stylesApi.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group, Stepper } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; import { StepperStylesApi } from '@docs/styles-api'; diff --git a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.stylesApi2.tsx b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.stylesApi2.tsx index c29b8deaf29..0bc0498438d 100644 --- a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.stylesApi2.tsx +++ b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.stylesApi2.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { rem, Stepper, StepperProps } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.stylesApi3.tsx b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.stylesApi3.tsx index 71d483475f4..af1e75776fc 100644 --- a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.stylesApi3.tsx +++ b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.stylesApi3.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Stepper } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; import classes from './Stepper.demo.stylesApi3.module.css'; diff --git a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.usage.tsx b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.usage.tsx index f24355c34be..f7d4fdffd55 100644 --- a/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/core/Stepper/Stepper.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group, Stepper } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; import { Content } from './_content'; diff --git a/packages/@docs/demos/src/demos/core/Switch/Switch.demo.thumbIcon.tsx b/packages/@docs/demos/src/demos/core/Switch/Switch.demo.thumbIcon.tsx index 25fa808e041..045c83e00aa 100644 --- a/packages/@docs/demos/src/demos/core/Switch/Switch.demo.thumbIcon.tsx +++ b/packages/@docs/demos/src/demos/core/Switch/Switch.demo.thumbIcon.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconCheck, IconX } from '@tabler/icons-react'; import { rem, Switch, useMantineTheme } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Table/Table.demo.rowSelection.tsx b/packages/@docs/demos/src/demos/core/Table/Table.demo.rowSelection.tsx index cd47067cc95..ebcf56514ec 100644 --- a/packages/@docs/demos/src/demos/core/Table/Table.demo.rowSelection.tsx +++ b/packages/@docs/demos/src/demos/core/Table/Table.demo.rowSelection.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Checkbox, Table } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Tooltip/Tooltip.demo.controlled.tsx b/packages/@docs/demos/src/demos/core/Tooltip/Tooltip.demo.controlled.tsx index 27a0c475138..27f2004bad7 100644 --- a/packages/@docs/demos/src/demos/core/Tooltip/Tooltip.demo.controlled.tsx +++ b/packages/@docs/demos/src/demos/core/Tooltip/Tooltip.demo.controlled.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Tooltip } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/core/Transition/Transition.demo.custom.tsx b/packages/@docs/demos/src/demos/core/Transition/Transition.demo.custom.tsx index 202fa7e5577..ae71d9b941b 100644 --- a/packages/@docs/demos/src/demos/core/Transition/Transition.demo.custom.tsx +++ b/packages/@docs/demos/src/demos/core/Transition/Transition.demo.custom.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Box, Button, Paper, Transition } from '@mantine/core'; import { useClickOutside } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/Calendar/Calendar.demo.picker.tsx b/packages/@docs/demos/src/demos/dates/Calendar/Calendar.demo.picker.tsx index 749fa9108a9..145fd471dbd 100644 --- a/packages/@docs/demos/src/demos/dates/Calendar/Calendar.demo.picker.tsx +++ b/packages/@docs/demos/src/demos/dates/Calendar/Calendar.demo.picker.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useState } from 'react'; +import { useState } from 'react'; import { Calendar } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/Calendar/Calendar.demo.weekPicker.tsx b/packages/@docs/demos/src/demos/dates/Calendar/Calendar.demo.weekPicker.tsx index d77c499e80e..20ba00c3245 100644 --- a/packages/@docs/demos/src/demos/dates/Calendar/Calendar.demo.weekPicker.tsx +++ b/packages/@docs/demos/src/demos/dates/Calendar/Calendar.demo.weekPicker.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useState } from 'react'; +import { useState } from 'react'; import { Calendar } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/DateInput/DateInput.demo.usage.tsx b/packages/@docs/demos/src/demos/dates/DateInput/DateInput.demo.usage.tsx index bcc0c2a1e0d..277e15f22ad 100644 --- a/packages/@docs/demos/src/demos/dates/DateInput/DateInput.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/dates/DateInput/DateInput.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { DateInput } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.controlProps.tsx b/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.controlProps.tsx index cc49dc8350f..7085c69f5be 100644 --- a/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.controlProps.tsx +++ b/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.controlProps.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { DatePicker, DatePickerProps } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.controlledDate.tsx b/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.controlledDate.tsx index 1d2072c9dcb..37885f0f5b5 100644 --- a/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.controlledDate.tsx +++ b/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.controlledDate.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { DatePicker } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.defaultDate.tsx b/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.defaultDate.tsx index 100eeded928..d02d3513bd5 100644 --- a/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.defaultDate.tsx +++ b/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.defaultDate.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { DatePicker } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.labelFormat.tsx b/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.labelFormat.tsx index e759b3244f1..7e715a46934 100644 --- a/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.labelFormat.tsx +++ b/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.labelFormat.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { DatePicker } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.minMax.tsx b/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.minMax.tsx index 1c0c309b70f..f9cc9f45945 100644 --- a/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.minMax.tsx +++ b/packages/@docs/demos/src/demos/dates/DatePicker/DatePicker.demo.minMax.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { DatePicker } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.controlProps.tsx b/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.controlProps.tsx index 7d2e8686ad1..7ebfe0d8026 100644 --- a/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.controlProps.tsx +++ b/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.controlProps.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MonthPicker, MonthPickerProps } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.controlledDate.tsx b/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.controlledDate.tsx index a98e126ca52..0d73db6871e 100644 --- a/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.controlledDate.tsx +++ b/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.controlledDate.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MonthPicker } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.defaultDate.tsx b/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.defaultDate.tsx index 61cf444855e..3d5f5f617ee 100644 --- a/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.defaultDate.tsx +++ b/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.defaultDate.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MonthPicker } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.labelFormat.tsx b/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.labelFormat.tsx index 0607e6a530e..86bb1950721 100644 --- a/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.labelFormat.tsx +++ b/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.labelFormat.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MonthPicker } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.minMax.tsx b/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.minMax.tsx index 8309a11449f..5c8320d3fd8 100644 --- a/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.minMax.tsx +++ b/packages/@docs/demos/src/demos/dates/MonthPicker/MonthPicker.demo.minMax.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MonthPicker } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/TimeInput/TimeInput.demo.picker.tsx b/packages/@docs/demos/src/demos/dates/TimeInput/TimeInput.demo.picker.tsx index 348887ed264..c251d3c182d 100644 --- a/packages/@docs/demos/src/demos/dates/TimeInput/TimeInput.demo.picker.tsx +++ b/packages/@docs/demos/src/demos/dates/TimeInput/TimeInput.demo.picker.tsx @@ -1,4 +1,4 @@ -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { IconClock } from '@tabler/icons-react'; import { ActionIcon, rem } from '@mantine/core'; import { TimeInput } from '@mantine/dates'; diff --git a/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.controlProps.tsx b/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.controlProps.tsx index 71007dd9ef8..c49501084d8 100644 --- a/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.controlProps.tsx +++ b/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.controlProps.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { YearPicker, YearPickerProps } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.controlledDate.tsx b/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.controlledDate.tsx index 98650628732..928998ea266 100644 --- a/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.controlledDate.tsx +++ b/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.controlledDate.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { YearPicker } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.decadeLabelFormat.tsx b/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.decadeLabelFormat.tsx index 5228258b365..550d8a54058 100644 --- a/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.decadeLabelFormat.tsx +++ b/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.decadeLabelFormat.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { YearPicker } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.defaultDate.tsx b/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.defaultDate.tsx index 573227b19a3..54574de9810 100644 --- a/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.defaultDate.tsx +++ b/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.defaultDate.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { YearPicker } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.minMax.tsx b/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.minMax.tsx index c00ab71c12d..52e88b2efd4 100644 --- a/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.minMax.tsx +++ b/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.minMax.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { YearPicker } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.yearsListFormat.tsx b/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.yearsListFormat.tsx index 0112db61ce0..844587df84a 100644 --- a/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.yearsListFormat.tsx +++ b/packages/@docs/demos/src/demos/dates/YearPicker/YearPicker.demo.yearsListFormat.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { YearPicker } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/_shared/picker-deselect.demo.tsx b/packages/@docs/demos/src/demos/dates/_shared/picker-deselect.demo.tsx index e64a4cec026..9bb3d12270b 100644 --- a/packages/@docs/demos/src/demos/dates/_shared/picker-deselect.demo.tsx +++ b/packages/@docs/demos/src/demos/dates/_shared/picker-deselect.demo.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MantineDemo } from '@mantinex/demo'; const getCode = (name: string) => ` diff --git a/packages/@docs/demos/src/demos/dates/_shared/picker-input-icon.demo.tsx b/packages/@docs/demos/src/demos/dates/_shared/picker-input-icon.demo.tsx index 4b4fcd7c144..1f9aff6f757 100644 --- a/packages/@docs/demos/src/demos/dates/_shared/picker-input-icon.demo.tsx +++ b/packages/@docs/demos/src/demos/dates/_shared/picker-input-icon.demo.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconCalendar } from '@tabler/icons-react'; import { rem } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/_shared/picker-input-modal.demo.tsx b/packages/@docs/demos/src/demos/dates/_shared/picker-input-modal.demo.tsx index bd718b0595a..034f657b00f 100644 --- a/packages/@docs/demos/src/demos/dates/_shared/picker-input-modal.demo.tsx +++ b/packages/@docs/demos/src/demos/dates/_shared/picker-input-modal.demo.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MantineDemo } from '@mantinex/demo'; const getCode = (name: string) => ` diff --git a/packages/@docs/demos/src/demos/dates/_shared/picker-input-multiple.demo.tsx b/packages/@docs/demos/src/demos/dates/_shared/picker-input-multiple.demo.tsx index 1f289899013..4b4b713d0ab 100644 --- a/packages/@docs/demos/src/demos/dates/_shared/picker-input-multiple.demo.tsx +++ b/packages/@docs/demos/src/demos/dates/_shared/picker-input-multiple.demo.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MantineDemo } from '@mantinex/demo'; const getCode = (name: string) => ` diff --git a/packages/@docs/demos/src/demos/dates/_shared/picker-input-range.demo.tsx b/packages/@docs/demos/src/demos/dates/_shared/picker-input-range.demo.tsx index 794c52b5a50..404dc2cd660 100644 --- a/packages/@docs/demos/src/demos/dates/_shared/picker-input-range.demo.tsx +++ b/packages/@docs/demos/src/demos/dates/_shared/picker-input-range.demo.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MantineDemo } from '@mantinex/demo'; const getCode = (name: string) => ` diff --git a/packages/@docs/demos/src/demos/dates/_shared/picker-input-usage.demo.tsx b/packages/@docs/demos/src/demos/dates/_shared/picker-input-usage.demo.tsx index 586ec2f5409..5a38e86dd36 100644 --- a/packages/@docs/demos/src/demos/dates/_shared/picker-input-usage.demo.tsx +++ b/packages/@docs/demos/src/demos/dates/_shared/picker-input-usage.demo.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MantineDemo } from '@mantinex/demo'; const getCode = (name: string) => ` diff --git a/packages/@docs/demos/src/demos/dates/_shared/picker-input-value-formatter.demo.tsx b/packages/@docs/demos/src/demos/dates/_shared/picker-input-value-formatter.demo.tsx index a460d6af092..b28dc244a3e 100644 --- a/packages/@docs/demos/src/demos/dates/_shared/picker-input-value-formatter.demo.tsx +++ b/packages/@docs/demos/src/demos/dates/_shared/picker-input-value-formatter.demo.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useState } from 'react'; +import { useState } from 'react'; import { DateFormatter } from '@mantine/dates'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/_shared/picker-multiple.demo.tsx b/packages/@docs/demos/src/demos/dates/_shared/picker-multiple.demo.tsx index fe84f7aa280..b5760420d6f 100644 --- a/packages/@docs/demos/src/demos/dates/_shared/picker-multiple.demo.tsx +++ b/packages/@docs/demos/src/demos/dates/_shared/picker-multiple.demo.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MantineDemo } from '@mantinex/demo'; const getCode = (name: string) => ` diff --git a/packages/@docs/demos/src/demos/dates/_shared/picker-numberOfColumns.demo.tsx b/packages/@docs/demos/src/demos/dates/_shared/picker-numberOfColumns.demo.tsx index fae7494ccfd..e69ad4c74e5 100644 --- a/packages/@docs/demos/src/demos/dates/_shared/picker-numberOfColumns.demo.tsx +++ b/packages/@docs/demos/src/demos/dates/_shared/picker-numberOfColumns.demo.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Text } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dates/_shared/picker-range.demo.tsx b/packages/@docs/demos/src/demos/dates/_shared/picker-range.demo.tsx index c8a7eaef162..9ffe03ce7e8 100644 --- a/packages/@docs/demos/src/demos/dates/_shared/picker-range.demo.tsx +++ b/packages/@docs/demos/src/demos/dates/_shared/picker-range.demo.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MantineDemo } from '@mantinex/demo'; const getCode = (name: string) => ` diff --git a/packages/@docs/demos/src/demos/dates/_shared/picker-singleRange.demo.tsx b/packages/@docs/demos/src/demos/dates/_shared/picker-singleRange.demo.tsx index 10af9cecf17..3a863668a5e 100644 --- a/packages/@docs/demos/src/demos/dates/_shared/picker-singleRange.demo.tsx +++ b/packages/@docs/demos/src/demos/dates/_shared/picker-singleRange.demo.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MantineDemo } from '@mantinex/demo'; const getCode = (name: string) => ` diff --git a/packages/@docs/demos/src/demos/dates/_shared/picker-usage.demo.tsx b/packages/@docs/demos/src/demos/dates/_shared/picker-usage.demo.tsx index d830d7e4824..7ca05b91f2d 100644 --- a/packages/@docs/demos/src/demos/dates/_shared/picker-usage.demo.tsx +++ b/packages/@docs/demos/src/demos/dates/_shared/picker-usage.demo.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MantineDemo } from '@mantinex/demo'; const getCode = (name: string) => ` diff --git a/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.enableChildPointerEvent.tsx b/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.enableChildPointerEvent.tsx index ef75e52975d..d63c55fcb6a 100644 --- a/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.enableChildPointerEvent.tsx +++ b/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.enableChildPointerEvent.tsx @@ -1,4 +1,4 @@ -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { Button, Group } from '@mantine/core'; import { Dropzone } from '@mantine/dropzone'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.fullScreen.tsx b/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.fullScreen.tsx index 0402ecb391b..12a11b60d15 100644 --- a/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.fullScreen.tsx +++ b/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.fullScreen.tsx @@ -1,5 +1,5 @@ /* eslint-disable no-console */ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group } from '@mantine/core'; import { Dropzone, IMAGE_MIME_TYPE } from '@mantine/dropzone'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.manual.tsx b/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.manual.tsx index 91a23bc520d..538c9139b83 100644 --- a/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.manual.tsx +++ b/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.manual.tsx @@ -1,4 +1,4 @@ -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { Button, Group } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; import { BaseDemo } from './_base'; diff --git a/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.preview.tsx b/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.preview.tsx index 45462c13f54..458e7e6a28f 100644 --- a/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.preview.tsx +++ b/packages/@docs/demos/src/demos/dropzone/Dropzone.demo.preview.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Image, SimpleGrid, Text } from '@mantine/core'; import { Dropzone, FileWithPath, IMAGE_MIME_TYPE } from '@mantine/dropzone'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/form-field/Field.demo.statusUncontrolled.tsx b/packages/@docs/demos/src/demos/form-field/Field.demo.statusUncontrolled.tsx index e1b89f96c90..ca4fba6ad69 100644 --- a/packages/@docs/demos/src/demos/form-field/Field.demo.statusUncontrolled.tsx +++ b/packages/@docs/demos/src/demos/form-field/Field.demo.statusUncontrolled.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Text, TextInput } from '@mantine/core'; import { useField } from '@mantine/form'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/form/Form.demo.asyncSetValues.tsx b/packages/@docs/demos/src/demos/form/Form.demo.asyncSetValues.tsx index ddacd174d8e..072d2a35a90 100644 --- a/packages/@docs/demos/src/demos/form/Form.demo.asyncSetValues.tsx +++ b/packages/@docs/demos/src/demos/form/Form.demo.asyncSetValues.tsx @@ -1,5 +1,5 @@ /* eslint-disable no-console */ -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import { Checkbox, TextInput } from '@mantine/core'; import { useForm } from '@mantine/form'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/form/Form.demo.controlled.tsx b/packages/@docs/demos/src/demos/form/Form.demo.controlled.tsx index fa13046a9da..410139229cb 100644 --- a/packages/@docs/demos/src/demos/form/Form.demo.controlled.tsx +++ b/packages/@docs/demos/src/demos/form/Form.demo.controlled.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Code, Text, TextInput } from '@mantine/core'; import { hasLength, isEmail, useForm } from '@mantine/form'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/form/Form.demo.localStorage.tsx b/packages/@docs/demos/src/demos/form/Form.demo.localStorage.tsx index 83c4d1a4fc4..d655a94548e 100644 --- a/packages/@docs/demos/src/demos/form/Form.demo.localStorage.tsx +++ b/packages/@docs/demos/src/demos/form/Form.demo.localStorage.tsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import { Box, TextInput } from '@mantine/core'; import { useForm } from '@mantine/form'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/form/Form.demo.stepper.tsx b/packages/@docs/demos/src/demos/form/Form.demo.stepper.tsx index d4be7e98674..c97cf9e5458 100644 --- a/packages/@docs/demos/src/demos/form/Form.demo.stepper.tsx +++ b/packages/@docs/demos/src/demos/form/Form.demo.stepper.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Code, Group, PasswordInput, Stepper, TextInput } from '@mantine/core'; import { useForm } from '@mantine/form'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/form/Form.demo.transformValues.tsx b/packages/@docs/demos/src/demos/form/Form.demo.transformValues.tsx index ca14435d76f..af880ba9040 100644 --- a/packages/@docs/demos/src/demos/form/Form.demo.transformValues.tsx +++ b/packages/@docs/demos/src/demos/form/Form.demo.transformValues.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Code, TextInput } from '@mantine/core'; import { useForm } from '@mantine/form'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/form/Form.demo.uncontrolled.tsx b/packages/@docs/demos/src/demos/form/Form.demo.uncontrolled.tsx index 223384d6591..d17b3b99cca 100644 --- a/packages/@docs/demos/src/demos/form/Form.demo.uncontrolled.tsx +++ b/packages/@docs/demos/src/demos/form/Form.demo.uncontrolled.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Code, Text, TextInput } from '@mantine/core'; import { hasLength, isEmail, useForm } from '@mantine/form'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/guides/Guides.demo.createPolymorphic.tsx b/packages/@docs/demos/src/demos/guides/Guides.demo.createPolymorphic.tsx index 77fb22fe6b1..ffa6f57121b 100644 --- a/packages/@docs/demos/src/demos/guides/Guides.demo.createPolymorphic.tsx +++ b/packages/@docs/demos/src/demos/guides/Guides.demo.createPolymorphic.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { Button, ButtonProps, createPolymorphicComponent, Group } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/guides/Guides.demo.newPolymorphic.tsx b/packages/@docs/demos/src/demos/guides/Guides.demo.newPolymorphic.tsx index 2ec50204281..6135fe60a1a 100644 --- a/packages/@docs/demos/src/demos/guides/Guides.demo.newPolymorphic.tsx +++ b/packages/@docs/demos/src/demos/guides/Guides.demo.newPolymorphic.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { Box, BoxProps, createPolymorphicComponent, Group } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/guides/Guides.demo.staticPolymorphic.tsx b/packages/@docs/demos/src/demos/guides/Guides.demo.staticPolymorphic.tsx index dc561b33c4a..682115f0760 100644 --- a/packages/@docs/demos/src/demos/guides/Guides.demo.staticPolymorphic.tsx +++ b/packages/@docs/demos/src/demos/guides/Guides.demo.staticPolymorphic.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { Button, ButtonProps } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-click-outside.demo.events.tsx b/packages/@docs/demos/src/demos/hooks/use-click-outside.demo.events.tsx index daece5cfb9e..b384958e318 100644 --- a/packages/@docs/demos/src/demos/hooks/use-click-outside.demo.events.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-click-outside.demo.events.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group, Paper, rem } from '@mantine/core'; import { useClickOutside } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-click-outside.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-click-outside.demo.usage.tsx index 7a7e90a3a8c..66d26f9cfc0 100644 --- a/packages/@docs/demos/src/demos/hooks/use-click-outside.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-click-outside.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group, Paper, rem } from '@mantine/core'; import { useClickOutside } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-debounced-callback.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-debounced-callback.demo.usage.tsx index 2125d50eaf1..5636d91412f 100644 --- a/packages/@docs/demos/src/demos/hooks/use-debounced-callback.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-debounced-callback.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Loader, Text, TextInput } from '@mantine/core'; import { useDebouncedCallback } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-debounced-value.demo.cancel.tsx b/packages/@docs/demos/src/demos/hooks/use-debounced-value.demo.cancel.tsx index 5d1be27c2fb..d18b612ce9f 100644 --- a/packages/@docs/demos/src/demos/hooks/use-debounced-value.demo.cancel.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-debounced-value.demo.cancel.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Box, Button, Group, Text, TextInput } from '@mantine/core'; import { useDebouncedValue } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-debounced-value.demo.leading.tsx b/packages/@docs/demos/src/demos/hooks/use-debounced-value.demo.leading.tsx index 73d73b931c4..7debd9e443a 100644 --- a/packages/@docs/demos/src/demos/hooks/use-debounced-value.demo.leading.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-debounced-value.demo.leading.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Box, Text, TextInput } from '@mantine/core'; import { useDebouncedValue } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-debounced-value.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-debounced-value.demo.usage.tsx index f07f6262a13..6457163322e 100644 --- a/packages/@docs/demos/src/demos/hooks/use-debounced-value.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-debounced-value.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Box, Text, TextInput } from '@mantine/core'; import { useDebouncedValue } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-document-title.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-document-title.demo.usage.tsx index 549845eb26c..0e2fbd7c9b6 100644 --- a/packages/@docs/demos/src/demos/hooks/use-document-title.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-document-title.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button } from '@mantine/core'; import { randomId, useDocumentTitle } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-event-listener.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-event-listener.demo.usage.tsx index 7fcbf72fb8d..f361f2fc23b 100644 --- a/packages/@docs/demos/src/demos/hooks/use-event-listener.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-event-listener.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useCallback, useState } from 'react'; +import { useCallback, useState } from 'react'; import { Button } from '@mantine/core'; import { useEventListener } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-eye-dropper.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-eye-dropper.demo.usage.tsx index e9b2001608a..be373312683 100644 --- a/packages/@docs/demos/src/demos/hooks/use-eye-dropper.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-eye-dropper.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconColorPicker } from '@tabler/icons-react'; import { ActionIcon, ColorSwatch, Group, Text } from '@mantine/core'; import { useEyeDropper } from '@mantine/hooks'; diff --git a/packages/@docs/demos/src/demos/hooks/use-favicon.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-favicon.demo.usage.tsx index 352f77b1fef..ccb643b3625 100644 --- a/packages/@docs/demos/src/demos/hooks/use-favicon.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-favicon.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group } from '@mantine/core'; import { useFavicon } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-hotkeys.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-hotkeys.demo.usage.tsx index 8e280e4c6af..da405607864 100644 --- a/packages/@docs/demos/src/demos/hooks/use-hotkeys.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-hotkeys.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { TextInput } from '@mantine/core'; import { getHotkeyHandler, useHotkeys } from '@mantine/hooks'; import { notifications } from '@mantine/notifications'; diff --git a/packages/@docs/demos/src/demos/hooks/use-intersection.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-intersection.demo.usage.tsx index 8424e72b181..31e123df5c9 100644 --- a/packages/@docs/demos/src/demos/hooks/use-intersection.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-intersection.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { Box, Paper, Text } from '@mantine/core'; import { useIntersection } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-interval.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-interval.demo.usage.tsx index 2e99569c805..24843c78852 100644 --- a/packages/@docs/demos/src/demos/hooks/use-interval.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-interval.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { Button, Stack, Text } from '@mantine/core'; import { useInterval } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-is-first-render.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-is-first-render.demo.usage.tsx index 27be53533a3..26c57d11660 100644 --- a/packages/@docs/demos/src/demos/hooks/use-is-first-render.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-is-first-render.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Text } from '@mantine/core'; import { useIsFirstRender } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-logger.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-logger.demo.usage.tsx index d4583e22e1d..51888adf32d 100644 --- a/packages/@docs/demos/src/demos/hooks/use-logger.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-logger.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button } from '@mantine/core'; import { useLogger } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-move.demo.color.tsx b/packages/@docs/demos/src/demos/hooks/use-move.demo.color.tsx index 875887f1de6..4b2d29c458d 100644 --- a/packages/@docs/demos/src/demos/hooks/use-move.demo.color.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-move.demo.color.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { rem } from '@mantine/core'; import { useMove } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-move.demo.horizontal.tsx b/packages/@docs/demos/src/demos/hooks/use-move.demo.horizontal.tsx index f701256282a..02d850c7e1f 100644 --- a/packages/@docs/demos/src/demos/hooks/use-move.demo.horizontal.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-move.demo.horizontal.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Group, rem, Text } from '@mantine/core'; import { useMove } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-move.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-move.demo.usage.tsx index ec252363d6d..2151f649071 100644 --- a/packages/@docs/demos/src/demos/hooks/use-move.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-move.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Code, Group, rem, Text } from '@mantine/core'; import { useMove } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-move.demo.vertical.tsx b/packages/@docs/demos/src/demos/hooks/use-move.demo.vertical.tsx index 6ceac132c2a..1a3e9230368 100644 --- a/packages/@docs/demos/src/demos/hooks/use-move.demo.vertical.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-move.demo.vertical.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Group, rem, Text } from '@mantine/core'; import { useMove } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-mutation-observer.demo.target.tsx b/packages/@docs/demos/src/demos/hooks/use-mutation-observer.demo.target.tsx index a9f05bd9260..36121a43912 100644 --- a/packages/@docs/demos/src/demos/hooks/use-mutation-observer.demo.target.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-mutation-observer.demo.target.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Kbd, Text } from '@mantine/core'; import { useMutationObserver } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-mutation-observer.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-mutation-observer.demo.usage.tsx index a8d2a5170a2..49564dfce73 100644 --- a/packages/@docs/demos/src/demos/hooks/use-mutation-observer.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-mutation-observer.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Text } from '@mantine/core'; import { useMutationObserver } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-page-leave.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-page-leave.demo.usage.tsx index 5042da8ea3f..06e1c3fb9a5 100644 --- a/packages/@docs/demos/src/demos/hooks/use-page-leave.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-page-leave.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Text } from '@mantine/core'; import { usePageLeave } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-set.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-set.demo.usage.tsx index d8249965fca..ba5c3721f2b 100644 --- a/packages/@docs/demos/src/demos/hooks/use-set.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-set.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Code, Stack, TextInput } from '@mantine/core'; import { useSet } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-throttled-callback.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-throttled-callback.demo.usage.tsx index 3a5c26e5b78..79d1f064e56 100644 --- a/packages/@docs/demos/src/demos/hooks/use-throttled-callback.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-throttled-callback.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Text, TextInput } from '@mantine/core'; import { useThrottledCallback } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-throttled-value.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-throttled-value.demo.usage.tsx index 53151b9e84b..85951fee85d 100644 --- a/packages/@docs/demos/src/demos/hooks/use-throttled-value.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-throttled-value.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Text, TextInput } from '@mantine/core'; import { useThrottledValue } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/hooks/use-timeout.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-timeout.demo.usage.tsx index 996693df300..ef2b97e9f95 100644 --- a/packages/@docs/demos/src/demos/hooks/use-timeout.demo.usage.tsx +++ b/packages/@docs/demos/src/demos/hooks/use-timeout.demo.usage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group, Text } from '@mantine/core'; import { randomId, useTimeout } from '@mantine/hooks'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/spotlight/Spotlight.demo.compound.tsx b/packages/@docs/demos/src/demos/spotlight/Spotlight.demo.compound.tsx index 1ec70aa1b77..3ab6e20e310 100644 --- a/packages/@docs/demos/src/demos/spotlight/Spotlight.demo.compound.tsx +++ b/packages/@docs/demos/src/demos/spotlight/Spotlight.demo.compound.tsx @@ -1,4 +1,4 @@ -import React, { useMemo, useState } from 'react'; +import { useMemo, useState } from 'react'; import { IconSearch } from '@tabler/icons-react'; import { Button } from '@mantine/core'; import { createSpotlight, Spotlight } from '@mantine/spotlight'; diff --git a/packages/@docs/demos/src/demos/spotlight/Spotlight.demo.customAction.tsx b/packages/@docs/demos/src/demos/spotlight/Spotlight.demo.customAction.tsx index 28ef9291892..311c400ec9f 100644 --- a/packages/@docs/demos/src/demos/spotlight/Spotlight.demo.customAction.tsx +++ b/packages/@docs/demos/src/demos/spotlight/Spotlight.demo.customAction.tsx @@ -1,5 +1,5 @@ /* eslint-disable no-console */ -import React, { useMemo, useState } from 'react'; +import { useMemo, useState } from 'react'; import { IconSearch } from '@tabler/icons-react'; import { Badge, Button, Center, Group, Text } from '@mantine/core'; import { createSpotlight, Spotlight } from '@mantine/spotlight'; diff --git a/packages/@docs/demos/src/demos/spotlight/_demo-base.tsx b/packages/@docs/demos/src/demos/spotlight/_demo-base.tsx index 680014009d8..420cacfd62b 100644 --- a/packages/@docs/demos/src/demos/spotlight/_demo-base.tsx +++ b/packages/@docs/demos/src/demos/spotlight/_demo-base.tsx @@ -1,4 +1,4 @@ -import React, { useMemo } from 'react'; +import { useMemo } from 'react'; import { Button, Group } from '@mantine/core'; import { createSpotlight, Spotlight, SpotlightProps } from '@mantine/spotlight'; diff --git a/packages/@docs/demos/src/demos/styles/Styles.demo.classNames.tsx b/packages/@docs/demos/src/demos/styles/Styles.demo.classNames.tsx index 4e989fcda8b..4e3ab5107e2 100644 --- a/packages/@docs/demos/src/demos/styles/Styles.demo.classNames.tsx +++ b/packages/@docs/demos/src/demos/styles/Styles.demo.classNames.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { TextInput } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; import classes from './Styles.demo.classNames.module.css'; diff --git a/packages/@docs/demos/src/demos/styles/Styles.demo.directionControl.tsx b/packages/@docs/demos/src/demos/styles/Styles.demo.directionControl.tsx index e6818b7eb9e..23222e8b22e 100644 --- a/packages/@docs/demos/src/demos/styles/Styles.demo.directionControl.tsx +++ b/packages/@docs/demos/src/demos/styles/Styles.demo.directionControl.tsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import { IconTextDirectionLtr, IconTextDirectionRtl } from '@tabler/icons-react'; import { ActionIcon, useDirection } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/styles/Styles.demo.remSlider.tsx b/packages/@docs/demos/src/demos/styles/Styles.demo.remSlider.tsx index fd560de6bc6..6d5f40ef439 100644 --- a/packages/@docs/demos/src/demos/styles/Styles.demo.remSlider.tsx +++ b/packages/@docs/demos/src/demos/styles/Styles.demo.remSlider.tsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import { Slider } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/demos/theming/Theming.demo.primaryShadeConfigurator.tsx b/packages/@docs/demos/src/demos/theming/Theming.demo.primaryShadeConfigurator.tsx index 2eb7f159bed..8c48aff456d 100644 --- a/packages/@docs/demos/src/demos/theming/Theming.demo.primaryShadeConfigurator.tsx +++ b/packages/@docs/demos/src/demos/theming/Theming.demo.primaryShadeConfigurator.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { Button, Group, MantineProvider, useMantineColorScheme } from '@mantine/core'; import { MantineDemo } from '@mantinex/demo'; diff --git a/packages/@docs/demos/src/shared/AuthenticationForm/AuthenticationForm.tsx b/packages/@docs/demos/src/shared/AuthenticationForm/AuthenticationForm.tsx index 0940b0c752a..ead2f44b216 100644 --- a/packages/@docs/demos/src/shared/AuthenticationForm/AuthenticationForm.tsx +++ b/packages/@docs/demos/src/shared/AuthenticationForm/AuthenticationForm.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconAt, IconLock } from '@tabler/icons-react'; import { Anchor, diff --git a/packages/@mantine-tests/core/src/create-context-container.tsx b/packages/@mantine-tests/core/src/create-context-container.tsx index 14ed33487f7..8e372fcba4c 100644 --- a/packages/@mantine-tests/core/src/create-context-container.tsx +++ b/packages/@mantine-tests/core/src/create-context-container.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; export function createContextContainer( Component: React.FC, diff --git a/packages/@mantine-tests/core/src/shared/it-is-polymorphic.tsx b/packages/@mantine-tests/core/src/shared/it-is-polymorphic.tsx index cf6745252e7..0e8bad12c1b 100644 --- a/packages/@mantine-tests/core/src/shared/it-is-polymorphic.tsx +++ b/packages/@mantine-tests/core/src/shared/it-is-polymorphic.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { render } from '../render'; interface Options { diff --git a/packages/@mantine-tests/core/src/shared/it-supports-ref.tsx b/packages/@mantine-tests/core/src/shared/it-supports-ref.tsx index d7e1e3a9e66..409d280faa0 100644 --- a/packages/@mantine-tests/core/src/shared/it-supports-ref.tsx +++ b/packages/@mantine-tests/core/src/shared/it-supports-ref.tsx @@ -1,4 +1,4 @@ -import React, { createRef } from 'react'; +import { createRef } from 'react'; import { render } from '../render'; interface Options { diff --git a/packages/@mantine/carousel/src/Carousel.story.tsx b/packages/@mantine/carousel/src/Carousel.story.tsx index 47e4b1791c5..35493804b51 100644 --- a/packages/@mantine/carousel/src/Carousel.story.tsx +++ b/packages/@mantine/carousel/src/Carousel.story.tsx @@ -1,4 +1,4 @@ -import React, { useRef, useState } from 'react'; +import { useRef, useState } from 'react'; import Autoplay from 'embla-carousel-autoplay'; import type { EmblaCarouselType } from 'embla-carousel-react'; import { Button, Modal } from '@mantine/core'; diff --git a/packages/@mantine/carousel/src/Carousel.tsx b/packages/@mantine/carousel/src/Carousel.tsx index a7958639fd7..4b5d4e58717 100644 --- a/packages/@mantine/carousel/src/Carousel.tsx +++ b/packages/@mantine/carousel/src/Carousel.tsx @@ -1,4 +1,4 @@ -import React, { Children, useCallback, useEffect, useState } from 'react'; +import { Children, useCallback, useEffect, useState } from 'react'; import useEmblaCarousel, { EmblaCarouselType, EmblaPluginType } from 'embla-carousel-react'; import { AccordionChevron, diff --git a/packages/@mantine/charts/src/AreaChart/AreaChart.tsx b/packages/@mantine/charts/src/AreaChart/AreaChart.tsx index 201d8c08b56..99f1ba0eb3e 100644 --- a/packages/@mantine/charts/src/AreaChart/AreaChart.tsx +++ b/packages/@mantine/charts/src/AreaChart/AreaChart.tsx @@ -1,4 +1,4 @@ -import React, { Fragment, useId, useState } from 'react'; +import { Fragment, useId, useState } from 'react'; import { Area, AreaProps, diff --git a/packages/@mantine/charts/src/BarChart/BarChart.tsx b/packages/@mantine/charts/src/BarChart/BarChart.tsx index 7aa5567df7e..489c3de2b92 100644 --- a/packages/@mantine/charts/src/BarChart/BarChart.tsx +++ b/packages/@mantine/charts/src/BarChart/BarChart.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Bar, BarProps, diff --git a/packages/@mantine/charts/src/LineChart/LineChart.tsx b/packages/@mantine/charts/src/LineChart/LineChart.tsx index fe2b20978b2..5c01269247a 100644 --- a/packages/@mantine/charts/src/LineChart/LineChart.tsx +++ b/packages/@mantine/charts/src/LineChart/LineChart.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CartesianGrid, DotProps, diff --git a/packages/@mantine/charts/src/ScatterChart/ScatterChart.tsx b/packages/@mantine/charts/src/ScatterChart/ScatterChart.tsx index 308b664fbcf..3671a87f51f 100644 --- a/packages/@mantine/charts/src/ScatterChart/ScatterChart.tsx +++ b/packages/@mantine/charts/src/ScatterChart/ScatterChart.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CartesianGrid, Label, diff --git a/packages/@mantine/charts/src/Sparkline/Sparkline.tsx b/packages/@mantine/charts/src/Sparkline/Sparkline.tsx index 33c64e42157..af4798464ab 100644 --- a/packages/@mantine/charts/src/Sparkline/Sparkline.tsx +++ b/packages/@mantine/charts/src/Sparkline/Sparkline.tsx @@ -1,4 +1,4 @@ -import React, { useId, useMemo } from 'react'; +import { useId, useMemo } from 'react'; import { Area, AreaProps, AreaChart as ReChartsAreaChart, ResponsiveContainer } from 'recharts'; import { Box, diff --git a/packages/@mantine/code-highlight/src/CodeHighlight.story.tsx b/packages/@mantine/code-highlight/src/CodeHighlight.story.tsx index ddc009fccc4..5ca8f7680fe 100644 --- a/packages/@mantine/code-highlight/src/CodeHighlight.story.tsx +++ b/packages/@mantine/code-highlight/src/CodeHighlight.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { CodeHighlight } from './CodeHighlight'; import { CodeHighlightTabs } from './CodeHighlightTabs'; import { InlineCodeHighlight } from './InlineCodeHighlight'; diff --git a/packages/@mantine/core/src/components/Accordion/Accordion.story.tsx b/packages/@mantine/core/src/components/Accordion/Accordion.story.tsx index df50002d6e1..43fec67cd23 100644 --- a/packages/@mantine/core/src/components/Accordion/Accordion.story.tsx +++ b/packages/@mantine/core/src/components/Accordion/Accordion.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconPictureInPicture } from '@tabler/icons-react'; import { Accordion } from './Accordion'; diff --git a/packages/@mantine/core/src/components/Autocomplete/Autocomplete.story.tsx b/packages/@mantine/core/src/components/Autocomplete/Autocomplete.story.tsx index cb936c7a60d..36ef942a97b 100644 --- a/packages/@mantine/core/src/components/Autocomplete/Autocomplete.story.tsx +++ b/packages/@mantine/core/src/components/Autocomplete/Autocomplete.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button } from '../Button'; import { Autocomplete } from './Autocomplete'; diff --git a/packages/@mantine/core/src/components/Autocomplete/Autocomplete.tsx b/packages/@mantine/core/src/components/Autocomplete/Autocomplete.tsx index 420e14b37f9..0a0fa505961 100644 --- a/packages/@mantine/core/src/components/Autocomplete/Autocomplete.tsx +++ b/packages/@mantine/core/src/components/Autocomplete/Autocomplete.tsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import { useId, useUncontrolled } from '@mantine/hooks'; import { BoxProps, diff --git a/packages/@mantine/core/src/components/Avatar/Avatar.tsx b/packages/@mantine/core/src/components/Avatar/Avatar.tsx index abd84217ab5..96df5df8f8f 100644 --- a/packages/@mantine/core/src/components/Avatar/Avatar.tsx +++ b/packages/@mantine/core/src/components/Avatar/Avatar.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { Box, BoxProps, diff --git a/packages/@mantine/core/src/components/Card/Card.tsx b/packages/@mantine/core/src/components/Card/Card.tsx index 0578d3070f0..14c46200a92 100644 --- a/packages/@mantine/core/src/components/Card/Card.tsx +++ b/packages/@mantine/core/src/components/Card/Card.tsx @@ -1,4 +1,4 @@ -import React, { Children, cloneElement } from 'react'; +import { Children, cloneElement } from 'react'; import { BoxProps, createVarsResolver, diff --git a/packages/@mantine/core/src/components/Checkbox/Checkbox.test.tsx b/packages/@mantine/core/src/components/Checkbox/Checkbox.test.tsx index 45f602ac285..ad0376f1068 100644 --- a/packages/@mantine/core/src/components/Checkbox/Checkbox.test.tsx +++ b/packages/@mantine/core/src/components/Checkbox/Checkbox.test.tsx @@ -1,4 +1,4 @@ -import React, { createRef } from 'react'; +import { createRef } from 'react'; import { render, screen, tests } from '@mantine-tests/core'; import { Checkbox, CheckboxProps, CheckboxStylesNames } from './Checkbox'; diff --git a/packages/@mantine/core/src/components/Chip/Chip.test.tsx b/packages/@mantine/core/src/components/Chip/Chip.test.tsx index 3e6d237e158..b2a503ea7c7 100644 --- a/packages/@mantine/core/src/components/Chip/Chip.test.tsx +++ b/packages/@mantine/core/src/components/Chip/Chip.test.tsx @@ -1,4 +1,4 @@ -import React, { createRef } from 'react'; +import { createRef } from 'react'; import { render, tests } from '@mantine-tests/core'; import { Chip, ChipProps, ChipStylesNames } from './Chip'; diff --git a/packages/@mantine/core/src/components/CloseButton/CloseIcon.tsx b/packages/@mantine/core/src/components/CloseButton/CloseIcon.tsx index b789ebf4593..7bc3ecb22e2 100644 --- a/packages/@mantine/core/src/components/CloseButton/CloseIcon.tsx +++ b/packages/@mantine/core/src/components/CloseButton/CloseIcon.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; export interface CloseIconProps extends React.ComponentPropsWithoutRef<'svg'> { /** Icon width and height, `var(--icon-size)` by default */ diff --git a/packages/@mantine/core/src/components/Collapse/use-collapse.ts b/packages/@mantine/core/src/components/Collapse/use-collapse.ts index 65173cd3dce..7d95d0e8ba9 100644 --- a/packages/@mantine/core/src/components/Collapse/use-collapse.ts +++ b/packages/@mantine/core/src/components/Collapse/use-collapse.ts @@ -1,4 +1,4 @@ -import React, { useRef, useState } from 'react'; +import { useRef, useState } from 'react'; import { flushSync } from 'react-dom'; import { mergeRefs, useDidUpdate } from '@mantine/hooks'; import { CSSProperties } from '../../core'; diff --git a/packages/@mantine/core/src/components/ColorInput/ColorInput.tsx b/packages/@mantine/core/src/components/ColorInput/ColorInput.tsx index b49bfd986e2..4eeef8ce311 100644 --- a/packages/@mantine/core/src/components/ColorInput/ColorInput.tsx +++ b/packages/@mantine/core/src/components/ColorInput/ColorInput.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { useDidUpdate, useEyeDropper, useUncontrolled } from '@mantine/hooks'; import { BoxProps, diff --git a/packages/@mantine/core/src/components/ColorPicker/AlphaSlider/AlphaSlider.tsx b/packages/@mantine/core/src/components/ColorPicker/AlphaSlider/AlphaSlider.tsx index 289cc043ead..056e8254873 100644 --- a/packages/@mantine/core/src/components/ColorPicker/AlphaSlider/AlphaSlider.tsx +++ b/packages/@mantine/core/src/components/ColorPicker/AlphaSlider/AlphaSlider.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { rem, useProps } from '../../../core'; import { ColorSlider, ColorSliderProps } from '../ColorSlider/ColorSlider'; import { round } from '../converters/parsers'; diff --git a/packages/@mantine/core/src/components/ColorPicker/ColorPicker.story.tsx b/packages/@mantine/core/src/components/ColorPicker/ColorPicker.story.tsx index 0564cebcb29..8527b91740a 100644 --- a/packages/@mantine/core/src/components/ColorPicker/ColorPicker.story.tsx +++ b/packages/@mantine/core/src/components/ColorPicker/ColorPicker.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { AlphaSlider } from './AlphaSlider/AlphaSlider'; import { ColorPicker } from './ColorPicker'; import { HueSlider } from './HueSlider/HueSlider'; @@ -81,37 +81,35 @@ export function Unstyled() { } export function Controlled() { - const [value, setValue] = React.useState('#FFFFFF'); + const [value, setValue] = useState('#FFFFFF'); return (
- - + - - +
); } diff --git a/packages/@mantine/core/src/components/ColorPicker/ColorPicker.tsx b/packages/@mantine/core/src/components/ColorPicker/ColorPicker.tsx index 77d6c707e71..d69e51337e8 100644 --- a/packages/@mantine/core/src/components/ColorPicker/ColorPicker.tsx +++ b/packages/@mantine/core/src/components/ColorPicker/ColorPicker.tsx @@ -1,4 +1,4 @@ -import React, { useRef, useState } from 'react'; +import { useRef, useState } from 'react'; import { useDidUpdate, useUncontrolled } from '@mantine/hooks'; import { Box, diff --git a/packages/@mantine/core/src/components/ColorPicker/ColorSlider/ColorSlider.tsx b/packages/@mantine/core/src/components/ColorPicker/ColorSlider/ColorSlider.tsx index 006efd30abd..b1ad077381d 100644 --- a/packages/@mantine/core/src/components/ColorPicker/ColorSlider/ColorSlider.tsx +++ b/packages/@mantine/core/src/components/ColorPicker/ColorSlider/ColorSlider.tsx @@ -1,4 +1,4 @@ -import React, { useRef, useState } from 'react'; +import { useRef, useState } from 'react'; import { clampUseMovePosition, useDidUpdate, diff --git a/packages/@mantine/core/src/components/ColorPicker/HueSlider/HueSlider.tsx b/packages/@mantine/core/src/components/ColorPicker/HueSlider/HueSlider.tsx index ee373c0770f..791ad28d886 100644 --- a/packages/@mantine/core/src/components/ColorPicker/HueSlider/HueSlider.tsx +++ b/packages/@mantine/core/src/components/ColorPicker/HueSlider/HueSlider.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { rem, useProps } from '../../../core'; import { ColorSlider, ColorSliderProps } from '../ColorSlider/ColorSlider'; diff --git a/packages/@mantine/core/src/components/ColorPicker/Saturation/Saturation.tsx b/packages/@mantine/core/src/components/ColorPicker/Saturation/Saturation.tsx index bd604054d72..5ff9bbef83d 100644 --- a/packages/@mantine/core/src/components/ColorPicker/Saturation/Saturation.tsx +++ b/packages/@mantine/core/src/components/ColorPicker/Saturation/Saturation.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useRef, useState } from 'react'; +import { useEffect, useRef, useState } from 'react'; import { clampUseMovePosition, useMove, UseMovePosition } from '@mantine/hooks'; import { Box, ElementProps, MantineSize } from '../../../core'; import { useColorPickerContext } from '../ColorPicker.context'; diff --git a/packages/@mantine/core/src/components/ColorPicker/Swatches/Swatches.tsx b/packages/@mantine/core/src/components/ColorPicker/Swatches/Swatches.tsx index 575a0cbd2f5..c05e7091813 100644 --- a/packages/@mantine/core/src/components/ColorPicker/Swatches/Swatches.tsx +++ b/packages/@mantine/core/src/components/ColorPicker/Swatches/Swatches.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { Box, ElementProps } from '../../../core'; import { ColorSwatch } from '../../ColorSwatch'; import { useColorPickerContext } from '../ColorPicker.context'; diff --git a/packages/@mantine/core/src/components/ColorPicker/Thumb/Thumb.tsx b/packages/@mantine/core/src/components/ColorPicker/Thumb/Thumb.tsx index 74e361a57ec..1ede357df35 100644 --- a/packages/@mantine/core/src/components/ColorPicker/Thumb/Thumb.tsx +++ b/packages/@mantine/core/src/components/ColorPicker/Thumb/Thumb.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { Box } from '../../../core'; export interface ThumbProps extends React.ComponentPropsWithoutRef<'div'> { diff --git a/packages/@mantine/core/src/components/Combobox/ComboboxClearButton/ComboboxClearButton.tsx b/packages/@mantine/core/src/components/Combobox/ComboboxClearButton/ComboboxClearButton.tsx index 48776ddf2ac..5ba1893d5bf 100644 --- a/packages/@mantine/core/src/components/Combobox/ComboboxClearButton/ComboboxClearButton.tsx +++ b/packages/@mantine/core/src/components/Combobox/ComboboxClearButton/ComboboxClearButton.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { ElementProps, MantineSize } from '../../../core'; import { __CloseButtonProps, CloseButton } from '../../CloseButton'; diff --git a/packages/@mantine/core/src/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.tsx b/packages/@mantine/core/src/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.tsx index 97b6da1b1e6..a51cd31adf4 100644 --- a/packages/@mantine/core/src/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.tsx +++ b/packages/@mantine/core/src/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.tsx @@ -1,4 +1,4 @@ -import React, { cloneElement } from 'react'; +import { cloneElement } from 'react'; import { useMergedRef } from '@mantine/hooks'; import { factory, Factory, isElement, useProps } from '../../../core'; import { useComboboxContext } from '../Combobox.context'; diff --git a/packages/@mantine/core/src/components/Combobox/ComboboxOption/ComboboxOption.tsx b/packages/@mantine/core/src/components/Combobox/ComboboxOption/ComboboxOption.tsx index 6575bba77c2..ce165d584af 100644 --- a/packages/@mantine/core/src/components/Combobox/ComboboxOption/ComboboxOption.tsx +++ b/packages/@mantine/core/src/components/Combobox/ComboboxOption/ComboboxOption.tsx @@ -1,4 +1,4 @@ -import React, { useId } from 'react'; +import { useId } from 'react'; import { Box, BoxProps, diff --git a/packages/@mantine/core/src/components/Combobox/ComboboxOptions/ComboboxOptions.tsx b/packages/@mantine/core/src/components/Combobox/ComboboxOptions/ComboboxOptions.tsx index 56c592ba468..41832bf7412 100644 --- a/packages/@mantine/core/src/components/Combobox/ComboboxOptions/ComboboxOptions.tsx +++ b/packages/@mantine/core/src/components/Combobox/ComboboxOptions/ComboboxOptions.tsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import { useId } from '@mantine/hooks'; import { Box, diff --git a/packages/@mantine/core/src/components/Combobox/ComboboxTarget/ComboboxTarget.tsx b/packages/@mantine/core/src/components/Combobox/ComboboxTarget/ComboboxTarget.tsx index 014bfc6efa6..39e97b35afe 100644 --- a/packages/@mantine/core/src/components/Combobox/ComboboxTarget/ComboboxTarget.tsx +++ b/packages/@mantine/core/src/components/Combobox/ComboboxTarget/ComboboxTarget.tsx @@ -1,4 +1,4 @@ -import React, { cloneElement } from 'react'; +import { cloneElement } from 'react'; import { useMergedRef } from '@mantine/hooks'; import { factory, Factory, isElement, useProps } from '../../../core'; import { Popover } from '../../Popover'; diff --git a/packages/@mantine/core/src/components/FileButton/FileButton.tsx b/packages/@mantine/core/src/components/FileButton/FileButton.tsx index 0150be68b1a..2faf95cfc60 100644 --- a/packages/@mantine/core/src/components/FileButton/FileButton.tsx +++ b/packages/@mantine/core/src/components/FileButton/FileButton.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef, useRef } from 'react'; +import { forwardRef, useRef } from 'react'; import { assignRef, useMergedRef } from '@mantine/hooks'; import { useProps } from '../../core'; diff --git a/packages/@mantine/core/src/components/FileInput/FileInput.tsx b/packages/@mantine/core/src/components/FileInput/FileInput.tsx index 7900d6e5283..ac3a77d9a17 100644 --- a/packages/@mantine/core/src/components/FileInput/FileInput.tsx +++ b/packages/@mantine/core/src/components/FileInput/FileInput.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useRef } from 'react'; +import { useEffect, useRef } from 'react'; import { useUncontrolled } from '@mantine/hooks'; import { BoxProps, ElementProps, factory, Factory, StylesApiProps, useProps } from '../../core'; import { CloseButton } from '../CloseButton'; diff --git a/packages/@mantine/core/src/components/Floating/FloatingArrow/FloatingArrow.tsx b/packages/@mantine/core/src/components/Floating/FloatingArrow/FloatingArrow.tsx index 3e33ba6b047..ce1ece4fff6 100644 --- a/packages/@mantine/core/src/components/Floating/FloatingArrow/FloatingArrow.tsx +++ b/packages/@mantine/core/src/components/Floating/FloatingArrow/FloatingArrow.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { useDirection } from '../../../core'; import { ArrowPosition, FloatingPosition } from '../types'; import { getArrowPositionStyles } from './get-arrow-position-styles'; diff --git a/packages/@mantine/core/src/components/FloatingIndicator/FloatingIndicator.tsx b/packages/@mantine/core/src/components/FloatingIndicator/FloatingIndicator.tsx index 164275a5407..4d466677ed5 100644 --- a/packages/@mantine/core/src/components/FloatingIndicator/FloatingIndicator.tsx +++ b/packages/@mantine/core/src/components/FloatingIndicator/FloatingIndicator.tsx @@ -1,4 +1,4 @@ -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { useMergedRef } from '@mantine/hooks'; import { Box, diff --git a/packages/@mantine/core/src/components/FocusTrap/FocusTrap.tsx b/packages/@mantine/core/src/components/FocusTrap/FocusTrap.tsx index 71fb8e04572..bc78241126f 100644 --- a/packages/@mantine/core/src/components/FocusTrap/FocusTrap.tsx +++ b/packages/@mantine/core/src/components/FocusTrap/FocusTrap.tsx @@ -1,4 +1,4 @@ -import React, { cloneElement } from 'react'; +import { cloneElement } from 'react'; import { useFocusTrap, useMergedRef } from '@mantine/hooks'; import { isElement } from '../../core'; import { VisuallyHidden } from '../VisuallyHidden'; diff --git a/packages/@mantine/core/src/components/HoverCard/HoverCardTarget/HoverCardTarget.tsx b/packages/@mantine/core/src/components/HoverCard/HoverCardTarget/HoverCardTarget.tsx index fb867020d50..7518f240173 100644 --- a/packages/@mantine/core/src/components/HoverCard/HoverCardTarget/HoverCardTarget.tsx +++ b/packages/@mantine/core/src/components/HoverCard/HoverCardTarget/HoverCardTarget.tsx @@ -1,4 +1,4 @@ -import React, { cloneElement, forwardRef } from 'react'; +import { cloneElement, forwardRef } from 'react'; import { createEventHandler, isElement, useProps } from '../../../core'; import { Popover, PopoverTargetProps } from '../../Popover'; import { useHoverCardContext } from '../HoverCard.context'; diff --git a/packages/@mantine/core/src/components/Image/Image.tsx b/packages/@mantine/core/src/components/Image/Image.tsx index 7fa22da43f8..56b28edeed8 100644 --- a/packages/@mantine/core/src/components/Image/Image.tsx +++ b/packages/@mantine/core/src/components/Image/Image.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { Box, BoxProps, diff --git a/packages/@mantine/core/src/components/InlineInput/InlineInput.tsx b/packages/@mantine/core/src/components/InlineInput/InlineInput.tsx index 8f9add41db3..b5ee87b287d 100644 --- a/packages/@mantine/core/src/components/InlineInput/InlineInput.tsx +++ b/packages/@mantine/core/src/components/InlineInput/InlineInput.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { Box, BoxProps, diff --git a/packages/@mantine/core/src/components/JsonInput/JsonInput.story.tsx b/packages/@mantine/core/src/components/JsonInput/JsonInput.story.tsx index 95eeccf0411..d822b5c7cd7 100644 --- a/packages/@mantine/core/src/components/JsonInput/JsonInput.story.tsx +++ b/packages/@mantine/core/src/components/JsonInput/JsonInput.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { JsonInput } from './JsonInput'; export default { title: 'JsonInput' }; diff --git a/packages/@mantine/core/src/components/JsonInput/JsonInput.tsx b/packages/@mantine/core/src/components/JsonInput/JsonInput.tsx index d617417e7c9..b941e204c66 100644 --- a/packages/@mantine/core/src/components/JsonInput/JsonInput.tsx +++ b/packages/@mantine/core/src/components/JsonInput/JsonInput.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { useUncontrolled } from '@mantine/hooks'; import { factory, Factory, useProps } from '../../core'; import { __InputStylesNames } from '../Input'; diff --git a/packages/@mantine/core/src/components/Loader/Loader.story.tsx b/packages/@mantine/core/src/components/Loader/Loader.story.tsx index a644f967501..09f36bec7da 100644 --- a/packages/@mantine/core/src/components/Loader/Loader.story.tsx +++ b/packages/@mantine/core/src/components/Loader/Loader.story.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createTheme, MantineProvider } from '@mantine/core'; import { defaultLoaders, Loader } from './Loader'; import { MantineLoaderComponent } from './Loader.types'; diff --git a/packages/@mantine/core/src/components/Loader/Loader.test.tsx b/packages/@mantine/core/src/components/Loader/Loader.test.tsx index 317f7f03c88..97a68c1deec 100644 --- a/packages/@mantine/core/src/components/Loader/Loader.test.tsx +++ b/packages/@mantine/core/src/components/Loader/Loader.test.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { render, tests } from '@mantine-tests/core'; import { defaultLoaders, Loader, LoaderProps, LoaderStylesNames } from './Loader'; import { MantineLoaderComponent } from './Loader.types'; diff --git a/packages/@mantine/core/src/components/Loader/loaders/Bars.tsx b/packages/@mantine/core/src/components/Loader/loaders/Bars.tsx index b0066a9902a..84171970b0f 100644 --- a/packages/@mantine/core/src/components/Loader/loaders/Bars.tsx +++ b/packages/@mantine/core/src/components/Loader/loaders/Bars.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import cx from 'clsx'; import { Box } from '../../../core'; import { MantineLoaderComponent } from '../Loader.types'; diff --git a/packages/@mantine/core/src/components/Loader/loaders/Dots.tsx b/packages/@mantine/core/src/components/Loader/loaders/Dots.tsx index f895a68397c..c9830101a1f 100644 --- a/packages/@mantine/core/src/components/Loader/loaders/Dots.tsx +++ b/packages/@mantine/core/src/components/Loader/loaders/Dots.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import cx from 'clsx'; import { Box } from '../../../core'; import { MantineLoaderComponent } from '../Loader.types'; diff --git a/packages/@mantine/core/src/components/Loader/loaders/Oval.tsx b/packages/@mantine/core/src/components/Loader/loaders/Oval.tsx index 2a83fa99b28..8f2aebfe794 100644 --- a/packages/@mantine/core/src/components/Loader/loaders/Oval.tsx +++ b/packages/@mantine/core/src/components/Loader/loaders/Oval.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import cx from 'clsx'; import { Box } from '../../../core'; import { MantineLoaderComponent } from '../Loader.types'; diff --git a/packages/@mantine/core/src/components/Menu/Menu.story.tsx b/packages/@mantine/core/src/components/Menu/Menu.story.tsx index 3c8ab2909c9..b390ad1408b 100644 --- a/packages/@mantine/core/src/components/Menu/Menu.story.tsx +++ b/packages/@mantine/core/src/components/Menu/Menu.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconSearch, IconTable } from '@tabler/icons-react'; import { useDisclosure } from '@mantine/hooks'; import { Button } from '../Button'; diff --git a/packages/@mantine/core/src/components/Menu/Menu.tsx b/packages/@mantine/core/src/components/Menu/Menu.tsx index 06e8f69d84e..86f488e5a19 100644 --- a/packages/@mantine/core/src/components/Menu/Menu.tsx +++ b/packages/@mantine/core/src/components/Menu/Menu.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { useDidUpdate, useUncontrolled } from '@mantine/hooks'; import { ExtendComponent, diff --git a/packages/@mantine/core/src/components/Menu/MenuDropdown/MenuDropdown.tsx b/packages/@mantine/core/src/components/Menu/MenuDropdown/MenuDropdown.tsx index fd1e00d0895..9ef81b20bfa 100644 --- a/packages/@mantine/core/src/components/Menu/MenuDropdown/MenuDropdown.tsx +++ b/packages/@mantine/core/src/components/Menu/MenuDropdown/MenuDropdown.tsx @@ -1,5 +1,5 @@ /* eslint-disable jsx-a11y/no-static-element-interactions */ -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { useMergedRef } from '@mantine/hooks'; import { BoxProps, diff --git a/packages/@mantine/core/src/components/Menu/MenuItem/MenuItem.tsx b/packages/@mantine/core/src/components/Menu/MenuItem/MenuItem.tsx index 499bfcfe53b..a8f0a61089d 100644 --- a/packages/@mantine/core/src/components/Menu/MenuItem/MenuItem.tsx +++ b/packages/@mantine/core/src/components/Menu/MenuItem/MenuItem.tsx @@ -1,4 +1,4 @@ -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { useMergedRef } from '@mantine/hooks'; import { BoxProps, diff --git a/packages/@mantine/core/src/components/Menu/MenuTarget/MenuTarget.tsx b/packages/@mantine/core/src/components/Menu/MenuTarget/MenuTarget.tsx index c5358e927d5..45338e0a12e 100644 --- a/packages/@mantine/core/src/components/Menu/MenuTarget/MenuTarget.tsx +++ b/packages/@mantine/core/src/components/Menu/MenuTarget/MenuTarget.tsx @@ -1,4 +1,4 @@ -import React, { cloneElement, forwardRef } from 'react'; +import { cloneElement, forwardRef } from 'react'; import { createEventHandler, isElement, useProps } from '../../../core'; import { Popover } from '../../Popover'; import { useMenuContext } from '../Menu.context'; diff --git a/packages/@mantine/core/src/components/ModalBase/ModalBase.tsx b/packages/@mantine/core/src/components/ModalBase/ModalBase.tsx index 5b8793db662..b7e22553b66 100644 --- a/packages/@mantine/core/src/components/ModalBase/ModalBase.tsx +++ b/packages/@mantine/core/src/components/ModalBase/ModalBase.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { RemoveScroll } from 'react-remove-scroll'; import { Box, diff --git a/packages/@mantine/core/src/components/ModalBase/ModalBaseBody.tsx b/packages/@mantine/core/src/components/ModalBase/ModalBaseBody.tsx index 120e88aaad0..dfda80e3f87 100644 --- a/packages/@mantine/core/src/components/ModalBase/ModalBaseBody.tsx +++ b/packages/@mantine/core/src/components/ModalBase/ModalBaseBody.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import cx from 'clsx'; import { Box, BoxProps, ElementProps } from '../../core'; import { useModalBaseContext } from './ModalBase.context'; diff --git a/packages/@mantine/core/src/components/ModalBase/ModalBaseCloseButton.tsx b/packages/@mantine/core/src/components/ModalBase/ModalBaseCloseButton.tsx index b42336a5c6f..2747a28ed06 100644 --- a/packages/@mantine/core/src/components/ModalBase/ModalBaseCloseButton.tsx +++ b/packages/@mantine/core/src/components/ModalBase/ModalBaseCloseButton.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import cx from 'clsx'; import { BoxProps, ElementProps } from '../../core'; import { __CloseButtonProps, CloseButton } from '../CloseButton'; diff --git a/packages/@mantine/core/src/components/ModalBase/ModalBaseContent.tsx b/packages/@mantine/core/src/components/ModalBase/ModalBaseContent.tsx index 4595fe3cbc1..a7673ec1745 100644 --- a/packages/@mantine/core/src/components/ModalBase/ModalBaseContent.tsx +++ b/packages/@mantine/core/src/components/ModalBase/ModalBaseContent.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import cx from 'clsx'; import { BoxProps, ElementProps, MantineRadius, MantineShadow } from '../../core'; import { FocusTrap } from '../FocusTrap'; diff --git a/packages/@mantine/core/src/components/ModalBase/ModalBaseHeader.tsx b/packages/@mantine/core/src/components/ModalBase/ModalBaseHeader.tsx index 28fb4fe09a4..0e5c28a7183 100644 --- a/packages/@mantine/core/src/components/ModalBase/ModalBaseHeader.tsx +++ b/packages/@mantine/core/src/components/ModalBase/ModalBaseHeader.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import cx from 'clsx'; import { Box, BoxProps, ElementProps } from '../../core'; import { useModalBaseContext } from './ModalBase.context'; diff --git a/packages/@mantine/core/src/components/ModalBase/ModalBaseOverlay.tsx b/packages/@mantine/core/src/components/ModalBase/ModalBaseOverlay.tsx index 16c3843be60..1dc1e2f2444 100644 --- a/packages/@mantine/core/src/components/ModalBase/ModalBaseOverlay.tsx +++ b/packages/@mantine/core/src/components/ModalBase/ModalBaseOverlay.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { ElementProps } from '../../core'; import { Overlay, OverlayProps } from '../Overlay'; import { Transition, TransitionOverride } from '../Transition'; diff --git a/packages/@mantine/core/src/components/ModalBase/ModalBaseTitle.tsx b/packages/@mantine/core/src/components/ModalBase/ModalBaseTitle.tsx index b50145c711b..203e3798f52 100644 --- a/packages/@mantine/core/src/components/ModalBase/ModalBaseTitle.tsx +++ b/packages/@mantine/core/src/components/ModalBase/ModalBaseTitle.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import cx from 'clsx'; import { Box, BoxProps, ElementProps } from '../../core'; import { useModalBaseContext } from './ModalBase.context'; diff --git a/packages/@mantine/core/src/components/MultiSelect/MultiSelect.tsx b/packages/@mantine/core/src/components/MultiSelect/MultiSelect.tsx index 775809c7882..c1ca0e39bd7 100644 --- a/packages/@mantine/core/src/components/MultiSelect/MultiSelect.tsx +++ b/packages/@mantine/core/src/components/MultiSelect/MultiSelect.tsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import { useId, useUncontrolled } from '@mantine/hooks'; import { BoxProps, diff --git a/packages/@mantine/core/src/components/MultiSelect/MutliSelect.story.tsx b/packages/@mantine/core/src/components/MultiSelect/MutliSelect.story.tsx index e29ccdaa881..6a7b5c4fb38 100644 --- a/packages/@mantine/core/src/components/MultiSelect/MutliSelect.story.tsx +++ b/packages/@mantine/core/src/components/MultiSelect/MutliSelect.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button } from '../Button'; import { Group } from '../Group'; import { TextInput } from '../TextInput'; diff --git a/packages/@mantine/core/src/components/NumberInput/NumberInput.story.tsx b/packages/@mantine/core/src/components/NumberInput/NumberInput.story.tsx index 84c9fa3d864..22bb7475834 100644 --- a/packages/@mantine/core/src/components/NumberInput/NumberInput.story.tsx +++ b/packages/@mantine/core/src/components/NumberInput/NumberInput.story.tsx @@ -1,5 +1,5 @@ /* eslint-disable no-console */ -import React, { useRef, useState } from 'react'; +import { useRef, useState } from 'react'; import { useForm } from '@mantine/form'; import { Button } from '../Button'; import { Group } from '../Group'; @@ -235,7 +235,7 @@ export function FormValidateOnBlur() { } export function ExternalOnChange() { - const [value, setValue] = React.useState(0); + const [value, setValue] = useState(0); return (
((props, forw ...scrollbarProps } = props; const context = useScrollAreaContext(); - const [scrollbar, setScrollbar] = React.useState(null); + const [scrollbar, setScrollbar] = useState(null); const composeRefs = useMergedRef(forwardedRef, (node) => setScrollbar(node)); - const rectRef = React.useRef(null); - const prevWebkitUserSelectRef = React.useRef(''); + const rectRef = useRef(null); + const prevWebkitUserSelectRef = useRef(''); const { viewport } = context; const maxScrollPos = sizes.content - sizes.viewport; const handleWheelScroll = useCallbackRef(onWheelScroll); diff --git a/packages/@mantine/core/src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.tsx b/packages/@mantine/core/src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.tsx index 67e08e2131f..c312936bade 100644 --- a/packages/@mantine/core/src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.tsx +++ b/packages/@mantine/core/src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef, useEffect, useRef, useState } from 'react'; +import { forwardRef, useEffect, useRef, useState } from 'react'; import { useMergedRef } from '@mantine/hooks'; import { useScrollAreaContext } from '../ScrollArea.context'; import { ScrollAreaScrollbarAxisProps } from '../ScrollArea.types'; diff --git a/packages/@mantine/core/src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.tsx b/packages/@mantine/core/src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.tsx index bed0edc9d52..47a08fb9893 100644 --- a/packages/@mantine/core/src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.tsx +++ b/packages/@mantine/core/src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef, useEffect, useRef } from 'react'; +import { forwardRef, useEffect, useRef, useState } from 'react'; import { useMergedRef } from '@mantine/hooks'; import { useScrollAreaContext } from '../ScrollArea.context'; import { ScrollAreaScrollbarAxisProps } from '../ScrollArea.types'; @@ -9,7 +9,7 @@ export const ScrollAreaScrollbarY = forwardRef { const { sizes, onSizesChange, style, ...others } = props; const context = useScrollAreaContext(); - const [computedStyle, setComputedStyle] = React.useState(); + const [computedStyle, setComputedStyle] = useState(); const ref = useRef(null); const composeRefs = useMergedRef(forwardedRef, ref, context.onScrollbarYChange); diff --git a/packages/@mantine/core/src/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.tsx b/packages/@mantine/core/src/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.tsx index 6b1a24204f5..7a0a22b7edb 100644 --- a/packages/@mantine/core/src/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.tsx +++ b/packages/@mantine/core/src/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef, useEffect, useRef } from 'react'; +import { forwardRef, useEffect, useRef } from 'react'; import { useDebouncedCallback, useMergedRef } from '@mantine/hooks'; import { useScrollAreaContext } from '../ScrollArea.context'; import { useScrollbarContext } from '../ScrollAreaScrollbar/Scrollbar.context'; @@ -65,7 +65,7 @@ interface ScrollAreaThumbProps extends ThumbProps { forceMount?: true; } -export const ScrollAreaThumb = React.forwardRef( +export const ScrollAreaThumb = forwardRef( (props, forwardedRef) => { const { forceMount, ...thumbProps } = props; const scrollbarContext = useScrollbarContext(); diff --git a/packages/@mantine/core/src/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.tsx b/packages/@mantine/core/src/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.tsx index 0c9d87a1b55..69c709d7f68 100644 --- a/packages/@mantine/core/src/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.tsx +++ b/packages/@mantine/core/src/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { useMergedRef } from '@mantine/hooks'; import { Box, BoxProps, ElementProps } from '../../../core'; import { useScrollAreaContext } from '../ScrollArea.context'; diff --git a/packages/@mantine/core/src/components/SegmentedControl/SegmentedControl.story.tsx b/packages/@mantine/core/src/components/SegmentedControl/SegmentedControl.story.tsx index 6833661739d..fc38d416161 100644 --- a/packages/@mantine/core/src/components/SegmentedControl/SegmentedControl.story.tsx +++ b/packages/@mantine/core/src/components/SegmentedControl/SegmentedControl.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { useDisclosure } from '@mantine/hooks'; import { MantineThemeProvider } from '../../core'; import { Button } from '../Button'; diff --git a/packages/@mantine/core/src/components/SegmentedControl/SegmentedControl.tsx b/packages/@mantine/core/src/components/SegmentedControl/SegmentedControl.tsx index bc74037dcfc..ea0c944e76d 100644 --- a/packages/@mantine/core/src/components/SegmentedControl/SegmentedControl.tsx +++ b/packages/@mantine/core/src/components/SegmentedControl/SegmentedControl.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { useId, useMergedRef, useMounted, useUncontrolled } from '@mantine/hooks'; import { Box, diff --git a/packages/@mantine/core/src/components/Select/Select.story.tsx b/packages/@mantine/core/src/components/Select/Select.story.tsx index 873e716a4e9..a914e100829 100644 --- a/packages/@mantine/core/src/components/Select/Select.story.tsx +++ b/packages/@mantine/core/src/components/Select/Select.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button } from '../Button'; import { Select } from './Select'; diff --git a/packages/@mantine/core/src/components/Select/Select.tsx b/packages/@mantine/core/src/components/Select/Select.tsx index d5c534a9016..ed06f9ba1ba 100644 --- a/packages/@mantine/core/src/components/Select/Select.tsx +++ b/packages/@mantine/core/src/components/Select/Select.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useMemo } from 'react'; +import { useEffect, useMemo } from 'react'; import { useId, useUncontrolled } from '@mantine/hooks'; import { BoxProps, diff --git a/packages/@mantine/core/src/components/Slider/RangeSlider/RangeSlider.tsx b/packages/@mantine/core/src/components/Slider/RangeSlider/RangeSlider.tsx index 292276884f9..8ce20e483c4 100644 --- a/packages/@mantine/core/src/components/Slider/RangeSlider/RangeSlider.tsx +++ b/packages/@mantine/core/src/components/Slider/RangeSlider/RangeSlider.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useRef, useState } from 'react'; +import { useEffect, useRef, useState } from 'react'; import { useMove, useUncontrolled } from '@mantine/hooks'; import { BoxProps, diff --git a/packages/@mantine/core/src/components/Slider/Slider/Slider.tsx b/packages/@mantine/core/src/components/Slider/Slider/Slider.tsx index d9b31970900..a0c9360b19d 100644 --- a/packages/@mantine/core/src/components/Slider/Slider/Slider.tsx +++ b/packages/@mantine/core/src/components/Slider/Slider/Slider.tsx @@ -1,4 +1,4 @@ -import React, { useCallback, useRef, useState } from 'react'; +import { useCallback, useRef, useState } from 'react'; import { clamp, useMergedRef, useMove, useUncontrolled } from '@mantine/hooks'; import { BoxProps, diff --git a/packages/@mantine/core/src/components/Slider/SliderRoot/SliderRoot.tsx b/packages/@mantine/core/src/components/Slider/SliderRoot/SliderRoot.tsx index dc3619bb543..3613715c0da 100644 --- a/packages/@mantine/core/src/components/Slider/SliderRoot/SliderRoot.tsx +++ b/packages/@mantine/core/src/components/Slider/SliderRoot/SliderRoot.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { Box, BoxProps, diff --git a/packages/@mantine/core/src/components/Slider/Thumb/Thumb.tsx b/packages/@mantine/core/src/components/Slider/Thumb/Thumb.tsx index 02dcea614fa..019be14ce74 100644 --- a/packages/@mantine/core/src/components/Slider/Thumb/Thumb.tsx +++ b/packages/@mantine/core/src/components/Slider/Thumb/Thumb.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef, useState } from 'react'; +import { forwardRef, useState } from 'react'; import { Box } from '../../../core'; import { Transition, TransitionOverride } from '../../Transition'; import { useSliderContext } from '../Slider.context'; diff --git a/packages/@mantine/core/src/components/Spoiler/Spoiler.story.tsx b/packages/@mantine/core/src/components/Spoiler/Spoiler.story.tsx index dce53a88159..8702f0631b7 100644 --- a/packages/@mantine/core/src/components/Spoiler/Spoiler.story.tsx +++ b/packages/@mantine/core/src/components/Spoiler/Spoiler.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Accordion } from '../Accordion/Accordion'; import { Spoiler } from './Spoiler'; diff --git a/packages/@mantine/core/src/components/Spoiler/Spoiler.tsx b/packages/@mantine/core/src/components/Spoiler/Spoiler.tsx index d831034c065..fda647c3ca8 100644 --- a/packages/@mantine/core/src/components/Spoiler/Spoiler.tsx +++ b/packages/@mantine/core/src/components/Spoiler/Spoiler.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { useElementSize, useId } from '@mantine/hooks'; import { Box, diff --git a/packages/@mantine/core/src/components/Stepper/Stepper.story.tsx b/packages/@mantine/core/src/components/Stepper/Stepper.story.tsx index d59aee900cc..5aafb8b44c5 100644 --- a/packages/@mantine/core/src/components/Stepper/Stepper.story.tsx +++ b/packages/@mantine/core/src/components/Stepper/Stepper.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button } from '../Button'; import { Group } from '../Group'; import { Stepper } from './Stepper'; diff --git a/packages/@mantine/core/src/components/Stepper/Stepper.tsx b/packages/@mantine/core/src/components/Stepper/Stepper.tsx index af2679352df..7e982e2e9c3 100644 --- a/packages/@mantine/core/src/components/Stepper/Stepper.tsx +++ b/packages/@mantine/core/src/components/Stepper/Stepper.tsx @@ -1,4 +1,4 @@ -import React, { Children, cloneElement } from 'react'; +import { Children, cloneElement } from 'react'; import { Box, BoxProps, diff --git a/packages/@mantine/core/src/components/Switch/Switch.test.tsx b/packages/@mantine/core/src/components/Switch/Switch.test.tsx index 1cf614f0452..a5bc249f9e2 100644 --- a/packages/@mantine/core/src/components/Switch/Switch.test.tsx +++ b/packages/@mantine/core/src/components/Switch/Switch.test.tsx @@ -1,4 +1,4 @@ -import React, { createRef } from 'react'; +import { createRef } from 'react'; import { render, screen, tests } from '@mantine-tests/core'; import { Switch, SwitchProps, SwitchStylesNames } from './Switch'; import { SwitchGroup } from './SwitchGroup/SwitchGroup'; diff --git a/packages/@mantine/core/src/components/Tabs/Tabs.story.tsx b/packages/@mantine/core/src/components/Tabs/Tabs.story.tsx index 14bdbe4752e..c687de5db5c 100644 --- a/packages/@mantine/core/src/components/Tabs/Tabs.story.tsx +++ b/packages/@mantine/core/src/components/Tabs/Tabs.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconPackage } from '@tabler/icons-react'; import { Tabs, TabsProps } from './Tabs'; diff --git a/packages/@mantine/core/src/components/TagsInput/TagsInput.story.tsx b/packages/@mantine/core/src/components/TagsInput/TagsInput.story.tsx index dc2976ef637..0be3d8c8f8c 100644 --- a/packages/@mantine/core/src/components/TagsInput/TagsInput.story.tsx +++ b/packages/@mantine/core/src/components/TagsInput/TagsInput.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button } from '../Button'; import { TagsInput } from './TagsInput'; diff --git a/packages/@mantine/core/src/components/Timeline/Timeline.tsx b/packages/@mantine/core/src/components/Timeline/Timeline.tsx index 8bee35ed65a..d948806062f 100644 --- a/packages/@mantine/core/src/components/Timeline/Timeline.tsx +++ b/packages/@mantine/core/src/components/Timeline/Timeline.tsx @@ -1,4 +1,4 @@ -import React, { Children, cloneElement } from 'react'; +import { Children, cloneElement } from 'react'; import { Box, BoxProps, diff --git a/packages/@mantine/core/src/components/Tooltip/Tooltip.story.tsx b/packages/@mantine/core/src/components/Tooltip/Tooltip.story.tsx index 0ef2759bb78..7b670c1fe03 100644 --- a/packages/@mantine/core/src/components/Tooltip/Tooltip.story.tsx +++ b/packages/@mantine/core/src/components/Tooltip/Tooltip.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Tooltip } from './Tooltip'; export default { title: 'Tooltip' }; diff --git a/packages/@mantine/core/src/components/Tooltip/Tooltip.tsx b/packages/@mantine/core/src/components/Tooltip/Tooltip.tsx index d69ad341be5..300b4eb582d 100644 --- a/packages/@mantine/core/src/components/Tooltip/Tooltip.tsx +++ b/packages/@mantine/core/src/components/Tooltip/Tooltip.tsx @@ -1,4 +1,4 @@ -import React, { cloneElement, useRef } from 'react'; +import { cloneElement, useRef } from 'react'; import cx from 'clsx'; import { useMergedRef } from '@mantine/hooks'; import { diff --git a/packages/@mantine/core/src/components/Tooltip/TooltipFloating/TooltipFloating.tsx b/packages/@mantine/core/src/components/Tooltip/TooltipFloating/TooltipFloating.tsx index f325625c89e..ab17b2df96d 100644 --- a/packages/@mantine/core/src/components/Tooltip/TooltipFloating/TooltipFloating.tsx +++ b/packages/@mantine/core/src/components/Tooltip/TooltipFloating/TooltipFloating.tsx @@ -1,4 +1,4 @@ -import React, { cloneElement } from 'react'; +import { cloneElement } from 'react'; import { useMergedRef } from '@mantine/hooks'; import { Box, diff --git a/packages/@mantine/core/src/core/Box/Box.tsx b/packages/@mantine/core/src/core/Box/Box.tsx index eea39cbc953..8b9e6ef3a1a 100644 --- a/packages/@mantine/core/src/core/Box/Box.tsx +++ b/packages/@mantine/core/src/core/Box/Box.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import cx from 'clsx'; import { createPolymorphicComponent } from '../factory'; import { InlineStyles } from '../InlineStyles'; diff --git a/packages/@mantine/core/src/core/DirectionProvider/DirectionProvider.tsx b/packages/@mantine/core/src/core/DirectionProvider/DirectionProvider.tsx index 2d888f2f584..82a676c313c 100644 --- a/packages/@mantine/core/src/core/DirectionProvider/DirectionProvider.tsx +++ b/packages/@mantine/core/src/core/DirectionProvider/DirectionProvider.tsx @@ -1,4 +1,4 @@ -import React, { createContext, useContext, useState } from 'react'; +import { createContext, useContext, useState } from 'react'; import { useIsomorphicEffect } from '@mantine/hooks'; export type Direction = 'ltr' | 'rtl'; diff --git a/packages/@mantine/core/src/core/MantineProvider/MantineProvider.story.tsx b/packages/@mantine/core/src/core/MantineProvider/MantineProvider.story.tsx index 9aab067d5d9..c8d0b8a0eb3 100644 --- a/packages/@mantine/core/src/core/MantineProvider/MantineProvider.story.tsx +++ b/packages/@mantine/core/src/core/MantineProvider/MantineProvider.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { MantineProvider } from './MantineProvider'; export default { title: 'MantineProvider' }; diff --git a/packages/@mantine/core/src/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.tsx b/packages/@mantine/core/src/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.tsx index 7950ced468d..7f136fd6cca 100644 --- a/packages/@mantine/core/src/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.tsx +++ b/packages/@mantine/core/src/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.tsx @@ -1,4 +1,4 @@ -import React, { createContext, useContext, useMemo } from 'react'; +import { createContext, useContext, useMemo } from 'react'; import { DEFAULT_THEME } from '../default-theme'; import { mergeMantineTheme } from '../merge-mantine-theme'; import { MantineTheme, MantineThemeOverride } from '../theme.types'; diff --git a/packages/@mantine/core/src/core/utils/create-optional-context/create-optional-context.tsx b/packages/@mantine/core/src/core/utils/create-optional-context/create-optional-context.tsx index fd05badf8ff..9abbe7b7bcf 100644 --- a/packages/@mantine/core/src/core/utils/create-optional-context/create-optional-context.tsx +++ b/packages/@mantine/core/src/core/utils/create-optional-context/create-optional-context.tsx @@ -1,4 +1,4 @@ -import React, { createContext, useContext } from 'react'; +import { createContext, useContext } from 'react'; export function createOptionalContext(initialValue: ContextValue | null = null) { const Context = createContext(initialValue); diff --git a/packages/@mantine/core/src/core/utils/create-safe-context/create-safe-context.tsx b/packages/@mantine/core/src/core/utils/create-safe-context/create-safe-context.tsx index 045862c4373..54ca5915650 100644 --- a/packages/@mantine/core/src/core/utils/create-safe-context/create-safe-context.tsx +++ b/packages/@mantine/core/src/core/utils/create-safe-context/create-safe-context.tsx @@ -1,4 +1,4 @@ -import React, { createContext, useContext } from 'react'; +import { createContext, useContext } from 'react'; export function createSafeContext(errorMessage: string) { const Context = createContext(null); diff --git a/packages/@mantine/core/src/core/utils/is-element/is-element.test.tsx b/packages/@mantine/core/src/core/utils/is-element/is-element.test.tsx index 11ecf257b64..ab9d3a3d241 100644 --- a/packages/@mantine/core/src/core/utils/is-element/is-element.test.tsx +++ b/packages/@mantine/core/src/core/utils/is-element/is-element.test.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { isElement } from './is-element'; const TestComponent = () =>
; diff --git a/packages/@mantine/dates/src/components/DateInput/DateInput.story.tsx b/packages/@mantine/dates/src/components/DateInput/DateInput.story.tsx index 2b41052ccd9..e83fa55db15 100644 --- a/packages/@mantine/dates/src/components/DateInput/DateInput.story.tsx +++ b/packages/@mantine/dates/src/components/DateInput/DateInput.story.tsx @@ -3,7 +3,7 @@ import dayjs from 'dayjs'; import 'dayjs/locale/ru'; import customParseFormat from 'dayjs/plugin/customParseFormat'; -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group, TextInput } from '@mantine/core'; import { DatePickerInput } from '../DatePickerInput'; import { DatesProvider } from '../DatesProvider'; diff --git a/packages/@mantine/dates/src/components/DateInput/DateInput.tsx b/packages/@mantine/dates/src/components/DateInput/DateInput.tsx index bceab327ef0..2b4ad4d2442 100644 --- a/packages/@mantine/dates/src/components/DateInput/DateInput.tsx +++ b/packages/@mantine/dates/src/components/DateInput/DateInput.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { __BaseInputProps, __InputStylesNames, diff --git a/packages/@mantine/dates/src/components/DatePicker/DatePicker.story.tsx b/packages/@mantine/dates/src/components/DatePicker/DatePicker.story.tsx index 42a761785ee..578da8ae0e4 100644 --- a/packages/@mantine/dates/src/components/DatePicker/DatePicker.story.tsx +++ b/packages/@mantine/dates/src/components/DatePicker/DatePicker.story.tsx @@ -1,6 +1,6 @@ import 'dayjs/locale/ru'; -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Stack } from '@mantine/core'; import { DatesRangeValue } from '../../types'; import { DatePicker } from './DatePicker'; diff --git a/packages/@mantine/dates/src/components/DatePickerInput/DatePickerInput.story.tsx b/packages/@mantine/dates/src/components/DatePickerInput/DatePickerInput.story.tsx index 3f3b4bf351f..d4a8c9fca62 100644 --- a/packages/@mantine/dates/src/components/DatePickerInput/DatePickerInput.story.tsx +++ b/packages/@mantine/dates/src/components/DatePickerInput/DatePickerInput.story.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group } from '@mantine/core'; import { DatesProvider } from '../DatesProvider'; import { DatePickerInput } from './DatePickerInput'; diff --git a/packages/@mantine/dates/src/components/DateTimePicker/DateTimePicker.story.tsx b/packages/@mantine/dates/src/components/DateTimePicker/DateTimePicker.story.tsx index 799b8601fd3..2248806b85b 100644 --- a/packages/@mantine/dates/src/components/DateTimePicker/DateTimePicker.story.tsx +++ b/packages/@mantine/dates/src/components/DateTimePicker/DateTimePicker.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group } from '@mantine/core'; import { DateTimePicker } from './DateTimePicker'; diff --git a/packages/@mantine/dates/src/components/DateTimePicker/DateTimePicker.tsx b/packages/@mantine/dates/src/components/DateTimePicker/DateTimePicker.tsx index acef30f14c9..168a36d82c9 100644 --- a/packages/@mantine/dates/src/components/DateTimePicker/DateTimePicker.tsx +++ b/packages/@mantine/dates/src/components/DateTimePicker/DateTimePicker.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useRef, useState } from 'react'; +import { useRef, useState } from 'react'; import { ActionIcon, ActionIconProps, diff --git a/packages/@mantine/dates/src/components/DatesProvider/DatesProvider.tsx b/packages/@mantine/dates/src/components/DatesProvider/DatesProvider.tsx index 8c84d6480db..d253503c764 100644 --- a/packages/@mantine/dates/src/components/DatesProvider/DatesProvider.tsx +++ b/packages/@mantine/dates/src/components/DatesProvider/DatesProvider.tsx @@ -1,4 +1,4 @@ -import React, { createContext } from 'react'; +import { createContext } from 'react'; import { DayOfWeek } from '../../types'; export interface DatesProviderValue { diff --git a/packages/@mantine/dates/src/components/DecadeLevel/DecadeLevel.story.tsx b/packages/@mantine/dates/src/components/DecadeLevel/DecadeLevel.story.tsx index 13faacffae5..94de3046c43 100644 --- a/packages/@mantine/dates/src/components/DecadeLevel/DecadeLevel.story.tsx +++ b/packages/@mantine/dates/src/components/DecadeLevel/DecadeLevel.story.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useState } from 'react'; +import { useState } from 'react'; import { DecadeLevel } from './DecadeLevel'; export default { title: 'DecadeLevel' }; diff --git a/packages/@mantine/dates/src/components/DecadeLevelGroup/DecadeLevelGroup.tsx b/packages/@mantine/dates/src/components/DecadeLevelGroup/DecadeLevelGroup.tsx index 233fdde2e3f..b2937b81a97 100644 --- a/packages/@mantine/dates/src/components/DecadeLevelGroup/DecadeLevelGroup.tsx +++ b/packages/@mantine/dates/src/components/DecadeLevelGroup/DecadeLevelGroup.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { BoxProps, ElementProps, factory, Factory, StylesApiProps, useProps } from '@mantine/core'; import { handleControlKeyDown } from '../../utils'; import { DecadeLevel, DecadeLevelSettings, DecadeLevelStylesNames } from '../DecadeLevel'; diff --git a/packages/@mantine/dates/src/components/Month/Month.story.tsx b/packages/@mantine/dates/src/components/Month/Month.story.tsx index 8c3a9e00ff7..3577fee3c68 100644 --- a/packages/@mantine/dates/src/components/Month/Month.story.tsx +++ b/packages/@mantine/dates/src/components/Month/Month.story.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useState } from 'react'; +import { useState } from 'react'; import { Code, Indicator } from '@mantine/core'; import { Month, MonthProps } from './Month'; diff --git a/packages/@mantine/dates/src/components/MonthLevel/MonthLevel.story.tsx b/packages/@mantine/dates/src/components/MonthLevel/MonthLevel.story.tsx index 7d7a8f3287f..7affbdea738 100644 --- a/packages/@mantine/dates/src/components/MonthLevel/MonthLevel.story.tsx +++ b/packages/@mantine/dates/src/components/MonthLevel/MonthLevel.story.tsx @@ -1,7 +1,7 @@ import 'dayjs/locale/ru'; import dayjs from 'dayjs'; -import React, { useState } from 'react'; +import { useState } from 'react'; import { MonthLevel, MonthLevelProps } from './MonthLevel'; export default { title: 'MonthLevel' }; diff --git a/packages/@mantine/dates/src/components/MonthLevelGroup/MonthLevelGroup.tsx b/packages/@mantine/dates/src/components/MonthLevelGroup/MonthLevelGroup.tsx index 1de3e63c7f0..62a2b8c043f 100644 --- a/packages/@mantine/dates/src/components/MonthLevelGroup/MonthLevelGroup.tsx +++ b/packages/@mantine/dates/src/components/MonthLevelGroup/MonthLevelGroup.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { BoxProps, ElementProps, factory, Factory, StylesApiProps, useProps } from '@mantine/core'; import { handleControlKeyDown } from '../../utils'; import { LevelsGroup, LevelsGroupStylesNames } from '../LevelsGroup'; diff --git a/packages/@mantine/dates/src/components/MonthPicker/MonthPicker.story.tsx b/packages/@mantine/dates/src/components/MonthPicker/MonthPicker.story.tsx index 4a8950f5a86..616a9130589 100644 --- a/packages/@mantine/dates/src/components/MonthPicker/MonthPicker.story.tsx +++ b/packages/@mantine/dates/src/components/MonthPicker/MonthPicker.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { DatesRangeValue } from '../../types'; import { MonthPicker } from './MonthPicker'; diff --git a/packages/@mantine/dates/src/components/MonthsList/MonthsList.story.tsx b/packages/@mantine/dates/src/components/MonthsList/MonthsList.story.tsx index 48fae1308c4..5364774eb3c 100644 --- a/packages/@mantine/dates/src/components/MonthsList/MonthsList.story.tsx +++ b/packages/@mantine/dates/src/components/MonthsList/MonthsList.story.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useState } from 'react'; +import { useState } from 'react'; import { MonthsList } from './MonthsList'; export default { title: 'MonthsList' }; diff --git a/packages/@mantine/dates/src/components/YearLevel/YearLevel.story.tsx b/packages/@mantine/dates/src/components/YearLevel/YearLevel.story.tsx index 6e7af5b3877..d6698a972a1 100644 --- a/packages/@mantine/dates/src/components/YearLevel/YearLevel.story.tsx +++ b/packages/@mantine/dates/src/components/YearLevel/YearLevel.story.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useState } from 'react'; +import { useState } from 'react'; import { YearLevel } from './YearLevel'; export default { title: 'YearLevel' }; diff --git a/packages/@mantine/dates/src/components/YearLevelGroup/YearLevelGroup.tsx b/packages/@mantine/dates/src/components/YearLevelGroup/YearLevelGroup.tsx index ab49f5dd948..7ad232a79ab 100644 --- a/packages/@mantine/dates/src/components/YearLevelGroup/YearLevelGroup.tsx +++ b/packages/@mantine/dates/src/components/YearLevelGroup/YearLevelGroup.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { BoxProps, ElementProps, factory, Factory, StylesApiProps, useProps } from '@mantine/core'; import { handleControlKeyDown } from '../../utils'; import { LevelsGroup, LevelsGroupStylesNames } from '../LevelsGroup'; diff --git a/packages/@mantine/dates/src/components/YearPicker/YearPicker.story.tsx b/packages/@mantine/dates/src/components/YearPicker/YearPicker.story.tsx index db388681ce2..92402273232 100644 --- a/packages/@mantine/dates/src/components/YearPicker/YearPicker.story.tsx +++ b/packages/@mantine/dates/src/components/YearPicker/YearPicker.story.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { DatesRangeValue } from '../../types'; import { YearPicker } from './YearPicker'; diff --git a/packages/@mantine/dates/src/components/YearsList/YearsList.story.tsx b/packages/@mantine/dates/src/components/YearsList/YearsList.story.tsx index bd6b3acd44a..1b1fc633979 100644 --- a/packages/@mantine/dates/src/components/YearsList/YearsList.story.tsx +++ b/packages/@mantine/dates/src/components/YearsList/YearsList.story.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs'; -import React, { useState } from 'react'; +import { useState } from 'react'; import { YearsList } from './YearsList'; export default { title: 'YearsList' }; diff --git a/packages/@mantine/dropzone/src/Dropzone.story.tsx b/packages/@mantine/dropzone/src/Dropzone.story.tsx index fa067ecac13..4bd3b7be4e2 100644 --- a/packages/@mantine/dropzone/src/Dropzone.story.tsx +++ b/packages/@mantine/dropzone/src/Dropzone.story.tsx @@ -1,5 +1,5 @@ /* eslint-disable no-console */ -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { Button, Group } from '@mantine/core'; import { Dropzone } from './index'; diff --git a/packages/@mantine/dropzone/src/DropzoneFullScreen.tsx b/packages/@mantine/dropzone/src/DropzoneFullScreen.tsx index 0c2173a4d56..6cd080e6d63 100644 --- a/packages/@mantine/dropzone/src/DropzoneFullScreen.tsx +++ b/packages/@mantine/dropzone/src/DropzoneFullScreen.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { Box, BoxProps, diff --git a/packages/@mantine/dropzone/src/DropzoneStatus.tsx b/packages/@mantine/dropzone/src/DropzoneStatus.tsx index c8731cd10ca..12f29c96a45 100644 --- a/packages/@mantine/dropzone/src/DropzoneStatus.tsx +++ b/packages/@mantine/dropzone/src/DropzoneStatus.tsx @@ -1,4 +1,4 @@ -import React, { cloneElement } from 'react'; +import { cloneElement } from 'react'; import { isElement, useProps } from '@mantine/core'; import { upperFirst } from '@mantine/hooks'; import { DropzoneContextValue, useDropzoneContext } from './Dropzone.context'; diff --git a/packages/@mantine/form/src/Form/Form.tsx b/packages/@mantine/form/src/Form/Form.tsx index 8cce3e1af7e..534fdef6c8d 100644 --- a/packages/@mantine/form/src/Form/Form.tsx +++ b/packages/@mantine/form/src/Form/Form.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { TransformedValues, UseFormReturnType } from '../types'; export interface FormProps
> diff --git a/packages/@mantine/form/src/FormProvider/FormProvider.tsx b/packages/@mantine/form/src/FormProvider/FormProvider.tsx index 23b31880e86..a58b8143b3d 100644 --- a/packages/@mantine/form/src/FormProvider/FormProvider.tsx +++ b/packages/@mantine/form/src/FormProvider/FormProvider.tsx @@ -1,4 +1,4 @@ -import React, { createContext, useContext } from 'react'; +import { createContext, useContext } from 'react'; import { _TransformValues, UseForm, UseFormReturnType } from '../types'; import { useForm } from '../use-form'; diff --git a/packages/@mantine/form/src/stories/_base.tsx b/packages/@mantine/form/src/stories/_base.tsx index 20fc769a723..773a7531b12 100644 --- a/packages/@mantine/form/src/stories/_base.tsx +++ b/packages/@mantine/form/src/stories/_base.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Box, Button, Code, Group, rem } from '@mantine/core'; export function FormBase({ children, form }: any) { diff --git a/packages/@mantine/hooks/src/use-click-outside/use-click-outside.test.tsx b/packages/@mantine/hooks/src/use-click-outside/use-click-outside.test.tsx index 14542202cd5..c100c5a030c 100644 --- a/packages/@mantine/hooks/src/use-click-outside/use-click-outside.test.tsx +++ b/packages/@mantine/hooks/src/use-click-outside/use-click-outside.test.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { useClickOutside } from './use-click-outside'; diff --git a/packages/@mantine/hooks/src/use-focus-trap/use-focus-trap.test.tsx b/packages/@mantine/hooks/src/use-focus-trap/use-focus-trap.test.tsx index ef133afbd2e..6dda9e1495c 100644 --- a/packages/@mantine/hooks/src/use-focus-trap/use-focus-trap.test.tsx +++ b/packages/@mantine/hooks/src/use-focus-trap/use-focus-trap.test.tsx @@ -1,5 +1,5 @@ /* eslint-disable no-console */ -import React, { ReactElement, useState } from 'react'; +import { ReactElement, useState } from 'react'; import { fireEvent, render, RenderOptions, RenderResult, screen } from '@testing-library/react'; import { useFocusTrap } from './use-focus-trap'; diff --git a/packages/@mantine/hooks/src/use-input-state/use-input-state.ts b/packages/@mantine/hooks/src/use-input-state/use-input-state.ts index 37e05367479..ada3342713c 100644 --- a/packages/@mantine/hooks/src/use-input-state/use-input-state.ts +++ b/packages/@mantine/hooks/src/use-input-state/use-input-state.ts @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; export function getInputOnChange( setValue: (value: null | undefined | T | ((current: T) => T)) => void diff --git a/packages/@mantine/hooks/src/use-list-state/use-list-state.ts b/packages/@mantine/hooks/src/use-list-state/use-list-state.ts index d8ad418e75d..0e3f0e50c2d 100644 --- a/packages/@mantine/hooks/src/use-list-state/use-list-state.ts +++ b/packages/@mantine/hooks/src/use-list-state/use-list-state.ts @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; export interface UseListStateHandlers { setState: React.Dispatch>; diff --git a/packages/@mantine/hooks/src/use-local-storage/UseLocalStorage.story.tsx b/packages/@mantine/hooks/src/use-local-storage/UseLocalStorage.story.tsx index 06b1102f432..5db15a50fc6 100644 --- a/packages/@mantine/hooks/src/use-local-storage/UseLocalStorage.story.tsx +++ b/packages/@mantine/hooks/src/use-local-storage/UseLocalStorage.story.tsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import { useEffect, useState } from 'react'; import { readLocalStorageValue, useLocalStorage } from './use-local-storage'; export default { title: 'use-local-storage' }; @@ -12,7 +12,7 @@ export function Usage() { key, }); - const [storedValue, setStoredValue] = React.useState(null); + const [storedValue, setStoredValue] = useState(null); useEffect(() => { setTimeout(() => { diff --git a/packages/@mantine/hooks/src/use-merged-ref/use-merged-ref.test.tsx b/packages/@mantine/hooks/src/use-merged-ref/use-merged-ref.test.tsx index d9a0f947ab9..3e094318d0e 100644 --- a/packages/@mantine/hooks/src/use-merged-ref/use-merged-ref.test.tsx +++ b/packages/@mantine/hooks/src/use-merged-ref/use-merged-ref.test.tsx @@ -1,4 +1,4 @@ -import React, { createRef, useRef } from 'react'; +import { createRef, useRef } from 'react'; import { render } from '@testing-library/react'; import { useMergedRef } from './use-merged-ref'; diff --git a/packages/@mantine/modals/src/Modals.story.tsx b/packages/@mantine/modals/src/Modals.story.tsx index dc4c584ca78..487dd14ccb5 100644 --- a/packages/@mantine/modals/src/Modals.story.tsx +++ b/packages/@mantine/modals/src/Modals.story.tsx @@ -1,5 +1,5 @@ /* eslint-disable no-console */ -import React, { useState } from 'react'; +import { useState } from 'react'; import { Button, Group, Modal, Text } from '@mantine/core'; import { closeAllModals, diff --git a/packages/@mantine/modals/src/ModalsProvider.tsx b/packages/@mantine/modals/src/ModalsProvider.tsx index 5763411949f..71d1c706dad 100644 --- a/packages/@mantine/modals/src/ModalsProvider.tsx +++ b/packages/@mantine/modals/src/ModalsProvider.tsx @@ -1,4 +1,4 @@ -import React, { useCallback, useReducer, useRef } from 'react'; +import { useCallback, useReducer, useRef } from 'react'; import { getDefaultZIndex, Modal } from '@mantine/core'; import { randomId } from '@mantine/hooks'; import { ConfirmModal } from './ConfirmModal'; diff --git a/packages/@mantine/modals/src/use-modals/use-modals.test.tsx b/packages/@mantine/modals/src/use-modals/use-modals.test.tsx index 46d16898af4..39145b6fe9b 100644 --- a/packages/@mantine/modals/src/use-modals/use-modals.test.tsx +++ b/packages/@mantine/modals/src/use-modals/use-modals.test.tsx @@ -1,4 +1,4 @@ -import React, { PropsWithChildren, useEffect } from 'react'; +import { PropsWithChildren, useEffect } from 'react'; import { render, renderHook, screen } from '@testing-library/react'; import { MantineProvider } from '@mantine/core'; import { ContextModalProps } from '../context'; diff --git a/packages/@mantine/notifications/src/NotificationContainer.tsx b/packages/@mantine/notifications/src/NotificationContainer.tsx index 35f10a84a70..ff6220617ad 100644 --- a/packages/@mantine/notifications/src/NotificationContainer.tsx +++ b/packages/@mantine/notifications/src/NotificationContainer.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef, useEffect, useRef } from 'react'; +import { forwardRef, useEffect, useRef } from 'react'; import { Notification, NotificationProps } from '@mantine/core'; import { getAutoClose } from './get-auto-close/get-auto-close'; import { NotificationData } from './notifications.store'; diff --git a/packages/@mantine/notifications/src/Notifications.tsx b/packages/@mantine/notifications/src/Notifications.tsx index 0d3f562239c..1bc0920b1fa 100644 --- a/packages/@mantine/notifications/src/Notifications.tsx +++ b/packages/@mantine/notifications/src/Notifications.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useRef } from 'react'; +import { useEffect, useRef } from 'react'; import { Transition as _Transition, TransitionGroup, diff --git a/packages/@mantine/nprogress/src/NavigationProgress.tsx b/packages/@mantine/nprogress/src/NavigationProgress.tsx index fb533b9e117..2529c230148 100644 --- a/packages/@mantine/nprogress/src/NavigationProgress.tsx +++ b/packages/@mantine/nprogress/src/NavigationProgress.tsx @@ -1,4 +1,4 @@ -import React, { useEffect } from 'react'; +import { useEffect } from 'react'; import { ElementProps, getDefaultZIndex, diff --git a/packages/@mantine/spotlight/src/Spotlight.story.tsx b/packages/@mantine/spotlight/src/Spotlight.story.tsx index 52d88f20187..ba2d7cb742a 100644 --- a/packages/@mantine/spotlight/src/Spotlight.story.tsx +++ b/packages/@mantine/spotlight/src/Spotlight.story.tsx @@ -1,5 +1,5 @@ /* eslint-disable no-console */ -import React, { useState } from 'react'; +import { useState } from 'react'; import { IconSearch } from '@tabler/icons-react'; import { Button } from '@mantine/core'; import { Spotlight, SpotlightActionData } from './Spotlight'; diff --git a/packages/@mantine/spotlight/src/SpotlightActionsList.tsx b/packages/@mantine/spotlight/src/SpotlightActionsList.tsx index 7020b36fe6c..17cb8796740 100644 --- a/packages/@mantine/spotlight/src/SpotlightActionsList.tsx +++ b/packages/@mantine/spotlight/src/SpotlightActionsList.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useId } from 'react'; +import { useEffect, useId } from 'react'; import { BoxProps, CompoundStylesApiProps, diff --git a/packages/@mantine/tiptap/src/RichTextEditor.tsx b/packages/@mantine/tiptap/src/RichTextEditor.tsx index bd6e818d422..b9ec624f29b 100644 --- a/packages/@mantine/tiptap/src/RichTextEditor.tsx +++ b/packages/@mantine/tiptap/src/RichTextEditor.tsx @@ -1,4 +1,4 @@ -import React, { useMemo } from 'react'; +import { useMemo } from 'react'; import { Editor } from '@tiptap/react'; import { Box, diff --git a/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorColorControl.tsx b/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorColorControl.tsx index 4498109afe2..aa89e2f22a8 100644 --- a/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorColorControl.tsx +++ b/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorColorControl.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { BoxProps, ColorSwatch, ElementProps, useProps } from '@mantine/core'; import { useRichTextEditorContext } from '../RichTextEditor.context'; import { RichTextEditorControl } from './RichTextEditorControl'; diff --git a/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorColorPickerControl.tsx b/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorColorPickerControl.tsx index c897b9e0e3b..065f3679248 100644 --- a/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorColorPickerControl.tsx +++ b/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorColorPickerControl.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef, useState } from 'react'; +import { forwardRef, useState } from 'react'; import { ActionIcon, BoxProps, diff --git a/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorControl.tsx b/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorControl.tsx index 6fddff95d45..093177a62dc 100644 --- a/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorControl.tsx +++ b/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorControl.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { BoxProps, CompoundStylesApiProps, diff --git a/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorLinkControl.tsx b/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorLinkControl.tsx index b0dd895d1e1..fbea52e1d8e 100644 --- a/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorLinkControl.tsx +++ b/packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorLinkControl.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { BoxProps, Button, diff --git a/packages/@mantinex/demo/src/ConfiguratorDemo/ConfiguratorDemo.tsx b/packages/@mantinex/demo/src/ConfiguratorDemo/ConfiguratorDemo.tsx index 9ae0871f08f..74496404bf5 100644 --- a/packages/@mantinex/demo/src/ConfiguratorDemo/ConfiguratorDemo.tsx +++ b/packages/@mantinex/demo/src/ConfiguratorDemo/ConfiguratorDemo.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { cloneElement, useState } from 'react'; import { Stack } from '@mantine/core'; import { DemoAreaProps } from '../DemoArea'; import { DemoCode } from '../DemoCode'; @@ -95,7 +95,7 @@ export function ConfiguratorDemo({ dimmed={dimmed} striped={striped} > - {React.cloneElement(children as JSX.Element, state)} + {cloneElement(children as JSX.Element, state)} diff --git a/packages/@mantinex/demo/src/ConfiguratorDemo/controls/ConfiguratorColor.control.tsx b/packages/@mantinex/demo/src/ConfiguratorDemo/controls/ConfiguratorColor.control.tsx index df04a515ac5..d02e00004c7 100644 --- a/packages/@mantinex/demo/src/ConfiguratorDemo/controls/ConfiguratorColor.control.tsx +++ b/packages/@mantinex/demo/src/ConfiguratorDemo/controls/ConfiguratorColor.control.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import { useState } from 'react'; import { BoxProps, CheckIcon, diff --git a/packages/@mantinex/shiki/src/ShikiProvider.tsx b/packages/@mantinex/shiki/src/ShikiProvider.tsx index f2f3e7e52b4..c5fa2a7aca9 100644 --- a/packages/@mantinex/shiki/src/ShikiProvider.tsx +++ b/packages/@mantinex/shiki/src/ShikiProvider.tsx @@ -1,4 +1,4 @@ -import React, { createContext, useCallback, useContext, useEffect, useState } from 'react'; +import { createContext, useCallback, useContext, useEffect, useState } from 'react'; import type { HighlighterGeneric } from 'shiki'; import { useComputedColorScheme } from '@mantine/core'; import { dark, light } from './themes'; diff --git a/scripts/codegen/remove-react-import.ts b/scripts/codegen/remove-react-import.ts index bf0a85be348..9c741c916e9 100644 --- a/scripts/codegen/remove-react-import.ts +++ b/scripts/codegen/remove-react-import.ts @@ -1,5 +1,5 @@ function transformImportStatement(input: string) { - const regex = /import React, (\{[^}]+\}) from 'react';/g; + const regex = /import (\{[^}]+\}) from 'react';/g; const match = regex.exec(input); if (!match) { return input;