@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
package/cjs/Tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"Tabs.js","sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps, Selectors } from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { Box } from '../Box';\nimport { TabsList, TabsListStylesNames } from './TabsList/TabsList';\nimport { TabsPanel, TabsPanelStylesNames } from './TabsPanel/TabsPanel';\nimport { Tab, TabStylesNames } from './Tab/Tab';\nimport { TabsProvider, TabsProviderProps } from './TabsProvider';\nimport { TabsStylesParams } from './Tabs.types';\nimport useStyles from './Tabs.styles';\n\nexport type TabsStylesNames =\n | Selectors<typeof useStyles>\n | TabsListStylesNames\n | TabsPanelStylesNames\n | TabStylesNames;\n\nexport interface TabsProps\n extends TabsProviderProps,\n DefaultProps<TabsStylesNames, TabsStylesParams>,\n Omit<React.ComponentPropsWithRef<'div'>, keyof TabsProviderProps> {}\n\ntype TabsComponent = ForwardRefWithStaticComponents<\n TabsProps,\n {\n List: typeof TabsList;\n Tab: typeof Tab;\n Panel: typeof TabsPanel;\n }\n>;\n\nconst defaultProps: Partial<TabsProps> = {\n orientation: 'horizontal',\n loop: true,\n activateTabWithKeyboard: true,\n allowTabDeactivation: false,\n unstyled: false,\n inverted: false,\n variant: 'default',\n placement: 'left',\n};\n\nexport const Tabs: TabsComponent = forwardRef<HTMLDivElement, TabsProps>((props, ref) => {\n const {\n defaultValue,\n value,\n orientation,\n loop,\n activateTabWithKeyboard,\n allowTabDeactivation,\n children,\n id,\n onTabChange,\n variant,\n color,\n className,\n unstyled,\n classNames,\n styles,\n radius,\n inverted,\n keepMounted,\n placement,\n ...others\n } = useComponentDefaultProps('Tabs', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { orientation, color, variant, radius, inverted, placement },\n { unstyled, name: 'Tabs', classNames, styles }\n );\n\n return (\n <TabsProvider\n activateTabWithKeyboard={activateTabWithKeyboard}\n defaultValue={defaultValue}\n orientation={orientation}\n onTabChange={onTabChange}\n value={value}\n id={id}\n loop={loop}\n allowTabDeactivation={allowTabDeactivation}\n color={color}\n variant={variant}\n radius={radius}\n inverted={inverted}\n keepMounted={keepMounted}\n placement={placement}\n classNames={classNames}\n styles={styles}\n unstyled={unstyled}\n >\n <Box {...others} className={cx(classes.root, className)} id={id} ref={ref}>\n {children}\n </Box>\n </TabsProvider>\n );\n}) as any;\n\nTabs.List = TabsList;\nTabs.Tab = Tab;\nTabs.Panel = TabsPanel;\n\nTabs.displayName = '@mantine/core/Tabs';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useStyles","React","TabsProvider","Box","TabsList","Tab","TabsPanel"],"mappings":"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"}
|
|
@@ -49,8 +49,7 @@ const defaultProps = {
|
|
|
49
49
|
};
|
|
50
50
|
const TabsList = React.forwardRef((props, ref) => {
|
|
51
51
|
const _a = styles.useComponentDefaultProps("TabsList", defaultProps, props), { children, className, grow, position } = _a, others = __objRest(_a, ["children", "className", "grow", "position"]);
|
|
52
|
-
const { orientation, variant, color, radius, inverted, placement } = Tabs_context.useTabsContext();
|
|
53
|
-
const { classNames, styles: styles$1, unstyled } = styles.useContextStylesApi();
|
|
52
|
+
const { orientation, variant, color, radius, inverted, placement, classNames, styles: styles$1, unstyled } = Tabs_context.useTabsContext();
|
|
54
53
|
const { classes, cx } = TabsList_styles['default']({ orientation, grow, variant, color, position, radius, inverted, placement }, { name: "Tabs", unstyled, classNames, styles: styles$1 });
|
|
55
54
|
return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadProps(__spreadValues({}, others), {
|
|
56
55
|
className: cx(classes.tabsList, className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsList.js","sources":["../../../src/Tabs/TabsList/TabsList.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"TabsList.js","sources":["../../../src/Tabs/TabsList/TabsList.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { TabsPosition } from '../Tabs.types';\nimport { useTabsContext } from '../Tabs.context';\nimport useStyles from './TabsList.styles';\n\nexport type TabsListStylesNames = Selectors<typeof useStyles>;\n\nexport interface TabsListProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** <Tabs.Tab /> components */\n children: React.ReactNode;\n\n /** Determines whether tabs should take the whole space */\n grow?: boolean;\n\n /** Tabs alignment */\n position?: TabsPosition;\n}\n\nconst defaultProps: Partial<TabsListProps> = {\n grow: false,\n position: 'left',\n};\n\nexport const TabsList = forwardRef<HTMLDivElement, TabsListProps>((props, ref) => {\n const { children, className, grow, position, ...others } = useComponentDefaultProps(\n 'TabsList',\n defaultProps,\n props\n );\n\n const { orientation, variant, color, radius, inverted, placement, classNames, styles, unstyled } =\n useTabsContext();\n const { classes, cx } = useStyles(\n { orientation, grow, variant, color, position, radius, inverted, placement },\n { name: 'Tabs', unstyled, classNames, styles }\n );\n\n return (\n <Box\n {...others}\n className={cx(classes.tabsList, className)}\n ref={ref}\n role=\"tablist\"\n aria-orientation={orientation}\n >\n {children}\n </Box>\n );\n});\n\nTabsList.displayName = '@mantine/core/TabsList';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useTabsContext","useStyles","React","Box"],"mappings":"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"}
|
|
@@ -48,7 +48,6 @@ const defaultProps = {};
|
|
|
48
48
|
const TabsPanel = React.forwardRef((props, ref) => {
|
|
49
49
|
const _a = styles.useComponentDefaultProps("TabsPanel", defaultProps, props), { value, children, sx, className } = _a, others = __objRest(_a, ["value", "children", "sx", "className"]);
|
|
50
50
|
const ctx = Tabs_context.useTabsContext();
|
|
51
|
-
const { classNames, styles: styles$1, unstyled } = styles.useContextStylesApi();
|
|
52
51
|
const { classes, cx } = TabsPanel_styles['default']({
|
|
53
52
|
orientation: ctx.orientation,
|
|
54
53
|
variant: ctx.variant,
|
|
@@ -56,7 +55,7 @@ const TabsPanel = React.forwardRef((props, ref) => {
|
|
|
56
55
|
radius: ctx.radius,
|
|
57
56
|
inverted: ctx.inverted,
|
|
58
57
|
placement: ctx.placement
|
|
59
|
-
}, { name: "Tabs", unstyled, classNames, styles: styles
|
|
58
|
+
}, { name: "Tabs", unstyled: ctx.unstyled, classNames: ctx.classNames, styles: ctx.styles });
|
|
60
59
|
const active = ctx.value === value;
|
|
61
60
|
const content = ctx.keepMounted ? children : active ? children : null;
|
|
62
61
|
return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadProps(__spreadValues({}, others), {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsPanel.js","sources":["../../../src/Tabs/TabsPanel/TabsPanel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"TabsPanel.js","sources":["../../../src/Tabs/TabsPanel/TabsPanel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Selectors, DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { packSx } from '@mantine/utils';\nimport { Box } from '../../Box';\nimport { useTabsContext } from '../Tabs.context';\nimport useStyles from './TabsPanel.styles';\n\nexport type TabsPanelStylesNames = Selectors<typeof useStyles>;\n\nexport interface TabsPanelProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Panel content */\n children: React.ReactNode;\n\n /** Value of associated control */\n value: string;\n}\n\nconst defaultProps: Partial<TabsPanelProps> = {};\n\nexport const TabsPanel = forwardRef<HTMLDivElement, TabsPanelProps>((props, ref) => {\n const { value, children, sx, className, ...others } = useComponentDefaultProps(\n 'TabsPanel',\n defaultProps,\n props\n );\n\n const ctx = useTabsContext();\n const { classes, cx } = useStyles(\n {\n orientation: ctx.orientation,\n variant: ctx.variant,\n color: ctx.color,\n radius: ctx.radius,\n inverted: ctx.inverted,\n placement: ctx.placement,\n },\n { name: 'Tabs', unstyled: ctx.unstyled, classNames: ctx.classNames, styles: ctx.styles }\n );\n\n const active = ctx.value === value;\n const content = ctx.keepMounted ? children : active ? children : null;\n\n return (\n <Box\n {...others}\n ref={ref}\n sx={[{ display: !active ? 'none' : undefined }, ...packSx(sx)]}\n className={cx(classes.panel, className)}\n role=\"tabpanel\"\n id={ctx.getPanelId(value)}\n aria-labelledby={ctx.getTabId(value)}\n >\n {content}\n </Box>\n );\n});\n\nTabsPanel.displayName = '@mantine/core/TabsPanel';\n"],"names":["forwardRef","useComponentDefaultProps","useTabsContext","useStyles","React","Box","packSx"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAOF,MAAM,YAAY,GAAG,EAAE,CAAC;AACZ,MAAC,SAAS,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACpD,EAAE,MAAM,EAAE,GAAGC,+BAAwB,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;AACnL,EAAE,MAAM,GAAG,GAAGC,2BAAc,EAAE,CAAC;AAC/B,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,2BAAS,CAAC;AACpC,IAAI,WAAW,EAAE,GAAG,CAAC,WAAW;AAChC,IAAI,OAAO,EAAE,GAAG,CAAC,OAAO;AACxB,IAAI,KAAK,EAAE,GAAG,CAAC,KAAK;AACpB,IAAI,MAAM,EAAE,GAAG,CAAC,MAAM;AACtB,IAAI,QAAQ,EAAE,GAAG,CAAC,QAAQ;AAC1B,IAAI,SAAS,EAAE,GAAG,CAAC,SAAS;AAC5B,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;AAC/F,EAAE,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;AACrC,EAAE,MAAM,OAAO,GAAG,GAAG,CAAC,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC;AACxE,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE;AAC5F,IAAI,GAAG;AACP,IAAI,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,EAAE,GAAGC,YAAM,CAAC,EAAE,CAAC,CAAC;AAC/D,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC;AAC3C,IAAI,IAAI,EAAE,UAAU;AACpB,IAAI,EAAE,EAAE,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC;AAC7B,IAAI,iBAAiB,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC1C,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;AACf,CAAC,EAAE;AACH,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
|
package/cjs/Tabs/TabsProvider.js
CHANGED
|
@@ -27,7 +27,10 @@ function TabsProvider({
|
|
|
27
27
|
radius,
|
|
28
28
|
inverted,
|
|
29
29
|
placement,
|
|
30
|
-
keepMounted = true
|
|
30
|
+
keepMounted = true,
|
|
31
|
+
classNames,
|
|
32
|
+
styles,
|
|
33
|
+
unstyled
|
|
31
34
|
}) {
|
|
32
35
|
const uid = hooks.useId(id);
|
|
33
36
|
const [_value, onChange] = hooks.useUncontrolled({
|
|
@@ -52,7 +55,10 @@ function TabsProvider({
|
|
|
52
55
|
color,
|
|
53
56
|
radius,
|
|
54
57
|
inverted,
|
|
55
|
-
keepMounted
|
|
58
|
+
keepMounted,
|
|
59
|
+
classNames,
|
|
60
|
+
styles,
|
|
61
|
+
unstyled
|
|
56
62
|
}
|
|
57
63
|
}, children);
|
|
58
64
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsProvider.js","sources":["../../src/Tabs/TabsProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { getSafeId } from '@mantine/utils';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { TabsContextProvider } from './Tabs.context';\nimport { TABS_ERRORS } from './Tabs.errors';\nimport {
|
|
1
|
+
{"version":3,"file":"TabsProvider.js","sources":["../../src/Tabs/TabsProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { getSafeId } from '@mantine/utils';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { ClassNames, MantineColor, MantineNumberSize, Styles } from '@mantine/styles';\nimport { TabsContextProvider } from './Tabs.context';\nimport { TABS_ERRORS } from './Tabs.errors';\nimport {\n TabsValue,\n TabsOrientation,\n TabsVariant,\n TabsPlacement,\n TabsStylesParams,\n} from './Tabs.types';\nimport type { TabsStylesNames } from './Tabs';\n\nexport interface TabsProviderProps {\n /** Default value for uncontrolled component */\n defaultValue?: TabsValue;\n\n /** Value for controlled component */\n value?: TabsValue;\n\n /** Callback for controlled component */\n onTabChange?(value: TabsValue): void;\n\n /** Tabs orientation, vertical or horizontal */\n orientation?: TabsOrientation;\n\n /** Tabs.List placement relative to Tabs.Panel, applicable only for orientation=\"vertical\", left by default */\n placement?: TabsPlacement;\n\n /** Base id, used to generate ids that connect labels with controls, by default generated randomly */\n id?: string;\n\n /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n loop?: boolean;\n\n /** Determines whether tab should be activated with arrow key press, defaults to true */\n activateTabWithKeyboard?: boolean;\n\n /** Determines whether tab can be deactivated, defaults to false */\n allowTabDeactivation?: boolean;\n\n /** Tabs content */\n children: React.ReactNode;\n\n /** Controls component visuals */\n variant?: TabsVariant;\n\n /** Key of theme.colors */\n color?: MantineColor;\n\n /** Tabs border-radius from theme.radius or number ti set value from theme, defaults to theme.defaultRadius */\n radius?: MantineNumberSize;\n\n /** Determines whether tabs should have inverted styles */\n inverted?: boolean;\n\n /** If set to false, Tabs.Panel content will not stay mounted when tab is not active */\n keepMounted?: boolean;\n}\n\ninterface _TabsProviderProps extends TabsProviderProps {\n classNames?: ClassNames<TabsStylesNames>;\n styles?: Styles<TabsStylesNames, TabsStylesParams>;\n unstyled?: boolean;\n}\n\nexport function TabsProvider({\n defaultValue,\n value,\n onTabChange,\n orientation,\n children,\n loop,\n id,\n activateTabWithKeyboard,\n allowTabDeactivation,\n variant,\n color,\n radius,\n inverted,\n placement,\n keepMounted = true,\n classNames,\n styles,\n unstyled,\n}: _TabsProviderProps) {\n const uid = useId(id);\n\n const [_value, onChange] = useUncontrolled<TabsValue>({\n value,\n defaultValue,\n finalValue: null,\n onChange: onTabChange,\n });\n\n return (\n <TabsContextProvider\n value={{\n placement,\n value: _value,\n orientation,\n id: uid,\n loop,\n activateTabWithKeyboard,\n getTabId: getSafeId(`${uid}-tab`, TABS_ERRORS.value),\n getPanelId: getSafeId(`${uid}-panel`, TABS_ERRORS.value),\n onTabChange: onChange,\n allowTabDeactivation,\n variant,\n color,\n radius,\n inverted,\n keepMounted,\n classNames,\n styles,\n unstyled,\n }}\n >\n {children}\n </TabsContextProvider>\n );\n}\n\nTabsProvider.displayName = '@mantine/core/TabsProvider';\n"],"names":["useId","useUncontrolled","React","TabsContextProvider","getSafeId","TABS_ERRORS"],"mappings":";;;;;;;;;;;;;;AAKO,SAAS,YAAY,CAAC;AAC7B,EAAE,YAAY;AACd,EAAE,KAAK;AACP,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,QAAQ;AACV,EAAE,IAAI;AACN,EAAE,EAAE;AACJ,EAAE,uBAAuB;AACzB,EAAE,oBAAoB;AACtB,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,WAAW,GAAG,IAAI;AACpB,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,QAAQ,CAAC,GAAGC,qBAAe,CAAC;AAC7C,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,IAAI;AACpB,IAAI,QAAQ,EAAE,WAAW;AACzB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,gCAAmB,EAAE;AAClE,IAAI,KAAK,EAAE;AACX,MAAM,SAAS;AACf,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,WAAW;AACjB,MAAM,EAAE,EAAE,GAAG;AACb,MAAM,IAAI;AACV,MAAM,uBAAuB;AAC7B,MAAM,QAAQ,EAAEC,eAAS,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,EAAEC,uBAAW,CAAC,KAAK,CAAC;AAC1D,MAAM,UAAU,EAAED,eAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAEC,uBAAW,CAAC,KAAK,CAAC;AAC9D,MAAM,WAAW,EAAE,QAAQ;AAC3B,MAAM,oBAAoB;AAC1B,MAAM,OAAO;AACb,MAAM,KAAK;AACX,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK;AACL,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}
|
package/cjs/Title/Title.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.js","sources":["../../src/Title/Title.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Text, TextProps } from '../Text';\nimport useStyles, { TitleStylesParams } from './Title.styles';\n\nexport type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;\nexport type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'];\n\nexport interface TitleProps\n extends Omit<TextProps, 'size' | 'styles' | 'classNames'>,\n DefaultProps<never, TitleStylesParams>,\n Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'> {\n /** Defines component and styles which will be used */\n order?: TitleOrder;\n\n /** Title font-size: h1-h6 or any valid CSS font-size value */\n size?: TitleSize;\n}\n\nconst defaultProps: Partial<TitleProps> = {\n order: 1,\n};\n\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>((props, ref) => {\n const { className, order, children, unstyled, size, weight, inline, ...others } =\n useComponentDefaultProps('Title', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { element: `h${order}`, weight, size, inline },\n { name: 'Title', unstyled }\n );\n\n if (![1, 2, 3, 4, 5, 6].includes(order)) {\n return null;\n }\n\n return (\n <Text component={`h${order}`} ref={ref} className={cx(classes.root, className)} {...others}>\n {children}\n </Text>\n );\n});\n\nTitle.displayName = '@mantine/core/Title';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Text"],"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;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAKF,MAAM,YAAY,GAAG;AACrB,EAAE,KAAK,EAAE,CAAC;AACV,CAAC,CAAC;AACU,MAAC,KAAK,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAChD,EAAE,MAAM,EAAE,GAAGC,+BAAwB,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC7O,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,uBAAS,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;AACjH,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC3C,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,SAAI,EAAE,cAAc,CAAC;AAClE,IAAI,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAC1B,IAAI,GAAG;AACP,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC,EAAE;AACH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}
|
|
1
|
+
{"version":3,"file":"Title.js","sources":["../../src/Title/Title.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Text, TextProps } from '../Text';\nimport useStyles, { TitleStylesParams } from './Title.styles';\n\nexport type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;\nexport type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'];\n\nexport interface TitleProps\n extends Omit<TextProps, 'size' | 'styles' | 'classNames' | 'span'>,\n DefaultProps<never, TitleStylesParams>,\n Omit<React.ComponentPropsWithoutRef<'h1'>, 'color'> {\n /** Defines component and styles which will be used */\n order?: TitleOrder;\n\n /** Title font-size: h1-h6 or any valid CSS font-size value */\n size?: TitleSize;\n}\n\nconst defaultProps: Partial<TitleProps> = {\n order: 1,\n};\n\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>((props, ref) => {\n const { className, order, children, unstyled, size, weight, inline, ...others } =\n useComponentDefaultProps('Title', defaultProps, props);\n\n const { classes, cx } = useStyles(\n { element: `h${order}`, weight, size, inline },\n { name: 'Title', unstyled }\n );\n\n if (![1, 2, 3, 4, 5, 6].includes(order)) {\n return null;\n }\n\n return (\n <Text component={`h${order}`} ref={ref} className={cx(classes.root, className)} {...others}>\n {children}\n </Text>\n );\n});\n\nTitle.displayName = '@mantine/core/Title';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Text"],"mappings":"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"}
|
|
@@ -97,7 +97,7 @@ function TooltipFloating(props) {
|
|
|
97
97
|
offset,
|
|
98
98
|
position
|
|
99
99
|
});
|
|
100
|
-
const { classes, cx } = Tooltip_styles['default']({ radius, color, multiline, width }, { name: "
|
|
100
|
+
const { classes, cx } = Tooltip_styles['default']({ radius, color, multiline, width }, { name: "TooltipFloating", classNames, styles: styles$1, unstyled });
|
|
101
101
|
if (!utils.isElement(children)) {
|
|
102
102
|
throw new Error(Tooltip_errors.TOOLTIP_ERRORS.children);
|
|
103
103
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipFloating.js","sources":["../../../src/Tooltip/TooltipFloating/TooltipFloating.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { isElement } from '@mantine/utils';\nimport { useMergedRef } from '@mantine/hooks';\nimport { getDefaultZIndex, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { OptionalPortal } from '../../Portal';\nimport { TooltipBaseProps } from '../Tooltip.types';\nimport useStyles from '../Tooltip.styles';\nimport { TOOLTIP_ERRORS } from '../Tooltip.errors';\nimport { useFloatingTooltip } from './use-floating-tooltip';\n\nexport interface TooltipFloatingProps extends TooltipBaseProps {\n /** Offset from mouse in px */\n offset?: number;\n}\n\nconst defaultProps: Partial<TooltipFloatingProps> = {\n refProp: 'ref',\n withinPortal: true,\n offset: 10,\n position: 'right',\n zIndex: getDefaultZIndex('popover'),\n};\n\nexport function TooltipFloating(props: TooltipFloatingProps) {\n const {\n children,\n refProp,\n withinPortal,\n style,\n className,\n classNames,\n styles,\n unstyled,\n radius,\n color,\n label,\n offset,\n position,\n multiline,\n width,\n zIndex,\n disabled,\n ...others\n } = useComponentDefaultProps('TooltipFloating', defaultProps, props);\n\n const { handleMouseMove, x, y, opened, boundaryRef, floating, setOpened } = useFloatingTooltip({\n offset,\n position,\n });\n\n const { classes, cx } = useStyles(\n { radius, color, multiline, width },\n { name: '
|
|
1
|
+
{"version":3,"file":"TooltipFloating.js","sources":["../../../src/Tooltip/TooltipFloating/TooltipFloating.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { isElement } from '@mantine/utils';\nimport { useMergedRef } from '@mantine/hooks';\nimport { getDefaultZIndex, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { OptionalPortal } from '../../Portal';\nimport { TooltipBaseProps } from '../Tooltip.types';\nimport useStyles from '../Tooltip.styles';\nimport { TOOLTIP_ERRORS } from '../Tooltip.errors';\nimport { useFloatingTooltip } from './use-floating-tooltip';\n\nexport interface TooltipFloatingProps extends TooltipBaseProps {\n /** Offset from mouse in px */\n offset?: number;\n}\n\nconst defaultProps: Partial<TooltipFloatingProps> = {\n refProp: 'ref',\n withinPortal: true,\n offset: 10,\n position: 'right',\n zIndex: getDefaultZIndex('popover'),\n};\n\nexport function TooltipFloating(props: TooltipFloatingProps) {\n const {\n children,\n refProp,\n withinPortal,\n style,\n className,\n classNames,\n styles,\n unstyled,\n radius,\n color,\n label,\n offset,\n position,\n multiline,\n width,\n zIndex,\n disabled,\n ...others\n } = useComponentDefaultProps('TooltipFloating', defaultProps, props);\n\n const { handleMouseMove, x, y, opened, boundaryRef, floating, setOpened } = useFloatingTooltip({\n offset,\n position,\n });\n\n const { classes, cx } = useStyles(\n { radius, color, multiline, width },\n { name: 'TooltipFloating', classNames, styles, unstyled }\n );\n\n if (!isElement(children)) {\n throw new Error(TOOLTIP_ERRORS.children);\n }\n\n const targetRef = useMergedRef(boundaryRef, (children as any).ref);\n\n const onMouseEnter = (event: React.MouseEvent<unknown, MouseEvent>) => {\n children.props.onMouseEnter?.(event);\n handleMouseMove(event);\n setOpened(true);\n };\n\n const onMouseLeave = (event: React.MouseEvent<unknown, MouseEvent>) => {\n children.props.onMouseLeave?.(event);\n setOpened(false);\n };\n\n if (disabled) {\n return <>{children}</>;\n }\n\n return (\n <>\n <OptionalPortal withinPortal={withinPortal}>\n <Box\n {...others}\n ref={floating}\n className={cx(classes.tooltip, className)}\n style={{\n ...style,\n zIndex,\n display: opened ? 'block' : 'none',\n top: y ?? '',\n left: Math.round(x) ?? '',\n }}\n >\n {label}\n </Box>\n </OptionalPortal>\n\n {cloneElement(children, {\n ...children.props,\n [refProp]: targetRef,\n onMouseEnter,\n onMouseLeave,\n })}\n </>\n );\n}\n\nTooltipFloating.displayName = '@mantine/core/TooltipFloating';\n"],"names":["getDefaultZIndex","useComponentDefaultProps","styles","useFloatingTooltip","useStyles","isElement","TOOLTIP_ERRORS","useMergedRef","React","OptionalPortal","Box","cloneElement"],"mappings":"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"}
|
|
@@ -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":[],"mappings":";;;AAEY,MAAC,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,GAAG,iBAAiB,CAAC,gBAAgB,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":[],"mappings":";;;AAEY,MAAC,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,OAAO;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { useComponentDefaultProps
|
|
2
|
+
import { useComponentDefaultProps } from '@mantine/styles';
|
|
3
3
|
import { AccordionProvider } from './AccordionProvider.js';
|
|
4
4
|
import { AccordionItem } from './AccordionItem/AccordionItem.js';
|
|
5
5
|
import { AccordionControl } from './AccordionControl/AccordionControl.js';
|
|
@@ -101,14 +101,13 @@ function Accordion(props) {
|
|
|
101
101
|
order,
|
|
102
102
|
chevron,
|
|
103
103
|
variant,
|
|
104
|
-
radius
|
|
105
|
-
}, /* @__PURE__ */ React.createElement(StylesApiProvider, {
|
|
104
|
+
radius,
|
|
106
105
|
classNames,
|
|
107
106
|
styles,
|
|
108
107
|
unstyled
|
|
109
108
|
}, /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, others), {
|
|
110
109
|
"data-accordion": true
|
|
111
|
-
}), children))
|
|
110
|
+
}), children));
|
|
112
111
|
}
|
|
113
112
|
Accordion.Item = AccordionItem;
|
|
114
113
|
Accordion.Control = 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":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
|
-
import { useComponentDefaultProps
|
|
2
|
+
import { useComponentDefaultProps } from '@mantine/styles';
|
|
3
3
|
import { createScopedKeydownHandler } from '@mantine/utils';
|
|
4
4
|
import { useAccordionContext } from '../Accordion.context.js';
|
|
5
5
|
import { useAccordionItemContext } from '../AccordionItem.context.js';
|
|
@@ -42,14 +42,13 @@ const AccordionControl = forwardRef((props, ref) => {
|
|
|
42
42
|
const _a = useComponentDefaultProps("AccordionControl", defaultProps, props), { disabled, onKeyDown, onClick, chevron, children, className, icon } = _a, others = __objRest(_a, ["disabled", "onKeyDown", "onClick", "chevron", "children", "className", "icon"]);
|
|
43
43
|
const ctx = useAccordionContext();
|
|
44
44
|
const { value } = useAccordionItemContext();
|
|
45
|
-
const { classNames, styles, unstyled } = useContextStylesApi();
|
|
46
45
|
const { classes, cx } = useStyles({
|
|
47
46
|
transitionDuration: ctx.transitionDuration,
|
|
48
47
|
chevronPosition: ctx.chevronPosition,
|
|
49
48
|
chevronSize: ctx.chevronSize,
|
|
50
49
|
variant: ctx.variant,
|
|
51
50
|
radius: ctx.radius
|
|
52
|
-
}, { name: "Accordion", classNames, styles, unstyled });
|
|
51
|
+
}, { name: "Accordion", classNames: ctx.classNames, styles: ctx.styles, unstyled: ctx.unstyled });
|
|
53
52
|
const isActive = ctx.isItemActive(value);
|
|
54
53
|
const shouldWrapWithHeading = typeof ctx.order === "number";
|
|
55
54
|
const Heading = `h${ctx.order}`;
|
|
@@ -67,7 +66,7 @@ const AccordionControl = forwardRef((props, ref) => {
|
|
|
67
66
|
"aria-expanded": isActive,
|
|
68
67
|
"aria-controls": ctx.getRegionId(value),
|
|
69
68
|
id: ctx.getControlId(value),
|
|
70
|
-
unstyled,
|
|
69
|
+
unstyled: ctx.unstyled,
|
|
71
70
|
onKeyDown: createScopedKeydownHandler({
|
|
72
71
|
siblingSelector: "[data-accordion-control]",
|
|
73
72
|
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":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
|
-
import { useComponentDefaultProps
|
|
2
|
+
import { useComponentDefaultProps } from '@mantine/styles';
|
|
3
3
|
import { AccordionItemContextProvider } from '../AccordionItem.context.js';
|
|
4
4
|
import useStyles from './AccordionItem.styles.js';
|
|
5
5
|
import { useAccordionContext } from '../Accordion.context.js';
|
|
@@ -36,9 +36,8 @@ var __objRest = (source, exclude) => {
|
|
|
36
36
|
const defaultProps = {};
|
|
37
37
|
const AccordionItem = forwardRef((props, ref) => {
|
|
38
38
|
const _a = useComponentDefaultProps("AccordionItem", defaultProps, props), { children, className, value } = _a, others = __objRest(_a, ["children", "className", "value"]);
|
|
39
|
-
const { classNames, styles, unstyled } = useContextStylesApi();
|
|
40
39
|
const ctx = useAccordionContext();
|
|
41
|
-
const { classes, cx } = useStyles({ variant: ctx.variant, radius: ctx.radius }, { name: "Accordion", classNames, styles, unstyled });
|
|
40
|
+
const { classes, cx } = useStyles({ variant: ctx.variant, radius: ctx.radius }, { name: "Accordion", classNames: ctx.classNames, styles: ctx.styles, unstyled: ctx.unstyled });
|
|
42
41
|
return /* @__PURE__ */ React.createElement(AccordionItemContextProvider, {
|
|
43
42
|
value: { value }
|
|
44
43
|
}, /* @__PURE__ */ React.createElement(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":[],"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;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAOF,MAAM,YAAY,GAAG,EAAE,CAAC;AACZ,MAAC,aAAa,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACxD,EAAE,MAAM,EAAE,GAAG,wBAAwB,CAAC,eAAe,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;AAC7K,EAAE,MAAM,GAAG,GAAG,mBAAmB,EAAE,CAAC;AACpC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;AACjL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,4BAA4B,EAAE;AAC3E,IAAI,KAAK,EAAE,EAAE,KAAK,EAAE;AACpB,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AAC7D,IAAI,GAAG;AACP,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,aAAa,EAAE,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;AACpD,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AACzB,CAAC,EAAE;AACH,aAAa,CAAC,WAAW,GAAG,6BAA6B;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { useComponentDefaultProps
|
|
2
|
+
import { useComponentDefaultProps } from '@mantine/styles';
|
|
3
3
|
import { useAccordionContext } from '../Accordion.context.js';
|
|
4
4
|
import { useAccordionItemContext } from '../AccordionItem.context.js';
|
|
5
5
|
import useStyles from './AccordionPanel.styles.js';
|
|
@@ -41,7 +41,7 @@ function AccordionPanel(props) {
|
|
|
41
41
|
const _a = useComponentDefaultProps("AccordionPanel", defaultProps, props), { children, className } = _a, others = __objRest(_a, ["children", "className"]);
|
|
42
42
|
const ctx = useAccordionContext();
|
|
43
43
|
const { value } = useAccordionItemContext();
|
|
44
|
-
const { classNames, styles, unstyled } =
|
|
44
|
+
const { classNames, styles, unstyled } = useAccordionContext();
|
|
45
45
|
const { classes, cx } = useStyles({ variant: ctx.variant, radius: ctx.radius }, { name: "Accordion", classNames, styles, unstyled });
|
|
46
46
|
return /* @__PURE__ */ React.createElement(Collapse, __spreadProps(__spreadValues({}, others), {
|
|
47
47
|
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":[],"mappings":"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"}
|
|
@@ -19,7 +19,10 @@ function AccordionProvider({
|
|
|
19
19
|
order,
|
|
20
20
|
chevron,
|
|
21
21
|
variant,
|
|
22
|
-
radius
|
|
22
|
+
radius,
|
|
23
|
+
classNames,
|
|
24
|
+
styles,
|
|
25
|
+
unstyled
|
|
23
26
|
}) {
|
|
24
27
|
const uid = useId(id);
|
|
25
28
|
const [_value, handleChange] = useUncontrolled({
|
|
@@ -47,7 +50,10 @@ function AccordionProvider({
|
|
|
47
50
|
chevron,
|
|
48
51
|
loop,
|
|
49
52
|
variant,
|
|
50
|
-
radius
|
|
53
|
+
radius,
|
|
54
|
+
classNames,
|
|
55
|
+
styles,
|
|
56
|
+
unstyled
|
|
51
57
|
}
|
|
52
58
|
}, children);
|
|
53
59
|
}
|
|
@@ -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":[],"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,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AACxB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,eAAe,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,uBAAuB,KAAK,CAAC,aAAa,CAAC,wBAAwB,EAAE;AACvE,IAAI,KAAK,EAAE;AACX,MAAM,YAAY;AAClB,MAAM,QAAQ,EAAE,gBAAgB;AAChC,MAAM,YAAY,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;AACvE,MAAM,WAAW,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,gBAAgB,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;;;;"}
|
|
@@ -25,12 +25,12 @@ const SYSTEM_PROPS = {
|
|
|
25
25
|
fs: { type: "default", property: "fontStyle" },
|
|
26
26
|
tt: { type: "default", property: "textTransform" },
|
|
27
27
|
td: { type: "default", property: "textDecoration" },
|
|
28
|
-
w: { type: "
|
|
29
|
-
miw: { type: "
|
|
30
|
-
maw: { type: "
|
|
31
|
-
h: { type: "
|
|
32
|
-
mih: { type: "
|
|
33
|
-
mah: { type: "
|
|
28
|
+
w: { type: "spacing", property: "width" },
|
|
29
|
+
miw: { type: "spacing", property: "minWidth" },
|
|
30
|
+
maw: { type: "spacing", property: "maxWidth" },
|
|
31
|
+
h: { type: "spacing", property: "height" },
|
|
32
|
+
mih: { type: "spacing", property: "minHeight" },
|
|
33
|
+
mah: { type: "spacing", property: "maxHeight" },
|
|
34
34
|
bgsz: { type: "default", property: "background-size" },
|
|
35
35
|
bgp: { type: "default", property: "background-position" },
|
|
36
36
|
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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"}
|