@mantine/core 5.5.5 → 5.6.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/Autocomplete/Autocomplete.js +7 -3
- package/cjs/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/Badge/Badge.styles.js +1 -1
- package/cjs/Badge/Badge.styles.js.map +1 -1
- package/cjs/CloseButton/CloseButton.js +5 -2
- package/cjs/CloseButton/CloseButton.js.map +1 -1
- package/cjs/ColorInput/ColorInput.js +6 -4
- package/cjs/ColorInput/ColorInput.js.map +1 -1
- package/cjs/FileButton/FileButton.js +2 -2
- package/cjs/FileButton/FileButton.js.map +1 -1
- package/cjs/FileInput/FileInput.js +7 -4
- package/cjs/FileInput/FileInput.js.map +1 -1
- package/cjs/Image/Image.js +3 -3
- package/cjs/Image/Image.js.map +1 -1
- package/cjs/JsonInput/JsonInput.js +7 -4
- package/cjs/JsonInput/JsonInput.js.map +1 -1
- package/cjs/MediaQuery/MediaQuery.js.map +1 -1
- package/cjs/MediaQuery/MediaQuery.styles.js +5 -4
- package/cjs/MediaQuery/MediaQuery.styles.js.map +1 -1
- package/cjs/Menu/MenuTarget/MenuTarget.js +0 -1
- package/cjs/Menu/MenuTarget/MenuTarget.js.map +1 -1
- package/cjs/NativeSelect/NativeSelect.js +1 -0
- package/cjs/NativeSelect/NativeSelect.js.map +1 -1
- package/cjs/PasswordInput/PasswordInput.js +8 -2
- package/cjs/PasswordInput/PasswordInput.js.map +1 -1
- package/cjs/Popover/use-popover.js +1 -1
- package/cjs/Popover/use-popover.js.map +1 -1
- package/cjs/Progress/Progress.js +33 -18
- package/cjs/Progress/Progress.js.map +1 -1
- package/cjs/Rating/Rating.js +192 -0
- package/cjs/Rating/Rating.js.map +1 -0
- package/cjs/Rating/Rating.styles.js +23 -0
- package/cjs/Rating/Rating.styles.js.map +1 -0
- package/cjs/Rating/RatingItem/RatingItem.js +105 -0
- package/cjs/Rating/RatingItem/RatingItem.js.map +1 -0
- package/cjs/Rating/RatingItem/RatingItem.styles.js +52 -0
- package/cjs/Rating/RatingItem/RatingItem.styles.js.map +1 -0
- package/cjs/Rating/StarSymbol/StarIcon.js +41 -0
- package/cjs/Rating/StarSymbol/StarIcon.js.map +1 -0
- package/cjs/Rating/StarSymbol/StarSymbol.js +22 -0
- package/cjs/Rating/StarSymbol/StarSymbol.js.map +1 -0
- package/cjs/Rating/StarSymbol/StarSymbol.styles.js +28 -0
- package/cjs/Rating/StarSymbol/StarSymbol.styles.js.map +1 -0
- package/cjs/RingProgress/Curve/Curve.js +39 -13
- package/cjs/RingProgress/Curve/Curve.js.map +1 -1
- package/cjs/RingProgress/RingProgress.js +15 -15
- package/cjs/RingProgress/RingProgress.js.map +1 -1
- package/cjs/RingProgress/get-curves/get-curves.js.map +1 -1
- package/cjs/Select/SelectPopover/SelectPopover.js +3 -1
- package/cjs/Select/SelectPopover/SelectPopover.js.map +1 -1
- package/cjs/Tabs/Tab/Tab.js +2 -1
- package/cjs/Tabs/Tab/Tab.js.map +1 -1
- package/cjs/Tabs/Tab/Tab.styles.js +7 -7
- package/cjs/Tabs/Tab/Tab.styles.js.map +1 -1
- package/cjs/Tabs/Tabs.context.js.map +1 -1
- package/cjs/Tabs/Tabs.js +9 -5
- package/cjs/Tabs/Tabs.js.map +1 -1
- package/cjs/Tabs/Tabs.styles.js +3 -2
- package/cjs/Tabs/Tabs.styles.js.map +1 -1
- package/cjs/Tabs/TabsList/TabsList.js +2 -2
- package/cjs/Tabs/TabsList/TabsList.js.map +1 -1
- package/cjs/Tabs/TabsList/TabsList.styles.js +3 -3
- package/cjs/Tabs/TabsList/TabsList.styles.js.map +1 -1
- package/cjs/Tabs/TabsPanel/TabsPanel.js +2 -1
- package/cjs/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/cjs/Tabs/TabsProvider.js +2 -0
- package/cjs/Tabs/TabsProvider.js.map +1 -1
- package/cjs/Tooltip/Tooltip.js +2 -2
- package/cjs/Tooltip/Tooltip.js.map +1 -1
- package/cjs/index.js +4 -0
- package/cjs/index.js.map +1 -1
- package/esm/Autocomplete/Autocomplete.js +7 -3
- package/esm/Autocomplete/Autocomplete.js.map +1 -1
- package/esm/Badge/Badge.styles.js +1 -1
- package/esm/Badge/Badge.styles.js.map +1 -1
- package/esm/CloseButton/CloseButton.js +5 -3
- package/esm/CloseButton/CloseButton.js.map +1 -1
- package/esm/ColorInput/ColorInput.js +6 -4
- package/esm/ColorInput/ColorInput.js.map +1 -1
- package/esm/FileButton/FileButton.js +2 -2
- package/esm/FileButton/FileButton.js.map +1 -1
- package/esm/FileInput/FileInput.js +7 -4
- package/esm/FileInput/FileInput.js.map +1 -1
- package/esm/Image/Image.js +3 -3
- package/esm/Image/Image.js.map +1 -1
- package/esm/JsonInput/JsonInput.js +7 -4
- package/esm/JsonInput/JsonInput.js.map +1 -1
- package/esm/MediaQuery/MediaQuery.js.map +1 -1
- package/esm/MediaQuery/MediaQuery.styles.js +5 -4
- package/esm/MediaQuery/MediaQuery.styles.js.map +1 -1
- package/esm/Menu/MenuTarget/MenuTarget.js +1 -2
- package/esm/Menu/MenuTarget/MenuTarget.js.map +1 -1
- package/esm/NativeSelect/NativeSelect.js +1 -0
- package/esm/NativeSelect/NativeSelect.js.map +1 -1
- package/esm/PasswordInput/PasswordInput.js +8 -2
- package/esm/PasswordInput/PasswordInput.js.map +1 -1
- package/esm/Popover/use-popover.js +2 -2
- package/esm/Popover/use-popover.js.map +1 -1
- package/esm/Progress/Progress.js +33 -18
- package/esm/Progress/Progress.js.map +1 -1
- package/esm/Rating/Rating.js +184 -0
- package/esm/Rating/Rating.js.map +1 -0
- package/esm/Rating/Rating.styles.js +19 -0
- package/esm/Rating/Rating.styles.js.map +1 -0
- package/esm/Rating/RatingItem/RatingItem.js +97 -0
- package/esm/Rating/RatingItem/RatingItem.js.map +1 -0
- package/esm/Rating/RatingItem/RatingItem.styles.js +48 -0
- package/esm/Rating/RatingItem/RatingItem.styles.js.map +1 -0
- package/esm/Rating/StarSymbol/StarIcon.js +33 -0
- package/esm/Rating/StarSymbol/StarIcon.js.map +1 -0
- package/esm/Rating/StarSymbol/StarSymbol.js +14 -0
- package/esm/Rating/StarSymbol/StarSymbol.js.map +1 -0
- package/esm/Rating/StarSymbol/StarSymbol.styles.js +24 -0
- package/esm/Rating/StarSymbol/StarSymbol.styles.js.map +1 -0
- package/esm/RingProgress/Curve/Curve.js +39 -13
- package/esm/RingProgress/Curve/Curve.js.map +1 -1
- package/esm/RingProgress/RingProgress.js +15 -15
- package/esm/RingProgress/RingProgress.js.map +1 -1
- package/esm/RingProgress/get-curves/get-curves.js.map +1 -1
- package/esm/Select/SelectPopover/SelectPopover.js +3 -1
- package/esm/Select/SelectPopover/SelectPopover.js.map +1 -1
- package/esm/Tabs/Tab/Tab.js +2 -1
- package/esm/Tabs/Tab/Tab.js.map +1 -1
- package/esm/Tabs/Tab/Tab.styles.js +7 -7
- package/esm/Tabs/Tab/Tab.styles.js.map +1 -1
- package/esm/Tabs/Tabs.context.js.map +1 -1
- package/esm/Tabs/Tabs.js +9 -5
- package/esm/Tabs/Tabs.js.map +1 -1
- package/esm/Tabs/Tabs.styles.js +3 -2
- package/esm/Tabs/Tabs.styles.js.map +1 -1
- package/esm/Tabs/TabsList/TabsList.js +2 -2
- package/esm/Tabs/TabsList/TabsList.js.map +1 -1
- package/esm/Tabs/TabsList/TabsList.styles.js +3 -3
- package/esm/Tabs/TabsList/TabsList.styles.js.map +1 -1
- package/esm/Tabs/TabsPanel/TabsPanel.js +2 -1
- package/esm/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/esm/Tabs/TabsProvider.js +2 -0
- package/esm/Tabs/TabsProvider.js.map +1 -1
- package/esm/Tooltip/Tooltip.js +2 -2
- package/esm/Tooltip/Tooltip.js.map +1 -1
- package/esm/index.js +2 -0
- package/esm/index.js.map +1 -1
- package/lib/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/lib/CloseButton/CloseButton.d.ts +8 -1
- package/lib/CloseButton/CloseButton.d.ts.map +1 -1
- package/lib/ColorInput/ColorInput.d.ts.map +1 -1
- package/lib/FileButton/FileButton.d.ts +2 -0
- package/lib/FileButton/FileButton.d.ts.map +1 -1
- package/lib/FileInput/FileInput.d.ts +2 -0
- package/lib/FileInput/FileInput.d.ts.map +1 -1
- package/lib/Image/Image.d.ts.map +1 -1
- package/lib/JsonInput/JsonInput.d.ts.map +1 -1
- package/lib/MediaQuery/MediaQuery.d.ts +2 -2
- package/lib/MediaQuery/MediaQuery.d.ts.map +1 -1
- package/lib/MediaQuery/MediaQuery.styles.d.ts +3 -3
- package/lib/MediaQuery/MediaQuery.styles.d.ts.map +1 -1
- package/lib/Menu/MenuTarget/MenuTarget.d.ts.map +1 -1
- package/lib/PasswordInput/PasswordInput.d.ts.map +1 -1
- package/lib/Popover/use-popover.d.ts.map +1 -1
- package/lib/Progress/Progress.d.ts +1 -1
- package/lib/Progress/Progress.d.ts.map +1 -1
- package/lib/Rating/Rating.d.ts +37 -0
- package/lib/Rating/Rating.d.ts.map +1 -0
- package/lib/Rating/Rating.styles.d.ts +7 -0
- package/lib/Rating/Rating.styles.d.ts.map +1 -0
- package/lib/Rating/RatingItem/RatingItem.d.ts +20 -0
- package/lib/Rating/RatingItem/RatingItem.d.ts.map +1 -0
- package/lib/Rating/RatingItem/RatingItem.styles.d.ts +7 -0
- package/lib/Rating/RatingItem/RatingItem.styles.d.ts.map +1 -0
- package/lib/Rating/StarSymbol/StarIcon.d.ts +6 -0
- package/lib/Rating/StarSymbol/StarIcon.d.ts.map +1 -0
- package/lib/Rating/StarSymbol/StarSymbol.d.ts +12 -0
- package/lib/Rating/StarSymbol/StarSymbol.d.ts.map +1 -0
- package/lib/Rating/StarSymbol/StarSymbol.styles.d.ts +13 -0
- package/lib/Rating/StarSymbol/StarSymbol.styles.d.ts.map +1 -0
- package/lib/Rating/index.d.ts +4 -0
- package/lib/Rating/index.d.ts.map +1 -0
- package/lib/RingProgress/Curve/Curve.d.ts +2 -2
- package/lib/RingProgress/Curve/Curve.d.ts.map +1 -1
- package/lib/RingProgress/RingProgress.d.ts +7 -5
- package/lib/RingProgress/RingProgress.d.ts.map +1 -1
- package/lib/RingProgress/get-curves/get-curves.d.ts +1 -1
- package/lib/RingProgress/get-curves/get-curves.d.ts.map +1 -1
- package/lib/Select/SelectPopover/SelectPopover.d.ts +2 -1
- package/lib/Select/SelectPopover/SelectPopover.d.ts.map +1 -1
- package/lib/Tabs/Tab/Tab.d.ts.map +1 -1
- package/lib/Tabs/Tab/Tab.styles.d.ts.map +1 -1
- package/lib/Tabs/Tabs.context.d.ts +3 -2
- package/lib/Tabs/Tabs.context.d.ts.map +1 -1
- package/lib/Tabs/Tabs.d.ts.map +1 -1
- package/lib/Tabs/Tabs.styles.d.ts.map +1 -1
- package/lib/Tabs/Tabs.types.d.ts +2 -0
- package/lib/Tabs/Tabs.types.d.ts.map +1 -1
- package/lib/Tabs/TabsList/TabsList.styles.d.ts.map +1 -1
- package/lib/Tabs/TabsPanel/TabsPanel.d.ts.map +1 -1
- package/lib/Tabs/TabsProvider.d.ts +4 -2
- package/lib/Tabs/TabsProvider.d.ts.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.styles.js","sources":["../../../src/Tabs/Tab/Tab.styles.ts"],"sourcesContent":["import { createStyles, CSSObject, MantineTheme } from '@mantine/styles';\nimport { TabsStylesParams } from '../Tabs.types';\n\ninterface TabStylesParams extends TabsStylesParams {\n withIcon: boolean;\n withRightSection: boolean;\n}\n\nfunction getVariantStyles(\n theme: MantineTheme,\n { variant, orientation, color, radius, inverted }: TabStylesParams\n): CSSObject {\n const vertical = orientation === 'vertical';\n const filledScheme = theme.fn.variant({ color, variant: 'filled' });\n const radiusValue = theme.fn.radius(radius);\n const borderRadius =\n orientation === 'vertical'\n ? `${radiusValue}px 0 0 ${radiusValue}px`\n : inverted\n ? `0 0 ${radiusValue}px ${radiusValue}px`\n : `${radiusValue}px ${radiusValue}px 0 0`;\n\n if (variant === 'default') {\n return {\n [vertical ? 'borderRight' : inverted
|
|
1
|
+
{"version":3,"file":"Tab.styles.js","sources":["../../../src/Tabs/Tab/Tab.styles.ts"],"sourcesContent":["import { createStyles, CSSObject, MantineTheme } from '@mantine/styles';\nimport { TabsStylesParams } from '../Tabs.types';\n\ninterface TabStylesParams extends TabsStylesParams {\n withIcon: boolean;\n withRightSection: boolean;\n}\n\nfunction getVariantStyles(\n theme: MantineTheme,\n { variant, orientation, color, radius, inverted, placement }: TabStylesParams\n): CSSObject {\n const vertical = orientation === 'vertical';\n const filledScheme = theme.fn.variant({ color, variant: 'filled' });\n const radiusValue = theme.fn.radius(radius);\n\n const borderRadius =\n orientation === 'vertical'\n ? placement === 'left'\n ? `${radiusValue}px 0 0 ${radiusValue}px`\n : ` 0 ${radiusValue}px ${radiusValue}px 0`\n : inverted\n ? `0 0 ${radiusValue}px ${radiusValue}px`\n : `${radiusValue}px ${radiusValue}px 0 0`;\n\n if (variant === 'default') {\n return {\n [vertical\n ? placement === 'left'\n ? 'borderRight'\n : 'borderLeft'\n : inverted\n ? 'borderTop'\n : 'borderBottom']: '2px solid transparent',\n [vertical\n ? placement === 'left'\n ? 'marginRight'\n : 'marginLeft'\n : inverted\n ? 'marginTop'\n : 'marginBottom']: -2,\n borderRadius,\n\n ...theme.fn.hover({\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n }),\n\n '&[data-active]': {\n borderColor: filledScheme.background,\n color: theme.colorScheme === 'dark' ? theme.white : theme.black,\n ...theme.fn.hover({ borderColor: filledScheme.background }),\n },\n };\n }\n\n if (variant === 'outline') {\n return {\n borderRadius,\n border: '1px solid transparent',\n [vertical\n ? placement === 'left'\n ? 'borderRight'\n : 'borderLeft'\n : inverted\n ? 'borderTop'\n : 'borderBottom']: 'none',\n\n '&[data-active]': {\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n\n '&::before': {\n content: '\"\"',\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n position: 'absolute',\n bottom: vertical ? 0 : inverted ? 'unset' : -1,\n top: vertical ? 0 : inverted ? -1 : 'unset',\n [vertical ? 'width' : 'height']: 1,\n right: vertical ? (placement === 'left' ? -1 : 'unset') : 0,\n left: vertical ? (placement === 'left' ? 'unset' : -1) : 0,\n },\n },\n };\n }\n\n if (variant === 'pills') {\n return {\n borderRadius: theme.fn.radius(radius),\n ...theme.fn.hover({\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n }),\n\n '&[data-active]': {\n backgroundColor: filledScheme.background,\n color: theme.white,\n ...theme.fn.hover({ backgroundColor: filledScheme.background }),\n },\n };\n }\n\n return {};\n}\n\nexport default createStyles((theme, params: TabStylesParams) => ({\n tabLabel: {},\n\n tab: {\n position: 'relative',\n padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n paddingLeft: params.withIcon ? theme.spacing.xs : undefined,\n paddingRight: params.withRightSection ? theme.spacing.xs : undefined,\n fontSize: theme.fontSizes.sm,\n whiteSpace: 'nowrap',\n zIndex: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: params.orientation === 'horizontal' ? 'center' : undefined,\n lineHeight: 1,\n\n '&:disabled': {\n opacity: 0.5,\n cursor: 'not-allowed',\n ...theme.fn.hover({ backgroundColor: 'transparent' }),\n },\n\n '&:focus': {\n zIndex: 1,\n },\n\n ...getVariantStyles(theme, params),\n },\n\n tabRightSection: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n\n '&:not(:only-child)': {\n marginLeft: 7,\n },\n },\n\n tabIcon: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n\n '&:not(:only-child)': {\n marginRight: 7,\n },\n },\n}));\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.context.js","sources":["../../src/Tabs/Tabs.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\nimport { MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { TabsOrientation, TabsValue, TabsVariant } from './Tabs.types';\nimport { TABS_ERRORS } from './Tabs.errors';\n\ninterface TabsContext {\n id: string;\n value: TabsValue;\n orientation: TabsOrientation;\n loop: boolean;\n activateTabWithKeyboard: boolean;\n allowTabDeactivation: boolean;\n onTabChange(value: TabsValue): void;\n getTabId(value: string): string;\n getPanelId(value: string): string;\n variant: TabsVariant;\n color: MantineColor;\n radius: MantineNumberSize;\n inverted: boolean;\n keepMounted
|
|
1
|
+
{"version":3,"file":"Tabs.context.js","sources":["../../src/Tabs/Tabs.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\nimport { MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { TabsOrientation, TabsPlacement, TabsValue, TabsVariant } from './Tabs.types';\nimport { TABS_ERRORS } from './Tabs.errors';\n\ninterface TabsContext {\n id: string;\n value: TabsValue;\n orientation: TabsOrientation;\n loop: boolean;\n activateTabWithKeyboard: boolean;\n allowTabDeactivation: boolean;\n onTabChange(value: TabsValue): void;\n getTabId(value: string): string;\n getPanelId(value: string): string;\n variant: TabsVariant;\n color: MantineColor;\n radius: MantineNumberSize;\n inverted: boolean;\n keepMounted: boolean;\n placement: TabsPlacement;\n}\n\nexport const [TabsContextProvider, useTabsContext] = createSafeContext<TabsContext>(\n TABS_ERRORS.context\n);\n"],"names":[],"mappings":";;;AAEY,MAAC,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAG,iBAAiB,CAAC,WAAW,CAAC,OAAO;;;;"}
|
package/esm/Tabs/Tabs.js
CHANGED
|
@@ -45,7 +45,8 @@ const defaultProps = {
|
|
|
45
45
|
allowTabDeactivation: false,
|
|
46
46
|
unstyled: false,
|
|
47
47
|
inverted: false,
|
|
48
|
-
variant: "default"
|
|
48
|
+
variant: "default",
|
|
49
|
+
placement: "left"
|
|
49
50
|
};
|
|
50
51
|
const Tabs = forwardRef((props, ref) => {
|
|
51
52
|
const _a = useComponentDefaultProps("Tabs", defaultProps, props), {
|
|
@@ -66,7 +67,8 @@ const Tabs = forwardRef((props, ref) => {
|
|
|
66
67
|
styles,
|
|
67
68
|
radius,
|
|
68
69
|
inverted,
|
|
69
|
-
keepMounted
|
|
70
|
+
keepMounted,
|
|
71
|
+
placement
|
|
70
72
|
} = _a, others = __objRest(_a, [
|
|
71
73
|
"defaultValue",
|
|
72
74
|
"value",
|
|
@@ -85,9 +87,10 @@ const Tabs = forwardRef((props, ref) => {
|
|
|
85
87
|
"styles",
|
|
86
88
|
"radius",
|
|
87
89
|
"inverted",
|
|
88
|
-
"keepMounted"
|
|
90
|
+
"keepMounted",
|
|
91
|
+
"placement"
|
|
89
92
|
]);
|
|
90
|
-
const { classes, cx } = useStyles({ orientation, color, variant, radius, inverted }, { unstyled, name: "Tabs", classNames, styles });
|
|
93
|
+
const { classes, cx } = useStyles({ orientation, color, variant, radius, inverted, placement }, { unstyled, name: "Tabs", classNames, styles });
|
|
91
94
|
return /* @__PURE__ */ React.createElement(StylesApiProvider, {
|
|
92
95
|
classNames,
|
|
93
96
|
styles,
|
|
@@ -105,7 +108,8 @@ const Tabs = forwardRef((props, ref) => {
|
|
|
105
108
|
variant,
|
|
106
109
|
radius,
|
|
107
110
|
inverted,
|
|
108
|
-
keepMounted
|
|
111
|
+
keepMounted,
|
|
112
|
+
placement
|
|
109
113
|
}, /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, others), {
|
|
110
114
|
className: cx(classes.root, className),
|
|
111
115
|
id,
|
package/esm/Tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n useComponentDefaultProps,\n StylesApiProvider,\n Selectors,\n} from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { Box } from '../Box';\nimport { TabsList, TabsListStylesNames } from './TabsList/TabsList';\nimport { TabsPanel, TabsPanelStylesNames } from './TabsPanel/TabsPanel';\nimport { Tab, TabStylesNames } from './Tab/Tab';\nimport { TabsProvider, TabsProviderProps } from './TabsProvider';\nimport { TabsStylesParams } from './Tabs.types';\nimport useStyles from './Tabs.styles';\n\nexport type TabsStylesNames =\n | Selectors<typeof useStyles>\n | TabsListStylesNames\n | TabsPanelStylesNames\n | TabStylesNames;\n\nexport interface TabsProps\n extends TabsProviderProps,\n DefaultProps<TabsStylesNames, TabsStylesParams>,\n Omit<React.ComponentPropsWithRef<'div'>, keyof TabsProviderProps> {}\n\ntype TabsComponent = ForwardRefWithStaticComponents<\n TabsProps,\n {\n List: typeof TabsList;\n Tab: typeof Tab;\n Panel: typeof TabsPanel;\n }\n>;\n\nconst defaultProps: Partial<TabsProps> = {\n orientation: 'horizontal',\n loop: true,\n activateTabWithKeyboard: true,\n allowTabDeactivation: false,\n unstyled: false,\n inverted: false,\n variant: 'default',\n};\n\nexport const Tabs: TabsComponent = forwardRef<HTMLDivElement, TabsProps>((props, ref) => {\n const {\n defaultValue,\n value,\n orientation,\n loop,\n activateTabWithKeyboard,\n allowTabDeactivation,\n children,\n id,\n onTabChange,\n variant,\n color,\n className,\n unstyled,\n classNames,\n styles,\n radius,\n inverted,\n keepMounted,\n ...others\n } = useComponentDefaultProps('Tabs', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { orientation, color, variant, radius, inverted },\n { unstyled, name: 'Tabs', classNames, styles }\n );\n\n return (\n <StylesApiProvider classNames={classNames} styles={styles} unstyled={unstyled}>\n <TabsProvider\n activateTabWithKeyboard={activateTabWithKeyboard}\n defaultValue={defaultValue}\n orientation={orientation}\n onTabChange={onTabChange}\n value={value}\n id={id}\n loop={loop}\n allowTabDeactivation={allowTabDeactivation}\n color={color}\n variant={variant}\n radius={radius}\n inverted={inverted}\n keepMounted={keepMounted}\n >\n <Box {...others} className={cx(classes.root, className)} id={id} ref={ref}>\n {children}\n </Box>\n </TabsProvider>\n </StylesApiProvider>\n );\n}) as any;\n\nTabs.List = TabsList;\nTabs.Tab = Tab;\nTabs.Panel = TabsPanel;\n\nTabs.displayName = '@mantine/core/Tabs';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Tabs.js","sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n useComponentDefaultProps,\n StylesApiProvider,\n Selectors,\n} from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { Box } from '../Box';\nimport { TabsList, TabsListStylesNames } from './TabsList/TabsList';\nimport { TabsPanel, TabsPanelStylesNames } from './TabsPanel/TabsPanel';\nimport { Tab, TabStylesNames } from './Tab/Tab';\nimport { TabsProvider, TabsProviderProps } from './TabsProvider';\nimport { TabsStylesParams } from './Tabs.types';\nimport useStyles from './Tabs.styles';\n\nexport type TabsStylesNames =\n | Selectors<typeof useStyles>\n | TabsListStylesNames\n | TabsPanelStylesNames\n | TabStylesNames;\n\nexport interface TabsProps\n extends TabsProviderProps,\n DefaultProps<TabsStylesNames, TabsStylesParams>,\n Omit<React.ComponentPropsWithRef<'div'>, keyof TabsProviderProps> {}\n\ntype TabsComponent = ForwardRefWithStaticComponents<\n TabsProps,\n {\n List: typeof TabsList;\n Tab: typeof Tab;\n Panel: typeof TabsPanel;\n }\n>;\n\nconst defaultProps: Partial<TabsProps> = {\n orientation: 'horizontal',\n loop: true,\n activateTabWithKeyboard: true,\n allowTabDeactivation: false,\n unstyled: false,\n inverted: false,\n variant: 'default',\n placement: 'left',\n};\n\nexport const Tabs: TabsComponent = forwardRef<HTMLDivElement, TabsProps>((props, ref) => {\n const {\n defaultValue,\n value,\n orientation,\n loop,\n activateTabWithKeyboard,\n allowTabDeactivation,\n children,\n id,\n onTabChange,\n variant,\n color,\n className,\n unstyled,\n classNames,\n styles,\n radius,\n inverted,\n keepMounted,\n placement,\n ...others\n } = useComponentDefaultProps('Tabs', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { orientation, color, variant, radius, inverted, placement },\n { unstyled, name: 'Tabs', classNames, styles }\n );\n\n return (\n <StylesApiProvider classNames={classNames} styles={styles} unstyled={unstyled}>\n <TabsProvider\n activateTabWithKeyboard={activateTabWithKeyboard}\n defaultValue={defaultValue}\n orientation={orientation}\n onTabChange={onTabChange}\n value={value}\n id={id}\n loop={loop}\n allowTabDeactivation={allowTabDeactivation}\n color={color}\n variant={variant}\n radius={radius}\n inverted={inverted}\n keepMounted={keepMounted}\n placement={placement}\n >\n <Box {...others} className={cx(classes.root, className)} id={id} ref={ref}>\n {children}\n </Box>\n </TabsProvider>\n </StylesApiProvider>\n );\n}) as any;\n\nTabs.List = TabsList;\nTabs.Tab = Tab;\nTabs.Panel = TabsPanel;\n\nTabs.displayName = '@mantine/core/Tabs';\n"],"names":[],"mappings":"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"}
|
package/esm/Tabs/Tabs.styles.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { createStyles } from '@mantine/styles';
|
|
2
2
|
|
|
3
|
-
var useStyles = createStyles((
|
|
3
|
+
var useStyles = createStyles((_theme, { orientation, placement }) => ({
|
|
4
4
|
root: {
|
|
5
|
-
display: orientation === "vertical" ? "flex" : void 0
|
|
5
|
+
display: orientation === "vertical" ? "flex" : void 0,
|
|
6
|
+
flexDirection: placement === "right" ? "row-reverse" : "row"
|
|
6
7
|
}
|
|
7
8
|
}));
|
|
8
9
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.styles.js","sources":["../../src/Tabs/Tabs.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\nimport { TabsStylesParams } from './Tabs.types';\n\nexport default createStyles((
|
|
1
|
+
{"version":3,"file":"Tabs.styles.js","sources":["../../src/Tabs/Tabs.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\nimport { TabsStylesParams } from './Tabs.types';\n\nexport default createStyles((_theme, { orientation, placement }: TabsStylesParams) => ({\n root: {\n display: orientation === 'vertical' ? 'flex' : undefined,\n flexDirection: placement === 'right' ? 'row-reverse' : 'row',\n },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM;AACrE,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,WAAW,KAAK,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;AACzD,IAAI,aAAa,EAAE,SAAS,KAAK,OAAO,GAAG,aAAa,GAAG,KAAK;AAChE,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -37,9 +37,9 @@ var __objRest = (source, exclude) => {
|
|
|
37
37
|
};
|
|
38
38
|
const TabsList = forwardRef((_a, ref) => {
|
|
39
39
|
var _b = _a, { children, className, grow = false, position = "left" } = _b, others = __objRest(_b, ["children", "className", "grow", "position"]);
|
|
40
|
-
const { orientation, variant, color, radius, inverted } = useTabsContext();
|
|
40
|
+
const { orientation, variant, color, radius, inverted, placement } = useTabsContext();
|
|
41
41
|
const { classNames, styles, unstyled } = useContextStylesApi();
|
|
42
|
-
const { classes, cx } = useStyles({ orientation, grow, variant, color, position, radius, inverted }, { name: "Tabs", unstyled, classNames, styles });
|
|
42
|
+
const { classes, cx } = useStyles({ orientation, grow, variant, color, position, radius, inverted, placement }, { name: "Tabs", unstyled, classNames, styles });
|
|
43
43
|
return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, others), {
|
|
44
44
|
className: cx(classes.tabsList, className),
|
|
45
45
|
ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsList.js","sources":["../../../src/Tabs/TabsList/TabsList.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useContextStylesApi } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { TabsPosition } from '../Tabs.types';\nimport { useTabsContext } from '../Tabs.context';\nimport useStyles from './TabsList.styles';\n\nexport type TabsListStylesNames = Selectors<typeof useStyles>;\n\nexport interface TabsListProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** <Tabs.Tab /> components */\n children: React.ReactNode;\n\n /** Determines whether tabs should take the whole space */\n grow?: boolean;\n\n /** Tabs alignment */\n position?: TabsPosition;\n}\n\nexport const TabsList = forwardRef<HTMLDivElement, TabsListProps>(\n ({ children, className, grow = false, position = 'left', ...others }, ref) => {\n const { orientation, variant, color, radius, inverted } = useTabsContext();\n const { classNames, styles, unstyled } = useContextStylesApi();\n const { classes, cx } = useStyles(\n { orientation, grow, variant, color, position, radius, inverted },\n { name: 'Tabs', unstyled, classNames, styles }\n );\n\n return (\n <Box\n {...others}\n className={cx(classes.tabsList, className)}\n ref={ref}\n role=\"tablist\"\n aria-orientation={orientation}\n >\n {children}\n </Box>\n );\n }\n);\n\nTabsList.displayName = '@mantine/core/TabsList';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TabsList.js","sources":["../../../src/Tabs/TabsList/TabsList.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useContextStylesApi } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { TabsPosition } from '../Tabs.types';\nimport { useTabsContext } from '../Tabs.context';\nimport useStyles from './TabsList.styles';\n\nexport type TabsListStylesNames = Selectors<typeof useStyles>;\n\nexport interface TabsListProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** <Tabs.Tab /> components */\n children: React.ReactNode;\n\n /** Determines whether tabs should take the whole space */\n grow?: boolean;\n\n /** Tabs alignment */\n position?: TabsPosition;\n}\n\nexport const TabsList = forwardRef<HTMLDivElement, TabsListProps>(\n ({ children, className, grow = false, position = 'left', ...others }, ref) => {\n const { orientation, variant, color, radius, inverted, placement } = useTabsContext();\n const { classNames, styles, unstyled } = useContextStylesApi();\n const { classes, cx } = useStyles(\n { orientation, grow, variant, color, position, radius, inverted, placement },\n { name: 'Tabs', unstyled, classNames, styles }\n );\n\n return (\n <Box\n {...others}\n className={cx(classes.tabsList, className)}\n ref={ref}\n role=\"tablist\"\n aria-orientation={orientation}\n >\n {children}\n </Box>\n );\n }\n);\n\nTabsList.displayName = '@mantine/core/TabsList';\n"],"names":[],"mappings":"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"}
|
|
@@ -17,16 +17,16 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
}
|
|
18
18
|
return a;
|
|
19
19
|
};
|
|
20
|
-
function getVariantStyles({ variant, orientation, inverted }, theme) {
|
|
20
|
+
function getVariantStyles({ variant, orientation, inverted, placement }, theme) {
|
|
21
21
|
const vertical = orientation === "vertical";
|
|
22
22
|
if (variant === "default") {
|
|
23
23
|
return {
|
|
24
|
-
[vertical ? "borderRight" : inverted ? "borderTop" : "borderBottom"]: `2px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
|
|
24
|
+
[vertical ? placement === "left" ? "borderRight" : "borderLeft" : inverted ? "borderTop" : "borderBottom"]: `2px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
if (variant === "outline") {
|
|
28
28
|
return {
|
|
29
|
-
[vertical ? "borderRight" : inverted ? "borderTop" : "borderBottom"]: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
|
|
29
|
+
[vertical ? placement === "left" ? "borderRight" : "borderLeft" : inverted ? "borderTop" : "borderBottom"]: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
|
|
30
30
|
};
|
|
31
31
|
}
|
|
32
32
|
if (variant === "pills") {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsList.styles.js","sources":["../../../src/Tabs/TabsList/TabsList.styles.ts"],"sourcesContent":["import { createStyles, CSSObject, MantineTheme } from '@mantine/styles';\nimport { GROUP_POSITIONS } from '../../Group/Group.styles';\nimport { TabsStylesParams, TabsPosition } from '../Tabs.types';\n\ninterface TabsListStylesParams extends TabsStylesParams {\n grow: boolean;\n position: TabsPosition;\n}\n\nfunction getVariantStyles(\n { variant, orientation, inverted }: TabsListStylesParams,\n theme: MantineTheme\n): CSSObject {\n const vertical = orientation === 'vertical';\n\n if (variant === 'default') {\n return {\n [vertical ? 'borderRight' : inverted
|
|
1
|
+
{"version":3,"file":"TabsList.styles.js","sources":["../../../src/Tabs/TabsList/TabsList.styles.ts"],"sourcesContent":["import { createStyles, CSSObject, MantineTheme } from '@mantine/styles';\nimport { GROUP_POSITIONS } from '../../Group/Group.styles';\nimport { TabsStylesParams, TabsPosition } from '../Tabs.types';\n\ninterface TabsListStylesParams extends TabsStylesParams {\n grow: boolean;\n position: TabsPosition;\n}\n\nfunction getVariantStyles(\n { variant, orientation, inverted, placement }: TabsListStylesParams,\n theme: MantineTheme\n): CSSObject {\n const vertical = orientation === 'vertical';\n\n if (variant === 'default') {\n return {\n [vertical\n ? placement === 'left'\n ? 'borderRight'\n : 'borderLeft'\n : inverted\n ? 'borderTop'\n : 'borderBottom']: `2px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n };\n }\n\n if (variant === 'outline') {\n return {\n [vertical\n ? placement === 'left'\n ? 'borderRight'\n : 'borderLeft'\n : inverted\n ? 'borderTop'\n : 'borderBottom']: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n };\n }\n\n if (variant === 'pills') {\n return {\n gap: `calc(${theme.spacing.sm}px / 2)`,\n };\n }\n\n return {};\n}\n\nexport default createStyles((theme, params: TabsListStylesParams) => {\n const vertical = params.orientation === 'vertical';\n\n return {\n tabsList: {\n display: 'flex',\n flexWrap: 'wrap',\n flexDirection: vertical ? 'column' : 'row',\n justifyContent: GROUP_POSITIONS[params.position],\n\n '& [role=\"tab\"]': {\n flex: params.grow ? 1 : undefined,\n },\n\n ...getVariantStyles(params, theme),\n },\n };\n});\n"],"names":[],"mappings":"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"}
|
|
@@ -45,7 +45,8 @@ const TabsPanel = forwardRef((_a, ref) => {
|
|
|
45
45
|
variant: ctx.variant,
|
|
46
46
|
color: ctx.color,
|
|
47
47
|
radius: ctx.radius,
|
|
48
|
-
inverted: ctx.inverted
|
|
48
|
+
inverted: ctx.inverted,
|
|
49
|
+
placement: ctx.placement
|
|
49
50
|
}, { name: "Tabs", unstyled, classNames, styles });
|
|
50
51
|
const active = ctx.value === value;
|
|
51
52
|
const content = ctx.keepMounted ? children : active ? children : null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsPanel.js","sources":["../../../src/Tabs/TabsPanel/TabsPanel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Selectors, DefaultProps, useContextStylesApi } from '@mantine/styles';\nimport { packSx } from '@mantine/utils';\nimport { Box } from '../../Box';\nimport { useTabsContext } from '../Tabs.context';\nimport useStyles from './TabsPanel.styles';\n\nexport type TabsPanelStylesNames = Selectors<typeof useStyles>;\n\nexport interface TabsPanelProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Panel content */\n children: React.ReactNode;\n\n /** Value of associated control */\n value: string;\n}\n\nexport const TabsPanel = forwardRef<HTMLDivElement, TabsPanelProps>(\n ({ value, children, sx, className, ...others }, ref) => {\n const ctx = useTabsContext();\n const { classNames, styles, unstyled } = useContextStylesApi();\n const { classes, cx } = useStyles(\n {\n orientation: ctx.orientation,\n variant: ctx.variant,\n color: ctx.color,\n radius: ctx.radius,\n inverted: ctx.inverted,\n },\n { name: 'Tabs', unstyled, classNames, styles }\n );\n\n const active = ctx.value === value;\n const content = ctx.keepMounted ? children : active ? children : null;\n\n return (\n <Box\n {...others}\n ref={ref}\n sx={[{ display: !active ? 'none' : undefined }, ...packSx(sx)]}\n className={cx(classes.panel, className)}\n role=\"tabpanel\"\n id={ctx.getPanelId(value)}\n aria-labelledby={ctx.getTabId(value)}\n >\n {content}\n </Box>\n );\n }\n);\n\nTabsPanel.displayName = '@mantine/core/TabsPanel';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TabsPanel.js","sources":["../../../src/Tabs/TabsPanel/TabsPanel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Selectors, DefaultProps, useContextStylesApi } from '@mantine/styles';\nimport { packSx } from '@mantine/utils';\nimport { Box } from '../../Box';\nimport { useTabsContext } from '../Tabs.context';\nimport useStyles from './TabsPanel.styles';\n\nexport type TabsPanelStylesNames = Selectors<typeof useStyles>;\n\nexport interface TabsPanelProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Panel content */\n children: React.ReactNode;\n\n /** Value of associated control */\n value: string;\n}\n\nexport const TabsPanel = forwardRef<HTMLDivElement, TabsPanelProps>(\n ({ value, children, sx, className, ...others }, ref) => {\n const ctx = useTabsContext();\n const { classNames, styles, unstyled } = useContextStylesApi();\n const { classes, cx } = useStyles(\n {\n orientation: ctx.orientation,\n variant: ctx.variant,\n color: ctx.color,\n radius: ctx.radius,\n inverted: ctx.inverted,\n placement: ctx.placement,\n },\n { name: 'Tabs', unstyled, classNames, styles }\n );\n\n const active = ctx.value === value;\n const content = ctx.keepMounted ? children : active ? children : null;\n\n return (\n <Box\n {...others}\n ref={ref}\n sx={[{ display: !active ? 'none' : undefined }, ...packSx(sx)]}\n className={cx(classes.panel, className)}\n role=\"tabpanel\"\n id={ctx.getPanelId(value)}\n aria-labelledby={ctx.getTabId(value)}\n >\n {content}\n </Box>\n );\n }\n);\n\nTabsPanel.displayName = '@mantine/core/TabsPanel';\n"],"names":[],"mappings":"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"}
|
package/esm/Tabs/TabsProvider.js
CHANGED
|
@@ -18,6 +18,7 @@ function TabsProvider({
|
|
|
18
18
|
color,
|
|
19
19
|
radius,
|
|
20
20
|
inverted,
|
|
21
|
+
placement,
|
|
21
22
|
keepMounted = true
|
|
22
23
|
}) {
|
|
23
24
|
const uid = useId(id);
|
|
@@ -29,6 +30,7 @@ function TabsProvider({
|
|
|
29
30
|
});
|
|
30
31
|
return /* @__PURE__ */ React.createElement(TabsContextProvider, {
|
|
31
32
|
value: {
|
|
33
|
+
placement,
|
|
32
34
|
value: _value,
|
|
33
35
|
orientation,
|
|
34
36
|
id: uid,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsProvider.js","sources":["../../src/Tabs/TabsProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { getSafeId } from '@mantine/utils';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { TabsContextProvider } from './Tabs.context';\nimport { TABS_ERRORS } from './Tabs.errors';\nimport { TabsValue, TabsOrientation, TabsVariant } from './Tabs.types';\n\nexport interface TabsProviderProps {\n /** Default value for uncontrolled component */\n defaultValue?: TabsValue;\n\n /** Value for controlled component */\n value?: TabsValue;\n\n /** Callback for controlled component */\n onTabChange?(value: TabsValue): void;\n\n /** Tabs orientation, vertical or horizontal */\n orientation?: TabsOrientation;\n\n /** Base id, used to generate ids that connect labels with controls, by default generated randomly */\n id?: string;\n\n /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n loop?: boolean;\n\n /** Determines whether tab should be activated with arrow key press, defaults to true */\n activateTabWithKeyboard?: boolean;\n\n /** Determines whether tab can be deactivated, defaults to false */\n allowTabDeactivation?: boolean;\n\n /** Tabs content */\n children: React.ReactNode;\n\n /** Controls component visuals */\n variant?: TabsVariant;\n\n /** Key of theme.colors */\n color?: MantineColor;\n\n /** Tabs border-radius from theme.radius or number ti set value from theme, defaults to theme.defaultRadius */\n radius?: MantineNumberSize;\n\n /** Determines whether tabs should have inverted styles */\n inverted?: boolean;\n\n /** If set to false, Tabs.Panel content will not stay mounted when tab is not active */\n keepMounted?: boolean;\n}\n\nexport function TabsProvider({\n defaultValue,\n value,\n onTabChange,\n orientation,\n children,\n loop,\n id,\n activateTabWithKeyboard,\n allowTabDeactivation,\n variant,\n color,\n radius,\n inverted,\n keepMounted = true,\n}: TabsProviderProps) {\n const uid = useId(id);\n\n const [_value, onChange] = useUncontrolled<TabsValue>({\n value,\n defaultValue,\n finalValue: null,\n onChange: onTabChange,\n });\n\n return (\n <TabsContextProvider\n value={{\n value: _value,\n orientation,\n id: uid,\n loop,\n activateTabWithKeyboard,\n getTabId: getSafeId(`${uid}-tab`, TABS_ERRORS.value),\n getPanelId: getSafeId(`${uid}-panel`, TABS_ERRORS.value),\n onTabChange: onChange,\n allowTabDeactivation,\n variant,\n color,\n radius,\n inverted,\n keepMounted,\n }}\n >\n {children}\n </TabsContextProvider>\n );\n}\n\nTabsProvider.displayName = '@mantine/core/TabsProvider';\n"],"names":[],"mappings":";;;;;;AAKO,SAAS,YAAY,CAAC;AAC7B,EAAE,YAAY;AACd,EAAE,KAAK;AACP,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,QAAQ;AACV,EAAE,IAAI;AACN,EAAE,EAAE;AACJ,EAAE,uBAAuB;AACzB,EAAE,oBAAoB;AACtB,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,WAAW,GAAG,IAAI;AACpB,CAAC,EAAE;AACH,EAAE,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AACxB,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC;AAC7C,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,IAAI;AACpB,IAAI,QAAQ,EAAE,WAAW;AACzB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE;AAClE,IAAI,KAAK,EAAE;AACX,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,WAAW;AACjB,MAAM,EAAE,EAAE,GAAG;AACb,MAAM,IAAI;AACV,MAAM,uBAAuB;AAC7B,MAAM,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;AAC1D,MAAM,UAAU,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;AAC9D,MAAM,WAAW,EAAE,QAAQ;AAC3B,MAAM,oBAAoB;AAC1B,MAAM,OAAO;AACb,MAAM,KAAK;AACX,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,MAAM,WAAW;AACjB,KAAK;AACL,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}
|
|
1
|
+
{"version":3,"file":"TabsProvider.js","sources":["../../src/Tabs/TabsProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { getSafeId } from '@mantine/utils';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { TabsContextProvider } from './Tabs.context';\nimport { TABS_ERRORS } from './Tabs.errors';\nimport { TabsValue, TabsOrientation, TabsVariant, TabsPlacement } from './Tabs.types';\n\nexport interface TabsProviderProps {\n /** Default value for uncontrolled component */\n defaultValue?: TabsValue;\n\n /** Value for controlled component */\n value?: TabsValue;\n\n /** Callback for controlled component */\n onTabChange?(value: TabsValue): void;\n\n /** Tabs orientation, vertical or horizontal */\n orientation?: TabsOrientation;\n\n /** Tabs.List placement relative to Tabs.Panel, applicable only for orientation=\"vertical\", left by default */\n placement?: TabsPlacement;\n\n /** Base id, used to generate ids that connect labels with controls, by default generated randomly */\n id?: string;\n\n /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n loop?: boolean;\n\n /** Determines whether tab should be activated with arrow key press, defaults to true */\n activateTabWithKeyboard?: boolean;\n\n /** Determines whether tab can be deactivated, defaults to false */\n allowTabDeactivation?: boolean;\n\n /** Tabs content */\n children: React.ReactNode;\n\n /** Controls component visuals */\n variant?: TabsVariant;\n\n /** Key of theme.colors */\n color?: MantineColor;\n\n /** Tabs border-radius from theme.radius or number ti set value from theme, defaults to theme.defaultRadius */\n radius?: MantineNumberSize;\n\n /** Determines whether tabs should have inverted styles */\n inverted?: boolean;\n\n /** If set to false, Tabs.Panel content will not stay mounted when tab is not active */\n keepMounted?: boolean;\n}\n\nexport function TabsProvider({\n defaultValue,\n value,\n onTabChange,\n orientation,\n children,\n loop,\n id,\n activateTabWithKeyboard,\n allowTabDeactivation,\n variant,\n color,\n radius,\n inverted,\n placement,\n keepMounted = true,\n}: TabsProviderProps) {\n const uid = useId(id);\n\n const [_value, onChange] = useUncontrolled<TabsValue>({\n value,\n defaultValue,\n finalValue: null,\n onChange: onTabChange,\n });\n\n return (\n <TabsContextProvider\n value={{\n placement,\n value: _value,\n orientation,\n id: uid,\n loop,\n activateTabWithKeyboard,\n getTabId: getSafeId(`${uid}-tab`, TABS_ERRORS.value),\n getPanelId: getSafeId(`${uid}-panel`, TABS_ERRORS.value),\n onTabChange: onChange,\n allowTabDeactivation,\n variant,\n color,\n radius,\n inverted,\n keepMounted,\n }}\n >\n {children}\n </TabsContextProvider>\n );\n}\n\nTabsProvider.displayName = '@mantine/core/TabsProvider';\n"],"names":[],"mappings":";;;;;;AAKO,SAAS,YAAY,CAAC;AAC7B,EAAE,YAAY;AACd,EAAE,KAAK;AACP,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,QAAQ;AACV,EAAE,IAAI;AACN,EAAE,EAAE;AACJ,EAAE,uBAAuB;AACzB,EAAE,oBAAoB;AACtB,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,WAAW,GAAG,IAAI;AACpB,CAAC,EAAE;AACH,EAAE,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AACxB,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC;AAC7C,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,IAAI;AACpB,IAAI,QAAQ,EAAE,WAAW;AACzB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE;AAClE,IAAI,KAAK,EAAE;AACX,MAAM,SAAS;AACf,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,WAAW;AACjB,MAAM,EAAE,EAAE,GAAG;AACb,MAAM,IAAI;AACV,MAAM,uBAAuB;AAC7B,MAAM,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;AAC1D,MAAM,UAAU,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;AAC9D,MAAM,WAAW,EAAE,QAAQ;AAC3B,MAAM,oBAAoB;AAC1B,MAAM,OAAO;AACb,MAAM,KAAK;AACX,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,MAAM,WAAW;AACjB,KAAK;AACL,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}
|
package/esm/Tooltip/Tooltip.js
CHANGED
|
@@ -158,8 +158,8 @@ const _Tooltip = forwardRef((props, ref) => {
|
|
|
158
158
|
className: classes.tooltip,
|
|
159
159
|
style: __spreadProps(__spreadValues(__spreadValues({}, style), transitionStyles), {
|
|
160
160
|
zIndex,
|
|
161
|
-
top: (_a2 = tooltip.y) != null ? _a2 :
|
|
162
|
-
left: (_b = tooltip.x) != null ? _b :
|
|
161
|
+
top: (_a2 = tooltip.y) != null ? _a2 : 0,
|
|
162
|
+
left: (_b = tooltip.x) != null ? _b : 0
|
|
163
163
|
})
|
|
164
164
|
})), label, /* @__PURE__ */ React.createElement(FloatingArrow, {
|
|
165
165
|
ref: arrowRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, useRef } from 'react';\nimport { isElement, ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { useMergedRef } from '@mantine/hooks';\nimport { getDefaultZIndex, useComponentDefaultProps } from '@mantine/styles';\nimport { TooltipGroup } from './TooltipGroup/TooltipGroup';\nimport { TooltipFloating } from './TooltipFloating/TooltipFloating';\nimport { useTooltip } from './use-tooltip';\nimport { FloatingArrow, getFloatingPosition, FloatingPosition } from '../Floating';\nimport { MantineTransition, Transition } from '../Transition';\nimport { OptionalPortal } from '../Portal';\nimport { Box } from '../Box';\nimport { TOOLTIP_ERRORS } from './Tooltip.errors';\nimport { TooltipBaseProps } from './Tooltip.types';\nimport useStyles from './Tooltip.styles';\n\nexport interface TooltipProps extends TooltipBaseProps {\n /** Called when tooltip position changes */\n onPositionChange?(position: FloatingPosition): void;\n\n /** Open delay in ms */\n openDelay?: number;\n\n /** Close delay in ms */\n closeDelay?: number;\n\n /** Controls opened state */\n opened?: boolean;\n\n /** Space between target element and tooltip in px */\n offset?: number;\n\n /** Determines whether component should have an arrow */\n withArrow?: boolean;\n\n /** Arrow size in px */\n arrowSize?: number;\n\n /** Arrow offset in px */\n arrowOffset?: number;\n\n /** One of premade transitions ot transition object */\n transition?: MantineTransition;\n\n /** Transition duration in ms */\n transitionDuration?: number;\n\n /** Determines which events will be used to show tooltip */\n events?: { hover: boolean; focus: boolean; touch: boolean };\n\n /** useEffect dependencies to force update tooltip position */\n positionDependencies?: any[];\n\n /** Set if tooltip is attached to an inline element */\n inline?: boolean;\n}\n\nconst defaultProps: Partial<TooltipProps> = {\n position: 'top',\n refProp: 'ref',\n withinPortal: false,\n inline: false,\n arrowSize: 4,\n arrowOffset: 5,\n offset: 5,\n transition: 'fade',\n transitionDuration: 100,\n width: 'auto',\n events: { hover: true, focus: false, touch: false },\n zIndex: getDefaultZIndex('popover'),\n positionDependencies: [],\n};\n\nconst _Tooltip = forwardRef<HTMLElement, TooltipProps>((props, ref) => {\n const arrowRef = useRef<HTMLDivElement | null>(null);\n const {\n children,\n position,\n refProp,\n label,\n openDelay,\n closeDelay,\n onPositionChange,\n opened,\n withinPortal,\n radius,\n color,\n classNames,\n styles,\n unstyled,\n style,\n className,\n withArrow,\n arrowSize,\n arrowOffset,\n offset,\n transition,\n transitionDuration,\n multiline,\n width,\n events,\n zIndex,\n disabled,\n positionDependencies,\n onClick,\n onMouseEnter,\n onMouseLeave,\n inline,\n ...others\n } = useComponentDefaultProps('Tooltip', defaultProps, props);\n\n const { classes, cx, theme } = useStyles(\n { radius, color, width, multiline },\n { name: 'Tooltip', classNames, styles, unstyled }\n );\n\n const tooltip = useTooltip({\n position: getFloatingPosition(theme.dir, position),\n closeDelay,\n openDelay,\n onPositionChange,\n opened,\n events,\n arrowRef,\n offset: offset + (withArrow ? arrowSize / 2 : 0),\n positionDependencies: [...positionDependencies, children],\n inline,\n });\n\n if (!isElement(children)) {\n throw new Error(TOOLTIP_ERRORS.children);\n }\n\n const targetRef = useMergedRef(tooltip.reference, (children as any).ref, ref);\n\n return (\n <>\n <OptionalPortal withinPortal={withinPortal}>\n <Transition\n mounted={!disabled && tooltip.opened}\n transition={transition}\n duration={tooltip.isGroupPhase ? 10 : transitionDuration}\n >\n {(transitionStyles) => (\n <Box\n {...others}\n {...tooltip.getFloatingProps({\n ref: tooltip.floating,\n className: classes.tooltip,\n style: {\n ...style,\n ...transitionStyles,\n zIndex,\n top: tooltip.y ?? '',\n left: tooltip.x ?? '',\n },\n })}\n >\n {label}\n\n <FloatingArrow\n ref={arrowRef}\n arrowX={tooltip.arrowX}\n arrowY={tooltip.arrowY}\n visible={withArrow}\n withBorder={false}\n position={tooltip.placement}\n arrowSize={arrowSize}\n arrowOffset={arrowOffset}\n className={classes.arrow}\n />\n </Box>\n )}\n </Transition>\n </OptionalPortal>\n\n {cloneElement(\n children,\n tooltip.getReferenceProps({\n onClick,\n onMouseEnter,\n onMouseLeave,\n [refProp]: targetRef,\n className: cx(className, children.props.className),\n ...children.props,\n })\n )}\n </>\n );\n}) as any;\n\n_Tooltip.Group = TooltipGroup;\n_Tooltip.Floating = TooltipFloating;\n\n_Tooltip.displayName = '@mantine/core/Tooltip';\n\nexport const Tooltip: ForwardRefWithStaticComponents<\n TooltipProps,\n { Group: typeof TooltipGroup; Floating: typeof TooltipFloating }\n> = _Tooltip;\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, useRef } from 'react';\nimport { isElement, ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { useMergedRef } from '@mantine/hooks';\nimport { getDefaultZIndex, useComponentDefaultProps } from '@mantine/styles';\nimport { TooltipGroup } from './TooltipGroup/TooltipGroup';\nimport { TooltipFloating } from './TooltipFloating/TooltipFloating';\nimport { useTooltip } from './use-tooltip';\nimport { FloatingArrow, getFloatingPosition, FloatingPosition } from '../Floating';\nimport { MantineTransition, Transition } from '../Transition';\nimport { OptionalPortal } from '../Portal';\nimport { Box } from '../Box';\nimport { TOOLTIP_ERRORS } from './Tooltip.errors';\nimport { TooltipBaseProps } from './Tooltip.types';\nimport useStyles from './Tooltip.styles';\n\nexport interface TooltipProps extends TooltipBaseProps {\n /** Called when tooltip position changes */\n onPositionChange?(position: FloatingPosition): void;\n\n /** Open delay in ms */\n openDelay?: number;\n\n /** Close delay in ms */\n closeDelay?: number;\n\n /** Controls opened state */\n opened?: boolean;\n\n /** Space between target element and tooltip in px */\n offset?: number;\n\n /** Determines whether component should have an arrow */\n withArrow?: boolean;\n\n /** Arrow size in px */\n arrowSize?: number;\n\n /** Arrow offset in px */\n arrowOffset?: number;\n\n /** One of premade transitions ot transition object */\n transition?: MantineTransition;\n\n /** Transition duration in ms */\n transitionDuration?: number;\n\n /** Determines which events will be used to show tooltip */\n events?: { hover: boolean; focus: boolean; touch: boolean };\n\n /** useEffect dependencies to force update tooltip position */\n positionDependencies?: any[];\n\n /** Set if tooltip is attached to an inline element */\n inline?: boolean;\n}\n\nconst defaultProps: Partial<TooltipProps> = {\n position: 'top',\n refProp: 'ref',\n withinPortal: false,\n inline: false,\n arrowSize: 4,\n arrowOffset: 5,\n offset: 5,\n transition: 'fade',\n transitionDuration: 100,\n width: 'auto',\n events: { hover: true, focus: false, touch: false },\n zIndex: getDefaultZIndex('popover'),\n positionDependencies: [],\n};\n\nconst _Tooltip = forwardRef<HTMLElement, TooltipProps>((props, ref) => {\n const arrowRef = useRef<HTMLDivElement | null>(null);\n const {\n children,\n position,\n refProp,\n label,\n openDelay,\n closeDelay,\n onPositionChange,\n opened,\n withinPortal,\n radius,\n color,\n classNames,\n styles,\n unstyled,\n style,\n className,\n withArrow,\n arrowSize,\n arrowOffset,\n offset,\n transition,\n transitionDuration,\n multiline,\n width,\n events,\n zIndex,\n disabled,\n positionDependencies,\n onClick,\n onMouseEnter,\n onMouseLeave,\n inline,\n ...others\n } = useComponentDefaultProps('Tooltip', defaultProps, props);\n\n const { classes, cx, theme } = useStyles(\n { radius, color, width, multiline },\n { name: 'Tooltip', classNames, styles, unstyled }\n );\n\n const tooltip = useTooltip({\n position: getFloatingPosition(theme.dir, position),\n closeDelay,\n openDelay,\n onPositionChange,\n opened,\n events,\n arrowRef,\n offset: offset + (withArrow ? arrowSize / 2 : 0),\n positionDependencies: [...positionDependencies, children],\n inline,\n });\n\n if (!isElement(children)) {\n throw new Error(TOOLTIP_ERRORS.children);\n }\n\n const targetRef = useMergedRef(tooltip.reference, (children as any).ref, ref);\n\n return (\n <>\n <OptionalPortal withinPortal={withinPortal}>\n <Transition\n mounted={!disabled && tooltip.opened}\n transition={transition}\n duration={tooltip.isGroupPhase ? 10 : transitionDuration}\n >\n {(transitionStyles) => (\n <Box\n {...others}\n {...tooltip.getFloatingProps({\n ref: tooltip.floating,\n className: classes.tooltip,\n style: {\n ...style,\n ...transitionStyles,\n zIndex,\n top: tooltip.y ?? 0,\n left: tooltip.x ?? 0,\n },\n })}\n >\n {label}\n\n <FloatingArrow\n ref={arrowRef}\n arrowX={tooltip.arrowX}\n arrowY={tooltip.arrowY}\n visible={withArrow}\n withBorder={false}\n position={tooltip.placement}\n arrowSize={arrowSize}\n arrowOffset={arrowOffset}\n className={classes.arrow}\n />\n </Box>\n )}\n </Transition>\n </OptionalPortal>\n\n {cloneElement(\n children,\n tooltip.getReferenceProps({\n onClick,\n onMouseEnter,\n onMouseLeave,\n [refProp]: targetRef,\n className: cx(className, children.props.className),\n ...children.props,\n })\n )}\n </>\n );\n}) as any;\n\n_Tooltip.Group = TooltipGroup;\n_Tooltip.Floating = TooltipFloating;\n\n_Tooltip.displayName = '@mantine/core/Tooltip';\n\nexport const Tooltip: ForwardRefWithStaticComponents<\n TooltipProps,\n { Group: typeof TooltipGroup; Floating: typeof TooltipFloating }\n> = _Tooltip;\n"],"names":[],"mappings":"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"}
|
package/esm/index.js
CHANGED
|
@@ -80,6 +80,8 @@ export { Portal } from './Portal/Portal.js';
|
|
|
80
80
|
export { OptionalPortal } from './Portal/OptionalPortal.js';
|
|
81
81
|
export { Progress } from './Progress/Progress.js';
|
|
82
82
|
export { Radio } from './Radio/Radio.js';
|
|
83
|
+
export { Rating } from './Rating/Rating.js';
|
|
84
|
+
export { StarIcon } from './Rating/StarSymbol/StarIcon.js';
|
|
83
85
|
export { RingProgress } from './RingProgress/RingProgress.js';
|
|
84
86
|
export { ScrollArea } from './ScrollArea/ScrollArea.js';
|
|
85
87
|
export { SegmentedControl } from './SegmentedControl/SegmentedControl.js';
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAEjE,OAAO,EAAS,qBAAqB,EAAE,gBAAgB,EAAiB,MAAM,UAAU,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAO9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,oBAAY,uBAAuB,GAAG,iBAAiB,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,uBAAuB,CAAC,EAC3C,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,CAAC,gBAAgB,EAAE,MAAM,CAAC,EAC3C,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC;IAC/F,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpC,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,GAAG,CAAC;IAExB,kDAAkD;IAClD,YAAY,CAAC,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC7C;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,WAElE;AAmBD,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAEjE,OAAO,EAAS,qBAAqB,EAAE,gBAAgB,EAAiB,MAAM,UAAU,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAO9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,oBAAY,uBAAuB,GAAG,iBAAiB,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,uBAAuB,CAAC,EAC3C,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,CAAC,gBAAgB,EAAE,MAAM,CAAC,EAC3C,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC;IAC/F,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpC,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,GAAG,CAAC;IAExB,kDAAkD;IAClD,YAAY,CAAC,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC7C;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,WAElE;AAmBD,eAAO,MAAM,YAAY,4FA+NvB,CAAC"}
|
|
@@ -4,5 +4,12 @@ export interface CloseButtonProps extends Omit<ActionIconProps, 'children'>, Omi
|
|
|
4
4
|
/** Width and height of cross icon */
|
|
5
5
|
iconSize?: number;
|
|
6
6
|
}
|
|
7
|
-
export declare const
|
|
7
|
+
export declare const _CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
export declare const CloseButton: (<C = "button">(props: import("@mantine/utils").PolymorphicComponentProps<C, CloseButtonProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(CloseButtonProps & {
|
|
9
|
+
component?: any;
|
|
10
|
+
} & Omit<Pick<any, string | number | symbol>, "component" | keyof CloseButtonProps> & {
|
|
11
|
+
ref?: any;
|
|
12
|
+
}) | (CloseButtonProps & {
|
|
13
|
+
component: React.ElementType<any>;
|
|
14
|
+
})>, never> & Record<string, never>;
|
|
8
15
|
//# sourceMappingURL=CloseButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CloseButton.d.ts","sourceRoot":"","sources":["../../src/CloseButton/CloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CloseButton.d.ts","sourceRoot":"","sources":["../../src/CloseButton/CloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGvE,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACzD,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAcD,eAAO,MAAM,YAAY,4FAcvB,CAAC;AAIH,eAAO,MAAM,WAAW;;;;;;mCAAuE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../src/ColorInput/ColorInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAoB,aAAa,EAAmB,MAAM,iBAAiB,CAAC;AACjG,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EAEvB,gBAAgB,EAChB,gBAAgB,EAEjB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAW,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAEL,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAGpC,oBAAY,qBAAqB,GAC7B,uBAAuB,GACvB,gBAAgB,GAChB,sBAAsB,GACtB,kBAAkB,CAAC;AAEvB,MAAM,WAAW,eACf,SAAQ,qBAAqB,EAC3B,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,CAAC,qBAAqB,CAAC,EACnC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,cAAc,GAAG,OAAO,CAAC;IAC/F,0BAA0B;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,+BAA+B;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,yCAAyC;IACzC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,sFAAsF;IACtF,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,gDAAgD;IAChD,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAwBD,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../src/ColorInput/ColorInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAoB,aAAa,EAAmB,MAAM,iBAAiB,CAAC;AACjG,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EAEvB,gBAAgB,EAChB,gBAAgB,EAEjB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAW,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAEL,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAGpC,oBAAY,qBAAqB,GAC7B,uBAAuB,GACvB,gBAAgB,GAChB,sBAAsB,GACtB,kBAAkB,CAAC;AAEvB,MAAM,WAAW,eACf,SAAQ,qBAAqB,EAC3B,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,CAAC,qBAAqB,CAAC,EACnC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,cAAc,GAAG,OAAO,CAAC;IAC/F,0BAA0B;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,+BAA+B;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,yCAAyC;IACzC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,sFAAsF;IACtF,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,gDAAgD;IAChD,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAwBD,eAAO,MAAM,UAAU,0FA+ItB,CAAC"}
|
|
@@ -16,6 +16,8 @@ export interface FileButtonProps<Multiple extends boolean = false> {
|
|
|
16
16
|
form?: string;
|
|
17
17
|
/** Function that should be called when value changes to null or empty array */
|
|
18
18
|
resetRef?: React.ForwardedRef<() => void>;
|
|
19
|
+
/** Disables file picker */
|
|
20
|
+
disabled?: boolean;
|
|
19
21
|
}
|
|
20
22
|
declare type FileButtonComponent = (<Multiple extends boolean = false>(props: FileButtonProps<Multiple>) => React.ReactElement) & {
|
|
21
23
|
displayName?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileButton.d.ts","sourceRoot":"","sources":["../../src/FileButton/FileButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAIlD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,OAAO,GAAG,KAAK;IAC/D,mCAAmC;IACnC,QAAQ,CAAC,OAAO,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEtE,yFAAyF;IACzF,QAAQ,CAAC,KAAK,EAAE;QAAE,OAAO,IAAI,IAAI,CAAA;KAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IAEtD,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"FileButton.d.ts","sourceRoot":"","sources":["../../src/FileButton/FileButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAIlD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,OAAO,GAAG,KAAK;IAC/D,mCAAmC;IACnC,QAAQ,CAAC,OAAO,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEtE,yFAAyF;IACzF,QAAQ,CAAC,KAAK,EAAE;QAAE,OAAO,IAAI,IAAI,CAAA;KAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IAEtD,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,IAAI,CAAC,CAAC;IAE1C,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,aAAK,mBAAmB,GAAG,CAAC,CAAC,QAAQ,SAAS,OAAO,GAAG,KAAK,EAC3D,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC,KAC7B,KAAK,CAAC,YAAY,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpD,eAAO,MAAM,UAAU,EAAE,mBA0CjB,CAAC"}
|
|
@@ -32,6 +32,8 @@ export interface FileInputProps<Multiple extends boolean = false> extends Defaul
|
|
|
32
32
|
clearButtonLabel?: string;
|
|
33
33
|
/** Set the clear button tab index to disabled or default after input field */
|
|
34
34
|
clearButtonTabIndex?: -1 | 0;
|
|
35
|
+
/** Determines whether the user can change value */
|
|
36
|
+
readOnly?: boolean;
|
|
35
37
|
}
|
|
36
38
|
export declare const _FileInput: React.ForwardRefExoticComponent<FileInputProps<false> & React.RefAttributes<HTMLButtonElement>>;
|
|
37
39
|
declare type FileInputComponent = <Multiple extends boolean = false>(props: FileInputProps<Multiple> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../src/FileInput/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,EAEL,gBAAgB,EAChB,gBAAgB,EAEhB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,UAAU,CAAC;AAGlB,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,oBAAY,oBAAoB,GAC5B,gBAAgB,GAChB,uBAAuB,GACvB,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEhC,MAAM,WAAW,cAAc,CAAC,QAAQ,SAAS,OAAO,GAAG,KAAK,CAC9D,SAAQ,YAAY,CAAC,oBAAoB,CAAC,EACxC,gBAAgB,EAChB,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC;IAChG,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEnC,mCAAmC;IACnC,QAAQ,CAAC,CAAC,OAAO,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEvE,6BAA6B;IAC7B,KAAK,CAAC,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;IAErD,uCAAuC;IACvC,YAAY,CAAC,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;IAE5D,iBAAiB;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,6BAA6B;IAC7B,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,CAAA;KAAE,CAAC,CAAC;IAE3D,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../src/FileInput/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,EAEL,gBAAgB,EAChB,gBAAgB,EAEhB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,UAAU,CAAC;AAGlB,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,oBAAY,oBAAoB,GAC5B,gBAAgB,GAChB,uBAAuB,GACvB,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEhC,MAAM,WAAW,cAAc,CAAC,QAAQ,SAAS,OAAO,GAAG,KAAK,CAC9D,SAAQ,YAAY,CAAC,oBAAoB,CAAC,EACxC,gBAAgB,EAChB,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC;IAChG,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEnC,mCAAmC;IACnC,QAAQ,CAAC,CAAC,OAAO,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEvE,6BAA6B;IAC7B,KAAK,CAAC,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;IAErD,uCAAuC;IACvC,YAAY,CAAC,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;IAE5D,iBAAiB;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,6BAA6B;IAC7B,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,CAAA;KAAE,CAAC,CAAC;IAE3D,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IAE7B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoBD,eAAO,MAAM,UAAU,iGAkGrB,CAAC;AAIH,aAAK,kBAAkB,GAAG,CAAC,QAAQ,SAAS,OAAO,GAAG,KAAK,EACzD,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG;IAChC,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;CAC7C,KACE,GAAG,CAAC,OAAO,CAAC;AAEjB,eAAO,MAAM,SAAS,EAAE,kBAAsC,CAAC"}
|
package/lib/Image/Image.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,SAAS,EAEV,MAAM,iBAAiB,CAAC;AAKzB,OAAO,SAAS,EAAE,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,oBAAY,gBAAgB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE3D,MAAM,WAAW,UACf,SAAQ,YAAY,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EACvD,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;IAC5D,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,gCAAgC;IAChC,GAAG,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAEvC,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,yFAAyF;IACzF,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,4EAA4E;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,oCAAoC;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B,kCAAkC;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAEnD,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAEhD,8CAA8C;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AASD,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,SAAS,EAEV,MAAM,iBAAiB,CAAC;AAKzB,OAAO,SAAS,EAAE,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,oBAAY,gBAAgB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE3D,MAAM,WAAW,UACf,SAAQ,YAAY,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EACvD,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;IAC5D,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,gCAAgC;IAChC,GAAG,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAEvC,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,yFAAyF;IACzF,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,4EAA4E;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,oCAAoC;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B,kCAAkC;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAEnD,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAEhD,8CAA8C;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AASD,eAAO,MAAM,KAAK,mFAsEhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JsonInput.d.ts","sourceRoot":"","sources":["../../src/JsonInput/JsonInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,YAAY,EAA4B,MAAM,iBAAiB,CAAC;AAEzE,OAAO,EAAY,aAAa,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpD,oBAAY,oBAAoB,GAAG,oBAAoB,CAAC;AAExD,MAAM,WAAW,cACf,SAAQ,YAAY,CAAC,oBAAoB,CAAC,EACxC,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACjC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B,0BAA0B;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,iDAAiD;IACjD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAOD,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"JsonInput.d.ts","sourceRoot":"","sources":["../../src/JsonInput/JsonInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,YAAY,EAA4B,MAAM,iBAAiB,CAAC;AAEzE,OAAO,EAAY,aAAa,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpD,oBAAY,oBAAoB,GAAG,oBAAoB,CAAC;AAExD,MAAM,WAAW,cACf,SAAQ,YAAY,CAAC,oBAAoB,CAAC,EACxC,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACjC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAE/B,0BAA0B;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,iDAAiD;IACjD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAOD,eAAO,MAAM,SAAS,4FA0DpB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { MantineNumberSize, CSSObject } from '@mantine/styles';
|
|
2
|
+
import { MantineNumberSize, CSSObject, MantineTheme } from '@mantine/styles';
|
|
3
3
|
export interface MediaQueryProps {
|
|
4
4
|
className?: string;
|
|
5
5
|
/** Child that should be shown at given breakpoint, it must accept className prop */
|
|
@@ -11,7 +11,7 @@ export interface MediaQueryProps {
|
|
|
11
11
|
/** Any other media query */
|
|
12
12
|
query?: string;
|
|
13
13
|
/** Styles applied to child when breakpoint matches */
|
|
14
|
-
styles: CSSObject;
|
|
14
|
+
styles: CSSObject | ((theme: MantineTheme) => CSSObject);
|
|
15
15
|
}
|
|
16
16
|
export declare function MediaQuery(props: MediaQueryProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
17
17
|
export declare namespace MediaQuery {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaQuery.d.ts","sourceRoot":"","sources":["../../src/MediaQuery/MediaQuery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,
|
|
1
|
+
{"version":3,"file":"MediaQuery.d.ts","sourceRoot":"","sources":["../../src/MediaQuery/MediaQuery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,iBAAiB,EACjB,SAAS,EAET,YAAY,EACb,MAAM,iBAAiB,CAAC;AAGzB,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oFAAoF;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,6EAA6E;IAC7E,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAEhC,4EAA4E;IAC5E,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,sDAAsD;IACtD,MAAM,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC;CAC1D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,sEAqBhD;yBArBe,UAAU"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { MantineNumberSize, CSSObject } from '@mantine/styles';
|
|
1
|
+
import { MantineNumberSize, CSSObject, MantineTheme } from '@mantine/styles';
|
|
2
2
|
export interface MediaQueryStylesParams {
|
|
3
3
|
smallerThan: MantineNumberSize;
|
|
4
4
|
largerThan: MantineNumberSize;
|
|
5
|
-
styles: CSSObject;
|
|
5
|
+
styles: CSSObject | ((theme: MantineTheme) => CSSObject);
|
|
6
6
|
query: string;
|
|
7
7
|
}
|
|
8
8
|
declare const _default: (params: MediaQueryStylesParams, options?: import("@mantine/styles").UseStylesOptions<"media">) => {
|
|
9
9
|
classes: Record<"media", string>;
|
|
10
10
|
cx: (...args: any) => string;
|
|
11
|
-
theme:
|
|
11
|
+
theme: MantineTheme;
|
|
12
12
|
};
|
|
13
13
|
export default _default;
|
|
14
14
|
//# sourceMappingURL=MediaQuery.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaQuery.styles.d.ts","sourceRoot":"","sources":["../../src/MediaQuery/MediaQuery.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"MediaQuery.styles.d.ts","sourceRoot":"","sources":["../../src/MediaQuery/MediaQuery.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE3F,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,iBAAiB,CAAC;IAC/B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,MAAM,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC;CACf;;;;;;AAED,wBA+BE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTarget.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuTarget/MenuTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"MenuTarget.d.ts","sourceRoot":"","sources":["../../../src/Menu/MenuTarget/MenuTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAMxD,MAAM,WAAW,eAAe;IAC9B,qBAAqB;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,qFAkCtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,YAAY,EAIb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,oBAAY,wBAAwB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,GAAG,oBAAoB,CAAC;AAE1F,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,wBAAwB,CAAC,EAC5C,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,CAAC;IAC/C,6EAA6E;IAC7E,cAAc,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IAExB,8CAA8C;IAC9C,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAEnE,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wEAAwE;IACxE,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,qCAAqC;IACrC,kBAAkB,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7C;AAiCD,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,YAAY,EAIb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,oBAAY,wBAAwB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,GAAG,oBAAoB,CAAC;AAE1F,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,wBAAwB,CAAC,EAC5C,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,CAAC;IAC/C,6EAA6E;IAC7E,cAAc,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IAExB,8CAA8C;IAC9C,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAEnE,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wEAAwE;IACxE,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,qCAAqC;IACrC,kBAAkB,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7C;AAiCD,eAAO,MAAM,aAAa,6FAuIxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../src/Popover/use-popover.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../src/Popover/use-popover.ts"],"names":[],"mappings":";AAYA,OAAO,EAAE,gBAAgB,EAAyB,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEnE,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,oBAAoB,EAAE,GAAG,EAAE,CAAC;IAC5B,gBAAgB,CAAC,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpD,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,MAAM,CAAC,IAAI,IAAI,CAAC;IAChB,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,EAAE,kBAAkB,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC3C;AAsBD,wBAAgB,UAAU,CAAC,OAAO,EAAE,iBAAiB;;;;;;EA0DpD"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { DefaultProps, MantineNumberSize, MantineColor, Selectors } from '@mantine/styles';
|
|
3
3
|
import useStyles, { ProgressStylesParams } from './Progress.styles';
|
|
4
4
|
export declare type ProgressStylesNames = Selectors<typeof useStyles>;
|
|
5
|
-
interface ProgressSection {
|
|
5
|
+
interface ProgressSection extends React.ComponentPropsWithRef<'div'> {
|
|
6
6
|
value: number;
|
|
7
7
|
color: MantineColor;
|
|
8
8
|
label?: string;
|