@mantine/core 5.9.4 → 5.9.6
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/Accordion/Accordion.context.js.map +1 -1
- package/cjs/Accordion/Accordion.js +2 -3
- package/cjs/Accordion/Accordion.js.map +1 -1
- package/cjs/Accordion/AccordionControl/AccordionControl.js +2 -3
- package/cjs/Accordion/AccordionControl/AccordionControl.js.map +1 -1
- package/cjs/Accordion/AccordionItem/AccordionItem.js +1 -2
- package/cjs/Accordion/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/Accordion/AccordionPanel/AccordionPanel.js +1 -1
- package/cjs/Accordion/AccordionPanel/AccordionPanel.js.map +1 -1
- package/cjs/Accordion/AccordionProvider.js +8 -2
- package/cjs/Accordion/AccordionProvider.js.map +1 -1
- package/cjs/Box/style-system-props/system-props/system-props.js +6 -6
- package/cjs/Box/style-system-props/system-props/system-props.js.map +1 -1
- package/cjs/FileInput/FileInput.js +4 -1
- package/cjs/FileInput/FileInput.js.map +1 -1
- package/cjs/List/List.context.js.map +1 -1
- package/cjs/List/List.js +13 -7
- package/cjs/List/List.js.map +1 -1
- package/cjs/List/ListItem/ListItem.js +11 -2
- package/cjs/List/ListItem/ListItem.js.map +1 -1
- package/cjs/Menu/Menu.context.js.map +1 -1
- package/cjs/Menu/Menu.js +4 -1
- package/cjs/Menu/Menu.js.map +1 -1
- package/cjs/Menu/MenuDivider/MenuDivider.js +2 -1
- package/cjs/Menu/MenuDivider/MenuDivider.js.map +1 -1
- package/cjs/Menu/MenuItem/MenuItem.js +1 -2
- package/cjs/Menu/MenuItem/MenuItem.js.map +1 -1
- package/cjs/Menu/MenuLabel/MenuLabel.js +2 -1
- package/cjs/Menu/MenuLabel/MenuLabel.js.map +1 -1
- package/cjs/Popover/Popover.context.js.map +1 -1
- package/cjs/Popover/Popover.js +7 -8
- package/cjs/Popover/Popover.js.map +1 -1
- package/cjs/Popover/PopoverDropdown/PopoverDropdown.js +6 -2
- package/cjs/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/cjs/ScrollArea/ScrollArea.js +6 -4
- package/cjs/ScrollArea/ScrollArea.js.map +1 -1
- package/cjs/Space/Space.js +5 -10
- package/cjs/Space/Space.js.map +1 -1
- package/cjs/Tabs/Tab/Tab.js +2 -3
- package/cjs/Tabs/Tab/Tab.js.map +1 -1
- package/cjs/Tabs/Tabs.context.js.map +1 -1
- package/cjs/Tabs/Tabs.js +6 -7
- package/cjs/Tabs/Tabs.js.map +1 -1
- package/cjs/Tabs/TabsList/TabsList.js +1 -2
- package/cjs/Tabs/TabsList/TabsList.js.map +1 -1
- package/cjs/Tabs/TabsPanel/TabsPanel.js +1 -2
- package/cjs/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/cjs/Tabs/TabsProvider.js +8 -2
- package/cjs/Tabs/TabsProvider.js.map +1 -1
- package/cjs/Title/Title.js.map +1 -1
- package/cjs/Tooltip/TooltipFloating/TooltipFloating.js +1 -1
- package/cjs/Tooltip/TooltipFloating/TooltipFloating.js.map +1 -1
- package/esm/Accordion/Accordion.context.js.map +1 -1
- package/esm/Accordion/Accordion.js +3 -4
- package/esm/Accordion/Accordion.js.map +1 -1
- package/esm/Accordion/AccordionControl/AccordionControl.js +3 -4
- package/esm/Accordion/AccordionControl/AccordionControl.js.map +1 -1
- package/esm/Accordion/AccordionItem/AccordionItem.js +2 -3
- package/esm/Accordion/AccordionItem/AccordionItem.js.map +1 -1
- package/esm/Accordion/AccordionPanel/AccordionPanel.js +2 -2
- package/esm/Accordion/AccordionPanel/AccordionPanel.js.map +1 -1
- package/esm/Accordion/AccordionProvider.js +8 -2
- package/esm/Accordion/AccordionProvider.js.map +1 -1
- package/esm/Box/style-system-props/system-props/system-props.js +6 -6
- package/esm/Box/style-system-props/system-props/system-props.js.map +1 -1
- package/esm/FileInput/FileInput.js +4 -1
- package/esm/FileInput/FileInput.js.map +1 -1
- package/esm/List/List.context.js.map +1 -1
- package/esm/List/List.js +14 -8
- package/esm/List/List.js.map +1 -1
- package/esm/List/ListItem/ListItem.js +12 -3
- package/esm/List/ListItem/ListItem.js.map +1 -1
- package/esm/Menu/Menu.context.js.map +1 -1
- package/esm/Menu/Menu.js +4 -1
- package/esm/Menu/Menu.js.map +1 -1
- package/esm/Menu/MenuDivider/MenuDivider.js +3 -2
- package/esm/Menu/MenuDivider/MenuDivider.js.map +1 -1
- package/esm/Menu/MenuItem/MenuItem.js +2 -3
- package/esm/Menu/MenuItem/MenuItem.js.map +1 -1
- package/esm/Menu/MenuLabel/MenuLabel.js +3 -2
- package/esm/Menu/MenuLabel/MenuLabel.js.map +1 -1
- package/esm/Popover/Popover.context.js.map +1 -1
- package/esm/Popover/Popover.js +8 -9
- package/esm/Popover/Popover.js.map +1 -1
- package/esm/Popover/PopoverDropdown/PopoverDropdown.js +7 -3
- package/esm/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/esm/ScrollArea/ScrollArea.js +6 -4
- package/esm/ScrollArea/ScrollArea.js.map +1 -1
- package/esm/Space/Space.js +5 -10
- package/esm/Space/Space.js.map +1 -1
- package/esm/Tabs/Tab/Tab.js +3 -4
- package/esm/Tabs/Tab/Tab.js.map +1 -1
- package/esm/Tabs/Tabs.context.js.map +1 -1
- package/esm/Tabs/Tabs.js +7 -8
- package/esm/Tabs/Tabs.js.map +1 -1
- package/esm/Tabs/TabsList/TabsList.js +2 -3
- package/esm/Tabs/TabsList/TabsList.js.map +1 -1
- package/esm/Tabs/TabsPanel/TabsPanel.js +2 -3
- package/esm/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/esm/Tabs/TabsProvider.js +8 -2
- package/esm/Tabs/TabsProvider.js.map +1 -1
- package/esm/Title/Title.js.map +1 -1
- package/esm/Tooltip/TooltipFloating/TooltipFloating.js +1 -1
- package/esm/Tooltip/TooltipFloating/TooltipFloating.js.map +1 -1
- package/lib/Accordion/Accordion.context.d.ts +5 -1
- package/lib/Accordion/Accordion.context.d.ts.map +1 -1
- package/lib/Accordion/Accordion.d.ts.map +1 -1
- package/lib/Accordion/AccordionControl/AccordionControl.d.ts.map +1 -1
- package/lib/Accordion/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/lib/Accordion/AccordionPanel/AccordionPanel.d.ts.map +1 -1
- package/lib/Accordion/AccordionProvider.d.ts +9 -2
- package/lib/Accordion/AccordionProvider.d.ts.map +1 -1
- package/lib/FileInput/FileInput.d.ts.map +1 -1
- package/lib/List/List.context.d.ts +5 -1
- package/lib/List/List.context.d.ts.map +1 -1
- package/lib/List/List.d.ts.map +1 -1
- package/lib/List/ListItem/ListItem.d.ts.map +1 -1
- package/lib/Menu/Menu.context.d.ts +5 -1
- package/lib/Menu/Menu.context.d.ts.map +1 -1
- package/lib/Menu/Menu.d.ts.map +1 -1
- package/lib/Menu/MenuDivider/MenuDivider.d.ts.map +1 -1
- package/lib/Menu/MenuItem/MenuItem.d.ts.map +1 -1
- package/lib/Menu/MenuLabel/MenuLabel.d.ts.map +1 -1
- package/lib/Popover/Popover.context.d.ts +6 -2
- package/lib/Popover/Popover.context.d.ts.map +1 -1
- package/lib/Popover/Popover.d.ts.map +1 -1
- package/lib/Popover/PopoverDropdown/PopoverDropdown.d.ts.map +1 -1
- package/lib/ScrollArea/ScrollArea.d.ts +3 -1
- package/lib/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/lib/Select/SelectScrollArea/SelectScrollArea.d.ts +1 -1
- package/lib/Select/SelectScrollArea/SelectScrollArea.d.ts.map +1 -1
- package/lib/Space/Space.d.ts +1 -5
- package/lib/Space/Space.d.ts.map +1 -1
- package/lib/Tabs/Tab/Tab.d.ts.map +1 -1
- package/lib/Tabs/Tabs.context.d.ts +6 -2
- package/lib/Tabs/Tabs.context.d.ts.map +1 -1
- package/lib/Tabs/Tabs.d.ts.map +1 -1
- package/lib/Tabs/TabsList/TabsList.d.ts.map +1 -1
- package/lib/Tabs/TabsPanel/TabsPanel.d.ts.map +1 -1
- package/lib/Tabs/TabsProvider.d.ts +10 -3
- package/lib/Tabs/TabsProvider.d.ts.map +1 -1
- package/lib/Title/Title.d.ts +1 -1
- package/lib/Title/Title.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.context.js","sources":["../../src/Accordion/Accordion.context.ts"],"sourcesContent":["import { MantineNumberSize } from '@mantine/styles';\nimport { createSafeContext } from '@mantine/utils';\nimport { ACCORDION_ERRORS } from './Accordion.errors';\nimport {\n AccordionChevronPosition,\n AccordionHeadingOrder,\n AccordionVariant,\n} from './Accordion.types';\n\ninterface AccordionContext {\n loop: boolean;\n transitionDuration: number;\n disableChevronRotation: boolean;\n chevronPosition: AccordionChevronPosition;\n chevronSize: number;\n order: AccordionHeadingOrder;\n chevron: React.ReactNode;\n variant: AccordionVariant;\n radius: MantineNumberSize;\n onChange(value: string): void;\n isItemActive(value: string): boolean;\n getControlId(value: string): string;\n getRegionId(value: string): string;\n}\n\nexport const [AccordionContextProvider, useAccordionContext] = createSafeContext<AccordionContext>(\n ACCORDION_ERRORS.context\n);\n"],"names":["createSafeContext","ACCORDION_ERRORS"],"mappings":";;;;;;;AAEY,MAAC,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,GAAGA,uBAAiB,CAACC,iCAAgB,CAAC,OAAO;;;;;"}
|
|
1
|
+
{"version":3,"file":"Accordion.context.js","sources":["../../src/Accordion/Accordion.context.ts"],"sourcesContent":["import { MantineNumberSize, ClassNames, Styles } from '@mantine/styles';\nimport { createSafeContext } from '@mantine/utils';\nimport { ACCORDION_ERRORS } from './Accordion.errors';\nimport {\n AccordionChevronPosition,\n AccordionHeadingOrder,\n AccordionVariant,\n} from './Accordion.types';\nimport type { AccordionStylesNames } from './Accordion';\n\ninterface AccordionContext {\n loop: boolean;\n transitionDuration: number;\n disableChevronRotation: boolean;\n chevronPosition: AccordionChevronPosition;\n chevronSize: number;\n order: AccordionHeadingOrder;\n chevron: React.ReactNode;\n variant: AccordionVariant;\n radius: MantineNumberSize;\n onChange(value: string): void;\n isItemActive(value: string): boolean;\n getControlId(value: string): string;\n getRegionId(value: string): string;\n classNames: ClassNames<AccordionStylesNames>;\n styles: Styles<AccordionStylesNames>;\n unstyled: boolean;\n}\n\nexport const [AccordionContextProvider, useAccordionContext] = createSafeContext<AccordionContext>(\n ACCORDION_ERRORS.context\n);\n"],"names":["createSafeContext","ACCORDION_ERRORS"],"mappings":";;;;;;;AAEY,MAAC,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,GAAGA,uBAAiB,CAACC,iCAAgB,CAAC,OAAO;;;;;"}
|
|
@@ -109,14 +109,13 @@ function Accordion(props) {
|
|
|
109
109
|
order,
|
|
110
110
|
chevron,
|
|
111
111
|
variant,
|
|
112
|
-
radius
|
|
113
|
-
}, /* @__PURE__ */ React__default.createElement(styles.StylesApiProvider, {
|
|
112
|
+
radius,
|
|
114
113
|
classNames,
|
|
115
114
|
styles: styles$1,
|
|
116
115
|
unstyled
|
|
117
116
|
}, /* @__PURE__ */ React__default.createElement(Box.Box, __spreadProps(__spreadValues({}, others), {
|
|
118
117
|
"data-accordion": true
|
|
119
|
-
}), children))
|
|
118
|
+
}), children));
|
|
120
119
|
}
|
|
121
120
|
Accordion.Item = AccordionItem.AccordionItem;
|
|
122
121
|
Accordion.Control = AccordionControl.AccordionControl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, useComponentDefaultProps
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport { AccordionProviderProps, AccordionProvider } from './AccordionProvider';\nimport { AccordionItem, AccordionItemStylesNames } from './AccordionItem/AccordionItem';\nimport { AccordionControl, AccordionControlStylesNames } from './AccordionControl/AccordionControl';\nimport { AccordionPanel, AccordionPanelStylesNames } from './AccordionPanel/AccordionPanel';\nimport { ChevronIcon } from './ChevronIcon';\nimport { AccordionStylesParams } from './Accordion.types';\n\nexport type AccordionStylesNames =\n | AccordionItemStylesNames\n | AccordionPanelStylesNames\n | AccordionControlStylesNames;\n\nexport interface AccordionProps<Multiple extends boolean = false>\n extends AccordionProviderProps<Multiple>,\n DefaultProps<AccordionStylesNames, AccordionStylesParams>,\n Omit<React.ComponentPropsWithoutRef<'div'>, keyof AccordionProviderProps<Multiple>> {}\n\nconst defaultProps: Partial<AccordionProps> = {\n multiple: false,\n disableChevronRotation: false,\n transitionDuration: 200,\n chevronPosition: 'right',\n variant: 'default',\n chevronSize: 24,\n chevron: <ChevronIcon />,\n};\n\nexport function Accordion<Multiple extends boolean = false>(props: AccordionProps<Multiple>) {\n const {\n id,\n loop,\n children,\n multiple,\n value,\n defaultValue,\n onChange,\n transitionDuration,\n disableChevronRotation,\n chevronPosition,\n chevronSize,\n order,\n chevron,\n classNames,\n styles,\n unstyled,\n variant,\n radius,\n ...others\n } = useComponentDefaultProps<AccordionProps<Multiple>>(\n 'Accordion',\n defaultProps as AccordionProps<Multiple>,\n props\n );\n\n return (\n <AccordionProvider\n id={id}\n multiple={multiple}\n value={value}\n defaultValue={defaultValue}\n onChange={onChange}\n loop={loop}\n transitionDuration={transitionDuration}\n disableChevronRotation={disableChevronRotation}\n chevronPosition={chevronPosition}\n chevronSize={chevronSize}\n order={order}\n chevron={chevron}\n variant={variant}\n radius={radius}\n classNames={classNames}\n styles={styles}\n unstyled={unstyled}\n >\n <Box {...others} data-accordion>\n {children}\n </Box>\n </AccordionProvider>\n );\n}\n\nAccordion.Item = AccordionItem;\nAccordion.Control = AccordionControl;\nAccordion.Panel = AccordionPanel;\nAccordion.displayName = '@mantine/core/Accordion';\n"],"names":["React","ChevronIcon","useComponentDefaultProps","styles","AccordionProvider","Box","AccordionItem","AccordionControl","AccordionPanel"],"mappings":"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"}
|
|
@@ -50,14 +50,13 @@ const AccordionControl = React.forwardRef((props, ref) => {
|
|
|
50
50
|
const _a = styles.useComponentDefaultProps("AccordionControl", defaultProps, props), { disabled, onKeyDown, onClick, chevron, children, className, icon } = _a, others = __objRest(_a, ["disabled", "onKeyDown", "onClick", "chevron", "children", "className", "icon"]);
|
|
51
51
|
const ctx = Accordion_context.useAccordionContext();
|
|
52
52
|
const { value } = AccordionItem_context.useAccordionItemContext();
|
|
53
|
-
const { classNames, styles: styles$1, unstyled } = styles.useContextStylesApi();
|
|
54
53
|
const { classes, cx } = AccordionControl_styles['default']({
|
|
55
54
|
transitionDuration: ctx.transitionDuration,
|
|
56
55
|
chevronPosition: ctx.chevronPosition,
|
|
57
56
|
chevronSize: ctx.chevronSize,
|
|
58
57
|
variant: ctx.variant,
|
|
59
58
|
radius: ctx.radius
|
|
60
|
-
}, { name: "Accordion", classNames, styles: styles
|
|
59
|
+
}, { name: "Accordion", classNames: ctx.classNames, styles: ctx.styles, unstyled: ctx.unstyled });
|
|
61
60
|
const isActive = ctx.isItemActive(value);
|
|
62
61
|
const shouldWrapWithHeading = typeof ctx.order === "number";
|
|
63
62
|
const Heading = `h${ctx.order}`;
|
|
@@ -75,7 +74,7 @@ const AccordionControl = React.forwardRef((props, ref) => {
|
|
|
75
74
|
"aria-expanded": isActive,
|
|
76
75
|
"aria-controls": ctx.getRegionId(value),
|
|
77
76
|
id: ctx.getControlId(value),
|
|
78
|
-
unstyled,
|
|
77
|
+
unstyled: ctx.unstyled,
|
|
79
78
|
onKeyDown: utils.createScopedKeydownHandler({
|
|
80
79
|
siblingSelector: "[data-accordion-control]",
|
|
81
80
|
parentSelector: "[data-accordion]",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionControl.js","sources":["../../../src/Accordion/AccordionControl/AccordionControl.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"AccordionControl.js","sources":["../../../src/Accordion/AccordionControl/AccordionControl.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { createScopedKeydownHandler } from '@mantine/utils';\nimport { UnstyledButton } from '../../UnstyledButton';\nimport { useAccordionContext } from '../Accordion.context';\nimport { useAccordionItemContext } from '../AccordionItem.context';\nimport useStyles from './AccordionControl.styles';\n\nexport type AccordionControlStylesNames = Selectors<typeof useStyles>;\n\nexport interface AccordionControlProps\n extends DefaultProps,\n React.ComponentPropsWithoutRef<'button'> {\n /** Disables control button */\n disabled?: boolean;\n\n /** Custom chevron icon */\n chevron?: React.ReactNode;\n\n /** Control label */\n children?: React.ReactNode;\n\n /** Icon rendered next to label */\n icon?: React.ReactNode;\n}\n\nconst defaultProps: Partial<AccordionControlProps> = {};\n\nexport const AccordionControl = forwardRef<HTMLButtonElement, AccordionControlProps>(\n (props: AccordionControlProps, ref) => {\n const { disabled, onKeyDown, onClick, chevron, children, className, icon, ...others } =\n useComponentDefaultProps('AccordionControl', defaultProps, props);\n const ctx = useAccordionContext();\n const { value } = useAccordionItemContext();\n const { classes, cx } = useStyles(\n {\n transitionDuration: ctx.transitionDuration,\n chevronPosition: ctx.chevronPosition,\n chevronSize: ctx.chevronSize,\n variant: ctx.variant,\n radius: ctx.radius,\n },\n { name: 'Accordion', classNames: ctx.classNames, styles: ctx.styles, unstyled: ctx.unstyled }\n );\n\n const isActive = ctx.isItemActive(value);\n const shouldWrapWithHeading = typeof ctx.order === 'number';\n const Heading = `h${ctx.order}` as const;\n\n const content = (\n <UnstyledButton<'button'>\n {...others}\n ref={ref}\n data-accordion-control\n disabled={disabled}\n className={cx(classes.control, className)}\n onClick={(event) => {\n onClick?.(event);\n ctx.onChange(value);\n }}\n type=\"button\"\n data-active={isActive || undefined}\n aria-expanded={isActive}\n aria-controls={ctx.getRegionId(value)}\n id={ctx.getControlId(value)}\n unstyled={ctx.unstyled}\n onKeyDown={createScopedKeydownHandler({\n siblingSelector: '[data-accordion-control]',\n parentSelector: '[data-accordion]',\n activateOnFocus: false,\n loop: ctx.loop,\n orientation: 'vertical',\n onKeyDown,\n })}\n >\n <div\n className={classes.chevron}\n data-rotate={(!ctx.disableChevronRotation && isActive) || undefined}\n >\n {chevron || ctx.chevron}\n </div>\n <div className={classes.label}>{children}</div>\n {icon && <div className={classes.icon}>{icon}</div>}\n </UnstyledButton>\n );\n\n return shouldWrapWithHeading ? (\n <Heading className={classes.itemTitle}>{content}</Heading>\n ) : (\n content\n );\n }\n);\n\nAccordionControl.displayName = '@mantine/core/AccordionControl';\n"],"names":["forwardRef","useComponentDefaultProps","useAccordionContext","useAccordionItemContext","useStyles","React","UnstyledButton","createScopedKeydownHandler"],"mappings":"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"}
|
|
@@ -44,9 +44,8 @@ var __objRest = (source, exclude) => {
|
|
|
44
44
|
const defaultProps = {};
|
|
45
45
|
const AccordionItem = React.forwardRef((props, ref) => {
|
|
46
46
|
const _a = styles.useComponentDefaultProps("AccordionItem", defaultProps, props), { children, className, value } = _a, others = __objRest(_a, ["children", "className", "value"]);
|
|
47
|
-
const { classNames, styles: styles$1, unstyled } = styles.useContextStylesApi();
|
|
48
47
|
const ctx = Accordion_context.useAccordionContext();
|
|
49
|
-
const { classes, cx } = AccordionItem_styles['default']({ variant: ctx.variant, radius: ctx.radius }, { name: "Accordion", classNames, styles: styles
|
|
48
|
+
const { classes, cx } = AccordionItem_styles['default']({ variant: ctx.variant, radius: ctx.radius }, { name: "Accordion", classNames: ctx.classNames, styles: ctx.styles, unstyled: ctx.unstyled });
|
|
50
49
|
return /* @__PURE__ */ React__default.createElement(AccordionItem_context.AccordionItemContextProvider, {
|
|
51
50
|
value: { value }
|
|
52
51
|
}, /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.js","sources":["../../../src/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"AccordionItem.js","sources":["../../../src/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { AccordionItemContextProvider } from '../AccordionItem.context';\nimport useStyles from './AccordionItem.styles';\nimport { useAccordionContext } from '../Accordion.context';\n\nexport type AccordionItemStylesNames = Selectors<typeof useStyles>;\n\nexport interface AccordionItemProps\n extends DefaultProps<AccordionItemStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** Value that is used to manage accordion state */\n value: string;\n}\n\nconst defaultProps: Partial<DefaultProps> = {};\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>((props, ref) => {\n const { children, className, value, ...others } = useComponentDefaultProps(\n 'AccordionItem',\n defaultProps,\n props\n );\n\n const ctx = useAccordionContext();\n const { classes, cx } = useStyles(\n { variant: ctx.variant, radius: ctx.radius },\n { name: 'Accordion', classNames: ctx.classNames, styles: ctx.styles, unstyled: ctx.unstyled }\n );\n\n return (\n <AccordionItemContextProvider value={{ value }}>\n <Box\n ref={ref}\n className={cx(classes.item, className)}\n data-active={ctx.isItemActive(value) || undefined}\n {...others}\n >\n {children}\n </Box>\n </AccordionItemContextProvider>\n );\n});\n\nAccordionItem.displayName = '@mantine/core/AccordionItem';\n"],"names":["forwardRef","useComponentDefaultProps","useAccordionContext","useStyles","React","AccordionItemContextProvider","Box"],"mappings":"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"}
|
|
@@ -49,7 +49,7 @@ function AccordionPanel(props) {
|
|
|
49
49
|
const _a = styles.useComponentDefaultProps("AccordionPanel", defaultProps, props), { children, className } = _a, others = __objRest(_a, ["children", "className"]);
|
|
50
50
|
const ctx = Accordion_context.useAccordionContext();
|
|
51
51
|
const { value } = AccordionItem_context.useAccordionItemContext();
|
|
52
|
-
const { classNames, styles: styles$1, unstyled } =
|
|
52
|
+
const { classNames, styles: styles$1, unstyled } = Accordion_context.useAccordionContext();
|
|
53
53
|
const { classes, cx } = AccordionPanel_styles['default']({ variant: ctx.variant, radius: ctx.radius }, { name: "Accordion", classNames, styles: styles$1, unstyled });
|
|
54
54
|
return /* @__PURE__ */ React__default.createElement(Collapse.Collapse, __spreadProps(__spreadValues({}, others), {
|
|
55
55
|
className: cx(classes.panel, className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanel.js","sources":["../../../src/Accordion/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import React from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"AccordionPanel.js","sources":["../../../src/Accordion/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import React from 'react';\nimport { Selectors, DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Collapse } from '../../Collapse';\nimport { useAccordionContext } from '../Accordion.context';\nimport { useAccordionItemContext } from '../AccordionItem.context';\nimport useStyles from './AccordionPanel.styles';\n\nexport type AccordionPanelStylesNames = Selectors<typeof useStyles>;\n\nexport interface AccordionPanelProps\n extends DefaultProps,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'onTransitionEnd'> {\n /** Panel content */\n children?: React.ReactNode;\n}\n\nconst defaultProps: Partial<AccordionPanelProps> = {};\n\nexport function AccordionPanel(props: AccordionPanelProps) {\n const { children, className, ...others } = useComponentDefaultProps(\n 'AccordionPanel',\n defaultProps,\n props\n );\n\n const ctx = useAccordionContext();\n const { value } = useAccordionItemContext();\n const { classNames, styles, unstyled } = useAccordionContext();\n const { classes, cx } = useStyles(\n { variant: ctx.variant, radius: ctx.radius },\n { name: 'Accordion', classNames, styles, unstyled }\n );\n\n return (\n <Collapse\n {...others}\n className={cx(classes.panel, className)}\n in={ctx.isItemActive(value)}\n transitionDuration={ctx.transitionDuration}\n role=\"region\"\n id={ctx.getRegionId(value)}\n aria-labelledby={ctx.getControlId(value)}\n >\n <div className={classes.content}>{children}</div>\n </Collapse>\n );\n}\n\nAccordionPanel.displayName = '@mantine/core/AccordionPanel';\n"],"names":["useComponentDefaultProps","useAccordionContext","useAccordionItemContext","styles","useStyles","React","Collapse"],"mappings":"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"}
|
|
@@ -27,7 +27,10 @@ function AccordionProvider({
|
|
|
27
27
|
order,
|
|
28
28
|
chevron,
|
|
29
29
|
variant,
|
|
30
|
-
radius
|
|
30
|
+
radius,
|
|
31
|
+
classNames,
|
|
32
|
+
styles,
|
|
33
|
+
unstyled
|
|
31
34
|
}) {
|
|
32
35
|
const uid = hooks.useId(id);
|
|
33
36
|
const [_value, handleChange] = hooks.useUncontrolled({
|
|
@@ -55,7 +58,10 @@ function AccordionProvider({
|
|
|
55
58
|
chevron,
|
|
56
59
|
loop,
|
|
57
60
|
variant,
|
|
58
|
-
radius
|
|
61
|
+
radius,
|
|
62
|
+
classNames,
|
|
63
|
+
styles,
|
|
64
|
+
unstyled
|
|
59
65
|
}
|
|
60
66
|
}, children);
|
|
61
67
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionProvider.js","sources":["../../src/Accordion/AccordionProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { getSafeId } from '@mantine/utils';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { MantineNumberSize } from '@mantine/styles';\nimport { AccordionContextProvider } from './Accordion.context';\nimport {\n AccordionValue,\n AccordionChevronPosition,\n AccordionHeadingOrder,\n AccordionVariant,\n} from './Accordion.types';\nimport { ACCORDION_ERRORS } from './Accordion.errors';\n\nexport interface AccordionProviderProps<Multiple extends boolean = false> {\n /** Base id, used to generate ids that connect labels with controls, by default generated randomly */\n id?: string;\n\n /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n loop?: boolean;\n\n /** Accordion content */\n children: React.ReactNode;\n\n /** Determines whether multiple items can be opened at a time */\n multiple?: Multiple;\n\n /** Value for controlled component */\n value?: AccordionValue<Multiple>;\n\n /** Default value for uncontrolled component */\n defaultValue?: AccordionValue<Multiple>;\n\n /** Callback for controlled component */\n onChange?(value: AccordionValue<Multiple>): void;\n\n /** Transition duration in ms, set 0 to disable transitions */\n transitionDuration?: number;\n\n /** Determines whether chevron rotation should be disabled */\n disableChevronRotation?: boolean;\n\n /** Determines position of the chevron */\n chevronPosition?: AccordionChevronPosition;\n\n /** Chevron size in px */\n chevronSize?: number;\n\n /** Heading order, has no effect on visuals */\n order?: AccordionHeadingOrder;\n\n /** Replaces chevron on all items */\n chevron?: React.ReactNode;\n\n /** Controls visuals */\n variant?: AccordionVariant;\n\n /** border-radius from theme.radius or number to set value in px, will not be applied to default variant */\n radius?: MantineNumberSize;\n}\n\nexport function AccordionProvider<Multiple extends boolean = false>({\n children,\n multiple,\n value,\n defaultValue,\n onChange,\n id,\n loop,\n transitionDuration,\n disableChevronRotation,\n chevronPosition,\n chevronSize,\n order,\n chevron,\n variant,\n radius,\n}:
|
|
1
|
+
{"version":3,"file":"AccordionProvider.js","sources":["../../src/Accordion/AccordionProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { getSafeId } from '@mantine/utils';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { MantineNumberSize, ClassNames, Styles } from '@mantine/styles';\nimport { AccordionContextProvider } from './Accordion.context';\nimport {\n AccordionValue,\n AccordionChevronPosition,\n AccordionHeadingOrder,\n AccordionVariant,\n} from './Accordion.types';\nimport { ACCORDION_ERRORS } from './Accordion.errors';\nimport type { AccordionStylesNames } from './Accordion';\n\nexport interface AccordionProviderProps<Multiple extends boolean = false> {\n /** Base id, used to generate ids that connect labels with controls, by default generated randomly */\n id?: string;\n\n /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n loop?: boolean;\n\n /** Accordion content */\n children: React.ReactNode;\n\n /** Determines whether multiple items can be opened at a time */\n multiple?: Multiple;\n\n /** Value for controlled component */\n value?: AccordionValue<Multiple>;\n\n /** Default value for uncontrolled component */\n defaultValue?: AccordionValue<Multiple>;\n\n /** Callback for controlled component */\n onChange?(value: AccordionValue<Multiple>): void;\n\n /** Transition duration in ms, set 0 to disable transitions */\n transitionDuration?: number;\n\n /** Determines whether chevron rotation should be disabled */\n disableChevronRotation?: boolean;\n\n /** Determines position of the chevron */\n chevronPosition?: AccordionChevronPosition;\n\n /** Chevron size in px */\n chevronSize?: number;\n\n /** Heading order, has no effect on visuals */\n order?: AccordionHeadingOrder;\n\n /** Replaces chevron on all items */\n chevron?: React.ReactNode;\n\n /** Controls visuals */\n variant?: AccordionVariant;\n\n /** border-radius from theme.radius or number to set value in px, will not be applied to default variant */\n radius?: MantineNumberSize;\n}\n\ninterface _AccordionProviderProps<Multiple extends boolean = false>\n extends AccordionProviderProps<Multiple> {\n classNames?: ClassNames<AccordionStylesNames>;\n styles?: Styles<AccordionStylesNames>;\n unstyled?: boolean;\n}\n\nexport function AccordionProvider<Multiple extends boolean = false>({\n children,\n multiple,\n value,\n defaultValue,\n onChange,\n id,\n loop,\n transitionDuration,\n disableChevronRotation,\n chevronPosition,\n chevronSize,\n order,\n chevron,\n variant,\n radius,\n classNames,\n styles,\n unstyled,\n}: _AccordionProviderProps<Multiple>) {\n const uid = useId(id);\n const [_value, handleChange] = useUncontrolled({\n value,\n defaultValue,\n finalValue: multiple ? ([] as any) : null,\n onChange,\n });\n\n const isItemActive = (itemValue: string) =>\n Array.isArray(_value) ? _value.includes(itemValue) : itemValue === _value;\n\n const handleItemChange = (itemValue: string) => {\n const nextValue: AccordionValue<Multiple> = Array.isArray(_value)\n ? _value.includes(itemValue)\n ? _value.filter((selectedValue) => selectedValue !== itemValue)\n : [..._value, itemValue]\n : itemValue === _value\n ? null\n : (itemValue as any);\n\n handleChange(nextValue);\n };\n\n return (\n <AccordionContextProvider\n value={{\n isItemActive,\n onChange: handleItemChange,\n getControlId: getSafeId(`${uid}-control`, ACCORDION_ERRORS.value),\n getRegionId: getSafeId(`${uid}-panel`, ACCORDION_ERRORS.value),\n transitionDuration,\n disableChevronRotation,\n chevronPosition,\n chevronSize,\n order,\n chevron,\n loop,\n variant,\n radius,\n classNames,\n styles,\n unstyled,\n }}\n >\n {children}\n </AccordionContextProvider>\n );\n}\n"],"names":["useId","useUncontrolled","React","AccordionContextProvider","getSafeId","ACCORDION_ERRORS"],"mappings":";;;;;;;;;;;;;;AAKO,SAAS,iBAAiB,CAAC;AAClC,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,EAAE;AACJ,EAAE,IAAI;AACN,EAAE,kBAAkB;AACpB,EAAE,sBAAsB;AACxB,EAAE,eAAe;AACjB,EAAE,WAAW;AACb,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,GAAG,GAAGA,WAAK,CAAC,EAAE,CAAC,CAAC;AACxB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAGC,qBAAe,CAAC;AACjD,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,QAAQ,GAAG,EAAE,GAAG,IAAI;AACpC,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,YAAY,GAAG,CAAC,SAAS,KAAK,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,SAAS,KAAK,MAAM,CAAC;AAChH,EAAE,MAAM,gBAAgB,GAAG,CAAC,SAAS,KAAK;AAC1C,IAAI,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,KAAK,aAAa,KAAK,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,SAAS,CAAC,GAAG,SAAS,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAC5M,IAAI,YAAY,CAAC,SAAS,CAAC,CAAC;AAC5B,GAAG,CAAC;AACJ,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,0CAAwB,EAAE;AACvE,IAAI,KAAK,EAAE;AACX,MAAM,YAAY;AAClB,MAAM,QAAQ,EAAE,gBAAgB;AAChC,MAAM,YAAY,EAAEC,eAAS,CAAC,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAEC,iCAAgB,CAAC,KAAK,CAAC;AACvE,MAAM,WAAW,EAAED,eAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAEC,iCAAgB,CAAC,KAAK,CAAC;AACpE,MAAM,kBAAkB;AACxB,MAAM,sBAAsB;AAC5B,MAAM,eAAe;AACrB,MAAM,WAAW;AACjB,MAAM,KAAK;AACX,MAAM,OAAO;AACb,MAAM,IAAI;AACV,MAAM,OAAO;AACb,MAAM,MAAM;AACZ,MAAM,UAAU;AAChB,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK;AACL,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf;;;;"}
|
|
@@ -29,12 +29,12 @@ const SYSTEM_PROPS = {
|
|
|
29
29
|
fs: { type: "default", property: "fontStyle" },
|
|
30
30
|
tt: { type: "default", property: "textTransform" },
|
|
31
31
|
td: { type: "default", property: "textDecoration" },
|
|
32
|
-
w: { type: "
|
|
33
|
-
miw: { type: "
|
|
34
|
-
maw: { type: "
|
|
35
|
-
h: { type: "
|
|
36
|
-
mih: { type: "
|
|
37
|
-
mah: { type: "
|
|
32
|
+
w: { type: "spacing", property: "width" },
|
|
33
|
+
miw: { type: "spacing", property: "minWidth" },
|
|
34
|
+
maw: { type: "spacing", property: "maxWidth" },
|
|
35
|
+
h: { type: "spacing", property: "height" },
|
|
36
|
+
mih: { type: "spacing", property: "minHeight" },
|
|
37
|
+
mah: { type: "spacing", property: "maxHeight" },
|
|
38
38
|
bgsz: { type: "default", property: "background-size" },
|
|
39
39
|
bgp: { type: "default", property: "background-position" },
|
|
40
40
|
bgr: { type: "default", property: "background-repeat" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"system-props.js","sources":["../../../../src/Box/style-system-props/system-props/system-props.ts"],"sourcesContent":["import type { StyleProperty } from '../get-responsive-value/get-responsive-value';\nimport type { SystemValueType } from '../value-getters/value-getters';\n\nexport interface SystemPropData {\n type: SystemValueType;\n property: StyleProperty;\n}\n\nexport const SYSTEM_PROPS: Record<string, SystemPropData> = {\n m: { type: 'spacing', property: 'margin' },\n mt: { type: 'spacing', property: 'marginTop' },\n mb: { type: 'spacing', property: 'marginBottom' },\n ml: { type: 'spacing', property: 'marginLeft' },\n mr: { type: 'spacing', property: 'marginRight' },\n mx: { type: 'spacing', property: ['marginRight', 'marginLeft'] },\n my: { type: 'spacing', property: ['marginTop', 'marginBottom'] },\n\n p: { type: 'spacing', property: 'padding' },\n pt: { type: 'spacing', property: 'paddingTop' },\n pb: { type: 'spacing', property: 'paddingBottom' },\n pl: { type: 'spacing', property: 'paddingLeft' },\n pr: { type: 'spacing', property: 'paddingRight' },\n px: { type: 'spacing', property: ['paddingRight', 'paddingLeft'] },\n py: { type: 'spacing', property: ['paddingTop', 'paddingBottom'] },\n\n bg: { type: 'color', property: 'background' },\n c: { type: 'color', property: 'color' },\n opacity: { type: 'default', property: 'opacity' },\n\n ff: { type: 'default', property: 'fontFamily' },\n fz: { type: 'fontSize', property: 'fontSize' },\n fw: { type: 'default', property: 'fontWeight' },\n lts: { type: 'default', property: 'letterSpacing' },\n ta: { type: 'default', property: 'textAlign' },\n lh: { type: 'default', property: 'lineHeight' },\n fs: { type: 'default', property: 'fontStyle' },\n tt: { type: 'default', property: 'textTransform' },\n td: { type: 'default', property: 'textDecoration' },\n\n w: { type: '
|
|
1
|
+
{"version":3,"file":"system-props.js","sources":["../../../../src/Box/style-system-props/system-props/system-props.ts"],"sourcesContent":["import type { StyleProperty } from '../get-responsive-value/get-responsive-value';\nimport type { SystemValueType } from '../value-getters/value-getters';\n\nexport interface SystemPropData {\n type: SystemValueType;\n property: StyleProperty;\n}\n\nexport const SYSTEM_PROPS: Record<string, SystemPropData> = {\n m: { type: 'spacing', property: 'margin' },\n mt: { type: 'spacing', property: 'marginTop' },\n mb: { type: 'spacing', property: 'marginBottom' },\n ml: { type: 'spacing', property: 'marginLeft' },\n mr: { type: 'spacing', property: 'marginRight' },\n mx: { type: 'spacing', property: ['marginRight', 'marginLeft'] },\n my: { type: 'spacing', property: ['marginTop', 'marginBottom'] },\n\n p: { type: 'spacing', property: 'padding' },\n pt: { type: 'spacing', property: 'paddingTop' },\n pb: { type: 'spacing', property: 'paddingBottom' },\n pl: { type: 'spacing', property: 'paddingLeft' },\n pr: { type: 'spacing', property: 'paddingRight' },\n px: { type: 'spacing', property: ['paddingRight', 'paddingLeft'] },\n py: { type: 'spacing', property: ['paddingTop', 'paddingBottom'] },\n\n bg: { type: 'color', property: 'background' },\n c: { type: 'color', property: 'color' },\n opacity: { type: 'default', property: 'opacity' },\n\n ff: { type: 'default', property: 'fontFamily' },\n fz: { type: 'fontSize', property: 'fontSize' },\n fw: { type: 'default', property: 'fontWeight' },\n lts: { type: 'default', property: 'letterSpacing' },\n ta: { type: 'default', property: 'textAlign' },\n lh: { type: 'default', property: 'lineHeight' },\n fs: { type: 'default', property: 'fontStyle' },\n tt: { type: 'default', property: 'textTransform' },\n td: { type: 'default', property: 'textDecoration' },\n\n w: { type: 'spacing', property: 'width' },\n miw: { type: 'spacing', property: 'minWidth' },\n maw: { type: 'spacing', property: 'maxWidth' },\n h: { type: 'spacing', property: 'height' },\n mih: { type: 'spacing', property: 'minHeight' },\n mah: { type: 'spacing', property: 'maxHeight' },\n\n bgsz: { type: 'default', property: 'background-size' },\n bgp: { type: 'default', property: 'background-position' },\n bgr: { type: 'default', property: 'background-repeat' },\n bga: { type: 'default', property: 'background-attachment' },\n\n pos: { type: 'default', property: 'position' },\n top: { type: 'default', property: 'top' },\n left: { type: 'default', property: 'left' },\n bottom: { type: 'default', property: 'bottom' },\n right: { type: 'default', property: 'right' },\n inset: { type: 'default', property: 'inset' },\n\n display: { type: 'default', property: 'display' },\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ var useInputProps = require('../Input/use-input-props.js');
|
|
|
9
9
|
var CloseButton = require('../CloseButton/CloseButton.js');
|
|
10
10
|
var Input = require('../Input/Input.js');
|
|
11
11
|
var FileButton = require('../FileButton/FileButton.js');
|
|
12
|
+
var Text = require('../Text/Text.js');
|
|
12
13
|
|
|
13
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
14
15
|
|
|
@@ -45,7 +46,9 @@ var __objRest = (source, exclude) => {
|
|
|
45
46
|
}
|
|
46
47
|
return target;
|
|
47
48
|
};
|
|
48
|
-
const DefaultValue = ({ value }) => /* @__PURE__ */ React__default.createElement(
|
|
49
|
+
const DefaultValue = ({ value }) => /* @__PURE__ */ React__default.createElement(Text.Text, {
|
|
50
|
+
sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
|
|
51
|
+
}, Array.isArray(value) ? value.map((file) => file.name).join(", ") : value == null ? void 0 : value.name);
|
|
49
52
|
const defaultProps = {
|
|
50
53
|
size: "sm",
|
|
51
54
|
valueComponent: DefaultValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileInput.js","sources":["../../src/FileInput/FileInput.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef } from 'react';\nimport { DefaultProps, MantineSize, Selectors } from '@mantine/styles';\nimport { useUncontrolled } from '@mantine/hooks';\nimport {\n Input,\n InputSharedProps,\n InputStylesNames,\n useInputProps,\n InputWrapperBaseProps,\n InputWrapperStylesNames,\n} from '../Input';\nimport { CloseButton } from '../CloseButton';\nimport { FileButton } from '../FileButton';\nimport useStyles from './FileInput.styles';\n\nexport type FileInputStylesNames =\n | InputStylesNames\n | InputWrapperStylesNames\n | Selectors<typeof useStyles>;\n\nexport interface FileInputProps<Multiple extends boolean = false>\n extends DefaultProps<FileInputStylesNames>,\n InputSharedProps,\n InputWrapperBaseProps,\n Omit<React.ComponentPropsWithoutRef<'button'>, 'size' | 'onChange' | 'value' | 'defaultValue'> {\n /** Props passed to root element (InputWrapper component) */\n wrapperProps?: Record<string, any>;\n\n /** Called when user picks files */\n onChange?(payload: Multiple extends true ? File[] : File | null): void;\n\n /** Controlled input value */\n value?: Multiple extends true ? File[] : File | null;\n\n /** Uncontrolled input default value */\n defaultValue?: Multiple extends true ? File[] : File | null;\n\n /** Input size */\n size?: MantineSize;\n\n /** Determines whether user can pick more than one file */\n multiple?: Multiple;\n\n /** File input accept attribute, for example, \"image/png,image/jpeg\" */\n accept?: string;\n\n /** Input name attribute */\n name?: string;\n\n /** Input form attribute */\n form?: string;\n\n /** Current value renderer */\n valueComponent?: React.FC<{ value: null | File | File[] }>;\n\n /** Allow to clear value */\n clearable?: boolean;\n\n /** aria-label for clear button */\n clearButtonLabel?: string;\n\n /** Set the clear button tab index to disabled or default after input field */\n clearButtonTabIndex?: -1 | 0;\n\n /** Determines whether the user can change value */\n readOnly?: boolean;\n}\n\nconst DefaultValue: FileInputProps['valueComponent'] = ({ value }) => (\n <span>{Array.isArray(value) ? value.map((file) => file.name).join(', ') : value?.name}</span>\n);\n\nconst defaultProps: Partial<FileInputProps> = {\n size: 'sm',\n valueComponent: DefaultValue,\n clearButtonTabIndex: 0,\n};\n\nconst RIGHT_SECTION_WIDTH = {\n xs: 24,\n sm: 30,\n md: 34,\n lg: 40,\n xl: 44,\n};\n\nexport const _FileInput = forwardRef<HTMLButtonElement, FileInputProps>((props, ref) => {\n const {\n inputProps,\n wrapperProps,\n placeholder,\n value,\n defaultValue,\n onChange,\n multiple,\n accept,\n name,\n form,\n classNames,\n styles,\n unstyled,\n valueComponent: ValueComponent,\n rightSection,\n rightSectionWidth,\n clearable,\n clearButtonLabel,\n clearButtonTabIndex,\n readOnly,\n ...others\n } = useInputProps('FileInput', defaultProps, props);\n const resetRef = useRef<() => void>();\n const { classes, theme, cx } = useStyles(null, {\n name: 'FileInput',\n classNames,\n styles,\n unstyled,\n });\n\n const [_value, setValue] = useUncontrolled<File | File[]>({\n value,\n defaultValue,\n onChange,\n finalValue: multiple ? [] : null,\n });\n\n const hasValue = Array.isArray(_value) ? _value.length !== 0 : _value !== null;\n\n const _rightSection =\n rightSection ||\n (clearable && hasValue && !readOnly ? (\n <CloseButton\n variant=\"transparent\"\n aria-label={clearButtonLabel}\n onClick={() => setValue(multiple ? [] : null)}\n size={inputProps.size}\n tabIndex={clearButtonTabIndex}\n unstyled={unstyled}\n />\n ) : null);\n\n useEffect(() => {\n if ((Array.isArray(_value) && _value.length === 0) || _value === null) {\n resetRef.current();\n }\n }, [_value]);\n\n return (\n <Input.Wrapper {...wrapperProps} __staticSelector=\"FileInput\">\n <FileButton\n onChange={setValue}\n multiple={multiple}\n accept={accept}\n name={name}\n form={form}\n resetRef={resetRef}\n disabled={readOnly}\n >\n {(fileButtonProps) => (\n <Input\n multiline\n {...fileButtonProps}\n {...inputProps}\n {...others}\n component=\"button\"\n type=\"button\"\n ref={ref}\n __staticSelector=\"FileInput\"\n rightSection={_rightSection}\n rightSectionWidth={\n rightSectionWidth ||\n theme.fn.size({ size: inputProps.size, sizes: RIGHT_SECTION_WIDTH })\n }\n classNames={{ ...classNames, input: cx(classes.input, (classNames as any)?.input) }}\n >\n {!hasValue ? (\n <Input.Placeholder className={classes.placeholder}>{placeholder}</Input.Placeholder>\n ) : (\n <ValueComponent value={_value} />\n )}\n </Input>\n )}\n </FileButton>\n </Input.Wrapper>\n );\n});\n\n_FileInput.displayName = '@mantine/core/FileInput';\n\ntype FileInputComponent = <Multiple extends boolean = false>(\n props: FileInputProps<Multiple> & {\n ref?: React.ForwardedRef<HTMLButtonElement>;\n }\n) => JSX.Element;\n\nexport const FileInput: FileInputComponent = _FileInput as any;\n"],"names":["React","forwardRef","useInputProps","useRef","useStyles","useUncontrolled","CloseButton","useEffect","Input","FileButton"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FileInput.js","sources":["../../src/FileInput/FileInput.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef } from 'react';\nimport { DefaultProps, MantineSize, Selectors } from '@mantine/styles';\nimport { useUncontrolled } from '@mantine/hooks';\nimport {\n Input,\n InputSharedProps,\n InputStylesNames,\n useInputProps,\n InputWrapperBaseProps,\n InputWrapperStylesNames,\n} from '../Input';\nimport { Text } from '../Text';\nimport { CloseButton } from '../CloseButton';\nimport { FileButton } from '../FileButton';\nimport useStyles from './FileInput.styles';\n\nexport type FileInputStylesNames =\n | InputStylesNames\n | InputWrapperStylesNames\n | Selectors<typeof useStyles>;\n\nexport interface FileInputProps<Multiple extends boolean = false>\n extends DefaultProps<FileInputStylesNames>,\n InputSharedProps,\n InputWrapperBaseProps,\n Omit<React.ComponentPropsWithoutRef<'button'>, 'size' | 'onChange' | 'value' | 'defaultValue'> {\n /** Props passed to root element (InputWrapper component) */\n wrapperProps?: Record<string, any>;\n\n /** Called when user picks files */\n onChange?(payload: Multiple extends true ? File[] : File | null): void;\n\n /** Controlled input value */\n value?: Multiple extends true ? File[] : File | null;\n\n /** Uncontrolled input default value */\n defaultValue?: Multiple extends true ? File[] : File | null;\n\n /** Input size */\n size?: MantineSize;\n\n /** Determines whether user can pick more than one file */\n multiple?: Multiple;\n\n /** File input accept attribute, for example, \"image/png,image/jpeg\" */\n accept?: string;\n\n /** Input name attribute */\n name?: string;\n\n /** Input form attribute */\n form?: string;\n\n /** Current value renderer */\n valueComponent?: React.FC<{ value: null | File | File[] }>;\n\n /** Allow to clear value */\n clearable?: boolean;\n\n /** aria-label for clear button */\n clearButtonLabel?: string;\n\n /** Set the clear button tab index to disabled or default after input field */\n clearButtonTabIndex?: -1 | 0;\n\n /** Determines whether the user can change value */\n readOnly?: boolean;\n}\n\nconst DefaultValue: FileInputProps['valueComponent'] = ({ value }) => (\n <Text sx={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n {Array.isArray(value) ? value.map((file) => file.name).join(', ') : value?.name}\n </Text>\n);\n\nconst defaultProps: Partial<FileInputProps> = {\n size: 'sm',\n valueComponent: DefaultValue,\n clearButtonTabIndex: 0,\n};\n\nconst RIGHT_SECTION_WIDTH = {\n xs: 24,\n sm: 30,\n md: 34,\n lg: 40,\n xl: 44,\n};\n\nexport const _FileInput = forwardRef<HTMLButtonElement, FileInputProps>((props, ref) => {\n const {\n inputProps,\n wrapperProps,\n placeholder,\n value,\n defaultValue,\n onChange,\n multiple,\n accept,\n name,\n form,\n classNames,\n styles,\n unstyled,\n valueComponent: ValueComponent,\n rightSection,\n rightSectionWidth,\n clearable,\n clearButtonLabel,\n clearButtonTabIndex,\n readOnly,\n ...others\n } = useInputProps('FileInput', defaultProps, props);\n const resetRef = useRef<() => void>();\n const { classes, theme, cx } = useStyles(null, {\n name: 'FileInput',\n classNames,\n styles,\n unstyled,\n });\n\n const [_value, setValue] = useUncontrolled<File | File[]>({\n value,\n defaultValue,\n onChange,\n finalValue: multiple ? [] : null,\n });\n\n const hasValue = Array.isArray(_value) ? _value.length !== 0 : _value !== null;\n\n const _rightSection =\n rightSection ||\n (clearable && hasValue && !readOnly ? (\n <CloseButton\n variant=\"transparent\"\n aria-label={clearButtonLabel}\n onClick={() => setValue(multiple ? [] : null)}\n size={inputProps.size}\n tabIndex={clearButtonTabIndex}\n unstyled={unstyled}\n />\n ) : null);\n\n useEffect(() => {\n if ((Array.isArray(_value) && _value.length === 0) || _value === null) {\n resetRef.current();\n }\n }, [_value]);\n\n return (\n <Input.Wrapper {...wrapperProps} __staticSelector=\"FileInput\">\n <FileButton\n onChange={setValue}\n multiple={multiple}\n accept={accept}\n name={name}\n form={form}\n resetRef={resetRef}\n disabled={readOnly}\n >\n {(fileButtonProps) => (\n <Input\n multiline\n {...fileButtonProps}\n {...inputProps}\n {...others}\n component=\"button\"\n type=\"button\"\n ref={ref}\n __staticSelector=\"FileInput\"\n rightSection={_rightSection}\n rightSectionWidth={\n rightSectionWidth ||\n theme.fn.size({ size: inputProps.size, sizes: RIGHT_SECTION_WIDTH })\n }\n classNames={{ ...classNames, input: cx(classes.input, (classNames as any)?.input) }}\n >\n {!hasValue ? (\n <Input.Placeholder className={classes.placeholder}>{placeholder}</Input.Placeholder>\n ) : (\n <ValueComponent value={_value} />\n )}\n </Input>\n )}\n </FileButton>\n </Input.Wrapper>\n );\n});\n\n_FileInput.displayName = '@mantine/core/FileInput';\n\ntype FileInputComponent = <Multiple extends boolean = false>(\n props: FileInputProps<Multiple> & {\n ref?: React.ForwardedRef<HTMLButtonElement>;\n }\n) => JSX.Element;\n\nexport const FileInput: FileInputComponent = _FileInput as any;\n"],"names":["React","Text","forwardRef","useInputProps","useRef","useStyles","useUncontrolled","CloseButton","useEffect","Input","FileButton"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.context.js","sources":["../../src/List/List.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\nimport { MantineNumberSize } from '@mantine/styles';\n\ninterface ListContextValue {\n spacing?: MantineNumberSize;\n center?: boolean;\n icon?: React.ReactNode;\n listStyleType?: string;\n withPadding?: boolean;\n size?: MantineNumberSize;\n}\n\nexport const [ListProvider, useListContext] = createSafeContext<ListContextValue>(\n 'List component was not found in tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,YAAY,EAAE,cAAc,CAAC,GAAGA,uBAAiB,CAAC,sCAAsC;;;;;"}
|
|
1
|
+
{"version":3,"file":"List.context.js","sources":["../../src/List/List.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\nimport { MantineNumberSize, ClassNames, Styles } from '@mantine/styles';\nimport type { ListStylesNames } from './List';\n\ninterface ListContextValue {\n spacing?: MantineNumberSize;\n center?: boolean;\n icon?: React.ReactNode;\n listStyleType?: string;\n withPadding?: boolean;\n size?: MantineNumberSize;\n classNames?: ClassNames<ListStylesNames>;\n styles?: Styles<ListStylesNames>;\n unstyled?: boolean;\n}\n\nexport const [ListProvider, useListContext] = createSafeContext<ListContextValue>(\n 'List component was not found in tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,YAAY,EAAE,cAAc,CAAC,GAAGA,uBAAiB,CAAC,sCAAsC;;;;;"}
|
package/cjs/List/List.js
CHANGED
|
@@ -75,17 +75,23 @@ const List = React.forwardRef((props, ref) => {
|
|
|
75
75
|
"unstyled"
|
|
76
76
|
]);
|
|
77
77
|
const { classes, cx } = List_styles['default']({ withPadding, size, listStyleType, center, spacing }, { classNames, styles: styles$1, name: "List", unstyled });
|
|
78
|
-
return /* @__PURE__ */ React__default.createElement(
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
78
|
+
return /* @__PURE__ */ React__default.createElement(List_context.ListProvider, {
|
|
79
|
+
value: {
|
|
80
|
+
spacing,
|
|
81
|
+
center,
|
|
82
|
+
icon,
|
|
83
|
+
listStyleType,
|
|
84
|
+
size,
|
|
85
|
+
withPadding,
|
|
86
|
+
classNames,
|
|
87
|
+
styles: styles$1,
|
|
88
|
+
unstyled
|
|
89
|
+
}
|
|
84
90
|
}, /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
|
|
85
91
|
component: type === "unordered" ? "ul" : "ol",
|
|
86
92
|
className: cx(classes.root, className),
|
|
87
93
|
ref
|
|
88
|
-
}, others), children))
|
|
94
|
+
}, others), children));
|
|
89
95
|
});
|
|
90
96
|
List.Item = ListItem.ListItem;
|
|
91
97
|
List.displayName = "@mantine/core/List";
|
package/cjs/List/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sources":["../../src/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n Selectors,\n useComponentDefaultProps,\n
|
|
1
|
+
{"version":3,"file":"List.js","sources":["../../src/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n Selectors,\n useComponentDefaultProps,\n} from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { Box } from '../Box';\nimport { ListItem, ListItemStylesNames } from './ListItem/ListItem';\nimport { ListProvider } from './List.context';\nimport useStyles from './List.styles';\n\nexport type ListStylesNames = ListItemStylesNames | Selectors<typeof useStyles>;\n\nexport interface ListProps\n extends DefaultProps<ListStylesNames>,\n React.ComponentPropsWithRef<'ul'> {\n /** <List.Item /> components only */\n children: React.ReactNode;\n\n /** List type: ol or ul */\n type?: 'ordered' | 'unordered';\n\n /** Include padding-left to offset list from main content */\n withPadding?: boolean;\n\n /** Font size from theme or number to set value in px */\n size?: MantineNumberSize;\n\n /** Icon that should replace list item dot */\n icon?: React.ReactNode;\n\n /** Spacing between items from theme or number to set value in px */\n spacing?: MantineNumberSize;\n\n /** Center items with icon */\n center?: boolean;\n\n /** List style */\n listStyleType?: React.CSSProperties['listStyleType'];\n}\n\ntype ListComponent = ForwardRefWithStaticComponents<ListProps, { Item: typeof ListItem }>;\n\nconst defaultProps: Partial<ListProps> = {\n type: 'unordered',\n size: 'md',\n spacing: 0,\n};\n\nexport const List: ListComponent = forwardRef<HTMLUListElement, ListProps>(\n (props: ListProps, ref) => {\n const {\n children,\n type,\n size,\n listStyleType,\n withPadding,\n center,\n spacing,\n icon,\n className,\n styles,\n classNames,\n unstyled,\n ...others\n } = useComponentDefaultProps('List', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { withPadding, size, listStyleType, center, spacing },\n { classNames, styles, name: 'List', unstyled }\n );\n\n return (\n <ListProvider\n value={{\n spacing,\n center,\n icon,\n listStyleType,\n size,\n withPadding,\n classNames,\n styles,\n unstyled,\n }}\n >\n <Box<any>\n component={type === 'unordered' ? 'ul' : 'ol'}\n className={cx(classes.root, className)}\n ref={ref}\n {...others}\n >\n {children}\n </Box>\n </ListProvider>\n );\n }\n) as any;\n\nList.Item = ListItem;\nList.displayName = '@mantine/core/List';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useStyles","React","ListProvider","Box","ListItem"],"mappings":"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"}
|
|
@@ -43,8 +43,17 @@ var __objRest = (source, exclude) => {
|
|
|
43
43
|
const defaultProps = {};
|
|
44
44
|
const ListItem = React.forwardRef((props, ref) => {
|
|
45
45
|
const _a = styles.useComponentDefaultProps("ListItem", defaultProps, props), { className, children, icon } = _a, others = __objRest(_a, ["className", "children", "icon"]);
|
|
46
|
-
const {
|
|
47
|
-
|
|
46
|
+
const {
|
|
47
|
+
icon: ctxIcon,
|
|
48
|
+
spacing,
|
|
49
|
+
center,
|
|
50
|
+
listStyleType,
|
|
51
|
+
size,
|
|
52
|
+
withPadding,
|
|
53
|
+
classNames,
|
|
54
|
+
styles: styles$1,
|
|
55
|
+
unstyled
|
|
56
|
+
} = List_context.useListContext();
|
|
48
57
|
const _icon = icon || ctxIcon;
|
|
49
58
|
const { classes, cx } = ListItem_styles['default']({ withPadding, size, listStyleType, center, spacing }, { classNames, styles: styles$1, unstyled, name: "List" });
|
|
50
59
|
return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sources":["../../../src/List/ListItem/ListItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"ListItem.js","sources":["../../../src/List/ListItem/ListItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useListContext } from '../List.context';\nimport useStyles from './ListItem.styles';\n\nexport type ListItemStylesNames = Selectors<typeof useStyles>;\n\nexport interface ListItemProps\n extends DefaultProps<ListItemStylesNames>,\n React.ComponentPropsWithoutRef<'li'> {\n /** Icon to replace bullet */\n icon?: React.ReactNode;\n\n /** Item content */\n children: React.ReactNode;\n}\n\nconst defaultProps: Partial<ListItemProps> = {};\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>((props, ref) => {\n const { className, children, icon, ...others } = useComponentDefaultProps(\n 'ListItem',\n defaultProps,\n props\n );\n\n const {\n icon: ctxIcon,\n spacing,\n center,\n listStyleType,\n size,\n withPadding,\n classNames,\n styles,\n unstyled,\n } = useListContext();\n\n const _icon = icon || ctxIcon;\n const { classes, cx } = useStyles(\n { withPadding, size, listStyleType, center, spacing },\n { classNames, styles, unstyled, name: 'List' }\n );\n\n return (\n <Box\n component=\"li\"\n className={cx(classes.item, { [classes.withIcon]: _icon }, className)}\n ref={ref}\n {...others}\n >\n <div className={classes.itemWrapper}>\n {_icon && <span className={classes.itemIcon}>{_icon}</span>}\n <span>{children}</span>\n </div>\n </Box>\n );\n});\n\nListItem.displayName = '@mantine/core/ListItem';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useListContext","useStyles","React","Box"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.context.js","sources":["../../src/Menu/Menu.context.ts"],"sourcesContent":["import { MantineNumberSize } from '@mantine/styles';\nimport { createSafeContext } from '@mantine/utils';\nimport { MENU_ERRORS } from './Menu.errors';\nimport { MenuTriggerEvent } from './Menu.types';\n\ninterface MenuContext {\n toggleDropdown(): void;\n closeDropdownImmediately(): void;\n closeDropdown(): void;\n openDropdown(): void;\n getItemIndex(node: HTMLButtonElement): number;\n setHovered(index: number): void;\n hovered: number;\n closeOnItemClick: boolean;\n loop: boolean;\n trigger: MenuTriggerEvent;\n radius: MantineNumberSize;\n opened: boolean;\n}\n\nexport const [MenuContextProvider, useMenuContext] = createSafeContext<MenuContext>(\n MENU_ERRORS.context\n);\n"],"names":["createSafeContext","MENU_ERRORS"],"mappings":";;;;;;;AAEY,MAAC,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAGA,uBAAiB,CAACC,uBAAW,CAAC,OAAO;;;;;"}
|
|
1
|
+
{"version":3,"file":"Menu.context.js","sources":["../../src/Menu/Menu.context.ts"],"sourcesContent":["import { MantineNumberSize, ClassNames, Styles } from '@mantine/styles';\nimport { createSafeContext } from '@mantine/utils';\nimport { MENU_ERRORS } from './Menu.errors';\nimport { MenuTriggerEvent } from './Menu.types';\nimport type { MenuStylesNames } from './Menu';\n\ninterface MenuContext {\n toggleDropdown(): void;\n closeDropdownImmediately(): void;\n closeDropdown(): void;\n openDropdown(): void;\n getItemIndex(node: HTMLButtonElement): number;\n setHovered(index: number): void;\n hovered: number;\n closeOnItemClick: boolean;\n loop: boolean;\n trigger: MenuTriggerEvent;\n radius: MantineNumberSize;\n opened: boolean;\n classNames: ClassNames<MenuStylesNames>;\n styles: Styles<MenuStylesNames>;\n unstyled: boolean;\n}\n\nexport const [MenuContextProvider, useMenuContext] = createSafeContext<MenuContext>(\n MENU_ERRORS.context\n);\n"],"names":["createSafeContext","MENU_ERRORS"],"mappings":";;;;;;;AAEY,MAAC,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAGA,uBAAiB,CAACC,uBAAW,CAAC,OAAO;;;;;"}
|
package/cjs/Menu/Menu.js
CHANGED
|
@@ -129,7 +129,10 @@ function Menu(props) {
|
|
|
129
129
|
closeDropdownImmediately: close,
|
|
130
130
|
loop,
|
|
131
131
|
trigger,
|
|
132
|
-
radius
|
|
132
|
+
radius,
|
|
133
|
+
classNames,
|
|
134
|
+
styles: styles$1,
|
|
135
|
+
unstyled
|
|
133
136
|
}
|
|
134
137
|
}, /* @__PURE__ */ React__default.createElement(Popover.Popover, __spreadProps(__spreadValues({}, others), {
|
|
135
138
|
radius,
|
package/cjs/Menu/Menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sources":["../../src/Menu/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport { getContextItemIndex, useHovered } from '@mantine/utils';\nimport { useDidUpdate, useUncontrolled } from '@mantine/hooks';\nimport { ClassNames, Styles, useComponentDefaultProps } from '@mantine/styles';\nimport { useDelayedHover } from '../Floating';\nimport { Popover, PopoverBaseProps, PopoverStylesNames } from '../Popover';\nimport { MenuDivider, MenuDividerStylesNames } from './MenuDivider/MenuDivider';\nimport { MenuDropdown } from './MenuDropdown/MenuDropdown';\nimport { MenuItem, MenuItemStylesNames } from './MenuItem/MenuItem';\nimport { MenuLabel, MenuLabelStylesName } from './MenuLabel/MenuLabel';\nimport { MenuTarget } from './MenuTarget/MenuTarget';\nimport { MenuContextProvider } from './Menu.context';\nimport { MenuTriggerEvent } from './Menu.types';\nimport useStyles from './Menu.styles';\n\nexport type MenuStylesNames =\n | MenuItemStylesNames\n | MenuLabelStylesName\n | MenuDividerStylesNames\n | PopoverStylesNames;\n\nexport interface MenuProps extends PopoverBaseProps {\n /** Menu content */\n children?: React.ReactNode;\n\n /** Controlled menu opened state */\n opened?: boolean;\n\n /** Uncontrolled menu initial opened state */\n defaultOpened?: boolean;\n\n /** Called when menu opened state changes */\n onChange?(opened: boolean): void;\n\n /** Called when Menu is opened */\n onOpen?(): void;\n\n /** Called when Menu is closed */\n onClose?(): void;\n\n /** Determines whether Menu should be closed when item is clicked */\n closeOnItemClick?: boolean;\n\n /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n loop?: boolean;\n\n /** Determines whether dropdown should be closed when Escape key is pressed, defaults to true */\n closeOnEscape?: boolean;\n\n /** Event which should open menu */\n trigger?: MenuTriggerEvent;\n\n /** Open delay in ms, applicable only to trigger=\"hover\" variant */\n openDelay?: number;\n\n /** Close delay in ms, applicable only to trigger=\"hover\" variant */\n closeDelay?: number;\n\n /** Determines whether dropdown should be closed on outside clicks, default to true */\n closeOnClickOutside?: boolean;\n\n /** Events that trigger outside clicks */\n clickOutsideEvents?: string[];\n\n /** id base to create accessibility connections */\n id?: string;\n\n unstyled?: boolean;\n classNames?: ClassNames<MenuStylesNames>;\n styles?: Styles<MenuStylesNames>;\n}\n\nconst defaultProps: Partial<MenuProps> = {\n closeOnItemClick: true,\n loop: true,\n trigger: 'click',\n openDelay: 0,\n closeDelay: 100,\n};\n\nexport function Menu(props: MenuProps) {\n const {\n children,\n onOpen,\n onClose,\n opened,\n defaultOpened,\n onChange,\n closeOnItemClick,\n loop,\n closeOnEscape,\n trigger,\n openDelay,\n closeDelay,\n classNames,\n styles,\n unstyled,\n radius,\n ...others\n } = useComponentDefaultProps('Menu', defaultProps, props);\n const { classes, cx } = useStyles();\n\n const [hovered, { setHovered, resetHovered }] = useHovered();\n const [_opened, setOpened] = useUncontrolled({\n value: opened,\n defaultValue: defaultOpened,\n finalValue: false,\n onChange,\n });\n\n const close = () => {\n setOpened(false);\n _opened && onClose?.();\n };\n\n const open = () => {\n setOpened(true);\n !_opened && onOpen?.();\n };\n\n const toggleDropdown = () => (_opened ? close() : open());\n\n const { openDropdown, closeDropdown } = useDelayedHover({ open, close, closeDelay, openDelay });\n\n const getItemIndex = (node: HTMLButtonElement) =>\n getContextItemIndex('[data-menu-item]', '[data-menu-dropdown]', node);\n\n useDidUpdate(() => {\n resetHovered();\n }, [_opened]);\n\n return (\n <MenuContextProvider\n value={{\n opened: _opened,\n toggleDropdown,\n getItemIndex,\n hovered,\n setHovered,\n closeOnItemClick,\n closeDropdown: trigger === 'click' ? close : closeDropdown,\n openDropdown: trigger === 'click' ? open : openDropdown,\n closeDropdownImmediately: close,\n loop,\n trigger,\n radius,\n }}\n >\n <Popover\n {...others}\n radius={radius}\n opened={_opened}\n onChange={setOpened}\n defaultOpened={defaultOpened}\n trapFocus={trigger === 'click'}\n closeOnEscape={closeOnEscape && trigger === 'click'}\n __staticSelector=\"Menu\"\n classNames={{ ...classNames, dropdown: cx(classes.dropdown, classNames?.dropdown) }}\n styles={styles}\n unstyled={unstyled}\n onClose={close}\n onOpen={open}\n >\n {children}\n </Popover>\n </MenuContextProvider>\n );\n}\n\nMenu.displayName = '@mantine/core/Menu';\nMenu.Item = MenuItem;\nMenu.Label = MenuLabel;\nMenu.Dropdown = MenuDropdown;\nMenu.Target = MenuTarget;\nMenu.Divider = MenuDivider;\n"],"names":["useComponentDefaultProps","styles","useStyles","useHovered","useUncontrolled","useDelayedHover","getContextItemIndex","useDidUpdate","React","MenuContextProvider","Popover","MenuItem","MenuLabel","MenuDropdown","MenuTarget","MenuDivider"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Menu.js","sources":["../../src/Menu/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport { getContextItemIndex, useHovered } from '@mantine/utils';\nimport { useDidUpdate, useUncontrolled } from '@mantine/hooks';\nimport { ClassNames, Styles, useComponentDefaultProps } from '@mantine/styles';\nimport { useDelayedHover } from '../Floating';\nimport { Popover, PopoverBaseProps, PopoverStylesNames } from '../Popover';\nimport { MenuDivider, MenuDividerStylesNames } from './MenuDivider/MenuDivider';\nimport { MenuDropdown } from './MenuDropdown/MenuDropdown';\nimport { MenuItem, MenuItemStylesNames } from './MenuItem/MenuItem';\nimport { MenuLabel, MenuLabelStylesName } from './MenuLabel/MenuLabel';\nimport { MenuTarget } from './MenuTarget/MenuTarget';\nimport { MenuContextProvider } from './Menu.context';\nimport { MenuTriggerEvent } from './Menu.types';\nimport useStyles from './Menu.styles';\n\nexport type MenuStylesNames =\n | MenuItemStylesNames\n | MenuLabelStylesName\n | MenuDividerStylesNames\n | PopoverStylesNames;\n\nexport interface MenuProps extends PopoverBaseProps {\n /** Menu content */\n children?: React.ReactNode;\n\n /** Controlled menu opened state */\n opened?: boolean;\n\n /** Uncontrolled menu initial opened state */\n defaultOpened?: boolean;\n\n /** Called when menu opened state changes */\n onChange?(opened: boolean): void;\n\n /** Called when Menu is opened */\n onOpen?(): void;\n\n /** Called when Menu is closed */\n onClose?(): void;\n\n /** Determines whether Menu should be closed when item is clicked */\n closeOnItemClick?: boolean;\n\n /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n loop?: boolean;\n\n /** Determines whether dropdown should be closed when Escape key is pressed, defaults to true */\n closeOnEscape?: boolean;\n\n /** Event which should open menu */\n trigger?: MenuTriggerEvent;\n\n /** Open delay in ms, applicable only to trigger=\"hover\" variant */\n openDelay?: number;\n\n /** Close delay in ms, applicable only to trigger=\"hover\" variant */\n closeDelay?: number;\n\n /** Determines whether dropdown should be closed on outside clicks, default to true */\n closeOnClickOutside?: boolean;\n\n /** Events that trigger outside clicks */\n clickOutsideEvents?: string[];\n\n /** id base to create accessibility connections */\n id?: string;\n\n unstyled?: boolean;\n classNames?: ClassNames<MenuStylesNames>;\n styles?: Styles<MenuStylesNames>;\n}\n\nconst defaultProps: Partial<MenuProps> = {\n closeOnItemClick: true,\n loop: true,\n trigger: 'click',\n openDelay: 0,\n closeDelay: 100,\n};\n\nexport function Menu(props: MenuProps) {\n const {\n children,\n onOpen,\n onClose,\n opened,\n defaultOpened,\n onChange,\n closeOnItemClick,\n loop,\n closeOnEscape,\n trigger,\n openDelay,\n closeDelay,\n classNames,\n styles,\n unstyled,\n radius,\n ...others\n } = useComponentDefaultProps('Menu', defaultProps, props);\n const { classes, cx } = useStyles();\n\n const [hovered, { setHovered, resetHovered }] = useHovered();\n const [_opened, setOpened] = useUncontrolled({\n value: opened,\n defaultValue: defaultOpened,\n finalValue: false,\n onChange,\n });\n\n const close = () => {\n setOpened(false);\n _opened && onClose?.();\n };\n\n const open = () => {\n setOpened(true);\n !_opened && onOpen?.();\n };\n\n const toggleDropdown = () => (_opened ? close() : open());\n\n const { openDropdown, closeDropdown } = useDelayedHover({ open, close, closeDelay, openDelay });\n\n const getItemIndex = (node: HTMLButtonElement) =>\n getContextItemIndex('[data-menu-item]', '[data-menu-dropdown]', node);\n\n useDidUpdate(() => {\n resetHovered();\n }, [_opened]);\n\n return (\n <MenuContextProvider\n value={{\n opened: _opened,\n toggleDropdown,\n getItemIndex,\n hovered,\n setHovered,\n closeOnItemClick,\n closeDropdown: trigger === 'click' ? close : closeDropdown,\n openDropdown: trigger === 'click' ? open : openDropdown,\n closeDropdownImmediately: close,\n loop,\n trigger,\n radius,\n classNames,\n styles,\n unstyled,\n }}\n >\n <Popover\n {...others}\n radius={radius}\n opened={_opened}\n onChange={setOpened}\n defaultOpened={defaultOpened}\n trapFocus={trigger === 'click'}\n closeOnEscape={closeOnEscape && trigger === 'click'}\n __staticSelector=\"Menu\"\n classNames={{ ...classNames, dropdown: cx(classes.dropdown, classNames?.dropdown) }}\n styles={styles}\n unstyled={unstyled}\n onClose={close}\n onOpen={open}\n >\n {children}\n </Popover>\n </MenuContextProvider>\n );\n}\n\nMenu.displayName = '@mantine/core/Menu';\nMenu.Item = MenuItem;\nMenu.Label = MenuLabel;\nMenu.Dropdown = MenuDropdown;\nMenu.Target = MenuTarget;\nMenu.Divider = MenuDivider;\n"],"names":["useComponentDefaultProps","styles","useStyles","useHovered","useUncontrolled","useDelayedHover","getContextItemIndex","useDidUpdate","React","MenuContextProvider","Popover","MenuItem","MenuLabel","MenuDropdown","MenuTarget","MenuDivider"],"mappings":"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"}
|