@mantine/core 3.6.13 → 3.7.0-alpha.1
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.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 +2 -1
- 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 +49 -26
- package/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- 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 +23 -13
- 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 +17 -10
- 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 +6 -7
- 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 +44 -25
- 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/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.styles.js.map +1 -1
- package/cjs/components/Tabs/Tabs.js +19 -11
- 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.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 +2 -1
- 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 +50 -27
- package/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- 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 +20 -10
- 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 +18 -11
- 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 +7 -8
- 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 +45 -26
- 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/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.styles.js.map +1 -1
- package/esm/components/Tabs/Tabs.js +16 -8
- 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 +3 -1
- 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 +1 -1
- 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 +1 -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/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 +1 -1
- 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 +4 -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
|
@@ -3,26 +3,24 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
+
var styles = require('@mantine/styles');
|
|
6
7
|
var MediaQuery_styles = require('./MediaQuery.styles.js');
|
|
7
8
|
|
|
8
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
9
10
|
|
|
10
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
12
|
|
|
12
|
-
function MediaQuery({
|
|
13
|
-
children,
|
|
14
|
-
smallerThan,
|
|
15
|
-
largerThan,
|
|
16
|
-
query,
|
|
17
|
-
styles,
|
|
18
|
-
className
|
|
19
|
-
}) {
|
|
13
|
+
function MediaQuery(props) {
|
|
20
14
|
var _a;
|
|
21
|
-
const {
|
|
15
|
+
const { children, smallerThan, largerThan, query, styles: styles$1, className } = styles.useMantineDefaultProps("MediaQuery", {}, props);
|
|
16
|
+
const { classes, cx } = MediaQuery_styles['default']({ smallerThan, largerThan, query, styles: styles$1 }, { name: "MediaQuery" });
|
|
22
17
|
const child = React.Children.only(children);
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
18
|
+
if (typeof child === "object" && child !== null && "props" in child) {
|
|
19
|
+
return React__default.cloneElement(child, {
|
|
20
|
+
className: cx(classes.media, (_a = child.props) == null ? void 0 : _a.className, className)
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return child;
|
|
26
24
|
}
|
|
27
25
|
MediaQuery.displayName = "@mantine/core/MediaQuery";
|
|
28
26
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaQuery.js","sources":["../../../src/components/MediaQuery/MediaQuery.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { MantineNumberSize, CSSObject } from '@mantine/styles';\nimport useStyles from './MediaQuery.styles';\n\nexport interface MediaQueryProps {\n className?: string;\n\n /** Child that should be shown at given breakpoint, it must accept className prop */\n children: React.ReactNode;\n\n /** Styles applied to child when viewport is smaller than given breakpoint */\n smallerThan?: MantineNumberSize;\n\n /** Styles applied to child when viewport is larger than given breakpoint */\n largerThan?: MantineNumberSize;\n\n /** Any other media query */\n query?: string;\n\n /** Styles applied to child when breakpoint matches */\n styles: CSSObject;\n}\n\nexport function MediaQuery({\n children
|
|
1
|
+
{"version":3,"file":"MediaQuery.js","sources":["../../../src/components/MediaQuery/MediaQuery.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { MantineNumberSize, CSSObject, useMantineDefaultProps } from '@mantine/styles';\nimport useStyles from './MediaQuery.styles';\n\nexport interface MediaQueryProps {\n className?: string;\n\n /** Child that should be shown at given breakpoint, it must accept className prop */\n children: React.ReactNode;\n\n /** Styles applied to child when viewport is smaller than given breakpoint */\n smallerThan?: MantineNumberSize;\n\n /** Styles applied to child when viewport is larger than given breakpoint */\n largerThan?: MantineNumberSize;\n\n /** Any other media query */\n query?: string;\n\n /** Styles applied to child when breakpoint matches */\n styles: CSSObject;\n}\n\nexport function MediaQuery(props: MediaQueryProps) {\n const { children, smallerThan, largerThan, query, styles, className } = useMantineDefaultProps(\n 'MediaQuery',\n {},\n props\n );\n\n const { classes, cx } = useStyles(\n { smallerThan, largerThan, query, styles },\n { name: 'MediaQuery' }\n );\n\n const child = Children.only(children) as React.ReactElement;\n\n if (typeof child === 'object' && child !== null && 'props' in child) {\n return React.cloneElement(child, {\n className: cx(classes.media, child.props?.className, className),\n });\n }\n\n return child;\n}\n\nMediaQuery.displayName = '@mantine/core/MediaQuery';\n"],"names":["styles","useMantineDefaultProps","useStyles","Children","React"],"mappings":";;;;;;;;;;;;AAGO,SAAS,UAAU,CAAC,KAAK,EAAE;AAClC,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,UAAEA,QAAM,EAAE,SAAS,EAAE,GAAGC,6BAAsB,CAAC,YAAY,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;AAC1H,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,4BAAS,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,UAAEF,QAAM,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;AACxG,EAAE,MAAM,KAAK,GAAGG,cAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACxC,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,EAAE;AACvE,IAAI,OAAOC,cAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACrC,MAAM,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;AACjG,KAAK,CAAC,CAAC;AACP,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaQuery.styles.js","sources":["../../../src/components/MediaQuery/MediaQuery.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, CSSObject } from '@mantine/styles';\n\
|
|
1
|
+
{"version":3,"file":"MediaQuery.styles.js","sources":["../../../src/components/MediaQuery/MediaQuery.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, CSSObject } from '@mantine/styles';\n\nexport interface MediaQueryStylesParams {\n smallerThan: MantineNumberSize;\n largerThan: MantineNumberSize;\n styles: CSSObject;\n query: string;\n}\n\nexport default createStyles(\n (theme, { smallerThan, largerThan, query, styles }: MediaQueryStylesParams) => {\n const media: CSSObject = {};\n const minWidth = theme.fn.size({ size: largerThan, sizes: theme.breakpoints }) + 1;\n const maxWidth = theme.fn.size({ size: smallerThan, sizes: theme.breakpoints });\n\n if (largerThan !== undefined && smallerThan !== undefined) {\n media[`@media (min-width: ${minWidth}px) and (max-width: ${maxWidth}px)`] = styles;\n } else {\n if (largerThan !== undefined) {\n media[\n `@media (min-width: ${\n theme.fn.size({ size: largerThan, sizes: theme.breakpoints }) + 1\n }px)`\n ] = styles;\n }\n\n if (smallerThan !== undefined) {\n media[\n `@media (max-width: ${theme.fn.size({ size: smallerThan, sizes: theme.breakpoints })}px)`\n ] = styles;\n }\n }\n\n if (query) {\n media[`@media ${query}`] = styles;\n }\n\n return { media };\n }\n);\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK;AACnF,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC;AACnB,EAAE,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC;AACrF,EAAE,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;AAClF,EAAE,IAAI,UAAU,KAAK,KAAK,CAAC,IAAI,WAAW,KAAK,KAAK,CAAC,EAAE;AACvD,IAAI,KAAK,CAAC,CAAC,mBAAmB,EAAE,QAAQ,CAAC,oBAAoB,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC;AACvF,GAAG,MAAM;AACT,IAAI,IAAI,UAAU,KAAK,KAAK,CAAC,EAAE;AAC/B,MAAM,KAAK,CAAC,CAAC,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC;AACnH,KAAK;AACL,IAAI,IAAI,WAAW,KAAK,KAAK,CAAC,EAAE;AAChC,MAAM,KAAK,CAAC,CAAC,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC;AAChH,KAAK;AACL,GAAG;AACH,EAAE,IAAI,KAAK,EAAE;AACb,IAAI,KAAK,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;AACtC,GAAG;AACH,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AACnB,CAAC,CAAC;;;;"}
|
|
@@ -80,42 +80,63 @@ function getPreviousItem(active, items) {
|
|
|
80
80
|
}
|
|
81
81
|
return active;
|
|
82
82
|
}
|
|
83
|
-
const
|
|
84
|
-
|
|
85
|
-
|
|
83
|
+
const defaultProps = {
|
|
84
|
+
control: defaultControl,
|
|
85
|
+
closeOnItemClick: true,
|
|
86
|
+
transitionDuration: 150,
|
|
87
|
+
size: "md",
|
|
88
|
+
shadow: "md",
|
|
89
|
+
position: "bottom",
|
|
90
|
+
placement: "start",
|
|
91
|
+
gutter: 5,
|
|
92
|
+
withArrow: false,
|
|
93
|
+
transition: "pop-top-left",
|
|
94
|
+
controlRefProp: "ref",
|
|
95
|
+
trigger: "click",
|
|
96
|
+
radius: "sm",
|
|
97
|
+
delay: 100,
|
|
98
|
+
zIndex: styles.getDefaultZIndex("popover"),
|
|
99
|
+
withinPortal: true,
|
|
100
|
+
trapFocus: true,
|
|
101
|
+
closeOnScroll: false,
|
|
102
|
+
clickOutsideEvents: ["mouseup", "touchstart"]
|
|
103
|
+
};
|
|
104
|
+
const Menu = React.forwardRef((props, ref) => {
|
|
105
|
+
const _a = styles.useMantineDefaultProps("Menu", defaultProps, props), {
|
|
106
|
+
control,
|
|
86
107
|
children,
|
|
87
108
|
onClose,
|
|
88
109
|
onOpen,
|
|
89
110
|
opened,
|
|
90
111
|
menuId,
|
|
91
|
-
closeOnItemClick
|
|
92
|
-
transitionDuration
|
|
93
|
-
size
|
|
94
|
-
shadow
|
|
95
|
-
position
|
|
96
|
-
placement
|
|
97
|
-
gutter
|
|
98
|
-
withArrow
|
|
99
|
-
transition
|
|
112
|
+
closeOnItemClick,
|
|
113
|
+
transitionDuration,
|
|
114
|
+
size,
|
|
115
|
+
shadow,
|
|
116
|
+
position,
|
|
117
|
+
placement,
|
|
118
|
+
gutter,
|
|
119
|
+
withArrow,
|
|
120
|
+
transition,
|
|
100
121
|
transitionTimingFunction,
|
|
101
122
|
menuButtonLabel,
|
|
102
|
-
controlRefProp
|
|
103
|
-
trigger
|
|
104
|
-
radius
|
|
105
|
-
delay
|
|
106
|
-
zIndex
|
|
107
|
-
withinPortal
|
|
108
|
-
trapFocus
|
|
123
|
+
controlRefProp,
|
|
124
|
+
trigger,
|
|
125
|
+
radius,
|
|
126
|
+
delay,
|
|
127
|
+
zIndex,
|
|
128
|
+
withinPortal,
|
|
129
|
+
trapFocus,
|
|
109
130
|
classNames,
|
|
110
131
|
styles: styles$1,
|
|
111
|
-
closeOnScroll
|
|
132
|
+
closeOnScroll,
|
|
112
133
|
onMouseLeave,
|
|
113
134
|
onMouseEnter,
|
|
114
135
|
onChange,
|
|
115
136
|
className,
|
|
116
137
|
sx,
|
|
117
|
-
clickOutsideEvents
|
|
118
|
-
} =
|
|
138
|
+
clickOutsideEvents
|
|
139
|
+
} = _a, others = __objRest(_a, [
|
|
119
140
|
"control",
|
|
120
141
|
"children",
|
|
121
142
|
"onClose",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, { useState, useRef, cloneElement, forwardRef } from 'react';\nimport {\n useClickOutside,\n useMergedRef,\n useWindowEvent,\n useUncontrolled,\n useUuid,\n} from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineNumberSize,\n MantineShadow,\n ClassNames,\n getDefaultZIndex,\n ForwardRefWithStaticComponents,\n} from '@mantine/styles';\nimport { filterChildrenByType } from '../../utils';\nimport { Box } from '../Box';\nimport { Divider } from '../Divider';\nimport { Paper } from '../Paper';\nimport { Text } from '../Text';\nimport { ActionIcon } from '../ActionIcon';\nimport { Popper, SharedPopperProps } from '../Popper';\nimport { MenuIcon } from './MenuIcon';\nimport { MenuItem, MenuItemType, MenuItemStylesNames } from './MenuItem/MenuItem';\nimport { MenuLabel } from './MenuLabel/MenuLabel';\nimport useStyles from './Menu.styles';\n\nexport type MenuStylesNames = ClassNames<typeof useStyles> | MenuItemStylesNames;\n\nexport interface MenuProps\n extends DefaultProps<MenuStylesNames>,\n SharedPopperProps,\n React.ComponentPropsWithRef<'div'> {\n /** <MenuItem /> and <Divider /> components only, children are passed to MenuBody component */\n children: React.ReactNode;\n\n /** React element that will be used as menu control */\n control?: React.ReactElement;\n\n /** Use opened and onClose props to setup controlled menu */\n opened?: boolean;\n\n /** Called every time menu is closed */\n onClose?(): void;\n\n /** Called every time menu is opened */\n onOpen?(): void;\n\n /** Menu button aria-label and title props */\n menuButtonLabel?: string;\n\n /** Predefined menu width or number for width in px */\n size?: MantineNumberSize | 'auto';\n\n /** Predefined shadow from theme or box-shadow value */\n shadow?: MantineShadow;\n\n /** Should menu close on item click */\n closeOnItemClick?: boolean;\n\n /** Id attribute of menu */\n menuId?: string;\n\n /** Control prop to get element ref */\n controlRefProp?: string;\n\n /** Menu body z-index */\n zIndex?: number;\n\n /** Event which should open menu */\n trigger?: 'click' | 'hover';\n\n /** Close delay for hover trigger */\n delay?: number;\n\n /** Menu body and items border-radius */\n radius?: MantineNumberSize;\n\n /** Close menu on scroll */\n closeOnScroll?: boolean;\n\n /** Whether to render the dropdown in a Portal */\n withinPortal?: boolean;\n\n /** Should focus be trapped when menu is opened */\n trapFocus?: boolean;\n\n /** Events that should trigger outside clicks */\n clickOutsideEvents?: string[];\n}\n\nconst defaultControl = (\n <ActionIcon>\n <MenuIcon />\n </ActionIcon>\n);\n\ntype MenuComponent = ForwardRefWithStaticComponents<\n MenuProps,\n { Item: typeof MenuItem; Label: typeof MenuLabel }\n>;\n\nfunction getNextItem(active: number, items: MenuItemType[]) {\n for (let i = active + 1; i < items.length; i += 1) {\n if (!items[i].props.disabled && items[i].type === MenuItem) {\n return i;\n }\n }\n\n return active;\n}\n\nfunction findInitialItem(items: MenuItemType[]) {\n for (let i = 0; i < items.length; i += 1) {\n if (!items[i].props.disabled && items[i].type === MenuItem) {\n return i;\n }\n }\n\n return -1;\n}\n\nfunction getPreviousItem(active: number, items: MenuItemType[]) {\n for (let i = active - 1; i >= 0; i -= 1) {\n if (!items[i].props.disabled && items[i].type === MenuItem) {\n return i;\n }\n }\n\n if (!items[active] || items[active].type !== MenuItem) {\n return findInitialItem(items);\n }\n\n return active;\n}\n\nexport const Menu: MenuComponent = forwardRef<HTMLButtonElement, MenuProps>(\n (\n {\n control = defaultControl,\n children,\n onClose,\n onOpen,\n opened,\n menuId,\n closeOnItemClick = true,\n transitionDuration = 250,\n size = 'md',\n shadow = 'md',\n position = 'bottom',\n placement = 'start',\n gutter = 5,\n withArrow = false,\n transition = 'pop-top-left',\n transitionTimingFunction,\n menuButtonLabel,\n controlRefProp = 'ref',\n trigger = 'click',\n radius = 'sm',\n delay = 100,\n zIndex = getDefaultZIndex('popover'),\n withinPortal = true,\n trapFocus = true,\n classNames,\n styles,\n closeOnScroll = false,\n onMouseLeave,\n onMouseEnter,\n onChange,\n className,\n sx,\n clickOutsideEvents = ['mouseup', 'touchstart'],\n ...others\n }: MenuProps,\n ref\n ) => {\n const [hovered, setHovered] = useState(-1);\n const buttonsRefs = useRef<Record<string, HTMLButtonElement>>({});\n const { classes, cx, theme } = useStyles({ size }, { classNames, styles, name: 'Menu' });\n const delayTimeout = useRef<number>();\n const [referenceElement, setReferenceElement] = useState<HTMLButtonElement>(null);\n const [wrapperElement, setWrapperElement] = useState<HTMLDivElement>(null);\n const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n const items = filterChildrenByType(children, [MenuItem, MenuLabel, Divider]);\n const uuid = useUuid(menuId);\n\n const focusReference = () => window.setTimeout(() => referenceElement?.focus(), 0);\n\n const [_opened, setOpened] = useUncontrolled({\n value: opened,\n defaultValue: false,\n finalValue: false,\n rule: (val) => typeof val === 'boolean',\n onChange: (value) =>\n value\n ? typeof onOpen === 'function' && onOpen()\n : typeof onClose === 'function' && onClose(),\n });\n\n const openedRef = useRef(_opened);\n\n const handleClose = () => {\n if (openedRef.current) {\n openedRef.current = false;\n setOpened(false);\n }\n };\n\n const handleOpen = () => {\n openedRef.current = true;\n setOpened(true);\n };\n\n useWindowEvent('scroll', () => closeOnScroll && handleClose());\n\n useClickOutside(() => _opened && handleClose(), clickOutsideEvents, [\n dropdownElement,\n wrapperElement,\n ]);\n\n const toggleMenu = () => {\n _opened ? handleClose() : handleOpen();\n };\n\n const controlEventHandlers =\n trigger === 'click'\n ? { onClick: toggleMenu }\n : { onMouseEnter: handleOpen, onClick: toggleMenu };\n\n const handleMouseLeave = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n typeof onMouseLeave === 'function' && onMouseLeave(event);\n\n if (trigger === 'hover') {\n if (delay > 0) {\n delayTimeout.current = window.setTimeout(() => handleClose(), delay);\n } else {\n handleClose();\n }\n }\n };\n\n const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n typeof onMouseEnter === 'function' && onMouseEnter(event);\n window.clearTimeout(delayTimeout.current);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (_opened) {\n if (event.nativeEvent.code === 'Tab' && trapFocus) {\n event.preventDefault();\n }\n\n if (event.nativeEvent.code === 'ArrowDown') {\n event.preventDefault();\n const prevIndex = getNextItem(hovered, items);\n setHovered(prevIndex);\n buttonsRefs.current[prevIndex].focus();\n }\n\n if (event.nativeEvent.code === 'ArrowUp') {\n event.preventDefault();\n const prevIndex = getPreviousItem(hovered, items);\n setHovered(prevIndex);\n buttonsRefs.current[prevIndex].focus();\n }\n\n if (event.nativeEvent.code === 'Escape') {\n handleClose();\n focusReference();\n }\n }\n };\n\n const menuControl = cloneElement(control, {\n ...controlEventHandlers,\n onClick: (event: React.MouseEvent<any>) => {\n controlEventHandlers.onClick();\n typeof control.props.onClick === 'function' && control.props.onClick(event);\n },\n role: 'button',\n 'aria-haspopup': 'menu',\n 'aria-expanded': _opened,\n 'aria-controls': uuid,\n 'aria-label': menuButtonLabel,\n title: menuButtonLabel,\n [controlRefProp]: useMergedRef(setReferenceElement, ref),\n onKeyDown: handleKeyDown,\n });\n\n const content = items.map((item, index) => {\n if (item.type === MenuItem) {\n return (\n <MenuItem<'button'>\n {...item.props}\n key={index}\n hovered={hovered === index}\n onHover={() => setHovered(index)}\n radius={radius}\n onMouseLeave={() => setHovered(-1)}\n onKeyDown={handleKeyDown}\n styles={styles}\n classNames={classNames}\n onClick={(event) => {\n if (closeOnItemClick) {\n handleClose();\n trigger === 'click' && focusReference();\n }\n\n if (typeof item.props.onClick === 'function') {\n item.props.onClick(event);\n }\n }}\n ref={(node) => {\n buttonsRefs.current[index] = node;\n }}\n />\n );\n }\n\n if (item.type === MenuLabel) {\n return <Text key={index} className={classes.label} {...(item.props as any)} />;\n }\n\n if (item.type === Divider) {\n return (\n <Divider\n variant=\"solid\"\n className={classes.divider}\n my={theme.spacing.xs / 2}\n key={index}\n />\n );\n }\n\n return null;\n });\n\n return (\n <Box\n ref={setWrapperElement}\n onMouseLeave={handleMouseLeave}\n onMouseEnter={handleMouseEnter}\n className={cx(classes.root, className)}\n sx={sx}\n {...others}\n >\n {menuControl}\n\n <Popper\n referenceElement={referenceElement}\n transitionDuration={transitionDuration}\n transitionTimingFunction={transitionTimingFunction}\n transition={transition}\n mounted={_opened}\n position={position}\n placement={placement}\n gutter={gutter}\n withArrow={withArrow}\n arrowSize={3}\n zIndex={zIndex}\n arrowClassName={classes.arrow}\n withinPortal={withinPortal}\n >\n <Paper\n shadow={shadow}\n className={classes.body}\n role=\"menu\"\n aria-orientation=\"vertical\"\n radius={radius}\n onMouseLeave={() => setHovered(-1)}\n ref={setDropdownElement}\n id={uuid}\n {...others}\n >\n {content}\n </Paper>\n </Popper>\n </Box>\n );\n }\n) as any;\n\nMenu.Item = MenuItem;\nMenu.Label = MenuLabel;\n\nMenu.displayName = '@mantine/core/Menu';\n"],"names":["React","ActionIcon","MenuIcon","MenuItem","forwardRef","getDefaultZIndex","styles","useState","useRef","useStyles","filterChildrenByType","MenuLabel","Divider","useUuid","useUncontrolled","useWindowEvent","useClickOutside","cloneElement","useMergedRef","Text","Box","Popper","Paper"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, { useState, useRef, cloneElement, forwardRef } from 'react';\nimport {\n useClickOutside,\n useMergedRef,\n useWindowEvent,\n useUncontrolled,\n useUuid,\n} from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineNumberSize,\n MantineShadow,\n ClassNames,\n getDefaultZIndex,\n ForwardRefWithStaticComponents,\n useMantineDefaultProps,\n} from '@mantine/styles';\nimport { filterChildrenByType } from '../../utils';\nimport { Box } from '../Box';\nimport { Divider } from '../Divider';\nimport { Paper } from '../Paper';\nimport { Text } from '../Text';\nimport { ActionIcon } from '../ActionIcon';\nimport { Popper, SharedPopperProps } from '../Popper';\nimport { MenuIcon } from './MenuIcon';\nimport { MenuItem, MenuItemType, MenuItemStylesNames } from './MenuItem/MenuItem';\nimport { MenuLabel } from './MenuLabel/MenuLabel';\nimport useStyles from './Menu.styles';\n\nexport type MenuStylesNames = ClassNames<typeof useStyles> | MenuItemStylesNames;\n\nexport interface MenuProps\n extends DefaultProps<MenuStylesNames>,\n SharedPopperProps,\n React.ComponentPropsWithRef<'div'> {\n /** <MenuItem /> and <Divider /> components only, children are passed to MenuBody component */\n children: React.ReactNode;\n\n /** React element that will be used as menu control */\n control?: React.ReactElement;\n\n /** Use opened and onClose props to setup controlled menu */\n opened?: boolean;\n\n /** Called every time menu is closed */\n onClose?(): void;\n\n /** Called every time menu is opened */\n onOpen?(): void;\n\n /** Menu button aria-label and title props */\n menuButtonLabel?: string;\n\n /** Predefined menu width or number for width in px */\n size?: MantineNumberSize | 'auto';\n\n /** Predefined shadow from theme or box-shadow value */\n shadow?: MantineShadow;\n\n /** Should menu close on item click */\n closeOnItemClick?: boolean;\n\n /** Id attribute of menu */\n menuId?: string;\n\n /** Control prop to get element ref */\n controlRefProp?: string;\n\n /** Menu body z-index */\n zIndex?: number;\n\n /** Event which should open menu */\n trigger?: 'click' | 'hover';\n\n /** Close delay for hover trigger */\n delay?: number;\n\n /** Menu body and items border-radius */\n radius?: MantineNumberSize;\n\n /** Close menu on scroll */\n closeOnScroll?: boolean;\n\n /** Whether to render the dropdown in a Portal */\n withinPortal?: boolean;\n\n /** Should focus be trapped when menu is opened */\n trapFocus?: boolean;\n\n /** Events that should trigger outside clicks */\n clickOutsideEvents?: string[];\n}\n\nconst defaultControl = (\n <ActionIcon>\n <MenuIcon />\n </ActionIcon>\n);\n\ntype MenuComponent = ForwardRefWithStaticComponents<\n MenuProps,\n { Item: typeof MenuItem; Label: typeof MenuLabel }\n>;\n\nfunction getNextItem(active: number, items: MenuItemType[]) {\n for (let i = active + 1; i < items.length; i += 1) {\n if (!items[i].props.disabled && items[i].type === MenuItem) {\n return i;\n }\n }\n\n return active;\n}\n\nfunction findInitialItem(items: MenuItemType[]) {\n for (let i = 0; i < items.length; i += 1) {\n if (!items[i].props.disabled && items[i].type === MenuItem) {\n return i;\n }\n }\n\n return -1;\n}\n\nfunction getPreviousItem(active: number, items: MenuItemType[]) {\n for (let i = active - 1; i >= 0; i -= 1) {\n if (!items[i].props.disabled && items[i].type === MenuItem) {\n return i;\n }\n }\n\n if (!items[active] || items[active].type !== MenuItem) {\n return findInitialItem(items);\n }\n\n return active;\n}\n\nconst defaultProps: Partial<MenuProps> = {\n control: defaultControl,\n closeOnItemClick: true,\n transitionDuration: 150,\n size: 'md',\n shadow: 'md',\n position: 'bottom',\n placement: 'start',\n gutter: 5,\n withArrow: false,\n transition: 'pop-top-left',\n controlRefProp: 'ref',\n trigger: 'click',\n radius: 'sm',\n delay: 100,\n zIndex: getDefaultZIndex('popover'),\n withinPortal: true,\n trapFocus: true,\n closeOnScroll: false,\n clickOutsideEvents: ['mouseup', 'touchstart'],\n};\n\nexport const Menu: MenuComponent = forwardRef<HTMLButtonElement, MenuProps>(\n (props: MenuProps, ref) => {\n const {\n control,\n children,\n onClose,\n onOpen,\n opened,\n menuId,\n closeOnItemClick,\n transitionDuration,\n size,\n shadow,\n position,\n placement,\n gutter,\n withArrow,\n transition,\n transitionTimingFunction,\n menuButtonLabel,\n controlRefProp,\n trigger,\n radius,\n delay,\n zIndex,\n withinPortal,\n trapFocus,\n classNames,\n styles,\n closeOnScroll,\n onMouseLeave,\n onMouseEnter,\n onChange,\n className,\n sx,\n clickOutsideEvents,\n ...others\n } = useMantineDefaultProps('Menu', defaultProps, props);\n const [hovered, setHovered] = useState(-1);\n const buttonsRefs = useRef<Record<string, HTMLButtonElement>>({});\n const { classes, cx, theme } = useStyles({ size }, { classNames, styles, name: 'Menu' });\n const delayTimeout = useRef<number>();\n const [referenceElement, setReferenceElement] = useState<HTMLButtonElement>(null);\n const [wrapperElement, setWrapperElement] = useState<HTMLDivElement>(null);\n const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n const items = filterChildrenByType(children, [MenuItem, MenuLabel, Divider]);\n const uuid = useUuid(menuId);\n\n const focusReference = () => window.setTimeout(() => referenceElement?.focus(), 0);\n\n const [_opened, setOpened] = useUncontrolled({\n value: opened,\n defaultValue: false,\n finalValue: false,\n rule: (val) => typeof val === 'boolean',\n onChange: (value) =>\n value\n ? typeof onOpen === 'function' && onOpen()\n : typeof onClose === 'function' && onClose(),\n });\n\n const openedRef = useRef(_opened);\n\n const handleClose = () => {\n if (openedRef.current) {\n openedRef.current = false;\n setOpened(false);\n }\n };\n\n const handleOpen = () => {\n openedRef.current = true;\n setOpened(true);\n };\n\n useWindowEvent('scroll', () => closeOnScroll && handleClose());\n\n useClickOutside(() => _opened && handleClose(), clickOutsideEvents, [\n dropdownElement,\n wrapperElement,\n ]);\n\n const toggleMenu = () => {\n _opened ? handleClose() : handleOpen();\n };\n\n const controlEventHandlers =\n trigger === 'click'\n ? { onClick: toggleMenu }\n : { onMouseEnter: handleOpen, onClick: toggleMenu };\n\n const handleMouseLeave = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n typeof onMouseLeave === 'function' && onMouseLeave(event);\n\n if (trigger === 'hover') {\n if (delay > 0) {\n delayTimeout.current = window.setTimeout(() => handleClose(), delay);\n } else {\n handleClose();\n }\n }\n };\n\n const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n typeof onMouseEnter === 'function' && onMouseEnter(event);\n window.clearTimeout(delayTimeout.current);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (_opened) {\n if (event.nativeEvent.code === 'Tab' && trapFocus) {\n event.preventDefault();\n }\n\n if (event.nativeEvent.code === 'ArrowDown') {\n event.preventDefault();\n const prevIndex = getNextItem(hovered, items);\n setHovered(prevIndex);\n buttonsRefs.current[prevIndex].focus();\n }\n\n if (event.nativeEvent.code === 'ArrowUp') {\n event.preventDefault();\n const prevIndex = getPreviousItem(hovered, items);\n setHovered(prevIndex);\n buttonsRefs.current[prevIndex].focus();\n }\n\n if (event.nativeEvent.code === 'Escape') {\n handleClose();\n focusReference();\n }\n }\n };\n\n const menuControl = cloneElement(control, {\n ...controlEventHandlers,\n onClick: (event: React.MouseEvent<any>) => {\n controlEventHandlers.onClick();\n typeof control.props.onClick === 'function' && control.props.onClick(event);\n },\n role: 'button',\n 'aria-haspopup': 'menu',\n 'aria-expanded': _opened,\n 'aria-controls': uuid,\n 'aria-label': menuButtonLabel,\n title: menuButtonLabel,\n [controlRefProp]: useMergedRef(setReferenceElement, ref),\n onKeyDown: handleKeyDown,\n });\n\n const content = items.map((item, index) => {\n if (item.type === MenuItem) {\n return (\n <MenuItem<'button'>\n {...item.props}\n key={index}\n hovered={hovered === index}\n onHover={() => setHovered(index)}\n radius={radius}\n onMouseLeave={() => setHovered(-1)}\n onKeyDown={handleKeyDown}\n styles={styles}\n classNames={classNames}\n onClick={(event) => {\n if (closeOnItemClick) {\n handleClose();\n trigger === 'click' && focusReference();\n }\n\n if (typeof item.props.onClick === 'function') {\n item.props.onClick(event);\n }\n }}\n ref={(node) => {\n buttonsRefs.current[index] = node;\n }}\n />\n );\n }\n\n if (item.type === MenuLabel) {\n return <Text key={index} className={classes.label} {...(item.props as any)} />;\n }\n\n if (item.type === Divider) {\n return (\n <Divider\n variant=\"solid\"\n className={classes.divider}\n my={theme.spacing.xs / 2}\n key={index}\n />\n );\n }\n\n return null;\n });\n\n return (\n <Box\n ref={setWrapperElement}\n onMouseLeave={handleMouseLeave}\n onMouseEnter={handleMouseEnter}\n className={cx(classes.root, className)}\n sx={sx}\n {...others}\n >\n {menuControl}\n\n <Popper\n referenceElement={referenceElement}\n transitionDuration={transitionDuration}\n transitionTimingFunction={transitionTimingFunction}\n transition={transition}\n mounted={_opened}\n position={position}\n placement={placement}\n gutter={gutter}\n withArrow={withArrow}\n arrowSize={3}\n zIndex={zIndex}\n arrowClassName={classes.arrow}\n withinPortal={withinPortal}\n >\n <Paper\n shadow={shadow}\n className={classes.body}\n role=\"menu\"\n aria-orientation=\"vertical\"\n radius={radius}\n onMouseLeave={() => setHovered(-1)}\n ref={setDropdownElement}\n id={uuid}\n {...others}\n >\n {content}\n </Paper>\n </Popper>\n </Box>\n );\n }\n) as any;\n\nMenu.Item = MenuItem;\nMenu.Label = MenuLabel;\n\nMenu.displayName = '@mantine/core/Menu';\n"],"names":["React","ActionIcon","MenuIcon","MenuItem","getDefaultZIndex","forwardRef","useMantineDefaultProps","styles","useState","useRef","useStyles","filterChildrenByType","MenuLabel","Divider","useUuid","useUncontrolled","useWindowEvent","useClickOutside","cloneElement","useMergedRef","Text","Box","Popper","Paper"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.styles.js","sources":["../../../src/components/Menu/Menu.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\
|
|
1
|
+
{"version":3,"file":"Menu.styles.js","sources":["../../../src/components/Menu/Menu.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\nexport interface MenuStylesParams {\n size: MantineNumberSize | 'auto';\n}\n\nexport const sizes = {\n xs: 120,\n sm: 160,\n md: 200,\n lg: 240,\n xl: 300,\n};\n\nconst MENU_PADDING = 4;\n\nexport default createStyles((theme, { size }: MenuStylesParams) => ({\n root: {\n display: 'inline-block',\n position: 'relative',\n },\n\n arrow: {\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2],\n background: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n },\n\n body: {\n width: theme.fn.size({ size, sizes }),\n overflow: 'hidden',\n pointerEvents: 'all',\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n }`,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n padding: MENU_PADDING,\n },\n\n divider: {\n borderTopColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.colors.gray[2],\n margin: `${theme.spacing.xs / 2}px -${MENU_PADDING}px`,\n },\n\n label: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n fontWeight: 500,\n fontSize: theme.fontSizes.xs,\n padding: `${theme.spacing.xs / 2}px ${theme.spacing.sm}px`,\n cursor: 'default',\n },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACY,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE,EAAE,EAAE,GAAG;AACT,EAAE;AACF,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,cAAc;AAC3B,IAAI,QAAQ,EAAE,UAAU;AACxB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,WAAW,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3F,IAAI,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACjF,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACzC,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,aAAa,EAAE,KAAK;AACxB,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrG,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,cAAc,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC9F,IAAI,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,YAAY,CAAC,EAAE,CAAC;AAC1D,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC9D,IAAI,MAAM,EAAE,SAAS;AACrB,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n MantineNumberSize,\n ClassNames,\n PolymorphicComponentProps,\n PolymorphicRef,\n DefaultProps,\n MantineColor,\n} from '@mantine/styles';\nimport { Box } from '../../Box';\nimport useStyles from './MenuItem.styles';\n\nexport type MenuItemStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SharedMenuItemProps extends DefaultProps<MenuItemStylesNames> {\n /** Item label */\n children: React.ReactNode;\n\n /** Icon rendered on the left side of label */\n icon?: React.ReactNode;\n\n /** Any color from theme.colors */\n color?: MantineColor;\n\n /** Any react node to render on the right side of item, for example, keyboard shortcut or badge */\n rightSection?: React.ReactNode;\n\n /** Is item disabled */\n disabled?: boolean;\n\n /** Is item hovered, controlled by parent Menu component */\n hovered?: boolean;\n\n /** Called when item is hovered, controlled by parent Menu component */\n onHover?(): void;\n\n /** Border radius, controlled by parent Menu component */\n radius?: MantineNumberSize;\n}\n\nexport type MenuItemProps<C> =
|
|
1
|
+
{"version":3,"file":"MenuItem.js","sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n MantineNumberSize,\n ClassNames,\n PolymorphicComponentProps,\n PolymorphicRef,\n DefaultProps,\n MantineColor,\n} from '@mantine/styles';\nimport { Box } from '../../Box';\nimport useStyles from './MenuItem.styles';\n\nexport type MenuItemStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SharedMenuItemProps extends DefaultProps<MenuItemStylesNames> {\n /** Item label */\n children: React.ReactNode;\n\n /** Icon rendered on the left side of label */\n icon?: React.ReactNode;\n\n /** Any color from theme.colors */\n color?: MantineColor;\n\n /** Any react node to render on the right side of item, for example, keyboard shortcut or badge */\n rightSection?: React.ReactNode;\n\n /** Is item disabled */\n disabled?: boolean;\n\n /** Is item hovered, controlled by parent Menu component */\n hovered?: boolean;\n\n /** Called when item is hovered, controlled by parent Menu component */\n onHover?(): void;\n\n /** Border radius, controlled by parent Menu component */\n radius?: MantineNumberSize;\n}\n\nexport type MenuItemProps<C> = PolymorphicComponentProps<C, SharedMenuItemProps>;\n\nexport type MenuItemComponent = <C = 'button'>(props: MenuItemProps<C>) => React.ReactElement;\n\nexport interface MenuItemType {\n type: any;\n props: MenuItemProps<'button'>;\n ref?: React.RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement) => void);\n}\n\nexport const MenuItem: MenuItemComponent & { displayName?: string } = forwardRef(\n <C extends React.ElementType = 'button'>(\n {\n className,\n children,\n onHover,\n hovered,\n icon,\n color,\n disabled,\n rightSection,\n component,\n classNames,\n styles,\n radius,\n ...others\n }: MenuItemProps<C>,\n ref: PolymorphicRef<C>\n ) => {\n const { classes, cx } = useStyles({ color, radius }, { classNames, styles, name: 'Menu' });\n\n return (\n <Box<any>\n component={component || 'button'}\n type=\"button\"\n role=\"menuitem\"\n className={cx(classes.item, { [classes.itemHovered]: hovered }, className)}\n onMouseEnter={() => !disabled && onHover()}\n ref={ref}\n disabled={disabled}\n {...others}\n >\n <div className={classes.itemInner}>\n {icon && <div className={classes.itemIcon}>{icon}</div>}\n\n <div className={classes.itemBody}>\n <div className={classes.itemLabel}>{children}</div>\n {rightSection}\n </div>\n </div>\n </Box>\n );\n }\n) as any;\n\nMenuItem.displayName = '@mantine/core/MenuItem';\n"],"names":["forwardRef","useStyles","React","Box"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.styles.js","sources":["../../../../src/components/Menu/MenuItem/MenuItem.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\n\
|
|
1
|
+
{"version":3,"file":"MenuItem.styles.js","sources":["../../../../src/components/Menu/MenuItem/MenuItem.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\n\nexport interface MenuItemStylesParams {\n radius: MantineNumberSize;\n color: MantineColor;\n}\n\nexport default createStyles((theme, { radius, color }: MenuItemStylesParams) => ({\n item: {\n ...theme.fn.fontStyles(),\n WebkitTapHighlightColor: 'transparent',\n fontSize: theme.fontSizes.sm,\n border: 0,\n backgroundColor: 'transparent',\n outline: 0,\n width: '100%',\n textAlign: 'left',\n display: 'inline-block',\n textDecoration: 'none',\n boxSizing: 'border-box',\n padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,\n cursor: 'pointer',\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n color: color\n ? theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 5 : 7)\n : theme.colorScheme === 'dark'\n ? theme.colors.dark[0]\n : theme.black,\n\n '&:disabled': {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n pointerEvents: 'none',\n },\n },\n\n itemHovered: {\n backgroundColor: color\n ? theme.fn.rgba(\n theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 9 : 0),\n theme.colorScheme === 'dark' ? 0.2 : 1\n )\n : theme.colorScheme === 'dark'\n ? theme.fn.rgba(theme.colors.dark[3], 0.35)\n : theme.colors.gray[0],\n },\n\n itemInner: {\n display: 'flex',\n alignItems: 'center',\n height: '100%',\n },\n\n itemBody: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n flex: 1,\n },\n\n itemIcon: {\n marginRight: theme.spacing.xs,\n\n '& *': {\n display: 'block',\n },\n },\n\n itemLabel: {\n lineHeight: 1,\n },\n}));\n"],"names":["createStyles"],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var hooks = require('@mantine/hooks');
|
|
7
7
|
var styles = require('@mantine/styles');
|
|
8
8
|
var Modal_styles = require('./Modal.styles.js');
|
|
9
|
-
var
|
|
9
|
+
var OptionalPortal = require('../Portal/OptionalPortal.js');
|
|
10
10
|
var GroupedTransition = require('../Transition/GroupedTransition.js');
|
|
11
11
|
var Box = require('../Box/Box.js');
|
|
12
12
|
var Paper = require('../Paper/Paper.js');
|
|
@@ -49,39 +49,55 @@ var __objRest = (source, exclude) => {
|
|
|
49
49
|
}
|
|
50
50
|
return target;
|
|
51
51
|
};
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
const defaultProps = {
|
|
53
|
+
size: "md",
|
|
54
|
+
transitionDuration: 250,
|
|
55
|
+
overflow: "outside",
|
|
56
|
+
transition: "pop",
|
|
57
|
+
padding: "lg",
|
|
58
|
+
shadow: "lg",
|
|
59
|
+
closeOnClickOutside: true,
|
|
60
|
+
closeOnEscape: true,
|
|
61
|
+
trapFocus: true,
|
|
62
|
+
withCloseButton: true,
|
|
63
|
+
withinPortal: true,
|
|
64
|
+
zIndex: styles.getDefaultZIndex("modal")
|
|
65
|
+
};
|
|
66
|
+
function Modal(props) {
|
|
67
|
+
const _a = styles.useMantineDefaultProps("Modal", defaultProps, props), {
|
|
54
68
|
className,
|
|
55
69
|
opened,
|
|
56
70
|
title,
|
|
57
71
|
onClose,
|
|
58
72
|
children,
|
|
59
|
-
|
|
73
|
+
withCloseButton,
|
|
60
74
|
overlayOpacity,
|
|
61
|
-
size
|
|
62
|
-
transitionDuration
|
|
75
|
+
size,
|
|
76
|
+
transitionDuration,
|
|
63
77
|
closeButtonLabel,
|
|
64
78
|
overlayColor,
|
|
65
|
-
overflow
|
|
66
|
-
transition
|
|
67
|
-
padding
|
|
68
|
-
shadow
|
|
69
|
-
radius
|
|
79
|
+
overflow,
|
|
80
|
+
transition,
|
|
81
|
+
padding,
|
|
82
|
+
shadow,
|
|
83
|
+
radius,
|
|
70
84
|
id,
|
|
71
85
|
classNames,
|
|
72
|
-
styles,
|
|
73
|
-
closeOnClickOutside
|
|
74
|
-
|
|
75
|
-
closeOnEscape
|
|
76
|
-
centered
|
|
77
|
-
target
|
|
78
|
-
|
|
86
|
+
styles: styles$1,
|
|
87
|
+
closeOnClickOutside,
|
|
88
|
+
trapFocus,
|
|
89
|
+
closeOnEscape,
|
|
90
|
+
centered,
|
|
91
|
+
target,
|
|
92
|
+
withinPortal,
|
|
93
|
+
zIndex
|
|
94
|
+
} = _a, others = __objRest(_a, [
|
|
79
95
|
"className",
|
|
80
96
|
"opened",
|
|
81
97
|
"title",
|
|
82
98
|
"onClose",
|
|
83
99
|
"children",
|
|
84
|
-
"
|
|
100
|
+
"withCloseButton",
|
|
85
101
|
"overlayOpacity",
|
|
86
102
|
"size",
|
|
87
103
|
"transitionDuration",
|
|
@@ -96,31 +112,38 @@ function MantineModal(_a) {
|
|
|
96
112
|
"classNames",
|
|
97
113
|
"styles",
|
|
98
114
|
"closeOnClickOutside",
|
|
99
|
-
"
|
|
115
|
+
"trapFocus",
|
|
100
116
|
"closeOnEscape",
|
|
101
117
|
"centered",
|
|
102
|
-
"target"
|
|
118
|
+
"target",
|
|
119
|
+
"withinPortal",
|
|
120
|
+
"zIndex"
|
|
103
121
|
]);
|
|
104
122
|
const baseId = hooks.useUuid(id);
|
|
105
123
|
const titleId = `${baseId}-title`;
|
|
106
124
|
const bodyId = `${baseId}-body`;
|
|
107
|
-
const { classes, cx, theme } = Modal_styles['default']({ size, overflow, centered }, { classNames, styles, name: "Modal" });
|
|
108
|
-
const focusTrapRef = hooks.useFocusTrap(
|
|
125
|
+
const { classes, cx, theme } = Modal_styles['default']({ size, overflow, centered, zIndex }, { classNames, styles: styles$1, name: "Modal" });
|
|
126
|
+
const focusTrapRef = hooks.useFocusTrap(trapFocus && opened);
|
|
109
127
|
const _overlayOpacity = typeof overlayOpacity === "number" ? overlayOpacity : theme.colorScheme === "dark" ? 0.85 : 0.75;
|
|
110
128
|
const [, lockScroll] = hooks.useScrollLock();
|
|
111
129
|
const closeOnEscapePress = (event) => {
|
|
112
|
-
if (
|
|
130
|
+
if (!trapFocus && event.code === "Escape" && closeOnEscape) {
|
|
113
131
|
onClose();
|
|
114
132
|
}
|
|
115
133
|
};
|
|
116
134
|
React.useEffect(() => {
|
|
117
|
-
if (
|
|
135
|
+
if (!trapFocus) {
|
|
118
136
|
window.addEventListener("keydown", closeOnEscapePress);
|
|
119
137
|
return () => window.removeEventListener("keydown", closeOnEscapePress);
|
|
120
138
|
}
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
139
|
+
return void 0;
|
|
140
|
+
}, [trapFocus]);
|
|
141
|
+
hooks.useFocusReturn({ opened, transitionDuration: 0 });
|
|
142
|
+
return /* @__PURE__ */ React__default.createElement(OptionalPortal.OptionalPortal, {
|
|
143
|
+
withinPortal,
|
|
144
|
+
zIndex,
|
|
145
|
+
target
|
|
146
|
+
}, /* @__PURE__ */ React__default.createElement(GroupedTransition.GroupedTransition, {
|
|
124
147
|
onExited: () => lockScroll(false),
|
|
125
148
|
onEntered: () => lockScroll(true),
|
|
126
149
|
mounted: opened,
|
|
@@ -147,7 +170,7 @@ function MantineModal(_a) {
|
|
|
147
170
|
onMouseDown: (event) => event.stopPropagation(),
|
|
148
171
|
className: classes.modal,
|
|
149
172
|
shadow,
|
|
150
|
-
padding,
|
|
173
|
+
p: padding,
|
|
151
174
|
radius,
|
|
152
175
|
role: "dialog",
|
|
153
176
|
"aria-labelledby": titleId,
|
|
@@ -158,12 +181,12 @@ function MantineModal(_a) {
|
|
|
158
181
|
marginLeft: "calc(var(--removed-scroll-width, 0px) * -1)",
|
|
159
182
|
zIndex: 3
|
|
160
183
|
})
|
|
161
|
-
}, (title ||
|
|
184
|
+
}, (title || withCloseButton) && /* @__PURE__ */ React__default.createElement("div", {
|
|
162
185
|
className: classes.header
|
|
163
186
|
}, /* @__PURE__ */ React__default.createElement(Text.Text, {
|
|
164
187
|
id: titleId,
|
|
165
188
|
className: classes.title
|
|
166
|
-
}, title),
|
|
189
|
+
}, title), withCloseButton && /* @__PURE__ */ React__default.createElement(CloseButton.CloseButton, {
|
|
167
190
|
iconSize: 16,
|
|
168
191
|
onClick: onClose,
|
|
169
192
|
"aria-label": closeButtonLabel,
|
|
@@ -178,23 +201,9 @@ function MantineModal(_a) {
|
|
|
178
201
|
zIndex: 0,
|
|
179
202
|
color: overlayColor || (theme.colorScheme === "dark" ? theme.colors.dark[9] : theme.black),
|
|
180
203
|
opacity: _overlayOpacity
|
|
181
|
-
}))));
|
|
182
|
-
}
|
|
183
|
-
function Modal(_c) {
|
|
184
|
-
var _d = _c, {
|
|
185
|
-
zIndex = styles.getDefaultZIndex("modal"),
|
|
186
|
-
target
|
|
187
|
-
} = _d, props = __objRest(_d, [
|
|
188
|
-
"zIndex",
|
|
189
|
-
"target"
|
|
190
|
-
]);
|
|
191
|
-
return /* @__PURE__ */ React__default.createElement(Portal.Portal, {
|
|
192
|
-
zIndex,
|
|
193
|
-
target
|
|
194
|
-
}, /* @__PURE__ */ React__default.createElement(MantineModal, __spreadValues({}, props)));
|
|
204
|
+
})))));
|
|
195
205
|
}
|
|
196
206
|
Modal.displayName = "@mantine/core/Modal";
|
|
197
207
|
|
|
198
|
-
exports.MantineModal = MantineModal;
|
|
199
208
|
exports.Modal = Modal;
|
|
200
209
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\nimport React, { useEffect } from 'react';\nimport { useScrollLock, useFocusTrap, useFocusReturn, useUuid } from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineNumberSize,\n MantineShadow,\n ClassNames,\n MantineMargin,\n getDefaultZIndex,\n} from '@mantine/styles';\nimport { CloseButton } from '../ActionIcon';\nimport { Text } from '../Text';\nimport { Paper } from '../Paper';\nimport { Overlay } from '../Overlay';\nimport { Portal } from '../Portal';\nimport { Box } from '../Box';\nimport { GroupedTransition, MantineTransition } from '../Transition';\nimport useStyles from './Modal.styles';\n\nexport type ModalStylesNames = ClassNames<typeof useStyles>;\n\nexport interface ModalProps\n extends Omit<DefaultProps<ModalStylesNames>, MantineMargin>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n /** Mounts modal if true */\n opened: boolean;\n\n /** Called when close button clicked and when escape key is pressed */\n onClose(): void;\n\n /** Modal title, displayed in header before close button */\n title?: React.ReactNode;\n\n /** Modal z-index property */\n zIndex?: number;\n\n /** Control vertical overflow behavior */\n overflow?: 'outside' | 'inside';\n\n /** Hides close button, modal still can be closed with escape key and by clicking outside */\n hideCloseButton?: boolean;\n\n /** Overlay below modal opacity, defaults to 0.75 in light theme and to 0.85 in dark theme */\n overlayOpacity?: number;\n\n /** Overlay below modal color, defaults to theme.black in light theme and to theme.colors.dark[9] in dark theme */\n overlayColor?: string;\n\n /** Modal radius */\n radius?: MantineNumberSize;\n\n /** Modal body width */\n size?: string | number;\n\n /** Modal body transition */\n transition?: MantineTransition;\n\n /** Duration in ms of modal transitions, set to 0 to disable all animations */\n transitionDuration?: number;\n\n /** Modal body transitionTimingFunction, defaults to theme.transitionTimingFunction */\n transitionTimingFunction?: string;\n\n /** Close button aria-label */\n closeButtonLabel?: string;\n\n /** id base, used to generate ids to connect modal title and body with aria- attributes, defaults to random id */\n id?: string;\n\n /** Modal shadow from theme or css value */\n shadow?: MantineShadow;\n\n /** Modal padding from theme or number value for padding in px */\n padding?: MantineNumberSize;\n\n /** Should modal be closed when outside click was registered? */\n closeOnClickOutside?: boolean;\n\n /** Should modal be closed when escape is pressed? */\n closeOnEscape?: boolean;\n\n /** Disables focus trap */\n noFocusTrap?: boolean;\n\n /** Controls if modal should be centered */\n centered?: boolean;\n\n /** Target element or selector where modal portal should be rendered */\n target?: HTMLElement | string;\n}\n\nexport function MantineModal({\n className,\n opened,\n title,\n onClose,\n children,\n hideCloseButton = false,\n overlayOpacity,\n size = 'md',\n transitionDuration = 300,\n closeButtonLabel,\n overlayColor,\n overflow = 'outside',\n transition = 'pop',\n padding = 'lg',\n shadow = 'lg',\n radius = 'sm',\n id,\n classNames,\n styles,\n closeOnClickOutside = true,\n noFocusTrap = false,\n closeOnEscape = true,\n centered = false,\n target,\n ...others\n}: ModalProps) {\n const baseId = useUuid(id);\n const titleId = `${baseId}-title`;\n const bodyId = `${baseId}-body`;\n const { classes, cx, theme } = useStyles(\n { size, overflow, centered },\n { classNames, styles, name: 'Modal' }\n );\n const focusTrapRef = useFocusTrap(!noFocusTrap && opened);\n const _overlayOpacity =\n typeof overlayOpacity === 'number'\n ? overlayOpacity\n : theme.colorScheme === 'dark'\n ? 0.85\n : 0.75;\n\n const [, lockScroll] = useScrollLock();\n\n const closeOnEscapePress = (event: KeyboardEvent) => {\n if (noFocusTrap && event.code === 'Escape' && closeOnEscape) {\n onClose();\n }\n };\n\n // eslint-disable-next-line consistent-return\n useEffect(() => {\n // onKeyDownCapture event will not fire when focus trap is not active\n if (noFocusTrap) {\n window.addEventListener('keydown', closeOnEscapePress);\n return () => window.removeEventListener('keydown', closeOnEscapePress);\n }\n }, [noFocusTrap]);\n\n useFocusReturn({ opened, transitionDuration });\n\n return (\n <GroupedTransition\n onExited={() => lockScroll(false)}\n onEntered={() => lockScroll(true)}\n mounted={opened}\n transitions={{\n modal: { duration: transitionDuration, transition },\n overlay: {\n duration: transitionDuration / 2,\n transition: 'fade',\n timingFunction: 'ease',\n },\n }}\n >\n {(transitionStyles) => (\n <Box className={cx(classes.root, className)} {...others}>\n <div\n className={classes.inner}\n onMouseDown={() => closeOnClickOutside && onClose()}\n onKeyDownCapture={(event) => {\n const shouldTrigger =\n (event.target as any)?.getAttribute('data-mantine-stop-propagation') !== 'true';\n shouldTrigger && event.nativeEvent.code === 'Escape' && closeOnEscape && onClose();\n }}\n ref={focusTrapRef}\n >\n <Paper<'div'>\n onMouseDown={(event) => event.stopPropagation()}\n className={classes.modal}\n shadow={shadow}\n padding={padding}\n radius={radius}\n role=\"dialog\"\n aria-labelledby={titleId}\n aria-describedby={bodyId}\n aria-modal\n tabIndex={-1}\n style={{\n ...transitionStyles.modal,\n marginLeft: 'calc(var(--removed-scroll-width, 0px) * -1)',\n zIndex: 3,\n }}\n >\n {(title || !hideCloseButton) && (\n <div className={classes.header}>\n <Text id={titleId} className={classes.title}>\n {title}\n </Text>\n\n {!hideCloseButton && (\n <CloseButton\n iconSize={16}\n onClick={onClose}\n aria-label={closeButtonLabel}\n className={classes.close}\n />\n )}\n </div>\n )}\n\n <div id={bodyId} className={classes.body}>\n {children}\n </div>\n </Paper>\n </div>\n\n <div style={transitionStyles.overlay}>\n <Overlay\n className={classes.overlay}\n zIndex={0}\n color={\n overlayColor || (theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.black)\n }\n opacity={_overlayOpacity}\n />\n </div>\n </Box>\n )}\n </GroupedTransition>\n );\n}\n\nexport function Modal({\n zIndex = getDefaultZIndex('modal'),\n target,\n ...props\n}: React.ComponentPropsWithoutRef<typeof MantineModal>) {\n return (\n <Portal zIndex={zIndex} target={target}>\n <MantineModal {...props} />\n </Portal>\n );\n}\n\nModal.displayName = '@mantine/core/Modal';\n"],"names":["useUuid","useStyles","useFocusTrap","useScrollLock","useEffect","useFocusReturn","React","GroupedTransition","Box","Paper","Text","CloseButton","Overlay","getDefaultZIndex","Portal"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\nimport React, { useEffect } from 'react';\nimport { useScrollLock, useFocusTrap, useFocusReturn, useUuid } from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineNumberSize,\n MantineShadow,\n ClassNames,\n MantineStyleSystemSize,\n getDefaultZIndex,\n useMantineDefaultProps,\n} from '@mantine/styles';\nimport { CloseButton } from '../ActionIcon';\nimport { Text } from '../Text';\nimport { Paper } from '../Paper';\nimport { Overlay } from '../Overlay';\nimport { OptionalPortal } from '../Portal';\nimport { Box } from '../Box';\nimport { GroupedTransition, MantineTransition } from '../Transition';\nimport useStyles from './Modal.styles';\n\nexport type ModalStylesNames = ClassNames<typeof useStyles>;\n\nexport interface ModalProps\n extends Omit<DefaultProps<ModalStylesNames>, MantineStyleSystemSize>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n /** Mounts modal if true */\n opened: boolean;\n\n /** Called when close button clicked and when escape key is pressed */\n onClose(): void;\n\n /** Modal title, displayed in header before close button */\n title?: React.ReactNode;\n\n /** Modal z-index property */\n zIndex?: number;\n\n /** Control vertical overflow behavior */\n overflow?: 'outside' | 'inside';\n\n /** Hides close button if set to false, modal still can be closed with escape key and by clicking outside */\n withCloseButton?: boolean;\n\n /** Overlay below modal opacity, defaults to 0.75 in light theme and to 0.85 in dark theme */\n overlayOpacity?: number;\n\n /** Overlay below modal color, defaults to theme.black in light theme and to theme.colors.dark[9] in dark theme */\n overlayColor?: string;\n\n /** Modal radius */\n radius?: MantineNumberSize;\n\n /** Modal body width */\n size?: string | number;\n\n /** Modal body transition */\n transition?: MantineTransition;\n\n /** Duration in ms of modal transitions, set to 0 to disable all animations */\n transitionDuration?: number;\n\n /** Modal body transitionTimingFunction, defaults to theme.transitionTimingFunction */\n transitionTimingFunction?: string;\n\n /** Close button aria-label */\n closeButtonLabel?: string;\n\n /** id base, used to generate ids to connect modal title and body with aria- attributes, defaults to random id */\n id?: string;\n\n /** Modal shadow from theme or css value */\n shadow?: MantineShadow;\n\n /** Modal padding from theme or number value for padding in px */\n padding?: MantineNumberSize;\n\n /** Should modal be closed when outside click was registered? */\n closeOnClickOutside?: boolean;\n\n /** Should modal be closed when escape is pressed? */\n closeOnEscape?: boolean;\n\n /** Disables focus trap */\n trapFocus?: boolean;\n\n /** Controls if modal should be centered */\n centered?: boolean;\n\n /** Target element or selector where modal portal should be rendered */\n target?: HTMLElement | string;\n\n /** Determines whether modal should be rendered within Portal, defaults to true */\n withinPortal?: boolean;\n}\n\nconst defaultProps: Partial<ModalProps> = {\n size: 'md',\n transitionDuration: 250,\n overflow: 'outside',\n transition: 'pop',\n padding: 'lg',\n shadow: 'lg',\n closeOnClickOutside: true,\n closeOnEscape: true,\n trapFocus: true,\n withCloseButton: true,\n withinPortal: true,\n zIndex: getDefaultZIndex('modal'),\n};\n\nexport function Modal(props: ModalProps) {\n const {\n className,\n opened,\n title,\n onClose,\n children,\n withCloseButton,\n overlayOpacity,\n size,\n transitionDuration,\n closeButtonLabel,\n overlayColor,\n overflow,\n transition,\n padding,\n shadow,\n radius,\n id,\n classNames,\n styles,\n closeOnClickOutside,\n trapFocus,\n closeOnEscape,\n centered,\n target,\n withinPortal,\n zIndex,\n ...others\n } = useMantineDefaultProps('Modal', defaultProps, props);\n const baseId = useUuid(id);\n const titleId = `${baseId}-title`;\n const bodyId = `${baseId}-body`;\n const { classes, cx, theme } = useStyles(\n { size, overflow, centered, zIndex },\n { classNames, styles, name: 'Modal' }\n );\n const focusTrapRef = useFocusTrap(trapFocus && opened);\n const _overlayOpacity =\n typeof overlayOpacity === 'number'\n ? overlayOpacity\n : theme.colorScheme === 'dark'\n ? 0.85\n : 0.75;\n\n const [, lockScroll] = useScrollLock();\n\n const closeOnEscapePress = (event: KeyboardEvent) => {\n if (!trapFocus && event.code === 'Escape' && closeOnEscape) {\n onClose();\n }\n };\n\n useEffect(() => {\n if (!trapFocus) {\n window.addEventListener('keydown', closeOnEscapePress);\n return () => window.removeEventListener('keydown', closeOnEscapePress);\n }\n\n return undefined;\n }, [trapFocus]);\n\n useFocusReturn({ opened, transitionDuration: 0 });\n\n return (\n <OptionalPortal withinPortal={withinPortal} zIndex={zIndex} target={target}>\n <GroupedTransition\n onExited={() => lockScroll(false)}\n onEntered={() => lockScroll(true)}\n mounted={opened}\n transitions={{\n modal: { duration: transitionDuration, transition },\n overlay: {\n duration: transitionDuration / 2,\n transition: 'fade',\n timingFunction: 'ease',\n },\n }}\n >\n {(transitionStyles) => (\n <Box className={cx(classes.root, className)} {...others}>\n <div\n className={classes.inner}\n onMouseDown={() => closeOnClickOutside && onClose()}\n onKeyDownCapture={(event) => {\n const shouldTrigger =\n (event.target as any)?.getAttribute('data-mantine-stop-propagation') !== 'true';\n shouldTrigger && event.nativeEvent.code === 'Escape' && closeOnEscape && onClose();\n }}\n ref={focusTrapRef}\n >\n <Paper<'div'>\n onMouseDown={(event) => event.stopPropagation()}\n className={classes.modal}\n shadow={shadow}\n p={padding}\n radius={radius}\n role=\"dialog\"\n aria-labelledby={titleId}\n aria-describedby={bodyId}\n aria-modal\n tabIndex={-1}\n style={{\n ...transitionStyles.modal,\n marginLeft: 'calc(var(--removed-scroll-width, 0px) * -1)',\n zIndex: 3,\n }}\n >\n {(title || withCloseButton) && (\n <div className={classes.header}>\n <Text id={titleId} className={classes.title}>\n {title}\n </Text>\n\n {withCloseButton && (\n <CloseButton\n iconSize={16}\n onClick={onClose}\n aria-label={closeButtonLabel}\n className={classes.close}\n />\n )}\n </div>\n )}\n\n <div id={bodyId} className={classes.body}>\n {children}\n </div>\n </Paper>\n </div>\n\n <div style={transitionStyles.overlay}>\n <Overlay\n className={classes.overlay}\n zIndex={0}\n color={\n overlayColor ||\n (theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.black)\n }\n opacity={_overlayOpacity}\n />\n </div>\n </Box>\n )}\n </GroupedTransition>\n </OptionalPortal>\n );\n}\n\nModal.displayName = '@mantine/core/Modal';\n"],"names":["getDefaultZIndex","useMantineDefaultProps","styles","useUuid","useStyles","useFocusTrap","useScrollLock","useEffect","useFocusReturn","React","OptionalPortal","GroupedTransition","Box","Paper","Text","CloseButton","Overlay"],"mappings":"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"}
|
|
@@ -12,11 +12,12 @@ const sizes = {
|
|
|
12
12
|
xl: 780,
|
|
13
13
|
full: "100%"
|
|
14
14
|
};
|
|
15
|
-
var useStyles = styles.createStyles((theme, { overflow, size, centered }) => ({
|
|
15
|
+
var useStyles = styles.createStyles((theme, { overflow, size, centered, zIndex }) => ({
|
|
16
16
|
close: {},
|
|
17
17
|
overlay: {},
|
|
18
18
|
root: {
|
|
19
19
|
position: "fixed",
|
|
20
|
+
zIndex,
|
|
20
21
|
top: 0,
|
|
21
22
|
left: 0,
|
|
22
23
|
right: 0,
|