@mantine/core 4.0.7 → 4.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Affix/Affix.js +1 -1
- package/cjs/components/Affix/Affix.js.map +1 -1
- package/cjs/components/AppShell/AppShell.js +11 -5
- package/cjs/components/AppShell/AppShell.js.map +1 -1
- package/cjs/components/AppShell/AppShell.styles.js +8 -4
- package/cjs/components/AppShell/AppShell.styles.js.map +1 -1
- package/cjs/components/AppShell/Aside/Aside.js +48 -0
- package/cjs/components/AppShell/Aside/Aside.js.map +1 -0
- package/cjs/components/AppShell/Footer/Footer.js +61 -0
- package/cjs/components/AppShell/Footer/Footer.js.map +1 -0
- package/cjs/components/AppShell/Header/Header.js +9 -27
- package/cjs/components/AppShell/Header/Header.js.map +1 -1
- package/cjs/components/AppShell/HorizontalSection/HorizontalSection.js +106 -0
- package/cjs/components/AppShell/HorizontalSection/HorizontalSection.js.map +1 -0
- package/cjs/components/AppShell/{Navbar/Navbar.styles.js → HorizontalSection/HorizontalSection.styles.js} +2 -2
- package/cjs/components/AppShell/HorizontalSection/HorizontalSection.styles.js.map +1 -0
- package/cjs/components/AppShell/{Navbar/NavbarSection/NavbarSection.js → HorizontalSection/Section/Section.js} +5 -5
- package/cjs/components/AppShell/HorizontalSection/Section/Section.js.map +1 -0
- package/cjs/components/AppShell/{Navbar → HorizontalSection}/get-sorted-breakpoints/get-sorted-breakpoints.js +0 -0
- package/cjs/components/AppShell/HorizontalSection/get-sorted-breakpoints/get-sorted-breakpoints.js.map +1 -0
- package/cjs/components/AppShell/Navbar/Navbar.js +8 -69
- package/cjs/components/AppShell/Navbar/Navbar.js.map +1 -1
- package/cjs/components/AppShell/VerticalSection/VerticalSection.js +90 -0
- package/cjs/components/AppShell/VerticalSection/VerticalSection.js.map +1 -0
- package/cjs/components/AppShell/{Header/Header.styles.js → VerticalSection/VerticalSection.styles.js} +4 -3
- package/cjs/components/AppShell/VerticalSection/VerticalSection.styles.js.map +1 -0
- package/cjs/components/AspectRatio/AspectRatio.js +2 -2
- package/cjs/components/AspectRatio/AspectRatio.js.map +1 -1
- package/cjs/components/Center/Center.js +1 -1
- package/cjs/components/Center/Center.js.map +1 -1
- package/cjs/components/ColorInput/ColorInput.js +2 -2
- package/cjs/components/ColorInput/ColorInput.js.map +1 -1
- package/cjs/components/Divider/Divider.js +1 -1
- package/cjs/components/Divider/Divider.js.map +1 -1
- package/cjs/components/Divider/Divider.styles.js +1 -0
- package/cjs/components/Divider/Divider.styles.js.map +1 -1
- package/cjs/components/Image/BackgroundImage/BackgroundImage.js +1 -1
- package/cjs/components/Image/BackgroundImage/BackgroundImage.js.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.js +35 -1
- package/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/NumberInput/NumberInput.js +2 -1
- package/cjs/components/NumberInput/NumberInput.js.map +1 -1
- package/cjs/components/Overlay/Overlay.js +2 -2
- package/cjs/components/Overlay/Overlay.js.map +1 -1
- package/cjs/components/Paper/Paper.styles.js +3 -21
- package/cjs/components/Paper/Paper.styles.js.map +1 -1
- package/cjs/components/Popover/PopoverBody/PopoverBody.styles.js +3 -17
- package/cjs/components/Popover/PopoverBody/PopoverBody.styles.js.map +1 -1
- package/cjs/components/Popper/Popper.js +5 -2
- package/cjs/components/Popper/Popper.js.map +1 -1
- package/cjs/components/RadioGroup/Radio/Radio.js +19 -8
- package/cjs/components/RadioGroup/Radio/Radio.js.map +1 -1
- package/cjs/components/RadioGroup/Radio/Radio.styles.js +26 -15
- package/cjs/components/RadioGroup/Radio/Radio.styles.js.map +1 -1
- package/cjs/components/RadioGroup/Radio/RadioIcon.js +39 -0
- package/cjs/components/RadioGroup/Radio/RadioIcon.js.map +1 -0
- package/cjs/components/Select/Select.js +29 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Slider/Marks/Marks.js +3 -2
- package/cjs/components/Slider/Marks/Marks.js.map +1 -1
- package/cjs/components/Slider/Marks/Marks.styles.js +2 -2
- package/cjs/components/Slider/Marks/Marks.styles.js.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.js +48 -37
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js +56 -46
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/SliderRoot/SliderRoot.js +2 -2
- package/cjs/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/cjs/components/Slider/SliderRoot/SliderRoot.styles.js +2 -2
- package/cjs/components/Slider/SliderRoot/SliderRoot.styles.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.js +3 -2
- package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.styles.js +2 -2
- package/cjs/components/Slider/Thumb/Thumb.styles.js.map +1 -1
- package/cjs/components/Slider/Track/Track.js +7 -4
- package/cjs/components/Slider/Track/Track.js.map +1 -1
- package/cjs/components/Slider/Track/Track.styles.js +2 -2
- package/cjs/components/Slider/Track/Track.styles.js.map +1 -1
- package/cjs/components/Space/Space.js +1 -1
- package/cjs/components/Space/Space.js.map +1 -1
- package/cjs/components/Stack/Stack.js +58 -0
- package/cjs/components/Stack/Stack.js.map +1 -0
- package/cjs/components/Stack/Stack.styles.js +18 -0
- package/cjs/components/Stack/Stack.styles.js.map +1 -0
- package/cjs/components/Table/Table.js +6 -3
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Table/Table.styles.js +3 -3
- package/cjs/components/Table/Table.styles.js.map +1 -1
- package/cjs/components/Timeline/Timeline.js +1 -1
- package/cjs/components/Timeline/Timeline.js.map +1 -1
- package/cjs/components/Tooltip/FloatingTooltip/FloatingTooltip.js +199 -0
- package/cjs/components/Tooltip/FloatingTooltip/FloatingTooltip.js.map +1 -0
- package/cjs/components/Tooltip/FloatingTooltip/FloatingTooltip.styles.js +45 -0
- package/cjs/components/Tooltip/FloatingTooltip/FloatingTooltip.styles.js.map +1 -0
- package/cjs/index.js +10 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/get-input-mode/get-input-mode.js +24 -0
- package/cjs/utils/get-input-mode/get-input-mode.js.map +1 -0
- package/esm/components/Affix/Affix.js +1 -1
- package/esm/components/Affix/Affix.js.map +1 -1
- package/esm/components/AppShell/AppShell.context.js +1 -1
- package/esm/components/AppShell/AppShell.js +11 -5
- package/esm/components/AppShell/AppShell.js.map +1 -1
- package/esm/components/AppShell/AppShell.styles.js +8 -4
- package/esm/components/AppShell/AppShell.styles.js.map +1 -1
- package/esm/components/AppShell/Aside/Aside.js +40 -0
- package/esm/components/AppShell/Aside/Aside.js.map +1 -0
- package/esm/components/AppShell/Footer/Footer.js +53 -0
- package/esm/components/AppShell/Footer/Footer.js.map +1 -0
- package/esm/components/AppShell/Header/Header.js +10 -28
- package/esm/components/AppShell/Header/Header.js.map +1 -1
- package/esm/components/AppShell/HorizontalSection/HorizontalSection.js +98 -0
- package/esm/components/AppShell/HorizontalSection/HorizontalSection.js.map +1 -0
- package/esm/components/AppShell/{Navbar/Navbar.styles.js → HorizontalSection/HorizontalSection.styles.js} +2 -2
- package/esm/components/AppShell/HorizontalSection/HorizontalSection.styles.js.map +1 -0
- package/esm/components/AppShell/{Navbar/NavbarSection/NavbarSection.js → HorizontalSection/Section/Section.js} +5 -5
- package/esm/components/AppShell/HorizontalSection/Section/Section.js.map +1 -0
- package/esm/components/AppShell/{Navbar → HorizontalSection}/get-sorted-breakpoints/get-sorted-breakpoints.js +0 -0
- package/esm/components/AppShell/HorizontalSection/get-sorted-breakpoints/get-sorted-breakpoints.js.map +1 -0
- package/esm/components/AppShell/Navbar/Navbar.js +9 -70
- package/esm/components/AppShell/Navbar/Navbar.js.map +1 -1
- package/esm/components/AppShell/VerticalSection/VerticalSection.js +82 -0
- package/esm/components/AppShell/VerticalSection/VerticalSection.js.map +1 -0
- package/esm/components/AppShell/{Header/Header.styles.js → VerticalSection/VerticalSection.styles.js} +4 -3
- package/esm/components/AppShell/VerticalSection/VerticalSection.styles.js.map +1 -0
- package/esm/components/AspectRatio/AspectRatio.js +2 -2
- package/esm/components/AspectRatio/AspectRatio.js.map +1 -1
- package/esm/components/Center/Center.js +1 -1
- package/esm/components/Center/Center.js.map +1 -1
- package/esm/components/ColorInput/ColorInput.js +2 -2
- package/esm/components/ColorInput/ColorInput.js.map +1 -1
- package/esm/components/Divider/Divider.js +1 -1
- package/esm/components/Divider/Divider.js.map +1 -1
- package/esm/components/Divider/Divider.styles.js +1 -0
- package/esm/components/Divider/Divider.styles.js.map +1 -1
- package/esm/components/Image/BackgroundImage/BackgroundImage.js +1 -1
- package/esm/components/Image/BackgroundImage/BackgroundImage.js.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.js +35 -1
- package/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/esm/components/Notification/Notification.js.map +1 -1
- package/esm/components/NumberInput/NumberInput.js +3 -2
- package/esm/components/NumberInput/NumberInput.js.map +1 -1
- package/esm/components/Overlay/Overlay.js +2 -2
- package/esm/components/Overlay/Overlay.js.map +1 -1
- package/esm/components/Paper/Paper.styles.js +3 -21
- package/esm/components/Paper/Paper.styles.js.map +1 -1
- package/esm/components/Popover/PopoverBody/PopoverBody.styles.js +3 -17
- package/esm/components/Popover/PopoverBody/PopoverBody.styles.js.map +1 -1
- package/esm/components/Popper/Popper.js +5 -2
- package/esm/components/Popper/Popper.js.map +1 -1
- package/esm/components/RadioGroup/Radio/Radio.js +19 -8
- package/esm/components/RadioGroup/Radio/Radio.js.map +1 -1
- package/esm/components/RadioGroup/Radio/Radio.styles.js +26 -15
- package/esm/components/RadioGroup/Radio/Radio.styles.js.map +1 -1
- package/esm/components/RadioGroup/Radio/RadioIcon.js +31 -0
- package/esm/components/RadioGroup/Radio/RadioIcon.js.map +1 -0
- package/esm/components/Select/Select.js +29 -1
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/Slider/Marks/Marks.js +3 -2
- package/esm/components/Slider/Marks/Marks.js.map +1 -1
- package/esm/components/Slider/Marks/Marks.styles.js +2 -2
- package/esm/components/Slider/Marks/Marks.styles.js.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.js +48 -37
- package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/esm/components/Slider/Slider/Slider.js +57 -47
- package/esm/components/Slider/Slider/Slider.js.map +1 -1
- package/esm/components/Slider/SliderRoot/SliderRoot.js +2 -2
- package/esm/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/esm/components/Slider/SliderRoot/SliderRoot.styles.js +2 -2
- package/esm/components/Slider/SliderRoot/SliderRoot.styles.js.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.js +3 -2
- package/esm/components/Slider/Thumb/Thumb.js.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.styles.js +2 -2
- package/esm/components/Slider/Thumb/Thumb.styles.js.map +1 -1
- package/esm/components/Slider/Track/Track.js +7 -4
- package/esm/components/Slider/Track/Track.js.map +1 -1
- package/esm/components/Slider/Track/Track.styles.js +2 -2
- package/esm/components/Slider/Track/Track.styles.js.map +1 -1
- package/esm/components/Space/Space.js +1 -1
- package/esm/components/Space/Space.js.map +1 -1
- package/esm/components/Stack/Stack.js +50 -0
- package/esm/components/Stack/Stack.js.map +1 -0
- package/esm/components/Stack/Stack.styles.js +14 -0
- package/esm/components/Stack/Stack.styles.js.map +1 -0
- package/esm/components/Table/Table.js +6 -3
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Table/Table.styles.js +3 -3
- package/esm/components/Table/Table.styles.js.map +1 -1
- package/esm/components/Timeline/Timeline.js +1 -1
- package/esm/components/Timeline/Timeline.js.map +1 -1
- package/esm/components/Tooltip/FloatingTooltip/FloatingTooltip.js +191 -0
- package/esm/components/Tooltip/FloatingTooltip/FloatingTooltip.js.map +1 -0
- package/esm/components/Tooltip/FloatingTooltip/FloatingTooltip.styles.js +41 -0
- package/esm/components/Tooltip/FloatingTooltip/FloatingTooltip.styles.js.map +1 -0
- package/esm/index.js +5 -0
- package/esm/index.js.map +1 -1
- package/esm/utils/get-input-mode/get-input-mode.js +20 -0
- package/esm/utils/get-input-mode/get-input-mode.js.map +1 -0
- package/lib/components/Affix/Affix.d.ts.map +1 -1
- package/lib/components/AppShell/AppShell.d.ts +6 -0
- package/lib/components/AppShell/AppShell.d.ts.map +1 -1
- package/lib/components/AppShell/AppShell.styles.d.ts +1 -0
- package/lib/components/AppShell/AppShell.styles.d.ts.map +1 -1
- package/lib/components/AppShell/Aside/Aside.d.ts +13 -0
- package/lib/components/AppShell/Aside/Aside.d.ts.map +1 -0
- package/lib/components/AppShell/Footer/Footer.d.ts +8 -0
- package/lib/components/AppShell/Footer/Footer.d.ts.map +1 -0
- package/lib/components/AppShell/Header/Header.d.ts +2 -11
- package/lib/components/AppShell/Header/Header.d.ts.map +1 -1
- package/lib/components/AppShell/HorizontalSection/HorizontalSection.d.ts +33 -0
- package/lib/components/AppShell/HorizontalSection/HorizontalSection.d.ts.map +1 -0
- package/lib/components/AppShell/{Navbar/Navbar.styles.d.ts → HorizontalSection/HorizontalSection.styles.d.ts} +6 -6
- package/lib/components/AppShell/HorizontalSection/HorizontalSection.styles.d.ts.map +1 -0
- package/lib/components/AppShell/HorizontalSection/Section/Section.d.ts +15 -0
- package/lib/components/AppShell/HorizontalSection/Section/Section.d.ts.map +1 -0
- package/lib/components/AppShell/{Navbar → HorizontalSection}/get-sorted-breakpoints/get-sorted-breakpoints.d.ts +0 -0
- package/lib/components/AppShell/HorizontalSection/get-sorted-breakpoints/get-sorted-breakpoints.d.ts.map +1 -0
- package/lib/components/AppShell/Navbar/Navbar.d.ts +4 -20
- package/lib/components/AppShell/Navbar/Navbar.d.ts.map +1 -1
- package/lib/components/AppShell/VerticalSection/VerticalSection.d.ts +22 -0
- package/lib/components/AppShell/VerticalSection/VerticalSection.d.ts.map +1 -0
- package/lib/components/AppShell/VerticalSection/VerticalSection.styles.d.ts +20 -0
- package/lib/components/AppShell/VerticalSection/VerticalSection.styles.d.ts.map +1 -0
- package/lib/components/AppShell/index.d.ts +6 -2
- package/lib/components/AppShell/index.d.ts.map +1 -1
- package/lib/components/Divider/Divider.d.ts.map +1 -1
- package/lib/components/Divider/Divider.styles.d.ts +2 -2
- package/lib/components/Divider/Divider.styles.d.ts.map +1 -1
- package/lib/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/lib/components/Notification/Notification.d.ts +1 -1
- package/lib/components/Notification/Notification.d.ts.map +1 -1
- package/lib/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/lib/components/Popover/PopoverBody/PopoverBody.styles.d.ts.map +1 -1
- package/lib/components/Popper/Popper.d.ts +6 -1
- package/lib/components/Popper/Popper.d.ts.map +1 -1
- package/lib/components/RadioGroup/Radio/Radio.d.ts +4 -0
- package/lib/components/RadioGroup/Radio/Radio.d.ts.map +1 -1
- package/lib/components/RadioGroup/Radio/Radio.styles.d.ts +3 -2
- package/lib/components/RadioGroup/Radio/Radio.styles.d.ts.map +1 -1
- package/lib/components/RadioGroup/Radio/RadioIcon.d.ts +3 -0
- package/lib/components/RadioGroup/Radio/RadioIcon.d.ts.map +1 -0
- package/lib/components/Select/Select.d.ts.map +1 -1
- package/lib/components/Slider/Marks/Marks.d.ts +2 -1
- package/lib/components/Slider/Marks/Marks.d.ts.map +1 -1
- package/lib/components/Slider/Marks/Marks.styles.d.ts +1 -0
- package/lib/components/Slider/Marks/Marks.styles.d.ts.map +1 -1
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +2 -0
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts.map +1 -1
- package/lib/components/Slider/Slider/Slider.d.ts +2 -0
- package/lib/components/Slider/Slider/Slider.d.ts.map +1 -1
- package/lib/components/Slider/SliderRoot/SliderRoot.d.ts +1 -0
- package/lib/components/Slider/SliderRoot/SliderRoot.d.ts.map +1 -1
- package/lib/components/Slider/SliderRoot/SliderRoot.styles.d.ts +1 -0
- package/lib/components/Slider/SliderRoot/SliderRoot.styles.d.ts.map +1 -1
- package/lib/components/Slider/Thumb/Thumb.d.ts +1 -0
- package/lib/components/Slider/Thumb/Thumb.d.ts.map +1 -1
- package/lib/components/Slider/Thumb/Thumb.styles.d.ts +1 -0
- package/lib/components/Slider/Thumb/Thumb.styles.d.ts.map +1 -1
- package/lib/components/Slider/Track/Track.d.ts +2 -1
- package/lib/components/Slider/Track/Track.d.ts.map +1 -1
- package/lib/components/Slider/Track/Track.styles.d.ts +1 -0
- package/lib/components/Slider/Track/Track.styles.d.ts.map +1 -1
- package/lib/components/Stack/Stack.d.ts +9 -0
- package/lib/components/Stack/Stack.d.ts.map +1 -0
- package/lib/components/Stack/Stack.styles.d.ts +14 -0
- package/lib/components/Stack/Stack.styles.d.ts.map +1 -0
- package/lib/components/Stack/index.d.ts +4 -0
- package/lib/components/Stack/index.d.ts.map +1 -0
- package/lib/components/Table/Table.d.ts +2 -0
- package/lib/components/Table/Table.d.ts.map +1 -1
- package/lib/components/Table/Table.styles.d.ts +1 -0
- package/lib/components/Table/Table.styles.d.ts.map +1 -1
- package/lib/components/Tooltip/FloatingTooltip/FloatingTooltip.d.ts +35 -0
- package/lib/components/Tooltip/FloatingTooltip/FloatingTooltip.d.ts.map +1 -0
- package/lib/components/Tooltip/FloatingTooltip/FloatingTooltip.styles.d.ts +12 -0
- package/lib/components/Tooltip/FloatingTooltip/FloatingTooltip.styles.d.ts.map +1 -0
- package/lib/components/Tooltip/index.d.ts +3 -0
- package/lib/components/Tooltip/index.d.ts.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/utils/get-input-mode/get-input-mode.d.ts +3 -0
- package/lib/utils/get-input-mode/get-input-mode.d.ts.map +1 -0
- package/lib/utils/index.d.ts +1 -0
- package/lib/utils/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/cjs/components/AppShell/Header/Header.styles.js.map +0 -1
- package/cjs/components/AppShell/Navbar/Navbar.styles.js.map +0 -1
- package/cjs/components/AppShell/Navbar/NavbarSection/NavbarSection.js.map +0 -1
- package/cjs/components/AppShell/Navbar/get-sorted-breakpoints/get-sorted-breakpoints.js.map +0 -1
- package/esm/components/AppShell/Header/Header.styles.js.map +0 -1
- package/esm/components/AppShell/Navbar/Navbar.styles.js.map +0 -1
- package/esm/components/AppShell/Navbar/NavbarSection/NavbarSection.js.map +0 -1
- package/esm/components/AppShell/Navbar/get-sorted-breakpoints/get-sorted-breakpoints.js.map +0 -1
- package/lib/components/AppShell/Header/Header.styles.d.ts +0 -19
- package/lib/components/AppShell/Header/Header.styles.d.ts.map +0 -1
- package/lib/components/AppShell/Navbar/Navbar.styles.d.ts.map +0 -1
- package/lib/components/AppShell/Navbar/NavbarSection/NavbarSection.d.ts +0 -15
- package/lib/components/AppShell/Navbar/NavbarSection/NavbarSection.d.ts.map +0 -1
- package/lib/components/AppShell/Navbar/get-sorted-breakpoints/get-sorted-breakpoints.d.ts.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { forwardRef, useState, useRef } from 'react';
|
|
1
|
+
import React, { forwardRef, useState, useRef, useCallback } from 'react';
|
|
2
2
|
import { useUncontrolled, clamp, useMove, useMergedRef } from '@mantine/hooks';
|
|
3
3
|
import { useMantineDefaultProps, useMantineTheme } from '@mantine/styles';
|
|
4
4
|
import { getPosition } from '../utils/get-position/get-position.js';
|
|
@@ -50,7 +50,8 @@ const defaultProps = {
|
|
|
50
50
|
labelTransitionDuration: 0,
|
|
51
51
|
labelAlwaysOn: false,
|
|
52
52
|
thumbLabel: "",
|
|
53
|
-
showLabelOnHover: true
|
|
53
|
+
showLabelOnHover: true,
|
|
54
|
+
disabled: false
|
|
54
55
|
};
|
|
55
56
|
const Slider = forwardRef((props, ref) => {
|
|
56
57
|
const _a = useMantineDefaultProps("Slider", defaultProps, props), {
|
|
@@ -76,7 +77,8 @@ const Slider = forwardRef((props, ref) => {
|
|
|
76
77
|
labelAlwaysOn,
|
|
77
78
|
thumbLabel,
|
|
78
79
|
showLabelOnHover,
|
|
79
|
-
thumbChildren
|
|
80
|
+
thumbChildren,
|
|
81
|
+
disabled
|
|
80
82
|
} = _a, others = __objRest(_a, [
|
|
81
83
|
"classNames",
|
|
82
84
|
"styles",
|
|
@@ -100,7 +102,8 @@ const Slider = forwardRef((props, ref) => {
|
|
|
100
102
|
"labelAlwaysOn",
|
|
101
103
|
"thumbLabel",
|
|
102
104
|
"showLabelOnHover",
|
|
103
|
-
"thumbChildren"
|
|
105
|
+
"thumbChildren",
|
|
106
|
+
"disabled"
|
|
104
107
|
]);
|
|
105
108
|
const theme = useMantineTheme();
|
|
106
109
|
const [hovered, setHovered] = useState(false);
|
|
@@ -115,51 +118,55 @@ const Slider = forwardRef((props, ref) => {
|
|
|
115
118
|
const thumb = useRef();
|
|
116
119
|
const position = getPosition({ value: _value, min, max });
|
|
117
120
|
const _label = typeof label === "function" ? label(_value) : label;
|
|
118
|
-
const handleChange = (
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
121
|
+
const handleChange = useCallback(({ x }) => {
|
|
122
|
+
if (!disabled) {
|
|
123
|
+
const nextValue = getChangeValue({ value: x, min, max, step, precision });
|
|
124
|
+
setValue(nextValue);
|
|
125
|
+
valueRef.current = nextValue;
|
|
126
|
+
}
|
|
127
|
+
}, [disabled, min, max, step, precision]);
|
|
128
|
+
const { ref: container, active } = useMove(handleChange, { onScrubEnd: () => onChangeEnd == null ? void 0 : onChangeEnd(valueRef.current) }, theme.dir);
|
|
129
|
+
const handleThumbMouseDown = (event) => {
|
|
125
130
|
if (event.cancelable) {
|
|
126
131
|
event.preventDefault();
|
|
127
132
|
event.stopPropagation();
|
|
128
133
|
}
|
|
129
|
-
}
|
|
134
|
+
};
|
|
130
135
|
const handleTrackKeydownCapture = (event) => {
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
136
|
+
if (!disabled) {
|
|
137
|
+
switch (event.nativeEvent.code) {
|
|
138
|
+
case "ArrowUp": {
|
|
139
|
+
event.preventDefault();
|
|
140
|
+
thumb.current.focus();
|
|
141
|
+
const nextValue = Math.min(Math.max(_value + step, min), max);
|
|
142
|
+
onChangeEnd == null ? void 0 : onChangeEnd(nextValue);
|
|
143
|
+
setValue(nextValue);
|
|
144
|
+
break;
|
|
145
|
+
}
|
|
146
|
+
case "ArrowRight": {
|
|
147
|
+
event.preventDefault();
|
|
148
|
+
thumb.current.focus();
|
|
149
|
+
const nextValue = Math.min(Math.max(theme.dir === "rtl" ? _value - step : _value + step, min), max);
|
|
150
|
+
onChangeEnd == null ? void 0 : onChangeEnd(nextValue);
|
|
151
|
+
setValue(nextValue);
|
|
152
|
+
break;
|
|
153
|
+
}
|
|
154
|
+
case "ArrowDown": {
|
|
155
|
+
event.preventDefault();
|
|
156
|
+
thumb.current.focus();
|
|
157
|
+
const nextValue = Math.min(Math.max(_value - step, min), max);
|
|
158
|
+
onChangeEnd == null ? void 0 : onChangeEnd(nextValue);
|
|
159
|
+
setValue(nextValue);
|
|
160
|
+
break;
|
|
161
|
+
}
|
|
162
|
+
case "ArrowLeft": {
|
|
163
|
+
event.preventDefault();
|
|
164
|
+
thumb.current.focus();
|
|
165
|
+
const nextValue = Math.min(Math.max(theme.dir === "rtl" ? _value + step : _value - step, min), max);
|
|
166
|
+
onChangeEnd == null ? void 0 : onChangeEnd(nextValue);
|
|
167
|
+
setValue(nextValue);
|
|
168
|
+
break;
|
|
169
|
+
}
|
|
163
170
|
}
|
|
164
171
|
}
|
|
165
172
|
};
|
|
@@ -172,7 +179,8 @@ const Slider = forwardRef((props, ref) => {
|
|
|
172
179
|
return (_a2 = container.current) == null ? void 0 : _a2.focus();
|
|
173
180
|
},
|
|
174
181
|
classNames,
|
|
175
|
-
styles
|
|
182
|
+
styles,
|
|
183
|
+
disabled
|
|
176
184
|
}), /* @__PURE__ */ React.createElement(Track, {
|
|
177
185
|
offset: 0,
|
|
178
186
|
filled: position,
|
|
@@ -187,7 +195,8 @@ const Slider = forwardRef((props, ref) => {
|
|
|
187
195
|
onMouseEnter: showLabelOnHover ? () => setHovered(true) : void 0,
|
|
188
196
|
onMouseLeave: showLabelOnHover ? () => setHovered(false) : void 0,
|
|
189
197
|
classNames,
|
|
190
|
-
styles
|
|
198
|
+
styles,
|
|
199
|
+
disabled
|
|
191
200
|
}, /* @__PURE__ */ React.createElement(Thumb, {
|
|
192
201
|
max,
|
|
193
202
|
min,
|
|
@@ -206,7 +215,8 @@ const Slider = forwardRef((props, ref) => {
|
|
|
206
215
|
classNames,
|
|
207
216
|
styles,
|
|
208
217
|
thumbLabel,
|
|
209
|
-
showLabelOnHover: showLabelOnHover && hovered
|
|
218
|
+
showLabelOnHover: showLabelOnHover && hovered,
|
|
219
|
+
disabled
|
|
210
220
|
}, thumbChildren)), /* @__PURE__ */ React.createElement("input", {
|
|
211
221
|
type: "hidden",
|
|
212
222
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\nimport { clamp, useMergedRef, useMove, useUncontrolled } from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineColor,\n MantineNumberSize,\n useMantineDefaultProps,\n useMantineTheme,\n} from '@mantine/styles';\nimport { MantineTransition } from '../../Transition';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { getChangeValue } from '../utils/get-change-value/get-change-value';\nimport { Thumb, ThumbStylesNames } from '../Thumb/Thumb';\nimport { Track, TrackStylesNames } from '../Track/Track';\nimport { MarksStylesNames } from '../Marks/Marks';\nimport { SliderRoot, SliderRootStylesNames } from '../SliderRoot/SliderRoot';\n\nexport type SliderStylesNames =\n | SliderRootStylesNames\n | ThumbStylesNames\n | TrackStylesNames\n | MarksStylesNames;\n\nexport interface SliderProps\n extends DefaultProps<SliderStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {\n /** Color from theme.colors */\n color?: MantineColor;\n\n /** Track border-radius from theme or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Predefined track and thumb size, number to set sizes in px */\n size?: MantineNumberSize;\n\n /** Minimal possible value */\n min?: number;\n\n /** Maximum possible value */\n max?: number;\n\n /** Number by which value will be incremented/decremented with thumb drag and arrows */\n step?: number;\n\n /** Amount of digits after the decimal point */\n precision?: number;\n\n /** Current value for controlled slider */\n value?: number;\n\n /** Default value for uncontrolled slider */\n defaultValue?: number;\n\n /** Called each time value changes */\n onChange?(value: number): void;\n\n /** Called when user stops dragging slider or changes value with arrows */\n onChangeEnd?(value: number): void;\n\n /** Hidden input name, use with uncontrolled variant */\n name?: string;\n\n /** Marks which will be placed on the track */\n marks?: { value: number; label?: React.ReactNode }[];\n\n /** Function to generate label or any react node to render instead, set to null to disable label */\n label?: React.ReactNode | ((value: number) => React.ReactNode);\n\n /** Label appear/disappear transition */\n labelTransition?: MantineTransition;\n\n /** Label appear/disappear transition duration in ms */\n labelTransitionDuration?: number;\n\n /** Label appear/disappear transition timing function, defaults to theme.transitionRimingFunction */\n labelTransitionTimingFunction?: string;\n\n /** If true label will be not be hidden when user stops dragging */\n labelAlwaysOn?: boolean;\n\n /** Thumb aria-label */\n thumbLabel?: string;\n\n /** If true slider label will appear on hover */\n showLabelOnHover?: boolean;\n\n /** Thumb children, can be used to add icon */\n thumbChildren?: React.ReactNode;\n}\n\nconst defaultProps: Partial<SliderProps> = {\n size: 'md',\n radius: 'xl',\n min: 0,\n max: 100,\n step: 1,\n marks: [],\n label: (f) => f,\n labelTransition: 'skew-down',\n labelTransitionDuration: 0,\n labelAlwaysOn: false,\n thumbLabel: '',\n showLabelOnHover: true,\n};\n\nexport const Slider = forwardRef<HTMLDivElement, SliderProps>((props: SliderProps, ref) => {\n const {\n classNames,\n styles,\n color,\n value,\n onChange,\n onChangeEnd,\n size,\n radius,\n min,\n max,\n step,\n precision,\n defaultValue,\n name,\n marks,\n label,\n labelTransition,\n labelTransitionDuration,\n labelTransitionTimingFunction,\n labelAlwaysOn,\n thumbLabel,\n showLabelOnHover,\n thumbChildren,\n ...others\n } = useMantineDefaultProps('Slider', defaultProps, props);\n\n const theme = useMantineTheme();\n const [hovered, setHovered] = useState(false);\n const [_value, setValue] = useUncontrolled({\n value: typeof value === 'number' ? clamp({ value, min, max }) : value,\n defaultValue:\n typeof defaultValue === 'number' ? clamp({ value: defaultValue, min, max }) : defaultValue,\n finalValue: clamp({ value: 0, min, max }),\n rule: (val) => typeof val === 'number',\n onChange,\n });\n\n const valueRef = useRef(_value);\n const thumb = useRef<HTMLDivElement>();\n const position = getPosition({ value: _value, min, max });\n const _label = typeof label === 'function' ? label(_value) : label;\n\n const handleChange = (val: number) => {\n const nextValue = getChangeValue({ value: val, min, max, step, precision });\n setValue(nextValue);\n valueRef.current = nextValue;\n };\n\n const { ref: container, active } = useMove(\n ({ x }) => handleChange(x),\n { onScrubEnd: () => onChangeEnd?.(valueRef.current) },\n theme.dir\n );\n\n function handleThumbMouseDown(\n event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n ) {\n if (event.cancelable) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n\n const handleTrackKeydownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n switch (event.nativeEvent.code) {\n case 'ArrowUp': {\n event.preventDefault();\n thumb.current.focus();\n const nextValue = Math.min(Math.max(_value + step, min), max);\n onChangeEnd?.(nextValue);\n setValue(nextValue);\n break;\n }\n case 'ArrowRight': {\n event.preventDefault();\n thumb.current.focus();\n const nextValue = Math.min(\n Math.max(theme.dir === 'rtl' ? _value - step : _value + step, min),\n max\n );\n onChangeEnd?.(nextValue);\n setValue(nextValue);\n break;\n }\n\n case 'ArrowDown': {\n event.preventDefault();\n thumb.current.focus();\n const nextValue = Math.min(Math.max(_value - step, min), max);\n onChangeEnd?.(nextValue);\n setValue(nextValue);\n break;\n }\n\n case 'ArrowLeft': {\n event.preventDefault();\n thumb.current.focus();\n const nextValue = Math.min(\n Math.max(theme.dir === 'rtl' ? _value + step : _value - step, min),\n max\n );\n onChangeEnd?.(nextValue);\n setValue(nextValue);\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return (\n <SliderRoot\n {...others}\n size={size}\n ref={useMergedRef(container, ref)}\n onKeyDownCapture={handleTrackKeydownCapture}\n onMouseDownCapture={() => container.current?.focus()}\n classNames={classNames}\n styles={styles}\n >\n <Track\n offset={0}\n filled={position}\n marks={marks}\n size={size}\n radius={radius}\n color={color}\n min={min}\n max={max}\n value={_value}\n onChange={setValue}\n onMouseEnter={showLabelOnHover ? () => setHovered(true) : undefined}\n onMouseLeave={showLabelOnHover ? () => setHovered(false) : undefined}\n classNames={classNames}\n styles={styles}\n >\n <Thumb\n max={max}\n min={min}\n value={_value}\n position={position}\n dragging={active}\n color={color}\n size={size}\n label={_label}\n ref={thumb}\n onMouseDown={handleThumbMouseDown}\n labelTransition={labelTransition}\n labelTransitionDuration={labelTransitionDuration}\n labelTransitionTimingFunction={labelTransitionTimingFunction}\n labelAlwaysOn={labelAlwaysOn}\n classNames={classNames}\n styles={styles}\n thumbLabel={thumbLabel}\n showLabelOnHover={showLabelOnHover && hovered}\n >\n {thumbChildren}\n </Thumb>\n </Track>\n\n <input type=\"hidden\" name={name} value={_value} />\n </SliderRoot>\n );\n});\n\nSlider.displayName = '@mantine/core/Slider';\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;AAYF,MAAM,YAAY,GAAG;AACrB,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,GAAG,EAAE,CAAC;AACR,EAAE,GAAG,EAAE,GAAG;AACV,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,KAAK,EAAE,EAAE;AACX,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC;AACjB,EAAE,eAAe,EAAE,WAAW;AAC9B,EAAE,uBAAuB,EAAE,CAAC;AAC5B,EAAE,aAAa,EAAE,KAAK;AACtB,EAAE,UAAU,EAAE,EAAE;AAChB,EAAE,gBAAgB,EAAE,IAAI;AACxB,CAAC,CAAC;AACU,MAAC,MAAM,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACjD,EAAE,MAAM,EAAE,GAAG,sBAAsB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;AACpE,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,GAAG;AACP,IAAI,GAAG;AACP,IAAI,IAAI;AACR,IAAI,SAAS;AACb,IAAI,YAAY;AAChB,IAAI,IAAI;AACR,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,eAAe;AACnB,IAAI,uBAAuB;AAC3B,IAAI,6BAA6B;AACjC,IAAI,aAAa;AACjB,IAAI,UAAU;AACd,IAAI,gBAAgB;AACpB,IAAI,aAAa;AACjB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,aAAa;AACjB,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,iBAAiB;AACrB,IAAI,yBAAyB;AAC7B,IAAI,+BAA+B;AACnC,IAAI,eAAe;AACnB,IAAI,YAAY;AAChB,IAAI,kBAAkB;AACtB,IAAI,eAAe;AACnB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAChD,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC;AAC7C,IAAI,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,KAAK;AACzE,IAAI,YAAY,EAAE,OAAO,YAAY,KAAK,QAAQ,GAAG,KAAK,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,YAAY;AAC5G,IAAI,UAAU,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAC7C,IAAI,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,GAAG,KAAK,QAAQ;AAC1C,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAClC,EAAE,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC;AACzB,EAAE,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AAC5D,EAAE,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC;AACrE,EAAE,MAAM,YAAY,GAAG,CAAC,GAAG,KAAK;AAChC,IAAI,MAAM,SAAS,GAAG,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;AAChF,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAC;AACxB,IAAI,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;AACjC,GAAG,CAAC;AACJ,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,WAAW,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;AACxK,EAAE,SAAS,oBAAoB,CAAC,KAAK,EAAE;AACvC,IAAI,IAAI,KAAK,CAAC,UAAU,EAAE;AAC1B,MAAM,KAAK,CAAC,cAAc,EAAE,CAAC;AAC7B,MAAM,KAAK,CAAC,eAAe,EAAE,CAAC;AAC9B,KAAK;AACL,GAAG;AACH,EAAE,MAAM,yBAAyB,GAAG,CAAC,KAAK,KAAK;AAC/C,IAAI,QAAQ,KAAK,CAAC,WAAW,CAAC,IAAI;AAClC,MAAM,KAAK,SAAS,EAAE;AACtB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAQ,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;AAC9B,QAAQ,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AACtE,QAAQ,WAAW,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAC9D,QAAQ,QAAQ,CAAC,SAAS,CAAC,CAAC;AAC5B,QAAQ,MAAM;AACd,OAAO;AACP,MAAM,KAAK,YAAY,EAAE;AACzB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAQ,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;AAC9B,QAAQ,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAC5G,QAAQ,WAAW,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAC9D,QAAQ,QAAQ,CAAC,SAAS,CAAC,CAAC;AAC5B,QAAQ,MAAM;AACd,OAAO;AACP,MAAM,KAAK,WAAW,EAAE;AACxB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAQ,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;AAC9B,QAAQ,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AACtE,QAAQ,WAAW,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAC9D,QAAQ,QAAQ,CAAC,SAAS,CAAC,CAAC;AAC5B,QAAQ,MAAM;AACd,OAAO;AACP,MAAM,KAAK,WAAW,EAAE;AACxB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAQ,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;AAC9B,QAAQ,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAC5G,QAAQ,WAAW,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAC9D,QAAQ,QAAQ,CAAC,SAAS,CAAC,CAAC;AAC5B,QAAQ,MAAM;AACd,OAAO;AAIP,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE;AACnG,IAAI,IAAI;AACR,IAAI,GAAG,EAAE,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC;AACrC,IAAI,gBAAgB,EAAE,yBAAyB;AAC/C,IAAI,kBAAkB,EAAE,MAAM;AAC9B,MAAM,IAAI,GAAG,CAAC;AACd,MAAM,OAAO,CAAC,GAAG,GAAG,SAAS,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;AACtE,KAAK;AACL,IAAI,UAAU;AACd,IAAI,MAAM;AACV,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,MAAM,EAAE,QAAQ;AACpB,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,KAAK;AACT,IAAI,GAAG;AACP,IAAI,GAAG;AACP,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,YAAY,EAAE,gBAAgB,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;AACpE,IAAI,YAAY,EAAE,gBAAgB,GAAG,MAAM,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AACrE,IAAI,UAAU;AACd,IAAI,MAAM;AACV,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,GAAG;AACP,IAAI,GAAG;AACP,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,QAAQ;AACZ,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,GAAG,EAAE,KAAK;AACd,IAAI,WAAW,EAAE,oBAAoB;AACrC,IAAI,eAAe;AACnB,IAAI,uBAAuB;AAC3B,IAAI,6BAA6B;AACjC,IAAI,aAAa;AACjB,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,gBAAgB,EAAE,gBAAgB,IAAI,OAAO;AACjD,GAAG,EAAE,aAAa,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACnE,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,IAAI;AACR,IAAI,KAAK,EAAE,MAAM;AACjB,GAAG,CAAC,CAAC,CAAC;AACN,CAAC,EAAE;AACH,MAAM,CAAC,WAAW,GAAG,sBAAsB;;;;"}
|
|
1
|
+
{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useCallback } from 'react';\nimport { clamp, useMergedRef, useMove, useUncontrolled } from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineColor,\n MantineNumberSize,\n useMantineDefaultProps,\n useMantineTheme,\n} from '@mantine/styles';\nimport { MantineTransition } from '../../Transition';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { getChangeValue } from '../utils/get-change-value/get-change-value';\nimport { Thumb, ThumbStylesNames } from '../Thumb/Thumb';\nimport { Track, TrackStylesNames } from '../Track/Track';\nimport { MarksStylesNames } from '../Marks/Marks';\nimport { SliderRoot, SliderRootStylesNames } from '../SliderRoot/SliderRoot';\n\nexport type SliderStylesNames =\n | SliderRootStylesNames\n | ThumbStylesNames\n | TrackStylesNames\n | MarksStylesNames;\n\nexport interface SliderProps\n extends DefaultProps<SliderStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {\n /** Color from theme.colors */\n color?: MantineColor;\n\n /** Track border-radius from theme or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Predefined track and thumb size, number to set sizes in px */\n size?: MantineNumberSize;\n\n /** Minimal possible value */\n min?: number;\n\n /** Maximum possible value */\n max?: number;\n\n /** Number by which value will be incremented/decremented with thumb drag and arrows */\n step?: number;\n\n /** Amount of digits after the decimal point */\n precision?: number;\n\n /** Current value for controlled slider */\n value?: number;\n\n /** Default value for uncontrolled slider */\n defaultValue?: number;\n\n /** Called each time value changes */\n onChange?(value: number): void;\n\n /** Called when user stops dragging slider or changes value with arrows */\n onChangeEnd?(value: number): void;\n\n /** Hidden input name, use with uncontrolled variant */\n name?: string;\n\n /** Marks which will be placed on the track */\n marks?: { value: number; label?: React.ReactNode }[];\n\n /** Function to generate label or any react node to render instead, set to null to disable label */\n label?: React.ReactNode | ((value: number) => React.ReactNode);\n\n /** Label appear/disappear transition */\n labelTransition?: MantineTransition;\n\n /** Label appear/disappear transition duration in ms */\n labelTransitionDuration?: number;\n\n /** Label appear/disappear transition timing function, defaults to theme.transitionRimingFunction */\n labelTransitionTimingFunction?: string;\n\n /** If true label will be not be hidden when user stops dragging */\n labelAlwaysOn?: boolean;\n\n /** Thumb aria-label */\n thumbLabel?: string;\n\n /** If true slider label will appear on hover */\n showLabelOnHover?: boolean;\n\n /** Thumb children, can be used to add icon */\n thumbChildren?: React.ReactNode;\n\n /** Disables slider */\n disabled?: boolean;\n}\n\nconst defaultProps: Partial<SliderProps> = {\n size: 'md',\n radius: 'xl',\n min: 0,\n max: 100,\n step: 1,\n marks: [],\n label: (f) => f,\n labelTransition: 'skew-down',\n labelTransitionDuration: 0,\n labelAlwaysOn: false,\n thumbLabel: '',\n showLabelOnHover: true,\n disabled: false,\n};\n\nexport const Slider = forwardRef<HTMLDivElement, SliderProps>((props: SliderProps, ref) => {\n const {\n classNames,\n styles,\n color,\n value,\n onChange,\n onChangeEnd,\n size,\n radius,\n min,\n max,\n step,\n precision,\n defaultValue,\n name,\n marks,\n label,\n labelTransition,\n labelTransitionDuration,\n labelTransitionTimingFunction,\n labelAlwaysOn,\n thumbLabel,\n showLabelOnHover,\n thumbChildren,\n disabled,\n ...others\n } = useMantineDefaultProps('Slider', defaultProps, props);\n\n const theme = useMantineTheme();\n const [hovered, setHovered] = useState(false);\n const [_value, setValue] = useUncontrolled({\n value: typeof value === 'number' ? clamp({ value, min, max }) : value,\n defaultValue:\n typeof defaultValue === 'number' ? clamp({ value: defaultValue, min, max }) : defaultValue,\n finalValue: clamp({ value: 0, min, max }),\n rule: (val) => typeof val === 'number',\n onChange,\n });\n\n const valueRef = useRef(_value);\n const thumb = useRef<HTMLDivElement>();\n const position = getPosition({ value: _value, min, max });\n const _label = typeof label === 'function' ? label(_value) : label;\n\n const handleChange = useCallback(\n ({ x }: { x: number }) => {\n if (!disabled) {\n const nextValue = getChangeValue({ value: x, min, max, step, precision });\n setValue(nextValue);\n valueRef.current = nextValue;\n }\n },\n [disabled, min, max, step, precision]\n );\n\n const { ref: container, active } = useMove(\n handleChange,\n { onScrubEnd: () => onChangeEnd?.(valueRef.current) },\n theme.dir\n );\n\n const handleThumbMouseDown = (\n event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n ) => {\n if (event.cancelable) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n const handleTrackKeydownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (!disabled) {\n switch (event.nativeEvent.code) {\n case 'ArrowUp': {\n event.preventDefault();\n thumb.current.focus();\n const nextValue = Math.min(Math.max(_value + step, min), max);\n onChangeEnd?.(nextValue);\n setValue(nextValue);\n break;\n }\n\n case 'ArrowRight': {\n event.preventDefault();\n thumb.current.focus();\n const nextValue = Math.min(\n Math.max(theme.dir === 'rtl' ? _value - step : _value + step, min),\n max\n );\n onChangeEnd?.(nextValue);\n setValue(nextValue);\n break;\n }\n\n case 'ArrowDown': {\n event.preventDefault();\n thumb.current.focus();\n const nextValue = Math.min(Math.max(_value - step, min), max);\n onChangeEnd?.(nextValue);\n setValue(nextValue);\n break;\n }\n\n case 'ArrowLeft': {\n event.preventDefault();\n thumb.current.focus();\n const nextValue = Math.min(\n Math.max(theme.dir === 'rtl' ? _value + step : _value - step, min),\n max\n );\n onChangeEnd?.(nextValue);\n setValue(nextValue);\n break;\n }\n\n default: {\n break;\n }\n }\n }\n };\n\n return (\n <SliderRoot\n {...others}\n size={size}\n ref={useMergedRef(container, ref)}\n onKeyDownCapture={handleTrackKeydownCapture}\n onMouseDownCapture={() => container.current?.focus()}\n classNames={classNames}\n styles={styles}\n disabled={disabled}\n >\n <Track\n offset={0}\n filled={position}\n marks={marks}\n size={size}\n radius={radius}\n color={color}\n min={min}\n max={max}\n value={_value}\n onChange={setValue}\n onMouseEnter={showLabelOnHover ? () => setHovered(true) : undefined}\n onMouseLeave={showLabelOnHover ? () => setHovered(false) : undefined}\n classNames={classNames}\n styles={styles}\n disabled={disabled}\n >\n <Thumb\n max={max}\n min={min}\n value={_value}\n position={position}\n dragging={active}\n color={color}\n size={size}\n label={_label}\n ref={thumb}\n onMouseDown={handleThumbMouseDown}\n labelTransition={labelTransition}\n labelTransitionDuration={labelTransitionDuration}\n labelTransitionTimingFunction={labelTransitionTimingFunction}\n labelAlwaysOn={labelAlwaysOn}\n classNames={classNames}\n styles={styles}\n thumbLabel={thumbLabel}\n showLabelOnHover={showLabelOnHover && hovered}\n disabled={disabled}\n >\n {thumbChildren}\n </Thumb>\n </Track>\n\n <input type=\"hidden\" name={name} value={_value} />\n </SliderRoot>\n );\n});\n\nSlider.displayName = '@mantine/core/Slider';\n"],"names":[],"mappings":"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"}
|
|
@@ -34,8 +34,8 @@ var __objRest = (source, exclude) => {
|
|
|
34
34
|
return target;
|
|
35
35
|
};
|
|
36
36
|
const SliderRoot = forwardRef((_a, ref) => {
|
|
37
|
-
var _b = _a, { className, size, classNames, styles } = _b, others = __objRest(_b, ["className", "size", "classNames", "styles"]);
|
|
38
|
-
const { classes, cx } = useStyles({ size }, { classNames, styles, name: "Slider" });
|
|
37
|
+
var _b = _a, { className, size, classNames, styles, disabled } = _b, others = __objRest(_b, ["className", "size", "classNames", "styles", "disabled"]);
|
|
38
|
+
const { classes, cx } = useStyles({ size, disabled }, { classNames, styles, name: "Slider" });
|
|
39
39
|
return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, others), {
|
|
40
40
|
tabIndex: -1,
|
|
41
41
|
className: cx(classes.root, className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderRoot.js","sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { MantineNumberSize, DefaultProps, ClassNames } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport useStyles from './SliderRoot.styles';\n\nexport type SliderRootStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SliderRootProps\n extends DefaultProps<SliderRootStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n size: MantineNumberSize;\n children: React.ReactNode;\n}\n\nexport const SliderRoot = forwardRef<HTMLDivElement, SliderRootProps>(\n ({ className, size, classNames, styles, ...others }: SliderRootProps, ref) => {\n const { classes, cx } = useStyles({ size }, { classNames, styles, name: 'Slider' });\n return <Box {...others} tabIndex={-1} className={cx(classes.root, className)} ref={ref} />;\n }\n);\n\nSliderRoot.displayName = '@mantine/core/SliderRoot';\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;AAIU,MAAC,UAAU,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AAClD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"SliderRoot.js","sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { MantineNumberSize, DefaultProps, ClassNames } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport useStyles from './SliderRoot.styles';\n\nexport type SliderRootStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SliderRootProps\n extends DefaultProps<SliderRootStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n size: MantineNumberSize;\n children: React.ReactNode;\n disabled: boolean;\n}\n\nexport const SliderRoot = forwardRef<HTMLDivElement, SliderRootProps>(\n ({ className, size, classNames, styles, disabled, ...others }: SliderRootProps, ref) => {\n const { classes, cx } = useStyles({ size, disabled }, { classNames, styles, name: 'Slider' });\n return <Box {...others} tabIndex={-1} className={cx(classes.root, className)} ref={ref} />;\n }\n);\n\nSliderRoot.displayName = '@mantine/core/SliderRoot';\n"],"names":[],"mappings":"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"}
|
|
@@ -26,14 +26,14 @@ const sizes = {
|
|
|
26
26
|
lg: 10,
|
|
27
27
|
xl: 12
|
|
28
28
|
};
|
|
29
|
-
var useStyles = createStyles((theme, { size }) => ({
|
|
29
|
+
var useStyles = createStyles((theme, { size, disabled }) => ({
|
|
30
30
|
root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
|
|
31
31
|
WebkitTapHighlightColor: "transparent",
|
|
32
32
|
outline: 0,
|
|
33
33
|
height: theme.fn.size({ sizes, size }) * 2,
|
|
34
34
|
display: "flex",
|
|
35
35
|
alignItems: "center",
|
|
36
|
-
cursor: "pointer"
|
|
36
|
+
cursor: disabled ? "not-allowed" : "pointer"
|
|
37
37
|
})
|
|
38
38
|
}));
|
|
39
39
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderRoot.styles.js","sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\ninterface SliderRootStyles {\n size: MantineNumberSize;\n}\n\nexport const sizes = {\n xs: 4,\n sm: 6,\n md: 8,\n lg: 10,\n xl: 12,\n};\n\nexport default createStyles((theme, { size }: SliderRootStyles) => ({\n root: {\n ...theme.fn.fontStyles(),\n WebkitTapHighlightColor: 'transparent',\n outline: 0,\n height: theme.fn.size({ sizes, size }) * 2,\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\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;AAEtD,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"SliderRoot.styles.js","sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\ninterface SliderRootStyles {\n size: MantineNumberSize;\n disabled: boolean;\n}\n\nexport const sizes = {\n xs: 4,\n sm: 6,\n md: 8,\n lg: 10,\n xl: 12,\n};\n\nexport default createStyles((theme, { size, disabled }: SliderRootStyles) => ({\n root: {\n ...theme.fn.fontStyles(),\n WebkitTapHighlightColor: 'transparent',\n outline: 0,\n height: theme.fn.size({ sizes, size }) * 2,\n display: 'flex',\n alignItems: 'center',\n cursor: disabled ? 'not-allowed' : 'pointer',\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;AAEtD,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM;AAC5D,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AACjE,IAAI,uBAAuB,EAAE,aAAa;AAC1C,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC;AAC9C,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,MAAM,EAAE,QAAQ,GAAG,aAAa,GAAG,SAAS;AAChD,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;;;;;"}
|
|
@@ -23,9 +23,10 @@ const Thumb = forwardRef(({
|
|
|
23
23
|
onFocus,
|
|
24
24
|
onBlur,
|
|
25
25
|
showLabelOnHover,
|
|
26
|
-
children = null
|
|
26
|
+
children = null,
|
|
27
|
+
disabled
|
|
27
28
|
}, ref) => {
|
|
28
|
-
const { classes, cx, theme } = useStyles({ color, size }, { classNames, styles, name: "Slider" });
|
|
29
|
+
const { classes, cx, theme } = useStyles({ color, size, disabled }, { classNames, styles, name: "Slider" });
|
|
29
30
|
const [focused, setFocused] = useState(false);
|
|
30
31
|
const isVisible = labelAlwaysOn || dragging || focused || showLabelOnHover;
|
|
31
32
|
return /* @__PURE__ */ React.createElement(Box, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Thumb.js","sources":["../../../../src/components/Slider/Thumb/Thumb.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, MantineColor, ClassNames } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { Transition, MantineTransition } from '../../Transition';\nimport useStyles from './Thumb.styles';\n\nexport type ThumbStylesNames = ClassNames<typeof useStyles>;\n\nexport interface ThumbProps extends DefaultProps<ThumbStylesNames> {\n max: number;\n min: number;\n value: number;\n position: number;\n dragging: boolean;\n color: MantineColor;\n size: MantineNumberSize;\n label: React.ReactNode;\n onMouseDown(event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>): void;\n labelTransition?: MantineTransition;\n labelTransitionDuration?: number;\n labelTransitionTimingFunction?: string;\n labelAlwaysOn: boolean;\n thumbLabel: string;\n onFocus?(): void;\n onBlur?(): void;\n showLabelOnHover?: boolean;\n children?: React.ReactNode;\n}\n\nexport const Thumb = forwardRef<HTMLDivElement, ThumbProps>(\n (\n {\n max,\n min,\n value,\n position,\n label,\n dragging,\n onMouseDown,\n color,\n classNames,\n styles,\n size,\n labelTransition,\n labelTransitionDuration,\n labelTransitionTimingFunction,\n labelAlwaysOn,\n thumbLabel,\n onFocus,\n onBlur,\n showLabelOnHover,\n children = null,\n }: ThumbProps,\n ref\n ) => {\n const { classes, cx, theme } = useStyles(\n { color, size },\n { classNames, styles, name: 'Slider' }\n );\n const [focused, setFocused] = useState(false);\n const isVisible = labelAlwaysOn || dragging || focused || showLabelOnHover;\n\n return (\n <Box<'div'>\n tabIndex={0}\n role=\"slider\"\n aria-label={thumbLabel}\n aria-valuemax={max}\n aria-valuemin={min}\n aria-valuenow={value}\n ref={ref}\n className={cx(classes.thumb, { [classes.dragging]: dragging })}\n onFocus={() => {\n setFocused(true);\n typeof onFocus === 'function' && onFocus();\n }}\n onBlur={() => {\n setFocused(false);\n typeof onBlur === 'function' && onBlur();\n }}\n onTouchStart={onMouseDown}\n onMouseDown={onMouseDown}\n onClick={(event) => event.stopPropagation()}\n sx={{ left: `${position}%` }}\n >\n {children}\n <Transition\n mounted={label != null && isVisible}\n duration={labelTransitionDuration}\n transition={labelTransition}\n timingFunction={labelTransitionTimingFunction || theme.transitionTimingFunction}\n >\n {(transitionStyles) => (\n <div style={transitionStyles} className={classes.label}>\n {label}\n </div>\n )}\n </Transition>\n </Box>\n );\n }\n);\n\nThumb.displayName = '@mantine/core/SliderThumb';\n"],"names":[],"mappings":";;;;;AAIY,MAAC,KAAK,GAAG,UAAU,CAAC,CAAC;AACjC,EAAE,GAAG;AACL,EAAE,GAAG;AACL,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,WAAW;AACb,EAAE,KAAK;AACP,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,IAAI;AACN,EAAE,eAAe;AACjB,EAAE,uBAAuB;AACzB,EAAE,6BAA6B;AAC/B,EAAE,aAAa;AACf,EAAE,UAAU;AACZ,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,gBAAgB;AAClB,EAAE,QAAQ,GAAG,IAAI;AACjB,CAAC,EAAE,GAAG,KAAK;AACX,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Thumb.js","sources":["../../../../src/components/Slider/Thumb/Thumb.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, MantineColor, ClassNames } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { Transition, MantineTransition } from '../../Transition';\nimport useStyles from './Thumb.styles';\n\nexport type ThumbStylesNames = ClassNames<typeof useStyles>;\n\nexport interface ThumbProps extends DefaultProps<ThumbStylesNames> {\n max: number;\n min: number;\n value: number;\n position: number;\n dragging: boolean;\n color: MantineColor;\n size: MantineNumberSize;\n label: React.ReactNode;\n onMouseDown(event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>): void;\n labelTransition?: MantineTransition;\n labelTransitionDuration?: number;\n labelTransitionTimingFunction?: string;\n labelAlwaysOn: boolean;\n thumbLabel: string;\n onFocus?(): void;\n onBlur?(): void;\n showLabelOnHover?: boolean;\n children?: React.ReactNode;\n disabled: boolean;\n}\n\nexport const Thumb = forwardRef<HTMLDivElement, ThumbProps>(\n (\n {\n max,\n min,\n value,\n position,\n label,\n dragging,\n onMouseDown,\n color,\n classNames,\n styles,\n size,\n labelTransition,\n labelTransitionDuration,\n labelTransitionTimingFunction,\n labelAlwaysOn,\n thumbLabel,\n onFocus,\n onBlur,\n showLabelOnHover,\n children = null,\n disabled,\n }: ThumbProps,\n ref\n ) => {\n const { classes, cx, theme } = useStyles(\n { color, size, disabled },\n { classNames, styles, name: 'Slider' }\n );\n const [focused, setFocused] = useState(false);\n const isVisible = labelAlwaysOn || dragging || focused || showLabelOnHover;\n\n return (\n <Box<'div'>\n tabIndex={0}\n role=\"slider\"\n aria-label={thumbLabel}\n aria-valuemax={max}\n aria-valuemin={min}\n aria-valuenow={value}\n ref={ref}\n className={cx(classes.thumb, { [classes.dragging]: dragging })}\n onFocus={() => {\n setFocused(true);\n typeof onFocus === 'function' && onFocus();\n }}\n onBlur={() => {\n setFocused(false);\n typeof onBlur === 'function' && onBlur();\n }}\n onTouchStart={onMouseDown}\n onMouseDown={onMouseDown}\n onClick={(event) => event.stopPropagation()}\n sx={{ left: `${position}%` }}\n >\n {children}\n <Transition\n mounted={label != null && isVisible}\n duration={labelTransitionDuration}\n transition={labelTransition}\n timingFunction={labelTransitionTimingFunction || theme.transitionTimingFunction}\n >\n {(transitionStyles) => (\n <div style={transitionStyles} className={classes.label}>\n {label}\n </div>\n )}\n </Transition>\n </Box>\n );\n }\n);\n\nThumb.displayName = '@mantine/core/SliderThumb';\n"],"names":[],"mappings":";;;;;AAIY,MAAC,KAAK,GAAG,UAAU,CAAC,CAAC;AACjC,EAAE,GAAG;AACL,EAAE,GAAG;AACL,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,WAAW;AACb,EAAE,KAAK;AACP,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,IAAI;AACN,EAAE,eAAe;AACjB,EAAE,uBAAuB;AACzB,EAAE,6BAA6B;AAC/B,EAAE,aAAa;AACf,EAAE,UAAU;AACZ,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,gBAAgB;AAClB,EAAE,QAAQ,GAAG,IAAI;AACjB,EAAE,QAAQ;AACV,CAAC,EAAE,GAAG,KAAK;AACX,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC9G,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAChD,EAAE,MAAM,SAAS,GAAG,aAAa,IAAI,QAAQ,IAAI,OAAO,IAAI,gBAAgB,CAAC;AAC7E,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAClD,IAAI,QAAQ,EAAE,CAAC;AACf,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,YAAY,EAAE,UAAU;AAC5B,IAAI,eAAe,EAAE,GAAG;AACxB,IAAI,eAAe,EAAE,GAAG;AACxB,IAAI,eAAe,EAAE,KAAK;AAC1B,IAAI,GAAG;AACP,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC;AAClE,IAAI,OAAO,EAAE,MAAM;AACnB,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;AACvB,MAAM,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;AACjD,KAAK;AACL,IAAI,MAAM,EAAE,MAAM;AAClB,MAAM,UAAU,CAAC,KAAK,CAAC,CAAC;AACxB,MAAM,OAAO,MAAM,KAAK,UAAU,IAAI,MAAM,EAAE,CAAC;AAC/C,KAAK;AACL,IAAI,YAAY,EAAE,WAAW;AAC7B,IAAI,WAAW;AACf,IAAI,OAAO,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,EAAE;AAC/C,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE;AAChC,GAAG,EAAE,QAAQ,kBAAkB,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE;AAC/D,IAAI,OAAO,EAAE,KAAK,IAAI,IAAI,IAAI,SAAS;AACvC,IAAI,QAAQ,EAAE,uBAAuB;AACrC,IAAI,UAAU,EAAE,eAAe;AAC/B,IAAI,cAAc,EAAE,6BAA6B,IAAI,KAAK,CAAC,wBAAwB;AACnF,GAAG,EAAE,CAAC,gBAAgB,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACtE,IAAI,KAAK,EAAE,gBAAgB;AAC3B,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,KAAK,CAAC,WAAW,GAAG,2BAA2B;;;;"}
|
|
@@ -20,7 +20,7 @@ var __spreadValues = (a, b) => {
|
|
|
20
20
|
return a;
|
|
21
21
|
};
|
|
22
22
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
23
|
-
var useStyles = createStyles((theme, { color, size }) => ({
|
|
23
|
+
var useStyles = createStyles((theme, { color, size, disabled }) => ({
|
|
24
24
|
label: {
|
|
25
25
|
position: "absolute",
|
|
26
26
|
top: -36,
|
|
@@ -35,6 +35,7 @@ var useStyles = createStyles((theme, { color, size }) => ({
|
|
|
35
35
|
thumb: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
|
|
36
36
|
boxSizing: "border-box",
|
|
37
37
|
position: "absolute",
|
|
38
|
+
display: disabled ? "none" : "flex",
|
|
38
39
|
height: theme.fn.size({ sizes, size }) * 2,
|
|
39
40
|
width: theme.fn.size({ sizes, size }) * 2,
|
|
40
41
|
backgroundColor: theme.colorScheme === "dark" ? theme.fn.themeColor(color, 6) : theme.white,
|
|
@@ -44,7 +45,6 @@ var useStyles = createStyles((theme, { color, size }) => ({
|
|
|
44
45
|
top: "50%",
|
|
45
46
|
cursor: "pointer",
|
|
46
47
|
borderRadius: 1e3,
|
|
47
|
-
display: "flex",
|
|
48
48
|
alignItems: "center",
|
|
49
49
|
justifyContent: "center",
|
|
50
50
|
transitionDuration: "100ms",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Thumb.styles.js","sources":["../../../../src/components/Slider/Thumb/Thumb.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface ThumbStyles {\n color: MantineColor;\n size: MantineNumberSize;\n}\n\nexport default createStyles((theme, { color, size }: ThumbStyles) => ({\n label: {\n position: 'absolute',\n top: -36,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[9],\n fontSize: theme.fontSizes.xs,\n color: theme.white,\n padding: theme.spacing.xs / 2,\n borderRadius: theme.radius.sm,\n whiteSpace: 'nowrap',\n pointerEvents: 'none',\n },\n\n thumb: {\n ...theme.fn.focusStyles(),\n boxSizing: 'border-box',\n position: 'absolute',\n height: theme.fn.size({ sizes, size }) * 2,\n width: theme.fn.size({ sizes, size }) * 2,\n backgroundColor: theme.colorScheme === 'dark' ? theme.fn.themeColor(color, 6) : theme.white,\n border: `4px solid ${\n theme.colorScheme === 'dark' ? theme.white : theme.fn.themeColor(color, 6)\n }`,\n color: theme.colorScheme === 'dark' ? theme.white : theme.fn.themeColor(color, 6),\n transform: 'translate(-50%, -50%)',\n top: '50%',\n cursor: 'pointer',\n borderRadius: 1000,\n
|
|
1
|
+
{"version":3,"file":"Thumb.styles.js","sources":["../../../../src/components/Slider/Thumb/Thumb.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface ThumbStyles {\n color: MantineColor;\n size: MantineNumberSize;\n disabled: boolean;\n}\n\nexport default createStyles((theme, { color, size, disabled }: ThumbStyles) => ({\n label: {\n position: 'absolute',\n top: -36,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[9],\n fontSize: theme.fontSizes.xs,\n color: theme.white,\n padding: theme.spacing.xs / 2,\n borderRadius: theme.radius.sm,\n whiteSpace: 'nowrap',\n pointerEvents: 'none',\n },\n\n thumb: {\n ...theme.fn.focusStyles(),\n boxSizing: 'border-box',\n position: 'absolute',\n display: disabled ? 'none' : 'flex',\n height: theme.fn.size({ sizes, size }) * 2,\n width: theme.fn.size({ sizes, size }) * 2,\n backgroundColor: theme.colorScheme === 'dark' ? theme.fn.themeColor(color, 6) : theme.white,\n border: `4px solid ${\n theme.colorScheme === 'dark' ? theme.white : theme.fn.themeColor(color, 6)\n }`,\n color: theme.colorScheme === 'dark' ? theme.white : theme.fn.themeColor(color, 6),\n transform: 'translate(-50%, -50%)',\n top: '50%',\n cursor: 'pointer',\n borderRadius: 1000,\n alignItems: 'center',\n justifyContent: 'center',\n transitionDuration: '100ms',\n transitionProperty: 'box-shadow, transform',\n transitionTimingFunction: theme.transitionTimingFunction,\n zIndex: 3,\n },\n\n dragging: {\n transform: 'translate(-50%, -50%) scale(1.05)',\n boxShadow: theme.shadows.sm,\n },\n}));\n"],"names":[],"mappings":"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"}
|
|
@@ -46,7 +46,8 @@ function Track(_a) {
|
|
|
46
46
|
children,
|
|
47
47
|
offset,
|
|
48
48
|
onMouseLeave,
|
|
49
|
-
onMouseEnter
|
|
49
|
+
onMouseEnter,
|
|
50
|
+
disabled
|
|
50
51
|
} = _b, others = __objRest(_b, [
|
|
51
52
|
"filled",
|
|
52
53
|
"size",
|
|
@@ -57,9 +58,10 @@ function Track(_a) {
|
|
|
57
58
|
"children",
|
|
58
59
|
"offset",
|
|
59
60
|
"onMouseLeave",
|
|
60
|
-
"onMouseEnter"
|
|
61
|
+
"onMouseEnter",
|
|
62
|
+
"disabled"
|
|
61
63
|
]);
|
|
62
|
-
const { classes } = useStyles({ color, size, radius }, { classNames, styles, name: "Slider" });
|
|
64
|
+
const { classes } = useStyles({ color, size, radius, disabled }, { classNames, styles, name: "Slider" });
|
|
63
65
|
return /* @__PURE__ */ React.createElement("div", {
|
|
64
66
|
className: classes.track,
|
|
65
67
|
onMouseLeave,
|
|
@@ -75,7 +77,8 @@ function Track(_a) {
|
|
|
75
77
|
color,
|
|
76
78
|
offset,
|
|
77
79
|
classNames,
|
|
78
|
-
styles
|
|
80
|
+
styles,
|
|
81
|
+
disabled
|
|
79
82
|
})));
|
|
80
83
|
}
|
|
81
84
|
Track.displayName = "@mantine/core/SliderTrack";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Track.js","sources":["../../../../src/components/Slider/Track/Track.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize, MantineColor, ClassNames } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { Marks, MarksStylesNames } from '../Marks/Marks';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\nimport useStyles from './Track.styles';\n\nexport type TrackStylesNames = ClassNames<typeof useStyles> | MarksStylesNames;\n\nexport interface TrackProps extends DefaultProps<TrackStylesNames> {\n filled: number;\n offset: number;\n marks: { value: number; label?: React.ReactNode }[];\n size: MantineNumberSize;\n radius: MantineNumberSize;\n color: MantineColor;\n min: number;\n max: number;\n value: number;\n children: React.ReactNode;\n onChange(value: number): void;\n onMouseEnter?(event?: React.MouseEvent<HTMLDivElement>): void;\n onMouseLeave?(event?: React.MouseEvent<HTMLDivElement>): void;\n}\n\nexport function Track({\n filled,\n size,\n color,\n classNames,\n styles,\n radius,\n children,\n offset,\n onMouseLeave,\n onMouseEnter,\n ...others\n}: TrackProps) {\n const { classes } = useStyles({ color, size, radius }
|
|
1
|
+
{"version":3,"file":"Track.js","sources":["../../../../src/components/Slider/Track/Track.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize, MantineColor, ClassNames } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { Marks, MarksStylesNames } from '../Marks/Marks';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\nimport useStyles from './Track.styles';\n\nexport type TrackStylesNames = ClassNames<typeof useStyles> | MarksStylesNames;\n\nexport interface TrackProps extends DefaultProps<TrackStylesNames> {\n filled: number;\n offset: number;\n marks: { value: number; label?: React.ReactNode }[];\n size: MantineNumberSize;\n radius: MantineNumberSize;\n color: MantineColor;\n min: number;\n max: number;\n value: number;\n children: React.ReactNode;\n onChange(value: number): void;\n onMouseEnter?(event?: React.MouseEvent<HTMLDivElement>): void;\n onMouseLeave?(event?: React.MouseEvent<HTMLDivElement>): void;\n disabled: boolean;\n}\n\nexport function Track({\n filled,\n size,\n color,\n classNames,\n styles,\n radius,\n children,\n offset,\n onMouseLeave,\n onMouseEnter,\n disabled,\n ...others\n}: TrackProps) {\n const { classes } = useStyles(\n { color, size, radius, disabled },\n { classNames, styles, name: 'Slider' }\n );\n\n return (\n <div className={classes.track} onMouseLeave={onMouseLeave} onMouseEnter={onMouseEnter}>\n <Box\n className={classes.bar}\n sx={(theme) => ({\n left: `calc(${offset}% - ${theme.fn.size({ size, sizes })}px)`,\n width: `calc(${filled}% + ${theme.fn.size({ size, sizes })}px)`,\n })}\n />\n\n {children}\n\n <Marks\n {...others}\n size={size}\n color={color}\n offset={offset}\n classNames={classNames}\n styles={styles}\n disabled={disabled}\n />\n </div>\n );\n}\n\nTrack.displayName = '@mantine/core/SliderTrack';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createStyles } from '@mantine/styles';
|
|
2
2
|
import { sizes } from '../SliderRoot/SliderRoot.styles.js';
|
|
3
3
|
|
|
4
|
-
var useStyles = createStyles((theme, { radius, size, color }) => ({
|
|
4
|
+
var useStyles = createStyles((theme, { radius, size, color, disabled }) => ({
|
|
5
5
|
track: {
|
|
6
6
|
position: "relative",
|
|
7
7
|
height: theme.fn.size({ sizes, size }),
|
|
@@ -25,7 +25,7 @@ var useStyles = createStyles((theme, { radius, size, color }) => ({
|
|
|
25
25
|
zIndex: 1,
|
|
26
26
|
top: 0,
|
|
27
27
|
bottom: 0,
|
|
28
|
-
backgroundColor: theme.fn.themeColor(color, 6),
|
|
28
|
+
backgroundColor: disabled ? theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[4] : theme.fn.themeColor(color, 6),
|
|
29
29
|
borderRadius: theme.fn.size({ size: radius, sizes: theme.radius })
|
|
30
30
|
}
|
|
31
31
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Track.styles.js","sources":["../../../../src/components/Slider/Track/Track.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface TrackStyles {\n radius: MantineNumberSize;\n size: MantineNumberSize;\n color: MantineColor;\n}\n\nexport default createStyles((theme, { radius, size, color }: TrackStyles) => ({\n track: {\n position: 'relative',\n height: theme.fn.size({ sizes, size }),\n width: '100%',\n marginRight: theme.fn.size({ size, sizes }),\n marginLeft: theme.fn.size({ size, sizes }),\n\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n bottom: 0,\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n right: -theme.fn.size({ size, sizes }),\n left: -theme.fn.size({ size, sizes }),\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n zIndex: 0,\n },\n },\n\n bar: {\n position: 'absolute',\n zIndex: 1,\n top: 0,\n bottom: 0,\n backgroundColor: theme.fn.themeColor(color, 6),\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n },\n}));\n"],"names":[],"mappings":";;;AAEA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"Track.styles.js","sources":["../../../../src/components/Slider/Track/Track.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface TrackStyles {\n radius: MantineNumberSize;\n size: MantineNumberSize;\n color: MantineColor;\n disabled: boolean;\n}\n\nexport default createStyles((theme, { radius, size, color, disabled }: TrackStyles) => ({\n track: {\n position: 'relative',\n height: theme.fn.size({ sizes, size }),\n width: '100%',\n marginRight: theme.fn.size({ size, sizes }),\n marginLeft: theme.fn.size({ size, sizes }),\n\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n bottom: 0,\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n right: -theme.fn.size({ size, sizes }),\n left: -theme.fn.size({ size, sizes }),\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n zIndex: 0,\n },\n },\n\n bar: {\n position: 'absolute',\n zIndex: 1,\n top: 0,\n bottom: 0,\n backgroundColor: disabled\n ? theme.colorScheme === 'dark'\n ? theme.colors.dark[3]\n : theme.colors.gray[4]\n : theme.fn.themeColor(color, 6),\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n },\n}));\n"],"names":[],"mappings":";;;AAEA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM;AAC3E,EAAE,KAAK,EAAE;AACT,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAC1C,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC/C,IAAI,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC9C,IAAI,WAAW,EAAE;AACjB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,QAAQ,EAAE,UAAU;AAC1B,MAAM,GAAG,EAAE,CAAC;AACZ,MAAM,MAAM,EAAE,CAAC;AACf,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AACxE,MAAM,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC5C,MAAM,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC3C,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,MAAM,MAAM,EAAE,CAAC;AACf,KAAK;AACL,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,GAAG,EAAE,CAAC;AACV,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,eAAe,EAAE,QAAQ,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC;AAC1I,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AACtE,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Space.js","sources":["../../../src/components/Space/Space.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useMantineDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\n\nexport interface SpaceProps extends DefaultProps {\n /** Width, set to add horizontal spacing */\n w?: MantineNumberSize;\n\n /** Height, set to add vertical spacing */\n h?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<SpaceProps> = {\n w: 0,\n h: 0,\n};\n\nexport const Space = forwardRef<HTMLDivElement, SpaceProps>((props: SpaceProps, ref) => {\n const { w, h, sx, ...others } = useMantineDefaultProps('Space', defaultProps, props);\n\n return (\n <Box\n ref={ref}\n sx={[\n (theme) => {\n const width = theme.fn.size({ size: w, sizes: theme.spacing });\n const height = theme.fn.size({ size: h, sizes: theme.spacing });\n return { width, height, minWidth: width, minHeight: height };\n },\n sx,\n ]}\n {...others}\n />\n );\n});\n\nSpace.displayName = '@mantine/core/Space';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Space.js","sources":["../../../src/components/Space/Space.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useMantineDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\n\nexport interface SpaceProps extends DefaultProps {\n /** Width, set to add horizontal spacing */\n w?: MantineNumberSize;\n\n /** Height, set to add vertical spacing */\n h?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<SpaceProps> = {\n w: 0,\n h: 0,\n};\n\nexport const Space = forwardRef<HTMLDivElement, SpaceProps>((props: SpaceProps, ref) => {\n const { w, h, sx, ...others } = useMantineDefaultProps('Space', defaultProps, props);\n\n return (\n <Box\n ref={ref}\n sx={[\n (theme) => {\n const width = theme.fn.size({ size: w, sizes: theme.spacing });\n const height = theme.fn.size({ size: h, sizes: theme.spacing });\n return { width, height, minWidth: width, minHeight: height };\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...others}\n />\n );\n});\n\nSpace.displayName = '@mantine/core/Space';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import { useMantineDefaultProps } from '@mantine/styles';
|
|
3
|
+
import useStyles from './Stack.styles.js';
|
|
4
|
+
import { Box } from '../Box/Box.js';
|
|
5
|
+
|
|
6
|
+
var __defProp = Object.defineProperty;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
+
var __spreadValues = (a, b) => {
|
|
12
|
+
for (var prop in b || (b = {}))
|
|
13
|
+
if (__hasOwnProp.call(b, prop))
|
|
14
|
+
__defNormalProp(a, prop, b[prop]);
|
|
15
|
+
if (__getOwnPropSymbols)
|
|
16
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
+
if (__propIsEnum.call(b, prop))
|
|
18
|
+
__defNormalProp(a, prop, b[prop]);
|
|
19
|
+
}
|
|
20
|
+
return a;
|
|
21
|
+
};
|
|
22
|
+
var __objRest = (source, exclude) => {
|
|
23
|
+
var target = {};
|
|
24
|
+
for (var prop in source)
|
|
25
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
26
|
+
target[prop] = source[prop];
|
|
27
|
+
if (source != null && __getOwnPropSymbols)
|
|
28
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
29
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
30
|
+
target[prop] = source[prop];
|
|
31
|
+
}
|
|
32
|
+
return target;
|
|
33
|
+
};
|
|
34
|
+
const defaultProps = {
|
|
35
|
+
spacing: "md",
|
|
36
|
+
align: "stretch",
|
|
37
|
+
justify: "top"
|
|
38
|
+
};
|
|
39
|
+
const Stack = forwardRef((props, ref) => {
|
|
40
|
+
const _a = useMantineDefaultProps("Stack", defaultProps, props), { spacing, className, classNames, styles, align, justify } = _a, others = __objRest(_a, ["spacing", "className", "classNames", "styles", "align", "justify"]);
|
|
41
|
+
const { classes, cx } = useStyles({ spacing, align, justify }, { name: "Stack", classNames, styles });
|
|
42
|
+
return /* @__PURE__ */ React.createElement(Box, __spreadValues({
|
|
43
|
+
className: cx(classes.root, className),
|
|
44
|
+
ref
|
|
45
|
+
}, others));
|
|
46
|
+
});
|
|
47
|
+
Stack.displayName = "@mantine/core/Stack";
|
|
48
|
+
|
|
49
|
+
export { Stack };
|
|
50
|
+
//# sourceMappingURL=Stack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { forwardRef } from 'react';\nimport { DefaultProps, useMantineDefaultProps, MantineNumberSize } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Stack.styles';\n\nexport interface StackProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n spacing?: MantineNumberSize;\n align?: React.CSSProperties['alignItems'];\n justify?: React.CSSProperties['justifyContent'];\n}\n\nconst defaultProps: Partial<StackProps> = {\n spacing: 'md',\n align: 'stretch',\n justify: 'top',\n};\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>((props, ref) => {\n const { spacing, className, classNames, styles, align, justify, ...others } =\n useMantineDefaultProps('Stack', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { spacing, align, justify },\n { name: 'Stack', classNames, styles }\n );\n\n return <Box className={cx(classes.root, className)} ref={ref} {...others} />;\n});\n\nStack.displayName = '@mantine/core/Stack';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { createStyles } from '@mantine/styles';
|
|
2
|
+
|
|
3
|
+
var useStyles = createStyles((theme, { spacing, align, justify }) => ({
|
|
4
|
+
root: {
|
|
5
|
+
display: "flex",
|
|
6
|
+
flexDirection: "column",
|
|
7
|
+
alignItems: align,
|
|
8
|
+
justifyContent: justify,
|
|
9
|
+
gap: theme.fn.size({ size: spacing, sizes: theme.spacing })
|
|
10
|
+
}
|
|
11
|
+
}));
|
|
12
|
+
|
|
13
|
+
export default useStyles;
|
|
14
|
+
//# sourceMappingURL=Stack.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.styles.js","sources":["../../../src/components/Stack/Stack.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\nexport interface StackStylesParams {\n spacing: MantineNumberSize;\n align: React.CSSProperties['alignItems'];\n justify: React.CSSProperties['justifyContent'];\n}\n\nexport default createStyles((theme, { spacing, align, justify }: StackStylesParams) => ({\n root: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: align,\n justifyContent: justify,\n gap: theme.fn.size({ size: spacing, sizes: theme.spacing }),\n },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM;AACrE,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,UAAU,EAAE,KAAK;AACrB,IAAI,cAAc,EAAE,OAAO;AAC3B,IAAI,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC/D,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|