@mantine/core 3.7.0-alpha.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -40
- package/cjs/components/Accordion/Accordion.js +25 -14
- package/cjs/components/Accordion/Accordion.js.map +1 -1
- package/cjs/components/Accordion/AccordionItem/AccordionItem.styles.js +53 -56
- package/cjs/components/Accordion/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIcon.js +16 -10
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIcon.styles.js +2 -2
- package/cjs/components/ActionIcon/ActionIcon.styles.js.map +1 -1
- package/cjs/components/Affix/Affix.js +6 -12
- package/cjs/components/Affix/Affix.js.map +1 -1
- package/cjs/components/Alert/Alert.js +11 -7
- package/cjs/components/Alert/Alert.js.map +1 -1
- package/cjs/components/Alert/Alert.styles.js +66 -69
- package/cjs/components/Alert/Alert.styles.js.map +1 -1
- package/cjs/components/Anchor/Anchor.js +5 -3
- package/cjs/components/Anchor/Anchor.js.map +1 -1
- package/cjs/components/AppShell/AppShell.js +8 -3
- package/cjs/components/AppShell/AppShell.js.map +1 -1
- package/cjs/components/AppShell/AppShell.styles.js +3 -1
- package/cjs/components/AppShell/AppShell.styles.js.map +1 -1
- package/cjs/components/AppShell/Header/Header.js +8 -23
- package/cjs/components/AppShell/Header/Header.js.map +1 -1
- package/cjs/components/AppShell/Header/Header.styles.js +1 -2
- package/cjs/components/AppShell/Header/Header.styles.js.map +1 -1
- package/cjs/components/AppShell/Navbar/Navbar.js +18 -12
- package/cjs/components/AppShell/Navbar/Navbar.js.map +1 -1
- package/cjs/components/AppShell/Navbar/Navbar.styles.js +1 -2
- package/cjs/components/AppShell/Navbar/Navbar.styles.js.map +1 -1
- package/cjs/components/AppShell/Navbar/NavbarSection/NavbarSection.js.map +1 -1
- package/cjs/components/AspectRatio/AspectRatio.js +53 -0
- package/cjs/components/AspectRatio/AspectRatio.js.map +1 -0
- package/cjs/components/AspectRatio/AspectRatio.styles.js +42 -0
- package/cjs/components/AspectRatio/AspectRatio.styles.js.map +1 -0
- package/cjs/components/Autocomplete/Autocomplete.js +19 -5
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Avatar/Avatar.js +13 -8
- package/cjs/components/Avatar/Avatar.js.map +1 -1
- package/cjs/components/Avatar/Avatar.styles.js +1 -1
- package/cjs/components/Avatar/Avatar.styles.js.map +1 -1
- package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.js +12 -5
- package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.js.map +1 -1
- package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js.map +1 -1
- package/cjs/components/Badge/Badge.js +16 -9
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.styles.js +1 -1
- package/cjs/components/Badge/Badge.styles.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.js +8 -20
- package/cjs/components/Blockquote/Blockquote.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.styles.js.map +1 -1
- package/cjs/components/Box/Box.js +2 -2
- package/cjs/components/Box/Box.js.map +1 -1
- package/cjs/components/Box/use-sx/get-system-styles/get-system-styles.js +67 -0
- package/cjs/components/Box/use-sx/get-system-styles/get-system-styles.js.map +1 -0
- package/cjs/components/Box/use-sx/use-sx.js +4 -4
- package/cjs/components/Box/use-sx/use-sx.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +7 -3
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/cjs/components/Burger/Burger.js +19 -2
- package/cjs/components/Burger/Burger.js.map +1 -1
- package/cjs/components/Burger/Burger.styles.js.map +1 -1
- package/cjs/components/Button/Button.js +20 -13
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.styles.js +4 -5
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Card/Card.js +9 -21
- package/cjs/components/Card/Card.js.map +1 -1
- package/cjs/components/Card/CardSection/CardSection.js.map +1 -1
- package/cjs/components/Center/Center.js +3 -2
- package/cjs/components/Center/Center.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.js +19 -11
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js +4 -5
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.js +112 -0
- package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -0
- package/cjs/components/Chips/Chip/Chip.js +16 -10
- package/cjs/components/Chips/Chip/Chip.js.map +1 -1
- package/cjs/components/Chips/Chip/Chip.styles.js +89 -95
- package/cjs/components/Chips/Chip/Chip.styles.js.map +1 -1
- package/cjs/components/Chips/Chips.js +14 -8
- package/cjs/components/Chips/Chips.js.map +1 -1
- package/cjs/components/Code/Code.js +2 -2
- package/cjs/components/Code/Code.js.map +1 -1
- package/cjs/components/Code/Code.styles.js.map +1 -1
- package/cjs/components/Collapse/Collapse.js +13 -8
- package/cjs/components/Collapse/Collapse.js.map +1 -1
- package/cjs/components/ColorInput/ColorInput.js +29 -17
- package/cjs/components/ColorInput/ColorInput.js.map +1 -1
- package/cjs/components/ColorInput/ColorInput.styles.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js +23 -15
- package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.styles.js.map +1 -1
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.styles.js +2 -2
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.styles.js.map +1 -1
- package/cjs/components/ColorPicker/Saturation/Saturation.styles.js +1 -1
- package/cjs/components/ColorPicker/Saturation/Saturation.styles.js.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.js +8 -21
- package/cjs/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.styles.js.map +1 -1
- package/cjs/components/Container/Container.js +14 -3
- package/cjs/components/Container/Container.js.map +1 -1
- package/cjs/components/Container/Container.styles.js +2 -12
- package/cjs/components/Container/Container.styles.js.map +1 -1
- package/cjs/components/Dialog/Dialog.js +20 -15
- package/cjs/components/Dialog/Dialog.js.map +1 -1
- package/cjs/components/Dialog/Dialog.styles.js.map +1 -1
- package/cjs/components/Divider/Divider.js +13 -7
- package/cjs/components/Divider/Divider.js.map +1 -1
- package/cjs/components/Divider/Divider.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.js +69 -60
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Drawer/Drawer.styles.js +33 -35
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Grid/Grid.js +17 -10
- package/cjs/components/Grid/Grid.js.map +1 -1
- package/cjs/components/Grid/Grid.styles.js.map +1 -1
- package/cjs/components/Group/Group.js +25 -13
- package/cjs/components/Group/Group.js.map +1 -1
- package/cjs/components/Group/Group.styles.js.map +1 -1
- package/cjs/components/Highlight/Highlight.js +6 -14
- package/cjs/components/Highlight/Highlight.js.map +1 -1
- package/cjs/components/Highlight/highlighter/highlighter.js +3 -0
- package/cjs/components/Highlight/highlighter/highlighter.js.map +1 -1
- package/cjs/components/Image/BackgroundImage/BackgroundImage.js +70 -0
- package/cjs/components/Image/BackgroundImage/BackgroundImage.js.map +1 -0
- package/cjs/components/Image/Image.js +17 -10
- package/cjs/components/Image/Image.js.map +1 -1
- package/cjs/components/Image/Image.styles.js.map +1 -1
- package/cjs/components/Input/Input.js +19 -14
- package/cjs/components/Input/Input.js.map +1 -1
- package/cjs/components/Input/Input.styles.js +1 -1
- package/cjs/components/Input/Input.styles.js.map +1 -1
- package/cjs/components/InputWrapper/InputWrapper.js +14 -8
- package/cjs/components/InputWrapper/InputWrapper.js.map +1 -1
- package/cjs/components/InputWrapper/InputWrapper.styles.js.map +1 -1
- package/cjs/components/JsonInput/JsonInput.js +10 -5
- package/cjs/components/JsonInput/JsonInput.js.map +1 -1
- package/cjs/components/JsonInput/JsonInput.styles.js.map +1 -1
- package/cjs/components/Kbd/Kbd.js +3 -2
- package/cjs/components/Kbd/Kbd.js.map +1 -1
- package/cjs/components/List/List.js +17 -11
- package/cjs/components/List/List.js.map +1 -1
- package/cjs/components/List/List.styles.js.map +1 -1
- package/cjs/components/Loader/Loader.js +13 -2
- package/cjs/components/Loader/Loader.js.map +1 -1
- package/cjs/components/LoadingOverlay/LoadingOverlay.js +12 -7
- package/cjs/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
- package/cjs/components/Mark/Mark.js +7 -3
- package/cjs/components/Mark/Mark.js.map +1 -1
- package/cjs/components/Mark/Mark.styles.js.map +1 -1
- package/cjs/components/MediaQuery/MediaQuery.js +10 -12
- package/cjs/components/MediaQuery/MediaQuery.js.map +1 -1
- package/cjs/components/MediaQuery/MediaQuery.styles.js.map +1 -1
- package/cjs/components/Menu/Menu.js +43 -22
- package/cjs/components/Menu/Menu.js.map +1 -1
- package/cjs/components/Menu/Menu.styles.js.map +1 -1
- package/cjs/components/Menu/MenuItem/MenuItem.js.map +1 -1
- package/cjs/components/Menu/MenuItem/MenuItem.styles.js.map +1 -1
- package/cjs/components/Modal/Modal.js +55 -46
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/Modal.styles.js +5 -2
- package/cjs/components/Modal/Modal.styles.js.map +1 -1
- package/cjs/components/MultiSelect/DefaultValue/DefaultValue.styles.js +0 -1
- package/cjs/components/MultiSelect/DefaultValue/DefaultValue.styles.js.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.js +52 -28
- package/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.styles.js +3 -2
- package/cjs/components/MultiSelect/MultiSelect.styles.js.map +1 -1
- package/cjs/components/NativeSelect/NativeSelect.js +9 -8
- package/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
- package/cjs/components/Notification/Notification.js +10 -9
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +3 -4
- package/cjs/components/Notification/Notification.styles.js.map +1 -1
- package/cjs/components/NumberInput/NumberInput.js +25 -14
- package/cjs/components/NumberInput/NumberInput.js.map +1 -1
- package/cjs/components/NumberInput/NumberInput.styles.js.map +1 -1
- package/cjs/components/Overlay/Overlay.js +32 -28
- package/cjs/components/Overlay/Overlay.js.map +1 -1
- package/cjs/components/Pagination/Pagination.js +24 -13
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/components/Pagination/Pagination.styles.js +3 -4
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Paper/Paper.js +5 -19
- package/cjs/components/Paper/Paper.js.map +1 -1
- package/cjs/components/Paper/Paper.styles.js +2 -3
- package/cjs/components/Paper/Paper.styles.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.js +18 -11
- package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.styles.js.map +1 -1
- package/cjs/components/Popover/Popover.js +51 -30
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Portal/OptionalPortal.js +50 -0
- package/cjs/components/Portal/OptionalPortal.js.map +1 -0
- package/cjs/components/Portal/Portal.js +7 -2
- package/cjs/components/Portal/Portal.js.map +1 -1
- package/cjs/components/Progress/Progress.js +18 -10
- package/cjs/components/Progress/Progress.js.map +1 -1
- package/cjs/components/Progress/Progress.styles.js.map +1 -1
- package/cjs/components/RadioGroup/Radio/Radio.js +12 -9
- package/cjs/components/RadioGroup/Radio/Radio.js.map +1 -1
- package/cjs/components/RadioGroup/Radio/Radio.styles.js.map +1 -1
- package/cjs/components/RadioGroup/RadioGroup.js +15 -10
- package/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
- package/cjs/components/RingProgress/RingProgress.js +14 -9
- package/cjs/components/RingProgress/RingProgress.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.js +13 -7
- package/cjs/components/ScrollArea/ScrollArea.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.styles.js +54 -57
- package/cjs/components/ScrollArea/ScrollArea.styles.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js +15 -9
- package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.styles.js +11 -13
- package/cjs/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
- package/cjs/components/Select/Select.js +51 -28
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/SelectDropdown/SelectDropdown.js +1 -0
- package/cjs/components/Select/SelectDropdown/SelectDropdown.js.map +1 -1
- package/cjs/components/Select/SelectRightSection/SelectRightSection.js.map +1 -1
- package/cjs/components/Select/SelectRightSection/get-select-right-section-props.js +1 -1
- package/cjs/components/Select/SelectRightSection/get-select-right-section-props.js.map +1 -1
- package/cjs/components/SimpleGrid/SimpleGrid.js +9 -19
- package/cjs/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/cjs/components/SimpleGrid/SimpleGrid.styles.js.map +1 -1
- package/cjs/components/Skeleton/Skeleton.js +17 -10
- package/cjs/components/Skeleton/Skeleton.js.map +1 -1
- package/cjs/components/Skeleton/Skeleton.styles.js +1 -1
- package/cjs/components/Skeleton/Skeleton.styles.js.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.js +51 -30
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js +46 -20
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Space/Space.js +7 -2
- package/cjs/components/Space/Space.js.map +1 -1
- package/cjs/components/Spoiler/Spoiler.js +14 -8
- package/cjs/components/Spoiler/Spoiler.js.map +1 -1
- package/cjs/components/Spoiler/Spoiler.styles.js.map +1 -1
- package/cjs/components/Stepper/Step/Step.styles.js +4 -8
- package/cjs/components/Stepper/Step/Step.styles.js.map +1 -1
- package/cjs/components/Stepper/Stepper.js +22 -14
- package/cjs/components/Stepper/Stepper.js.map +1 -1
- package/cjs/components/Stepper/Stepper.styles.js +9 -1
- package/cjs/components/Stepper/Stepper.styles.js.map +1 -1
- package/cjs/components/Switch/Switch.js +15 -9
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Switch/Switch.styles.js.map +1 -1
- package/cjs/components/Table/Table.js +16 -8
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Table/Table.styles.js.map +1 -1
- package/cjs/components/Tabs/TabControl/TabControl.js +6 -3
- package/cjs/components/Tabs/TabControl/TabControl.js.map +1 -1
- package/cjs/components/Tabs/TabControl/TabControl.styles.js.map +1 -1
- package/cjs/components/Tabs/Tabs.js +24 -20
- package/cjs/components/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/Tabs.styles.js.map +1 -1
- package/cjs/components/Text/Text.js +13 -5
- package/cjs/components/Text/Text.js.map +1 -1
- package/cjs/components/Text/Text.styles.js.map +1 -1
- package/cjs/components/TextInput/TextInput.js +13 -8
- package/cjs/components/TextInput/TextInput.js.map +1 -1
- package/cjs/components/Textarea/Textarea.js +13 -8
- package/cjs/components/Textarea/Textarea.js.map +1 -1
- package/cjs/components/ThemeIcon/ThemeIcon.js +8 -18
- package/cjs/components/ThemeIcon/ThemeIcon.js.map +1 -1
- package/cjs/components/ThemeIcon/ThemeIcon.styles.js +3 -2
- package/cjs/components/ThemeIcon/ThemeIcon.styles.js.map +1 -1
- package/cjs/components/Timeline/Timeline.js +20 -11
- package/cjs/components/Timeline/Timeline.js.map +1 -1
- package/cjs/components/Timeline/TimelineItem/TimelineItem.styles.js +67 -71
- package/cjs/components/Timeline/TimelineItem/TimelineItem.styles.js.map +1 -1
- package/cjs/components/Title/Title.js +6 -2
- package/cjs/components/Title/Title.js.map +1 -1
- package/cjs/components/Title/Title.styles.js +1 -1
- package/cjs/components/Title/Title.styles.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.js +62 -29
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.styles.js +1 -1
- package/cjs/components/Tooltip/Tooltip.styles.js.map +1 -1
- package/cjs/components/TransferList/DefaultItem/DefaultItem.js +2 -1
- package/cjs/components/TransferList/DefaultItem/DefaultItem.js.map +1 -1
- package/cjs/components/TransferList/RenderList/RenderList.js +4 -2
- package/cjs/components/TransferList/RenderList/RenderList.js.map +1 -1
- package/cjs/components/TransferList/RenderList/RenderList.styles.js +7 -7
- package/cjs/components/TransferList/RenderList/RenderList.styles.js.map +1 -1
- package/cjs/components/TransferList/TransferList.js +27 -14
- package/cjs/components/TransferList/TransferList.js.map +1 -1
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js +3 -2
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -1
- package/cjs/index.js +17 -2
- package/cjs/index.js.map +1 -1
- package/cjs/utils/group-options/group-options.js +24 -0
- package/cjs/utils/group-options/group-options.js.map +1 -1
- package/esm/components/Accordion/Accordion.js +24 -13
- package/esm/components/Accordion/Accordion.js.map +1 -1
- package/esm/components/Accordion/AccordionItem/AccordionItem.styles.js +53 -56
- package/esm/components/Accordion/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.js +17 -11
- package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.styles.js +2 -2
- package/esm/components/ActionIcon/ActionIcon.styles.js.map +1 -1
- package/esm/components/Affix/Affix.js +7 -13
- package/esm/components/Affix/Affix.js.map +1 -1
- package/esm/components/Alert/Alert.js +9 -5
- package/esm/components/Alert/Alert.js.map +1 -1
- package/esm/components/Alert/Alert.styles.js +66 -69
- package/esm/components/Alert/Alert.styles.js.map +1 -1
- package/esm/components/Anchor/Anchor.js +4 -2
- package/esm/components/Anchor/Anchor.js.map +1 -1
- package/esm/components/AppShell/AppShell.js +9 -4
- package/esm/components/AppShell/AppShell.js.map +1 -1
- package/esm/components/AppShell/AppShell.styles.js +3 -1
- package/esm/components/AppShell/AppShell.styles.js.map +1 -1
- package/esm/components/AppShell/Header/Header.js +9 -24
- package/esm/components/AppShell/Header/Header.js.map +1 -1
- package/esm/components/AppShell/Header/Header.styles.js +1 -2
- package/esm/components/AppShell/Header/Header.styles.js.map +1 -1
- package/esm/components/AppShell/Navbar/Navbar.js +19 -13
- package/esm/components/AppShell/Navbar/Navbar.js.map +1 -1
- package/esm/components/AppShell/Navbar/Navbar.styles.js +1 -2
- package/esm/components/AppShell/Navbar/Navbar.styles.js.map +1 -1
- package/esm/components/AppShell/Navbar/NavbarSection/NavbarSection.js.map +1 -1
- package/esm/components/AspectRatio/AspectRatio.js +45 -0
- package/esm/components/AspectRatio/AspectRatio.js.map +1 -0
- package/esm/components/AspectRatio/AspectRatio.styles.js +38 -0
- package/esm/components/AspectRatio/AspectRatio.styles.js.map +1 -0
- package/esm/components/Autocomplete/Autocomplete.js +20 -6
- package/esm/components/Autocomplete/Autocomplete.js.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/esm/components/Avatar/Avatar.js +11 -6
- package/esm/components/Avatar/Avatar.js.map +1 -1
- package/esm/components/Avatar/Avatar.styles.js +1 -1
- package/esm/components/Avatar/Avatar.styles.js.map +1 -1
- package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.js +10 -3
- package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.js.map +1 -1
- package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js.map +1 -1
- package/esm/components/Badge/Badge.js +14 -7
- package/esm/components/Badge/Badge.js.map +1 -1
- package/esm/components/Badge/Badge.styles.js +1 -1
- package/esm/components/Badge/Badge.styles.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.js +7 -19
- package/esm/components/Blockquote/Blockquote.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.styles.js.map +1 -1
- package/esm/components/Box/Box.js +3 -3
- package/esm/components/Box/Box.js.map +1 -1
- package/esm/components/Box/use-sx/get-system-styles/get-system-styles.js +63 -0
- package/esm/components/Box/use-sx/get-system-styles/get-system-styles.js.map +1 -0
- package/esm/components/Box/use-sx/use-sx.js +4 -4
- package/esm/components/Box/use-sx/use-sx.js.map +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.js +6 -2
- package/esm/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/components/Burger/Burger.js +20 -3
- package/esm/components/Burger/Burger.js.map +1 -1
- package/esm/components/Burger/Burger.styles.js.map +1 -1
- package/esm/components/Button/Button.js +21 -14
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Button/Button.styles.js +4 -5
- package/esm/components/Button/Button.styles.js.map +1 -1
- package/esm/components/Card/Card.js +8 -20
- package/esm/components/Card/Card.js.map +1 -1
- package/esm/components/Card/CardSection/CardSection.js.map +1 -1
- package/esm/components/Center/Center.js +3 -2
- package/esm/components/Center/Center.js.map +1 -1
- package/esm/components/Checkbox/Checkbox.js +20 -12
- package/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/esm/components/Checkbox/Checkbox.styles.js +4 -5
- package/esm/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/esm/components/Checkbox/CheckboxGroup/CheckboxGroup.js +104 -0
- package/esm/components/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -0
- package/esm/components/Chips/Chip/Chip.js +17 -11
- package/esm/components/Chips/Chip/Chip.js.map +1 -1
- package/esm/components/Chips/Chip/Chip.styles.js +89 -95
- package/esm/components/Chips/Chip/Chip.styles.js.map +1 -1
- package/esm/components/Chips/Chips.js +12 -6
- package/esm/components/Chips/Chips.js.map +1 -1
- package/esm/components/Code/Code.js +3 -3
- package/esm/components/Code/Code.js.map +1 -1
- package/esm/components/Code/Code.styles.js.map +1 -1
- package/esm/components/Collapse/Collapse.js +14 -9
- package/esm/components/Collapse/Collapse.js.map +1 -1
- package/esm/components/ColorInput/ColorInput.js +30 -18
- package/esm/components/ColorInput/ColorInput.js.map +1 -1
- package/esm/components/ColorInput/ColorInput.styles.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.js +17 -9
- package/esm/components/ColorPicker/ColorPicker.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.styles.js.map +1 -1
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.styles.js +2 -2
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.styles.js.map +1 -1
- package/esm/components/ColorPicker/Saturation/Saturation.styles.js +1 -1
- package/esm/components/ColorPicker/Saturation/Saturation.styles.js.map +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.js +7 -20
- package/esm/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.styles.js.map +1 -1
- package/esm/components/Container/Container.js +14 -3
- package/esm/components/Container/Container.js.map +1 -1
- package/esm/components/Container/Container.styles.js +2 -12
- package/esm/components/Container/Container.styles.js.map +1 -1
- package/esm/components/Dialog/Dialog.js +19 -14
- package/esm/components/Dialog/Dialog.js.map +1 -1
- package/esm/components/Dialog/Dialog.styles.js.map +1 -1
- package/esm/components/Divider/Divider.js +14 -8
- package/esm/components/Divider/Divider.js.map +1 -1
- package/esm/components/Divider/Divider.styles.js.map +1 -1
- package/esm/components/Drawer/Drawer.js +71 -61
- package/esm/components/Drawer/Drawer.js.map +1 -1
- package/esm/components/Drawer/Drawer.styles.js +33 -35
- package/esm/components/Drawer/Drawer.styles.js.map +1 -1
- package/esm/components/Grid/Grid.js +15 -8
- package/esm/components/Grid/Grid.js.map +1 -1
- package/esm/components/Grid/Grid.styles.js.map +1 -1
- package/esm/components/Group/Group.js +23 -11
- package/esm/components/Group/Group.js.map +1 -1
- package/esm/components/Group/Group.styles.js.map +1 -1
- package/esm/components/Highlight/Highlight.js +6 -14
- package/esm/components/Highlight/Highlight.js.map +1 -1
- package/esm/components/Highlight/highlighter/highlighter.js +3 -0
- package/esm/components/Highlight/highlighter/highlighter.js.map +1 -1
- package/esm/components/Image/BackgroundImage/BackgroundImage.js +62 -0
- package/esm/components/Image/BackgroundImage/BackgroundImage.js.map +1 -0
- package/esm/components/Image/Image.js +15 -8
- package/esm/components/Image/Image.js.map +1 -1
- package/esm/components/Image/Image.styles.js.map +1 -1
- package/esm/components/Input/Input.js +20 -15
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/Input/Input.styles.js +1 -1
- package/esm/components/Input/Input.styles.js.map +1 -1
- package/esm/components/InputWrapper/InputWrapper.js +12 -6
- package/esm/components/InputWrapper/InputWrapper.js.map +1 -1
- package/esm/components/InputWrapper/InputWrapper.styles.js.map +1 -1
- package/esm/components/JsonInput/JsonInput.js +10 -5
- package/esm/components/JsonInput/JsonInput.js.map +1 -1
- package/esm/components/JsonInput/JsonInput.styles.js.map +1 -1
- package/esm/components/Kbd/Kbd.js +3 -2
- package/esm/components/Kbd/Kbd.js.map +1 -1
- package/esm/components/List/List.js +14 -8
- package/esm/components/List/List.js.map +1 -1
- package/esm/components/List/List.styles.js.map +1 -1
- package/esm/components/Loader/Loader.js +14 -3
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/LoadingOverlay/LoadingOverlay.js +13 -8
- package/esm/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
- package/esm/components/Mark/Mark.js +6 -2
- package/esm/components/Mark/Mark.js.map +1 -1
- package/esm/components/Mark/Mark.styles.js.map +1 -1
- package/esm/components/MediaQuery/MediaQuery.js +9 -11
- package/esm/components/MediaQuery/MediaQuery.js.map +1 -1
- package/esm/components/MediaQuery/MediaQuery.styles.js.map +1 -1
- package/esm/components/Menu/Menu.js +44 -23
- package/esm/components/Menu/Menu.js.map +1 -1
- package/esm/components/Menu/Menu.styles.js.map +1 -1
- package/esm/components/Menu/MenuItem/MenuItem.js.map +1 -1
- package/esm/components/Menu/MenuItem/MenuItem.styles.js.map +1 -1
- package/esm/components/Modal/Modal.js +56 -46
- package/esm/components/Modal/Modal.js.map +1 -1
- package/esm/components/Modal/Modal.styles.js +5 -2
- package/esm/components/Modal/Modal.styles.js.map +1 -1
- package/esm/components/MultiSelect/DefaultValue/DefaultValue.styles.js +0 -1
- package/esm/components/MultiSelect/DefaultValue/DefaultValue.styles.js.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.js +53 -29
- package/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.styles.js +3 -2
- package/esm/components/MultiSelect/MultiSelect.styles.js.map +1 -1
- package/esm/components/NativeSelect/NativeSelect.js +10 -9
- package/esm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/esm/components/Notification/Notification.js +8 -7
- package/esm/components/Notification/Notification.js.map +1 -1
- package/esm/components/Notification/Notification.styles.js +3 -4
- package/esm/components/Notification/Notification.styles.js.map +1 -1
- package/esm/components/NumberInput/NumberInput.js +22 -11
- package/esm/components/NumberInput/NumberInput.js.map +1 -1
- package/esm/components/NumberInput/NumberInput.styles.js.map +1 -1
- package/esm/components/Overlay/Overlay.js +33 -29
- package/esm/components/Overlay/Overlay.js.map +1 -1
- package/esm/components/Pagination/Pagination.js +22 -11
- package/esm/components/Pagination/Pagination.js.map +1 -1
- package/esm/components/Pagination/Pagination.styles.js +3 -4
- package/esm/components/Pagination/Pagination.styles.js.map +1 -1
- package/esm/components/Paper/Paper.js +5 -19
- package/esm/components/Paper/Paper.js.map +1 -1
- package/esm/components/Paper/Paper.styles.js +2 -3
- package/esm/components/Paper/Paper.styles.js.map +1 -1
- package/esm/components/PasswordInput/PasswordInput.js +19 -12
- package/esm/components/PasswordInput/PasswordInput.js.map +1 -1
- package/esm/components/PasswordInput/PasswordInput.styles.js.map +1 -1
- package/esm/components/Popover/Popover.js +52 -31
- package/esm/components/Popover/Popover.js.map +1 -1
- package/esm/components/Portal/OptionalPortal.js +42 -0
- package/esm/components/Portal/OptionalPortal.js.map +1 -0
- package/esm/components/Portal/Portal.js +8 -3
- package/esm/components/Portal/Portal.js.map +1 -1
- package/esm/components/Progress/Progress.js +16 -8
- package/esm/components/Progress/Progress.js.map +1 -1
- package/esm/components/Progress/Progress.styles.js.map +1 -1
- package/esm/components/RadioGroup/Radio/Radio.js +13 -10
- package/esm/components/RadioGroup/Radio/Radio.js.map +1 -1
- package/esm/components/RadioGroup/Radio/Radio.styles.js.map +1 -1
- package/esm/components/RadioGroup/RadioGroup.js +12 -7
- package/esm/components/RadioGroup/RadioGroup.js.map +1 -1
- package/esm/components/RingProgress/RingProgress.js +12 -7
- package/esm/components/RingProgress/RingProgress.js.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.js +14 -8
- package/esm/components/ScrollArea/ScrollArea.js.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.styles.js +54 -57
- package/esm/components/ScrollArea/ScrollArea.styles.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +13 -7
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.styles.js +11 -13
- package/esm/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
- package/esm/components/Select/Select.js +52 -29
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/Select/SelectDropdown/SelectDropdown.js +1 -0
- package/esm/components/Select/SelectDropdown/SelectDropdown.js.map +1 -1
- package/esm/components/Select/SelectRightSection/SelectRightSection.js.map +1 -1
- package/esm/components/Select/SelectRightSection/get-select-right-section-props.js +1 -1
- package/esm/components/Select/SelectRightSection/get-select-right-section-props.js.map +1 -1
- package/esm/components/SimpleGrid/SimpleGrid.js +8 -18
- package/esm/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/esm/components/SimpleGrid/SimpleGrid.styles.js.map +1 -1
- package/esm/components/Skeleton/Skeleton.js +15 -8
- package/esm/components/Skeleton/Skeleton.js.map +1 -1
- package/esm/components/Skeleton/Skeleton.styles.js +1 -1
- package/esm/components/Skeleton/Skeleton.styles.js.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.js +52 -31
- package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/esm/components/Slider/Slider/Slider.js +47 -21
- package/esm/components/Slider/Slider/Slider.js.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.js.map +1 -1
- package/esm/components/Space/Space.js +7 -2
- package/esm/components/Space/Space.js.map +1 -1
- package/esm/components/Spoiler/Spoiler.js +12 -6
- package/esm/components/Spoiler/Spoiler.js.map +1 -1
- package/esm/components/Spoiler/Spoiler.styles.js.map +1 -1
- package/esm/components/Stepper/Step/Step.styles.js +4 -8
- package/esm/components/Stepper/Step/Step.styles.js.map +1 -1
- package/esm/components/Stepper/Stepper.js +19 -11
- package/esm/components/Stepper/Stepper.js.map +1 -1
- package/esm/components/Stepper/Stepper.styles.js +9 -1
- package/esm/components/Stepper/Stepper.styles.js.map +1 -1
- package/esm/components/Switch/Switch.js +16 -10
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/Switch/Switch.styles.js.map +1 -1
- package/esm/components/Table/Table.js +16 -8
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Table/Table.styles.js.map +1 -1
- package/esm/components/Tabs/TabControl/TabControl.js +6 -3
- package/esm/components/Tabs/TabControl/TabControl.js.map +1 -1
- package/esm/components/Tabs/TabControl/TabControl.styles.js.map +1 -1
- package/esm/components/Tabs/Tabs.js +23 -19
- package/esm/components/Tabs/Tabs.js.map +1 -1
- package/esm/components/Tabs/Tabs.styles.js.map +1 -1
- package/esm/components/Text/Text.js +11 -3
- package/esm/components/Text/Text.js.map +1 -1
- package/esm/components/Text/Text.styles.js.map +1 -1
- package/esm/components/TextInput/TextInput.js +14 -9
- package/esm/components/TextInput/TextInput.js.map +1 -1
- package/esm/components/Textarea/Textarea.js +14 -9
- package/esm/components/Textarea/Textarea.js.map +1 -1
- package/esm/components/ThemeIcon/ThemeIcon.js +8 -18
- package/esm/components/ThemeIcon/ThemeIcon.js.map +1 -1
- package/esm/components/ThemeIcon/ThemeIcon.styles.js +3 -2
- package/esm/components/ThemeIcon/ThemeIcon.styles.js.map +1 -1
- package/esm/components/Timeline/Timeline.js +18 -9
- package/esm/components/Timeline/Timeline.js.map +1 -1
- package/esm/components/Timeline/TimelineItem/TimelineItem.styles.js +67 -71
- package/esm/components/Timeline/TimelineItem/TimelineItem.styles.js.map +1 -1
- package/esm/components/Title/Title.js +6 -2
- package/esm/components/Title/Title.js.map +1 -1
- package/esm/components/Title/Title.styles.js +1 -1
- package/esm/components/Title/Title.styles.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.js +64 -31
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.styles.js +1 -1
- package/esm/components/Tooltip/Tooltip.styles.js.map +1 -1
- package/esm/components/TransferList/DefaultItem/DefaultItem.js +2 -1
- package/esm/components/TransferList/DefaultItem/DefaultItem.js.map +1 -1
- package/esm/components/TransferList/RenderList/RenderList.js +4 -2
- package/esm/components/TransferList/RenderList/RenderList.js.map +1 -1
- package/esm/components/TransferList/RenderList/RenderList.styles.js +7 -7
- package/esm/components/TransferList/RenderList/RenderList.styles.js.map +1 -1
- package/esm/components/TransferList/TransferList.js +25 -12
- package/esm/components/TransferList/TransferList.js.map +1 -1
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js +3 -2
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -1
- package/esm/index.js +8 -1
- package/esm/index.js.map +1 -1
- package/esm/utils/group-options/group-options.js +24 -1
- package/esm/utils/group-options/group-options.js.map +1 -1
- package/lib/components/Accordion/Accordion.d.ts +7 -7
- package/lib/components/Accordion/Accordion.d.ts.map +1 -1
- package/lib/components/Accordion/AccordionItem/AccordionItem.styles.d.ts +3 -3
- package/lib/components/Accordion/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
- package/lib/components/Accordion/index.d.ts +1 -0
- package/lib/components/Accordion/index.d.ts.map +1 -1
- package/lib/components/ActionIcon/ActionIcon.d.ts +3 -3
- package/lib/components/ActionIcon/ActionIcon.d.ts.map +1 -1
- package/lib/components/ActionIcon/ActionIcon.styles.d.ts +2 -2
- package/lib/components/ActionIcon/ActionIcon.styles.d.ts.map +1 -1
- package/lib/components/ActionIcon/CloseButton/CloseButton.d.ts +1 -1
- package/lib/components/ActionIcon/CloseButton/CloseButton.d.ts.map +1 -1
- package/lib/components/ActionIcon/index.d.ts +1 -1
- package/lib/components/ActionIcon/index.d.ts.map +1 -1
- package/lib/components/Affix/Affix.d.ts +3 -3
- package/lib/components/Affix/Affix.d.ts.map +1 -1
- package/lib/components/Alert/Alert.d.ts +2 -2
- package/lib/components/Alert/Alert.d.ts.map +1 -1
- package/lib/components/Alert/Alert.styles.d.ts +3 -3
- package/lib/components/Alert/Alert.styles.d.ts.map +1 -1
- package/lib/components/Alert/index.d.ts +1 -0
- package/lib/components/Alert/index.d.ts.map +1 -1
- package/lib/components/Anchor/Anchor.d.ts +1 -1
- package/lib/components/Anchor/Anchor.d.ts.map +1 -1
- package/lib/components/AppShell/AppShell.d.ts +2 -2
- package/lib/components/AppShell/AppShell.d.ts.map +1 -1
- package/lib/components/AppShell/AppShell.styles.d.ts +2 -2
- package/lib/components/AppShell/AppShell.styles.d.ts.map +1 -1
- package/lib/components/AppShell/Header/Header.d.ts +1 -3
- package/lib/components/AppShell/Header/Header.d.ts.map +1 -1
- package/lib/components/AppShell/Header/Header.styles.d.ts +0 -2
- package/lib/components/AppShell/Header/Header.styles.d.ts.map +1 -1
- package/lib/components/AppShell/Navbar/Navbar.d.ts +0 -2
- package/lib/components/AppShell/Navbar/Navbar.d.ts.map +1 -1
- package/lib/components/AppShell/Navbar/Navbar.styles.d.ts +0 -1
- package/lib/components/AppShell/Navbar/Navbar.styles.d.ts.map +1 -1
- package/lib/components/AppShell/Navbar/NavbarSection/NavbarSection.d.ts +1 -1
- package/lib/components/AppShell/Navbar/NavbarSection/NavbarSection.d.ts.map +1 -1
- package/lib/components/AppShell/index.d.ts +1 -0
- package/lib/components/AppShell/index.d.ts.map +1 -1
- package/lib/components/AspectRatio/AspectRatio.d.ts +8 -0
- package/lib/components/AspectRatio/AspectRatio.d.ts.map +1 -0
- package/lib/components/AspectRatio/AspectRatio.styles.d.ts +10 -0
- package/lib/components/AspectRatio/AspectRatio.styles.d.ts.map +1 -0
- package/lib/components/AspectRatio/index.d.ts +3 -0
- package/lib/components/AspectRatio/index.d.ts.map +1 -0
- package/lib/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/lib/components/Autocomplete/Autocomplete.styles.d.ts +3 -3
- package/lib/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
- package/lib/components/Autocomplete/index.d.ts +1 -0
- package/lib/components/Autocomplete/index.d.ts.map +1 -1
- package/lib/components/Avatar/Avatar.d.ts +4 -2
- package/lib/components/Avatar/Avatar.d.ts.map +1 -1
- package/lib/components/Avatar/Avatar.styles.d.ts +2 -2
- package/lib/components/Avatar/Avatar.styles.d.ts.map +1 -1
- package/lib/components/Avatar/AvatarsGroup/AvatarsGroup.d.ts.map +1 -1
- package/lib/components/Avatar/AvatarsGroup/AvatarsGroup.styles.d.ts +2 -2
- package/lib/components/Avatar/AvatarsGroup/AvatarsGroup.styles.d.ts.map +1 -1
- package/lib/components/Avatar/index.d.ts +2 -0
- package/lib/components/Avatar/index.d.ts.map +1 -1
- package/lib/components/Badge/Badge.d.ts +3 -1
- package/lib/components/Badge/Badge.d.ts.map +1 -1
- package/lib/components/Badge/Badge.styles.d.ts +2 -2
- package/lib/components/Badge/Badge.styles.d.ts.map +1 -1
- package/lib/components/Badge/index.d.ts +1 -0
- package/lib/components/Badge/index.d.ts.map +1 -1
- package/lib/components/Blockquote/Blockquote.d.ts.map +1 -1
- package/lib/components/Blockquote/Blockquote.styles.d.ts +2 -2
- package/lib/components/Blockquote/Blockquote.styles.d.ts.map +1 -1
- package/lib/components/Blockquote/index.d.ts +1 -0
- package/lib/components/Blockquote/index.d.ts.map +1 -1
- package/lib/components/Box/Box.d.ts +1 -1
- package/lib/components/Box/Box.d.ts.map +1 -1
- package/lib/components/Box/use-sx/get-system-styles/get-system-styles.d.ts +3 -0
- package/lib/components/Box/use-sx/get-system-styles/get-system-styles.d.ts.map +1 -0
- package/lib/components/Box/use-sx/use-sx.d.ts +2 -2
- package/lib/components/Box/use-sx/use-sx.d.ts.map +1 -1
- package/lib/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/lib/components/Burger/Burger.d.ts.map +1 -1
- package/lib/components/Burger/Burger.styles.d.ts +2 -2
- package/lib/components/Burger/Burger.styles.d.ts.map +1 -1
- package/lib/components/Burger/index.d.ts +1 -0
- package/lib/components/Burger/index.d.ts.map +1 -1
- package/lib/components/Button/Button.d.ts +5 -1
- package/lib/components/Button/Button.d.ts.map +1 -1
- package/lib/components/Button/Button.styles.d.ts +3 -3
- package/lib/components/Button/Button.styles.d.ts.map +1 -1
- package/lib/components/Button/index.d.ts +1 -1
- package/lib/components/Button/index.d.ts.map +1 -1
- package/lib/components/Card/Card.d.ts +1 -1
- package/lib/components/Card/Card.d.ts.map +1 -1
- package/lib/components/Card/CardSection/CardSection.d.ts +1 -1
- package/lib/components/Card/CardSection/CardSection.d.ts.map +1 -1
- package/lib/components/Center/Center.d.ts +1 -1
- package/lib/components/Center/Center.d.ts.map +1 -1
- package/lib/components/Checkbox/Checkbox.d.ts +2 -0
- package/lib/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/lib/components/Checkbox/Checkbox.styles.d.ts +3 -3
- package/lib/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
- package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts +29 -0
- package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts.map +1 -0
- package/lib/components/Checkbox/index.d.ts +3 -0
- package/lib/components/Checkbox/index.d.ts.map +1 -1
- package/lib/components/Chips/Chip/Chip.d.ts.map +1 -1
- package/lib/components/Chips/Chip/Chip.styles.d.ts +3 -3
- package/lib/components/Chips/Chip/Chip.styles.d.ts.map +1 -1
- package/lib/components/Chips/Chips.d.ts +1 -1
- package/lib/components/Chips/Chips.d.ts.map +1 -1
- package/lib/components/Chips/index.d.ts +1 -0
- package/lib/components/Chips/index.d.ts.map +1 -1
- package/lib/components/Code/Code.d.ts.map +1 -1
- package/lib/components/Code/Code.styles.d.ts +2 -2
- package/lib/components/Code/Code.styles.d.ts.map +1 -1
- package/lib/components/Code/index.d.ts +1 -0
- package/lib/components/Code/index.d.ts.map +1 -1
- package/lib/components/Collapse/Collapse.d.ts +1 -1
- package/lib/components/Collapse/Collapse.d.ts.map +1 -1
- package/lib/components/ColorInput/ColorInput.d.ts.map +1 -1
- package/lib/components/ColorInput/ColorInput.styles.d.ts +2 -2
- package/lib/components/ColorInput/ColorInput.styles.d.ts.map +1 -1
- package/lib/components/ColorInput/index.d.ts +1 -0
- package/lib/components/ColorInput/index.d.ts.map +1 -1
- package/lib/components/ColorPicker/ColorPicker.d.ts.map +1 -1
- package/lib/components/ColorPicker/ColorPicker.styles.d.ts +2 -2
- package/lib/components/ColorPicker/ColorPicker.styles.d.ts.map +1 -1
- package/lib/components/ColorPicker/ColorSlider/ColorSlider.styles.d.ts.map +1 -1
- package/lib/components/ColorPicker/index.d.ts +1 -0
- package/lib/components/ColorPicker/index.d.ts.map +1 -1
- package/lib/components/ColorSwatch/ColorSwatch.d.ts +3 -1
- package/lib/components/ColorSwatch/ColorSwatch.d.ts.map +1 -1
- package/lib/components/ColorSwatch/ColorSwatch.styles.d.ts +2 -2
- package/lib/components/ColorSwatch/ColorSwatch.styles.d.ts.map +1 -1
- package/lib/components/ColorSwatch/index.d.ts +1 -0
- package/lib/components/ColorSwatch/index.d.ts.map +1 -1
- package/lib/components/Container/Container.d.ts +3 -3
- package/lib/components/Container/Container.d.ts.map +1 -1
- package/lib/components/Container/Container.styles.d.ts +4 -11
- package/lib/components/Container/Container.styles.d.ts.map +1 -1
- package/lib/components/Container/index.d.ts +1 -1
- package/lib/components/Container/index.d.ts.map +1 -1
- package/lib/components/Dialog/Dialog.d.ts +3 -3
- package/lib/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/components/Dialog/Dialog.styles.d.ts +2 -2
- package/lib/components/Dialog/Dialog.styles.d.ts.map +1 -1
- package/lib/components/Dialog/index.d.ts +1 -0
- package/lib/components/Dialog/index.d.ts.map +1 -1
- package/lib/components/Divider/Divider.d.ts.map +1 -1
- package/lib/components/Divider/Divider.styles.d.ts +3 -3
- package/lib/components/Divider/Divider.styles.d.ts.map +1 -1
- package/lib/components/Divider/index.d.ts +1 -0
- package/lib/components/Divider/index.d.ts.map +1 -1
- package/lib/components/Drawer/Drawer.d.ts +13 -12
- package/lib/components/Drawer/Drawer.d.ts.map +1 -1
- package/lib/components/Drawer/Drawer.styles.d.ts +3 -2
- package/lib/components/Drawer/Drawer.styles.d.ts.map +1 -1
- package/lib/components/Drawer/index.d.ts +1 -1
- package/lib/components/Drawer/index.d.ts.map +1 -1
- package/lib/components/Grid/Grid.d.ts.map +1 -1
- package/lib/components/Grid/Grid.styles.d.ts +2 -2
- package/lib/components/Grid/Grid.styles.d.ts.map +1 -1
- package/lib/components/Grid/index.d.ts +1 -0
- package/lib/components/Grid/index.d.ts.map +1 -1
- package/lib/components/Group/Group.d.ts.map +1 -1
- package/lib/components/Group/Group.styles.d.ts +2 -2
- package/lib/components/Group/Group.styles.d.ts.map +1 -1
- package/lib/components/Group/index.d.ts +1 -1
- package/lib/components/Group/index.d.ts.map +1 -1
- package/lib/components/Highlight/Highlight.d.ts +1 -1
- package/lib/components/Highlight/Highlight.d.ts.map +1 -1
- package/lib/components/Highlight/highlighter/highlighter.d.ts.map +1 -1
- package/lib/components/Image/BackgroundImage/BackgroundImage.d.ts +13 -0
- package/lib/components/Image/BackgroundImage/BackgroundImage.d.ts.map +1 -0
- package/lib/components/Image/Image.d.ts.map +1 -1
- package/lib/components/Image/Image.styles.d.ts +2 -2
- package/lib/components/Image/Image.styles.d.ts.map +1 -1
- package/lib/components/Image/index.d.ts +3 -0
- package/lib/components/Image/index.d.ts.map +1 -1
- package/lib/components/Input/Input.d.ts +5 -5
- package/lib/components/Input/Input.d.ts.map +1 -1
- package/lib/components/Input/Input.styles.d.ts +2 -2
- package/lib/components/Input/Input.styles.d.ts.map +1 -1
- package/lib/components/Input/index.d.ts +1 -1
- package/lib/components/Input/index.d.ts.map +1 -1
- package/lib/components/InputWrapper/InputWrapper.d.ts.map +1 -1
- package/lib/components/InputWrapper/InputWrapper.styles.d.ts +2 -2
- package/lib/components/InputWrapper/InputWrapper.styles.d.ts.map +1 -1
- package/lib/components/InputWrapper/index.d.ts +1 -0
- package/lib/components/InputWrapper/index.d.ts.map +1 -1
- package/lib/components/JsonInput/JsonInput.d.ts.map +1 -1
- package/lib/components/JsonInput/JsonInput.styles.d.ts +2 -2
- package/lib/components/JsonInput/JsonInput.styles.d.ts.map +1 -1
- package/lib/components/JsonInput/index.d.ts +1 -0
- package/lib/components/JsonInput/index.d.ts.map +1 -1
- package/lib/components/Kbd/Kbd.d.ts.map +1 -1
- package/lib/components/List/List.d.ts +1 -1
- package/lib/components/List/List.d.ts.map +1 -1
- package/lib/components/List/List.styles.d.ts +2 -2
- package/lib/components/List/List.styles.d.ts.map +1 -1
- package/lib/components/List/ListItem/ListItem.styles.d.ts +2 -2
- package/lib/components/List/index.d.ts +1 -0
- package/lib/components/List/index.d.ts.map +1 -1
- package/lib/components/Loader/Loader.d.ts +1 -1
- package/lib/components/Loader/Loader.d.ts.map +1 -1
- package/lib/components/LoadingOverlay/LoadingOverlay.d.ts.map +1 -1
- package/lib/components/Mark/Mark.d.ts.map +1 -1
- package/lib/components/Mark/Mark.styles.d.ts +2 -2
- package/lib/components/Mark/Mark.styles.d.ts.map +1 -1
- package/lib/components/Mark/index.d.ts +1 -0
- package/lib/components/Mark/index.d.ts.map +1 -1
- package/lib/components/MediaQuery/MediaQuery.d.ts +1 -1
- package/lib/components/MediaQuery/MediaQuery.d.ts.map +1 -1
- package/lib/components/MediaQuery/MediaQuery.styles.d.ts +2 -2
- package/lib/components/MediaQuery/MediaQuery.styles.d.ts.map +1 -1
- package/lib/components/MediaQuery/index.d.ts +1 -0
- package/lib/components/MediaQuery/index.d.ts.map +1 -1
- package/lib/components/Menu/Menu.d.ts.map +1 -1
- package/lib/components/Menu/Menu.styles.d.ts +3 -3
- package/lib/components/Menu/Menu.styles.d.ts.map +1 -1
- package/lib/components/Menu/MenuItem/MenuItem.d.ts +1 -1
- package/lib/components/Menu/MenuItem/MenuItem.d.ts.map +1 -1
- package/lib/components/Menu/MenuItem/MenuItem.styles.d.ts +2 -2
- package/lib/components/Menu/MenuItem/MenuItem.styles.d.ts.map +1 -1
- package/lib/components/Menu/index.d.ts +2 -0
- package/lib/components/Menu/index.d.ts.map +1 -1
- package/lib/components/Modal/Modal.d.ts +8 -7
- package/lib/components/Modal/Modal.d.ts.map +1 -1
- package/lib/components/Modal/Modal.styles.d.ts +3 -2
- package/lib/components/Modal/Modal.styles.d.ts.map +1 -1
- package/lib/components/Modal/index.d.ts +1 -0
- package/lib/components/Modal/index.d.ts.map +1 -1
- package/lib/components/MultiSelect/DefaultValue/DefaultValue.styles.d.ts.map +1 -1
- package/lib/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/lib/components/MultiSelect/MultiSelect.styles.d.ts +3 -3
- package/lib/components/MultiSelect/MultiSelect.styles.d.ts.map +1 -1
- package/lib/components/MultiSelect/index.d.ts +1 -0
- package/lib/components/MultiSelect/index.d.ts.map +1 -1
- package/lib/components/NativeSelect/NativeSelect.d.ts.map +1 -1
- package/lib/components/Notification/Notification.d.ts.map +1 -1
- package/lib/components/Notification/Notification.styles.d.ts +2 -2
- package/lib/components/Notification/Notification.styles.d.ts.map +1 -1
- package/lib/components/Notification/index.d.ts +1 -0
- package/lib/components/Notification/index.d.ts.map +1 -1
- package/lib/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/lib/components/NumberInput/NumberInput.styles.d.ts +2 -2
- package/lib/components/NumberInput/NumberInput.styles.d.ts.map +1 -1
- package/lib/components/NumberInput/index.d.ts +1 -0
- package/lib/components/NumberInput/index.d.ts.map +1 -1
- package/lib/components/Overlay/Overlay.d.ts +3 -1
- package/lib/components/Overlay/Overlay.d.ts.map +1 -1
- package/lib/components/Pagination/Pagination.d.ts.map +1 -1
- package/lib/components/Pagination/Pagination.styles.d.ts +3 -3
- package/lib/components/Pagination/Pagination.styles.d.ts.map +1 -1
- package/lib/components/Pagination/index.d.ts +1 -0
- package/lib/components/Pagination/index.d.ts.map +1 -1
- package/lib/components/Paper/Paper.d.ts +3 -3
- package/lib/components/Paper/Paper.d.ts.map +1 -1
- package/lib/components/Paper/Paper.styles.d.ts +2 -3
- package/lib/components/Paper/Paper.styles.d.ts.map +1 -1
- package/lib/components/Paper/index.d.ts +1 -0
- package/lib/components/Paper/index.d.ts.map +1 -1
- package/lib/components/PasswordInput/PasswordInput.d.ts.map +1 -1
- package/lib/components/PasswordInput/PasswordInput.styles.d.ts +2 -2
- package/lib/components/PasswordInput/PasswordInput.styles.d.ts.map +1 -1
- package/lib/components/PasswordInput/index.d.ts +1 -0
- package/lib/components/PasswordInput/index.d.ts.map +1 -1
- package/lib/components/Popover/Popover.d.ts +9 -9
- package/lib/components/Popover/Popover.d.ts.map +1 -1
- package/lib/components/Portal/OptionalPortal.d.ts +11 -0
- package/lib/components/Portal/OptionalPortal.d.ts.map +1 -0
- package/lib/components/Portal/Portal.d.ts +3 -1
- package/lib/components/Portal/Portal.d.ts.map +1 -1
- package/lib/components/Portal/index.d.ts +2 -0
- package/lib/components/Portal/index.d.ts.map +1 -1
- package/lib/components/Progress/Progress.d.ts.map +1 -1
- package/lib/components/Progress/Progress.styles.d.ts +2 -2
- package/lib/components/Progress/Progress.styles.d.ts.map +1 -1
- package/lib/components/Progress/index.d.ts +1 -0
- package/lib/components/Progress/index.d.ts.map +1 -1
- package/lib/components/RadioGroup/Radio/Radio.d.ts +1 -1
- package/lib/components/RadioGroup/Radio/Radio.d.ts.map +1 -1
- package/lib/components/RadioGroup/Radio/Radio.styles.d.ts +3 -3
- package/lib/components/RadioGroup/Radio/Radio.styles.d.ts.map +1 -1
- package/lib/components/RadioGroup/RadioGroup.d.ts +3 -3
- package/lib/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/lib/components/RadioGroup/index.d.ts +1 -0
- package/lib/components/RadioGroup/index.d.ts.map +1 -1
- package/lib/components/RingProgress/RingProgress.d.ts.map +1 -1
- package/lib/components/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/lib/components/ScrollArea/ScrollArea.styles.d.ts +2 -2
- package/lib/components/ScrollArea/ScrollArea.styles.d.ts.map +1 -1
- package/lib/components/ScrollArea/index.d.ts +1 -0
- package/lib/components/ScrollArea/index.d.ts.map +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.styles.d.ts +3 -3
- package/lib/components/SegmentedControl/SegmentedControl.styles.d.ts.map +1 -1
- package/lib/components/SegmentedControl/index.d.ts +1 -0
- package/lib/components/SegmentedControl/index.d.ts.map +1 -1
- package/lib/components/Select/Select.d.ts.map +1 -1
- package/lib/components/Select/SelectDropdown/SelectDropdown.d.ts.map +1 -1
- package/lib/components/Select/SelectItems/SelectItems.styles.d.ts +2 -2
- package/lib/components/Select/SelectRightSection/SelectRightSection.d.ts +1 -0
- package/lib/components/Select/SelectRightSection/SelectRightSection.d.ts.map +1 -1
- package/lib/components/SimpleGrid/SimpleGrid.d.ts.map +1 -1
- package/lib/components/SimpleGrid/SimpleGrid.styles.d.ts +2 -2
- package/lib/components/SimpleGrid/SimpleGrid.styles.d.ts.map +1 -1
- package/lib/components/SimpleGrid/index.d.ts +1 -1
- package/lib/components/SimpleGrid/index.d.ts.map +1 -1
- package/lib/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/lib/components/Skeleton/Skeleton.styles.d.ts +2 -2
- package/lib/components/Skeleton/Skeleton.styles.d.ts.map +1 -1
- package/lib/components/Skeleton/index.d.ts +1 -0
- package/lib/components/Skeleton/index.d.ts.map +1 -1
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +2 -0
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts.map +1 -1
- package/lib/components/Slider/Slider/Slider.d.ts +2 -0
- package/lib/components/Slider/Slider/Slider.d.ts.map +1 -1
- package/lib/components/Slider/Thumb/Thumb.d.ts.map +1 -1
- package/lib/components/Space/Space.d.ts.map +1 -1
- package/lib/components/Spoiler/Spoiler.d.ts.map +1 -1
- package/lib/components/Spoiler/Spoiler.styles.d.ts +2 -2
- package/lib/components/Spoiler/Spoiler.styles.d.ts.map +1 -1
- package/lib/components/Spoiler/index.d.ts +1 -0
- package/lib/components/Spoiler/index.d.ts.map +1 -1
- package/lib/components/Stepper/Step/Step.styles.d.ts +2 -2
- package/lib/components/Stepper/Step/Step.styles.d.ts.map +1 -1
- package/lib/components/Stepper/Stepper.d.ts.map +1 -1
- package/lib/components/Stepper/Stepper.styles.d.ts +2 -2
- package/lib/components/Stepper/Stepper.styles.d.ts.map +1 -1
- package/lib/components/Stepper/index.d.ts +2 -0
- package/lib/components/Stepper/index.d.ts.map +1 -1
- package/lib/components/Switch/Switch.d.ts.map +1 -1
- package/lib/components/Switch/Switch.styles.d.ts +3 -3
- package/lib/components/Switch/Switch.styles.d.ts.map +1 -1
- package/lib/components/Switch/index.d.ts +1 -0
- package/lib/components/Switch/index.d.ts.map +1 -1
- package/lib/components/Table/Table.d.ts.map +1 -1
- package/lib/components/Table/Table.styles.d.ts +2 -2
- package/lib/components/Table/Table.styles.d.ts.map +1 -1
- package/lib/components/Table/index.d.ts +1 -0
- package/lib/components/Table/index.d.ts.map +1 -1
- package/lib/components/Tabs/TabControl/TabControl.d.ts +2 -2
- package/lib/components/Tabs/TabControl/TabControl.d.ts.map +1 -1
- package/lib/components/Tabs/TabControl/TabControl.styles.d.ts +2 -2
- package/lib/components/Tabs/TabControl/TabControl.styles.d.ts.map +1 -1
- package/lib/components/Tabs/Tabs.d.ts.map +1 -1
- package/lib/components/Tabs/Tabs.styles.d.ts +2 -2
- package/lib/components/Tabs/Tabs.styles.d.ts.map +1 -1
- package/lib/components/Tabs/index.d.ts +1 -0
- package/lib/components/Tabs/index.d.ts.map +1 -1
- package/lib/components/Text/Text.d.ts +1 -1
- package/lib/components/Text/Text.d.ts.map +1 -1
- package/lib/components/Text/Text.styles.d.ts +2 -2
- package/lib/components/Text/Text.styles.d.ts.map +1 -1
- package/lib/components/Text/index.d.ts +1 -0
- package/lib/components/Text/index.d.ts.map +1 -1
- package/lib/components/TextInput/TextInput.d.ts.map +1 -1
- package/lib/components/Textarea/Textarea.d.ts.map +1 -1
- package/lib/components/ThemeIcon/ThemeIcon.d.ts.map +1 -1
- package/lib/components/ThemeIcon/ThemeIcon.styles.d.ts +3 -3
- package/lib/components/ThemeIcon/ThemeIcon.styles.d.ts.map +1 -1
- package/lib/components/ThemeIcon/index.d.ts +1 -1
- package/lib/components/ThemeIcon/index.d.ts.map +1 -1
- package/lib/components/Timeline/Timeline.d.ts.map +1 -1
- package/lib/components/Timeline/TimelineItem/TimelineItem.styles.d.ts.map +1 -1
- package/lib/components/Title/Title.d.ts.map +1 -1
- package/lib/components/Title/Title.styles.d.ts +2 -2
- package/lib/components/Title/Title.styles.d.ts.map +1 -1
- package/lib/components/Title/index.d.ts +1 -0
- package/lib/components/Title/index.d.ts.map +1 -1
- package/lib/components/Tooltip/Tooltip.d.ts +3 -1
- package/lib/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/lib/components/Tooltip/Tooltip.styles.d.ts +2 -2
- package/lib/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
- package/lib/components/Tooltip/index.d.ts +1 -0
- package/lib/components/Tooltip/index.d.ts.map +1 -1
- package/lib/components/TransferList/DefaultItem/DefaultItem.d.ts.map +1 -1
- package/lib/components/TransferList/RenderList/RenderList.d.ts +3 -2
- package/lib/components/TransferList/RenderList/RenderList.d.ts.map +1 -1
- package/lib/components/TransferList/RenderList/RenderList.styles.d.ts +2 -0
- package/lib/components/TransferList/RenderList/RenderList.styles.d.ts.map +1 -1
- package/lib/components/TransferList/TransferList.d.ts +2 -0
- package/lib/components/TransferList/TransferList.d.ts.map +1 -1
- package/lib/components/TransferList/types.d.ts +2 -0
- package/lib/components/TransferList/types.d.ts.map +1 -1
- package/lib/components/TypographyStylesProvider/TypographyStylesProvider.d.ts.map +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/utils/group-options/group-options.d.ts +24 -0
- package/lib/utils/group-options/group-options.d.ts.map +1 -1
- package/lib/utils/index.d.ts +1 -1
- package/lib/utils/index.d.ts.map +1 -1
- package/package.json +16 -4
- package/cjs/components/Box/use-sx/get-margins/get-margins.js +0 -39
- package/cjs/components/Box/use-sx/get-margins/get-margins.js.map +0 -1
- package/esm/components/Box/use-sx/get-margins/get-margins.js +0 -35
- package/esm/components/Box/use-sx/get-margins/get-margins.js.map +0 -1
- package/lib/components/Box/use-sx/get-margins/get-margins.d.ts +0 -3
- package/lib/components/Box/use-sx/get-margins/get-margins.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineColor,\n ClassNames,\n getDefaultZIndex,\n MantineNumberSize,\n} from '@mantine/styles';\nimport { mergeRefs } from '@mantine/hooks';\nimport { Box } from '../Box';\nimport { Popper, SharedPopperProps } from '../Popper';\nimport useStyles from './Tooltip.styles';\n\nexport type TooltipStylesNames = ClassNames<typeof useStyles>;\n\nexport interface TooltipProps\n extends DefaultProps<TooltipStylesNames>,\n SharedPopperProps,\n React.ComponentPropsWithoutRef<'div'> {\n /** Tooltip content */\n label: React.ReactNode;\n\n /** Any react node that should trigger tooltip */\n children: React.ReactNode;\n\n /** Tooltip opened state for controlled variant */\n opened?: boolean;\n\n /** Close delay in ms, 0 to disable delay */\n delay?: number;\n\n /** Any color from theme.colors, defaults to gray in light color scheme and dark in dark colors scheme */\n color?: MantineColor;\n\n /** Radius from theme.radius, or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** True to disable tooltip */\n disabled?: boolean;\n\n /** Arrow size in px */\n arrowSize?: number;\n\n /** Tooltip width in px or auto */\n width?: number | 'auto';\n\n /** Allow multiline tooltip content */\n wrapLines?: boolean;\n\n /** Allow pointer events on tooltip, warning: this may break some animations */\n allowPointerEvents?: boolean;\n\n /** Get tooltip ref */\n tooltipRef?: React.ForwardedRef<HTMLDivElement>;\n\n /** Tooltip id to bind aria-describedby */\n tooltipId?: string;\n\n /** useEffect dependencies to force update tooltip position */\n positionDependencies?: any[];\n\n /** Whether to render the target element in a Portal */\n withinPortal?: boolean;\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n (\n {\n className,\n label,\n children,\n opened,\n delay = 0,\n gutter = 5,\n color = 'gray',\n radius = 'sm',\n disabled = false,\n withArrow = false,\n arrowSize = 2,\n position = 'top',\n placement = 'center',\n transition = 'pop-top-left',\n transitionDuration = 100,\n zIndex = getDefaultZIndex('popover'),\n transitionTimingFunction,\n width = 'auto',\n wrapLines = false,\n allowPointerEvents = false,\n positionDependencies = [],\n withinPortal = true,\n tooltipRef,\n tooltipId,\n classNames,\n styles,\n onMouseLeave,\n onMouseEnter,\n ...others\n }: TooltipProps,\n ref\n ) => {\n const { classes, cx } = useStyles({ color, radius }, { classNames, styles, name: 'Tooltip' });\n const timeoutRef = useRef<number>();\n const [_opened, setOpened] = useState(false);\n const visible = (typeof opened === 'boolean' ? opened : _opened) && !disabled;\n const [referenceElement, setReferenceElement] = useState(null);\n\n const handleOpen = () => {\n window.clearTimeout(timeoutRef.current);\n setOpened(true);\n };\n\n const handleClose = () => {\n if (delay !== 0) {\n timeoutRef.current = window.setTimeout(() => {\n setOpened(false);\n }, delay);\n } else {\n setOpened(false);\n }\n };\n\n return (\n <Box<'div'>\n className={cx(classes.root, className)}\n onMouseEnter={(event) => {\n handleOpen();\n typeof onMouseEnter === 'function' && onMouseEnter(event);\n }}\n onMouseLeave={(event) => {\n handleClose();\n typeof onMouseLeave === 'function' && onMouseLeave(event);\n }}\n onFocusCapture={handleOpen}\n onBlurCapture={handleClose}\n ref={mergeRefs(setReferenceElement, ref)}\n {...others}\n >\n <Popper\n referenceElement={referenceElement}\n transitionDuration={transitionDuration}\n transition={transition}\n mounted={visible}\n position={position}\n placement={placement}\n gutter={gutter}\n withArrow={withArrow}\n arrowSize={arrowSize}\n arrowDistance={7}\n zIndex={zIndex}\n arrowClassName={classes.arrow}\n forceUpdateDependencies={[color, radius, ...positionDependencies]}\n withinPortal={withinPortal}\n >\n <Box\n className={classes.body}\n ref={tooltipRef}\n sx={{\n pointerEvents: allowPointerEvents ? 'all' : 'none',\n whiteSpace: wrapLines ? 'normal' : 'nowrap',\n width,\n }}\n >\n {label}\n </Box>\n </Popper>\n\n {children}\n </Box>\n );\n }\n);\n\nTooltip.displayName = '@mantine/core/Tooltip';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef, useEffect } from 'react';\nimport {\n DefaultProps,\n MantineColor,\n ClassNames,\n getDefaultZIndex,\n MantineNumberSize,\n useMantineDefaultProps,\n} from '@mantine/styles';\nimport { mergeRefs } from '@mantine/hooks';\nimport { Box } from '../Box';\nimport { Popper, SharedPopperProps } from '../Popper';\nimport useStyles from './Tooltip.styles';\n\nexport type TooltipStylesNames = ClassNames<typeof useStyles>;\n\nexport interface TooltipProps\n extends DefaultProps<TooltipStylesNames>,\n SharedPopperProps,\n React.ComponentPropsWithoutRef<'div'> {\n /** Tooltip content */\n label: React.ReactNode;\n\n /** Any react node that should trigger tooltip */\n children: React.ReactNode;\n\n /** Tooltip opened state for controlled variant */\n opened?: boolean;\n\n /** Open delay in ms, 0 to disable delay */\n openDelay?: number;\n\n /** Close delay in ms, 0 to disable delay */\n closeDelay?: number;\n\n /** Any color from theme.colors, defaults to gray in light color scheme and dark in dark colors scheme */\n color?: MantineColor;\n\n /** Radius from theme.radius, or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** True to disable tooltip */\n disabled?: boolean;\n\n /** Arrow size in px */\n arrowSize?: number;\n\n /** Tooltip width in px or auto */\n width?: number | 'auto';\n\n /** Allow multiline tooltip content */\n wrapLines?: boolean;\n\n /** Allow pointer events on tooltip, warning: this may break some animations */\n allowPointerEvents?: boolean;\n\n /** Get tooltip ref */\n tooltipRef?: React.ForwardedRef<HTMLDivElement>;\n\n /** Tooltip id to bind aria-describedby */\n tooltipId?: string;\n\n /** useEffect dependencies to force update tooltip position */\n positionDependencies?: any[];\n\n /** Whether to render the target element in a Portal */\n withinPortal?: boolean;\n}\n\nconst defaultProps: Partial<TooltipProps> = {\n openDelay: 0,\n closeDelay: 0,\n gutter: 5,\n color: 'gray',\n disabled: false,\n withArrow: false,\n arrowSize: 2,\n position: 'top',\n placement: 'center',\n transition: 'pop-top-left',\n transitionDuration: 100,\n zIndex: getDefaultZIndex('popover'),\n width: 'auto',\n wrapLines: false,\n allowPointerEvents: false,\n positionDependencies: [],\n withinPortal: true,\n};\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props: TooltipProps, ref) => {\n const {\n className,\n label,\n children,\n opened,\n openDelay,\n closeDelay,\n gutter,\n color,\n radius,\n disabled,\n withArrow,\n arrowSize,\n position,\n placement,\n transition,\n transitionDuration,\n zIndex,\n transitionTimingFunction,\n width,\n wrapLines,\n allowPointerEvents,\n positionDependencies,\n withinPortal,\n tooltipRef,\n tooltipId,\n classNames,\n styles,\n onMouseLeave,\n onMouseEnter,\n ...others\n } = useMantineDefaultProps('Tooltip', defaultProps, props);\n\n const { classes, cx, theme } = useStyles(\n { color, radius },\n { classNames, styles, name: 'Tooltip' }\n );\n const openTimeoutRef = useRef<number>();\n const closeTimeoutRef = useRef<number>();\n const [_opened, setOpened] = useState(false);\n const visible = (typeof opened === 'boolean' ? opened : _opened) && !disabled;\n const [referenceElement, setReferenceElement] = useState(null);\n\n const handleOpen = () => {\n window.clearTimeout(closeTimeoutRef.current);\n\n if (openDelay !== 0) {\n openTimeoutRef.current = window.setTimeout(() => {\n setOpened(true);\n }, openDelay);\n } else {\n setOpened(true);\n }\n };\n\n const handleClose = () => {\n window.clearTimeout(openTimeoutRef.current);\n\n if (closeDelay !== 0) {\n closeTimeoutRef.current = window.setTimeout(() => {\n setOpened(false);\n }, closeDelay);\n } else {\n setOpened(false);\n }\n };\n\n useEffect(\n () => () => {\n window.clearTimeout(openTimeoutRef.current);\n window.clearTimeout(closeTimeoutRef.current);\n },\n []\n );\n\n return (\n <Box<'div'>\n className={cx(classes.root, className)}\n onMouseEnter={(event) => {\n handleOpen();\n typeof onMouseEnter === 'function' && onMouseEnter(event);\n }}\n onMouseLeave={(event) => {\n handleClose();\n typeof onMouseLeave === 'function' && onMouseLeave(event);\n }}\n onFocusCapture={handleOpen}\n onBlurCapture={handleClose}\n ref={mergeRefs(setReferenceElement, ref)}\n {...others}\n >\n <Popper\n referenceElement={referenceElement}\n transitionDuration={transitionDuration}\n transition={transition}\n mounted={visible}\n position={position}\n placement={placement}\n gutter={gutter}\n withArrow={withArrow}\n arrowSize={arrowSize}\n arrowDistance={theme.fn.radius(radius) > 10 ? 7 : 3}\n zIndex={zIndex}\n arrowClassName={classes.arrow}\n forceUpdateDependencies={[color, radius, ...positionDependencies]}\n withinPortal={withinPortal}\n >\n <Box\n className={classes.body}\n ref={tooltipRef}\n sx={{\n pointerEvents: allowPointerEvents ? 'all' : 'none',\n whiteSpace: wrapLines ? 'normal' : 'nowrap',\n width,\n }}\n >\n {label}\n </Box>\n </Popper>\n\n {children}\n </Box>\n );\n});\n\nTooltip.displayName = '@mantine/core/Tooltip';\n"],"names":[],"mappings":"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"}
|
|
@@ -37,7 +37,7 @@ var useStyles = createStyles((theme, { color, radius }) => ({
|
|
|
37
37
|
backgroundColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 3 : 9),
|
|
38
38
|
lineHeight: theme.lineHeight,
|
|
39
39
|
fontSize: theme.fontSizes.sm,
|
|
40
|
-
borderRadius: theme.fn.
|
|
40
|
+
borderRadius: theme.fn.radius(radius),
|
|
41
41
|
padding: `${theme.spacing.xs / 2}px ${theme.spacing.xs}px`,
|
|
42
42
|
color: theme.colorScheme === "dark" ? theme.colors.dark[9] : theme.white,
|
|
43
43
|
position: "relative",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.styles.js","sources":["../../../src/components/Tooltip/Tooltip.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, MantineNumberSize } from '@mantine/styles';\n\
|
|
1
|
+
{"version":3,"file":"Tooltip.styles.js","sources":["../../../src/components/Tooltip/Tooltip.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, MantineNumberSize } from '@mantine/styles';\n\nexport interface TooltipStylesParams {\n color: MantineColor;\n radius: MantineNumberSize;\n}\n\nexport default createStyles((theme, { color, radius }: TooltipStylesParams) => ({\n root: {\n position: 'relative',\n display: 'inline-block',\n },\n\n wrapper: {\n background: 'transparent',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n pointerEvents: 'none',\n },\n\n body: {\n ...theme.fn.fontStyles(),\n backgroundColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 3 : 9),\n lineHeight: theme.lineHeight,\n fontSize: theme.fontSizes.sm,\n borderRadius: theme.fn.radius(radius),\n padding: `${theme.spacing.xs / 2}px ${theme.spacing.xs}px`,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.white,\n position: 'relative',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n tooltip: {\n display: 'inline-block',\n position: 'absolute',\n },\n\n arrow: {\n border: 0,\n background: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 3 : 9),\n zIndex: 1,\n },\n}));\n"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Checkbox } from '../../Checkbox/Checkbox.js';
|
|
3
3
|
|
|
4
|
-
const DefaultItem = React.memo(({ data, selected }) => /* @__PURE__ */ React.createElement(Checkbox, {
|
|
4
|
+
const DefaultItem = React.memo(({ data, selected, radius }) => /* @__PURE__ */ React.createElement(Checkbox, {
|
|
5
5
|
checked: selected,
|
|
6
6
|
onChange: () => {
|
|
7
7
|
},
|
|
8
8
|
label: data.label,
|
|
9
9
|
tabIndex: -1,
|
|
10
|
+
radius,
|
|
10
11
|
sx: { pointerEvents: "none" }
|
|
11
12
|
}));
|
|
12
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultItem.js","sources":["../../../../src/components/TransferList/DefaultItem/DefaultItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '../../Checkbox';\nimport type { TransferListItemComponent, TransferListItemComponentProps } from '../types';\n\nexport const DefaultItem: TransferListItemComponent = React.memo(\n ({ data, selected }: TransferListItemComponentProps) => (\n <Checkbox\n checked={selected}\n onChange={() => {}}\n label={data.label}\n tabIndex={-1}\n sx={{ pointerEvents: 'none' }}\n />\n )\n);\n"],"names":[],"mappings":";;;AAEY,MAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,qBAAqB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;
|
|
1
|
+
{"version":3,"file":"DefaultItem.js","sources":["../../../../src/components/TransferList/DefaultItem/DefaultItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '../../Checkbox';\nimport type { TransferListItemComponent, TransferListItemComponentProps } from '../types';\n\nexport const DefaultItem: TransferListItemComponent = React.memo(\n ({ data, selected, radius }: TransferListItemComponentProps) => (\n <Checkbox\n checked={selected}\n onChange={() => {}}\n label={data.label}\n tabIndex={-1}\n radius={radius}\n sx={{ pointerEvents: 'none' }}\n />\n )\n);\n"],"names":[],"mappings":";;;AAEY,MAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,qBAAqB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACpH,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,QAAQ,EAAE,MAAM;AAClB,GAAG;AACH,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK;AACnB,EAAE,QAAQ,EAAE,CAAC,CAAC;AACd,EAAE,MAAM;AACR,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;AAC/B,CAAC,CAAC;;;;"}
|
|
@@ -41,11 +41,12 @@ function RenderList({
|
|
|
41
41
|
onMoveAll,
|
|
42
42
|
onMove,
|
|
43
43
|
height,
|
|
44
|
+
radius,
|
|
44
45
|
classNames,
|
|
45
46
|
styles,
|
|
46
47
|
limit
|
|
47
48
|
}) {
|
|
48
|
-
const { classes, cx, theme } = useStyles({ reversed, native: listComponent !== SelectScrollArea }, { name: "TransferList", classNames, styles });
|
|
49
|
+
const { classes, cx, theme } = useStyles({ reversed, native: listComponent !== SelectScrollArea, radius }, { name: "TransferList", classNames, styles });
|
|
49
50
|
const unGroupedItems = [];
|
|
50
51
|
const groupedItems = [];
|
|
51
52
|
const [query, setQuery] = useState("");
|
|
@@ -78,7 +79,8 @@ function RenderList({
|
|
|
78
79
|
}
|
|
79
80
|
}, /* @__PURE__ */ React.createElement(ItemComponent, {
|
|
80
81
|
data: item,
|
|
81
|
-
selected: selection.includes(item.value)
|
|
82
|
+
selected: selection.includes(item.value),
|
|
83
|
+
radius
|
|
82
84
|
}));
|
|
83
85
|
if (!item.group) {
|
|
84
86
|
unGroupedItems.push(itemComponent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderList.js","sources":["../../../../src/components/TransferList/RenderList/RenderList.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { DefaultProps, ClassNames } from '@mantine/styles';\nimport { useScrollIntoView } from '@mantine/hooks';\nimport { SelectScrollArea } from '../../Select/SelectScrollArea/SelectScrollArea';\nimport { UnstyledButton } from '../../Button';\nimport { ActionIcon } from '../../ActionIcon';\nimport { TextInput } from '../../TextInput';\nimport { Text } from '../../Text';\nimport { Divider } from '../../Divider/Divider';\nimport { LastIcon, NextIcon, FirstIcon, PrevIcon } from '../../Pagination/icons';\nimport { TransferListItem, TransferListItemComponent } from '../types';\nimport useStyles from './RenderList.styles';\nimport { groupOptions } from '../../../utils';\n\nexport type RenderListStylesNames = ClassNames<typeof useStyles>;\n\nexport interface RenderListProps extends DefaultProps<RenderListStylesNames> {\n data: TransferListItem[];\n onSelect(value: string): void;\n selection: string[];\n itemComponent: TransferListItemComponent;\n searchPlaceholder: string;\n filter(query: string, item: TransferListItem): boolean;\n nothingFound?: React.ReactNode;\n title?: React.ReactNode;\n reversed?: boolean;\n showTransferAll?: boolean;\n onMoveAll(): void;\n onMove(): void;\n height: number;\n listComponent?: React.FC<any>;\n limit?: number;\n}\n\nconst icons = {\n Prev: PrevIcon,\n Next: NextIcon,\n First: FirstIcon,\n Last: LastIcon,\n};\n\nconst rtlIons = {\n Next: PrevIcon,\n Prev: NextIcon,\n Last: FirstIcon,\n First: LastIcon,\n};\n\nexport function RenderList({\n className,\n data,\n onSelect,\n selection,\n itemComponent: ItemComponent,\n listComponent,\n searchPlaceholder,\n filter,\n nothingFound,\n title,\n showTransferAll,\n reversed,\n onMoveAll,\n onMove,\n height,\n classNames,\n styles,\n limit,\n}: RenderListProps) {\n const { classes, cx, theme } = useStyles(\n { reversed, native: listComponent !== SelectScrollArea },\n { name: 'TransferList', classNames, styles }\n );\n const unGroupedItems: React.ReactElement<any>[] = [];\n const groupedItems: React.ReactElement<any>[] = [];\n const [query, setQuery] = useState('');\n const [hovered, setHovered] = useState(-1);\n const filteredData = data.filter((item) => filter(query, item)).slice(0, limit);\n const ListComponent = listComponent || 'div';\n const Icons = theme.dir === 'rtl' ? rtlIons : icons;\n\n const itemsRefs = useRef<Record<string, HTMLButtonElement>>({});\n\n const sortedData: TransferListItem[] = groupOptions({ data: filteredData });\n\n const { scrollIntoView, targetRef, scrollableRef } = useScrollIntoView({\n duration: 0,\n offset: 5,\n cancelable: false,\n isList: true,\n });\n\n let groupName = null;\n\n sortedData.forEach((item, index) => {\n const itemComponent = (\n <UnstyledButton\n tabIndex={-1}\n onClick={() => onSelect(item.value)}\n key={item.value}\n onMouseEnter={() => setHovered(index)}\n className={cx(classes.transferListItem, {\n [classes.transferListItemHovered]: index === hovered,\n })}\n ref={(node: HTMLButtonElement) => {\n if (itemsRefs && itemsRefs.current) {\n itemsRefs.current[item.value] = node;\n }\n }}\n >\n <ItemComponent data={item} selected={selection.includes(item.value)} />\n </UnstyledButton>\n );\n\n if (!item.group) {\n unGroupedItems.push(itemComponent);\n } else {\n if (groupName !== item.group) {\n groupName = item.group;\n groupedItems.push(\n <div className={classes.separator} key={groupName}>\n <Divider classNames={{ label: classes.separatorLabel }} label={groupName} />\n </div>\n );\n }\n groupedItems.push(itemComponent);\n }\n });\n\n if (groupedItems.length > 0 && unGroupedItems.length > 0) {\n unGroupedItems.unshift(\n <div className={classes.separator}>\n <Divider classNames={{ label: classes.separatorLabel }} />\n </div>\n );\n }\n\n const handleSearchKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n switch (event.code) {\n case 'Enter': {\n event.preventDefault();\n if (filteredData[hovered]) {\n onSelect(filteredData[hovered].value);\n }\n break;\n }\n\n case 'ArrowDown': {\n event.preventDefault();\n setHovered((current) => {\n const nextIndex = current < filteredData.length - 1 ? current + 1 : current;\n\n targetRef.current = itemsRefs.current[filteredData[nextIndex]?.value];\n\n scrollIntoView({\n alignment: 'end',\n });\n\n return nextIndex;\n });\n break;\n }\n\n case 'ArrowUp': {\n event.preventDefault();\n setHovered((current) => {\n const nextIndex = current > 0 ? current - 1 : current;\n\n targetRef.current = itemsRefs.current[filteredData[nextIndex]?.value];\n\n scrollIntoView({\n alignment: 'start',\n });\n\n return nextIndex;\n });\n }\n }\n };\n\n return (\n <div className={cx(classes.transferList, className)}>\n {title && (\n <Text weight={500} className={classes.transferListTitle}>\n {title}\n </Text>\n )}\n\n <div className={classes.transferListBody}>\n <div className={classes.transferListHeader}>\n <TextInput\n value={query}\n onChange={(event) => {\n setQuery(event.currentTarget.value);\n setHovered(0);\n }}\n onFocus={() => setHovered(0)}\n onBlur={() => setHovered(-1)}\n placeholder={searchPlaceholder}\n radius={0}\n onKeyDown={handleSearchKeydown}\n sx={{ flex: 1 }}\n classNames={{ input: classes.transferListSearch }}\n />\n\n <ActionIcon\n variant=\"default\"\n size={36}\n radius={0}\n className={classes.transferListControl}\n disabled={selection.length === 0}\n onClick={onMove}\n >\n {reversed ? <Icons.Prev /> : <Icons.Next />}\n </ActionIcon>\n\n {showTransferAll && (\n <ActionIcon\n variant=\"default\"\n size={36}\n radius={0}\n className={classes.transferListControl}\n disabled={data.length === 0}\n onClick={onMoveAll}\n >\n {reversed ? <Icons.First /> : <Icons.Last />}\n </ActionIcon>\n )}\n </div>\n\n <ListComponent\n ref={scrollableRef}\n onMouseLeave={() => setHovered(-1)}\n className={classes.transferListItems}\n style={{ height, position: 'relative', overflowX: 'hidden' }}\n >\n {groupedItems.length > 0 || unGroupedItems.length > 0 ? (\n <>\n {groupedItems}\n {unGroupedItems}\n </>\n ) : (\n <Text color=\"dimmed\" size=\"sm\" align=\"center\" mt=\"sm\">\n {nothingFound}\n </Text>\n )}\n </ListComponent>\n </div>\n </div>\n );\n}\n\nRenderList.displayName = '@mantine/core/RenderList';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"RenderList.js","sources":["../../../../src/components/TransferList/RenderList/RenderList.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { DefaultProps, ClassNames, MantineNumberSize } from '@mantine/styles';\nimport { useScrollIntoView } from '@mantine/hooks';\nimport { SelectScrollArea } from '../../Select/SelectScrollArea/SelectScrollArea';\nimport { UnstyledButton } from '../../Button';\nimport { ActionIcon } from '../../ActionIcon';\nimport { TextInput } from '../../TextInput';\nimport { Text } from '../../Text';\nimport { Divider } from '../../Divider/Divider';\nimport { LastIcon, NextIcon, FirstIcon, PrevIcon } from '../../Pagination/icons';\nimport { TransferListItem, TransferListItemComponent } from '../types';\nimport useStyles from './RenderList.styles';\nimport { groupOptions } from '../../../utils';\n\nexport type RenderListStylesNames = ClassNames<typeof useStyles>;\n\nexport interface RenderListProps extends DefaultProps<RenderListStylesNames> {\n data: TransferListItem[];\n onSelect(value: string): void;\n selection: string[];\n itemComponent: TransferListItemComponent;\n searchPlaceholder: string;\n filter(query: string, item: TransferListItem): boolean;\n nothingFound?: React.ReactNode;\n title?: React.ReactNode;\n reversed?: boolean;\n showTransferAll?: boolean;\n onMoveAll(): void;\n onMove(): void;\n height: number;\n radius: MantineNumberSize;\n listComponent?: React.FC<any>;\n limit?: number;\n}\n\nconst icons = {\n Prev: PrevIcon,\n Next: NextIcon,\n First: FirstIcon,\n Last: LastIcon,\n};\n\nconst rtlIons = {\n Next: PrevIcon,\n Prev: NextIcon,\n Last: FirstIcon,\n First: LastIcon,\n};\n\nexport function RenderList({\n className,\n data,\n onSelect,\n selection,\n itemComponent: ItemComponent,\n listComponent,\n searchPlaceholder,\n filter,\n nothingFound,\n title,\n showTransferAll,\n reversed,\n onMoveAll,\n onMove,\n height,\n radius,\n classNames,\n styles,\n limit,\n}: RenderListProps) {\n const { classes, cx, theme } = useStyles(\n { reversed, native: listComponent !== SelectScrollArea, radius },\n { name: 'TransferList', classNames, styles }\n );\n const unGroupedItems: React.ReactElement<any>[] = [];\n const groupedItems: React.ReactElement<any>[] = [];\n const [query, setQuery] = useState('');\n const [hovered, setHovered] = useState(-1);\n const filteredData = data.filter((item) => filter(query, item)).slice(0, limit);\n const ListComponent = listComponent || 'div';\n const Icons = theme.dir === 'rtl' ? rtlIons : icons;\n\n const itemsRefs = useRef<Record<string, HTMLButtonElement>>({});\n\n const sortedData: TransferListItem[] = groupOptions({ data: filteredData });\n\n const { scrollIntoView, targetRef, scrollableRef } = useScrollIntoView({\n duration: 0,\n offset: 5,\n cancelable: false,\n isList: true,\n });\n\n let groupName = null;\n\n sortedData.forEach((item, index) => {\n const itemComponent = (\n <UnstyledButton\n tabIndex={-1}\n onClick={() => onSelect(item.value)}\n key={item.value}\n onMouseEnter={() => setHovered(index)}\n className={cx(classes.transferListItem, {\n [classes.transferListItemHovered]: index === hovered,\n })}\n ref={(node: HTMLButtonElement) => {\n if (itemsRefs && itemsRefs.current) {\n itemsRefs.current[item.value] = node;\n }\n }}\n >\n <ItemComponent data={item} selected={selection.includes(item.value)} radius={radius} />\n </UnstyledButton>\n );\n\n if (!item.group) {\n unGroupedItems.push(itemComponent);\n } else {\n if (groupName !== item.group) {\n groupName = item.group;\n groupedItems.push(\n <div className={classes.separator} key={groupName}>\n <Divider classNames={{ label: classes.separatorLabel }} label={groupName} />\n </div>\n );\n }\n groupedItems.push(itemComponent);\n }\n });\n\n if (groupedItems.length > 0 && unGroupedItems.length > 0) {\n unGroupedItems.unshift(\n <div className={classes.separator}>\n <Divider classNames={{ label: classes.separatorLabel }} />\n </div>\n );\n }\n\n const handleSearchKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n switch (event.code) {\n case 'Enter': {\n event.preventDefault();\n if (filteredData[hovered]) {\n onSelect(filteredData[hovered].value);\n }\n break;\n }\n\n case 'ArrowDown': {\n event.preventDefault();\n setHovered((current) => {\n const nextIndex = current < filteredData.length - 1 ? current + 1 : current;\n\n targetRef.current = itemsRefs.current[filteredData[nextIndex]?.value];\n\n scrollIntoView({\n alignment: 'end',\n });\n\n return nextIndex;\n });\n break;\n }\n\n case 'ArrowUp': {\n event.preventDefault();\n setHovered((current) => {\n const nextIndex = current > 0 ? current - 1 : current;\n\n targetRef.current = itemsRefs.current[filteredData[nextIndex]?.value];\n\n scrollIntoView({\n alignment: 'start',\n });\n\n return nextIndex;\n });\n }\n }\n };\n\n return (\n <div className={cx(classes.transferList, className)}>\n {title && (\n <Text weight={500} className={classes.transferListTitle}>\n {title}\n </Text>\n )}\n\n <div className={classes.transferListBody}>\n <div className={classes.transferListHeader}>\n <TextInput\n value={query}\n onChange={(event) => {\n setQuery(event.currentTarget.value);\n setHovered(0);\n }}\n onFocus={() => setHovered(0)}\n onBlur={() => setHovered(-1)}\n placeholder={searchPlaceholder}\n radius={0}\n onKeyDown={handleSearchKeydown}\n sx={{ flex: 1 }}\n classNames={{ input: classes.transferListSearch }}\n />\n\n <ActionIcon\n variant=\"default\"\n size={36}\n radius={0}\n className={classes.transferListControl}\n disabled={selection.length === 0}\n onClick={onMove}\n >\n {reversed ? <Icons.Prev /> : <Icons.Next />}\n </ActionIcon>\n\n {showTransferAll && (\n <ActionIcon\n variant=\"default\"\n size={36}\n radius={0}\n className={classes.transferListControl}\n disabled={data.length === 0}\n onClick={onMoveAll}\n >\n {reversed ? <Icons.First /> : <Icons.Last />}\n </ActionIcon>\n )}\n </div>\n\n <ListComponent\n ref={scrollableRef}\n onMouseLeave={() => setHovered(-1)}\n className={classes.transferListItems}\n style={{ height, position: 'relative', overflowX: 'hidden' }}\n >\n {groupedItems.length > 0 || unGroupedItems.length > 0 ? (\n <>\n {groupedItems}\n {unGroupedItems}\n </>\n ) : (\n <Text color=\"dimmed\" size=\"sm\" align=\"center\" mt=\"sm\">\n {nothingFound}\n </Text>\n )}\n </ListComponent>\n </div>\n </div>\n );\n}\n\nRenderList.displayName = '@mantine/core/RenderList';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,KAAK,GAAG;AACd,EAAE,IAAI,EAAE,QAAQ;AAChB,EAAE,IAAI,EAAE,QAAQ;AAChB,EAAE,KAAK,EAAE,SAAS;AAClB,EAAE,IAAI,EAAE,QAAQ;AAChB,CAAC,CAAC;AACF,MAAM,OAAO,GAAG;AAChB,EAAE,IAAI,EAAE,QAAQ;AAChB,EAAE,IAAI,EAAE,QAAQ;AAChB,EAAE,IAAI,EAAE,SAAS;AACjB,EAAE,KAAK,EAAE,QAAQ;AACjB,CAAC,CAAC;AACK,SAAS,UAAU,CAAC;AAC3B,EAAE,SAAS;AACX,EAAE,IAAI;AACN,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,aAAa,EAAE,aAAa;AAC9B,EAAE,aAAa;AACf,EAAE,iBAAiB;AACnB,EAAE,MAAM;AACR,EAAE,YAAY;AACd,EAAE,KAAK;AACP,EAAE,eAAe;AACjB,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,KAAK;AACP,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,KAAK,gBAAgB,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC;AAC3J,EAAE,MAAM,cAAc,GAAG,EAAE,CAAC;AAC5B,EAAE,MAAM,YAAY,GAAG,EAAE,CAAC;AAC1B,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACzC,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7C,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAClF,EAAE,MAAM,aAAa,GAAG,aAAa,IAAI,KAAK,CAAC;AAC/C,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC;AACtD,EAAE,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;AAC/B,EAAE,MAAM,UAAU,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;AAC1D,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,iBAAiB,CAAC;AACzE,IAAI,QAAQ,EAAE,CAAC;AACf,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,UAAU,EAAE,KAAK;AACrB,IAAI,MAAM,EAAE,IAAI;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,IAAI,SAAS,GAAG,IAAI,CAAC;AACvB,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK;AACtC,IAAI,MAAM,aAAa,mBAAmB,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE;AAC9E,MAAM,QAAQ,EAAE,CAAC,CAAC;AAClB,MAAM,OAAO,EAAE,MAAM,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;AACzC,MAAM,GAAG,EAAE,IAAI,CAAC,KAAK;AACrB,MAAM,YAAY,EAAE,MAAM,UAAU,CAAC,KAAK,CAAC;AAC3C,MAAM,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,gBAAgB,EAAE;AAC9C,QAAQ,CAAC,OAAO,CAAC,uBAAuB,GAAG,KAAK,KAAK,OAAO;AAC5D,OAAO,CAAC;AACR,MAAM,GAAG,EAAE,CAAC,IAAI,KAAK;AACrB,QAAQ,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;AAC5C,UAAU,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;AAC/C,SAAS;AACT,OAAO;AACP,KAAK,kBAAkB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;AAC1D,MAAM,IAAI,EAAE,IAAI;AAChB,MAAM,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9C,MAAM,MAAM;AACZ,KAAK,CAAC,CAAC,CAAC;AACR,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACrB,MAAM,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACzC,KAAK,MAAM;AACX,MAAM,IAAI,SAAS,KAAK,IAAI,CAAC,KAAK,EAAE;AACpC,QAAQ,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;AAC/B,QAAQ,YAAY,CAAC,IAAI,iBAAiB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACrE,UAAU,SAAS,EAAE,OAAO,CAAC,SAAS;AACtC,UAAU,GAAG,EAAE,SAAS;AACxB,SAAS,kBAAkB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACxD,UAAU,UAAU,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,cAAc,EAAE;AACvD,UAAU,KAAK,EAAE,SAAS;AAC1B,SAAS,CAAC,CAAC,CAAC,CAAC;AACb,OAAO;AACP,MAAM,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACvC,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;AAC5D,IAAI,cAAc,CAAC,OAAO,iBAAiB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACtE,MAAM,SAAS,EAAE,OAAO,CAAC,SAAS;AAClC,KAAK,kBAAkB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACpD,MAAM,UAAU,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,cAAc,EAAE;AACnD,KAAK,CAAC,CAAC,CAAC,CAAC;AACT,GAAG;AACH,EAAE,MAAM,mBAAmB,GAAG,CAAC,KAAK,KAAK;AACzC,IAAI,QAAQ,KAAK,CAAC,IAAI;AACtB,MAAM,KAAK,OAAO,EAAE;AACpB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAQ,IAAI,YAAY,CAAC,OAAO,CAAC,EAAE;AACnC,UAAU,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;AAChD,SAAS;AACT,QAAQ,MAAM;AACd,OAAO;AACP,MAAM,KAAK,WAAW,EAAE;AACxB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAQ,UAAU,CAAC,CAAC,OAAO,KAAK;AAChC,UAAU,IAAI,EAAE,CAAC;AACjB,UAAU,MAAM,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,CAAC,GAAG,OAAO,CAAC;AACtF,UAAU,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,YAAY,CAAC,SAAS,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AAC5G,UAAU,cAAc,CAAC;AACzB,YAAY,SAAS,EAAE,KAAK;AAC5B,WAAW,CAAC,CAAC;AACb,UAAU,OAAO,SAAS,CAAC;AAC3B,SAAS,CAAC,CAAC;AACX,QAAQ,MAAM;AACd,OAAO;AACP,MAAM,KAAK,SAAS,EAAE;AACtB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAQ,UAAU,CAAC,CAAC,OAAO,KAAK;AAChC,UAAU,IAAI,EAAE,CAAC;AACjB,UAAU,MAAM,SAAS,GAAG,OAAO,GAAG,CAAC,GAAG,OAAO,GAAG,CAAC,GAAG,OAAO,CAAC;AAChE,UAAU,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,YAAY,CAAC,SAAS,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AAC5G,UAAU,cAAc,CAAC;AACzB,YAAY,SAAS,EAAE,OAAO;AAC9B,WAAW,CAAC,CAAC;AACb,UAAU,OAAO,SAAS,CAAC;AAC3B,SAAS,CAAC,CAAC;AACX,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC;AAClD,GAAG,EAAE,KAAK,oBAAoB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACxD,IAAI,MAAM,EAAE,GAAG;AACf,IAAI,SAAS,EAAE,OAAO,CAAC,iBAAiB;AACxC,GAAG,EAAE,KAAK,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACxD,IAAI,SAAS,EAAE,OAAO,CAAC,gBAAgB;AACvC,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,OAAO,CAAC,kBAAkB;AACzC,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,KAAK,EAAE,KAAK;AAChB,IAAI,QAAQ,EAAE,CAAC,KAAK,KAAK;AACzB,MAAM,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,MAAM,UAAU,CAAC,CAAC,CAAC,CAAC;AACpB,KAAK;AACL,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC,CAAC,CAAC;AAChC,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC,CAAC,CAAC,CAAC;AAChC,IAAI,WAAW,EAAE,iBAAiB;AAClC,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,SAAS,EAAE,mBAAmB;AAClC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;AACnB,IAAI,UAAU,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,kBAAkB,EAAE;AACrD,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE;AACtD,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,SAAS,EAAE,OAAO,CAAC,mBAAmB;AAC1C,IAAI,QAAQ,EAAE,SAAS,CAAC,MAAM,KAAK,CAAC;AACpC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG,EAAE,QAAQ,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,eAAe,oBAAoB,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE;AACnM,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,SAAS,EAAE,OAAO,CAAC,mBAAmB;AAC1C,IAAI,QAAQ,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG,EAAE,QAAQ,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;AACrL,IAAI,GAAG,EAAE,aAAa;AACtB,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC,CAAC,CAAC,CAAC;AACtC,IAAI,SAAS,EAAE,OAAO,CAAC,iBAAiB;AACxC,IAAI,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE;AAChE,GAAG,EAAE,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,cAAc,CAAC,mBAAmB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAChM,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,EAAE,EAAE,IAAI;AACZ,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AACtB,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createStyles } from '@mantine/styles';
|
|
2
2
|
|
|
3
3
|
const ITEM_PADDING = 7;
|
|
4
|
-
var useStyles = createStyles((theme, { reversed, native }) => ({
|
|
4
|
+
var useStyles = createStyles((theme, { reversed, native, radius }) => ({
|
|
5
5
|
transferList: {
|
|
6
6
|
flex: 1,
|
|
7
7
|
display: "flex",
|
|
@@ -13,7 +13,7 @@ var useStyles = createStyles((theme, { reversed, native }) => ({
|
|
|
13
13
|
padding: ITEM_PADDING,
|
|
14
14
|
marginLeft: theme.spacing.sm - ITEM_PADDING,
|
|
15
15
|
marginRight: theme.spacing.sm - ITEM_PADDING,
|
|
16
|
-
borderRadius: theme.radius
|
|
16
|
+
borderRadius: theme.fn.radius(radius),
|
|
17
17
|
"&:first-of-type": {
|
|
18
18
|
marginTop: theme.spacing.sm - ITEM_PADDING
|
|
19
19
|
},
|
|
@@ -33,7 +33,7 @@ var useStyles = createStyles((theme, { reversed, native }) => ({
|
|
|
33
33
|
},
|
|
34
34
|
transferListBody: {
|
|
35
35
|
flex: 1,
|
|
36
|
-
borderRadius: theme.radius
|
|
36
|
+
borderRadius: theme.fn.radius(radius),
|
|
37
37
|
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
|
|
38
38
|
border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`
|
|
39
39
|
},
|
|
@@ -44,8 +44,8 @@ var useStyles = createStyles((theme, { reversed, native }) => ({
|
|
|
44
44
|
borderTopWidth: 0,
|
|
45
45
|
borderRightWidth: 0,
|
|
46
46
|
borderLeftWidth: 0,
|
|
47
|
-
borderTopLeftRadius: reversed ? 0 : theme.radius
|
|
48
|
-
borderTopRightRadius: reversed ? theme.radius
|
|
47
|
+
borderTopLeftRadius: reversed ? 0 : `calc(${theme.fn.radius(radius)}px - 1px)`,
|
|
48
|
+
borderTopRightRadius: reversed ? `calc(${theme.fn.radius(radius)}px - 1px)` : 0,
|
|
49
49
|
display: "block",
|
|
50
50
|
borderBottomColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]
|
|
51
51
|
},
|
|
@@ -55,8 +55,8 @@ var useStyles = createStyles((theme, { reversed, native }) => ({
|
|
|
55
55
|
borderLeftWidth: reversed ? 0 : void 0,
|
|
56
56
|
borderColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4],
|
|
57
57
|
"&:last-of-type": {
|
|
58
|
-
borderTopLeftRadius: reversed ? theme.radius
|
|
59
|
-
borderTopRightRadius: reversed ? 0 : theme.radius
|
|
58
|
+
borderTopLeftRadius: reversed ? `calc(${theme.fn.radius(radius)}px - 1px)` : 0,
|
|
59
|
+
borderTopRightRadius: reversed ? 0 : `calc(${theme.fn.radius(radius)}px - 1px)`
|
|
60
60
|
},
|
|
61
61
|
"&:disabled": {
|
|
62
62
|
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : "transparent",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderList.styles.js","sources":["../../../../src/components/TransferList/RenderList/RenderList.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\ninterface RenderListStyles {\n reversed: boolean;\n native: boolean;\n}\n\nconst ITEM_PADDING = 7;\n\nexport default createStyles((theme, { reversed, native }: RenderListStyles) => ({\n transferList: {\n flex: 1,\n display: 'flex',\n flexDirection: 'column',\n },\n\n transferListItem: {\n display: 'block',\n width: `calc(100% - ${ITEM_PADDING * 2}px)`,\n padding: ITEM_PADDING,\n marginLeft: theme.spacing.sm - ITEM_PADDING,\n marginRight: theme.spacing.sm - ITEM_PADDING,\n borderRadius: theme.radius
|
|
1
|
+
{"version":3,"file":"RenderList.styles.js","sources":["../../../../src/components/TransferList/RenderList/RenderList.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\ninterface RenderListStyles {\n reversed: boolean;\n native: boolean;\n radius: MantineNumberSize;\n}\n\nconst ITEM_PADDING = 7;\n\nexport default createStyles((theme, { reversed, native, radius }: RenderListStyles) => ({\n transferList: {\n flex: 1,\n display: 'flex',\n flexDirection: 'column',\n },\n\n transferListItem: {\n display: 'block',\n width: `calc(100% - ${ITEM_PADDING * 2}px)`,\n padding: ITEM_PADDING,\n marginLeft: theme.spacing.sm - ITEM_PADDING,\n marginRight: theme.spacing.sm - ITEM_PADDING,\n borderRadius: theme.fn.radius(radius),\n\n '&:first-of-type': {\n marginTop: theme.spacing.sm - ITEM_PADDING,\n },\n\n '&:last-of-type': {\n marginBottom: theme.spacing.sm - ITEM_PADDING,\n },\n },\n\n transferListItemHovered: {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n },\n\n transferListItems: {\n overflow: native ? 'auto' : 'hidden',\n },\n\n transferListHeader: {\n display: 'flex',\n flexDirection: reversed ? 'row-reverse' : 'row',\n },\n\n transferListBody: {\n flex: 1,\n borderRadius: theme.fn.radius(radius),\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n }`,\n },\n\n transferListTitle: {\n marginBottom: 5,\n },\n\n transferListSearch: {\n borderTopWidth: 0,\n borderRightWidth: 0,\n borderLeftWidth: 0,\n borderTopLeftRadius: reversed ? 0 : `calc(${theme.fn.radius(radius)}px - 1px)`,\n borderTopRightRadius: reversed ? `calc(${theme.fn.radius(radius)}px - 1px)` : 0,\n display: 'block',\n borderBottomColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n },\n\n transferListControl: {\n borderTop: 0,\n borderRightWidth: reversed ? undefined : 0,\n borderLeftWidth: reversed ? 0 : undefined,\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n\n '&:last-of-type': {\n borderTopLeftRadius: reversed ? `calc(${theme.fn.radius(radius)}px - 1px)` : 0,\n borderTopRightRadius: reversed ? 0 : `calc(${theme.fn.radius(radius)}px - 1px)`,\n },\n\n '&:disabled': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : 'transparent',\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n },\n },\n\n separator: {\n boxSizing: 'border-box',\n textAlign: 'left',\n width: '100%',\n padding: '7px 12px',\n },\n\n separatorLabel: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n },\n}));\n"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
|
+
import { useMantineDefaultProps } from '@mantine/styles';
|
|
2
3
|
import { RenderList } from './RenderList/RenderList.js';
|
|
3
4
|
import { SelectScrollArea } from '../Select/SelectScrollArea/SelectScrollArea.js';
|
|
4
5
|
import { DefaultItem } from './DefaultItem/DefaultItem.js';
|
|
@@ -39,24 +40,34 @@ var __objRest = (source, exclude) => {
|
|
|
39
40
|
function defaultFilter(query, item) {
|
|
40
41
|
return item.label.toLowerCase().trim().includes(query.toLowerCase().trim());
|
|
41
42
|
}
|
|
42
|
-
const
|
|
43
|
-
|
|
43
|
+
const defaultProps = {
|
|
44
|
+
itemComponent: DefaultItem,
|
|
45
|
+
filter: defaultFilter,
|
|
46
|
+
titles: [null, null],
|
|
47
|
+
listHeight: 150,
|
|
48
|
+
listComponent: SelectScrollArea,
|
|
49
|
+
showTransferAll: true,
|
|
50
|
+
limit: Infinity
|
|
51
|
+
};
|
|
52
|
+
const TransferList = forwardRef((props, ref) => {
|
|
53
|
+
const _a = useMantineDefaultProps("TransferList", defaultProps, props), {
|
|
44
54
|
value,
|
|
45
55
|
onChange,
|
|
46
|
-
itemComponent
|
|
56
|
+
itemComponent,
|
|
47
57
|
searchPlaceholder,
|
|
48
|
-
filter
|
|
58
|
+
filter,
|
|
49
59
|
nothingFound,
|
|
50
|
-
titles
|
|
60
|
+
titles,
|
|
51
61
|
initialSelection,
|
|
52
|
-
listHeight
|
|
53
|
-
listComponent
|
|
54
|
-
showTransferAll
|
|
62
|
+
listHeight,
|
|
63
|
+
listComponent,
|
|
64
|
+
showTransferAll,
|
|
55
65
|
breakpoint,
|
|
66
|
+
radius,
|
|
56
67
|
classNames,
|
|
57
68
|
styles,
|
|
58
|
-
limit
|
|
59
|
-
} =
|
|
69
|
+
limit
|
|
70
|
+
} = _a, others = __objRest(_a, [
|
|
60
71
|
"value",
|
|
61
72
|
"onChange",
|
|
62
73
|
"itemComponent",
|
|
@@ -69,6 +80,7 @@ const TransferList = forwardRef((_a, ref) => {
|
|
|
69
80
|
"listComponent",
|
|
70
81
|
"showTransferAll",
|
|
71
82
|
"breakpoint",
|
|
83
|
+
"radius",
|
|
72
84
|
"classNames",
|
|
73
85
|
"styles",
|
|
74
86
|
"limit"
|
|
@@ -98,7 +110,7 @@ const TransferList = forwardRef((_a, ref) => {
|
|
|
98
110
|
onChange(items);
|
|
99
111
|
handlers.deselectAll(listIndex);
|
|
100
112
|
};
|
|
101
|
-
const breakpoints = breakpoint ? [{ maxWidth: breakpoint, cols: 1 }] :
|
|
113
|
+
const breakpoints = breakpoint ? [{ maxWidth: breakpoint, cols: 1 }] : [];
|
|
102
114
|
const sharedListProps = {
|
|
103
115
|
itemComponent,
|
|
104
116
|
listComponent,
|
|
@@ -109,7 +121,8 @@ const TransferList = forwardRef((_a, ref) => {
|
|
|
109
121
|
showTransferAll,
|
|
110
122
|
classNames,
|
|
111
123
|
styles,
|
|
112
|
-
limit
|
|
124
|
+
limit,
|
|
125
|
+
radius
|
|
113
126
|
};
|
|
114
127
|
return /* @__PURE__ */ React.createElement(SimpleGrid, __spreadValues({
|
|
115
128
|
cols: 2,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransferList.js","sources":["../../../src/components/TransferList/TransferList.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize } from '@mantine/styles';\nimport { RenderList, RenderListStylesNames } from './RenderList/RenderList';\nimport { SelectScrollArea } from '../Select/SelectScrollArea/SelectScrollArea';\nimport { DefaultItem } from './DefaultItem/DefaultItem';\nimport { SimpleGrid } from '../SimpleGrid';\nimport { useSelectionState, Selection } from './use-selection-state/use-selection-state';\nimport { TransferListData, TransferListItemComponent, TransferListItem } from './types';\n\nexport type TransferListStylesNames = RenderListStylesNames;\n\nexport interface TransferListProps\n extends DefaultProps<TransferListStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {\n /** Current value */\n value: TransferListData;\n\n /** Called when value changes */\n onChange(value: TransferListData): void;\n\n /** Initial items selection */\n initialSelection?: Selection;\n\n /** Custom item component */\n itemComponent?: TransferListItemComponent;\n\n /** Search fields placeholder */\n searchPlaceholder?: string;\n\n /** Nothing found message */\n nothingFound?: React.ReactNode;\n\n /** Function to filter search results */\n filter?(query: string, item: TransferListItem): boolean;\n\n /** Lists titles */\n titles?: [string, string];\n\n /** List items height */\n listHeight?: number;\n\n /** Change list component, can be used to add custom scrollbars */\n listComponent?: any;\n\n /** Breakpoint at which list will collapse to single column layout */\n breakpoint?: MantineNumberSize;\n\n /** Whether to hide the transfer all button */\n showTransferAll?: boolean;\n\n /** Limit amount of items showed at a time */\n limit?: number;\n}\n\nexport function defaultFilter(query: string, item: TransferListItem) {\n return item.label.toLowerCase().trim().includes(query.toLowerCase().trim());\n}\n\nexport const TransferList = forwardRef<HTMLDivElement, TransferListProps>(\n (\n {\n value,\n onChange,\n itemComponent = DefaultItem,\n searchPlaceholder,\n filter = defaultFilter,\n nothingFound,\n titles = [null, null],\n initialSelection,\n listHeight = 150,\n listComponent = SelectScrollArea,\n showTransferAll = true,\n breakpoint,\n classNames,\n styles,\n limit = Infinity,\n ...others\n }: TransferListProps,\n ref\n ) => {\n const [selection, handlers] = useSelectionState(initialSelection);\n\n const handleMoveAll = (listIndex: 0 | 1) => {\n const items: TransferListData = Array(2) as any;\n const moveToIndex = listIndex === 0 ? 1 : 0;\n items[listIndex] = [];\n items[moveToIndex] = [...value[moveToIndex], ...value[listIndex]];\n onChange(items);\n handlers.deselectAll(listIndex);\n };\n\n const handleMove = (listIndex: 0 | 1) => {\n const moveToIndex = listIndex === 0 ? 1 : 0;\n const items: TransferListData = Array(2) as any;\n const transferData = value[listIndex].reduce(\n (acc, item) => {\n if (!selection[listIndex].includes(item.value)) {\n acc.filtered.push(item);\n } else {\n acc.current.push(item);\n }\n return acc;\n },\n { filtered: [], current: [] }\n );\n items[listIndex] = transferData.filtered;\n items[moveToIndex] = [...transferData.current, ...value[moveToIndex]];\n onChange(items);\n handlers.deselectAll(listIndex);\n };\n\n const breakpoints = breakpoint ? [{ maxWidth: breakpoint, cols: 1 }] : undefined;\n const sharedListProps = {\n itemComponent,\n listComponent,\n searchPlaceholder,\n filter,\n nothingFound,\n height: listHeight,\n showTransferAll,\n classNames,\n styles,\n limit,\n };\n\n return (\n <SimpleGrid cols={2} spacing=\"xl\" breakpoints={breakpoints} ref={ref} {...others}>\n <RenderList\n {...sharedListProps}\n data={value[0]}\n selection={selection[0]}\n onSelect={(val) => handlers.select(0, val)}\n onMoveAll={() => handleMoveAll(0)}\n onMove={() => handleMove(0)}\n title={titles[0]}\n />\n\n <RenderList\n {...sharedListProps}\n data={value[1]}\n selection={selection[1]}\n onSelect={(val) => handlers.select(1, val)}\n onMoveAll={() => handleMoveAll(1)}\n onMove={() => handleMove(1)}\n title={titles[1]}\n reversed\n />\n </SimpleGrid>\n );\n }\n);\n\nTransferList.displayName = '@mantine/core/TransferList';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TransferList.js","sources":["../../../src/components/TransferList/TransferList.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useMantineDefaultProps } from '@mantine/styles';\nimport { RenderList, RenderListStylesNames } from './RenderList/RenderList';\nimport { SelectScrollArea } from '../Select/SelectScrollArea/SelectScrollArea';\nimport { DefaultItem } from './DefaultItem/DefaultItem';\nimport { SimpleGrid } from '../SimpleGrid';\nimport { useSelectionState, Selection } from './use-selection-state/use-selection-state';\nimport { TransferListData, TransferListItemComponent, TransferListItem } from './types';\n\nexport type TransferListStylesNames = RenderListStylesNames;\n\nexport interface TransferListProps\n extends DefaultProps<TransferListStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {\n /** Current value */\n value: TransferListData;\n\n /** Called when value changes */\n onChange(value: TransferListData): void;\n\n /** Initial items selection */\n initialSelection?: Selection;\n\n /** Custom item component */\n itemComponent?: TransferListItemComponent;\n\n /** Search fields placeholder */\n searchPlaceholder?: string;\n\n /** Nothing found message */\n nothingFound?: React.ReactNode;\n\n /** Function to filter search results */\n filter?(query: string, item: TransferListItem): boolean;\n\n /** Lists titles */\n titles?: [string, string];\n\n /** List items height */\n listHeight?: number;\n\n /** Change list component, can be used to add custom scrollbars */\n listComponent?: any;\n\n /** Breakpoint at which list will collapse to single column layout */\n breakpoint?: MantineNumberSize;\n\n /** Predefined border-radius value from theme.radius or number for border-radius in px */\n radius?: MantineNumberSize;\n\n /** Whether to hide the transfer all button */\n showTransferAll?: boolean;\n\n /** Limit amount of items showed at a time */\n limit?: number;\n}\n\nexport function defaultFilter(query: string, item: TransferListItem) {\n return item.label.toLowerCase().trim().includes(query.toLowerCase().trim());\n}\n\nconst defaultProps: Partial<TransferListProps> = {\n itemComponent: DefaultItem,\n filter: defaultFilter,\n titles: [null, null],\n listHeight: 150,\n listComponent: SelectScrollArea,\n showTransferAll: true,\n limit: Infinity,\n};\n\nexport const TransferList = forwardRef<HTMLDivElement, TransferListProps>(\n (props: TransferListProps, ref) => {\n const {\n value,\n onChange,\n itemComponent,\n searchPlaceholder,\n filter,\n nothingFound,\n titles,\n initialSelection,\n listHeight,\n listComponent,\n showTransferAll,\n breakpoint,\n radius,\n classNames,\n styles,\n limit,\n ...others\n } = useMantineDefaultProps('TransferList', defaultProps, props);\n\n const [selection, handlers] = useSelectionState(initialSelection);\n\n const handleMoveAll = (listIndex: 0 | 1) => {\n const items: TransferListData = Array(2) as any;\n const moveToIndex = listIndex === 0 ? 1 : 0;\n items[listIndex] = [];\n items[moveToIndex] = [...value[moveToIndex], ...value[listIndex]];\n onChange(items);\n handlers.deselectAll(listIndex);\n };\n\n const handleMove = (listIndex: 0 | 1) => {\n const moveToIndex = listIndex === 0 ? 1 : 0;\n const items: TransferListData = Array(2) as any;\n const transferData = value[listIndex].reduce(\n (acc, item) => {\n if (!selection[listIndex].includes(item.value)) {\n acc.filtered.push(item);\n } else {\n acc.current.push(item);\n }\n return acc;\n },\n { filtered: [], current: [] }\n );\n items[listIndex] = transferData.filtered;\n items[moveToIndex] = [...transferData.current, ...value[moveToIndex]];\n onChange(items);\n handlers.deselectAll(listIndex);\n };\n\n const breakpoints = breakpoint ? [{ maxWidth: breakpoint, cols: 1 }] : [];\n const sharedListProps = {\n itemComponent,\n listComponent,\n searchPlaceholder,\n filter,\n nothingFound,\n height: listHeight,\n showTransferAll,\n classNames,\n styles,\n limit,\n radius,\n };\n\n return (\n <SimpleGrid cols={2} spacing=\"xl\" breakpoints={breakpoints} ref={ref} {...others}>\n <RenderList\n {...sharedListProps}\n data={value[0]}\n selection={selection[0]}\n onSelect={(val) => handlers.select(0, val)}\n onMoveAll={() => handleMoveAll(0)}\n onMove={() => handleMove(0)}\n title={titles[0]}\n />\n\n <RenderList\n {...sharedListProps}\n data={value[1]}\n selection={selection[1]}\n onSelect={(val) => handlers.select(1, val)}\n onMoveAll={() => handleMoveAll(1)}\n onMove={() => handleMove(1)}\n title={titles[1]}\n reversed\n />\n </SimpleGrid>\n );\n }\n);\n\nTransferList.displayName = '@mantine/core/TransferList';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
|
+
import { useMantineDefaultProps } from '@mantine/styles';
|
|
2
3
|
import useStyles from './TypographyStylesProvider.styles.js';
|
|
3
4
|
import { Box } from '../Box/Box.js';
|
|
4
5
|
|
|
@@ -30,8 +31,8 @@ var __objRest = (source, exclude) => {
|
|
|
30
31
|
}
|
|
31
32
|
return target;
|
|
32
33
|
};
|
|
33
|
-
const TypographyStylesProvider = forwardRef((
|
|
34
|
-
|
|
34
|
+
const TypographyStylesProvider = forwardRef((props, ref) => {
|
|
35
|
+
const _a = useMantineDefaultProps("TypographyStylesProvider", {}, props), { className } = _a, others = __objRest(_a, ["className"]);
|
|
35
36
|
const { classes, cx } = useStyles(null, { name: "TypographyStylesProvider" });
|
|
36
37
|
return /* @__PURE__ */ React.createElement(Box, __spreadValues({
|
|
37
38
|
className: cx(classes.root, className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypographyStylesProvider.js","sources":["../../../src/components/TypographyStylesProvider/TypographyStylesProvider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './TypographyStylesProvider.styles';\n\nexport interface TypographyStylesProviderProps\n extends DefaultProps,\n React.ComponentPropsWithoutRef<'div'> {\n /** Render any content to add Mantine typography styles */\n children: React.ReactNode;\n}\n\nexport const TypographyStylesProvider = forwardRef<HTMLDivElement, TypographyStylesProviderProps>(\n ({ className, ...others }
|
|
1
|
+
{"version":3,"file":"TypographyStylesProvider.js","sources":["../../../src/components/TypographyStylesProvider/TypographyStylesProvider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useMantineDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './TypographyStylesProvider.styles';\n\nexport interface TypographyStylesProviderProps\n extends DefaultProps,\n React.ComponentPropsWithoutRef<'div'> {\n /** Render any content to add Mantine typography styles */\n children: React.ReactNode;\n}\n\nexport const TypographyStylesProvider = forwardRef<HTMLDivElement, TypographyStylesProviderProps>(\n (props: TypographyStylesProviderProps, ref) => {\n const { className, ...others } = useMantineDefaultProps('TypographyStylesProvider', {}, props);\n const { classes, cx } = useStyles(null, { name: 'TypographyStylesProvider' });\n return <Box className={cx(classes.root, className)} ref={ref} {...others} />;\n }\n);\n\nTypographyStylesProvider.displayName = '@mantine/core/TypographyStylesProvider';\n"],"names":[],"mappings":"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"}
|
package/esm/index.js
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
export * from '@mantine/styles';
|
|
2
2
|
export { AVAILABLE_TRANSITIONS } from './components/Transition/index.js';
|
|
3
|
+
export { filterChildrenByType } from './utils/filter-children-by-type/filter-children-by-type.js';
|
|
4
|
+
export { findChildByType } from './utils/find-child-by-type/find-child-by-type.js';
|
|
5
|
+
export { filterFalsyChildren } from './utils/filter-falsy-children/filter-falsy-children.js';
|
|
6
|
+
export { getGroupedOptions, groupOptions } from './utils/group-options/group-options.js';
|
|
3
7
|
export { createAccordionState, useAccordionState } from './components/Accordion/use-accordion-state/use-accordion-state.js';
|
|
4
8
|
export { Accordion } from './components/Accordion/Accordion.js';
|
|
5
9
|
export { AccordionItem } from './components/Accordion/AccordionItem/AccordionItem.js';
|
|
@@ -13,6 +17,7 @@ export { Anchor } from './components/Anchor/Anchor.js';
|
|
|
13
17
|
export { Navbar } from './components/AppShell/Navbar/Navbar.js';
|
|
14
18
|
export { Header } from './components/AppShell/Header/Header.js';
|
|
15
19
|
export { AppShell } from './components/AppShell/AppShell.js';
|
|
20
|
+
export { AspectRatio } from './components/AspectRatio/AspectRatio.js';
|
|
16
21
|
export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
|
|
17
22
|
export { sizes as AVATAR_SIZES } from './components/Avatar/Avatar.styles.js';
|
|
18
23
|
export { Avatar } from './components/Avatar/Avatar.js';
|
|
@@ -31,6 +36,7 @@ export { Card } from './components/Card/Card.js';
|
|
|
31
36
|
export { CardSection } from './components/Card/CardSection/CardSection.js';
|
|
32
37
|
export { Center } from './components/Center/Center.js';
|
|
33
38
|
export { Checkbox } from './components/Checkbox/Checkbox.js';
|
|
39
|
+
export { CheckboxGroup } from './components/Checkbox/CheckboxGroup/CheckboxGroup.js';
|
|
34
40
|
export { CheckboxIcon } from './components/Checkbox/CheckboxIcon.js';
|
|
35
41
|
export { sizes as CHECKBOX_SIZES } from './components/Checkbox/Checkbox.styles.js';
|
|
36
42
|
export { Chips } from './components/Chips/Chips.js';
|
|
@@ -43,7 +49,6 @@ export { ColorPicker } from './components/ColorPicker/ColorPicker.js';
|
|
|
43
49
|
export { HueSlider } from './components/ColorPicker/HueSlider/HueSlider.js';
|
|
44
50
|
export { AlphaSlider } from './components/ColorPicker/AlphaSlider/AlphaSlider.js';
|
|
45
51
|
export { ColorSwatch } from './components/ColorSwatch/ColorSwatch.js';
|
|
46
|
-
export { sizes as CONTAINER_SIZES } from './components/Container/Container.styles.js';
|
|
47
52
|
export { Container } from './components/Container/Container.js';
|
|
48
53
|
export { Dialog } from './components/Dialog/Dialog.js';
|
|
49
54
|
export { Divider } from './components/Divider/Divider.js';
|
|
@@ -55,6 +60,7 @@ export { Col } from './components/Grid/Col/Col.js';
|
|
|
55
60
|
export { Group } from './components/Group/Group.js';
|
|
56
61
|
export { Highlight } from './components/Highlight/Highlight.js';
|
|
57
62
|
export { Image } from './components/Image/Image.js';
|
|
63
|
+
export { BackgroundImage } from './components/Image/BackgroundImage/BackgroundImage.js';
|
|
58
64
|
export { Input } from './components/Input/Input.js';
|
|
59
65
|
export { sizes as INPUT_SIZES } from './components/Input/Input.styles.js';
|
|
60
66
|
export { InputWrapper } from './components/InputWrapper/InputWrapper.js';
|
|
@@ -83,6 +89,7 @@ export { PasswordInput } from './components/PasswordInput/PasswordInput.js';
|
|
|
83
89
|
export { Popover } from './components/Popover/Popover.js';
|
|
84
90
|
export { Popper } from './components/Popper/Popper.js';
|
|
85
91
|
export { Portal } from './components/Portal/Portal.js';
|
|
92
|
+
export { OptionalPortal } from './components/Portal/OptionalPortal.js';
|
|
86
93
|
export { sizes as PROGRESS_SIZES } from './components/Progress/Progress.styles.js';
|
|
87
94
|
export { Progress } from './components/Progress/Progress.js';
|
|
88
95
|
export { RadioGroup } from './components/RadioGroup/RadioGroup.js';
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -18,6 +18,29 @@ function groupOptions({ data }) {
|
|
|
18
18
|
sortedData.push(...unGroupedData.map((itemIndex) => data[itemIndex]));
|
|
19
19
|
return sortedData;
|
|
20
20
|
}
|
|
21
|
+
function getGroupedOptions(data) {
|
|
22
|
+
const sorted = groupOptions({ data });
|
|
23
|
+
const unGrouped = [];
|
|
24
|
+
const grouped = [];
|
|
25
|
+
let groupName = null;
|
|
26
|
+
sorted.forEach((item, index) => {
|
|
27
|
+
if (!item.group) {
|
|
28
|
+
unGrouped.push({ type: "item", item, index });
|
|
29
|
+
} else {
|
|
30
|
+
if (groupName !== item.group) {
|
|
31
|
+
groupName = item.group;
|
|
32
|
+
grouped.push({ type: "label", label: groupName });
|
|
33
|
+
}
|
|
34
|
+
grouped.push({ type: "item", item, index });
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
return {
|
|
38
|
+
grouped,
|
|
39
|
+
unGrouped,
|
|
40
|
+
items: [...grouped, ...unGrouped],
|
|
41
|
+
hasItems: grouped.length > 0 || unGrouped.length > 0
|
|
42
|
+
};
|
|
43
|
+
}
|
|
21
44
|
|
|
22
|
-
export { groupOptions };
|
|
45
|
+
export { getGroupedOptions, groupOptions };
|
|
23
46
|
//# sourceMappingURL=group-options.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"group-options.js","sources":["../../../src/utils/group-options/group-options.ts"],"sourcesContent":["interface GroupData {\n data: { group?: string }[];\n}\n\nexport function groupOptions({ data }: GroupData) {\n const sortedData = [];\n const unGroupedData = [];\n const groupedData = data.reduce((acc, item, index) => {\n if (item.group) {\n if (acc[item.group]) acc[item.group].push(index);\n else acc[item.group] = [index];\n } else {\n unGroupedData.push(index);\n }\n return acc;\n }, {});\n\n Object.keys(groupedData).forEach((groupName) => {\n sortedData.push(...groupedData[groupName].map((index) => data[index]));\n });\n\n sortedData.push(...unGroupedData.map((itemIndex) => data[itemIndex]));\n\n return sortedData;\n}\n"],"names":[],"mappings":"AAAO,SAAS,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;AACvC,EAAE,MAAM,UAAU,GAAG,EAAE,CAAC;AACxB,EAAE,MAAM,aAAa,GAAG,EAAE,CAAC;AAC3B,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,KAAK;AACxD,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;AACpB,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;AACzB,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACpC;AACA,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAClC,KAAK,MAAM;AACX,MAAM,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAChC,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK;AAClD,IAAI,UAAU,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC3E,GAAG,CAAC,CAAC;AACL,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AACxE,EAAE,OAAO,UAAU,CAAC;AACpB;;;;"}
|
|
1
|
+
{"version":3,"file":"group-options.js","sources":["../../../src/utils/group-options/group-options.ts"],"sourcesContent":["interface GroupData {\n data: { group?: string }[];\n}\n\nexport function groupOptions({ data }: GroupData) {\n const sortedData = [];\n const unGroupedData = [];\n const groupedData = data.reduce((acc, item, index) => {\n if (item.group) {\n if (acc[item.group]) acc[item.group].push(index);\n else acc[item.group] = [index];\n } else {\n unGroupedData.push(index);\n }\n return acc;\n }, {});\n\n Object.keys(groupedData).forEach((groupName) => {\n sortedData.push(...groupedData[groupName].map((index) => data[index]));\n });\n\n sortedData.push(...unGroupedData.map((itemIndex) => data[itemIndex]));\n\n return sortedData;\n}\n\nexport function getGroupedOptions<T extends any[]>(data: T) {\n type Item = { type: 'item'; item: T[number]; index: number };\n type Label = { type: 'label'; label: string };\n\n const sorted = groupOptions({ data });\n const unGrouped: Item[] = [];\n const grouped: (Item | Label)[] = [];\n let groupName = null;\n\n sorted.forEach((item, index) => {\n if (!item.group) {\n unGrouped.push({ type: 'item', item, index });\n } else {\n if (groupName !== item.group) {\n groupName = item.group;\n grouped.push({ type: 'label', label: groupName });\n }\n grouped.push({ type: 'item', item, index });\n }\n });\n\n return {\n grouped,\n unGrouped,\n items: [...grouped, ...unGrouped],\n hasItems: grouped.length > 0 || unGrouped.length > 0,\n };\n}\n"],"names":[],"mappings":"AAAO,SAAS,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;AACvC,EAAE,MAAM,UAAU,GAAG,EAAE,CAAC;AACxB,EAAE,MAAM,aAAa,GAAG,EAAE,CAAC;AAC3B,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,KAAK;AACxD,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;AACpB,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;AACzB,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACpC;AACA,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAClC,KAAK,MAAM;AACX,MAAM,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAChC,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK;AAClD,IAAI,UAAU,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC3E,GAAG,CAAC,CAAC;AACL,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,SAAS,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AACxE,EAAE,OAAO,UAAU,CAAC;AACpB,CAAC;AACM,SAAS,iBAAiB,CAAC,IAAI,EAAE;AACxC,EAAE,MAAM,MAAM,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;AACxC,EAAE,MAAM,SAAS,GAAG,EAAE,CAAC;AACvB,EAAE,MAAM,OAAO,GAAG,EAAE,CAAC;AACrB,EAAE,IAAI,SAAS,GAAG,IAAI,CAAC;AACvB,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK;AAClC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACrB,MAAM,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;AACpD,KAAK,MAAM;AACX,MAAM,IAAI,SAAS,KAAK,IAAI,CAAC,KAAK,EAAE;AACpC,QAAQ,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;AAC/B,QAAQ,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC1D,OAAO;AACP,MAAM,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;AAClD,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,KAAK,EAAE,CAAC,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;AACrC,IAAI,QAAQ,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;AACxD,GAAG,CAAC;AACJ;;;;"}
|
|
@@ -13,23 +13,23 @@ export interface AccordionProps extends DefaultProps<AccordionItemStylesNames>,
|
|
|
13
13
|
state?: AccordionState;
|
|
14
14
|
/** onChange handler for controlled component */
|
|
15
15
|
onChange?(state: AccordionState): void;
|
|
16
|
-
/** Allow multiple items to be opened at the same time */
|
|
16
|
+
/** Allow multiple items to be opened at the same time, defaults to false */
|
|
17
17
|
multiple?: boolean;
|
|
18
|
-
/** Open/close item transition duration in ms */
|
|
18
|
+
/** Open/close item transition duration in ms, defaults to 200 */
|
|
19
19
|
transitionDuration?: number;
|
|
20
20
|
/** Used to connect accordion items controls to related content */
|
|
21
21
|
id?: string;
|
|
22
22
|
/** Replace icon on all items */
|
|
23
23
|
icon?: React.ReactNode;
|
|
24
|
-
/** Should icon rotation be disabled */
|
|
24
|
+
/** Should icon rotation be disabled, defaults to false */
|
|
25
25
|
disableIconRotation?: boolean;
|
|
26
|
-
/** Change icon position: left or right */
|
|
26
|
+
/** Change icon position: left or right, defaults to 'left' */
|
|
27
27
|
iconPosition?: AccordionIconPosition;
|
|
28
|
-
/** Should icon be offset with padding, applicable only when iconPosition is right */
|
|
28
|
+
/** Should icon be offset with padding, applicable only when iconPosition is right, defaults to true */
|
|
29
29
|
offsetIcon?: boolean;
|
|
30
|
-
/** Icon width in px */
|
|
30
|
+
/** Icon width in px, defaults to 24 */
|
|
31
31
|
iconSize?: number;
|
|
32
|
-
/** Heading level used for items */
|
|
32
|
+
/** Heading level used for items, defaults to 3 */
|
|
33
33
|
order?: 2 | 3 | 4 | 5 | 6;
|
|
34
34
|
}
|
|
35
35
|
declare type AccordionComponent = ForwardRefWithStaticComponents<AccordionProps, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,8BAA8B,EAE/B,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAqB,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAG9F,MAAM,WAAW,cACf,SAAQ,YAAY,CAAC,wBAAwB,CAAC,EAC5C,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACtD,wCAAwC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,0FAA0F;IAC1F,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B,kEAAkE;IAClE,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB,gDAAgD;IAChD,QAAQ,CAAC,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAEvC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,kEAAkE;IAClE,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,8DAA8D;IAC9D,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAErC,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,kDAAkD;IAClD,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC3B;AAED,aAAK,kBAAkB,GAAG,8BAA8B,CACtD,cAAc,EACd;IAAE,IAAI,EAAE,OAAO,aAAa,CAAA;CAAE,CAC/B,CAAC;AAaF,eAAO,MAAM,SAAS,EAAE,kBA6DhB,CAAC"}
|