@mantine/core 7.0.0-alpha.21 → 7.0.0-alpha.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Affix/Affix.js.map +1 -1
- package/cjs/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.js +1 -1
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Dialog/Dialog.js +137 -0
- package/cjs/components/Dialog/Dialog.js.map +1 -0
- package/cjs/components/Dialog/Dialog.module.css.js +8 -0
- package/cjs/components/Dialog/Dialog.module.css.js.map +1 -0
- package/cjs/components/Flex/Flex.js +121 -0
- package/cjs/components/Flex/Flex.js.map +1 -0
- package/cjs/components/Flex/Flex.module.css.js +8 -0
- package/cjs/components/Flex/Flex.module.css.js.map +1 -0
- package/cjs/components/Flex/flex-props.js +16 -0
- package/cjs/components/Flex/flex-props.js.map +1 -0
- package/cjs/components/Grid/GridCol/GridCol.js +1 -1
- package/cjs/components/Grid/GridCol/GridColVariables.js +1 -1
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.js +13 -3
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.js.map +1 -1
- package/cjs/components/List/List.context.js +13 -0
- package/cjs/components/List/List.context.js.map +1 -0
- package/cjs/components/List/List.js +121 -0
- package/cjs/components/List/List.js.map +1 -0
- package/cjs/components/List/List.module.css.js +8 -0
- package/cjs/components/List/List.module.css.js.map +1 -0
- package/cjs/components/List/ListItem/ListItem.js +68 -0
- package/cjs/components/List/ListItem/ListItem.js.map +1 -0
- package/cjs/components/Paper/Paper.js.map +1 -1
- package/cjs/components/Radio/Radio.js +168 -0
- package/cjs/components/Radio/Radio.js.map +1 -0
- package/cjs/components/Radio/Radio.module.css.js +8 -0
- package/cjs/components/Radio/Radio.module.css.js.map +1 -0
- package/cjs/components/Radio/RadioGroup/RadioGroup.js +78 -0
- package/cjs/components/Radio/RadioGroup/RadioGroup.js.map +1 -0
- package/cjs/components/Radio/RadioGroup.context.js +11 -0
- package/cjs/components/Radio/RadioGroup.context.js.map +1 -0
- package/cjs/components/Radio/RadioIcon.js +55 -0
- package/cjs/components/Radio/RadioIcon.js.map +1 -0
- package/cjs/components/Timeline/Timeline.context.js +13 -0
- package/cjs/components/Timeline/Timeline.context.js.map +1 -0
- package/cjs/components/Timeline/Timeline.js +135 -0
- package/cjs/components/Timeline/Timeline.js.map +1 -0
- package/cjs/components/Timeline/Timeline.module.css.js +8 -0
- package/cjs/components/Timeline/Timeline.module.css.js.map +1 -0
- package/cjs/components/Timeline/TimelineItem/TimelineItem.js +116 -0
- package/cjs/components/Timeline/TimelineItem/TimelineItem.js.map +1 -0
- package/cjs/components/Title/Title.js.map +1 -1
- package/cjs/components/Transition/Transition.js +1 -1
- package/cjs/components/Transition/Transition.js.map +1 -1
- package/cjs/core/Box/style-props/parse-style-props/parse-style-props.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +7 -4
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js +1 -1
- package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js.map +1 -1
- package/cjs/core/factory/factory.js.map +1 -1
- package/cjs/core/utils/create-use-external-events/create-use-external-events.js +34 -0
- package/cjs/core/utils/create-use-external-events/create-use-external-events.js.map +1 -0
- package/cjs/index.css +430 -14
- package/cjs/index.js +22 -0
- package/cjs/index.js.map +1 -1
- package/esm/components/Affix/Affix.js.map +1 -1
- package/esm/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.js +1 -1
- package/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/esm/components/Dialog/Dialog.js +129 -0
- package/esm/components/Dialog/Dialog.js.map +1 -0
- package/esm/components/Dialog/Dialog.module.css.js +4 -0
- package/esm/components/Dialog/Dialog.module.css.js.map +1 -0
- package/esm/components/Flex/Flex.js +113 -0
- package/esm/components/Flex/Flex.js.map +1 -0
- package/esm/components/Flex/Flex.module.css.js +4 -0
- package/esm/components/Flex/Flex.module.css.js.map +1 -0
- package/esm/components/Flex/flex-props.js +12 -0
- package/esm/components/Flex/flex-props.js.map +1 -0
- package/esm/components/Grid/GridCol/GridCol.js +1 -1
- package/esm/components/Grid/GridCol/GridColVariables.js +1 -1
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.js +13 -3
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.js.map +1 -1
- package/esm/components/List/List.context.js +8 -0
- package/esm/components/List/List.context.js.map +1 -0
- package/esm/components/List/List.js +113 -0
- package/esm/components/List/List.js.map +1 -0
- package/esm/components/List/List.module.css.js +4 -0
- package/esm/components/List/List.module.css.js.map +1 -0
- package/esm/components/List/ListItem/ListItem.js +60 -0
- package/esm/components/List/ListItem/ListItem.js.map +1 -0
- package/esm/components/Paper/Paper.js.map +1 -1
- package/esm/components/Radio/Radio.js +160 -0
- package/esm/components/Radio/Radio.js.map +1 -0
- package/esm/components/Radio/Radio.module.css.js +4 -0
- package/esm/components/Radio/Radio.module.css.js.map +1 -0
- package/esm/components/Radio/RadioGroup/RadioGroup.js +70 -0
- package/esm/components/Radio/RadioGroup/RadioGroup.js.map +1 -0
- package/esm/components/Radio/RadioGroup.context.js +6 -0
- package/esm/components/Radio/RadioGroup.context.js.map +1 -0
- package/esm/components/Radio/RadioIcon.js +47 -0
- package/esm/components/Radio/RadioIcon.js.map +1 -0
- package/esm/components/Timeline/Timeline.context.js +8 -0
- package/esm/components/Timeline/Timeline.context.js.map +1 -0
- package/esm/components/Timeline/Timeline.js +127 -0
- package/esm/components/Timeline/Timeline.js.map +1 -0
- package/esm/components/Timeline/Timeline.module.css.js +4 -0
- package/esm/components/Timeline/Timeline.module.css.js.map +1 -0
- package/esm/components/Timeline/TimelineItem/TimelineItem.js +108 -0
- package/esm/components/Timeline/TimelineItem/TimelineItem.js.map +1 -0
- package/esm/components/Title/Title.js.map +1 -1
- package/esm/components/Transition/Transition.js +1 -1
- package/esm/components/Transition/Transition.js.map +1 -1
- package/esm/core/Box/style-props/parse-style-props/parse-style-props.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +7 -4
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js +1 -1
- package/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js.map +1 -1
- package/esm/core/factory/factory.js.map +1 -1
- package/esm/core/utils/create-use-external-events/create-use-external-events.js +30 -0
- package/esm/core/utils/create-use-external-events/create-use-external-events.js.map +1 -0
- package/esm/index.css +430 -14
- package/esm/index.js +11 -0
- package/esm/index.js.map +1 -1
- package/esm/styles/ActionIcon.css +1 -1
- package/esm/styles/Chip.css +1 -1
- package/esm/styles/Combobox.css +1 -1
- package/esm/styles/Dialog.css +1 -0
- package/esm/styles/Flex.css +1 -0
- package/esm/styles/Input.css +1 -1
- package/esm/styles/List.css +1 -0
- package/esm/styles/Radio.css +1 -0
- package/esm/styles/Rating.css +1 -1
- package/esm/styles/Switch.css +1 -1
- package/esm/styles/Timeline.css +1 -0
- package/esm/styles/global.css +1 -1
- package/lib/components/Affix/Affix.d.ts +3 -1
- package/lib/components/Affix/index.d.ts +1 -1
- package/lib/components/Checkbox/Checkbox.d.ts +1 -1
- package/lib/components/Dialog/Dialog.d.ts +37 -0
- package/lib/components/Dialog/index.d.ts +2 -0
- package/lib/components/Flex/Flex.d.ts +29 -0
- package/lib/components/Flex/flex-props.d.ts +2 -0
- package/lib/components/Flex/index.d.ts +3 -0
- package/lib/components/Input/InputPlaceholder/InputPlaceholder.d.ts +3 -0
- package/lib/components/Input/use-input-props.d.ts +31 -31
- package/lib/components/List/List.context.d.ts +13 -0
- package/lib/components/List/List.d.ts +43 -0
- package/lib/components/List/ListItem/ListItem.d.ts +21 -0
- package/lib/components/List/index.d.ts +4 -0
- package/lib/components/Paper/Paper.d.ts +3 -1
- package/lib/components/Paper/index.d.ts +1 -1
- package/lib/components/Radio/Radio.d.ts +47 -0
- package/lib/components/Radio/RadioGroup/RadioGroup.d.ts +30 -0
- package/lib/components/Radio/RadioGroup.context.d.ts +13 -0
- package/lib/components/Radio/RadioIcon.d.ts +5 -0
- package/lib/components/Radio/index.d.ts +6 -0
- package/lib/components/Timeline/Timeline.context.d.ts +11 -0
- package/lib/components/Timeline/Timeline.d.ts +43 -0
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +35 -0
- package/lib/components/Timeline/index.d.ts +4 -0
- package/lib/components/Title/Title.d.ts +1 -1
- package/lib/components/Transition/Transition.d.ts +1 -1
- package/lib/components/index.d.ts +5 -0
- package/lib/core/Box/style-props/index.d.ts +1 -0
- package/lib/core/Box/style-props/parse-style-props/parse-style-props.d.ts +2 -2
- package/lib/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.d.ts +1 -1
- package/lib/core/factory/factory.d.ts +2 -1
- package/lib/core/factory/index.d.ts +1 -1
- package/lib/core/utils/create-use-external-events/create-use-external-events.d.ts +1 -0
- package/lib/core/utils/index.d.ts +1 -0
- package/package.json +2 -2
- package/cjs/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js +0 -19
- package/cjs/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js.map +0 -1
- package/cjs/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.js +0 -17
- package/cjs/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.js.map +0 -1
- package/esm/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js +0 -15
- package/esm/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js.map +0 -1
- package/esm/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.js +0 -13
- package/esm/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.js.map +0 -1
- package/lib/components/AppShell/AppShellMediaStyles/assign-header-variables.d.ts +0 -12
- package/lib/components/AppShell/AppShellMediaStyles/assign-navbar-variables.d.ts +0 -12
- package/lib/components/AppShell/AppShellMediaStyles/get-base-size.d.ts +0 -2
- package/lib/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.d.ts +0 -2
- package/lib/components/AppShell/AppShellMediaStyles/get-breakpoint-value.d.ts +0 -2
- package/lib/components/AppShell/AppShellMediaStyles/get-padding-value.d.ts +0 -1
- package/lib/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.d.ts +0 -5
- package/lib/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints.d.ts +0 -5
- package/lib/components/AppShell/AppShellMediaStyles/is-primitive-size.d.ts +0 -2
- package/lib/components/AppShell/AppShellMediaStyles/is-responsive-size.d.ts +0 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.js","sources":["../../../src/components/List/List.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 MantineSize,\n MantineSpacing,\n getFontSize,\n getLineHeight,\n getSpacing,\n} from '../../core';\nimport { ListItem, ListItemStylesNames } from './ListItem/ListItem';\nimport { ListProvider } from './List.context';\nimport classes from './List.module.css';\n\nexport type ListStylesNames = 'root' | ListItemStylesNames;\nexport type ListCssVariables = {\n root: '--list-fz' | '--list-lh' | '--list-spacing';\n};\n\nexport interface ListProps\n extends BoxProps,\n StylesApiProps<ListFactory>,\n ElementProps<'ul', 'type'> {\n /** `List.Item` components only */\n children?: React.ReactNode;\n\n /** List type: `ol` or `ul`, `'unordered'` by default */\n type?: 'ordered' | 'unordered';\n\n /** Determines whether list items should be offset with padding, `false` by default */\n withPadding?: boolean;\n\n /** Controls `font-size` and `line-height`, `'md'` by default */\n size?: MantineSize;\n\n /** Icon that replaces list item dot */\n icon?: React.ReactNode;\n\n /** Key of `theme.spacing` or any valid CSS value to set spacing between items, `0` by default */\n spacing?: MantineSpacing | (string & {}) | number;\n\n /** Determines whether items must be centered with their icon, `false` by default */\n center?: boolean;\n\n /** Controls `list-style-type`, by default inferred from `type` */\n listStyleType?: React.CSSProperties['listStyleType'];\n}\n\nexport type ListFactory = Factory<{\n props: ListProps;\n ref: HTMLUListElement;\n stylesNames: ListStylesNames;\n vars: ListCssVariables;\n staticComponents: {\n Item: typeof ListItem;\n };\n}>;\n\nconst defaultProps: Partial<ListProps> = {\n type: 'unordered',\n size: 'md',\n spacing: 0,\n};\n\nconst varsResolver = createVarsResolver<ListFactory>((_, { size, spacing }) => ({\n root: {\n '--list-fz': getFontSize(size),\n '--list-lh': getLineHeight(size),\n '--list-spacing': getSpacing(spacing),\n },\n}));\n\nexport const List = factory<ListFactory>((_props, ref) => {\n const props = useProps('List', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n type,\n withPadding,\n icon,\n spacing,\n center,\n listStyleType,\n ...others\n } = props;\n\n const getStyles = useStyles<ListFactory>({\n name: 'List',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <ListProvider value={{ center, icon, getStyles }}>\n <Box<any>\n {...getStyles('root', { style: { listStyleType } })}\n component={type === 'unordered' ? ('ul' as const) : ('ol' as const)}\n mod={{ 'with-padding': withPadding }}\n ref={ref}\n {...others}\n >\n {children}\n </Box>\n </ListProvider>\n );\n});\n\nList.classes = classes;\nList.displayName = '@mantine/core/List';\nList.Item = ListItem;\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useListContext } from '../List.context.js';
|
|
3
|
+
import classes from '../List.module.css.js';
|
|
4
|
+
import { factory } from '../../../core/factory/factory.js';
|
|
5
|
+
import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
|
|
6
|
+
import { Box } from '../../../core/Box/Box.js';
|
|
7
|
+
|
|
8
|
+
var __defProp = Object.defineProperty;
|
|
9
|
+
var __defProps = Object.defineProperties;
|
|
10
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
11
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
12
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
13
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
14
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
15
|
+
var __spreadValues = (a, b) => {
|
|
16
|
+
for (var prop in b || (b = {}))
|
|
17
|
+
if (__hasOwnProp.call(b, prop))
|
|
18
|
+
__defNormalProp(a, prop, b[prop]);
|
|
19
|
+
if (__getOwnPropSymbols)
|
|
20
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
21
|
+
if (__propIsEnum.call(b, prop))
|
|
22
|
+
__defNormalProp(a, prop, b[prop]);
|
|
23
|
+
}
|
|
24
|
+
return a;
|
|
25
|
+
};
|
|
26
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
27
|
+
var __objRest = (source, exclude) => {
|
|
28
|
+
var target = {};
|
|
29
|
+
for (var prop in source)
|
|
30
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
31
|
+
target[prop] = source[prop];
|
|
32
|
+
if (source != null && __getOwnPropSymbols)
|
|
33
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
34
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
35
|
+
target[prop] = source[prop];
|
|
36
|
+
}
|
|
37
|
+
return target;
|
|
38
|
+
};
|
|
39
|
+
const defaultProps = {};
|
|
40
|
+
const ListItem = factory((_props, ref) => {
|
|
41
|
+
const props = useProps("ListItem", defaultProps, _props);
|
|
42
|
+
const _a = props, { classNames, className, style, styles, unstyled, vars, icon, children } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "icon", "children"]);
|
|
43
|
+
const ctx = useListContext();
|
|
44
|
+
const _icon = icon || ctx.icon;
|
|
45
|
+
const stylesApiProps = { classNames, styles };
|
|
46
|
+
return /* @__PURE__ */ React.createElement(
|
|
47
|
+
Box,
|
|
48
|
+
__spreadValues(__spreadProps(__spreadValues({}, ctx.getStyles("item", __spreadProps(__spreadValues({}, stylesApiProps), { className, style }))), {
|
|
49
|
+
component: "li",
|
|
50
|
+
mod: { "with-icon": !!_icon, centered: ctx.center },
|
|
51
|
+
ref
|
|
52
|
+
}), others),
|
|
53
|
+
/* @__PURE__ */ React.createElement("div", __spreadValues({}, ctx.getStyles("itemWrapper", stylesApiProps)), _icon && /* @__PURE__ */ React.createElement("span", __spreadValues({}, ctx.getStyles("itemIcon", stylesApiProps)), _icon), /* @__PURE__ */ React.createElement("span", __spreadValues({}, ctx.getStyles("itemLabel", stylesApiProps)), children))
|
|
54
|
+
);
|
|
55
|
+
});
|
|
56
|
+
ListItem.classes = classes;
|
|
57
|
+
ListItem.displayName = "@mantine/core/ListItem";
|
|
58
|
+
|
|
59
|
+
export { ListItem };
|
|
60
|
+
//# sourceMappingURL=ListItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItem.js","sources":["../../../../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n} from '../../../core';\nimport { useListContext } from '../List.context';\nimport classes from '../List.module.css';\n\nexport type ListItemStylesNames = 'item' | 'itemWrapper' | 'itemIcon' | 'itemLabel';\n\nexport interface ListItemProps\n extends BoxProps,\n StylesApiProps<ListItemFactory>,\n ElementProps<'li'> {\n /** Icon to replace item bullet */\n icon?: React.ReactNode;\n\n /** Item content */\n children?: React.ReactNode;\n}\n\nexport type ListItemFactory = Factory<{\n props: ListItemProps;\n ref: HTMLLIElement;\n stylesNames: ListItemStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<ListItemProps> = {};\n\nexport const ListItem = factory<ListItemFactory>((_props, ref) => {\n const props = useProps('ListItem', defaultProps, _props);\n const { classNames, className, style, styles, unstyled, vars, icon, children, ...others } = props;\n\n const ctx = useListContext();\n const _icon = icon || ctx.icon;\n const stylesApiProps = { classNames, styles };\n\n return (\n <Box\n {...ctx.getStyles('item', { ...stylesApiProps, className, style })}\n component=\"li\"\n mod={{ 'with-icon': !!_icon, centered: ctx.center }}\n ref={ref}\n {...others}\n >\n <div {...ctx.getStyles('itemWrapper', stylesApiProps)}>\n {_icon && <span {...ctx.getStyles('itemIcon', stylesApiProps)}>{_icon}</span>}\n <span {...ctx.getStyles('itemLabel', stylesApiProps)}>{children}</span>\n </div>\n </Box>\n );\n});\n\nListItem.classes = classes;\nListItem.displayName = '@mantine/core/ListItem';\n"],"names":[],"mappings":";;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AASF,MAAM,YAAY,GAAG,EAAE,CAAC;AACZ,MAAC,QAAQ,GAAG,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AACjD,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAC3D,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AAClN,EAAE,MAAM,GAAG,GAAG,cAAc,EAAE,CAAC;AAC/B,EAAE,MAAM,KAAK,GAAG,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC;AACjC,EAAE,MAAM,cAAc,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;AAChD,EAAE,uBAAuB,KAAK,CAAC,aAAa;AAC5C,IAAI,GAAG;AACP,IAAI,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,cAAc,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE;AACrJ,MAAM,SAAS,EAAE,IAAI;AACrB,MAAM,GAAG,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE;AACzD,MAAM,GAAG;AACT,KAAK,CAAC,EAAE,MAAM,CAAC;AACf,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,SAAS,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,EAAE,KAAK,oBAAoB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,SAAS,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,SAAS,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;AACnW,GAAG,CAAC;AACJ,CAAC,EAAE;AACH,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;AAC3B,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paper.js","sources":["../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n MantineShadow,\n MantineRadius,\n getRadius,\n getShadow,\n createVarsResolver,\n PolymorphicFactory,\n} from '../../core';\nimport classes from './Paper.module.css';\n\nexport type PaperStylesNames = 'root';\nexport type PaperCssVariables = {\n root: '--paper-radius' | '--paper-shadow';\n};\n\nexport interface
|
|
1
|
+
{"version":3,"file":"Paper.js","sources":["../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n MantineShadow,\n MantineRadius,\n getRadius,\n getShadow,\n createVarsResolver,\n PolymorphicFactory,\n} from '../../core';\nimport classes from './Paper.module.css';\n\nexport type PaperStylesNames = 'root';\nexport type PaperCssVariables = {\n root: '--paper-radius' | '--paper-shadow';\n};\n\nexport interface PaperBaseProps {\n /** Key of `theme.shadows` or any valid CSS value to set `box-shadow`, `none` by default */\n shadow?: MantineShadow | (string & {});\n\n /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem, `theme.defaultRadius` by default */\n radius?: MantineRadius | number | (string & {});\n\n /** Determines whether the paper should have border, border color depends on color scheme, `false` by default */\n withBorder?: boolean;\n}\n\nexport interface PaperProps extends BoxProps, PaperBaseProps, StylesApiProps<PaperFactory> {}\n\nexport type PaperFactory = PolymorphicFactory<{\n props: PaperProps;\n defaultComponent: 'div';\n defaultRef: HTMLDivElement;\n stylesNames: PaperStylesNames;\n vars: PaperCssVariables;\n}>;\n\nconst defaultProps: Partial<PaperProps> = {};\n\nconst varsResolver = createVarsResolver<PaperFactory>((_, { radius, shadow }) => ({\n root: {\n '--paper-radius': getRadius(radius),\n '--paper-shadow': getShadow(shadow),\n },\n}));\n\nexport const Paper = polymorphicFactory<PaperFactory>((_props, ref) => {\n const props = useProps('Paper', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n withBorder,\n vars,\n radius,\n shadow,\n variant,\n ...others\n } = props;\n\n const getStyles = useStyles<PaperFactory>({\n name: 'Paper',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <Box\n ref={ref}\n mod={{ 'data-with-border': withBorder }}\n {...getStyles('root')}\n variant={variant}\n {...others}\n />\n );\n});\n\nPaper.classes = classes;\nPaper.displayName = '@mantine/core/Paper';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useId } from '@mantine/hooks';
|
|
3
|
+
import { RadioIcon } from './RadioIcon.js';
|
|
4
|
+
import { RadioGroup } from './RadioGroup/RadioGroup.js';
|
|
5
|
+
import { useRadioGroupContext } from './RadioGroup.context.js';
|
|
6
|
+
import classes from './Radio.module.css.js';
|
|
7
|
+
import { InlineInput } from '../InlineInput/InlineInput.js';
|
|
8
|
+
import { factory } from '../../core/factory/factory.js';
|
|
9
|
+
import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
|
|
10
|
+
import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
|
|
11
|
+
import { extractStyleProps } from '../../core/Box/style-props/extract-style-props/extract-style-props.js';
|
|
12
|
+
import { Box } from '../../core/Box/Box.js';
|
|
13
|
+
import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
|
|
14
|
+
import { getSize, getRadius } from '../../core/utils/get-size/get-size.js';
|
|
15
|
+
import { getThemeColor } from '../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
|
|
16
|
+
|
|
17
|
+
var __defProp = Object.defineProperty;
|
|
18
|
+
var __defProps = Object.defineProperties;
|
|
19
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
20
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
21
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
22
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
23
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
24
|
+
var __spreadValues = (a, b) => {
|
|
25
|
+
for (var prop in b || (b = {}))
|
|
26
|
+
if (__hasOwnProp.call(b, prop))
|
|
27
|
+
__defNormalProp(a, prop, b[prop]);
|
|
28
|
+
if (__getOwnPropSymbols)
|
|
29
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
30
|
+
if (__propIsEnum.call(b, prop))
|
|
31
|
+
__defNormalProp(a, prop, b[prop]);
|
|
32
|
+
}
|
|
33
|
+
return a;
|
|
34
|
+
};
|
|
35
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
36
|
+
var __objRest = (source, exclude) => {
|
|
37
|
+
var target = {};
|
|
38
|
+
for (var prop in source)
|
|
39
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
40
|
+
target[prop] = source[prop];
|
|
41
|
+
if (source != null && __getOwnPropSymbols)
|
|
42
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
43
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
44
|
+
target[prop] = source[prop];
|
|
45
|
+
}
|
|
46
|
+
return target;
|
|
47
|
+
};
|
|
48
|
+
const defaultProps = {
|
|
49
|
+
size: "sm",
|
|
50
|
+
labelPosition: "right",
|
|
51
|
+
radius: "xl"
|
|
52
|
+
};
|
|
53
|
+
const varsResolver = createVarsResolver((theme, { size, radius, color }) => ({
|
|
54
|
+
root: {
|
|
55
|
+
"--radio-size": getSize(size, "radio-size"),
|
|
56
|
+
"--radio-radius": getRadius(radius),
|
|
57
|
+
"--radio-color": getThemeColor(color, theme)
|
|
58
|
+
}
|
|
59
|
+
}));
|
|
60
|
+
const Radio = factory((_props, ref) => {
|
|
61
|
+
var _b, _c;
|
|
62
|
+
const props = useProps("Radio", defaultProps, _props);
|
|
63
|
+
const _a = props, {
|
|
64
|
+
classNames,
|
|
65
|
+
className,
|
|
66
|
+
style,
|
|
67
|
+
styles,
|
|
68
|
+
unstyled,
|
|
69
|
+
vars,
|
|
70
|
+
id,
|
|
71
|
+
size,
|
|
72
|
+
label,
|
|
73
|
+
labelPosition,
|
|
74
|
+
description,
|
|
75
|
+
error,
|
|
76
|
+
radius,
|
|
77
|
+
color,
|
|
78
|
+
variant,
|
|
79
|
+
disabled,
|
|
80
|
+
wrapperProps,
|
|
81
|
+
icon: Icon = RadioIcon
|
|
82
|
+
} = _a, others = __objRest(_a, [
|
|
83
|
+
"classNames",
|
|
84
|
+
"className",
|
|
85
|
+
"style",
|
|
86
|
+
"styles",
|
|
87
|
+
"unstyled",
|
|
88
|
+
"vars",
|
|
89
|
+
"id",
|
|
90
|
+
"size",
|
|
91
|
+
"label",
|
|
92
|
+
"labelPosition",
|
|
93
|
+
"description",
|
|
94
|
+
"error",
|
|
95
|
+
"radius",
|
|
96
|
+
"color",
|
|
97
|
+
"variant",
|
|
98
|
+
"disabled",
|
|
99
|
+
"wrapperProps",
|
|
100
|
+
"icon"
|
|
101
|
+
]);
|
|
102
|
+
const getStyles = useStyles({
|
|
103
|
+
name: "Radio",
|
|
104
|
+
classes,
|
|
105
|
+
props,
|
|
106
|
+
className,
|
|
107
|
+
style,
|
|
108
|
+
classNames,
|
|
109
|
+
styles,
|
|
110
|
+
unstyled,
|
|
111
|
+
vars,
|
|
112
|
+
varsResolver
|
|
113
|
+
});
|
|
114
|
+
const ctx = useRadioGroupContext();
|
|
115
|
+
const contextSize = (_b = ctx == null ? void 0 : ctx.size) != null ? _b : size;
|
|
116
|
+
const componentSize = props.size ? size : contextSize;
|
|
117
|
+
const { styleProps, rest } = extractStyleProps(others);
|
|
118
|
+
const uuid = useId(id);
|
|
119
|
+
const contextProps = ctx ? {
|
|
120
|
+
checked: ctx.value === rest.value,
|
|
121
|
+
name: (_c = rest.name) != null ? _c : ctx.name,
|
|
122
|
+
onChange: ctx.onChange
|
|
123
|
+
} : {};
|
|
124
|
+
return /* @__PURE__ */ React.createElement(
|
|
125
|
+
InlineInput,
|
|
126
|
+
__spreadValues(__spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), {
|
|
127
|
+
__staticSelector: "Radio",
|
|
128
|
+
__stylesApiProps: props,
|
|
129
|
+
id: uuid,
|
|
130
|
+
size: componentSize,
|
|
131
|
+
labelPosition,
|
|
132
|
+
label,
|
|
133
|
+
description,
|
|
134
|
+
error,
|
|
135
|
+
disabled,
|
|
136
|
+
classNames,
|
|
137
|
+
styles,
|
|
138
|
+
unstyled,
|
|
139
|
+
"data-checked": contextProps.checked || void 0,
|
|
140
|
+
variant
|
|
141
|
+
}), styleProps), wrapperProps),
|
|
142
|
+
/* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, getStyles("inner")), { mod: { "label-position": labelPosition } }), /* @__PURE__ */ React.createElement(
|
|
143
|
+
Box,
|
|
144
|
+
__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, getStyles("radio", { focusable: true })), rest), contextProps), {
|
|
145
|
+
component: "input",
|
|
146
|
+
mod: { error: !!error },
|
|
147
|
+
ref,
|
|
148
|
+
id: uuid,
|
|
149
|
+
disabled,
|
|
150
|
+
type: "radio"
|
|
151
|
+
})
|
|
152
|
+
), /* @__PURE__ */ React.createElement(Icon, __spreadProps(__spreadValues({}, getStyles("icon")), { "aria-hidden": true })))
|
|
153
|
+
);
|
|
154
|
+
});
|
|
155
|
+
Radio.classes = classes;
|
|
156
|
+
Radio.displayName = "@mantine/core/Radio";
|
|
157
|
+
Radio.Group = RadioGroup;
|
|
158
|
+
|
|
159
|
+
export { Radio };
|
|
160
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n getSize,\n getRadius,\n getThemeColor,\n MantineColor,\n MantineSize,\n MantineRadius,\n extractStyleProps,\n} from '../../core';\nimport { InlineInput, InlineInputStylesNames } from '../InlineInput';\nimport { RadioIcon, RadioIconProps } from './RadioIcon';\nimport { RadioGroup } from './RadioGroup/RadioGroup';\nimport { useRadioGroupContext } from './RadioGroup.context';\nimport classes from './Radio.module.css';\n\nexport type RadioStylesNames = InlineInputStylesNames | 'inner' | 'radio' | 'icon';\nexport type RadioCssVariables = {\n root: '--radio-size' | '--radio-radius' | '--radio-color';\n};\n\nexport interface RadioProps\n extends BoxProps,\n StylesApiProps<RadioFactory>,\n ElementProps<'input', 'size'> {\n /** Radio label */\n label?: React.ReactNode;\n\n /** Key of `theme.colors` or any valid CSS color to set input color in checked state, `theme.primaryColor` by default */\n color?: MantineColor;\n\n /** Controls size of all elements, `'sm'` by default */\n size?: MantineSize;\n\n /** Custom checked icon component, by default a circle is displayed in checked state */\n icon?: React.FC<RadioIconProps>;\n\n /** Props passed down to the root element */\n wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Position of the label relative to the input, `'right'` by default */\n labelPosition?: 'left' | 'right';\n\n /** Description displayed below the label */\n description?: React.ReactNode;\n\n /** Error displayed below the label */\n error?: React.ReactNode;\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius,` \"xl\" by default */\n radius?: MantineRadius | (string & {}) | number;\n}\n\nexport type RadioFactory = Factory<{\n props: RadioProps;\n ref: HTMLInputElement;\n stylesNames: RadioStylesNames;\n vars: RadioCssVariables;\n staticComponents: {\n Group: typeof RadioGroup;\n };\n}>;\n\nconst defaultProps: Partial<RadioProps> = {\n size: 'sm',\n labelPosition: 'right',\n radius: 'xl',\n};\n\nconst varsResolver = createVarsResolver<RadioFactory>((theme, { size, radius, color }) => ({\n root: {\n '--radio-size': getSize(size, 'radio-size'),\n '--radio-radius': getRadius(radius),\n '--radio-color': getThemeColor(color, theme),\n },\n}));\n\nexport const Radio = factory<RadioFactory>((_props, ref) => {\n const props = useProps('Radio', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n id,\n size,\n label,\n labelPosition,\n description,\n error,\n radius,\n color,\n variant,\n disabled,\n wrapperProps,\n icon: Icon = RadioIcon,\n ...others\n } = props;\n\n const getStyles = useStyles<RadioFactory>({\n name: 'Radio',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const ctx = useRadioGroupContext();\n\n const contextSize = ctx?.size ?? size;\n const componentSize = props.size ? size : contextSize;\n\n const { styleProps, rest } = extractStyleProps(others);\n const uuid = useId(id);\n\n const contextProps = ctx\n ? {\n checked: ctx.value === rest.value,\n name: rest.name ?? ctx.name,\n onChange: ctx.onChange,\n }\n : {};\n\n return (\n <InlineInput\n {...getStyles('root')}\n __staticSelector=\"Radio\"\n __stylesApiProps={props}\n id={uuid}\n size={componentSize}\n labelPosition={labelPosition}\n label={label}\n description={description}\n error={error}\n disabled={disabled}\n classNames={classNames}\n styles={styles}\n unstyled={unstyled}\n data-checked={contextProps.checked || undefined}\n variant={variant}\n {...styleProps}\n {...wrapperProps}\n >\n <Box {...getStyles('inner')} mod={{ 'label-position': labelPosition }}>\n <Box\n {...getStyles('radio', { focusable: true })}\n {...rest}\n {...contextProps}\n component=\"input\"\n mod={{ error: !!error }}\n ref={ref}\n id={uuid}\n disabled={disabled}\n type=\"radio\"\n />\n <Icon {...getStyles('icon')} aria-hidden />\n </Box>\n </InlineInput>\n );\n});\n\nRadio.classes = classes;\nRadio.displayName = '@mantine/core/Radio';\nRadio.Group = RadioGroup;\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useId, useUncontrolled } from '@mantine/hooks';
|
|
3
|
+
import { RadioGroupProvider } from '../RadioGroup.context.js';
|
|
4
|
+
import { Input } from '../../Input/Input.js';
|
|
5
|
+
import { factory } from '../../../core/factory/factory.js';
|
|
6
|
+
import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
|
|
7
|
+
|
|
8
|
+
var __defProp = Object.defineProperty;
|
|
9
|
+
var __defProps = Object.defineProperties;
|
|
10
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
11
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
12
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
13
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
14
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
15
|
+
var __spreadValues = (a, b) => {
|
|
16
|
+
for (var prop in b || (b = {}))
|
|
17
|
+
if (__hasOwnProp.call(b, prop))
|
|
18
|
+
__defNormalProp(a, prop, b[prop]);
|
|
19
|
+
if (__getOwnPropSymbols)
|
|
20
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
21
|
+
if (__propIsEnum.call(b, prop))
|
|
22
|
+
__defNormalProp(a, prop, b[prop]);
|
|
23
|
+
}
|
|
24
|
+
return a;
|
|
25
|
+
};
|
|
26
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
27
|
+
var __objRest = (source, exclude) => {
|
|
28
|
+
var target = {};
|
|
29
|
+
for (var prop in source)
|
|
30
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
31
|
+
target[prop] = source[prop];
|
|
32
|
+
if (source != null && __getOwnPropSymbols)
|
|
33
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
34
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
35
|
+
target[prop] = source[prop];
|
|
36
|
+
}
|
|
37
|
+
return target;
|
|
38
|
+
};
|
|
39
|
+
const defaultProps = {};
|
|
40
|
+
const RadioGroup = factory((props, ref) => {
|
|
41
|
+
const _a = useProps(
|
|
42
|
+
"RadioGroup",
|
|
43
|
+
defaultProps,
|
|
44
|
+
props
|
|
45
|
+
), { value, defaultValue, onChange, size, wrapperProps, children, name } = _a, others = __objRest(_a, ["value", "defaultValue", "onChange", "size", "wrapperProps", "children", "name"]);
|
|
46
|
+
const _name = useId(name);
|
|
47
|
+
const [_value, setValue] = useUncontrolled({
|
|
48
|
+
value,
|
|
49
|
+
defaultValue,
|
|
50
|
+
finalValue: "",
|
|
51
|
+
onChange
|
|
52
|
+
});
|
|
53
|
+
const handleChange = (event) => setValue(event.currentTarget.value);
|
|
54
|
+
return /* @__PURE__ */ React.createElement(RadioGroupProvider, { value: { value: _value, onChange: handleChange, size, name: _name } }, /* @__PURE__ */ React.createElement(
|
|
55
|
+
Input.Wrapper,
|
|
56
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
57
|
+
size,
|
|
58
|
+
ref
|
|
59
|
+
}, wrapperProps), others), {
|
|
60
|
+
labelElement: "div",
|
|
61
|
+
__staticSelector: "RadioGroup"
|
|
62
|
+
}),
|
|
63
|
+
children
|
|
64
|
+
));
|
|
65
|
+
});
|
|
66
|
+
RadioGroup.classes = Input.Wrapper.classes;
|
|
67
|
+
RadioGroup.displayName = "@mantine/core/RadioGroup";
|
|
68
|
+
|
|
69
|
+
export { RadioGroup };
|
|
70
|
+
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sources":["../../../../src/components/Radio/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport { factory, useProps, MantineSize, Factory } from '../../../core';\nimport { InputWrapperStylesNames, Input, InputWrapperProps } from '../../Input';\nimport { RadioGroupProvider } from '../RadioGroup.context';\n\nexport type RadioGroupStylesNames = InputWrapperStylesNames;\n\nexport interface RadioGroupProps extends Omit<InputWrapperProps, 'onChange'> {\n /** `Radio` components */\n children: React.ReactNode;\n\n /** Controlled component value */\n value?: string;\n\n /** Default value for uncontrolled component */\n defaultValue?: string;\n\n /** Called when value changes */\n onChange?(value: string): void;\n\n /** Props passed down to the `Input.Wrapper` */\n wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Controls size of the `Input.Wrapper`, `'sm'` by default */\n size?: MantineSize;\n\n /** Name attribute of child radio inputs */\n name?: string;\n}\n\nexport type RadioGroupFactory = Factory<{\n props: RadioGroupProps;\n ref: HTMLDivElement;\n stylesNames: RadioGroupStylesNames;\n}>;\n\nconst defaultProps: Partial<RadioGroupProps> = {};\n\nexport const RadioGroup = factory<RadioGroupFactory>((props, ref) => {\n const { value, defaultValue, onChange, size, wrapperProps, children, name, ...others } = useProps(\n 'RadioGroup',\n defaultProps,\n props\n );\n\n const _name = useId(name);\n\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: '',\n onChange,\n });\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) =>\n setValue(event.currentTarget.value);\n\n return (\n <RadioGroupProvider value={{ value: _value, onChange: handleChange, size, name: _name }}>\n <Input.Wrapper\n size={size}\n ref={ref}\n {...wrapperProps}\n {...others}\n labelElement=\"div\"\n __staticSelector=\"RadioGroup\"\n >\n {children}\n </Input.Wrapper>\n </RadioGroupProvider>\n );\n});\n\nRadioGroup.classes = Input.Wrapper.classes;\nRadioGroup.displayName = '@mantine/core/RadioGroup';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { createOptionalContext } from '../../core/utils/create-optional-context/create-optional-context.js';
|
|
2
|
+
|
|
3
|
+
const [RadioGroupProvider, useRadioGroupContext] = createOptionalContext();
|
|
4
|
+
|
|
5
|
+
export { RadioGroupProvider, useRadioGroupContext };
|
|
6
|
+
//# sourceMappingURL=RadioGroup.context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.context.js","sources":["../../../src/components/Radio/RadioGroup.context.ts"],"sourcesContent":["import { MantineSize, createOptionalContext } from '../../core';\n\ninterface RadioGroupContextValue {\n size: MantineSize | undefined;\n value: string;\n onChange(event: React.ChangeEvent<HTMLInputElement>): void;\n name: string;\n}\n\nexport const [RadioGroupProvider, useRadioGroupContext] =\n createOptionalContext<RadioGroupContextValue>();\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,kBAAkB,EAAE,oBAAoB,CAAC,GAAG,qBAAqB;;;;"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { rem } from '../../core/utils/units-converters/rem.js';
|
|
3
|
+
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
+
var __spreadValues = (a, b) => {
|
|
10
|
+
for (var prop in b || (b = {}))
|
|
11
|
+
if (__hasOwnProp.call(b, prop))
|
|
12
|
+
__defNormalProp(a, prop, b[prop]);
|
|
13
|
+
if (__getOwnPropSymbols)
|
|
14
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
+
if (__propIsEnum.call(b, prop))
|
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
}
|
|
18
|
+
return a;
|
|
19
|
+
};
|
|
20
|
+
var __objRest = (source, exclude) => {
|
|
21
|
+
var target = {};
|
|
22
|
+
for (var prop in source)
|
|
23
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
+
target[prop] = source[prop];
|
|
25
|
+
if (source != null && __getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
}
|
|
30
|
+
return target;
|
|
31
|
+
};
|
|
32
|
+
function RadioIcon(_a) {
|
|
33
|
+
var _b = _a, { size, style } = _b, others = __objRest(_b, ["size", "style"]);
|
|
34
|
+
return /* @__PURE__ */ React.createElement(
|
|
35
|
+
"svg",
|
|
36
|
+
__spreadValues({
|
|
37
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
38
|
+
fill: "none",
|
|
39
|
+
viewBox: "0 0 5 5",
|
|
40
|
+
style: __spreadValues({ width: rem(size), height: rem(size) }, style)
|
|
41
|
+
}, others),
|
|
42
|
+
/* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M0 2.5a2.5 2.5 0 115 0 2.5 2.5 0 01-5 0z" })
|
|
43
|
+
);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
export { RadioIcon };
|
|
47
|
+
//# sourceMappingURL=RadioIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioIcon.js","sources":["../../../src/components/Radio/RadioIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { rem } from '../../core';\n\nexport interface RadioIconProps extends React.ComponentPropsWithoutRef<'svg'> {\n size?: string | number;\n}\n\nexport function RadioIcon({ size, style, ...others }: RadioIconProps) {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 5 5\"\n style={{ width: rem(size), height: rem(size), ...style }}\n {...others}\n >\n <path fill=\"currentColor\" d=\"M0 2.5a2.5 2.5 0 115 0 2.5 2.5 0 01-5 0z\" />\n </svg>\n );\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { createSafeContext } from '../../core/utils/create-safe-context/create-safe-context.js';
|
|
2
|
+
|
|
3
|
+
const [TimelineProvider, useTimelineContext] = createSafeContext(
|
|
4
|
+
"Timeline component was not found in tree"
|
|
5
|
+
);
|
|
6
|
+
|
|
7
|
+
export { TimelineProvider, useTimelineContext };
|
|
8
|
+
//# sourceMappingURL=Timeline.context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timeline.context.js","sources":["../../../src/components/Timeline/Timeline.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { TimelineFactory } from './Timeline';\n\ninterface TimelineContextValue {\n getStyles: GetStylesApi<TimelineFactory>;\n}\n\nexport const [TimelineProvider, useTimelineContext] = createSafeContext<TimelineContextValue>(\n 'Timeline component was not found in tree'\n);\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,GAAG,iBAAiB;AACvE,EAAE,0CAA0C;AAC5C;;;;"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import React, { Children, cloneElement } from 'react';
|
|
2
|
+
import { TimelineItem } from './TimelineItem/TimelineItem.js';
|
|
3
|
+
import { TimelineProvider } from './Timeline.context.js';
|
|
4
|
+
import classes from './Timeline.module.css.js';
|
|
5
|
+
import { factory } from '../../core/factory/factory.js';
|
|
6
|
+
import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
|
|
7
|
+
import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
|
|
8
|
+
import { Box } from '../../core/Box/Box.js';
|
|
9
|
+
import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
|
|
10
|
+
import { rem } from '../../core/utils/units-converters/rem.js';
|
|
11
|
+
import { getRadius } from '../../core/utils/get-size/get-size.js';
|
|
12
|
+
import { getThemeColor } from '../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
|
|
13
|
+
|
|
14
|
+
var __defProp = Object.defineProperty;
|
|
15
|
+
var __defProps = Object.defineProperties;
|
|
16
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
17
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
18
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
19
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
20
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
21
|
+
var __spreadValues = (a, b) => {
|
|
22
|
+
for (var prop in b || (b = {}))
|
|
23
|
+
if (__hasOwnProp.call(b, prop))
|
|
24
|
+
__defNormalProp(a, prop, b[prop]);
|
|
25
|
+
if (__getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
27
|
+
if (__propIsEnum.call(b, prop))
|
|
28
|
+
__defNormalProp(a, prop, b[prop]);
|
|
29
|
+
}
|
|
30
|
+
return a;
|
|
31
|
+
};
|
|
32
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
33
|
+
var __objRest = (source, exclude) => {
|
|
34
|
+
var target = {};
|
|
35
|
+
for (var prop in source)
|
|
36
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
37
|
+
target[prop] = source[prop];
|
|
38
|
+
if (source != null && __getOwnPropSymbols)
|
|
39
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
40
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
41
|
+
target[prop] = source[prop];
|
|
42
|
+
}
|
|
43
|
+
return target;
|
|
44
|
+
};
|
|
45
|
+
const defaultProps = {
|
|
46
|
+
active: -1,
|
|
47
|
+
radius: "xl",
|
|
48
|
+
bulletSize: 20,
|
|
49
|
+
align: "left",
|
|
50
|
+
lineWidth: 4,
|
|
51
|
+
reverseActive: false
|
|
52
|
+
};
|
|
53
|
+
const varsResolver = createVarsResolver(
|
|
54
|
+
(theme, { bulletSize, lineWidth, radius, color }) => ({
|
|
55
|
+
root: {
|
|
56
|
+
"--tl-bullet-size": rem(bulletSize),
|
|
57
|
+
"--tl-line-width": rem(lineWidth),
|
|
58
|
+
"--tl-radius": getRadius(radius),
|
|
59
|
+
"--tl-color": getThemeColor(color, theme)
|
|
60
|
+
}
|
|
61
|
+
})
|
|
62
|
+
);
|
|
63
|
+
const Timeline = factory((_props, ref) => {
|
|
64
|
+
const props = useProps("Timeline", defaultProps, _props);
|
|
65
|
+
const _a = props, {
|
|
66
|
+
classNames,
|
|
67
|
+
className,
|
|
68
|
+
style,
|
|
69
|
+
styles,
|
|
70
|
+
unstyled,
|
|
71
|
+
vars,
|
|
72
|
+
children,
|
|
73
|
+
active,
|
|
74
|
+
color,
|
|
75
|
+
radius,
|
|
76
|
+
bulletSize,
|
|
77
|
+
align,
|
|
78
|
+
lineWidth,
|
|
79
|
+
reverseActive
|
|
80
|
+
} = _a, others = __objRest(_a, [
|
|
81
|
+
"classNames",
|
|
82
|
+
"className",
|
|
83
|
+
"style",
|
|
84
|
+
"styles",
|
|
85
|
+
"unstyled",
|
|
86
|
+
"vars",
|
|
87
|
+
"children",
|
|
88
|
+
"active",
|
|
89
|
+
"color",
|
|
90
|
+
"radius",
|
|
91
|
+
"bulletSize",
|
|
92
|
+
"align",
|
|
93
|
+
"lineWidth",
|
|
94
|
+
"reverseActive"
|
|
95
|
+
]);
|
|
96
|
+
const getStyles = useStyles({
|
|
97
|
+
name: "Timeline",
|
|
98
|
+
classes,
|
|
99
|
+
props,
|
|
100
|
+
className,
|
|
101
|
+
style,
|
|
102
|
+
classNames,
|
|
103
|
+
styles,
|
|
104
|
+
unstyled,
|
|
105
|
+
vars,
|
|
106
|
+
varsResolver
|
|
107
|
+
});
|
|
108
|
+
const _children = Children.toArray(children);
|
|
109
|
+
const items = _children.map(
|
|
110
|
+
(item, index) => {
|
|
111
|
+
var _a2, _b;
|
|
112
|
+
return cloneElement(item, {
|
|
113
|
+
unstyled,
|
|
114
|
+
__align: align,
|
|
115
|
+
__active: ((_a2 = item.props) == null ? void 0 : _a2.active) || (reverseActive ? active >= _children.length - index - 1 : active >= index),
|
|
116
|
+
__lineActive: ((_b = item.props) == null ? void 0 : _b.lineActive) || (reverseActive ? active >= _children.length - index - 1 : active - 1 >= index)
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
);
|
|
120
|
+
return /* @__PURE__ */ React.createElement(TimelineProvider, { value: { getStyles } }, /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), { mod: { align }, ref }), others), items));
|
|
121
|
+
});
|
|
122
|
+
Timeline.classes = classes;
|
|
123
|
+
Timeline.displayName = "@mantine/core/Timeline";
|
|
124
|
+
Timeline.Item = TimelineItem;
|
|
125
|
+
|
|
126
|
+
export { Timeline };
|
|
127
|
+
//# sourceMappingURL=Timeline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timeline.js","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import React, { cloneElement, Children } from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n MantineColor,\n MantineRadius,\n rem,\n getRadius,\n getThemeColor,\n} from '../../core';\nimport { TimelineItem, TimelineItemStylesNames } from './TimelineItem/TimelineItem';\nimport { TimelineProvider } from './Timeline.context';\nimport classes from './Timeline.module.css';\n\nexport type TimelineStylesNames = 'root' | TimelineItemStylesNames;\nexport type TimelineCssVariables = {\n root: '--tl-line-width' | '--tl-bullet-size' | '--tl-color' | '--tl-radius';\n};\n\nexport interface TimelineProps\n extends BoxProps,\n StylesApiProps<TimelineFactory>,\n ElementProps<'div'> {\n /** `Timeline.Item` components */\n children?: React.ReactNode;\n\n /** Index of active element */\n active?: number;\n\n /** Key of `theme.colors` or any valid CSS color to control active item colors, `theme.primaryColor` by default */\n color?: MantineColor;\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `'xl'` by default */\n radius?: MantineRadius | (string & {}) | number;\n\n /** Controls size of the bullet, `20` by default */\n bulletSize?: number | string;\n\n /** Controls how the content is positioned relative to the bullet, `'left'` by default */\n align?: 'right' | 'left';\n\n /** Control width of the line */\n lineWidth?: number | string;\n\n /** Determines whether the active items direction should be reversed without reversing items order, `false` by default */\n reverseActive?: boolean;\n}\n\nexport type TimelineFactory = Factory<{\n props: TimelineProps;\n ref: HTMLDivElement;\n stylesNames: TimelineStylesNames;\n vars: TimelineCssVariables;\n staticComponents: {\n Item: typeof TimelineItem;\n };\n}>;\n\nconst defaultProps: Partial<TimelineProps> = {\n active: -1,\n radius: 'xl',\n bulletSize: 20,\n align: 'left',\n lineWidth: 4,\n reverseActive: false,\n};\n\nconst varsResolver = createVarsResolver<TimelineFactory>(\n (theme, { bulletSize, lineWidth, radius, color }) => ({\n root: {\n '--tl-bullet-size': rem(bulletSize),\n '--tl-line-width': rem(lineWidth),\n '--tl-radius': getRadius(radius),\n '--tl-color': getThemeColor(color, theme),\n },\n })\n);\n\nexport const Timeline = factory<TimelineFactory>((_props, ref) => {\n const props = useProps('Timeline', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n active,\n color,\n radius,\n bulletSize,\n align,\n lineWidth,\n reverseActive,\n ...others\n } = props;\n\n const getStyles = useStyles<TimelineFactory>({\n name: 'Timeline',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const _children = Children.toArray(children);\n const items = _children.map((item: any, index) =>\n cloneElement(item, {\n unstyled,\n __align: align,\n __active:\n item.props?.active ||\n (reverseActive ? active! >= _children.length - index - 1 : active! >= index),\n __lineActive:\n item.props?.lineActive ||\n (reverseActive ? active! >= _children.length - index - 1 : active! - 1 >= index),\n })\n );\n\n return (\n <TimelineProvider value={{ getStyles }}>\n <Box {...getStyles('root')} mod={{ align }} ref={ref} {...others}>\n {items}\n </Box>\n </TimelineProvider>\n );\n});\n\nTimeline.classes = classes;\nTimeline.displayName = '@mantine/core/Timeline';\nTimeline.Item = TimelineItem;\n"],"names":[],"mappings":"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"}
|