@mantine/core 7.0.0-beta.3 → 7.0.0-beta.5
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/cjs/components/Accordion/Accordion.context.js.map +1 -1
- package/cjs/components/Accordion/Accordion.js +2 -1
- package/cjs/components/Accordion/Accordion.js.map +1 -1
- package/cjs/components/Accordion/AccordionControl/AccordionControl.js +1 -2
- package/cjs/components/Accordion/AccordionControl/AccordionControl.js.map +1 -1
- package/cjs/components/Accordion/AccordionItem/AccordionItem.js +1 -1
- package/cjs/components/Accordion/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/AccordionPanel/AccordionPanel.js +1 -1
- package/cjs/components/Accordion/AccordionPanel/AccordionPanel.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/Alert/Alert.js +2 -1
- package/cjs/components/Alert/Alert.js.map +1 -1
- package/cjs/components/Anchor/Anchor.js +4 -3
- package/cjs/components/Anchor/Anchor.js.map +1 -1
- package/cjs/components/AppShell/AppShell.js.map +1 -1
- package/cjs/components/AppShell/AppShellFooter/AppShellFooter.js +9 -1
- package/cjs/components/AppShell/AppShellFooter/AppShellFooter.js.map +1 -1
- package/cjs/components/AppShell/AppShellHeader/AppShellHeader.js +9 -1
- package/cjs/components/AppShell/AppShellHeader/AppShellHeader.js.map +1 -1
- package/cjs/components/AppShell/AppShellMain/AppShellMain.js +1 -1
- package/cjs/components/AppShell/AppShellMain/AppShellMain.js.map +1 -1
- package/cjs/components/AppShell/AppShellSection/AppShellSection.js +1 -1
- package/cjs/components/AppShell/AppShellSection/AppShellSection.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js +2 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Avatar/Avatar.js.map +1 -1
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -1
- package/cjs/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Card/Card.js +1 -1
- package/cjs/components/Card/Card.js.map +1 -1
- package/cjs/components/Card/CardSection/CardSection.js +1 -19
- package/cjs/components/Card/CardSection/CardSection.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/ColorInput/ColorInput.js +1 -0
- package/cjs/components/ColorInput/ColorInput.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.context.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/components/ColorPicker/Swatches/Swatches.js +4 -3
- package/cjs/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/cjs/components/Combobox/Combobox.js +4 -1
- package/cjs/components/Combobox/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxEmpty/ComboboxEmpty.js +1 -1
- package/cjs/components/Combobox/ComboboxEmpty/ComboboxEmpty.js.map +1 -1
- package/cjs/components/Combobox/ComboboxFooter/ComboboxFooter.js +1 -1
- package/cjs/components/Combobox/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/cjs/components/Combobox/ComboboxGroup/ComboboxGroup.js +5 -1
- package/cjs/components/Combobox/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/cjs/components/Combobox/ComboboxHeader/ComboboxHeader.js +1 -1
- package/cjs/components/Combobox/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOption/ComboboxOption.js +0 -2
- package/cjs/components/Combobox/ComboboxOption/ComboboxOption.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOptions/ComboboxOptions.js +1 -1
- package/cjs/components/Combobox/ComboboxOptions/ComboboxOptions.js.map +1 -1
- package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.js +9 -5
- package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.js.map +1 -1
- package/cjs/components/Container/Container.js +3 -1
- package/cjs/components/Container/Container.js.map +1 -1
- package/cjs/components/Dialog/Dialog.js +3 -2
- package/cjs/components/Dialog/Dialog.js.map +1 -1
- package/cjs/components/Drawer/DrawerBody.js +1 -1
- package/cjs/components/Drawer/DrawerBody.js.map +1 -1
- package/cjs/components/Drawer/DrawerCloseButton.js +1 -1
- package/cjs/components/Drawer/DrawerCloseButton.js.map +1 -1
- package/cjs/components/Drawer/DrawerContent.js.map +1 -1
- package/cjs/components/Drawer/DrawerHeader.js +1 -1
- package/cjs/components/Drawer/DrawerHeader.js.map +1 -1
- package/cjs/components/Drawer/DrawerOverlay.js +1 -1
- package/cjs/components/Drawer/DrawerOverlay.js.map +1 -1
- package/cjs/components/Drawer/DrawerRoot.js +2 -1
- package/cjs/components/Drawer/DrawerRoot.js.map +1 -1
- package/cjs/components/Drawer/DrawerTitle.js +1 -1
- package/cjs/components/Drawer/DrawerTitle.js.map +1 -1
- package/cjs/components/Fieldset/Fieldset.js.map +1 -1
- package/cjs/components/Grid/Grid.js.map +1 -1
- package/cjs/components/Grid/GridCol/GridCol.js +1 -1
- package/cjs/components/Grid/GridCol/GridCol.js.map +1 -1
- package/cjs/components/Group/Group.js.map +1 -1
- package/cjs/components/Image/Image.js.map +1 -1
- package/cjs/components/Indicator/Indicator.js.map +1 -1
- package/cjs/components/Input/Input.js.map +1 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.js +1 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/cjs/components/Input/use-input-props.js +4 -2
- package/cjs/components/Input/use-input-props.js.map +1 -1
- package/cjs/components/List/List.js.map +1 -1
- package/cjs/components/List/ListItem/ListItem.js +1 -1
- package/cjs/components/List/ListItem/ListItem.js.map +1 -1
- package/cjs/components/LoadingOverlay/LoadingOverlay.js +1 -1
- package/cjs/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
- package/cjs/components/Menu/Menu.context.js.map +1 -1
- package/cjs/components/Menu/Menu.js +2 -1
- package/cjs/components/Menu/Menu.js.map +1 -1
- package/cjs/components/Menu/MenuDivider/MenuDivider.js +1 -1
- package/cjs/components/Menu/MenuDivider/MenuDivider.js.map +1 -1
- package/cjs/components/Menu/MenuDropdown/MenuDropdown.js +0 -2
- package/cjs/components/Menu/MenuDropdown/MenuDropdown.js.map +1 -1
- package/cjs/components/Menu/MenuItem/MenuItem.js +1 -2
- package/cjs/components/Menu/MenuItem/MenuItem.js.map +1 -1
- package/cjs/components/Menu/MenuLabel/MenuLabel.js +1 -1
- package/cjs/components/Menu/MenuLabel/MenuLabel.js.map +1 -1
- package/cjs/components/Modal/ModalBody.js +1 -1
- package/cjs/components/Modal/ModalBody.js.map +1 -1
- package/cjs/components/Modal/ModalCloseButton.js +1 -1
- package/cjs/components/Modal/ModalCloseButton.js.map +1 -1
- package/cjs/components/Modal/ModalContent.js.map +1 -1
- package/cjs/components/Modal/ModalHeader.js +1 -1
- package/cjs/components/Modal/ModalHeader.js.map +1 -1
- package/cjs/components/Modal/ModalOverlay.js +1 -1
- package/cjs/components/Modal/ModalOverlay.js.map +1 -1
- package/cjs/components/Modal/ModalRoot.js +2 -1
- package/cjs/components/Modal/ModalRoot.js.map +1 -1
- package/cjs/components/Modal/ModalTitle.js +1 -1
- package/cjs/components/Modal/ModalTitle.js.map +1 -1
- package/cjs/components/ModalBase/ModalBase.context.js.map +1 -1
- package/cjs/components/ModalBase/ModalBase.js +6 -3
- package/cjs/components/ModalBase/ModalBase.js.map +1 -1
- package/cjs/components/ModalBase/ModalBaseBody.js +11 -1
- package/cjs/components/ModalBase/ModalBaseBody.js.map +1 -1
- package/cjs/components/ModalBase/ModalBaseCloseButton.js +2 -1
- package/cjs/components/ModalBase/ModalBaseCloseButton.js.map +1 -1
- package/cjs/components/ModalBase/ModalBaseContent.js +22 -15
- package/cjs/components/ModalBase/ModalBaseContent.js.map +1 -1
- package/cjs/components/ModalBase/ModalBaseHeader.js +3 -1
- package/cjs/components/ModalBase/ModalBaseHeader.js.map +1 -1
- package/cjs/components/ModalBase/ModalBaseOverlay.js +1 -0
- package/cjs/components/ModalBase/ModalBaseOverlay.js.map +1 -1
- package/cjs/components/ModalBase/ModalBaseTitle.js +12 -1
- package/cjs/components/ModalBase/ModalBaseTitle.js.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.js +5 -3
- package/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/cjs/components/NativeSelect/NativeSelect.js +3 -2
- package/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
- package/cjs/components/Notification/Notification.js +1 -0
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Overlay/Overlay.js.map +1 -1
- package/cjs/components/Pagination/PaginationControl/PaginationControl.js +1 -21
- package/cjs/components/Pagination/PaginationControl/PaginationControl.js.map +1 -1
- package/cjs/components/Pagination/PaginationDots/PaginationDots.js +1 -1
- package/cjs/components/Pagination/PaginationDots/PaginationDots.js.map +1 -1
- package/cjs/components/Pagination/PaginationRoot/PaginationRoot.js.map +1 -1
- package/cjs/components/Paper/Paper.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.js +3 -1
- package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
- package/cjs/components/Pill/Pill.js +2 -1
- package/cjs/components/Pill/Pill.js.map +1 -1
- package/cjs/components/PinInput/PinInput.js +11 -7
- package/cjs/components/PinInput/PinInput.js.map +1 -1
- package/cjs/components/Popover/Popover.context.js.map +1 -1
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.js +0 -2
- package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/cjs/components/Progress/ProgressLabel/ProgressLabel.js +1 -1
- package/cjs/components/Progress/ProgressLabel/ProgressLabel.js.map +1 -1
- package/cjs/components/Progress/ProgressRoot/ProgressRoot.js.map +1 -1
- package/cjs/components/Progress/ProgressSection/ProgressSection.js +0 -2
- package/cjs/components/Progress/ProgressSection/ProgressSection.js.map +1 -1
- package/cjs/components/Radio/Radio.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/cjs/components/Select/Select.js +9 -5
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.js +6 -3
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js +2 -1
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/cjs/components/Stack/Stack.js.map +1 -1
- package/cjs/components/Stepper/Stepper.js.map +1 -1
- package/cjs/components/Stepper/StepperStep/StepperStep.js +0 -2
- package/cjs/components/Stepper/StepperStep/StepperStep.js.map +1 -1
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Table/Table.components.js +1 -1
- package/cjs/components/Table/Table.components.js.map +1 -1
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/TabsList/TabsList.js.map +1 -1
- package/cjs/components/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/cjs/components/Tabs/TabsTab/TabsTab.js.map +1 -1
- package/cjs/components/TagsInput/TagsInput.js +5 -3
- package/cjs/components/TagsInput/TagsInput.js.map +1 -1
- package/cjs/components/ThemeIcon/ThemeIcon.js.map +1 -1
- package/cjs/components/Timeline/Timeline.js.map +1 -1
- package/cjs/components/Timeline/TimelineItem/TimelineItem.js +0 -2
- package/cjs/components/Timeline/TimelineItem/TimelineItem.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/color-resolver/color-resolver.js +3 -0
- package/cjs/core/Box/style-props/resolvers/color-resolver/color-resolver.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +5 -3
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js.map +1 -1
- package/cjs/index.css +63 -51
- package/esm/components/Accordion/Accordion.context.js.map +1 -1
- package/esm/components/Accordion/Accordion.js +2 -1
- package/esm/components/Accordion/Accordion.js.map +1 -1
- package/esm/components/Accordion/AccordionControl/AccordionControl.js +1 -2
- package/esm/components/Accordion/AccordionControl/AccordionControl.js.map +1 -1
- package/esm/components/Accordion/AccordionItem/AccordionItem.js +1 -1
- package/esm/components/Accordion/AccordionItem/AccordionItem.js.map +1 -1
- package/esm/components/Accordion/AccordionPanel/AccordionPanel.js +1 -1
- package/esm/components/Accordion/AccordionPanel/AccordionPanel.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
- package/esm/components/Alert/Alert.js +2 -1
- package/esm/components/Alert/Alert.js.map +1 -1
- package/esm/components/Anchor/Anchor.js +4 -3
- package/esm/components/Anchor/Anchor.js.map +1 -1
- package/esm/components/AppShell/AppShell.js.map +1 -1
- package/esm/components/AppShell/AppShellFooter/AppShellFooter.js +8 -1
- package/esm/components/AppShell/AppShellFooter/AppShellFooter.js.map +1 -1
- package/esm/components/AppShell/AppShellHeader/AppShellHeader.js +8 -1
- package/esm/components/AppShell/AppShellHeader/AppShellHeader.js.map +1 -1
- package/esm/components/AppShell/AppShellMain/AppShellMain.js +1 -1
- package/esm/components/AppShell/AppShellMain/AppShellMain.js.map +1 -1
- package/esm/components/AppShell/AppShellSection/AppShellSection.js +1 -1
- package/esm/components/AppShell/AppShellSection/AppShellSection.js.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.js +2 -1
- package/esm/components/Autocomplete/Autocomplete.js.map +1 -1
- package/esm/components/Avatar/Avatar.js.map +1 -1
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -1
- package/esm/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/esm/components/Badge/Badge.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.js.map +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Card/Card.js +1 -1
- package/esm/components/Card/Card.js.map +1 -1
- package/esm/components/Card/CardSection/CardSection.js +1 -19
- package/esm/components/Card/CardSection/CardSection.js.map +1 -1
- package/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/esm/components/Chip/Chip.js.map +1 -1
- package/esm/components/ColorInput/ColorInput.js +1 -0
- package/esm/components/ColorInput/ColorInput.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.context.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.js +1 -1
- package/esm/components/ColorPicker/ColorPicker.js.map +1 -1
- package/esm/components/ColorPicker/Swatches/Swatches.js +4 -3
- package/esm/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/esm/components/Combobox/Combobox.js +4 -1
- package/esm/components/Combobox/Combobox.js.map +1 -1
- package/esm/components/Combobox/ComboboxEmpty/ComboboxEmpty.js +1 -1
- package/esm/components/Combobox/ComboboxEmpty/ComboboxEmpty.js.map +1 -1
- package/esm/components/Combobox/ComboboxFooter/ComboboxFooter.js +1 -1
- package/esm/components/Combobox/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/esm/components/Combobox/ComboboxGroup/ComboboxGroup.js +5 -1
- package/esm/components/Combobox/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/esm/components/Combobox/ComboboxHeader/ComboboxHeader.js +1 -1
- package/esm/components/Combobox/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/esm/components/Combobox/ComboboxOption/ComboboxOption.js +0 -2
- package/esm/components/Combobox/ComboboxOption/ComboboxOption.js.map +1 -1
- package/esm/components/Combobox/ComboboxOptions/ComboboxOptions.js +1 -1
- package/esm/components/Combobox/ComboboxOptions/ComboboxOptions.js.map +1 -1
- package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.js +8 -5
- package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.js.map +1 -1
- package/esm/components/Container/Container.js +3 -1
- package/esm/components/Container/Container.js.map +1 -1
- package/esm/components/Dialog/Dialog.js +3 -2
- package/esm/components/Dialog/Dialog.js.map +1 -1
- package/esm/components/Drawer/DrawerBody.js +1 -1
- package/esm/components/Drawer/DrawerBody.js.map +1 -1
- package/esm/components/Drawer/DrawerCloseButton.js +1 -1
- package/esm/components/Drawer/DrawerCloseButton.js.map +1 -1
- package/esm/components/Drawer/DrawerContent.js.map +1 -1
- package/esm/components/Drawer/DrawerHeader.js +1 -1
- package/esm/components/Drawer/DrawerHeader.js.map +1 -1
- package/esm/components/Drawer/DrawerOverlay.js +1 -1
- package/esm/components/Drawer/DrawerOverlay.js.map +1 -1
- package/esm/components/Drawer/DrawerRoot.js +2 -1
- package/esm/components/Drawer/DrawerRoot.js.map +1 -1
- package/esm/components/Drawer/DrawerTitle.js +1 -1
- package/esm/components/Drawer/DrawerTitle.js.map +1 -1
- package/esm/components/Fieldset/Fieldset.js.map +1 -1
- package/esm/components/Grid/Grid.js.map +1 -1
- package/esm/components/Grid/GridCol/GridCol.js +1 -1
- package/esm/components/Grid/GridCol/GridCol.js.map +1 -1
- package/esm/components/Group/Group.js.map +1 -1
- package/esm/components/Image/Image.js.map +1 -1
- package/esm/components/Indicator/Indicator.js.map +1 -1
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.js +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/esm/components/Input/use-input-props.js +4 -2
- package/esm/components/Input/use-input-props.js.map +1 -1
- package/esm/components/List/List.js.map +1 -1
- package/esm/components/List/ListItem/ListItem.js +1 -1
- package/esm/components/List/ListItem/ListItem.js.map +1 -1
- package/esm/components/LoadingOverlay/LoadingOverlay.js +1 -1
- package/esm/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
- package/esm/components/Menu/Menu.context.js.map +1 -1
- package/esm/components/Menu/Menu.js +2 -1
- package/esm/components/Menu/Menu.js.map +1 -1
- package/esm/components/Menu/MenuDivider/MenuDivider.js +1 -1
- package/esm/components/Menu/MenuDivider/MenuDivider.js.map +1 -1
- package/esm/components/Menu/MenuDropdown/MenuDropdown.js +0 -2
- package/esm/components/Menu/MenuDropdown/MenuDropdown.js.map +1 -1
- package/esm/components/Menu/MenuItem/MenuItem.js +1 -2
- package/esm/components/Menu/MenuItem/MenuItem.js.map +1 -1
- package/esm/components/Menu/MenuLabel/MenuLabel.js +1 -1
- package/esm/components/Menu/MenuLabel/MenuLabel.js.map +1 -1
- package/esm/components/Modal/ModalBody.js +1 -1
- package/esm/components/Modal/ModalBody.js.map +1 -1
- package/esm/components/Modal/ModalCloseButton.js +1 -1
- package/esm/components/Modal/ModalCloseButton.js.map +1 -1
- package/esm/components/Modal/ModalContent.js.map +1 -1
- package/esm/components/Modal/ModalHeader.js +1 -1
- package/esm/components/Modal/ModalHeader.js.map +1 -1
- package/esm/components/Modal/ModalOverlay.js +1 -1
- package/esm/components/Modal/ModalOverlay.js.map +1 -1
- package/esm/components/Modal/ModalRoot.js +2 -1
- package/esm/components/Modal/ModalRoot.js.map +1 -1
- package/esm/components/Modal/ModalTitle.js +1 -1
- package/esm/components/Modal/ModalTitle.js.map +1 -1
- package/esm/components/ModalBase/ModalBase.context.js.map +1 -1
- package/esm/components/ModalBase/ModalBase.js +6 -3
- package/esm/components/ModalBase/ModalBase.js.map +1 -1
- package/esm/components/ModalBase/ModalBaseBody.js +11 -1
- package/esm/components/ModalBase/ModalBaseBody.js.map +1 -1
- package/esm/components/ModalBase/ModalBaseCloseButton.js +2 -1
- package/esm/components/ModalBase/ModalBaseCloseButton.js.map +1 -1
- package/esm/components/ModalBase/ModalBaseContent.js +22 -15
- package/esm/components/ModalBase/ModalBaseContent.js.map +1 -1
- package/esm/components/ModalBase/ModalBaseHeader.js +3 -1
- package/esm/components/ModalBase/ModalBaseHeader.js.map +1 -1
- package/esm/components/ModalBase/ModalBaseOverlay.js +1 -0
- package/esm/components/ModalBase/ModalBaseOverlay.js.map +1 -1
- package/esm/components/ModalBase/ModalBaseTitle.js +12 -1
- package/esm/components/ModalBase/ModalBaseTitle.js.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.js +5 -3
- package/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/esm/components/NativeSelect/NativeSelect.js +3 -2
- package/esm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/esm/components/Notification/Notification.js +1 -0
- package/esm/components/Notification/Notification.js.map +1 -1
- package/esm/components/Overlay/Overlay.js.map +1 -1
- package/esm/components/Pagination/PaginationControl/PaginationControl.js +1 -21
- package/esm/components/Pagination/PaginationControl/PaginationControl.js.map +1 -1
- package/esm/components/Pagination/PaginationDots/PaginationDots.js +1 -1
- package/esm/components/Pagination/PaginationDots/PaginationDots.js.map +1 -1
- package/esm/components/Pagination/PaginationRoot/PaginationRoot.js.map +1 -1
- package/esm/components/Paper/Paper.js.map +1 -1
- package/esm/components/PasswordInput/PasswordInput.js +3 -1
- package/esm/components/PasswordInput/PasswordInput.js.map +1 -1
- package/esm/components/Pill/Pill.js +2 -1
- package/esm/components/Pill/Pill.js.map +1 -1
- package/esm/components/PinInput/PinInput.js +11 -7
- package/esm/components/PinInput/PinInput.js.map +1 -1
- package/esm/components/Popover/Popover.context.js.map +1 -1
- package/esm/components/Popover/Popover.js.map +1 -1
- package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js +0 -2
- package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/esm/components/Progress/ProgressLabel/ProgressLabel.js +1 -1
- package/esm/components/Progress/ProgressLabel/ProgressLabel.js.map +1 -1
- package/esm/components/Progress/ProgressRoot/ProgressRoot.js.map +1 -1
- package/esm/components/Progress/ProgressSection/ProgressSection.js +0 -2
- package/esm/components/Progress/ProgressSection/ProgressSection.js.map +1 -1
- package/esm/components/Radio/Radio.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/Select/Select.js +9 -5
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.js +6 -3
- package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/esm/components/Slider/Slider/Slider.js +2 -1
- package/esm/components/Slider/Slider/Slider.js.map +1 -1
- package/esm/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/esm/components/Stack/Stack.js.map +1 -1
- package/esm/components/Stepper/Stepper.js.map +1 -1
- package/esm/components/Stepper/StepperStep/StepperStep.js +0 -2
- package/esm/components/Stepper/StepperStep/StepperStep.js.map +1 -1
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/Table/Table.components.js +1 -1
- package/esm/components/Table/Table.components.js.map +1 -1
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Tabs/Tabs.js.map +1 -1
- package/esm/components/Tabs/TabsList/TabsList.js.map +1 -1
- package/esm/components/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/esm/components/Tabs/TabsTab/TabsTab.js.map +1 -1
- package/esm/components/TagsInput/TagsInput.js +5 -3
- package/esm/components/TagsInput/TagsInput.js.map +1 -1
- package/esm/components/ThemeIcon/ThemeIcon.js.map +1 -1
- package/esm/components/Timeline/Timeline.js.map +1 -1
- package/esm/components/Timeline/TimelineItem/TimelineItem.js +0 -2
- package/esm/components/Timeline/TimelineItem/TimelineItem.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/color-resolver/color-resolver.js +3 -0
- package/esm/core/Box/style-props/resolvers/color-resolver/color-resolver.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +5 -3
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js.map +1 -1
- package/esm/index.css +63 -51
- package/esm/styles/Badge.css +1 -1
- package/esm/styles/Checkbox.css +1 -1
- package/esm/styles/Image.css +1 -1
- package/esm/styles/Input.css +1 -1
- package/esm/styles/PasswordInput.css +1 -1
- package/esm/styles/Radio.css +1 -1
- package/esm/styles/Rating.css +1 -1
- package/esm/styles/global.css +1 -1
- package/lib/components/Accordion/Accordion.context.d.ts +1 -0
- package/lib/components/Accordion/Accordion.d.ts +1 -1
- package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts +2 -2
- package/lib/components/Accordion/AccordionItem/AccordionItem.d.ts +2 -2
- package/lib/components/Accordion/AccordionPanel/AccordionPanel.d.ts +2 -2
- package/lib/components/ActionIcon/ActionIcon.d.ts +1 -1
- package/lib/components/Alert/Alert.d.ts +1 -1
- package/lib/components/AppShell/AppShell.d.ts +1 -1
- package/lib/components/AppShell/AppShellMain/AppShellMain.d.ts +2 -2
- package/lib/components/AppShell/AppShellSection/AppShellSection.d.ts +2 -2
- package/lib/components/Avatar/Avatar.d.ts +1 -1
- package/lib/components/Avatar/AvatarGroup/AvatarGroup.d.ts +1 -1
- package/lib/components/BackgroundImage/BackgroundImage.d.ts +1 -1
- package/lib/components/Badge/Badge.d.ts +1 -1
- package/lib/components/Blockquote/Blockquote.d.ts +1 -1
- package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/lib/components/Button/Button.d.ts +1 -1
- package/lib/components/Card/Card.d.ts +3 -3
- package/lib/components/Card/CardSection/CardSection.d.ts +2 -2
- package/lib/components/Checkbox/Checkbox.d.ts +1 -1
- package/lib/components/Chip/Chip.d.ts +1 -1
- package/lib/components/ColorPicker/ColorPicker.context.d.ts +1 -0
- package/lib/components/ColorSwatch/ColorSwatch.d.ts +1 -1
- package/lib/components/Combobox/Combobox.d.ts +77 -1
- package/lib/components/Combobox/ComboboxEmpty/ComboboxEmpty.d.ts +2 -2
- package/lib/components/Combobox/ComboboxFooter/ComboboxFooter.d.ts +2 -2
- package/lib/components/Combobox/ComboboxGroup/ComboboxGroup.d.ts +2 -2
- package/lib/components/Combobox/ComboboxHeader/ComboboxHeader.d.ts +2 -2
- package/lib/components/Combobox/ComboboxOption/ComboboxOption.d.ts +2 -2
- package/lib/components/Combobox/ComboboxOptions/ComboboxOptions.d.ts +2 -2
- package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts +2 -1
- package/lib/components/Drawer/DrawerBody.d.ts +2 -2
- package/lib/components/Drawer/DrawerCloseButton.d.ts +2 -2
- package/lib/components/Drawer/DrawerContent.d.ts +2 -2
- package/lib/components/Drawer/DrawerHeader.d.ts +2 -2
- package/lib/components/Drawer/DrawerOverlay.d.ts +2 -2
- package/lib/components/Drawer/DrawerTitle.d.ts +2 -2
- package/lib/components/Fieldset/Fieldset.d.ts +1 -1
- package/lib/components/Grid/Grid.d.ts +1 -1
- package/lib/components/Grid/GridCol/GridCol.d.ts +2 -2
- package/lib/components/Group/Group.d.ts +1 -1
- package/lib/components/Image/Image.d.ts +1 -1
- package/lib/components/Indicator/Indicator.d.ts +1 -1
- package/lib/components/Input/Input.d.ts +1 -1
- package/lib/components/Input/use-input-props.d.ts +5 -3
- package/lib/components/List/List.d.ts +1 -1
- package/lib/components/List/ListItem/ListItem.d.ts +2 -2
- package/lib/components/Menu/Menu.context.d.ts +1 -0
- package/lib/components/Menu/MenuDivider/MenuDivider.d.ts +2 -2
- package/lib/components/Menu/MenuDropdown/MenuDropdown.d.ts +2 -2
- package/lib/components/Menu/MenuItem/MenuItem.d.ts +3 -3
- package/lib/components/Menu/MenuLabel/MenuLabel.d.ts +2 -2
- package/lib/components/Modal/ModalBody.d.ts +2 -2
- package/lib/components/Modal/ModalCloseButton.d.ts +2 -2
- package/lib/components/Modal/ModalContent.d.ts +2 -2
- package/lib/components/Modal/ModalHeader.d.ts +2 -2
- package/lib/components/Modal/ModalOverlay.d.ts +2 -2
- package/lib/components/Modal/ModalRoot.d.ts +1 -1
- package/lib/components/Modal/ModalTitle.d.ts +2 -2
- package/lib/components/ModalBase/ModalBase.context.d.ts +1 -0
- package/lib/components/ModalBase/ModalBase.d.ts +3 -2
- package/lib/components/ModalBase/ModalBaseContent.d.ts +2 -2
- package/lib/components/Notification/Notification.d.ts +1 -1
- package/lib/components/Overlay/Overlay.d.ts +1 -1
- package/lib/components/Pagination/PaginationControl/PaginationControl.d.ts +2 -2
- package/lib/components/Pagination/PaginationDots/PaginationDots.d.ts +2 -2
- package/lib/components/Pagination/PaginationRoot/PaginationRoot.d.ts +1 -1
- package/lib/components/Paper/Paper.d.ts +2 -2
- package/lib/components/Pill/Pill.d.ts +1 -1
- package/lib/components/PinInput/PinInput.d.ts +2 -2
- package/lib/components/Popover/Popover.context.d.ts +2 -2
- package/lib/components/Popover/Popover.d.ts +2 -2
- package/lib/components/Popover/PopoverDropdown/PopoverDropdown.d.ts +2 -2
- package/lib/components/Progress/ProgressLabel/ProgressLabel.d.ts +2 -2
- package/lib/components/Progress/ProgressRoot/ProgressRoot.d.ts +1 -1
- package/lib/components/Progress/ProgressSection/ProgressSection.d.ts +2 -2
- package/lib/components/Radio/Radio.d.ts +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/lib/components/SimpleGrid/SimpleGrid.d.ts +2 -2
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +1 -1
- package/lib/components/Slider/Slider/Slider.d.ts +1 -1
- package/lib/components/Slider/SliderRoot/SliderRoot.d.ts +1 -1
- package/lib/components/Stack/Stack.d.ts +1 -1
- package/lib/components/Stepper/Stepper.d.ts +2 -2
- package/lib/components/Stepper/StepperStep/StepperStep.d.ts +2 -2
- package/lib/components/Switch/Switch.d.ts +1 -1
- package/lib/components/Table/Table.components.d.ts +2 -2
- package/lib/components/Table/Table.d.ts +2 -2
- package/lib/components/Tabs/Tabs.d.ts +1 -1
- package/lib/components/Tabs/TabsList/TabsList.d.ts +2 -2
- package/lib/components/Tabs/TabsPanel/TabsPanel.d.ts +2 -2
- package/lib/components/Tabs/TabsTab/TabsTab.d.ts +2 -2
- package/lib/components/ThemeIcon/ThemeIcon.d.ts +1 -1
- package/lib/components/Timeline/Timeline.d.ts +1 -1
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +3 -3
- package/lib/components/Tooltip/Tooltip.types.d.ts +1 -1
- package/lib/core/Box/style-props/style-props.types.d.ts +14 -15
- package/lib/core/MantineProvider/theme.types.d.ts +4 -4
- package/lib/core/styles-api/styles-api.types.d.ts +3 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBase.js","sources":["../../../src/components/ModalBase/ModalBase.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport {\n Box,\n BoxProps,\n ElementProps,\n MantineShadow,\n MantineSize,\n MantineSpacing,\n getDefaultZIndex,\n getShadow,\n getSpacing,\n} from '../../core';\nimport { OptionalPortal, PortalProps } from '../Portal';\nimport { TransitionOverride } from '../Transition';\nimport { ModalBaseProvider } from './ModalBase.context';\nimport { useModal } from './use-modal';\n\nexport interface ModalBaseProps extends BoxProps, ElementProps<'div', 'title'> {\n /** If set modal/drawer will not be unmounted from the DOM when it is hidden, `display: none` styles will be added instead, `false` by default */\n keepMounted?: boolean;\n\n /** Determines whether modal/drawer is opened */\n opened: boolean;\n\n /** Called when modal/drawer is closed */\n onClose(): void;\n\n /** Id used to connect modal/drawer with body and title */\n id?: string;\n\n /** Determines whether scroll should be locked when `opened={true}`, `true` by default */\n lockScroll?: boolean;\n\n /** Determines whether focus should be trapped, `true` by default */\n trapFocus?: boolean;\n\n /** Determines whether the component should be rendered inside `Portal`, `true` by default */\n withinPortal?: boolean;\n\n /** Props passed down to the Portal component when `withinPortal` is set */\n portalProps?: Omit<PortalProps, 'children'>;\n\n /** Modal/drawer content */\n children?: React.ReactNode;\n\n /** Determines whether the modal/drawer should be closed when user clicks on the overlay, `true` by default */\n closeOnClickOutside?: boolean;\n\n /** Props added to the `Transition` component that used to animate overlay and body, use to configure duration and animation type, `{ duration: 200, transition: 'pop' }` by default */\n transitionProps?: TransitionOverride;\n\n /** Determines whether `onClose` should be called when user presses the escape key, `true` by default */\n closeOnEscape?: boolean;\n\n /** Determines whether focus should be returned to the last active element when `onClose` is called, `true` by default */\n returnFocus?: boolean;\n\n /** `z-index` CSS property of the root element, `200` by default */\n zIndex?: string | number;\n\n /** Key of `theme.shadows` or any valid CSS box-shadow value, 'xl' by default */\n shadow?: MantineShadow
|
|
1
|
+
{"version":3,"file":"ModalBase.js","sources":["../../../src/components/ModalBase/ModalBase.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport {\n Box,\n BoxProps,\n ElementProps,\n MantineShadow,\n MantineSize,\n MantineSpacing,\n getDefaultZIndex,\n getShadow,\n getSpacing,\n} from '../../core';\nimport { OptionalPortal, PortalProps } from '../Portal';\nimport { TransitionOverride } from '../Transition';\nimport { ModalBaseProvider } from './ModalBase.context';\nimport { useModal } from './use-modal';\n\nexport interface ModalBaseProps extends BoxProps, ElementProps<'div', 'title'> {\n unstyled?: boolean;\n\n /** If set modal/drawer will not be unmounted from the DOM when it is hidden, `display: none` styles will be added instead, `false` by default */\n keepMounted?: boolean;\n\n /** Determines whether modal/drawer is opened */\n opened: boolean;\n\n /** Called when modal/drawer is closed */\n onClose(): void;\n\n /** Id used to connect modal/drawer with body and title */\n id?: string;\n\n /** Determines whether scroll should be locked when `opened={true}`, `true` by default */\n lockScroll?: boolean;\n\n /** Determines whether focus should be trapped, `true` by default */\n trapFocus?: boolean;\n\n /** Determines whether the component should be rendered inside `Portal`, `true` by default */\n withinPortal?: boolean;\n\n /** Props passed down to the Portal component when `withinPortal` is set */\n portalProps?: Omit<PortalProps, 'children'>;\n\n /** Modal/drawer content */\n children?: React.ReactNode;\n\n /** Determines whether the modal/drawer should be closed when user clicks on the overlay, `true` by default */\n closeOnClickOutside?: boolean;\n\n /** Props added to the `Transition` component that used to animate overlay and body, use to configure duration and animation type, `{ duration: 200, transition: 'pop' }` by default */\n transitionProps?: TransitionOverride;\n\n /** Determines whether `onClose` should be called when user presses the escape key, `true` by default */\n closeOnEscape?: boolean;\n\n /** Determines whether focus should be returned to the last active element when `onClose` is called, `true` by default */\n returnFocus?: boolean;\n\n /** `z-index` CSS property of the root element, `200` by default */\n zIndex?: string | number;\n\n /** Key of `theme.shadows` or any valid CSS box-shadow value, 'xl' by default */\n shadow?: MantineShadow;\n\n /** Key of `theme.spacing` or any valid CSS value to set content, header and footer padding, `'md'` by default */\n padding?: MantineSpacing;\n\n /** Controls width of the content area, `'md'` by default */\n size?: MantineSize | (string & {}) | number;\n}\n\nexport const ModalBase = forwardRef<HTMLDivElement, ModalBaseProps>(\n (\n {\n keepMounted,\n opened,\n onClose,\n id,\n transitionProps,\n trapFocus,\n closeOnEscape,\n returnFocus,\n closeOnClickOutside,\n withinPortal,\n portalProps,\n lockScroll,\n children,\n zIndex,\n shadow,\n padding,\n __vars,\n unstyled,\n ...others\n },\n ref\n ) => {\n const { _id, titleMounted, bodyMounted, shouldLockScroll, setTitleMounted, setBodyMounted } =\n useModal({ id, transitionProps, opened, trapFocus, closeOnEscape, onClose, returnFocus });\n\n return (\n <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n <ModalBaseProvider\n value={{\n opened,\n onClose,\n closeOnClickOutside,\n transitionProps: { ...transitionProps, keepMounted },\n getTitleId: () => `${_id}-title`,\n getBodyId: () => `${_id}-body`,\n titleMounted,\n bodyMounted,\n setTitleMounted,\n setBodyMounted,\n trapFocus,\n closeOnEscape,\n zIndex,\n unstyled,\n }}\n >\n <RemoveScroll enabled={shouldLockScroll && lockScroll}>\n <Box\n ref={ref}\n {...others}\n __vars={{\n ...__vars,\n '--mb-z-index': (zIndex || getDefaultZIndex('modal')).toString(),\n '--mb-shadow': getShadow(shadow),\n '--mb-padding': getSpacing(padding),\n }}\n >\n {children}\n </Box>\n </RemoveScroll>\n </ModalBaseProvider>\n </OptionalPortal>\n );\n }\n);\n"],"names":[],"mappings":";;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAYU,MAAC,SAAS,GAAG,UAAU;AACnC,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK;AACf,IAAI,IAAI,EAAE,GAAG,EAAE,EAAE;AACjB,MAAM,WAAW;AACjB,MAAM,MAAM;AACZ,MAAM,OAAO;AACb,MAAM,EAAE;AACR,MAAM,eAAe;AACrB,MAAM,SAAS;AACf,MAAM,aAAa;AACnB,MAAM,WAAW;AACjB,MAAM,mBAAmB;AACzB,MAAM,YAAY;AAClB,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,MAAM,QAAQ;AACd,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,MAAM,OAAO;AACb,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACnC,MAAM,aAAa;AACnB,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,IAAI;AACV,MAAM,iBAAiB;AACvB,MAAM,WAAW;AACjB,MAAM,eAAe;AACrB,MAAM,aAAa;AACnB,MAAM,qBAAqB;AAC3B,MAAM,cAAc;AACpB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,UAAU;AAChB,MAAM,QAAQ;AACd,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,UAAU;AAChB,KAAK,CAAC,CAAC;AACP,IAAI,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,QAAQ,CAAC,EAAE,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;AAC5L,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE,EAAE,YAAY,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa;AACpK,MAAM,iBAAiB;AACvB,MAAM;AACN,QAAQ,KAAK,EAAE;AACf,UAAU,MAAM;AAChB,UAAU,OAAO;AACjB,UAAU,mBAAmB;AAC7B,UAAU,eAAe,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,eAAe,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC;AAC9F,UAAU,UAAU,EAAE,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC;AAC1C,UAAU,SAAS,EAAE,MAAM,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC;AACxC,UAAU,YAAY;AACtB,UAAU,WAAW;AACrB,UAAU,eAAe;AACzB,UAAU,cAAc;AACxB,UAAU,SAAS;AACnB,UAAU,aAAa;AACvB,UAAU,MAAM;AAChB,UAAU,QAAQ;AAClB,SAAS;AACT,OAAO;AACP,sBAAsB,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,gBAAgB,IAAI,UAAU,EAAE,kBAAkB,KAAK,CAAC,aAAa;AACxI,QAAQ,GAAG;AACX,QAAQ,aAAa,CAAC,cAAc,CAAC;AACrC,UAAU,GAAG;AACb,SAAS,EAAE,MAAM,CAAC,EAAE;AACpB,UAAU,MAAM,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE;AAC5D,YAAY,cAAc,EAAE,CAAC,MAAM,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE;AAC5E,YAAY,aAAa,EAAE,SAAS,CAAC,MAAM,CAAC;AAC5C,YAAY,cAAc,EAAE,UAAU,CAAC,OAAO,CAAC;AAC/C,WAAW,CAAC;AACZ,SAAS,CAAC;AACV,QAAQ,QAAQ;AAChB,OAAO,CAAC;AACR,KAAK,CAAC,CAAC;AACP,GAAG;AACH;;;;"}
|
|
@@ -2,6 +2,7 @@ import React, { forwardRef } from 'react';
|
|
|
2
2
|
import cx from 'clsx';
|
|
3
3
|
import { useModalBodyId } from './use-modal-body-id.js';
|
|
4
4
|
import classes from './ModalBase.module.css.js';
|
|
5
|
+
import { useModalBaseContext } from './ModalBase.context.js';
|
|
5
6
|
import { Box } from '../../core/Box/Box.js';
|
|
6
7
|
|
|
7
8
|
var __defProp = Object.defineProperty;
|
|
@@ -39,7 +40,16 @@ const ModalBaseBody = forwardRef(
|
|
|
39
40
|
(_a, ref) => {
|
|
40
41
|
var _b = _a, { className } = _b, others = __objRest(_b, ["className"]);
|
|
41
42
|
const bodyId = useModalBodyId();
|
|
42
|
-
|
|
43
|
+
const ctx = useModalBaseContext();
|
|
44
|
+
return /* @__PURE__ */ React.createElement(
|
|
45
|
+
Box,
|
|
46
|
+
__spreadProps(__spreadValues({
|
|
47
|
+
ref
|
|
48
|
+
}, others), {
|
|
49
|
+
id: bodyId,
|
|
50
|
+
className: cx({ [classes.body]: !ctx.unstyled }, className)
|
|
51
|
+
})
|
|
52
|
+
);
|
|
43
53
|
}
|
|
44
54
|
);
|
|
45
55
|
ModalBaseBody.displayName = "@mantine/core/ModalBaseBody";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBaseBody.js","sources":["../../../src/components/ModalBase/ModalBaseBody.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { Box, BoxProps, ElementProps } from '../../core';\nimport { useModalBodyId } from './use-modal-body-id';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseBodyProps extends BoxProps, ElementProps<'div'> {}\n\nexport const ModalBaseBody = forwardRef<HTMLDivElement, ModalBaseBodyProps>(\n ({ className, ...others }, ref) => {\n const bodyId = useModalBodyId();\n return <Box
|
|
1
|
+
{"version":3,"file":"ModalBaseBody.js","sources":["../../../src/components/ModalBase/ModalBaseBody.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { Box, BoxProps, ElementProps } from '../../core';\nimport { useModalBodyId } from './use-modal-body-id';\nimport classes from './ModalBase.module.css';\nimport { useModalBaseContext } from './ModalBase.context';\n\nexport interface ModalBaseBodyProps extends BoxProps, ElementProps<'div'> {}\n\nexport const ModalBaseBody = forwardRef<HTMLDivElement, ModalBaseBodyProps>(\n ({ className, ...others }, ref) => {\n const bodyId = useModalBodyId();\n const ctx = useModalBaseContext();\n return (\n <Box\n ref={ref}\n {...others}\n id={bodyId}\n className={cx({ [classes.body]: !ctx.unstyled }, className)}\n />\n );\n }\n);\n\nModalBaseBody.displayName = '@mantine/core/ModalBaseBody';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBaseCloseButton.js","sources":["../../../src/components/ModalBase/ModalBaseCloseButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { BoxProps, ElementProps } from '../../core';\nimport { CloseButton } from '../CloseButton';\nimport { useModalBaseContext } from './ModalBase.context';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseCloseButtonProps extends BoxProps, ElementProps<'button'> {}\n\nexport const ModalBaseCloseButton = forwardRef<HTMLButtonElement, ModalBaseCloseButtonProps>(\n ({ className, ...others }, ref) => {\n const ctx = useModalBaseContext();\n return (\n <CloseButton\n ref={ref}\n {...others}\n onClick={ctx.onClose}\n className={cx(classes.close, className)}\n />\n );\n }\n);\n\nModalBaseCloseButton.displayName = '@mantine/core/ModalBaseCloseButton';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ModalBaseCloseButton.js","sources":["../../../src/components/ModalBase/ModalBaseCloseButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { BoxProps, ElementProps } from '../../core';\nimport { CloseButton } from '../CloseButton';\nimport { useModalBaseContext } from './ModalBase.context';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseCloseButtonProps extends BoxProps, ElementProps<'button'> {}\n\nexport const ModalBaseCloseButton = forwardRef<HTMLButtonElement, ModalBaseCloseButtonProps>(\n ({ className, ...others }, ref) => {\n const ctx = useModalBaseContext();\n return (\n <CloseButton\n ref={ref}\n {...others}\n onClick={ctx.onClose}\n className={cx({ [classes.close]: !ctx.unstyled }, className)}\n unstyled={ctx.unstyled}\n />\n );\n }\n);\n\nModalBaseCloseButton.displayName = '@mantine/core/ModalBaseCloseButton';\n"],"names":[],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAMU,MAAC,oBAAoB,GAAG,UAAU;AAC9C,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK;AACf,IAAI,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AAC3E,IAAI,MAAM,GAAG,GAAG,mBAAmB,EAAE,CAAC;AACtC,IAAI,uBAAuB,KAAK,CAAC,aAAa;AAC9C,MAAM,WAAW;AACjB,MAAM,aAAa,CAAC,cAAc,CAAC;AACnC,QAAQ,GAAG;AACX,OAAO,EAAE,MAAM,CAAC,EAAE;AAClB,QAAQ,OAAO,EAAE,GAAG,CAAC,OAAO;AAC5B,QAAQ,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC;AACpE,QAAQ,QAAQ,EAAE,GAAG,CAAC,QAAQ;AAC9B,OAAO,CAAC;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE;AACF,oBAAoB,CAAC,WAAW,GAAG,oCAAoC;;;;"}
|
|
@@ -53,22 +53,29 @@ const ModalBaseContent = forwardRef(
|
|
|
53
53
|
mounted: ctx.opened,
|
|
54
54
|
transition: "pop"
|
|
55
55
|
}, ctx.transitionProps), transitionProps),
|
|
56
|
-
(transitionStyles) => /* @__PURE__ */ React.createElement(
|
|
57
|
-
|
|
58
|
-
__spreadProps(__spreadValues({},
|
|
59
|
-
|
|
60
|
-
role: "dialog",
|
|
61
|
-
tabIndex: -1,
|
|
62
|
-
"aria-modal": true,
|
|
63
|
-
"aria-describedby": ctx.bodyMounted ? ctx.getBodyId() : void 0,
|
|
64
|
-
"aria-labelledby": ctx.titleMounted ? ctx.getTitleId() : void 0,
|
|
65
|
-
onKeyDown: handleKeyDown,
|
|
66
|
-
ref,
|
|
67
|
-
style: [style, transitionStyles],
|
|
68
|
-
className: cx(classes.content, className)
|
|
56
|
+
(transitionStyles) => /* @__PURE__ */ React.createElement(
|
|
57
|
+
"div",
|
|
58
|
+
__spreadProps(__spreadValues({}, innerProps), {
|
|
59
|
+
className: cx({ [classes.inner]: !ctx.unstyled }, innerProps.className)
|
|
69
60
|
}),
|
|
70
|
-
|
|
71
|
-
|
|
61
|
+
/* @__PURE__ */ React.createElement(FocusTrap, { active: ctx.opened && ctx.trapFocus }, /* @__PURE__ */ React.createElement(
|
|
62
|
+
Paper,
|
|
63
|
+
__spreadProps(__spreadValues({}, others), {
|
|
64
|
+
component: "section",
|
|
65
|
+
role: "dialog",
|
|
66
|
+
tabIndex: -1,
|
|
67
|
+
"aria-modal": true,
|
|
68
|
+
"aria-describedby": ctx.bodyMounted ? ctx.getBodyId() : void 0,
|
|
69
|
+
"aria-labelledby": ctx.titleMounted ? ctx.getTitleId() : void 0,
|
|
70
|
+
onKeyDown: handleKeyDown,
|
|
71
|
+
ref,
|
|
72
|
+
style: [style, transitionStyles],
|
|
73
|
+
className: cx({ [classes.content]: !ctx.unstyled }, className),
|
|
74
|
+
unstyled: ctx.unstyled
|
|
75
|
+
}),
|
|
76
|
+
others.children
|
|
77
|
+
))
|
|
78
|
+
)
|
|
72
79
|
);
|
|
73
80
|
}
|
|
74
81
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBaseContent.js","sources":["../../../src/components/ModalBase/ModalBaseContent.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { BoxProps, ElementProps, MantineRadius, MantineShadow } from '../../core';\nimport { Transition, TransitionOverride } from '../Transition';\nimport { FocusTrap } from '../FocusTrap';\nimport { Paper } from '../Paper';\nimport { useModalBaseContext } from './ModalBase.context';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseContentProps extends BoxProps, ElementProps<'div'> {\n /** Props passed down to the `Transition` component */\n transitionProps?: TransitionOverride;\n\n /** Key of `theme.shadows` or any valid CSS value to set `box-shadow`, `none` by default */\n shadow?: MantineShadow
|
|
1
|
+
{"version":3,"file":"ModalBaseContent.js","sources":["../../../src/components/ModalBase/ModalBaseContent.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { BoxProps, ElementProps, MantineRadius, MantineShadow } from '../../core';\nimport { Transition, TransitionOverride } from '../Transition';\nimport { FocusTrap } from '../FocusTrap';\nimport { Paper } from '../Paper';\nimport { useModalBaseContext } from './ModalBase.context';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseContentProps extends BoxProps, ElementProps<'div'> {\n /** Props passed down to the `Transition` component */\n transitionProps?: TransitionOverride;\n\n /** Key of `theme.shadows` or any valid CSS value to set `box-shadow`, `none` by default */\n shadow?: MantineShadow;\n\n /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem, `theme.defaultRadius` by default */\n radius?: MantineRadius;\n}\n\ninterface _ModalBaseContentProps extends ModalBaseContentProps {\n innerProps: React.ComponentPropsWithoutRef<'div'>;\n}\n\nexport const ModalBaseContent = forwardRef<HTMLDivElement, _ModalBaseContentProps>(\n ({ transitionProps, className, innerProps, onKeyDown, style, ...others }, ref) => {\n const ctx = useModalBaseContext();\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n const shouldTrigger =\n (event.target as HTMLElement)?.getAttribute('data-mantine-stop-propagation') !== 'true';\n shouldTrigger && event.key === 'Escape' && ctx.closeOnEscape && ctx.onClose();\n onKeyDown?.(event);\n };\n\n return (\n <Transition\n mounted={ctx.opened}\n transition=\"pop\"\n {...ctx.transitionProps}\n {...transitionProps}\n >\n {(transitionStyles) => (\n <div\n {...innerProps}\n className={cx({ [classes.inner]: !ctx.unstyled }, innerProps.className)}\n >\n <FocusTrap active={ctx.opened && ctx.trapFocus}>\n <Paper\n {...others}\n component=\"section\"\n role=\"dialog\"\n tabIndex={-1}\n aria-modal\n aria-describedby={ctx.bodyMounted ? ctx.getBodyId() : undefined}\n aria-labelledby={ctx.titleMounted ? ctx.getTitleId() : undefined}\n onKeyDown={handleKeyDown}\n ref={ref}\n style={[style, transitionStyles]}\n className={cx({ [classes.content]: !ctx.unstyled }, className)}\n unstyled={ctx.unstyled}\n >\n {others.children}\n </Paper>\n </FocusTrap>\n </div>\n )}\n </Transition>\n );\n }\n);\n"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import cx from 'clsx';
|
|
3
3
|
import classes from './ModalBase.module.css.js';
|
|
4
|
+
import { useModalBaseContext } from './ModalBase.context.js';
|
|
4
5
|
import { Box } from '../../core/Box/Box.js';
|
|
5
6
|
|
|
6
7
|
var __defProp = Object.defineProperty;
|
|
@@ -34,7 +35,8 @@ var __objRest = (source, exclude) => {
|
|
|
34
35
|
const ModalBaseHeader = forwardRef(
|
|
35
36
|
(_a, ref) => {
|
|
36
37
|
var _b = _a, { className } = _b, others = __objRest(_b, ["className"]);
|
|
37
|
-
|
|
38
|
+
const ctx = useModalBaseContext();
|
|
39
|
+
return /* @__PURE__ */ React.createElement(Box, __spreadValues({ ref, className: cx({ [classes.header]: !ctx.unstyled }, className) }, others));
|
|
38
40
|
}
|
|
39
41
|
);
|
|
40
42
|
ModalBaseHeader.displayName = "@mantine/core/ModalBaseHeader";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBaseHeader.js","sources":["../../../src/components/ModalBase/ModalBaseHeader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { Box, BoxProps, ElementProps } from '../../core';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseHeaderProps extends BoxProps, ElementProps<'div'> {}\n\nexport const ModalBaseHeader = forwardRef<HTMLDivElement, ModalBaseHeaderProps>(\n ({ className, ...others }, ref) => (\n
|
|
1
|
+
{"version":3,"file":"ModalBaseHeader.js","sources":["../../../src/components/ModalBase/ModalBaseHeader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { Box, BoxProps, ElementProps } from '../../core';\nimport classes from './ModalBase.module.css';\nimport { useModalBaseContext } from './ModalBase.context';\n\nexport interface ModalBaseHeaderProps extends BoxProps, ElementProps<'div'> {}\n\nexport const ModalBaseHeader = forwardRef<HTMLDivElement, ModalBaseHeaderProps>(\n ({ className, ...others }, ref) => {\n const ctx = useModalBaseContext();\n return (\n <Box ref={ref} className={cx({ [classes.header]: !ctx.unstyled }, className)} {...others} />\n );\n }\n);\n\nModalBaseHeader.displayName = '@mantine/core/ModalBaseHeader';\n"],"names":[],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAMU,MAAC,eAAe,GAAG,UAAU;AACzC,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK;AACf,IAAI,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AAC3E,IAAI,MAAM,GAAG,GAAG,mBAAmB,EAAE,CAAC;AACtC,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC;AACpJ,GAAG;AACH,EAAE;AACF,eAAe,CAAC,WAAW,GAAG,+BAA+B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBaseOverlay.js","sources":["../../../src/components/ModalBase/ModalBaseOverlay.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { ElementProps } from '../../core';\nimport { Overlay, OverlayProps } from '../Overlay';\nimport { Transition, TransitionOverride } from '../Transition';\nimport { useModalTransition } from './use-modal-transition';\nimport { useModalBaseContext } from './ModalBase.context';\n\nexport interface ModalBaseOverlayProps\n extends Omit<OverlayProps, 'styles' | 'classNames' | 'variant' | 'vars'>,\n ElementProps<'div', 'color'> {\n /** Props passed down to the `Transition` component */\n transitionProps?: TransitionOverride;\n}\n\nexport const ModalBaseOverlay = forwardRef<HTMLDivElement, ModalBaseOverlayProps>(\n ({ onClick, transitionProps, style, ...others }, ref) => {\n const ctx = useModalBaseContext();\n const transition = useModalTransition(transitionProps);\n\n return (\n <Transition mounted={ctx.opened} {...transition} transition=\"fade\">\n {(transitionStyles) => (\n <Overlay\n ref={ref}\n fixed\n style={[style, transitionStyles]}\n zIndex={ctx.zIndex}\n radius={0}\n onClick={(event) => {\n onClick?.(event);\n ctx.closeOnClickOutside && ctx.onClose();\n }}\n {...others}\n />\n )}\n </Transition>\n );\n }\n);\n\nModalBaseOverlay.displayName = '@mantine/core/ModalBaseOverlay';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ModalBaseOverlay.js","sources":["../../../src/components/ModalBase/ModalBaseOverlay.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { ElementProps } from '../../core';\nimport { Overlay, OverlayProps } from '../Overlay';\nimport { Transition, TransitionOverride } from '../Transition';\nimport { useModalTransition } from './use-modal-transition';\nimport { useModalBaseContext } from './ModalBase.context';\n\nexport interface ModalBaseOverlayProps\n extends Omit<OverlayProps, 'styles' | 'classNames' | 'variant' | 'vars'>,\n ElementProps<'div', 'color'> {\n /** Props passed down to the `Transition` component */\n transitionProps?: TransitionOverride;\n}\n\nexport const ModalBaseOverlay = forwardRef<HTMLDivElement, ModalBaseOverlayProps>(\n ({ onClick, transitionProps, style, ...others }, ref) => {\n const ctx = useModalBaseContext();\n const transition = useModalTransition(transitionProps);\n\n return (\n <Transition mounted={ctx.opened} {...transition} transition=\"fade\">\n {(transitionStyles) => (\n <Overlay\n ref={ref}\n fixed\n style={[style, transitionStyles]}\n zIndex={ctx.zIndex}\n radius={0}\n unstyled={ctx.unstyled}\n onClick={(event) => {\n onClick?.(event);\n ctx.closeOnClickOutside && ctx.onClose();\n }}\n {...others}\n />\n )}\n </Transition>\n );\n }\n);\n\nModalBaseOverlay.displayName = '@mantine/core/ModalBaseOverlay';\n"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import React, { forwardRef } from 'react';
|
|
|
2
2
|
import cx from 'clsx';
|
|
3
3
|
import { useModalTitle } from './use-modal-title-id.js';
|
|
4
4
|
import classes from './ModalBase.module.css.js';
|
|
5
|
+
import { useModalBaseContext } from './ModalBase.context.js';
|
|
5
6
|
import { Box } from '../../core/Box/Box.js';
|
|
6
7
|
|
|
7
8
|
var __defProp = Object.defineProperty;
|
|
@@ -39,7 +40,17 @@ const ModalBaseTitle = forwardRef(
|
|
|
39
40
|
(_a, ref) => {
|
|
40
41
|
var _b = _a, { className } = _b, others = __objRest(_b, ["className"]);
|
|
41
42
|
const id = useModalTitle();
|
|
42
|
-
|
|
43
|
+
const ctx = useModalBaseContext();
|
|
44
|
+
return /* @__PURE__ */ React.createElement(
|
|
45
|
+
Box,
|
|
46
|
+
__spreadProps(__spreadValues({
|
|
47
|
+
component: "h2",
|
|
48
|
+
ref,
|
|
49
|
+
className: cx({ [classes.title]: !ctx.unstyled }, className)
|
|
50
|
+
}, others), {
|
|
51
|
+
id
|
|
52
|
+
})
|
|
53
|
+
);
|
|
43
54
|
}
|
|
44
55
|
);
|
|
45
56
|
ModalBaseTitle.displayName = "@mantine/core/ModalBaseTitle";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBaseTitle.js","sources":["../../../src/components/ModalBase/ModalBaseTitle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { Box, BoxProps, ElementProps } from '../../core';\nimport { useModalTitle } from './use-modal-title-id';\nimport classes from './ModalBase.module.css';\n\nexport interface ModalBaseTitleProps extends BoxProps, ElementProps<'h2'> {}\n\nexport const ModalBaseTitle = forwardRef<HTMLHeadingElement, ModalBaseTitleProps>(\n ({ className, ...others }, ref) => {\n const id = useModalTitle();\n return (\n <Box
|
|
1
|
+
{"version":3,"file":"ModalBaseTitle.js","sources":["../../../src/components/ModalBase/ModalBaseTitle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { Box, BoxProps, ElementProps } from '../../core';\nimport { useModalTitle } from './use-modal-title-id';\nimport classes from './ModalBase.module.css';\nimport { useModalBaseContext } from './ModalBase.context';\n\nexport interface ModalBaseTitleProps extends BoxProps, ElementProps<'h2'> {}\n\nexport const ModalBaseTitle = forwardRef<HTMLHeadingElement, ModalBaseTitleProps>(\n ({ className, ...others }, ref) => {\n const id = useModalTitle();\n const ctx = useModalBaseContext();\n return (\n <Box\n component=\"h2\"\n ref={ref}\n className={cx({ [classes.title]: !ctx.unstyled }, className)}\n {...others}\n id={id}\n />\n );\n }\n);\n\nModalBaseTitle.displayName = '@mantine/core/ModalBaseTitle';\n"],"names":[],"mappings":";;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAOU,MAAC,cAAc,GAAG,UAAU;AACxC,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK;AACf,IAAI,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AAC3E,IAAI,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;AAC/B,IAAI,MAAM,GAAG,GAAG,mBAAmB,EAAE,CAAC;AACtC,IAAI,uBAAuB,KAAK,CAAC,aAAa;AAC9C,MAAM,GAAG;AACT,MAAM,aAAa,CAAC,cAAc,CAAC;AACnC,QAAQ,SAAS,EAAE,IAAI;AACvB,QAAQ,GAAG;AACX,QAAQ,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC;AACpE,OAAO,EAAE,MAAM,CAAC,EAAE;AAClB,QAAQ,EAAE;AACV,OAAO,CAAC;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE;AACF,cAAc,CAAC,WAAW,GAAG,8BAA8B;;;;"}
|
|
@@ -230,7 +230,8 @@ const MultiSelect = factory((_props, ref) => {
|
|
|
230
230
|
__spreadValues({
|
|
231
231
|
key: `${item}-${index}`,
|
|
232
232
|
withRemoveButton: !readOnly,
|
|
233
|
-
onRemove: () => setValue(_value.filter((i) => item !== i))
|
|
233
|
+
onRemove: () => setValue(_value.filter((i) => item !== i)),
|
|
234
|
+
unstyled
|
|
234
235
|
}, getStyles("pill")),
|
|
235
236
|
((_a2 = optionsLockup[item]) == null ? void 0 : _a2.label) || item
|
|
236
237
|
);
|
|
@@ -293,7 +294,7 @@ const MultiSelect = factory((_props, ref) => {
|
|
|
293
294
|
pointer: !searchable,
|
|
294
295
|
onClick: () => searchable ? combobox.openDropdown() : combobox.toggleDropdown()
|
|
295
296
|
}),
|
|
296
|
-
/* @__PURE__ */ React.createElement(Pill.Group, __spreadValues({ disabled }, getStyles("pillsList")), values, /* @__PURE__ */ React.createElement(Combobox.EventsTarget, null, /* @__PURE__ */ React.createElement(
|
|
297
|
+
/* @__PURE__ */ React.createElement(Pill.Group, __spreadValues({ disabled, unstyled }, getStyles("pillsList")), values, /* @__PURE__ */ React.createElement(Combobox.EventsTarget, null, /* @__PURE__ */ React.createElement(
|
|
297
298
|
PillsInput.Field,
|
|
298
299
|
__spreadProps(__spreadValues(__spreadProps(__spreadValues({}, rest), {
|
|
299
300
|
ref
|
|
@@ -336,7 +337,8 @@ const MultiSelect = factory((_props, ref) => {
|
|
|
336
337
|
value: _value,
|
|
337
338
|
checkIconPosition,
|
|
338
339
|
withCheckIcon,
|
|
339
|
-
nothingFoundMessage
|
|
340
|
+
nothingFoundMessage,
|
|
341
|
+
unstyled
|
|
340
342
|
}
|
|
341
343
|
)
|
|
342
344
|
), /* @__PURE__ */ React.createElement("input", { type: "hidden", name, value: _value.join(","), form, disabled }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.js","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport {\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n extractStyleProps,\n useStyles,\n useResolvedStylesApi,\n} from '../../core';\nimport {\n Combobox,\n OptionsDropdown,\n useCombobox,\n getParsedComboboxData,\n getOptionsLockup,\n ComboboxLikeProps,\n ComboboxLikeStylesNames,\n} from '../Combobox';\nimport { __BaseInputProps, __InputStylesNames } from '../Input';\nimport { PillsInput } from '../PillsInput';\nimport { Pill } from '../Pill';\nimport { InputBase } from '../InputBase';\nimport { filterPickedValues } from './filter-picked-values';\n\nexport type MultiSelectStylesNames =\n | __InputStylesNames\n | ComboboxLikeStylesNames\n | 'pill'\n | 'pillsList'\n | 'inputField';\n\nexport interface MultiSelectProps\n extends BoxProps,\n __BaseInputProps,\n ComboboxLikeProps,\n StylesApiProps<MultiSelectFactory>,\n ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {\n /** Controlled component value */\n value?: string[];\n\n /** Default value for uncontrolled component */\n defaultValue?: string[];\n\n /** Called whe value changes */\n onChange?(value: string[]): void;\n\n /** Controlled search value */\n searchValue?: string;\n\n /** Default search value */\n defaultSearchValue?: string;\n\n /** Called when search changes */\n onSearchChange?(value: string): void;\n\n /** Maximum number of values, `Infinity` by default */\n maxValues?: number;\n\n /** Determines whether the select should be searchable, `false` by default */\n searchable?: boolean;\n\n /** Message displayed when no option matched current search query, only applicable when `searchable` prop is set */\n nothingFoundMessage?: React.ReactNode;\n\n /** Determines whether check icon should be displayed near the selected option label, `true` by default */\n withCheckIcon?: boolean;\n\n /** Position of the check icon relative to the option label, `'left'` by default */\n checkIconPosition?: 'left' | 'right';\n\n /** Determines whether picked options should be removed from the options list, `false` by default */\n hidePickedOptions?: boolean;\n}\n\nexport type MultiSelectFactory = Factory<{\n props: MultiSelectProps;\n ref: HTMLInputElement;\n stylesNames: MultiSelectStylesNames;\n}>;\n\nconst defaultProps: Partial<MultiSelectProps> = {\n maxValues: Infinity,\n size: 'sm',\n withCheckIcon: true,\n checkIconPosition: 'left',\n};\n\nexport const MultiSelect = factory<MultiSelectFactory>((_props, ref) => {\n const props = useProps('MultiSelect', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n size,\n value,\n defaultValue,\n onChange,\n onKeyDown,\n variant,\n data,\n dropdownOpened,\n defaultDropdownOpened,\n onDropdownOpen,\n onDropdownClose,\n selectFirstOptionOnChange,\n onOptionSubmit,\n comboboxProps,\n filter,\n limit,\n withScrollArea,\n maxDropdownHeight,\n searchValue,\n defaultSearchValue,\n onSearchChange,\n readOnly,\n disabled,\n onFocus,\n onBlur,\n onPaste,\n radius,\n rightSection,\n rightSectionWidth,\n rightSectionPointerEvents,\n rightSectionProps,\n leftSection,\n leftSectionWidth,\n leftSectionPointerEvents,\n leftSectionProps,\n inputContainer,\n inputWrapperOrder,\n withAsterisk,\n labelProps,\n descriptionProps,\n errorProps,\n wrapperProps,\n description,\n label,\n error,\n maxValues,\n searchable,\n nothingFoundMessage,\n withCheckIcon,\n checkIconPosition,\n hidePickedOptions,\n withErrorStyles,\n name,\n form,\n ...others\n } = props;\n\n const parsedData = getParsedComboboxData(data);\n const optionsLockup = getOptionsLockup(parsedData);\n\n const combobox = useCombobox({\n opened: dropdownOpened,\n defaultOpened: defaultDropdownOpened,\n onDropdownOpen,\n onDropdownClose: () => {\n onDropdownClose?.();\n combobox.resetSelectedOption();\n },\n });\n\n const {\n styleProps,\n rest: { type, ...rest },\n } = extractStyleProps(others);\n\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: [],\n onChange,\n });\n\n const [_searchValue, setSearchValue] = useUncontrolled({\n value: searchValue,\n defaultValue: defaultSearchValue,\n finalValue: '',\n onChange: onSearchChange,\n });\n\n const getStyles = useStyles<MultiSelectFactory>({\n name: 'MultiSelect',\n classes: {} as any,\n props,\n classNames,\n styles,\n unstyled,\n });\n\n const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<MultiSelectFactory>({\n props,\n styles,\n classNames,\n });\n\n const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n\n if (event.key === 'Backspace' && _searchValue.length === 0 && _value.length > 0) {\n setValue(_value.slice(0, _value.length - 1));\n }\n };\n\n const values = _value.map((item, index) => (\n <Pill\n key={`${item}-${index}`}\n withRemoveButton={!readOnly}\n onRemove={() => setValue(_value.filter((i) => item !== i))}\n {...getStyles('pill')}\n >\n {optionsLockup[item]?.label || item}\n </Pill>\n ));\n\n return (\n <>\n <Combobox\n store={combobox}\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n unstyled={unstyled}\n size={size}\n readOnly={readOnly}\n __staticSelector=\"MultiSelect\"\n onOptionSubmit={(val) => {\n onOptionSubmit?.(val);\n setSearchValue('');\n combobox.updateSelectedOptionIndex('selected');\n\n if (_value.includes(optionsLockup[val].value)) {\n setValue(_value.filter((v) => v !== optionsLockup[val].value));\n } else if (_value.length < maxValues!) {\n setValue([..._value, optionsLockup[val].value]);\n }\n }}\n {...comboboxProps}\n >\n <Combobox.DropdownTarget>\n <PillsInput\n {...styleProps}\n __staticSelector=\"MultiSelect\"\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n unstyled={unstyled}\n size={size}\n className={className}\n style={style}\n variant={variant}\n disabled={disabled}\n radius={radius}\n rightSection={rightSection}\n rightSectionWidth={rightSectionWidth}\n rightSectionPointerEvents={rightSectionPointerEvents}\n rightSectionProps={rightSectionProps}\n leftSection={leftSection}\n leftSectionWidth={leftSectionWidth}\n leftSectionPointerEvents={leftSectionPointerEvents}\n leftSectionProps={leftSectionProps}\n inputContainer={inputContainer}\n inputWrapperOrder={inputWrapperOrder}\n withAsterisk={withAsterisk}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorProps={errorProps}\n wrapperProps={wrapperProps}\n description={description}\n label={label}\n error={error}\n multiline\n withErrorStyles={withErrorStyles}\n __stylesApiProps={{ ...props, multiline: true }}\n pointer={!searchable}\n onClick={() => (searchable ? combobox.openDropdown() : combobox.toggleDropdown())}\n >\n <Pill.Group disabled={disabled} {...getStyles('pillsList')}>\n {values}\n <Combobox.EventsTarget>\n <PillsInput.Field\n {...rest}\n ref={ref}\n {...getStyles('inputField')}\n unstyled={unstyled}\n onFocus={(event) => {\n onFocus?.(event);\n searchable && combobox.openDropdown();\n }}\n onBlur={(event) => {\n onBlur?.(event);\n combobox.closeDropdown();\n searchable && combobox.closeDropdown();\n setSearchValue('');\n }}\n onKeyDown={handleInputKeydown}\n value={_searchValue}\n onChange={(event) => {\n setSearchValue(event.currentTarget.value);\n searchable && combobox.openDropdown();\n }}\n disabled={disabled}\n readOnly={readOnly || !searchable}\n pointer={!searchable}\n />\n </Combobox.EventsTarget>\n </Pill.Group>\n </PillsInput>\n </Combobox.DropdownTarget>\n\n <OptionsDropdown\n data={\n hidePickedOptions ? filterPickedValues({ data: parsedData, value: _value }) : parsedData\n }\n hidden={readOnly || disabled}\n filter={filter}\n search={_searchValue}\n limit={limit}\n hiddenWhenEmpty={\n hidePickedOptions ||\n !nothingFoundMessage ||\n (!searchable && _searchValue.trim().length !== 0)\n }\n withScrollArea={withScrollArea}\n maxDropdownHeight={maxDropdownHeight}\n filterOptions={searchable}\n value={_value}\n checkIconPosition={checkIconPosition}\n withCheckIcon={withCheckIcon}\n nothingFoundMessage={nothingFoundMessage}\n />\n </Combobox>\n <input type=\"hidden\" name={name} value={_value.join(',')} form={form} disabled={disabled} />\n </>\n );\n});\n\nMultiSelect.classes = { ...InputBase.classes, ...Combobox.classes };\nMultiSelect.displayName = '@mantine/core/MultiSelect';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAqBF,MAAM,YAAY,GAAG;AACrB,EAAE,SAAS,EAAE,QAAQ;AACrB,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,aAAa,EAAE,IAAI;AACrB,EAAE,iBAAiB,EAAE,MAAM;AAC3B,CAAC,CAAC;AACU,MAAC,WAAW,GAAG,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AACpD,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9D,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;AACpB,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,IAAI;AACR,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,IAAI;AACR,IAAI,cAAc;AAClB,IAAI,qBAAqB;AACzB,IAAI,cAAc;AAClB,IAAI,eAAe;AACnB,IAAI,yBAAyB;AAC7B,IAAI,cAAc;AAClB,IAAI,aAAa;AACjB,IAAI,MAAM;AACV,IAAI,KAAK;AACT,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,WAAW;AACf,IAAI,kBAAkB;AACtB,IAAI,cAAc;AAClB,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,YAAY;AAChB,IAAI,iBAAiB;AACrB,IAAI,yBAAyB;AAC7B,IAAI,iBAAiB;AACrB,IAAI,WAAW;AACf,IAAI,gBAAgB;AACpB,IAAI,wBAAwB;AAC5B,IAAI,gBAAgB;AACpB,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,gBAAgB;AACpB,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,mBAAmB;AACvB,IAAI,aAAa;AACjB,IAAI,iBAAiB;AACrB,IAAI,iBAAiB;AACrB,IAAI,eAAe;AACnB,IAAI,IAAI;AACR,IAAI,IAAI;AACR,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,cAAc;AAClB,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,SAAS;AACb,IAAI,MAAM;AACV,IAAI,gBAAgB;AACpB,IAAI,uBAAuB;AAC3B,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;AACrB,IAAI,2BAA2B;AAC/B,IAAI,gBAAgB;AACpB,IAAI,eAAe;AACnB,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,gBAAgB;AACpB,IAAI,mBAAmB;AACvB,IAAI,aAAa;AACjB,IAAI,oBAAoB;AACxB,IAAI,gBAAgB;AACpB,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,cAAc;AAClB,IAAI,mBAAmB;AACvB,IAAI,2BAA2B;AAC/B,IAAI,mBAAmB;AACvB,IAAI,aAAa;AACjB,IAAI,kBAAkB;AACtB,IAAI,0BAA0B;AAC9B,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,mBAAmB;AACvB,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,kBAAkB;AACtB,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,aAAa;AACjB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,qBAAqB;AACzB,IAAI,eAAe;AACnB,IAAI,mBAAmB;AACvB,IAAI,mBAAmB;AACvB,IAAI,iBAAiB;AACrB,IAAI,MAAM;AACV,IAAI,MAAM;AACV,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,UAAU,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;AACjD,EAAE,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;AACrD,EAAE,MAAM,QAAQ,GAAG,WAAW,CAAC;AAC/B,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,aAAa,EAAE,qBAAqB;AACxC,IAAI,cAAc;AAClB,IAAI,eAAe,EAAE,MAAM;AAC3B,MAAM,eAAe,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,eAAe,EAAE,CAAC;AAC3D,MAAM,QAAQ,CAAC,mBAAmB,EAAE,CAAC;AACrC,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAO,MAAC;AACR,IAAI,UAAU;AACd,IAAI,IAAI,EAAE,EAAE;AACZ,GAAG,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAgB,IAAI,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE;AACxF,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC;AAC7C,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,EAAE;AAClB,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,eAAe,CAAC;AACzD,IAAI,KAAK,EAAE,WAAW;AACtB,IAAI,YAAY,EAAE,kBAAkB;AACpC,IAAI,UAAU,EAAE,EAAE;AAClB,IAAI,QAAQ,EAAE,cAAc;AAC5B,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAG,SAAS,CAAC;AAC9B,IAAI,IAAI,EAAE,aAAa;AACvB,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,kBAAkB,EAAE,cAAc,EAAE,GAAG,oBAAoB,CAAC;AACtE,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,UAAU;AACd,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,kBAAkB,GAAG,CAAC,KAAK,KAAK;AACxC,IAAI,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAClD,IAAI,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;AACrF,MAAM,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;AACnD,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK;AAC7C,IAAI,IAAI,GAAG,CAAC;AACZ,IAAI,uBAAuB,KAAK,CAAC,aAAa;AAC9C,MAAM,IAAI;AACV,MAAM,cAAc,CAAC;AACrB,QAAQ,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAC/B,QAAQ,gBAAgB,EAAE,CAAC,QAAQ;AACnC,QAAQ,QAAQ,EAAE,MAAM,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC;AAClE,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;AAC3B,MAAM,CAAC,CAAC,GAAG,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,KAAK,IAAI;AACxE,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa;AACtG,IAAI,QAAQ;AACZ,IAAI,cAAc,CAAC;AACnB,MAAM,KAAK,EAAE,QAAQ;AACrB,MAAM,UAAU,EAAE,kBAAkB;AACpC,MAAM,MAAM,EAAE,cAAc;AAC5B,MAAM,QAAQ;AACd,MAAM,IAAI;AACV,MAAM,QAAQ;AACd,MAAM,gBAAgB,EAAE,aAAa;AACrC,MAAM,cAAc,EAAE,CAAC,GAAG,KAAK;AAC/B,QAAQ,cAAc,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAC9D,QAAQ,cAAc,CAAC,EAAE,CAAC,CAAC;AAC3B,QAAQ,QAAQ,CAAC,yBAAyB,CAAC,UAAU,CAAC,CAAC;AACvD,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE;AACvD,UAAU,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACzE,SAAS,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,SAAS,EAAE;AAC9C,UAAU,QAAQ,CAAC,CAAC,GAAG,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAC1D,SAAS;AACT,OAAO;AACP,KAAK,EAAE,aAAa,CAAC;AACrB,oBAAoB,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa;AAC1G,MAAM,UAAU;AAChB,MAAM,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE;AACpD,QAAQ,gBAAgB,EAAE,aAAa;AACvC,QAAQ,UAAU,EAAE,kBAAkB;AACtC,QAAQ,MAAM,EAAE,cAAc;AAC9B,QAAQ,QAAQ;AAChB,QAAQ,IAAI;AACZ,QAAQ,SAAS;AACjB,QAAQ,KAAK;AACb,QAAQ,OAAO;AACf,QAAQ,QAAQ;AAChB,QAAQ,MAAM;AACd,QAAQ,YAAY;AACpB,QAAQ,iBAAiB;AACzB,QAAQ,yBAAyB;AACjC,QAAQ,iBAAiB;AACzB,QAAQ,WAAW;AACnB,QAAQ,gBAAgB;AACxB,QAAQ,wBAAwB;AAChC,QAAQ,gBAAgB;AACxB,QAAQ,cAAc;AACtB,QAAQ,iBAAiB;AACzB,QAAQ,YAAY;AACpB,QAAQ,UAAU;AAClB,QAAQ,gBAAgB;AACxB,QAAQ,UAAU;AAClB,QAAQ,YAAY;AACpB,QAAQ,WAAW;AACnB,QAAQ,KAAK;AACb,QAAQ,KAAK;AACb,QAAQ,SAAS,EAAE,IAAI;AACvB,QAAQ,eAAe;AACvB,QAAQ,gBAAgB,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AACvF,QAAQ,OAAO,EAAE,CAAC,UAAU;AAC5B,QAAQ,OAAO,EAAE,MAAM,UAAU,GAAG,QAAQ,CAAC,YAAY,EAAE,GAAG,QAAQ,CAAC,cAAc,EAAE;AACvF,OAAO,CAAC;AACR,sBAAsB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,MAAM,kBAAkB,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa;AACxN,QAAQ,UAAU,CAAC,KAAK;AACxB,QAAQ,aAAa,CAAC,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE;AAC7E,UAAU,GAAG;AACb,SAAS,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE;AACtC,UAAU,QAAQ;AAClB,UAAU,OAAO,EAAE,CAAC,KAAK,KAAK;AAC9B,YAAY,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AACtD,YAAY,UAAU,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;AAClD,WAAW;AACX,UAAU,MAAM,EAAE,CAAC,KAAK,KAAK;AAC7B,YAAY,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AACpD,YAAY,QAAQ,CAAC,aAAa,EAAE,CAAC;AACrC,YAAY,UAAU,IAAI,QAAQ,CAAC,aAAa,EAAE,CAAC;AACnD,YAAY,cAAc,CAAC,EAAE,CAAC,CAAC;AAC/B,WAAW;AACX,UAAU,SAAS,EAAE,kBAAkB;AACvC,UAAU,KAAK,EAAE,YAAY;AAC7B,UAAU,QAAQ,EAAE,CAAC,KAAK,KAAK;AAC/B,YAAY,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACtD,YAAY,UAAU,IAAI,QAAQ,CAAC,YAAY,EAAE,CAAC;AAClD,WAAW;AACX,UAAU,QAAQ;AAClB,UAAU,QAAQ,EAAE,QAAQ,IAAI,CAAC,UAAU;AAC3C,UAAU,OAAO,EAAE,CAAC,UAAU;AAC9B,SAAS,CAAC;AACV,OAAO,CAAC,CAAC;AACT,KAAK,CAAC;AACN,oBAAoB,KAAK,CAAC,aAAa;AACvC,MAAM,eAAe;AACrB,MAAM;AACN,QAAQ,IAAI,EAAE,iBAAiB,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,UAAU;AACtG,QAAQ,MAAM,EAAE,QAAQ,IAAI,QAAQ;AACpC,QAAQ,MAAM;AACd,QAAQ,MAAM,EAAE,YAAY;AAC5B,QAAQ,KAAK;AACb,QAAQ,eAAe,EAAE,iBAAiB,IAAI,CAAC,mBAAmB,IAAI,CAAC,UAAU,IAAI,YAAY,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC;AACrH,QAAQ,cAAc;AACtB,QAAQ,iBAAiB;AACzB,QAAQ,aAAa,EAAE,UAAU;AACjC,QAAQ,KAAK,EAAE,MAAM;AACrB,QAAQ,iBAAiB;AACzB,QAAQ,aAAa;AACrB,QAAQ,mBAAmB;AAC3B,OAAO;AACP,KAAK;AACL,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;AACtH,CAAC,EAAE;AACH,WAAW,CAAC,OAAO,GAAG,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC9F,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}
|
|
1
|
+
{"version":3,"file":"MultiSelect.js","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport {\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n extractStyleProps,\n useStyles,\n useResolvedStylesApi,\n} from '../../core';\nimport {\n Combobox,\n OptionsDropdown,\n useCombobox,\n getParsedComboboxData,\n getOptionsLockup,\n ComboboxLikeProps,\n ComboboxLikeStylesNames,\n} from '../Combobox';\nimport { __BaseInputProps, __InputStylesNames } from '../Input';\nimport { PillsInput } from '../PillsInput';\nimport { Pill } from '../Pill';\nimport { InputBase } from '../InputBase';\nimport { filterPickedValues } from './filter-picked-values';\n\nexport type MultiSelectStylesNames =\n | __InputStylesNames\n | ComboboxLikeStylesNames\n | 'pill'\n | 'pillsList'\n | 'inputField';\n\nexport interface MultiSelectProps\n extends BoxProps,\n __BaseInputProps,\n ComboboxLikeProps,\n StylesApiProps<MultiSelectFactory>,\n ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {\n /** Controlled component value */\n value?: string[];\n\n /** Default value for uncontrolled component */\n defaultValue?: string[];\n\n /** Called whe value changes */\n onChange?(value: string[]): void;\n\n /** Controlled search value */\n searchValue?: string;\n\n /** Default search value */\n defaultSearchValue?: string;\n\n /** Called when search changes */\n onSearchChange?(value: string): void;\n\n /** Maximum number of values, `Infinity` by default */\n maxValues?: number;\n\n /** Determines whether the select should be searchable, `false` by default */\n searchable?: boolean;\n\n /** Message displayed when no option matched current search query, only applicable when `searchable` prop is set */\n nothingFoundMessage?: React.ReactNode;\n\n /** Determines whether check icon should be displayed near the selected option label, `true` by default */\n withCheckIcon?: boolean;\n\n /** Position of the check icon relative to the option label, `'left'` by default */\n checkIconPosition?: 'left' | 'right';\n\n /** Determines whether picked options should be removed from the options list, `false` by default */\n hidePickedOptions?: boolean;\n}\n\nexport type MultiSelectFactory = Factory<{\n props: MultiSelectProps;\n ref: HTMLInputElement;\n stylesNames: MultiSelectStylesNames;\n}>;\n\nconst defaultProps: Partial<MultiSelectProps> = {\n maxValues: Infinity,\n size: 'sm',\n withCheckIcon: true,\n checkIconPosition: 'left',\n};\n\nexport const MultiSelect = factory<MultiSelectFactory>((_props, ref) => {\n const props = useProps('MultiSelect', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n size,\n value,\n defaultValue,\n onChange,\n onKeyDown,\n variant,\n data,\n dropdownOpened,\n defaultDropdownOpened,\n onDropdownOpen,\n onDropdownClose,\n selectFirstOptionOnChange,\n onOptionSubmit,\n comboboxProps,\n filter,\n limit,\n withScrollArea,\n maxDropdownHeight,\n searchValue,\n defaultSearchValue,\n onSearchChange,\n readOnly,\n disabled,\n onFocus,\n onBlur,\n onPaste,\n radius,\n rightSection,\n rightSectionWidth,\n rightSectionPointerEvents,\n rightSectionProps,\n leftSection,\n leftSectionWidth,\n leftSectionPointerEvents,\n leftSectionProps,\n inputContainer,\n inputWrapperOrder,\n withAsterisk,\n labelProps,\n descriptionProps,\n errorProps,\n wrapperProps,\n description,\n label,\n error,\n maxValues,\n searchable,\n nothingFoundMessage,\n withCheckIcon,\n checkIconPosition,\n hidePickedOptions,\n withErrorStyles,\n name,\n form,\n ...others\n } = props;\n\n const parsedData = getParsedComboboxData(data);\n const optionsLockup = getOptionsLockup(parsedData);\n\n const combobox = useCombobox({\n opened: dropdownOpened,\n defaultOpened: defaultDropdownOpened,\n onDropdownOpen,\n onDropdownClose: () => {\n onDropdownClose?.();\n combobox.resetSelectedOption();\n },\n });\n\n const {\n styleProps,\n rest: { type, ...rest },\n } = extractStyleProps(others);\n\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: [],\n onChange,\n });\n\n const [_searchValue, setSearchValue] = useUncontrolled({\n value: searchValue,\n defaultValue: defaultSearchValue,\n finalValue: '',\n onChange: onSearchChange,\n });\n\n const getStyles = useStyles<MultiSelectFactory>({\n name: 'MultiSelect',\n classes: {} as any,\n props,\n classNames,\n styles,\n unstyled,\n });\n\n const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<MultiSelectFactory>({\n props,\n styles,\n classNames,\n });\n\n const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n\n if (event.key === 'Backspace' && _searchValue.length === 0 && _value.length > 0) {\n setValue(_value.slice(0, _value.length - 1));\n }\n };\n\n const values = _value.map((item, index) => (\n <Pill\n key={`${item}-${index}`}\n withRemoveButton={!readOnly}\n onRemove={() => setValue(_value.filter((i) => item !== i))}\n unstyled={unstyled}\n {...getStyles('pill')}\n >\n {optionsLockup[item]?.label || item}\n </Pill>\n ));\n\n return (\n <>\n <Combobox\n store={combobox}\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n unstyled={unstyled}\n size={size}\n readOnly={readOnly}\n __staticSelector=\"MultiSelect\"\n onOptionSubmit={(val) => {\n onOptionSubmit?.(val);\n setSearchValue('');\n combobox.updateSelectedOptionIndex('selected');\n\n if (_value.includes(optionsLockup[val].value)) {\n setValue(_value.filter((v) => v !== optionsLockup[val].value));\n } else if (_value.length < maxValues!) {\n setValue([..._value, optionsLockup[val].value]);\n }\n }}\n {...comboboxProps}\n >\n <Combobox.DropdownTarget>\n <PillsInput\n {...styleProps}\n __staticSelector=\"MultiSelect\"\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n unstyled={unstyled}\n size={size}\n className={className}\n style={style}\n variant={variant}\n disabled={disabled}\n radius={radius}\n rightSection={rightSection}\n rightSectionWidth={rightSectionWidth}\n rightSectionPointerEvents={rightSectionPointerEvents}\n rightSectionProps={rightSectionProps}\n leftSection={leftSection}\n leftSectionWidth={leftSectionWidth}\n leftSectionPointerEvents={leftSectionPointerEvents}\n leftSectionProps={leftSectionProps}\n inputContainer={inputContainer}\n inputWrapperOrder={inputWrapperOrder}\n withAsterisk={withAsterisk}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorProps={errorProps}\n wrapperProps={wrapperProps}\n description={description}\n label={label}\n error={error}\n multiline\n withErrorStyles={withErrorStyles}\n __stylesApiProps={{ ...props, multiline: true }}\n pointer={!searchable}\n onClick={() => (searchable ? combobox.openDropdown() : combobox.toggleDropdown())}\n >\n <Pill.Group disabled={disabled} unstyled={unstyled} {...getStyles('pillsList')}>\n {values}\n <Combobox.EventsTarget>\n <PillsInput.Field\n {...rest}\n ref={ref}\n {...getStyles('inputField')}\n unstyled={unstyled}\n onFocus={(event) => {\n onFocus?.(event);\n searchable && combobox.openDropdown();\n }}\n onBlur={(event) => {\n onBlur?.(event);\n combobox.closeDropdown();\n searchable && combobox.closeDropdown();\n setSearchValue('');\n }}\n onKeyDown={handleInputKeydown}\n value={_searchValue}\n onChange={(event) => {\n setSearchValue(event.currentTarget.value);\n searchable && combobox.openDropdown();\n }}\n disabled={disabled}\n readOnly={readOnly || !searchable}\n pointer={!searchable}\n />\n </Combobox.EventsTarget>\n </Pill.Group>\n </PillsInput>\n </Combobox.DropdownTarget>\n\n <OptionsDropdown\n data={\n hidePickedOptions ? filterPickedValues({ data: parsedData, value: _value }) : parsedData\n }\n hidden={readOnly || disabled}\n filter={filter}\n search={_searchValue}\n limit={limit}\n hiddenWhenEmpty={\n hidePickedOptions ||\n !nothingFoundMessage ||\n (!searchable && _searchValue.trim().length !== 0)\n }\n withScrollArea={withScrollArea}\n maxDropdownHeight={maxDropdownHeight}\n filterOptions={searchable}\n value={_value}\n checkIconPosition={checkIconPosition}\n withCheckIcon={withCheckIcon}\n nothingFoundMessage={nothingFoundMessage}\n unstyled={unstyled}\n />\n </Combobox>\n <input type=\"hidden\" name={name} value={_value.join(',')} form={form} disabled={disabled} />\n </>\n );\n});\n\nMultiSelect.classes = { ...InputBase.classes, ...Combobox.classes };\nMultiSelect.displayName = '@mantine/core/MultiSelect';\n"],"names":[],"mappings":"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"}
|
|
@@ -46,7 +46,7 @@ const NativeSelect = factory((props, ref) => {
|
|
|
46
46
|
"NativeSelect",
|
|
47
47
|
defaultProps,
|
|
48
48
|
props
|
|
49
|
-
), { data, children, size, error, rightSection } = _a, others = __objRest(_a, ["data", "children", "size", "error", "rightSection"]);
|
|
49
|
+
), { data, children, size, error, rightSection, unstyled } = _a, others = __objRest(_a, ["data", "children", "size", "error", "rightSection", "unstyled"]);
|
|
50
50
|
const options = getParsedComboboxData(data).map((item, index) => /* @__PURE__ */ React.createElement(NativeSelectOption, { key: index, data: item }));
|
|
51
51
|
return /* @__PURE__ */ React.createElement(
|
|
52
52
|
InputBase,
|
|
@@ -58,7 +58,8 @@ const NativeSelect = factory((props, ref) => {
|
|
|
58
58
|
size,
|
|
59
59
|
pointer: true,
|
|
60
60
|
error,
|
|
61
|
-
|
|
61
|
+
unstyled,
|
|
62
|
+
rightSection: rightSection || /* @__PURE__ */ React.createElement(ComboboxChevron, { size, error, unstyled })
|
|
62
63
|
}),
|
|
63
64
|
children || options
|
|
64
65
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeSelect.js","sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { factory, ElementProps, useProps, Factory } from '../../core';\nimport { InputBase, InputBaseProps } from '../InputBase';\nimport { __InputStylesNames } from '../Input';\nimport { ComboboxData, getParsedComboboxData, ComboboxChevron } from '../Combobox';\nimport { NativeSelectOption } from './NativeSelectOption';\n\nexport interface NativeSelectProps extends InputBaseProps, ElementProps<'select', 'size'> {\n /** Data used to render options, can be replaced with `children` */\n data?: ComboboxData;\n}\n\nexport type NativeSelectFactory = Factory<{\n props: NativeSelectProps;\n ref: HTMLSelectElement;\n stylesNames: __InputStylesNames;\n}>;\n\nconst defaultProps: Partial<NativeSelectProps> = {\n size: 'sm',\n rightSectionPointerEvents: 'none',\n};\n\nexport const NativeSelect = factory<NativeSelectFactory>((props, ref) => {\n const { data, children, size, error, rightSection, ...others } = useProps(\n 'NativeSelect',\n defaultProps,\n props\n );\n\n const options = getParsedComboboxData(data).map((item, index) => (\n <NativeSelectOption key={index} data={item} />\n ));\n\n return (\n <InputBase\n component=\"select\"\n ref={ref}\n {...others}\n __staticSelector=\"NativeSelect\"\n size={size}\n pointer\n error={error}\n rightSection={rightSection || <ComboboxChevron size={size!} error={error}
|
|
1
|
+
{"version":3,"file":"NativeSelect.js","sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { factory, ElementProps, useProps, Factory } from '../../core';\nimport { InputBase, InputBaseProps } from '../InputBase';\nimport { __InputStylesNames } from '../Input';\nimport { ComboboxData, getParsedComboboxData, ComboboxChevron } from '../Combobox';\nimport { NativeSelectOption } from './NativeSelectOption';\n\nexport interface NativeSelectProps extends InputBaseProps, ElementProps<'select', 'size'> {\n /** Data used to render options, can be replaced with `children` */\n data?: ComboboxData;\n}\n\nexport type NativeSelectFactory = Factory<{\n props: NativeSelectProps;\n ref: HTMLSelectElement;\n stylesNames: __InputStylesNames;\n}>;\n\nconst defaultProps: Partial<NativeSelectProps> = {\n size: 'sm',\n rightSectionPointerEvents: 'none',\n};\n\nexport const NativeSelect = factory<NativeSelectFactory>((props, ref) => {\n const { data, children, size, error, rightSection, unstyled, ...others } = useProps(\n 'NativeSelect',\n defaultProps,\n props\n );\n\n const options = getParsedComboboxData(data).map((item, index) => (\n <NativeSelectOption key={index} data={item} />\n ));\n\n return (\n <InputBase\n component=\"select\"\n ref={ref}\n {...others}\n __staticSelector=\"NativeSelect\"\n size={size}\n pointer\n error={error}\n unstyled={unstyled}\n rightSection={\n rightSection || <ComboboxChevron size={size!} error={error} unstyled={unstyled} />\n }\n >\n {children || options}\n </InputBase>\n );\n});\n\nNativeSelect.classes = InputBase.classes;\nNativeSelect.displayName = '@mantine/core/NativeSelect';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n MantineRadius,\n MantineColor,\n getRadius,\n getThemeColor,\n} from '../../core';\nimport classes from './Notification.module.css';\nimport { Loader } from '../Loader';\nimport { Text } from '../Text';\nimport { CloseButton } from '../CloseButton';\n\nexport type NotificationStylesNames =\n | 'root'\n | 'icon'\n | 'loader'\n | 'body'\n | 'title'\n | 'description'\n | 'closeButton';\nexport type NotificationCssVariables = {\n root: '--notification-radius' | '--notification-color';\n};\n\nexport interface NotificationProps\n extends BoxProps,\n StylesApiProps<NotificationFactory>,\n ElementProps<'div', 'title'> {\n variant?: string;\n\n /** Called when close button is clicked */\n onClose?(): void;\n\n /** Controls notification line or icon color, key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */\n color?: MantineColor;\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */\n radius?: MantineRadius
|
|
1
|
+
{"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n MantineRadius,\n MantineColor,\n getRadius,\n getThemeColor,\n} from '../../core';\nimport classes from './Notification.module.css';\nimport { Loader } from '../Loader';\nimport { Text } from '../Text';\nimport { CloseButton } from '../CloseButton';\n\nexport type NotificationStylesNames =\n | 'root'\n | 'icon'\n | 'loader'\n | 'body'\n | 'title'\n | 'description'\n | 'closeButton';\nexport type NotificationCssVariables = {\n root: '--notification-radius' | '--notification-color';\n};\n\nexport interface NotificationProps\n extends BoxProps,\n StylesApiProps<NotificationFactory>,\n ElementProps<'div', 'title'> {\n variant?: string;\n\n /** Called when close button is clicked */\n onClose?(): void;\n\n /** Controls notification line or icon color, key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */\n color?: MantineColor;\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */\n radius?: MantineRadius;\n\n /** Notification icon, replaces color line */\n icon?: React.ReactNode;\n\n /** Notification title, displayed before body */\n title?: React.ReactNode;\n\n /** Notification body, place main text here */\n children?: React.ReactNode;\n\n /** Replaces colored line or icon with Loader component */\n loading?: boolean;\n\n /** Determines whether notification should have a border, `false` by default */\n withBorder?: boolean;\n\n /** Determines whether close button should be visible, `true` by default */\n withCloseButton?: boolean;\n\n /** Props passed down to the close button */\n closeButtonProps?: Record<string, any>;\n}\n\nexport type NotificationFactory = Factory<{\n props: NotificationProps;\n ref: HTMLDivElement;\n stylesNames: NotificationStylesNames;\n vars: NotificationCssVariables;\n}>;\n\nconst defaultProps: Partial<NotificationProps> = {\n withCloseButton: true,\n};\n\nconst varsResolver = createVarsResolver<NotificationFactory>((theme, { radius, color }) => ({\n root: {\n '--notification-radius': getRadius(radius),\n '--notification-color': getThemeColor(color, theme),\n },\n}));\n\nexport const Notification = factory<NotificationFactory>((_props, ref) => {\n const props = useProps('Notification', defaultProps, _props);\n const {\n className,\n color,\n radius,\n loading,\n withCloseButton,\n withBorder,\n title,\n icon,\n children,\n onClose,\n closeButtonProps,\n classNames,\n style,\n styles,\n unstyled,\n variant,\n vars,\n ...others\n } = props;\n\n const getStyles = useStyles<NotificationFactory>({\n name: 'Notification',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <Box\n {...getStyles('root')}\n mod={{\n 'data-with-icon': !!icon || loading,\n 'data-with-border': withBorder,\n }}\n ref={ref}\n variant={variant}\n {...others}\n role=\"alert\"\n >\n {icon && !loading && <div {...getStyles('icon')}>{icon}</div>}\n {loading && <Loader size={28} color={color} {...getStyles('loader')} />}\n\n <div {...getStyles('body')}>\n {title && (\n <Text {...getStyles('title')} size=\"sm\" fw={500}>\n {title}\n </Text>\n )}\n\n <Text {...getStyles('description')} mod={{ 'data-with-title': !!title }} size=\"sm\">\n {children}\n </Text>\n </div>\n\n {withCloseButton && (\n <CloseButton\n iconSize={16}\n color=\"gray\"\n {...closeButtonProps}\n unstyled={unstyled}\n onClick={onClose}\n {...getStyles('closeButton')}\n />\n )}\n </Box>\n );\n});\n\nNotification.classes = classes;\nNotification.displayName = '@mantine/core/Notification';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n createVarsResolver,\n PolymorphicFactory,\n MantineRadius,\n rgba,\n getDefaultZIndex,\n getRadius,\n rem,\n} from '../../core';\nimport classes from './Overlay.module.css';\n\nexport type OverlayStylesNames = 'root';\nexport type OverlayCssVariables = {\n root: '--overlay-bg' | '--overlay-filter' | '--overlay-radius' | '--overlay-z-index';\n};\n\nexport interface OverlayProps extends BoxProps, StylesApiProps<OverlayFactory> {\n /** Controls overlay `background-color` opacity 0–1, disregarded when `gradient` prop is set, `0.6` by default */\n backgroundOpacity?: number;\n\n /** Overlay `background-color`, `#000` by default */\n color?: React.CSSProperties['backgroundColor'];\n\n /** Overlay background blur, `0` by default */\n blur?: number | string;\n\n /** Changes overlay to gradient. If set, `color` prop is ignored */\n gradient?: string;\n\n /** Overlay z-index, `200` by default */\n zIndex?: string | number;\n\n /** Key of `theme.radius` or any valid CSS value to set border-radius, `0` by default */\n radius?: MantineRadius
|
|
1
|
+
{"version":3,"file":"Overlay.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n createVarsResolver,\n PolymorphicFactory,\n MantineRadius,\n rgba,\n getDefaultZIndex,\n getRadius,\n rem,\n} from '../../core';\nimport classes from './Overlay.module.css';\n\nexport type OverlayStylesNames = 'root';\nexport type OverlayCssVariables = {\n root: '--overlay-bg' | '--overlay-filter' | '--overlay-radius' | '--overlay-z-index';\n};\n\nexport interface OverlayProps extends BoxProps, StylesApiProps<OverlayFactory> {\n /** Controls overlay `background-color` opacity 0–1, disregarded when `gradient` prop is set, `0.6` by default */\n backgroundOpacity?: number;\n\n /** Overlay `background-color`, `#000` by default */\n color?: React.CSSProperties['backgroundColor'];\n\n /** Overlay background blur, `0` by default */\n blur?: number | string;\n\n /** Changes overlay to gradient. If set, `color` prop is ignored */\n gradient?: string;\n\n /** Overlay z-index, `200` by default */\n zIndex?: string | number;\n\n /** Key of `theme.radius` or any valid CSS value to set border-radius, `0` by default */\n radius?: MantineRadius;\n\n /** Content inside overlay */\n children?: React.ReactNode;\n\n /** Determines whether content inside overlay should be vertically and horizontally centered, `false` by default */\n center?: boolean;\n\n /** Determines whether overlay should have fixed position instead of absolute, `false` by default */\n fixed?: boolean;\n}\n\nexport type OverlayFactory = PolymorphicFactory<{\n props: OverlayProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: OverlayStylesNames;\n vars: OverlayCssVariables;\n}>;\n\nconst defaultProps: Partial<OverlayProps> = {\n color: '#000',\n backgroundOpacity: 0.6,\n zIndex: getDefaultZIndex('modal'),\n radius: 0,\n};\n\nconst varsResolver = createVarsResolver<OverlayFactory>(\n (_, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({\n root: {\n '--overlay-bg': gradient || rgba(color || '#000', backgroundOpacity ?? 0.6),\n '--overlay-filter': blur ? `blur(${rem(blur)})` : undefined,\n '--overlay-radius': getRadius(radius),\n '--overlay-z-index': zIndex?.toString(),\n },\n })\n);\n\nexport const Overlay = polymorphicFactory<OverlayFactory>((_props, ref) => {\n const props = useProps('Overlay', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n fixed,\n center,\n children,\n radius,\n zIndex,\n gradient,\n blur,\n color,\n backgroundOpacity,\n ...others\n } = props;\n\n const getStyles = useStyles<OverlayFactory>({\n name: 'Overlay',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <Box ref={ref} {...getStyles('root')} mod={{ center, fixed }} {...others}>\n {children}\n </Box>\n );\n});\n\nOverlay.classes = classes;\nOverlay.displayName = '@mantine/core/Overlay';\n"],"names":[],"mappings":"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"}
|