@mantine/core 7.0.0-alpha.18 → 7.0.0-alpha.19
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.js +2 -2
- package/cjs/components/Affix/Affix.js +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js.map +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js.map +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js.map +1 -1
- package/cjs/components/Chip/Chip.js +178 -0
- package/cjs/components/Chip/Chip.js.map +1 -0
- package/cjs/components/Chip/Chip.module.css.js +8 -0
- package/cjs/components/Chip/Chip.module.css.js.map +1 -0
- package/cjs/components/Chip/ChipGroup/ChipGroup.js +41 -0
- package/cjs/components/Chip/ChipGroup/ChipGroup.js.map +1 -0
- package/cjs/components/Chip/ChipGroup.context.js +11 -0
- package/cjs/components/Chip/ChipGroup.context.js.map +1 -0
- package/cjs/components/Collapse/Collapse.js +1 -1
- package/cjs/components/Floating/use-delayed-hover.js +2 -2
- package/cjs/components/Floating/use-delayed-hover.js.map +1 -1
- package/cjs/components/Grid/Grid.context.js +13 -0
- package/cjs/components/Grid/Grid.context.js.map +1 -0
- package/cjs/components/Grid/Grid.js +109 -0
- package/cjs/components/Grid/Grid.js.map +1 -0
- package/cjs/components/Grid/Grid.module.css.js +8 -0
- package/cjs/components/Grid/Grid.module.css.js.map +1 -0
- package/cjs/components/Grid/GridCol/GridCol.js +72 -0
- package/cjs/components/Grid/GridCol/GridCol.js.map +1 -0
- package/cjs/components/Grid/GridCol/GridColVariables.js +90 -0
- package/cjs/components/Grid/GridCol/GridColVariables.js.map +1 -0
- package/cjs/components/Grid/GridVariables.js +46 -0
- package/cjs/components/Grid/GridVariables.js.map +1 -0
- package/cjs/components/HoverCard/HoverCard.context.js +13 -0
- package/cjs/components/HoverCard/HoverCard.context.js.map +1 -0
- package/cjs/components/HoverCard/HoverCard.js +69 -0
- package/cjs/components/HoverCard/HoverCard.js.map +1 -0
- package/cjs/components/HoverCard/HoverCardDropdown/HoverCardDropdown.js +58 -0
- package/cjs/components/HoverCard/HoverCardDropdown/HoverCardDropdown.js.map +1 -0
- package/cjs/components/HoverCard/HoverCardTarget/HoverCardTarget.js +62 -0
- package/cjs/components/HoverCard/HoverCardTarget/HoverCardTarget.js.map +1 -0
- package/cjs/components/Menu/Menu.context.js +13 -0
- package/cjs/components/Menu/Menu.context.js.map +1 -0
- package/cjs/components/Menu/Menu.js +181 -0
- package/cjs/components/Menu/Menu.js.map +1 -0
- package/cjs/components/Menu/Menu.module.css.js +8 -0
- package/cjs/components/Menu/Menu.module.css.js.map +1 -0
- package/cjs/components/Menu/MenuDivider/MenuDivider.js +63 -0
- package/cjs/components/Menu/MenuDivider/MenuDivider.js.map +1 -0
- package/cjs/components/Menu/MenuDropdown/MenuDropdown.js +115 -0
- package/cjs/components/Menu/MenuDropdown/MenuDropdown.js.map +1 -0
- package/cjs/components/Menu/MenuItem/MenuItem.js +142 -0
- package/cjs/components/Menu/MenuItem/MenuItem.js.map +1 -0
- package/cjs/components/Menu/MenuLabel/MenuLabel.js +63 -0
- package/cjs/components/Menu/MenuLabel/MenuLabel.js.map +1 -0
- package/cjs/components/Menu/MenuTarget/MenuTarget.js +77 -0
- package/cjs/components/Menu/MenuTarget/MenuTarget.js.map +1 -0
- package/cjs/components/Pagination/PaginationRoot/PaginationRoot.js +1 -1
- package/cjs/components/Popover/Popover.js +2 -2
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/PopoverTarget/PopoverTarget.js +1 -1
- package/cjs/components/Progress/Progress.context.js +13 -0
- package/cjs/components/Progress/Progress.context.js.map +1 -0
- package/cjs/components/Progress/Progress.js +102 -0
- package/cjs/components/Progress/Progress.js.map +1 -0
- package/cjs/components/Progress/Progress.module.css.js +8 -0
- package/cjs/components/Progress/Progress.module.css.js.map +1 -0
- package/cjs/components/Progress/ProgressLabel/ProgressLabel.js +63 -0
- package/cjs/components/Progress/ProgressLabel/ProgressLabel.js.map +1 -0
- package/cjs/components/Progress/ProgressRoot/ProgressRoot.js +75 -0
- package/cjs/components/Progress/ProgressRoot/ProgressRoot.js.map +1 -0
- package/cjs/components/Progress/ProgressSection/ProgressSection.js +104 -0
- package/cjs/components/Progress/ProgressSection/ProgressSection.js.map +1 -0
- package/cjs/components/Rating/Rating.context.js +13 -0
- package/cjs/components/Rating/Rating.context.js.map +1 -0
- package/cjs/components/Rating/Rating.js +251 -0
- package/cjs/components/Rating/Rating.js.map +1 -0
- package/cjs/components/Rating/Rating.module.css.js +8 -0
- package/cjs/components/Rating/Rating.module.css.js.map +1 -0
- package/cjs/components/Rating/RatingItem/RatingItem.js +116 -0
- package/cjs/components/Rating/RatingItem/RatingItem.js.map +1 -0
- package/cjs/components/Rating/StarSymbol/StarIcon.js +57 -0
- package/cjs/components/Rating/StarSymbol/StarIcon.js.map +1 -0
- package/cjs/components/Rating/StarSymbol/StarSymbol.js +39 -0
- package/cjs/components/Rating/StarSymbol/StarSymbol.js.map +1 -0
- package/cjs/components/RingProgress/Curve/Curve.js +88 -0
- package/cjs/components/RingProgress/Curve/Curve.js.map +1 -0
- package/cjs/components/RingProgress/Curve/get-curve-props.js +21 -0
- package/cjs/components/RingProgress/Curve/get-curve-props.js.map +1 -0
- package/cjs/components/RingProgress/RingProgress.js +128 -0
- package/cjs/components/RingProgress/RingProgress.js.map +1 -0
- package/cjs/components/RingProgress/RingProgress.module.css.js +8 -0
- package/cjs/components/RingProgress/RingProgress.module.css.js.map +1 -0
- package/cjs/components/RingProgress/get-curves/get-curves.js +55 -0
- package/cjs/components/RingProgress/get-curves/get-curves.js.map +1 -0
- package/cjs/components/SimpleGrid/SimpleGrid.js +95 -0
- package/cjs/components/SimpleGrid/SimpleGrid.js.map +1 -0
- package/cjs/components/SimpleGrid/SimpleGrid.module.css.js +8 -0
- package/cjs/components/SimpleGrid/SimpleGrid.module.css.js.map +1 -0
- package/cjs/components/SimpleGrid/SimpleGridVariables.js +60 -0
- package/cjs/components/SimpleGrid/SimpleGridVariables.js.map +1 -0
- package/cjs/components/Slider/RangeSlider/RangeSlider.js +28 -13
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js +18 -9
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/utils/get-floating-value/get-gloating-value.js +10 -0
- package/cjs/components/Slider/utils/get-floating-value/get-gloating-value.js.map +1 -0
- package/cjs/components/Slider/utils/get-precision/get-precision.js +13 -0
- package/cjs/components/Slider/utils/get-precision/get-precision.js.map +1 -0
- package/cjs/components/Space/Space.js +53 -0
- package/cjs/components/Space/Space.js.map +1 -0
- package/cjs/components/Table/Table.js +2 -0
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Table/Table.module.css.js +1 -1
- package/cjs/components/Table/TableScrollContainer.js +109 -0
- package/cjs/components/Table/TableScrollContainer.js.map +1 -0
- package/cjs/core/Box/use-random-classname/use-random-classname.js +1 -1
- package/cjs/core/Box/use-random-classname/use-random-classname.js.map +1 -1
- package/cjs/core/InlineStyles/css-object-to-string/css-object-to-string.js +1 -2
- package/cjs/core/InlineStyles/css-object-to-string/css-object-to-string.js.map +1 -1
- package/cjs/core/InlineStyles/styles-to-string/styles-to-string.js +3 -23
- package/cjs/core/InlineStyles/styles-to-string/styles-to-string.js.map +1 -1
- package/cjs/core/utils/get-base-value/get-base-value.js +16 -0
- package/cjs/core/utils/get-base-value/get-base-value.js.map +1 -0
- package/cjs/core/utils/get-breakpoint-value/get-breakpoint-value.js +15 -0
- package/cjs/core/utils/get-breakpoint-value/get-breakpoint-value.js.map +1 -0
- package/cjs/core/utils/get-context-item-index/get-context-item-index.js +18 -0
- package/cjs/core/utils/get-context-item-index/get-context-item-index.js.map +1 -0
- package/cjs/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js +17 -0
- package/cjs/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js.map +1 -0
- package/cjs/core/utils/use-hovered/use-hovered.js +14 -0
- package/cjs/core/utils/use-hovered/use-hovered.js.map +1 -0
- package/cjs/index.css +613 -60
- package/cjs/index.js +60 -6
- package/cjs/index.js.map +1 -1
- package/esm/components/Accordion/Accordion.js +2 -2
- package/esm/components/Affix/Affix.js +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js.map +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js.map +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js.map +1 -1
- package/esm/components/Chip/Chip.js +170 -0
- package/esm/components/Chip/Chip.js.map +1 -0
- package/esm/components/Chip/Chip.module.css.js +4 -0
- package/esm/components/Chip/Chip.module.css.js.map +1 -0
- package/esm/components/Chip/ChipGroup/ChipGroup.js +33 -0
- package/esm/components/Chip/ChipGroup/ChipGroup.js.map +1 -0
- package/esm/components/Chip/ChipGroup.context.js +6 -0
- package/esm/components/Chip/ChipGroup.context.js.map +1 -0
- package/esm/components/Collapse/Collapse.js +1 -1
- package/esm/components/Floating/use-delayed-hover.js +2 -2
- package/esm/components/Floating/use-delayed-hover.js.map +1 -1
- package/esm/components/Grid/Grid.context.js +8 -0
- package/esm/components/Grid/Grid.context.js.map +1 -0
- package/esm/components/Grid/Grid.js +101 -0
- package/esm/components/Grid/Grid.js.map +1 -0
- package/esm/components/Grid/Grid.module.css.js +4 -0
- package/esm/components/Grid/Grid.module.css.js.map +1 -0
- package/esm/components/Grid/GridCol/GridCol.js +63 -0
- package/esm/components/Grid/GridCol/GridCol.js.map +1 -0
- package/esm/components/Grid/GridCol/GridColVariables.js +82 -0
- package/esm/components/Grid/GridCol/GridColVariables.js.map +1 -0
- package/esm/components/Grid/GridVariables.js +38 -0
- package/esm/components/Grid/GridVariables.js.map +1 -0
- package/esm/components/HoverCard/HoverCard.context.js +8 -0
- package/esm/components/HoverCard/HoverCard.context.js.map +1 -0
- package/esm/components/HoverCard/HoverCard.js +61 -0
- package/esm/components/HoverCard/HoverCard.js.map +1 -0
- package/esm/components/HoverCard/HoverCardDropdown/HoverCardDropdown.js +50 -0
- package/esm/components/HoverCard/HoverCardDropdown/HoverCardDropdown.js.map +1 -0
- package/esm/components/HoverCard/HoverCardTarget/HoverCardTarget.js +54 -0
- package/esm/components/HoverCard/HoverCardTarget/HoverCardTarget.js.map +1 -0
- package/esm/components/Menu/Menu.context.js +8 -0
- package/esm/components/Menu/Menu.context.js.map +1 -0
- package/esm/components/Menu/Menu.js +173 -0
- package/esm/components/Menu/Menu.js.map +1 -0
- package/esm/components/Menu/Menu.module.css.js +4 -0
- package/esm/components/Menu/Menu.module.css.js.map +1 -0
- package/esm/components/Menu/MenuDivider/MenuDivider.js +55 -0
- package/esm/components/Menu/MenuDivider/MenuDivider.js.map +1 -0
- package/esm/components/Menu/MenuDropdown/MenuDropdown.js +107 -0
- package/esm/components/Menu/MenuDropdown/MenuDropdown.js.map +1 -0
- package/esm/components/Menu/MenuItem/MenuItem.js +134 -0
- package/esm/components/Menu/MenuItem/MenuItem.js.map +1 -0
- package/esm/components/Menu/MenuLabel/MenuLabel.js +55 -0
- package/esm/components/Menu/MenuLabel/MenuLabel.js.map +1 -0
- package/esm/components/Menu/MenuTarget/MenuTarget.js +69 -0
- package/esm/components/Menu/MenuTarget/MenuTarget.js.map +1 -0
- package/esm/components/Pagination/PaginationRoot/PaginationRoot.js +1 -1
- package/esm/components/Popover/Popover.js +2 -2
- package/esm/components/Popover/Popover.js.map +1 -1
- package/esm/components/Popover/PopoverTarget/PopoverTarget.js +1 -1
- package/esm/components/Progress/Progress.context.js +8 -0
- package/esm/components/Progress/Progress.context.js.map +1 -0
- package/esm/components/Progress/Progress.js +94 -0
- package/esm/components/Progress/Progress.js.map +1 -0
- package/esm/components/Progress/Progress.module.css.js +4 -0
- package/esm/components/Progress/Progress.module.css.js.map +1 -0
- package/esm/components/Progress/ProgressLabel/ProgressLabel.js +55 -0
- package/esm/components/Progress/ProgressLabel/ProgressLabel.js.map +1 -0
- package/esm/components/Progress/ProgressRoot/ProgressRoot.js +67 -0
- package/esm/components/Progress/ProgressRoot/ProgressRoot.js.map +1 -0
- package/esm/components/Progress/ProgressSection/ProgressSection.js +96 -0
- package/esm/components/Progress/ProgressSection/ProgressSection.js.map +1 -0
- package/esm/components/Rating/Rating.context.js +8 -0
- package/esm/components/Rating/Rating.context.js.map +1 -0
- package/esm/components/Rating/Rating.js +243 -0
- package/esm/components/Rating/Rating.js.map +1 -0
- package/esm/components/Rating/Rating.module.css.js +4 -0
- package/esm/components/Rating/Rating.module.css.js.map +1 -0
- package/esm/components/Rating/RatingItem/RatingItem.js +108 -0
- package/esm/components/Rating/RatingItem/RatingItem.js.map +1 -0
- package/esm/components/Rating/StarSymbol/StarIcon.js +49 -0
- package/esm/components/Rating/StarSymbol/StarIcon.js.map +1 -0
- package/esm/components/Rating/StarSymbol/StarSymbol.js +31 -0
- package/esm/components/Rating/StarSymbol/StarSymbol.js.map +1 -0
- package/esm/components/RingProgress/Curve/Curve.js +80 -0
- package/esm/components/RingProgress/Curve/Curve.js.map +1 -0
- package/esm/components/RingProgress/Curve/get-curve-props.js +17 -0
- package/esm/components/RingProgress/Curve/get-curve-props.js.map +1 -0
- package/esm/components/RingProgress/RingProgress.js +120 -0
- package/esm/components/RingProgress/RingProgress.js.map +1 -0
- package/esm/components/RingProgress/RingProgress.module.css.js +4 -0
- package/esm/components/RingProgress/RingProgress.module.css.js.map +1 -0
- package/esm/components/RingProgress/get-curves/get-curves.js +51 -0
- package/esm/components/RingProgress/get-curves/get-curves.js.map +1 -0
- package/esm/components/SimpleGrid/SimpleGrid.js +87 -0
- package/esm/components/SimpleGrid/SimpleGrid.js.map +1 -0
- package/esm/components/SimpleGrid/SimpleGrid.module.css.js +4 -0
- package/esm/components/SimpleGrid/SimpleGrid.module.css.js.map +1 -0
- package/esm/components/SimpleGrid/SimpleGridVariables.js +52 -0
- package/esm/components/SimpleGrid/SimpleGridVariables.js.map +1 -0
- package/esm/components/Slider/RangeSlider/RangeSlider.js +28 -13
- package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/esm/components/Slider/Slider/Slider.js +18 -9
- package/esm/components/Slider/Slider/Slider.js.map +1 -1
- package/esm/components/Slider/utils/get-floating-value/get-gloating-value.js +6 -0
- package/esm/components/Slider/utils/get-floating-value/get-gloating-value.js.map +1 -0
- package/esm/components/Slider/utils/get-precision/get-precision.js +9 -0
- package/esm/components/Slider/utils/get-precision/get-precision.js.map +1 -0
- package/esm/components/Space/Space.js +45 -0
- package/esm/components/Space/Space.js.map +1 -0
- package/esm/components/Table/Table.js +2 -0
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Table/Table.module.css.js +1 -1
- package/esm/components/Table/TableScrollContainer.js +101 -0
- package/esm/components/Table/TableScrollContainer.js.map +1 -0
- package/esm/core/Box/use-random-classname/use-random-classname.js +1 -1
- package/esm/core/Box/use-random-classname/use-random-classname.js.map +1 -1
- package/esm/core/InlineStyles/css-object-to-string/css-object-to-string.js +1 -2
- package/esm/core/InlineStyles/css-object-to-string/css-object-to-string.js.map +1 -1
- package/esm/core/InlineStyles/styles-to-string/styles-to-string.js +3 -23
- package/esm/core/InlineStyles/styles-to-string/styles-to-string.js.map +1 -1
- package/esm/core/utils/get-base-value/get-base-value.js +12 -0
- package/esm/core/utils/get-base-value/get-base-value.js.map +1 -0
- package/esm/core/utils/get-breakpoint-value/get-breakpoint-value.js +11 -0
- package/esm/core/utils/get-breakpoint-value/get-breakpoint-value.js.map +1 -0
- package/esm/core/utils/get-context-item-index/get-context-item-index.js +14 -0
- package/esm/core/utils/get-context-item-index/get-context-item-index.js.map +1 -0
- package/esm/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js +13 -0
- package/esm/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js.map +1 -0
- package/esm/core/utils/use-hovered/use-hovered.js +10 -0
- package/esm/core/utils/use-hovered/use-hovered.js.map +1 -0
- package/esm/index.css +613 -60
- package/esm/index.js +30 -3
- package/esm/index.js.map +1 -1
- package/esm/styles/Chip.css +1 -0
- package/esm/styles/Grid.css +1 -0
- package/esm/styles/Input.css +1 -1
- package/esm/styles/Menu.css +1 -0
- package/esm/styles/Progress.css +1 -0
- package/esm/styles/Rating.css +1 -0
- package/esm/styles/RingProgress.css +1 -0
- package/esm/styles/SimpleGrid.css +1 -0
- package/esm/styles/Table.css +1 -1
- package/lib/components/AppShell/AppShellSection/AppShellSection.d.ts +1 -1
- package/lib/components/Chip/Chip.d.ts +52 -0
- package/lib/components/Chip/ChipGroup/ChipGroup.d.ts +17 -0
- package/lib/components/Chip/ChipGroup.context.d.ts +11 -0
- package/lib/components/Chip/index.d.ts +4 -0
- package/lib/components/Floating/use-delayed-hover.d.ts +2 -2
- package/lib/components/Grid/Grid.context.d.ts +13 -0
- package/lib/components/Grid/Grid.d.ts +37 -0
- package/lib/components/Grid/GridCol/GridCol.d.ts +23 -0
- package/lib/components/Grid/GridCol/GridColVariables.d.ts +7 -0
- package/lib/components/Grid/GridVariables.d.ts +7 -0
- package/lib/components/Grid/index.d.ts +4 -0
- package/lib/components/HoverCard/HoverCard.context.d.ts +10 -0
- package/lib/components/HoverCard/HoverCard.d.ts +22 -0
- package/lib/components/HoverCard/HoverCardDropdown/HoverCardDropdown.d.ts +10 -0
- package/lib/components/HoverCard/HoverCardTarget/HoverCardTarget.d.ts +5 -0
- package/lib/components/HoverCard/index.d.ts +6 -0
- package/lib/components/Input/use-input-props.d.ts +65 -65
- package/lib/components/Menu/Menu.context.d.ts +22 -0
- package/lib/components/Menu/Menu.d.ts +84 -0
- package/lib/components/Menu/MenuDivider/MenuDivider.d.ts +16 -0
- package/lib/components/Menu/MenuDropdown/MenuDropdown.d.ts +16 -0
- package/lib/components/Menu/MenuItem/MenuItem.d.ts +43 -0
- package/lib/components/Menu/MenuLabel/MenuLabel.d.ts +16 -0
- package/lib/components/Menu/MenuTarget/MenuTarget.d.ts +8 -0
- package/lib/components/Menu/index.d.ts +12 -0
- package/lib/components/Popover/Popover.d.ts +1 -1
- package/lib/components/Progress/Progress.context.d.ts +11 -0
- package/lib/components/Progress/Progress.d.ts +37 -0
- package/lib/components/Progress/ProgressLabel/ProgressLabel.d.ts +16 -0
- package/lib/components/Progress/ProgressRoot/ProgressRoot.d.ts +25 -0
- package/lib/components/Progress/ProgressSection/ProgressSection.d.ts +26 -0
- package/lib/components/Progress/index.d.ts +8 -0
- package/lib/components/Rating/Rating.context.d.ts +11 -0
- package/lib/components/Rating/Rating.d.ts +48 -0
- package/lib/components/Rating/RatingItem/RatingItem.d.ts +18 -0
- package/lib/components/Rating/StarSymbol/StarIcon.d.ts +5 -0
- package/lib/components/Rating/StarSymbol/StarSymbol.d.ts +8 -0
- package/lib/components/Rating/index.d.ts +2 -0
- package/lib/components/RingProgress/Curve/Curve.d.ts +20 -0
- package/lib/components/RingProgress/Curve/get-curve-props.d.ts +18 -0
- package/lib/components/RingProgress/RingProgress.d.ts +38 -0
- package/lib/components/RingProgress/get-curves/get-curves.d.ts +26 -0
- package/lib/components/RingProgress/index.d.ts +2 -0
- package/lib/components/SimpleGrid/SimpleGrid.d.ts +20 -0
- package/lib/components/SimpleGrid/SimpleGridVariables.d.ts +7 -0
- package/lib/components/SimpleGrid/index.d.ts +2 -0
- package/lib/components/Slider/utils/get-floating-value/get-gloating-value.d.ts +1 -0
- package/lib/components/Slider/utils/get-precision/get-precision.d.ts +1 -0
- package/lib/components/Space/Space.d.ts +11 -0
- package/lib/components/Space/index.d.ts +2 -0
- package/lib/components/Table/Table.d.ts +3 -0
- package/lib/components/Table/TableScrollContainer.d.ts +24 -0
- package/lib/components/Table/index.d.ts +1 -0
- package/lib/components/index.d.ts +10 -1
- package/lib/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.d.ts +1 -1
- package/lib/core/utils/get-base-value/get-base-value.d.ts +2 -0
- package/lib/core/utils/get-breakpoint-value/get-breakpoint-value.d.ts +2 -0
- package/lib/core/utils/get-context-item-index/get-context-item-index.d.ts +1 -0
- package/lib/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.d.ts +5 -0
- package/lib/core/utils/index.d.ts +5 -0
- package/lib/core/utils/use-hovered/use-hovered.d.ts +5 -0
- package/package.json +2 -2
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var StarIcon = require('./StarIcon.js');
|
|
7
|
+
var Rating_context = require('../Rating.context.js');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
+
|
|
13
|
+
var __defProp = Object.defineProperty;
|
|
14
|
+
var __defProps = Object.defineProperties;
|
|
15
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
16
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
17
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
18
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
19
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
20
|
+
var __spreadValues = (a, b) => {
|
|
21
|
+
for (var prop in b || (b = {}))
|
|
22
|
+
if (__hasOwnProp.call(b, prop))
|
|
23
|
+
__defNormalProp(a, prop, b[prop]);
|
|
24
|
+
if (__getOwnPropSymbols)
|
|
25
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
26
|
+
if (__propIsEnum.call(b, prop))
|
|
27
|
+
__defNormalProp(a, prop, b[prop]);
|
|
28
|
+
}
|
|
29
|
+
return a;
|
|
30
|
+
};
|
|
31
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
32
|
+
function StarSymbol({ type }) {
|
|
33
|
+
const ctx = Rating_context.useRatingContext();
|
|
34
|
+
return /* @__PURE__ */ React__default.createElement(StarIcon.StarIcon, __spreadProps(__spreadValues({}, ctx.getStyles("starSymbol")), { "data-filled": type === "full" || void 0 }));
|
|
35
|
+
}
|
|
36
|
+
StarSymbol.displayName = "@mantine/core/StarSymbol";
|
|
37
|
+
|
|
38
|
+
exports.StarSymbol = StarSymbol;
|
|
39
|
+
//# sourceMappingURL=StarSymbol.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StarSymbol.js","sources":["../../../../src/components/Rating/StarSymbol/StarSymbol.tsx"],"sourcesContent":["import React from 'react';\nimport { StarIcon } from './StarIcon';\nimport { useRatingContext } from '../Rating.context';\n\nexport interface StarSymbolProps {\n type: 'empty' | 'full';\n}\n\nexport function StarSymbol({ type }: StarSymbolProps) {\n const ctx = useRatingContext();\n return <StarIcon {...ctx.getStyles('starSymbol')} data-filled={type === 'full' || undefined} />;\n}\n\nStarSymbol.displayName = '@mantine/core/StarSymbol';\n"],"names":["useRatingContext","React","StarIcon"],"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;AAI3D,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE;AACrC,EAAE,MAAM,GAAG,GAAGA,+BAAgB,EAAE,CAAC;AACjC,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,iBAAQ,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,KAAK,MAAM,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;AACrK,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var getCurveProps = require('./get-curve-props.js');
|
|
7
|
+
var Tooltip = require('../../Tooltip/Tooltip.js');
|
|
8
|
+
var MantineThemeProvider = require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js');
|
|
9
|
+
var Box = require('../../../core/Box/Box.js');
|
|
10
|
+
var getThemeColor = require('../../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js');
|
|
11
|
+
|
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
13
|
+
|
|
14
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
+
|
|
16
|
+
var __defProp = Object.defineProperty;
|
|
17
|
+
var __defProps = Object.defineProperties;
|
|
18
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
19
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
20
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
21
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
22
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
23
|
+
var __spreadValues = (a, b) => {
|
|
24
|
+
for (var prop in b || (b = {}))
|
|
25
|
+
if (__hasOwnProp.call(b, prop))
|
|
26
|
+
__defNormalProp(a, prop, b[prop]);
|
|
27
|
+
if (__getOwnPropSymbols)
|
|
28
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
29
|
+
if (__propIsEnum.call(b, prop))
|
|
30
|
+
__defNormalProp(a, prop, b[prop]);
|
|
31
|
+
}
|
|
32
|
+
return a;
|
|
33
|
+
};
|
|
34
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
35
|
+
var __objRest = (source, exclude) => {
|
|
36
|
+
var target = {};
|
|
37
|
+
for (var prop in source)
|
|
38
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
39
|
+
target[prop] = source[prop];
|
|
40
|
+
if (source != null && __getOwnPropSymbols)
|
|
41
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
42
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
43
|
+
target[prop] = source[prop];
|
|
44
|
+
}
|
|
45
|
+
return target;
|
|
46
|
+
};
|
|
47
|
+
function Curve(_a) {
|
|
48
|
+
var _b = _a, {
|
|
49
|
+
size,
|
|
50
|
+
value,
|
|
51
|
+
offset,
|
|
52
|
+
sum,
|
|
53
|
+
thickness,
|
|
54
|
+
root,
|
|
55
|
+
color,
|
|
56
|
+
lineRoundCaps,
|
|
57
|
+
tooltip,
|
|
58
|
+
getStyles,
|
|
59
|
+
display
|
|
60
|
+
} = _b, others = __objRest(_b, [
|
|
61
|
+
"size",
|
|
62
|
+
"value",
|
|
63
|
+
"offset",
|
|
64
|
+
"sum",
|
|
65
|
+
"thickness",
|
|
66
|
+
"root",
|
|
67
|
+
"color",
|
|
68
|
+
"lineRoundCaps",
|
|
69
|
+
"tooltip",
|
|
70
|
+
"getStyles",
|
|
71
|
+
"display"
|
|
72
|
+
]);
|
|
73
|
+
const theme = MantineThemeProvider.useMantineTheme();
|
|
74
|
+
return /* @__PURE__ */ React__default.createElement(Tooltip.Tooltip.Floating, { disabled: !tooltip, label: tooltip }, /* @__PURE__ */ React__default.createElement(
|
|
75
|
+
Box.Box,
|
|
76
|
+
__spreadValues(__spreadProps(__spreadValues(__spreadValues({
|
|
77
|
+
component: "circle"
|
|
78
|
+
}, others), getStyles("curve")), {
|
|
79
|
+
__vars: { "--curve-color": color ? getThemeColor.getThemeColor(color, theme) : void 0 },
|
|
80
|
+
fill: "none",
|
|
81
|
+
strokeLinecap: lineRoundCaps ? "round" : "butt"
|
|
82
|
+
}), getCurveProps.getCurveProps({ sum, size, thickness, value, offset, root }))
|
|
83
|
+
));
|
|
84
|
+
}
|
|
85
|
+
Curve.displayName = "@mantine/core/Curve";
|
|
86
|
+
|
|
87
|
+
exports.Curve = Curve;
|
|
88
|
+
//# sourceMappingURL=Curve.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Curve.js","sources":["../../../../src/components/RingProgress/Curve/Curve.tsx"],"sourcesContent":["import React from 'react';\nimport { useMantineTheme, MantineColor, getThemeColor, GetStylesApi, Box } from '../../../core';\nimport { Tooltip } from '../../Tooltip';\nimport { getCurveProps } from './get-curve-props';\nimport type { RingProgressFactory } from '../RingProgress';\n\ninterface CurveProps extends React.ComponentPropsWithRef<'circle'> {\n value?: number;\n size: number;\n offset: number;\n sum: number;\n thickness: number;\n lineRoundCaps: boolean | undefined;\n root?: boolean;\n color?: MantineColor;\n tooltip?: React.ReactNode;\n getStyles: GetStylesApi<RingProgressFactory>;\n}\n\nexport function Curve({\n size,\n value,\n offset,\n sum,\n thickness,\n root,\n color,\n lineRoundCaps,\n tooltip,\n getStyles,\n display,\n ...others\n}: CurveProps) {\n const theme = useMantineTheme();\n // const stroke = theme.fn.themeColor(\n // color || (theme.colorScheme === 'dark' ? 'dark' : 'gray'),\n // color ? theme.fn.primaryShade() : theme.colorScheme === 'dark' ? 4 : 1,\n // false\n // );\n\n return (\n <Tooltip.Floating disabled={!tooltip} label={tooltip}>\n <Box\n component=\"circle\"\n {...others}\n {...getStyles('curve')}\n __vars={{ '--curve-color': color ? getThemeColor(color, theme) : undefined }}\n fill=\"none\"\n strokeLinecap={lineRoundCaps ? 'round' : 'butt'}\n // stroke={color ? getThemeColor(color, theme) : undefined}\n {...getCurveProps({ sum, size, thickness, value, offset, root })}\n />\n </Tooltip.Floating>\n );\n}\n\nCurve.displayName = '@mantine/core/Curve';\n"],"names":["useMantineTheme","React","Tooltip","Box","getThemeColor","getCurveProps"],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
function getCurveProps({ size, thickness, sum, value, root, offset }) {
|
|
6
|
+
const radius = (size * 0.9 - thickness * 2) / 2;
|
|
7
|
+
const deg = Math.PI * radius * 2 / 100;
|
|
8
|
+
const strokeDasharray = root || value === void 0 ? `${(100 - sum) * deg}, ${sum * deg}` : `${value * deg}, ${(100 - value) * deg}`;
|
|
9
|
+
return {
|
|
10
|
+
strokeWidth: thickness,
|
|
11
|
+
cx: size / 2 || 0,
|
|
12
|
+
cy: size / 2 || 0,
|
|
13
|
+
r: radius || 0,
|
|
14
|
+
transform: root ? `scale(1, -1) translate(0, -${size})` : void 0,
|
|
15
|
+
strokeDasharray,
|
|
16
|
+
strokeDashoffset: root ? 0 : offset || 0
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
exports.getCurveProps = getCurveProps;
|
|
21
|
+
//# sourceMappingURL=get-curve-props.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-curve-props.js","sources":["../../../../src/components/RingProgress/Curve/get-curve-props.ts"],"sourcesContent":["interface GetCurveProps {\n size: number;\n thickness: number;\n sum: number;\n value: number | undefined;\n root: boolean | undefined;\n offset: number;\n}\n\nexport function getCurveProps({ size, thickness, sum, value, root, offset }: GetCurveProps) {\n const radius = (size * 0.9 - thickness * 2) / 2;\n const deg = (Math.PI * radius * 2) / 100;\n\n const strokeDasharray =\n root || value === undefined\n ? `${(100 - sum) * deg}, ${sum * deg}`\n : `${value * deg}, ${(100 - value) * deg}`;\n\n return {\n strokeWidth: thickness,\n cx: size / 2 || 0,\n cy: size / 2 || 0,\n r: radius || 0,\n transform: root ? `scale(1, -1) translate(0, -${size})` : undefined,\n strokeDasharray,\n strokeDashoffset: root ? 0 : offset || 0,\n };\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;AAC7E,EAAE,MAAM,MAAM,GAAG,CAAC,IAAI,GAAG,GAAG,GAAG,SAAS,GAAG,CAAC,IAAI,CAAC,CAAC;AAClD,EAAE,MAAM,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC;AACzC,EAAE,MAAM,eAAe,GAAG,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,IAAI,GAAG,CAAC,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC;AACrI,EAAE,OAAO;AACT,IAAI,WAAW,EAAE,SAAS;AAC1B,IAAI,EAAE,EAAE,IAAI,GAAG,CAAC,IAAI,CAAC;AACrB,IAAI,EAAE,EAAE,IAAI,GAAG,CAAC,IAAI,CAAC;AACrB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;AAClB,IAAI,SAAS,EAAE,IAAI,GAAG,CAAC,2BAA2B,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AACpE,IAAI,eAAe;AACnB,IAAI,gBAAgB,EAAE,IAAI,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC;AAC5C,GAAG,CAAC;AACJ;;;;"}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var RingProgress_module = require('./RingProgress.module.css.js');
|
|
7
|
+
var getCurves = require('./get-curves/get-curves.js');
|
|
8
|
+
var Curve = require('./Curve/Curve.js');
|
|
9
|
+
var factory = require('../../core/factory/factory.js');
|
|
10
|
+
var useProps = require('../../core/MantineProvider/use-props/use-props.js');
|
|
11
|
+
var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
|
|
12
|
+
var Box = require('../../core/Box/Box.js');
|
|
13
|
+
var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
|
|
14
|
+
var rem = require('../../core/utils/units-converters/rem.js');
|
|
15
|
+
|
|
16
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
17
|
+
|
|
18
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
|
+
|
|
20
|
+
var __defProp = Object.defineProperty;
|
|
21
|
+
var __defProps = Object.defineProperties;
|
|
22
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
23
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
24
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
25
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
26
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
27
|
+
var __spreadValues = (a, b) => {
|
|
28
|
+
for (var prop in b || (b = {}))
|
|
29
|
+
if (__hasOwnProp.call(b, prop))
|
|
30
|
+
__defNormalProp(a, prop, b[prop]);
|
|
31
|
+
if (__getOwnPropSymbols)
|
|
32
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
33
|
+
if (__propIsEnum.call(b, prop))
|
|
34
|
+
__defNormalProp(a, prop, b[prop]);
|
|
35
|
+
}
|
|
36
|
+
return a;
|
|
37
|
+
};
|
|
38
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
39
|
+
var __objRest = (source, exclude) => {
|
|
40
|
+
var target = {};
|
|
41
|
+
for (var prop in source)
|
|
42
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
43
|
+
target[prop] = source[prop];
|
|
44
|
+
if (source != null && __getOwnPropSymbols)
|
|
45
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
46
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
47
|
+
target[prop] = source[prop];
|
|
48
|
+
}
|
|
49
|
+
return target;
|
|
50
|
+
};
|
|
51
|
+
const defaultProps = {
|
|
52
|
+
size: 120,
|
|
53
|
+
thickness: 12
|
|
54
|
+
};
|
|
55
|
+
const varsResolver = createVarsResolver.createVarsResolver((_, { size, thickness }) => ({
|
|
56
|
+
root: {
|
|
57
|
+
"--rp-size": rem.rem(size),
|
|
58
|
+
"--rp-label-offset": rem.rem(thickness * 2)
|
|
59
|
+
}
|
|
60
|
+
}));
|
|
61
|
+
const RingProgress = factory.factory((_props, ref) => {
|
|
62
|
+
const props = useProps.useProps("RingProgress", defaultProps, _props);
|
|
63
|
+
const _a = props, {
|
|
64
|
+
classNames,
|
|
65
|
+
className,
|
|
66
|
+
style,
|
|
67
|
+
styles,
|
|
68
|
+
unstyled,
|
|
69
|
+
vars,
|
|
70
|
+
label,
|
|
71
|
+
sections,
|
|
72
|
+
size,
|
|
73
|
+
thickness,
|
|
74
|
+
roundCaps,
|
|
75
|
+
rootColor
|
|
76
|
+
} = _a, others = __objRest(_a, [
|
|
77
|
+
"classNames",
|
|
78
|
+
"className",
|
|
79
|
+
"style",
|
|
80
|
+
"styles",
|
|
81
|
+
"unstyled",
|
|
82
|
+
"vars",
|
|
83
|
+
"label",
|
|
84
|
+
"sections",
|
|
85
|
+
"size",
|
|
86
|
+
"thickness",
|
|
87
|
+
"roundCaps",
|
|
88
|
+
"rootColor"
|
|
89
|
+
]);
|
|
90
|
+
const getStyles = useStyles.useStyles({
|
|
91
|
+
name: "RingProgress",
|
|
92
|
+
classes: RingProgress_module['default'],
|
|
93
|
+
props,
|
|
94
|
+
className,
|
|
95
|
+
style,
|
|
96
|
+
classNames,
|
|
97
|
+
styles,
|
|
98
|
+
unstyled,
|
|
99
|
+
vars,
|
|
100
|
+
varsResolver
|
|
101
|
+
});
|
|
102
|
+
const curves = getCurves.getCurves({
|
|
103
|
+
size,
|
|
104
|
+
thickness,
|
|
105
|
+
sections,
|
|
106
|
+
renderRoundedLineCaps: roundCaps,
|
|
107
|
+
rootColor
|
|
108
|
+
}).map(({ data, sum, root, lineRoundCaps, offset }, index) => /* @__PURE__ */ React__default.createElement(
|
|
109
|
+
Curve.Curve,
|
|
110
|
+
__spreadProps(__spreadValues({}, data), {
|
|
111
|
+
key: index,
|
|
112
|
+
size,
|
|
113
|
+
thickness,
|
|
114
|
+
sum,
|
|
115
|
+
offset,
|
|
116
|
+
color: data == null ? void 0 : data.color,
|
|
117
|
+
root,
|
|
118
|
+
lineRoundCaps,
|
|
119
|
+
getStyles
|
|
120
|
+
})
|
|
121
|
+
));
|
|
122
|
+
return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), { size, ref }), others), /* @__PURE__ */ React__default.createElement("svg", __spreadValues({}, getStyles("svg")), curves), label && /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("label")), label));
|
|
123
|
+
});
|
|
124
|
+
RingProgress.classes = RingProgress_module['default'];
|
|
125
|
+
RingProgress.displayName = "@mantine/core/RingProgress";
|
|
126
|
+
|
|
127
|
+
exports.RingProgress = RingProgress;
|
|
128
|
+
//# sourceMappingURL=RingProgress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RingProgress.js","sources":["../../../src/components/RingProgress/RingProgress.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 MantineColor,\n rem,\n} from '../../core';\nimport classes from './RingProgress.module.css';\nimport { getCurves } from './get-curves/get-curves';\nimport { Curve } from './Curve/Curve';\n\ninterface RingProgressSection extends React.ComponentPropsWithRef<'circle'> {\n value: number;\n color: MantineColor;\n tooltip?: React.ReactNode;\n}\n\nexport type RingProgressStylesNames = 'root' | 'svg' | 'label' | 'curve';\nexport type RingProgressCssVariables = {\n root: '--rp-size' | '--rp-label-offset';\n};\n\nexport interface RingProgressProps\n extends BoxProps,\n StylesApiProps<RingProgressFactory>,\n ElementProps<'div'> {\n /** Label displayed in the center of the ring */\n label?: React.ReactNode;\n\n /** Ring thickness */\n thickness?: number;\n\n /** Width and height of the progress ring */\n size?: number;\n\n /** Sets whether the edges of the progress circle are rounded */\n roundCaps?: boolean;\n\n /** Ring sections */\n sections: RingProgressSection[];\n\n /** Color of the root section, key of theme.colors or CSS color value */\n rootColor?: MantineColor;\n}\n\nexport type RingProgressFactory = Factory<{\n props: RingProgressProps;\n ref: HTMLDivElement;\n stylesNames: RingProgressStylesNames;\n vars: RingProgressCssVariables;\n}>;\n\nconst defaultProps: Partial<RingProgressProps> = {\n size: 120,\n thickness: 12,\n};\n\nconst varsResolver = createVarsResolver<RingProgressFactory>((_, { size, thickness }) => ({\n root: {\n '--rp-size': rem(size),\n '--rp-label-offset': rem(thickness! * 2),\n },\n}));\n\nexport const RingProgress = factory<RingProgressFactory>((_props, ref) => {\n const props = useProps('RingProgress', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n label,\n sections,\n size,\n thickness,\n roundCaps,\n rootColor,\n ...others\n } = props;\n\n const getStyles = useStyles<RingProgressFactory>({\n name: 'RingProgress',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const curves = getCurves({\n size: size!,\n thickness: thickness!,\n sections,\n renderRoundedLineCaps: roundCaps,\n rootColor,\n }).map(({ data, sum, root, lineRoundCaps, offset }, index) => (\n <Curve\n {...data}\n key={index}\n size={size!}\n thickness={thickness!}\n sum={sum}\n offset={offset}\n color={data?.color}\n root={root}\n lineRoundCaps={lineRoundCaps}\n getStyles={getStyles}\n />\n ));\n\n return (\n <Box {...getStyles('root')} size={size} ref={ref} {...others}>\n <svg {...getStyles('svg')}>{curves}</svg>\n {label && <div {...getStyles('label')}>{label}</div>}\n </Box>\n );\n});\n\nRingProgress.classes = classes;\nRingProgress.displayName = '@mantine/core/RingProgress';\n"],"names":["createVarsResolver","rem","factory","useProps","useStyles","classes","getCurves","React","Curve","Box"],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var classes = {"root":"m-b32e4812","svg":"m-d43b5134","curve":"m-b1ca1fbf","label":"m-b23f9dc4"};
|
|
6
|
+
|
|
7
|
+
exports.default = classes;
|
|
8
|
+
//# sourceMappingURL=RingProgress.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RingProgress.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var __defProp = Object.defineProperty;
|
|
6
|
+
var __defProps = Object.defineProperties;
|
|
7
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
8
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
24
|
+
function getCurves({
|
|
25
|
+
size,
|
|
26
|
+
thickness,
|
|
27
|
+
sections,
|
|
28
|
+
renderRoundedLineCaps,
|
|
29
|
+
rootColor
|
|
30
|
+
}) {
|
|
31
|
+
const sum = sections.reduce((acc, current) => acc + current.value, 0);
|
|
32
|
+
const accumulated = Math.PI * ((size * 0.9 - thickness * 2) / 2) * 2;
|
|
33
|
+
let offset = accumulated;
|
|
34
|
+
const curves = [];
|
|
35
|
+
const curvesInOrder = [];
|
|
36
|
+
for (let i = 0; i < sections.length; i += 1) {
|
|
37
|
+
curves.push({ sum, offset, data: sections[i], root: false });
|
|
38
|
+
offset -= sections[i].value / 100 * accumulated;
|
|
39
|
+
}
|
|
40
|
+
curves.push({ sum, offset, data: { color: rootColor }, root: true });
|
|
41
|
+
curvesInOrder.push(__spreadProps(__spreadValues({}, curves[curves.length - 1]), { lineRoundCaps: false }));
|
|
42
|
+
if (curves.length > 2) {
|
|
43
|
+
curvesInOrder.push(__spreadProps(__spreadValues({}, curves[0]), { lineRoundCaps: renderRoundedLineCaps }));
|
|
44
|
+
curvesInOrder.push(__spreadProps(__spreadValues({}, curves[curves.length - 2]), { lineRoundCaps: renderRoundedLineCaps }));
|
|
45
|
+
for (let i = 1; i <= curves.length - 3; i += 1) {
|
|
46
|
+
curvesInOrder.push(__spreadProps(__spreadValues({}, curves[i]), { lineRoundCaps: false }));
|
|
47
|
+
}
|
|
48
|
+
} else {
|
|
49
|
+
curvesInOrder.push(__spreadProps(__spreadValues({}, curves[0]), { lineRoundCaps: renderRoundedLineCaps }));
|
|
50
|
+
}
|
|
51
|
+
return curvesInOrder;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
exports.getCurves = getCurves;
|
|
55
|
+
//# sourceMappingURL=get-curves.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-curves.js","sources":["../../../../src/components/RingProgress/get-curves/get-curves.ts"],"sourcesContent":["import type { MantineColor } from '../../../core';\n\ninterface CurveData extends React.ComponentPropsWithRef<'circle'> {\n value: number;\n color: MantineColor;\n tooltip?: React.ReactNode;\n}\n\ninterface RootCurveData extends React.ComponentPropsWithRef<'circle'> {\n color?: MantineColor;\n}\n\ninterface GetCurves {\n sections: CurveData[];\n size: number;\n thickness: number;\n renderRoundedLineCaps: boolean | undefined;\n rootColor?: MantineColor;\n}\n\ninterface Curve {\n sum: number;\n offset: number;\n root: boolean;\n data: CurveData | RootCurveData;\n lineRoundCaps?: boolean;\n}\n\nexport function getCurves({\n size,\n thickness,\n sections,\n renderRoundedLineCaps,\n rootColor,\n}: GetCurves) {\n const sum = sections.reduce((acc, current) => acc + current.value, 0);\n const accumulated = Math.PI * ((size * 0.9 - thickness * 2) / 2) * 2;\n let offset = accumulated;\n const curves: Curve[] = [];\n const curvesInOrder: Curve[] = [];\n\n for (let i = 0; i < sections.length; i += 1) {\n curves.push({ sum, offset, data: sections[i], root: false });\n offset -= (sections[i].value / 100) * accumulated;\n }\n\n curves.push({ sum, offset, data: { color: rootColor }, root: true });\n\n // Reorder curves to layer appropriately and selectively set caps to round\n\n curvesInOrder.push({ ...curves[curves.length - 1], lineRoundCaps: false });\n if (curves.length > 2) {\n curvesInOrder.push({ ...curves[0], lineRoundCaps: renderRoundedLineCaps });\n curvesInOrder.push({ ...curves[curves.length - 2], lineRoundCaps: renderRoundedLineCaps });\n for (let i = 1; i <= curves.length - 3; i += 1) {\n curvesInOrder.push({ ...curves[i], lineRoundCaps: false });\n }\n } else {\n curvesInOrder.push({ ...curves[0], lineRoundCaps: renderRoundedLineCaps });\n }\n\n return curvesInOrder;\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var SimpleGridVariables = require('./SimpleGridVariables.js');
|
|
7
|
+
var SimpleGrid_module = require('./SimpleGrid.module.css.js');
|
|
8
|
+
var factory = require('../../core/factory/factory.js');
|
|
9
|
+
var useProps = require('../../core/MantineProvider/use-props/use-props.js');
|
|
10
|
+
var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
|
|
11
|
+
var useRandomClassname = require('../../core/Box/use-random-classname/use-random-classname.js');
|
|
12
|
+
var Box = require('../../core/Box/Box.js');
|
|
13
|
+
|
|
14
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
15
|
+
|
|
16
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
|
+
|
|
18
|
+
var __defProp = Object.defineProperty;
|
|
19
|
+
var __defProps = Object.defineProperties;
|
|
20
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
21
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
22
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
23
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
24
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
25
|
+
var __spreadValues = (a, b) => {
|
|
26
|
+
for (var prop in b || (b = {}))
|
|
27
|
+
if (__hasOwnProp.call(b, prop))
|
|
28
|
+
__defNormalProp(a, prop, b[prop]);
|
|
29
|
+
if (__getOwnPropSymbols)
|
|
30
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
31
|
+
if (__propIsEnum.call(b, prop))
|
|
32
|
+
__defNormalProp(a, prop, b[prop]);
|
|
33
|
+
}
|
|
34
|
+
return a;
|
|
35
|
+
};
|
|
36
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
37
|
+
var __objRest = (source, exclude) => {
|
|
38
|
+
var target = {};
|
|
39
|
+
for (var prop in source)
|
|
40
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
41
|
+
target[prop] = source[prop];
|
|
42
|
+
if (source != null && __getOwnPropSymbols)
|
|
43
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
44
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
45
|
+
target[prop] = source[prop];
|
|
46
|
+
}
|
|
47
|
+
return target;
|
|
48
|
+
};
|
|
49
|
+
const defaultProps = {
|
|
50
|
+
cols: 1,
|
|
51
|
+
spacing: "md",
|
|
52
|
+
verticalSpacing: "md"
|
|
53
|
+
};
|
|
54
|
+
const SimpleGrid = factory.factory((_props, ref) => {
|
|
55
|
+
const props = useProps.useProps("SimpleGrid", defaultProps, _props);
|
|
56
|
+
const _a = props, {
|
|
57
|
+
classNames,
|
|
58
|
+
className,
|
|
59
|
+
style,
|
|
60
|
+
styles,
|
|
61
|
+
unstyled,
|
|
62
|
+
vars,
|
|
63
|
+
cols,
|
|
64
|
+
verticalSpacing,
|
|
65
|
+
spacing
|
|
66
|
+
} = _a, others = __objRest(_a, [
|
|
67
|
+
"classNames",
|
|
68
|
+
"className",
|
|
69
|
+
"style",
|
|
70
|
+
"styles",
|
|
71
|
+
"unstyled",
|
|
72
|
+
"vars",
|
|
73
|
+
"cols",
|
|
74
|
+
"verticalSpacing",
|
|
75
|
+
"spacing"
|
|
76
|
+
]);
|
|
77
|
+
const getStyles = useStyles.useStyles({
|
|
78
|
+
name: "SimpleGrid",
|
|
79
|
+
classes: SimpleGrid_module['default'],
|
|
80
|
+
props,
|
|
81
|
+
className,
|
|
82
|
+
style,
|
|
83
|
+
classNames,
|
|
84
|
+
styles,
|
|
85
|
+
unstyled,
|
|
86
|
+
vars
|
|
87
|
+
});
|
|
88
|
+
const responsiveClassName = useRandomClassname.useRandomClassName();
|
|
89
|
+
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(SimpleGridVariables.SimpleGridVariables, __spreadProps(__spreadValues({}, props), { selector: `.${responsiveClassName}` })), /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadValues({ ref }, getStyles("root", { className: responsiveClassName })), others)));
|
|
90
|
+
});
|
|
91
|
+
SimpleGrid.classes = SimpleGrid_module['default'];
|
|
92
|
+
SimpleGrid.displayName = "@mantine/core/SimpleGrid";
|
|
93
|
+
|
|
94
|
+
exports.SimpleGrid = SimpleGrid;
|
|
95
|
+
//# sourceMappingURL=SimpleGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SimpleGrid.js","sources":["../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n Factory,\n useRandomClassName,\n StyleProp,\n MantineSpacing,\n} from '../../core';\nimport { SimpleGridVariables } from './SimpleGridVariables';\nimport classes from './SimpleGrid.module.css';\n\nexport type SimpleGridStylesNames = 'root';\n\nexport interface SimpleGridProps\n extends BoxProps,\n StylesApiProps<SimpleGridFactory>,\n ElementProps<'div'> {\n /** Number of columns, `1` by default */\n cols?: StyleProp<number>;\n\n /** Spacing between columns, `'md'` by default */\n spacing?: StyleProp<MantineSpacing | (string & {}) | number>;\n\n /** Spacing between rows, `'md'` by default */\n verticalSpacing?: StyleProp<MantineSpacing | (string & {}) | number>;\n}\n\nexport type SimpleGridFactory = Factory<{\n props: SimpleGridProps;\n ref: HTMLDivElement;\n stylesNames: SimpleGridStylesNames;\n}>;\n\nconst defaultProps: Partial<SimpleGridProps> = {\n cols: 1,\n spacing: 'md',\n verticalSpacing: 'md',\n};\n\nexport const SimpleGrid = factory<SimpleGridFactory>((_props, ref) => {\n const props = useProps('SimpleGrid', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n cols,\n verticalSpacing,\n spacing,\n ...others\n } = props;\n\n const getStyles = useStyles<SimpleGridFactory>({\n name: 'SimpleGrid',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n\n const responsiveClassName = useRandomClassName();\n\n return (\n <>\n <SimpleGridVariables {...props} selector={`.${responsiveClassName}`} />\n <Box ref={ref} {...getStyles('root', { className: responsiveClassName })} {...others} />\n </>\n );\n});\n\nSimpleGrid.classes = classes;\nSimpleGrid.displayName = '@mantine/core/SimpleGrid';\n"],"names":["factory","useProps","useStyles","classes","useRandomClassName","React","SimpleGridVariables","Box"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SimpleGrid.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var MantineThemeProvider = require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js');
|
|
7
|
+
var filterProps = require('../../core/utils/filter-props/filter-props.js');
|
|
8
|
+
var getSize = require('../../core/utils/get-size/get-size.js');
|
|
9
|
+
var getBaseValue = require('../../core/utils/get-base-value/get-base-value.js');
|
|
10
|
+
var keys = require('../../core/utils/keys/keys.js');
|
|
11
|
+
var getSortedBreakpoints = require('../../core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js');
|
|
12
|
+
var InlineStyles = require('../../core/InlineStyles/InlineStyles.js');
|
|
13
|
+
|
|
14
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
15
|
+
|
|
16
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
|
+
|
|
18
|
+
function SimpleGridVariables({
|
|
19
|
+
spacing,
|
|
20
|
+
verticalSpacing,
|
|
21
|
+
cols,
|
|
22
|
+
selector
|
|
23
|
+
}) {
|
|
24
|
+
var _a;
|
|
25
|
+
const theme = MantineThemeProvider.useMantineTheme();
|
|
26
|
+
const baseStyles = filterProps.filterProps({
|
|
27
|
+
"--sg-spacing-x": getSize.getSpacing(getBaseValue.getBaseValue(spacing)),
|
|
28
|
+
"--sg-spacing-y": getSize.getSpacing(getBaseValue.getBaseValue(verticalSpacing)),
|
|
29
|
+
"--sg-cols": (_a = getBaseValue.getBaseValue(cols)) == null ? void 0 : _a.toString()
|
|
30
|
+
});
|
|
31
|
+
const queries = keys.keys(theme.breakpoints).reduce(
|
|
32
|
+
(acc, breakpoint) => {
|
|
33
|
+
if (!acc[breakpoint]) {
|
|
34
|
+
acc[breakpoint] = {};
|
|
35
|
+
}
|
|
36
|
+
if (typeof spacing === "object" && spacing[breakpoint] !== void 0) {
|
|
37
|
+
acc[breakpoint]["--sg-spacing-x"] = getSize.getSpacing(spacing[breakpoint]);
|
|
38
|
+
}
|
|
39
|
+
if (typeof verticalSpacing === "object" && verticalSpacing[breakpoint] !== void 0) {
|
|
40
|
+
acc[breakpoint]["--sg-spacing-y"] = getSize.getSpacing(verticalSpacing[breakpoint]);
|
|
41
|
+
}
|
|
42
|
+
if (typeof cols === "object" && cols[breakpoint] !== void 0) {
|
|
43
|
+
acc[breakpoint]["--sg-cols"] = cols[breakpoint];
|
|
44
|
+
}
|
|
45
|
+
return acc;
|
|
46
|
+
},
|
|
47
|
+
{}
|
|
48
|
+
);
|
|
49
|
+
const sortedBreakpoints = getSortedBreakpoints.getSortedBreakpoints(keys.keys(queries), theme).filter(
|
|
50
|
+
(breakpoint) => keys.keys(queries[breakpoint.value]).length > 0
|
|
51
|
+
);
|
|
52
|
+
const media = sortedBreakpoints.map((breakpoint) => ({
|
|
53
|
+
query: `(min-width: ${theme.breakpoints[breakpoint.value]})`,
|
|
54
|
+
styles: queries[breakpoint.value]
|
|
55
|
+
}));
|
|
56
|
+
return /* @__PURE__ */ React__default.createElement(InlineStyles.InlineStyles, { styles: baseStyles, media, selector });
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
exports.SimpleGridVariables = SimpleGridVariables;
|
|
60
|
+
//# sourceMappingURL=SimpleGridVariables.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SimpleGridVariables.js","sources":["../../../src/components/SimpleGrid/SimpleGridVariables.tsx"],"sourcesContent":["import React from 'react';\nimport {\n getSortedBreakpoints,\n useMantineTheme,\n keys,\n getSpacing,\n MantineBreakpoint,\n filterProps,\n InlineStyles,\n getBaseValue,\n} from '../../core';\nimport type { SimpleGridProps } from './SimpleGrid';\n\ninterface SimpleGridVariablesProps extends SimpleGridProps {\n selector: string;\n}\n\nexport function SimpleGridVariables({\n spacing,\n verticalSpacing,\n cols,\n selector,\n}: SimpleGridVariablesProps) {\n const theme = useMantineTheme();\n\n const baseStyles: Record<string, string | undefined> = filterProps({\n '--sg-spacing-x': getSpacing(getBaseValue(spacing)),\n '--sg-spacing-y': getSpacing(getBaseValue(verticalSpacing)),\n '--sg-cols': getBaseValue(cols)?.toString(),\n });\n\n const queries = keys(theme.breakpoints).reduce<Record<string, Record<string, any>>>(\n (acc, breakpoint) => {\n if (!acc[breakpoint]) {\n acc[breakpoint] = {};\n }\n\n if (typeof spacing === 'object' && spacing[breakpoint] !== undefined) {\n acc[breakpoint]['--sg-spacing-x'] = getSpacing(spacing[breakpoint]);\n }\n\n if (typeof verticalSpacing === 'object' && verticalSpacing[breakpoint] !== undefined) {\n acc[breakpoint]['--sg-spacing-y'] = getSpacing(verticalSpacing[breakpoint]);\n }\n\n if (typeof cols === 'object' && cols[breakpoint] !== undefined) {\n acc[breakpoint]['--sg-cols'] = cols[breakpoint];\n }\n\n return acc;\n },\n {}\n );\n\n const sortedBreakpoints = getSortedBreakpoints(keys(queries), theme).filter(\n (breakpoint) => keys(queries[breakpoint.value]).length > 0\n );\n\n const media = sortedBreakpoints.map((breakpoint) => ({\n query: `(min-width: ${theme.breakpoints[breakpoint.value as MantineBreakpoint]})`,\n styles: queries[breakpoint.value],\n }));\n\n return <InlineStyles styles={baseStyles} media={media} selector={selector} />;\n}\n"],"names":["useMantineTheme","filterProps","getSpacing","getBaseValue","keys","getSortedBreakpoints","React","InlineStyles"],"mappings":";;;;;;;;;;;;;;;;;AAUO,SAAS,mBAAmB,CAAC;AACpC,EAAE,OAAO;AACT,EAAE,eAAe;AACjB,EAAE,IAAI;AACN,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,KAAK,GAAGA,oCAAe,EAAE,CAAC;AAClC,EAAE,MAAM,UAAU,GAAGC,uBAAW,CAAC;AACjC,IAAI,gBAAgB,EAAEC,kBAAU,CAACC,yBAAY,CAAC,OAAO,CAAC,CAAC;AACvD,IAAI,gBAAgB,EAAED,kBAAU,CAACC,yBAAY,CAAC,eAAe,CAAC,CAAC;AAC/D,IAAI,WAAW,EAAE,CAAC,EAAE,GAAGA,yBAAY,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE;AAC3E,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,OAAO,GAAGC,SAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM;AAChD,IAAI,CAAC,GAAG,EAAE,UAAU,KAAK;AACzB,MAAM,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;AAC5B,QAAQ,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;AAC7B,OAAO;AACP,MAAM,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,EAAE;AACzE,QAAQ,GAAG,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,GAAGF,kBAAU,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AAC5E,OAAO;AACP,MAAM,IAAI,OAAO,eAAe,KAAK,QAAQ,IAAI,eAAe,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,EAAE;AACzF,QAAQ,GAAG,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,GAAGA,kBAAU,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC;AACpF,OAAO;AACP,MAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,EAAE;AACnE,QAAQ,GAAG,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;AACxD,OAAO;AACP,MAAM,OAAO,GAAG,CAAC;AACjB,KAAK;AACL,IAAI,EAAE;AACN,GAAG,CAAC;AACJ,EAAE,MAAM,iBAAiB,GAAGG,yCAAoB,CAACD,SAAI,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM;AAC7E,IAAI,CAAC,UAAU,KAAKA,SAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC;AAC9D,GAAG,CAAC;AACJ,EAAE,MAAM,KAAK,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,MAAM;AACvD,IAAI,KAAK,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAChE,IAAI,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC;AACrC,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,uBAAuBE,cAAK,CAAC,aAAa,CAACC,yBAAY,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;AACpG;;;;"}
|