@mantine/core 4.0.1 → 4.0.2
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/List/List.context.js +14 -0
- package/cjs/components/List/List.context.js.map +1 -0
- package/cjs/components/List/List.js +5 -13
- package/cjs/components/List/List.js.map +1 -1
- package/cjs/components/List/ListItem/ListItem.js +7 -20
- package/cjs/components/List/ListItem/ListItem.js.map +1 -1
- package/cjs/components/Menu/Menu.context.js +18 -0
- package/cjs/components/Menu/Menu.context.js.map +1 -0
- package/cjs/components/Menu/Menu.js +27 -55
- package/cjs/components/Menu/Menu.js.map +1 -1
- package/cjs/components/Menu/Menu.styles.js +5 -5
- package/cjs/components/Menu/Menu.styles.js.map +1 -1
- package/cjs/components/Menu/MenuItem/MenuItem.js +21 -15
- package/cjs/components/Menu/MenuItem/MenuItem.js.map +1 -1
- package/cjs/components/Menu/MenuLabel/MenuLabel.js +30 -1
- package/cjs/components/Menu/MenuLabel/MenuLabel.js.map +1 -1
- package/cjs/components/Menu/MenuLabel/MenuLabel.styles.js +18 -0
- package/cjs/components/Menu/MenuLabel/MenuLabel.styles.js.map +1 -0
- package/cjs/index.js +2 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/get-context-item-index/get-context-item-index.js +19 -0
- package/cjs/utils/get-context-item-index/get-context-item-index.js.map +1 -0
- package/esm/components/List/List.context.js +9 -0
- package/esm/components/List/List.context.js.map +1 -0
- package/esm/components/List/List.js +5 -13
- package/esm/components/List/List.js.map +1 -1
- package/esm/components/List/ListItem/ListItem.js +7 -20
- package/esm/components/List/ListItem/ListItem.js.map +1 -1
- package/esm/components/Menu/Menu.context.js +13 -0
- package/esm/components/Menu/Menu.context.js.map +1 -0
- package/esm/components/Menu/Menu.js +27 -55
- package/esm/components/Menu/Menu.js.map +1 -1
- package/esm/components/Menu/Menu.styles.js +5 -5
- package/esm/components/Menu/Menu.styles.js.map +1 -1
- package/esm/components/Menu/MenuItem/MenuItem.js +22 -17
- package/esm/components/Menu/MenuItem/MenuItem.js.map +1 -1
- package/esm/components/Menu/MenuLabel/MenuLabel.js +26 -1
- package/esm/components/Menu/MenuLabel/MenuLabel.js.map +1 -1
- package/esm/components/Menu/MenuLabel/MenuLabel.styles.js +14 -0
- package/esm/components/Menu/MenuLabel/MenuLabel.styles.js.map +1 -0
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/utils/get-context-item-index/get-context-item-index.js +15 -0
- package/esm/utils/get-context-item-index/get-context-item-index.js.map +1 -0
- package/lib/components/ActionIcon/CloseButton/CloseButton.d.ts +1 -1
- package/lib/components/Alert/Alert.styles.d.ts +2 -2
- package/lib/components/Blockquote/Blockquote.styles.d.ts +2 -2
- package/lib/components/Checkbox/Checkbox.styles.d.ts +2 -2
- package/lib/components/Chips/Chip/Chip.styles.d.ts +2 -2
- package/lib/components/Drawer/Drawer.styles.d.ts +2 -2
- package/lib/components/Input/Input.styles.d.ts +2 -2
- package/lib/components/List/List.context.d.ts +14 -0
- package/lib/components/List/List.context.d.ts.map +1 -0
- package/lib/components/List/List.d.ts.map +1 -1
- package/lib/components/List/ListItem/ListItem.d.ts +2 -6
- package/lib/components/List/ListItem/ListItem.d.ts.map +1 -1
- package/lib/components/Menu/Menu.context.d.ts +16 -0
- package/lib/components/Menu/Menu.context.d.ts.map +1 -0
- package/lib/components/Menu/Menu.d.ts +2 -2
- package/lib/components/Menu/Menu.d.ts.map +1 -1
- package/lib/components/Menu/Menu.styles.d.ts +2 -2
- package/lib/components/Menu/MenuItem/MenuItem.d.ts +8 -14
- package/lib/components/Menu/MenuItem/MenuItem.d.ts.map +1 -1
- package/lib/components/Menu/MenuLabel/MenuLabel.d.ts +4 -2
- package/lib/components/Menu/MenuLabel/MenuLabel.d.ts.map +1 -1
- package/lib/components/Menu/MenuLabel/MenuLabel.styles.d.ts +7 -0
- package/lib/components/Menu/MenuLabel/MenuLabel.styles.d.ts.map +1 -0
- package/lib/components/Modal/Modal.styles.d.ts +2 -2
- package/lib/components/MultiSelect/MultiSelect.styles.d.ts +2 -2
- package/lib/components/Notification/Notification.styles.d.ts +2 -2
- package/lib/components/SegmentedControl/SegmentedControl.styles.d.ts +2 -2
- package/lib/components/Tabs/TabControl/TabControl.d.ts +1 -1
- package/lib/components/Tabs/Tabs.styles.d.ts +2 -2
- package/lib/components/Tooltip/Tooltip.styles.d.ts +2 -2
- package/lib/utils/get-context-item-index/get-context-item-index.d.ts +5 -0
- package/lib/utils/get-context-item-index/get-context-item-index.d.ts.map +1 -0
- package/lib/utils/index.d.ts +1 -0
- package/lib/utils/index.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react';
|
|
1
|
+
import React, { forwardRef, useRef } from 'react';
|
|
2
|
+
import { mergeRefs } from '@mantine/hooks';
|
|
3
|
+
import { useMenuContext } from '../Menu.context.js';
|
|
2
4
|
import useStyles from './MenuItem.styles.js';
|
|
5
|
+
import { getContextItemIndex } from '../../../utils/get-context-item-index/get-context-item-index.js';
|
|
3
6
|
import { Box } from '../../Box/Box.js';
|
|
4
7
|
|
|
5
8
|
var __defProp = Object.defineProperty;
|
|
@@ -30,43 +33,44 @@ var __objRest = (source, exclude) => {
|
|
|
30
33
|
}
|
|
31
34
|
return target;
|
|
32
35
|
};
|
|
33
|
-
const
|
|
36
|
+
const _MenuItem = forwardRef((_a, ref) => {
|
|
34
37
|
var _b = _a, {
|
|
35
38
|
className,
|
|
36
39
|
children,
|
|
37
|
-
onHover,
|
|
38
|
-
hovered,
|
|
39
40
|
icon,
|
|
40
41
|
color,
|
|
41
42
|
disabled,
|
|
42
43
|
rightSection,
|
|
43
44
|
component,
|
|
44
|
-
|
|
45
|
-
styles,
|
|
46
|
-
radius
|
|
45
|
+
onClick
|
|
47
46
|
} = _b, others = __objRest(_b, [
|
|
48
47
|
"className",
|
|
49
48
|
"children",
|
|
50
|
-
"onHover",
|
|
51
|
-
"hovered",
|
|
52
49
|
"icon",
|
|
53
50
|
"color",
|
|
54
51
|
"disabled",
|
|
55
52
|
"rightSection",
|
|
56
53
|
"component",
|
|
57
|
-
"
|
|
58
|
-
"styles",
|
|
59
|
-
"radius"
|
|
54
|
+
"onClick"
|
|
60
55
|
]);
|
|
56
|
+
const itemRef = useRef();
|
|
57
|
+
const { hovered, onItemHover, radius, onItemKeyDown, classNames, styles, onItemClick } = useMenuContext();
|
|
61
58
|
const { classes, cx } = useStyles({ color, radius }, { classNames, styles, name: "Menu" });
|
|
59
|
+
const itemIndex = getContextItemIndex({ elementSelector: ".mantine-Menu-item", parentClassName: "mantine-Menu-body" }, itemRef.current);
|
|
62
60
|
return /* @__PURE__ */ React.createElement(Box, __spreadValues({
|
|
63
61
|
component: component || "button",
|
|
64
62
|
type: "button",
|
|
65
63
|
role: "menuitem",
|
|
66
|
-
className: cx(classes.item, { [classes.itemHovered]: hovered }, className),
|
|
67
|
-
onMouseEnter: () => !disabled &&
|
|
68
|
-
|
|
69
|
-
|
|
64
|
+
className: cx(classes.item, { [classes.itemHovered]: hovered === itemIndex }, className),
|
|
65
|
+
onMouseEnter: () => !disabled && onItemHover(itemIndex),
|
|
66
|
+
onMouseLeave: () => onItemHover(-1),
|
|
67
|
+
onKeyDown: onItemKeyDown,
|
|
68
|
+
ref: mergeRefs(ref, itemRef),
|
|
69
|
+
disabled,
|
|
70
|
+
onClick: (event) => {
|
|
71
|
+
typeof onClick === "function" && onClick(event);
|
|
72
|
+
onItemClick();
|
|
73
|
+
}
|
|
70
74
|
}, others), /* @__PURE__ */ React.createElement("div", {
|
|
71
75
|
className: classes.itemInner
|
|
72
76
|
}, icon && /* @__PURE__ */ React.createElement("div", {
|
|
@@ -77,7 +81,8 @@ const MenuItem = forwardRef((_a, ref) => {
|
|
|
77
81
|
className: classes.itemLabel
|
|
78
82
|
}, children), rightSection)));
|
|
79
83
|
});
|
|
84
|
+
const MenuItem = _MenuItem;
|
|
80
85
|
MenuItem.displayName = "@mantine/core/MenuItem";
|
|
81
86
|
|
|
82
|
-
export { MenuItem };
|
|
87
|
+
export { MenuItem, _MenuItem };
|
|
83
88
|
//# sourceMappingURL=MenuItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"MenuItem.js","sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { ClassNames, PolymorphicComponentProps, DefaultProps, MantineColor } from '@mantine/styles';\nimport { mergeRefs } from '@mantine/hooks';\nimport { Box } from '../../Box';\nimport { useMenuContext } from '../Menu.context';\nimport { getContextItemIndex } from '../../../utils';\nimport useStyles from './MenuItem.styles';\n\nexport type MenuItemStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SharedMenuItemProps extends DefaultProps {\n /** Item label */\n children: React.ReactNode;\n\n /** Icon rendered on the left side of label */\n icon?: React.ReactNode;\n\n /** Any color from theme.colors */\n color?: MantineColor;\n\n /** Any react node to render on the right side of item, for example, keyboard shortcut or badge */\n rightSection?: React.ReactNode;\n\n /** Is item disabled */\n disabled?: boolean;\n}\n\ninterface _MenuItemProps\n extends SharedMenuItemProps,\n Omit<React.ComponentPropsWithoutRef<'button'>, keyof SharedMenuItemProps> {\n component: any;\n}\n\nexport const _MenuItem = forwardRef(\n (\n {\n className,\n children,\n icon,\n color,\n disabled,\n rightSection,\n component,\n onClick,\n ...others\n }: _MenuItemProps,\n ref: React.ForwardedRef<HTMLButtonElement>\n ) => {\n const itemRef = useRef<HTMLButtonElement>();\n const { hovered, onItemHover, radius, onItemKeyDown, classNames, styles, onItemClick } =\n useMenuContext();\n const { classes, cx } = useStyles({ color, radius }, { classNames, styles, name: 'Menu' });\n const itemIndex = getContextItemIndex(\n { elementSelector: '.mantine-Menu-item', parentClassName: 'mantine-Menu-body' },\n itemRef.current\n );\n\n return (\n <Box\n component={component || 'button'}\n type=\"button\"\n role=\"menuitem\"\n className={cx(classes.item, { [classes.itemHovered]: hovered === itemIndex }, className)}\n onMouseEnter={() => !disabled && onItemHover(itemIndex)}\n onMouseLeave={() => onItemHover(-1)}\n onKeyDown={onItemKeyDown}\n ref={mergeRefs(ref, itemRef)}\n disabled={disabled}\n onClick={(event: React.MouseEvent<any, MouseEvent>) => {\n typeof onClick === 'function' && onClick(event);\n onItemClick();\n }}\n {...others}\n >\n <div className={classes.itemInner}>\n {icon && <div className={classes.itemIcon}>{icon}</div>}\n\n <div className={classes.itemBody}>\n <div className={classes.itemLabel}>{children}</div>\n {rightSection}\n </div>\n </div>\n </Box>\n );\n }\n);\n\nexport type MenuItemProps<C> = PolymorphicComponentProps<C, SharedMenuItemProps>;\ntype MenuItemComponent = <C = 'button'>(props: MenuItemProps<C>) => React.ReactElement;\n\nexport const MenuItem: MenuItemComponent & { displayName?: string } = _MenuItem as any;\n\nMenuItem.displayName = '@mantine/core/MenuItem';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Text } from '../../Text/Text.js';
|
|
3
|
+
import { useMenuContext } from '../Menu.context.js';
|
|
4
|
+
import useStyles from './MenuLabel.styles.js';
|
|
5
|
+
|
|
6
|
+
var __defProp = Object.defineProperty;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
+
var __spreadValues = (a, b) => {
|
|
12
|
+
for (var prop in b || (b = {}))
|
|
13
|
+
if (__hasOwnProp.call(b, prop))
|
|
14
|
+
__defNormalProp(a, prop, b[prop]);
|
|
15
|
+
if (__getOwnPropSymbols)
|
|
16
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
+
if (__propIsEnum.call(b, prop))
|
|
18
|
+
__defNormalProp(a, prop, b[prop]);
|
|
19
|
+
}
|
|
20
|
+
return a;
|
|
21
|
+
};
|
|
1
22
|
function MenuLabel(props) {
|
|
2
|
-
|
|
23
|
+
const { classNames, styles } = useMenuContext("Label");
|
|
24
|
+
const { classes } = useStyles(null, { name: "Menu", classNames, styles });
|
|
25
|
+
return /* @__PURE__ */ React.createElement(Text, __spreadValues({
|
|
26
|
+
className: classes.label
|
|
27
|
+
}, props));
|
|
3
28
|
}
|
|
4
29
|
MenuLabel.displayName = "@mantine/core/MenuLabel";
|
|
5
30
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuLabel.js","sources":["../../../../src/components/Menu/MenuLabel/MenuLabel.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps } from '@mantine/styles';\nimport { SharedTextProps } from '../../Text/Text';\n\nexport interface MenuLabelProps\n extends DefaultProps,\n SharedTextProps,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'color'> {\n /** Label content */\n children: React.ReactNode;\n}\n\nexport interface MenuLabelType {\n type: any;\n props: MenuLabelProps;\n ref?: React.RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement) => void);\n}\n\nexport function MenuLabel(\n
|
|
1
|
+
{"version":3,"file":"MenuLabel.js","sources":["../../../../src/components/Menu/MenuLabel/MenuLabel.tsx"],"sourcesContent":["import React from 'react';\nimport { ClassNames, DefaultProps } from '@mantine/styles';\nimport { SharedTextProps, Text } from '../../Text/Text';\nimport { useMenuContext } from '../Menu.context';\nimport useStyles from './MenuLabel.styles';\n\nexport type MenuLabelStylesNames = ClassNames<typeof useStyles>;\n\nexport interface MenuLabelProps\n extends DefaultProps,\n SharedTextProps,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'color'> {\n /** Label content */\n children: React.ReactNode;\n}\n\nexport interface MenuLabelType {\n type: any;\n props: MenuLabelProps;\n ref?: React.RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement) => void);\n}\n\nexport function MenuLabel(props: MenuLabelProps) {\n const { classNames, styles } = useMenuContext('Label');\n const { classes } = useStyles(null, { name: 'Menu', classNames, styles });\n return <Text className={classes.label} {...props} />;\n}\n\nMenuLabel.displayName = '@mantine/core/MenuLabel';\n"],"names":[],"mappings":";;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAKK,SAAS,SAAS,CAAC,KAAK,EAAE;AACjC,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AACzD,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC;AAC5E,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,cAAc,CAAC;AAClE,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AACb,CAAC;AACD,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { createStyles } from '@mantine/styles';
|
|
2
|
+
|
|
3
|
+
var useStyles = createStyles((theme) => ({
|
|
4
|
+
label: {
|
|
5
|
+
color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6],
|
|
6
|
+
fontWeight: 500,
|
|
7
|
+
fontSize: theme.fontSizes.xs,
|
|
8
|
+
padding: `${theme.spacing.xs / 2}px ${theme.spacing.sm}px`,
|
|
9
|
+
cursor: "default"
|
|
10
|
+
}
|
|
11
|
+
}));
|
|
12
|
+
|
|
13
|
+
export default useStyles;
|
|
14
|
+
//# sourceMappingURL=MenuLabel.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuLabel.styles.js","sources":["../../../../src/components/Menu/MenuLabel/MenuLabel.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n label: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n fontWeight: 500,\n fontSize: theme.fontSizes.xs,\n padding: `${theme.spacing.xs / 2}px ${theme.spacing.sm}px`,\n cursor: 'default',\n },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,KAAK,EAAE;AACT,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC9D,IAAI,MAAM,EAAE,SAAS;AACrB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
package/esm/index.js
CHANGED
|
@@ -4,6 +4,7 @@ export { filterChildrenByType } from './utils/filter-children-by-type/filter-chi
|
|
|
4
4
|
export { findChildByType } from './utils/find-child-by-type/find-child-by-type.js';
|
|
5
5
|
export { filterFalsyChildren } from './utils/filter-falsy-children/filter-falsy-children.js';
|
|
6
6
|
export { getGroupedOptions, groupOptions } from './utils/group-options/group-options.js';
|
|
7
|
+
export { getContextItemIndex } from './utils/get-context-item-index/get-context-item-index.js';
|
|
7
8
|
export { createAccordionState, useAccordionState } from './components/Accordion/use-accordion-state/use-accordion-state.js';
|
|
8
9
|
export { Accordion } from './components/Accordion/Accordion.js';
|
|
9
10
|
export { AccordionItem } from './components/Accordion/AccordionItem/AccordionItem.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
function findAncestor(element, className) {
|
|
2
|
+
let _element = element;
|
|
3
|
+
while ((_element = _element.parentElement) && !_element.classList.contains(className))
|
|
4
|
+
;
|
|
5
|
+
return _element;
|
|
6
|
+
}
|
|
7
|
+
function getContextItemIndex(options, node) {
|
|
8
|
+
if (!node) {
|
|
9
|
+
return -1;
|
|
10
|
+
}
|
|
11
|
+
return Array.from(findAncestor(node, options.parentClassName).querySelectorAll(options.elementSelector)).findIndex((element) => element === node);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { getContextItemIndex };
|
|
15
|
+
//# sourceMappingURL=get-context-item-index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-context-item-index.js","sources":["../../../src/utils/get-context-item-index/get-context-item-index.ts"],"sourcesContent":["/* eslint-disable no-cond-assign */\n\nfunction findAncestor(element: HTMLElement, className: string) {\n let _element = element;\n while ((_element = _element.parentElement) && !_element.classList.contains(className));\n return _element;\n}\n\nexport function getContextItemIndex(\n options: { elementSelector: string; parentClassName: string },\n node: HTMLElement\n) {\n if (!node) {\n return -1;\n }\n\n return Array.from(\n findAncestor(node, options.parentClassName).querySelectorAll(options.elementSelector)\n ).findIndex((element) => element === node);\n}\n"],"names":[],"mappings":"AAAA,SAAS,YAAY,CAAC,OAAO,EAAE,SAAS,EAAE;AAC1C,EAAE,IAAI,QAAQ,GAAG,OAAO,CAAC;AACzB,EAAE,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;AACvF,IAAI,CAAC;AACL,EAAE,OAAO,QAAQ,CAAC;AAClB,CAAC;AACM,SAAS,mBAAmB,CAAC,OAAO,EAAE,IAAI,EAAE;AACnD,EAAE,IAAI,CAAC,IAAI,EAAE;AACb,IAAI,OAAO,CAAC,CAAC,CAAC;AACd,GAAG;AACH,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,KAAK,OAAO,KAAK,IAAI,CAAC,CAAC;AACpJ;;;;"}
|
|
@@ -4,5 +4,5 @@ export interface CloseButtonProps extends Omit<ActionIconProps<'button'>, 'child
|
|
|
4
4
|
/** Width and height of cross icon */
|
|
5
5
|
iconSize?: number;
|
|
6
6
|
}
|
|
7
|
-
export declare const CloseButton: React.ForwardRefExoticComponent<Pick<CloseButtonProps, "
|
|
7
|
+
export declare const CloseButton: React.ForwardRefExoticComponent<Pick<CloseButtonProps, "dir" | "form" | "p" | "slot" | "style" | "title" | "onChange" | "value" | "color" | "translate" | "hidden" | "size" | "disabled" | "sx" | "className" | "classNames" | "styles" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "component" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "radius" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "loading" | "variant" | "loaderProps" | "iconSize"> & React.RefAttributes<HTMLButtonElement>>;
|
|
8
8
|
//# sourceMappingURL=CloseButton.d.ts.map
|
|
@@ -4,8 +4,8 @@ export interface AlertStylesParams {
|
|
|
4
4
|
radius: MantineNumberSize;
|
|
5
5
|
variant: 'filled' | 'outline' | 'light';
|
|
6
6
|
}
|
|
7
|
-
declare const _default: (params: AlertStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "
|
|
8
|
-
classes: Record<"label" | "
|
|
7
|
+
declare const _default: (params: AlertStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "body" | "title" | "outline" | "light" | "filled" | "icon" | "wrapper" | "root" | "closeButton" | "message">) => {
|
|
8
|
+
classes: Record<"label" | "body" | "title" | "outline" | "light" | "filled" | "icon" | "wrapper" | "root" | "closeButton" | "message", string>;
|
|
9
9
|
cx: (...args: any) => string;
|
|
10
10
|
theme: import("@mantine/styles").MantineTheme;
|
|
11
11
|
};
|
|
@@ -2,8 +2,8 @@ import { MantineColor } from '@mantine/styles';
|
|
|
2
2
|
export interface BlockquoteStylesParams {
|
|
3
3
|
color: MantineColor;
|
|
4
4
|
}
|
|
5
|
-
declare const _default: (params: BlockquoteStylesParams, options?: import("@mantine/styles").UseStylesOptions<"
|
|
6
|
-
classes: Record<"
|
|
5
|
+
declare const _default: (params: BlockquoteStylesParams, options?: import("@mantine/styles").UseStylesOptions<"body" | "cite" | "icon" | "root" | "inner">) => {
|
|
6
|
+
classes: Record<"body" | "cite" | "icon" | "root" | "inner", string>;
|
|
7
7
|
cx: (...args: any) => string;
|
|
8
8
|
theme: import("@mantine/styles").MantineTheme;
|
|
9
9
|
};
|
|
@@ -12,8 +12,8 @@ export interface CheckboxStylesParams {
|
|
|
12
12
|
color: MantineColor;
|
|
13
13
|
transitionDuration: number;
|
|
14
14
|
}
|
|
15
|
-
declare const _default: (params: CheckboxStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "
|
|
16
|
-
classes: Record<"label" | "
|
|
15
|
+
declare const _default: (params: CheckboxStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "input" | "icon" | "root" | "inner">) => {
|
|
16
|
+
classes: Record<"label" | "input" | "icon" | "root" | "inner", string>;
|
|
17
17
|
cx: (...args: any) => string;
|
|
18
18
|
theme: import("@mantine/styles").MantineTheme;
|
|
19
19
|
};
|
|
@@ -11,8 +11,8 @@ export interface ChipStylesParams {
|
|
|
11
11
|
size: MantineSize;
|
|
12
12
|
color: MantineColor;
|
|
13
13
|
}
|
|
14
|
-
declare const _default: (params: ChipStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "
|
|
15
|
-
classes: Record<"label" | "
|
|
14
|
+
declare const _default: (params: ChipStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "input" | "outline" | "filled" | "disabled" | "checked" | "root" | "iconWrapper" | "checkIcon">) => {
|
|
15
|
+
classes: Record<"label" | "input" | "outline" | "filled" | "disabled" | "checked" | "root" | "iconWrapper" | "checkIcon", string>;
|
|
16
16
|
cx: (...args: any) => string;
|
|
17
17
|
theme: import("@mantine/styles").MantineTheme;
|
|
18
18
|
};
|
|
@@ -13,8 +13,8 @@ export interface DrawerStylesParams {
|
|
|
13
13
|
size: number | string;
|
|
14
14
|
zIndex: number;
|
|
15
15
|
}
|
|
16
|
-
declare const _default: (params: DrawerStylesParams, options?: import("@mantine/styles").UseStylesOptions<"
|
|
17
|
-
classes: Record<"
|
|
16
|
+
declare const _default: (params: DrawerStylesParams, options?: import("@mantine/styles").UseStylesOptions<"header" | "title" | "overlay" | "root" | "closeButton" | "noOverlay" | "drawer">) => {
|
|
17
|
+
classes: Record<"header" | "title" | "overlay" | "root" | "closeButton" | "noOverlay" | "drawer", string>;
|
|
18
18
|
cx: (...args: any) => string;
|
|
19
19
|
theme: MantineTheme;
|
|
20
20
|
};
|
|
@@ -17,8 +17,8 @@ export declare const sizes: {
|
|
|
17
17
|
lg: number;
|
|
18
18
|
xl: number;
|
|
19
19
|
};
|
|
20
|
-
declare const _default: (params: InputStylesParams, options?: import("@mantine/styles").UseStylesOptions<"
|
|
21
|
-
classes: Record<"
|
|
20
|
+
declare const _default: (params: InputStylesParams, options?: import("@mantine/styles").UseStylesOptions<"input" | "icon" | "disabled" | "wrapper" | "defaultVariant" | "filledVariant" | "unstyledVariant" | "withIcon" | "invalid" | "rightSection">) => {
|
|
21
|
+
classes: Record<"input" | "icon" | "disabled" | "wrapper" | "defaultVariant" | "filledVariant" | "unstyledVariant" | "withIcon" | "invalid" | "rightSection", string>;
|
|
22
22
|
cx: (...args: any) => string;
|
|
23
23
|
theme: import("@mantine/styles").MantineTheme;
|
|
24
24
|
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CSSObject, MantineNumberSize, MantineTheme } from '@mantine/styles';
|
|
3
|
+
import type { ListItemStylesNames } from './ListItem/ListItem';
|
|
4
|
+
interface ListContextValue {
|
|
5
|
+
classNames?: Partial<Record<ListItemStylesNames, string>>;
|
|
6
|
+
styles?: Partial<Record<ListItemStylesNames, CSSObject>> | ((theme: MantineTheme) => Partial<Record<ListItemStylesNames, CSSObject>>);
|
|
7
|
+
spacing?: MantineNumberSize;
|
|
8
|
+
center?: boolean;
|
|
9
|
+
icon?: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare const ListContext: import("react").Context<ListContextValue>;
|
|
12
|
+
export declare function useListContext(): ListContextValue;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=List.context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.context.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,UAAU,gBAAgB;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,EACH,OAAO,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,GAC/C,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAC/E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,2CAAwC,CAAC;AAEjE,wBAAgB,cAAc,IAAI,gBAAgB,CAEjD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,8BAA8B,EAE/B,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,8BAA8B,EAE/B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAEpE,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,oBAAY,eAAe,GAAG,mBAAmB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAEjF,MAAM,WAAW,SACf,SAAQ,YAAY,CAAC,eAAe,CAAC,EACnC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC;IACtC,oCAAoC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAE/B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,wDAAwD;IACxD,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,oEAAoE;IACpE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,6BAA6B;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,iBAAiB;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;CACtD;AAED,aAAK,aAAa,GAAG,8BAA8B,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,OAAO,QAAQ,CAAA;CAAE,CAAC,CAAC;AAQ1F,eAAO,MAAM,IAAI,EAAE,aAmCX,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DefaultProps,
|
|
2
|
+
import { DefaultProps, ClassNames } from '@mantine/styles';
|
|
3
3
|
import useStyles from './ListItem.styles';
|
|
4
4
|
export declare type ListItemStylesNames = ClassNames<typeof useStyles>;
|
|
5
5
|
export interface ListItemProps extends DefaultProps<ListItemStylesNames>, React.ComponentPropsWithoutRef<'li'> {
|
|
@@ -7,12 +7,8 @@ export interface ListItemProps extends DefaultProps<ListItemStylesNames>, React.
|
|
|
7
7
|
icon?: React.ReactNode;
|
|
8
8
|
/** Item content */
|
|
9
9
|
children: React.ReactNode;
|
|
10
|
-
/** Predefined spacing between items or number to set value in px */
|
|
11
|
-
spacing?: MantineNumberSize;
|
|
12
|
-
/** Center item content with icon */
|
|
13
|
-
center?: boolean;
|
|
14
10
|
}
|
|
15
|
-
export declare function ListItem({ className, children, icon,
|
|
11
|
+
export declare function ListItem({ className, children, icon, ...others }: ListItemProps): JSX.Element;
|
|
16
12
|
export declare namespace ListItem {
|
|
17
13
|
var displayName: string;
|
|
18
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG3D,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAE1C,oBAAY,mBAAmB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/D,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,mBAAmB,CAAC,EACvC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC;IACtC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,EAAE,aAAa,eAiB/E;yBAjBe,QAAQ"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { MantineNumberSize, MantineTheme, CSSObject } from '@mantine/styles';
|
|
3
|
+
import type { MenuStylesNames } from './Menu';
|
|
4
|
+
interface MenuContextValue {
|
|
5
|
+
hovered: number;
|
|
6
|
+
radius: MantineNumberSize;
|
|
7
|
+
classNames: Partial<Record<MenuStylesNames, string>>;
|
|
8
|
+
styles: Partial<Record<MenuStylesNames, CSSObject>> | ((theme: MantineTheme) => Partial<Record<MenuStylesNames, CSSObject>>);
|
|
9
|
+
onItemHover(index: number): void;
|
|
10
|
+
onItemKeyDown(event: React.KeyboardEvent<HTMLElement>): void;
|
|
11
|
+
onItemClick(): void;
|
|
12
|
+
}
|
|
13
|
+
export declare const MenuContext: import("react").Context<MenuContextValue>;
|
|
14
|
+
export declare function useMenuContext(component?: string): MenuContextValue;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=Menu.context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.context.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAE9C,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,MAAM,EACF,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,GAC3C,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAC3E,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC7D,WAAW,IAAI,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,2CAAwC,CAAC;AAEjE,wBAAgB,cAAc,CAAC,SAAS,SAAS,oBAQhD"}
|
|
@@ -2,9 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { DefaultProps, MantineNumberSize, MantineShadow, ClassNames, ForwardRefWithStaticComponents } from '@mantine/styles';
|
|
3
3
|
import { SharedPopperProps } from '../Popper';
|
|
4
4
|
import { MenuItem, MenuItemStylesNames } from './MenuItem/MenuItem';
|
|
5
|
-
import { MenuLabel } from './MenuLabel/MenuLabel';
|
|
5
|
+
import { MenuLabel, MenuLabelStylesNames } from './MenuLabel/MenuLabel';
|
|
6
6
|
import useStyles from './Menu.styles';
|
|
7
|
-
export declare type MenuStylesNames = ClassNames<typeof useStyles> | MenuItemStylesNames;
|
|
7
|
+
export declare type MenuStylesNames = ClassNames<typeof useStyles> | MenuItemStylesNames | MenuLabelStylesNames;
|
|
8
8
|
export interface MenuProps extends DefaultProps<MenuStylesNames>, SharedPopperProps, React.ComponentPropsWithRef<'div'> {
|
|
9
9
|
/** <MenuItem /> and <Divider /> components only, children are passed to MenuBody component */
|
|
10
10
|
children: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAQ1E,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,UAAU,EAEV,8BAA8B,EAE/B,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAQ1E,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,UAAU,EAEV,8BAA8B,EAE/B,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAU,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAExE,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,oBAAY,eAAe,GACvB,UAAU,CAAC,OAAO,SAAS,CAAC,GAC5B,mBAAmB,GACnB,oBAAoB,CAAC;AAEzB,MAAM,WAAW,SACf,SAAQ,YAAY,CAAC,eAAe,CAAC,EACnC,iBAAiB,EACjB,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC;IACpC,+FAA+F;IAC/F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,sDAAsD;IACtD,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAE7B,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,uCAAuC;IACvC,OAAO,CAAC,IAAI,IAAI,CAAC;IAEjB,uCAAuC;IACvC,MAAM,CAAC,IAAI,IAAI,CAAC;IAEhB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,sDAAsD;IACtD,IAAI,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;IAElC,uDAAuD;IACvD,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAE5B,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAQD,aAAK,aAAa,GAAG,8BAA8B,CACjD,SAAS,EACT;IAAE,IAAI,EAAE,OAAO,QAAQ,CAAC;IAAC,KAAK,EAAE,OAAO,SAAS,CAAA;CAAE,CACnD,CAAC;AA0DF,eAAO,MAAM,IAAI,EAAE,aAuNX,CAAC"}
|
|
@@ -9,8 +9,8 @@ export declare const sizes: {
|
|
|
9
9
|
lg: number;
|
|
10
10
|
xl: number;
|
|
11
11
|
};
|
|
12
|
-
declare const _default: (params: MenuStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "body" | "root" | "arrow"
|
|
13
|
-
classes: Record<"label" | "body" | "root" | "arrow"
|
|
12
|
+
declare const _default: (params: MenuStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "body" | "root" | "arrow">) => {
|
|
13
|
+
classes: Record<"label" | "body" | "root" | "arrow", string>;
|
|
14
14
|
cx: (...args: any) => string;
|
|
15
15
|
theme: import("@mantine/styles").MantineTheme;
|
|
16
16
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ClassNames, PolymorphicComponentProps, DefaultProps, MantineColor } from '@mantine/styles';
|
|
3
3
|
import useStyles from './MenuItem.styles';
|
|
4
4
|
export declare type MenuItemStylesNames = ClassNames<typeof useStyles>;
|
|
5
|
-
export interface SharedMenuItemProps extends DefaultProps
|
|
5
|
+
export interface SharedMenuItemProps extends DefaultProps {
|
|
6
6
|
/** Item label */
|
|
7
7
|
children: React.ReactNode;
|
|
8
8
|
/** Icon rendered on the left side of label */
|
|
@@ -13,21 +13,15 @@ export interface SharedMenuItemProps extends DefaultProps<MenuItemStylesNames> {
|
|
|
13
13
|
rightSection?: React.ReactNode;
|
|
14
14
|
/** Is item disabled */
|
|
15
15
|
disabled?: boolean;
|
|
16
|
-
/** Is item hovered, controlled by parent Menu component */
|
|
17
|
-
hovered?: boolean;
|
|
18
|
-
/** Called when item is hovered, controlled by parent Menu component */
|
|
19
|
-
onHover?(): void;
|
|
20
|
-
/** Border radius, controlled by parent Menu component */
|
|
21
|
-
radius?: MantineNumberSize;
|
|
22
16
|
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
export interface MenuItemType {
|
|
26
|
-
type: any;
|
|
27
|
-
props: MenuItemProps<'button'>;
|
|
28
|
-
ref?: React.RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement) => void);
|
|
17
|
+
interface _MenuItemProps extends SharedMenuItemProps, Omit<React.ComponentPropsWithoutRef<'button'>, keyof SharedMenuItemProps> {
|
|
18
|
+
component: any;
|
|
29
19
|
}
|
|
20
|
+
export declare const _MenuItem: React.ForwardRefExoticComponent<_MenuItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
21
|
+
export declare type MenuItemProps<C> = PolymorphicComponentProps<C, SharedMenuItemProps>;
|
|
22
|
+
declare type MenuItemComponent = <C = 'button'>(props: MenuItemProps<C>) => React.ReactElement;
|
|
30
23
|
export declare const MenuItem: MenuItemComponent & {
|
|
31
24
|
displayName?: string;
|
|
32
25
|
};
|
|
26
|
+
export {};
|
|
33
27
|
//# sourceMappingURL=MenuItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,yBAAyB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKpG,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAE1C,oBAAY,mBAAmB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/D,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,iBAAiB;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,kCAAkC;IAClC,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,kGAAkG;IAClG,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,cACR,SAAQ,mBAAmB,EACzB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,mBAAmB,CAAC;IAC3E,SAAS,EAAE,GAAG,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,0FAoDrB,CAAC;AAEF,oBAAY,aAAa,CAAC,CAAC,IAAI,yBAAyB,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC;AACjF,aAAK,iBAAiB,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;AAEvF,eAAO,MAAM,QAAQ,EAAE,iBAAiB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAqB,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DefaultProps } from '@mantine/styles';
|
|
2
|
+
import { ClassNames, DefaultProps } from '@mantine/styles';
|
|
3
3
|
import { SharedTextProps } from '../../Text/Text';
|
|
4
|
+
import useStyles from './MenuLabel.styles';
|
|
5
|
+
export declare type MenuLabelStylesNames = ClassNames<typeof useStyles>;
|
|
4
6
|
export interface MenuLabelProps extends DefaultProps, SharedTextProps, Omit<React.ComponentPropsWithoutRef<'div'>, 'color'> {
|
|
5
7
|
/** Label content */
|
|
6
8
|
children: React.ReactNode;
|
|
@@ -10,7 +12,7 @@ export interface MenuLabelType {
|
|
|
10
12
|
props: MenuLabelProps;
|
|
11
13
|
ref?: React.RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement) => void);
|
|
12
14
|
}
|
|
13
|
-
export declare function MenuLabel(props: MenuLabelProps):
|
|
15
|
+
export declare function MenuLabel(props: MenuLabelProps): JSX.Element;
|
|
14
16
|
export declare namespace MenuLabel {
|
|
15
17
|
var displayName: string;
|
|
16
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuLabel/MenuLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuLabel/MenuLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAQ,MAAM,iBAAiB,CAAC;AAExD,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,oBAAY,oBAAoB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAEhE,MAAM,WAAW,cACf,SAAQ,YAAY,EAClB,eAAe,EACf,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,GAAG,CAAC;IACV,KAAK,EAAE,cAAc,CAAC;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC,CAAC;CACpF;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eAI9C;yBAJe,SAAS"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
declare const _default: (params: void, options?: import("@mantine/styles").UseStylesOptions<"label">) => {
|
|
2
|
+
classes: Record<"label", string>;
|
|
3
|
+
cx: (...args: any) => string;
|
|
4
|
+
theme: import("@mantine/styles").MantineTheme;
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
//# sourceMappingURL=MenuLabel.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuLabel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuLabel/MenuLabel.styles.ts"],"names":[],"mappings":";;;;;AAEA,wBAQI"}
|
|
@@ -12,8 +12,8 @@ export interface ModalStylesParams {
|
|
|
12
12
|
centered: boolean;
|
|
13
13
|
zIndex: number;
|
|
14
14
|
}
|
|
15
|
-
declare const _default: (params: ModalStylesParams, options?: import("@mantine/styles").UseStylesOptions<"
|
|
16
|
-
classes: Record<"
|
|
15
|
+
declare const _default: (params: ModalStylesParams, options?: import("@mantine/styles").UseStylesOptions<"body" | "header" | "title" | "overlay" | "root" | "inner" | "modal" | "close">) => {
|
|
16
|
+
classes: Record<"body" | "header" | "title" | "overlay" | "root" | "inner" | "modal" | "close", string>;
|
|
17
17
|
cx: (...args: any) => string;
|
|
18
18
|
theme: import("@mantine/styles").MantineTheme;
|
|
19
19
|
};
|
|
@@ -3,8 +3,8 @@ export interface MultiSelectStylesParams {
|
|
|
3
3
|
size: MantineSize;
|
|
4
4
|
invalid: boolean;
|
|
5
5
|
}
|
|
6
|
-
declare const _default: (params: MultiSelectStylesParams, options?: import("@mantine/styles").UseStylesOptions<"values" | "
|
|
7
|
-
classes: Record<"values" | "
|
|
6
|
+
declare const _default: (params: MultiSelectStylesParams, options?: import("@mantine/styles").UseStylesOptions<"values" | "input" | "value" | "wrapper" | "searchInput" | "searchInputEmpty" | "searchInputInputHidden" | "searchInputPointer">) => {
|
|
7
|
+
classes: Record<"values" | "input" | "value" | "wrapper" | "searchInput" | "searchInputEmpty" | "searchInputInputHidden" | "searchInputPointer", string>;
|
|
8
8
|
cx: (...args: any) => string;
|
|
9
9
|
theme: import("@mantine/styles").MantineTheme;
|
|
10
10
|
};
|
|
@@ -4,8 +4,8 @@ export interface NotificationStylesParams {
|
|
|
4
4
|
radius: MantineNumberSize;
|
|
5
5
|
disallowClose: boolean;
|
|
6
6
|
}
|
|
7
|
-
declare const _default: (params: NotificationStylesParams, options?: import("@mantine/styles").UseStylesOptions<"
|
|
8
|
-
classes: Record<"
|
|
7
|
+
declare const _default: (params: NotificationStylesParams, options?: import("@mantine/styles").UseStylesOptions<"body" | "title" | "icon" | "withIcon" | "root" | "loader" | "closeButton" | "description">) => {
|
|
8
|
+
classes: Record<"body" | "title" | "icon" | "withIcon" | "root" | "loader" | "closeButton" | "description", string>;
|
|
9
9
|
cx: (...args: any) => string;
|
|
10
10
|
theme: import("@mantine/styles").MantineTheme;
|
|
11
11
|
};
|