@mantine/core 7.0.0-alpha.13 → 7.0.0-alpha.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Accordion/Accordion.context.js +13 -0
- package/cjs/components/Accordion/Accordion.context.js.map +1 -0
- package/cjs/components/Accordion/Accordion.js +182 -0
- package/cjs/components/Accordion/Accordion.js.map +1 -0
- package/cjs/components/Accordion/Accordion.module.css.js +8 -0
- package/cjs/components/Accordion/Accordion.module.css.js.map +1 -0
- package/cjs/components/Accordion/AccordionChevron.js +67 -0
- package/cjs/components/Accordion/AccordionChevron.js.map +1 -0
- package/cjs/components/Accordion/AccordionControl/AccordionControl.js +134 -0
- package/cjs/components/Accordion/AccordionControl/AccordionControl.js.map +1 -0
- package/cjs/components/Accordion/AccordionItem/AccordionItem.js +65 -0
- package/cjs/components/Accordion/AccordionItem/AccordionItem.js.map +1 -0
- package/cjs/components/Accordion/AccordionItem.context.js +11 -0
- package/cjs/components/Accordion/AccordionItem.context.js.map +1 -0
- package/cjs/components/Accordion/AccordionPanel/AccordionPanel.js +75 -0
- package/cjs/components/Accordion/AccordionPanel/AccordionPanel.js.map +1 -0
- package/cjs/components/ActionIcon/ActionIcon.js +1 -1
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +1 -1
- package/cjs/components/Center/Center.js +1 -1
- package/cjs/components/Center/Center.js.map +1 -1
- package/cjs/components/Checkbox/CheckIcon.js +24 -12
- package/cjs/components/Checkbox/CheckIcon.js.map +1 -1
- package/cjs/components/Combobox/Combobox.context.js +13 -0
- package/cjs/components/Combobox/Combobox.context.js.map +1 -0
- package/cjs/components/Combobox/Combobox.js +143 -0
- package/cjs/components/Combobox/Combobox.js.map +1 -0
- package/cjs/components/Combobox/Combobox.module.css.js +8 -0
- package/cjs/components/Combobox/Combobox.module.css.js.map +1 -0
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.js +39 -19
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.js.map +1 -1
- package/cjs/components/Combobox/ComboboxDropdown/ComboboxDropdown.js +70 -0
- package/cjs/components/Combobox/ComboboxDropdown/ComboboxDropdown.js.map +1 -0
- package/cjs/components/Combobox/ComboboxEmpty/ComboboxEmpty.js +63 -0
- package/cjs/components/Combobox/ComboboxEmpty/ComboboxEmpty.js.map +1 -0
- package/cjs/components/Combobox/ComboboxFooter/ComboboxFooter.js +63 -0
- package/cjs/components/Combobox/ComboboxFooter/ComboboxFooter.js.map +1 -0
- package/cjs/components/Combobox/ComboboxHeader/ComboboxHeader.js +63 -0
- package/cjs/components/Combobox/ComboboxHeader/ComboboxHeader.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOption/ComboboxOption.js +119 -0
- package/cjs/components/Combobox/ComboboxOption/ComboboxOption.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOptions/ComboboxOptions.js +75 -0
- package/cjs/components/Combobox/ComboboxOptions/ComboboxOptions.js.map +1 -0
- package/cjs/components/Combobox/ComboboxSearch/ComboboxSearch.js +93 -0
- package/cjs/components/Combobox/ComboboxSearch/ComboboxSearch.js.map +1 -0
- package/cjs/components/Combobox/ComboboxTarget/ComboboxTarget.js +72 -0
- package/cjs/components/Combobox/ComboboxTarget/ComboboxTarget.js.map +1 -0
- package/cjs/components/Combobox/use-combobox/get-index/get-index.js +47 -0
- package/cjs/components/Combobox/use-combobox/get-index/get-index.js.map +1 -0
- package/cjs/components/Combobox/use-combobox/get-index/get-virtualized-index.js +57 -0
- package/cjs/components/Combobox/use-combobox/get-index/get-virtualized-index.js.map +1 -0
- package/cjs/components/Combobox/use-combobox/use-combobox.js +188 -0
- package/cjs/components/Combobox/use-combobox/use-combobox.js.map +1 -0
- package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.js +127 -0
- package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.js.map +1 -0
- package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.js +90 -0
- package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.js.map +1 -0
- package/cjs/components/Drawer/Drawer.context.js +13 -0
- package/cjs/components/Drawer/Drawer.context.js.map +1 -0
- package/cjs/components/Drawer/Drawer.js +95 -0
- package/cjs/components/Drawer/Drawer.js.map +1 -0
- package/cjs/components/Drawer/Drawer.module.css.js +8 -0
- package/cjs/components/Drawer/Drawer.module.css.js.map +1 -0
- package/cjs/components/Drawer/DrawerBody.js +60 -0
- package/cjs/components/Drawer/DrawerBody.js.map +1 -0
- package/cjs/components/Drawer/DrawerCloseButton.js +60 -0
- package/cjs/components/Drawer/DrawerCloseButton.js.map +1 -0
- package/cjs/components/Drawer/DrawerContent.js +67 -0
- package/cjs/components/Drawer/DrawerContent.js.map +1 -0
- package/cjs/components/Drawer/DrawerHeader.js +60 -0
- package/cjs/components/Drawer/DrawerHeader.js.map +1 -0
- package/cjs/components/Drawer/DrawerOverlay.js +60 -0
- package/cjs/components/Drawer/DrawerOverlay.js.map +1 -0
- package/cjs/components/Drawer/DrawerRoot.js +128 -0
- package/cjs/components/Drawer/DrawerRoot.js.map +1 -0
- package/cjs/components/Drawer/DrawerTitle.js +60 -0
- package/cjs/components/Drawer/DrawerTitle.js.map +1 -0
- package/cjs/components/InputBase/InputBase.js.map +1 -1
- package/cjs/components/Loader/Loader.js +2 -2
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/ModalRoot.js +6 -3
- package/cjs/components/Modal/ModalRoot.js.map +1 -1
- package/cjs/components/ModalBase/ModalBase.js +7 -5
- package/cjs/components/ModalBase/ModalBase.js.map +1 -1
- package/cjs/components/Popover/Popover.js +1 -1
- package/cjs/components/Tabs/Tabs.js +1 -1
- package/cjs/components/Tabs/TabsTab/TabsTab.js +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js +23 -2
- package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js.map +1 -1
- package/cjs/index.css +546 -170
- package/cjs/index.js +58 -4
- package/cjs/index.js.map +1 -1
- package/esm/components/Accordion/Accordion.context.js +8 -0
- package/esm/components/Accordion/Accordion.context.js.map +1 -0
- package/esm/components/Accordion/Accordion.js +174 -0
- package/esm/components/Accordion/Accordion.js.map +1 -0
- package/esm/components/Accordion/Accordion.module.css.js +4 -0
- package/esm/components/Accordion/Accordion.module.css.js.map +1 -0
- package/esm/components/Accordion/AccordionChevron.js +59 -0
- package/esm/components/Accordion/AccordionChevron.js.map +1 -0
- package/esm/components/Accordion/AccordionControl/AccordionControl.js +126 -0
- package/esm/components/Accordion/AccordionControl/AccordionControl.js.map +1 -0
- package/esm/components/Accordion/AccordionItem/AccordionItem.js +57 -0
- package/esm/components/Accordion/AccordionItem/AccordionItem.js.map +1 -0
- package/esm/components/Accordion/AccordionItem.context.js +6 -0
- package/esm/components/Accordion/AccordionItem.context.js.map +1 -0
- package/esm/components/Accordion/AccordionPanel/AccordionPanel.js +67 -0
- package/esm/components/Accordion/AccordionPanel/AccordionPanel.js.map +1 -0
- package/esm/components/ActionIcon/ActionIcon.js +1 -1
- package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +1 -1
- package/esm/components/Center/Center.js +1 -1
- package/esm/components/Center/Center.js.map +1 -1
- package/esm/components/Checkbox/CheckIcon.js +24 -12
- package/esm/components/Checkbox/CheckIcon.js.map +1 -1
- package/esm/components/Combobox/Combobox.context.js +8 -0
- package/esm/components/Combobox/Combobox.context.js.map +1 -0
- package/esm/components/Combobox/Combobox.js +135 -0
- package/esm/components/Combobox/Combobox.js.map +1 -0
- package/esm/components/Combobox/Combobox.module.css.js +4 -0
- package/esm/components/Combobox/Combobox.module.css.js.map +1 -0
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js +39 -18
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js.map +1 -1
- package/esm/components/Combobox/ComboboxDropdown/ComboboxDropdown.js +62 -0
- package/esm/components/Combobox/ComboboxDropdown/ComboboxDropdown.js.map +1 -0
- package/esm/components/Combobox/ComboboxEmpty/ComboboxEmpty.js +55 -0
- package/esm/components/Combobox/ComboboxEmpty/ComboboxEmpty.js.map +1 -0
- package/esm/components/Combobox/ComboboxFooter/ComboboxFooter.js +55 -0
- package/esm/components/Combobox/ComboboxFooter/ComboboxFooter.js.map +1 -0
- package/esm/components/Combobox/ComboboxHeader/ComboboxHeader.js +55 -0
- package/esm/components/Combobox/ComboboxHeader/ComboboxHeader.js.map +1 -0
- package/esm/components/Combobox/ComboboxOption/ComboboxOption.js +111 -0
- package/esm/components/Combobox/ComboboxOption/ComboboxOption.js.map +1 -0
- package/esm/components/Combobox/ComboboxOptions/ComboboxOptions.js +67 -0
- package/esm/components/Combobox/ComboboxOptions/ComboboxOptions.js.map +1 -0
- package/esm/components/Combobox/ComboboxSearch/ComboboxSearch.js +85 -0
- package/esm/components/Combobox/ComboboxSearch/ComboboxSearch.js.map +1 -0
- package/esm/components/Combobox/ComboboxTarget/ComboboxTarget.js +64 -0
- package/esm/components/Combobox/ComboboxTarget/ComboboxTarget.js.map +1 -0
- package/esm/components/Combobox/use-combobox/get-index/get-index.js +41 -0
- package/esm/components/Combobox/use-combobox/get-index/get-index.js.map +1 -0
- package/esm/components/Combobox/use-combobox/get-index/get-virtualized-index.js +51 -0
- package/esm/components/Combobox/use-combobox/get-index/get-virtualized-index.js.map +1 -0
- package/esm/components/Combobox/use-combobox/use-combobox.js +184 -0
- package/esm/components/Combobox/use-combobox/use-combobox.js.map +1 -0
- package/esm/components/Combobox/use-combobox/use-virtualized-combobox.js +123 -0
- package/esm/components/Combobox/use-combobox/use-virtualized-combobox.js.map +1 -0
- package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.js +86 -0
- package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.js.map +1 -0
- package/esm/components/Drawer/Drawer.context.js +8 -0
- package/esm/components/Drawer/Drawer.context.js.map +1 -0
- package/esm/components/Drawer/Drawer.js +87 -0
- package/esm/components/Drawer/Drawer.js.map +1 -0
- package/esm/components/Drawer/Drawer.module.css.js +4 -0
- package/esm/components/Drawer/Drawer.module.css.js.map +1 -0
- package/esm/components/Drawer/DrawerBody.js +52 -0
- package/esm/components/Drawer/DrawerBody.js.map +1 -0
- package/esm/components/Drawer/DrawerCloseButton.js +52 -0
- package/esm/components/Drawer/DrawerCloseButton.js.map +1 -0
- package/esm/components/Drawer/DrawerContent.js +59 -0
- package/esm/components/Drawer/DrawerContent.js.map +1 -0
- package/esm/components/Drawer/DrawerHeader.js +52 -0
- package/esm/components/Drawer/DrawerHeader.js.map +1 -0
- package/esm/components/Drawer/DrawerOverlay.js +52 -0
- package/esm/components/Drawer/DrawerOverlay.js.map +1 -0
- package/esm/components/Drawer/DrawerRoot.js +120 -0
- package/esm/components/Drawer/DrawerRoot.js.map +1 -0
- package/esm/components/Drawer/DrawerTitle.js +52 -0
- package/esm/components/Drawer/DrawerTitle.js.map +1 -0
- package/esm/components/InputBase/InputBase.js.map +1 -1
- package/esm/components/Loader/Loader.js +2 -2
- package/esm/components/Modal/Modal.js.map +1 -1
- package/esm/components/Modal/ModalRoot.js +6 -3
- package/esm/components/Modal/ModalRoot.js.map +1 -1
- package/esm/components/ModalBase/ModalBase.js +7 -5
- package/esm/components/ModalBase/ModalBase.js.map +1 -1
- package/esm/components/Popover/Popover.js +1 -1
- package/esm/components/Tabs/Tabs.js +1 -1
- package/esm/components/Tabs/TabsTab/TabsTab.js +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js +23 -2
- package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js.map +1 -1
- package/esm/index.css +546 -170
- package/esm/index.js +29 -2
- package/esm/index.js.map +1 -1
- package/lib/components/Accordion/Accordion.context.d.ts +23 -0
- package/lib/components/Accordion/Accordion.d.ts +73 -0
- package/lib/components/Accordion/Accordion.types.d.ts +3 -0
- package/lib/components/Accordion/AccordionChevron.d.ts +9 -0
- package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts +25 -0
- package/lib/components/Accordion/AccordionItem/AccordionItem.d.ts +18 -0
- package/lib/components/Accordion/AccordionItem.context.d.ts +9 -0
- package/lib/components/Accordion/AccordionPanel/AccordionPanel.d.ts +16 -0
- package/lib/components/Accordion/index.d.ts +11 -0
- package/lib/components/ActionIcon/ActionIcon.d.ts +2 -2
- package/lib/components/Checkbox/CheckIcon.d.ts +4 -1
- package/lib/components/Checkbox/index.d.ts +1 -1
- package/lib/components/ColorPicker/ColorPicker.context.d.ts +1 -0
- package/lib/components/Combobox/Combobox.context.d.ts +16 -0
- package/lib/components/Combobox/Combobox.d.ts +105 -0
- package/lib/components/Combobox/ComboboxChevron/ComboboxChevron.d.ts +20 -6
- package/lib/components/Combobox/ComboboxDropdown/ComboboxDropdown.d.ts +19 -0
- package/lib/components/Combobox/ComboboxEmpty/ComboboxEmpty.d.ts +16 -0
- package/lib/components/Combobox/ComboboxFooter/ComboboxFooter.d.ts +16 -0
- package/lib/components/Combobox/ComboboxHeader/ComboboxHeader.d.ts +16 -0
- package/lib/components/Combobox/ComboboxOption/ComboboxOption.d.ts +24 -0
- package/lib/components/Combobox/ComboboxOptions/ComboboxOptions.d.ts +16 -0
- package/lib/components/Combobox/ComboboxSearch/ComboboxSearch.d.ts +19 -0
- package/lib/components/Combobox/ComboboxTarget/ComboboxTarget.d.ts +27 -0
- package/lib/components/Combobox/index.d.ts +19 -0
- package/lib/components/Combobox/use-combobox/get-index/get-index.d.ts +3 -0
- package/lib/components/Combobox/use-combobox/get-index/get-virtualized-index.d.ts +14 -0
- package/lib/components/Combobox/use-combobox/use-combobox.d.ts +41 -0
- package/lib/components/Combobox/use-combobox/use-virtualized-combobox.d.ts +25 -0
- package/lib/components/Combobox/use-combobox-target-props/use-combobox-target-props.d.ts +25 -0
- package/lib/components/Drawer/Drawer.context.d.ts +13 -0
- package/lib/components/Drawer/Drawer.d.ts +59 -0
- package/lib/components/Drawer/DrawerBody.d.ts +17 -0
- package/lib/components/Drawer/DrawerCloseButton.d.ts +17 -0
- package/lib/components/Drawer/DrawerContent.d.ts +17 -0
- package/lib/components/Drawer/DrawerHeader.d.ts +17 -0
- package/lib/components/Drawer/DrawerOverlay.d.ts +17 -0
- package/lib/components/Drawer/DrawerRoot.d.ts +32 -0
- package/lib/components/Drawer/DrawerTitle.d.ts +17 -0
- package/lib/components/Drawer/index.d.ts +16 -0
- package/lib/components/Input/use-input-props.d.ts +65 -64
- package/lib/components/InputBase/InputBase.d.ts +2 -0
- package/lib/components/Modal/Modal.d.ts +3 -2
- package/lib/components/Modal/ModalRoot.d.ts +1 -0
- package/lib/components/ModalBase/use-modal.d.ts +1 -0
- package/lib/components/ScrollArea/ScrollArea.context.d.ts +1 -0
- package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.d.ts +1 -0
- package/lib/components/Slider/Slider.context.d.ts +1 -0
- package/lib/components/Table/Table.context.d.ts +1 -0
- package/lib/components/Tabs/Tabs.context.d.ts +1 -0
- package/lib/components/Tooltip/TooltipFloating/use-floating-tooltip.d.ts +1 -0
- package/lib/components/UnstyledButton/UnstyledButton.d.ts +1 -1
- package/lib/components/index.d.ts +5 -2
- package/lib/core/Box/Box.d.ts +1 -1
- package/lib/core/styles-api/index.d.ts +2 -0
- package/lib/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.d.ts +1 -2
- package/lib/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.d.ts +2 -3
- package/package.json +4 -4
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var createSafeContext = require('../../core/utils/create-safe-context/create-safe-context.js');
|
|
6
|
+
|
|
7
|
+
const [AccordionProvider, useAccordionContext] = createSafeContext.createSafeContext(
|
|
8
|
+
"Accordion component was not found in the tree"
|
|
9
|
+
);
|
|
10
|
+
|
|
11
|
+
exports.AccordionProvider = AccordionProvider;
|
|
12
|
+
exports.useAccordionContext = useAccordionContext;
|
|
13
|
+
//# sourceMappingURL=Accordion.context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.context.js","sources":["../../../src/components/Accordion/Accordion.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport { AccordionChevronPosition, AccordionHeadingOrder } from './Accordion.types';\nimport type { AccordionFactory } from './Accordion';\n\ninterface AccordionContext {\n loop: boolean | undefined;\n transitionDuration: number | undefined;\n disableChevronRotation: boolean | undefined;\n chevronPosition: AccordionChevronPosition | undefined;\n order: AccordionHeadingOrder | undefined;\n chevron: React.ReactNode;\n onChange(value: string): void;\n isItemActive(value: string): boolean;\n getControlId(value: string): string;\n getRegionId(value: string): string;\n getStyles: GetStylesApi<AccordionFactory>;\n variant: string | undefined;\n}\n\nexport const [AccordionProvider, useAccordionContext] = createSafeContext<AccordionContext>(\n 'Accordion component was not found in the tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,GAAGA,mCAAiB;AACzE,EAAE,+CAA+C;AACjD;;;;;"}
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var hooks = require('@mantine/hooks');
|
|
7
|
+
var AccordionChevron = require('./AccordionChevron.js');
|
|
8
|
+
var AccordionItem = require('./AccordionItem/AccordionItem.js');
|
|
9
|
+
var AccordionPanel = require('./AccordionPanel/AccordionPanel.js');
|
|
10
|
+
var AccordionControl = require('./AccordionControl/AccordionControl.js');
|
|
11
|
+
var Accordion_module = require('./Accordion.module.css.js');
|
|
12
|
+
var Accordion_context = require('./Accordion.context.js');
|
|
13
|
+
var getSafeId = require('../../core/utils/get-safe-id/get-safe-id.js');
|
|
14
|
+
var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
|
|
15
|
+
var getSize = require('../../core/utils/get-size/get-size.js');
|
|
16
|
+
var useProps = require('../../core/MantineProvider/use-props/use-props.js');
|
|
17
|
+
var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
|
|
18
|
+
var Box = require('../../core/Box/Box.js');
|
|
19
|
+
var rem = require('../../core/utils/units-converters/rem.js');
|
|
20
|
+
|
|
21
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
22
|
+
|
|
23
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
24
|
+
|
|
25
|
+
var __defProp = Object.defineProperty;
|
|
26
|
+
var __defProps = Object.defineProperties;
|
|
27
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
28
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
29
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
30
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
31
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
32
|
+
var __spreadValues = (a, b) => {
|
|
33
|
+
for (var prop in b || (b = {}))
|
|
34
|
+
if (__hasOwnProp.call(b, prop))
|
|
35
|
+
__defNormalProp(a, prop, b[prop]);
|
|
36
|
+
if (__getOwnPropSymbols)
|
|
37
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
38
|
+
if (__propIsEnum.call(b, prop))
|
|
39
|
+
__defNormalProp(a, prop, b[prop]);
|
|
40
|
+
}
|
|
41
|
+
return a;
|
|
42
|
+
};
|
|
43
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
44
|
+
var __objRest = (source, exclude) => {
|
|
45
|
+
var target = {};
|
|
46
|
+
for (var prop in source)
|
|
47
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
48
|
+
target[prop] = source[prop];
|
|
49
|
+
if (source != null && __getOwnPropSymbols)
|
|
50
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
51
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
52
|
+
target[prop] = source[prop];
|
|
53
|
+
}
|
|
54
|
+
return target;
|
|
55
|
+
};
|
|
56
|
+
const defaultProps = {
|
|
57
|
+
multiple: false,
|
|
58
|
+
disableChevronRotation: false,
|
|
59
|
+
transitionDuration: 200,
|
|
60
|
+
chevronPosition: "right",
|
|
61
|
+
variant: "default",
|
|
62
|
+
chevronSize: 15,
|
|
63
|
+
chevron: /* @__PURE__ */ React__default.createElement(AccordionChevron.AccordionChevron, null)
|
|
64
|
+
};
|
|
65
|
+
const varsResolver = createVarsResolver.createVarsResolver(
|
|
66
|
+
(_, { transitionDuration, chevronSize, radius }) => ({
|
|
67
|
+
root: {
|
|
68
|
+
"--accordion-transition-duration": `${transitionDuration}ms`,
|
|
69
|
+
"--accordion-chevron-size": rem.rem(chevronSize),
|
|
70
|
+
"--accordion-radius": getSize.getRadius(radius)
|
|
71
|
+
}
|
|
72
|
+
})
|
|
73
|
+
);
|
|
74
|
+
function Accordion(_props) {
|
|
75
|
+
const props = useProps.useProps("Accordion", defaultProps, _props);
|
|
76
|
+
const _a = props, {
|
|
77
|
+
classNames,
|
|
78
|
+
className,
|
|
79
|
+
style,
|
|
80
|
+
styles,
|
|
81
|
+
unstyled,
|
|
82
|
+
vars,
|
|
83
|
+
children,
|
|
84
|
+
multiple,
|
|
85
|
+
value,
|
|
86
|
+
defaultValue,
|
|
87
|
+
onChange,
|
|
88
|
+
id,
|
|
89
|
+
loop,
|
|
90
|
+
transitionDuration,
|
|
91
|
+
disableChevronRotation,
|
|
92
|
+
chevronPosition,
|
|
93
|
+
chevronSize,
|
|
94
|
+
order,
|
|
95
|
+
chevron,
|
|
96
|
+
variant,
|
|
97
|
+
radius
|
|
98
|
+
} = _a, others = __objRest(_a, [
|
|
99
|
+
"classNames",
|
|
100
|
+
"className",
|
|
101
|
+
"style",
|
|
102
|
+
"styles",
|
|
103
|
+
"unstyled",
|
|
104
|
+
"vars",
|
|
105
|
+
"children",
|
|
106
|
+
"multiple",
|
|
107
|
+
"value",
|
|
108
|
+
"defaultValue",
|
|
109
|
+
"onChange",
|
|
110
|
+
"id",
|
|
111
|
+
"loop",
|
|
112
|
+
"transitionDuration",
|
|
113
|
+
"disableChevronRotation",
|
|
114
|
+
"chevronPosition",
|
|
115
|
+
"chevronSize",
|
|
116
|
+
"order",
|
|
117
|
+
"chevron",
|
|
118
|
+
"variant",
|
|
119
|
+
"radius"
|
|
120
|
+
]);
|
|
121
|
+
const uid = hooks.useId(id);
|
|
122
|
+
const [_value, handleChange] = hooks.useUncontrolled({
|
|
123
|
+
value,
|
|
124
|
+
defaultValue,
|
|
125
|
+
finalValue: multiple ? [] : null,
|
|
126
|
+
onChange
|
|
127
|
+
});
|
|
128
|
+
const isItemActive = (itemValue) => Array.isArray(_value) ? _value.includes(itemValue) : itemValue === _value;
|
|
129
|
+
const handleItemChange = (itemValue) => {
|
|
130
|
+
const nextValue = Array.isArray(_value) ? _value.includes(itemValue) ? _value.filter((selectedValue) => selectedValue !== itemValue) : [..._value, itemValue] : itemValue === _value ? null : itemValue;
|
|
131
|
+
handleChange(nextValue);
|
|
132
|
+
};
|
|
133
|
+
const getStyles = useStyles.useStyles({
|
|
134
|
+
name: "Accordion",
|
|
135
|
+
classes: Accordion_module['default'],
|
|
136
|
+
props,
|
|
137
|
+
className,
|
|
138
|
+
style,
|
|
139
|
+
classNames,
|
|
140
|
+
styles,
|
|
141
|
+
unstyled,
|
|
142
|
+
vars,
|
|
143
|
+
varsResolver
|
|
144
|
+
});
|
|
145
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
146
|
+
Accordion_context.AccordionProvider,
|
|
147
|
+
{
|
|
148
|
+
value: {
|
|
149
|
+
isItemActive,
|
|
150
|
+
onChange: handleItemChange,
|
|
151
|
+
getControlId: getSafeId.getSafeId(
|
|
152
|
+
`${uid}-control`,
|
|
153
|
+
"Accordion.Item component was rendered with invalid value or without value"
|
|
154
|
+
),
|
|
155
|
+
getRegionId: getSafeId.getSafeId(
|
|
156
|
+
`${uid}-panel`,
|
|
157
|
+
"Accordion.Item component was rendered with invalid value or without value"
|
|
158
|
+
),
|
|
159
|
+
transitionDuration,
|
|
160
|
+
disableChevronRotation,
|
|
161
|
+
chevronPosition,
|
|
162
|
+
order,
|
|
163
|
+
chevron,
|
|
164
|
+
loop,
|
|
165
|
+
getStyles,
|
|
166
|
+
variant
|
|
167
|
+
}
|
|
168
|
+
},
|
|
169
|
+
/* @__PURE__ */ React__default.createElement(Box.Box, __spreadProps(__spreadValues(__spreadValues({}, getStyles("root")), others), { variant, "data-accordion": true }), children)
|
|
170
|
+
);
|
|
171
|
+
}
|
|
172
|
+
const extendAccordion = (c) => c;
|
|
173
|
+
Accordion.extend = extendAccordion;
|
|
174
|
+
Accordion.classes = Accordion_module['default'];
|
|
175
|
+
Accordion.displayName = "@mantine/core/Accordion";
|
|
176
|
+
Accordion.Item = AccordionItem.AccordionItem;
|
|
177
|
+
Accordion.Panel = AccordionPanel.AccordionPanel;
|
|
178
|
+
Accordion.Control = AccordionControl.AccordionControl;
|
|
179
|
+
Accordion.Chevron = AccordionChevron.AccordionChevron;
|
|
180
|
+
|
|
181
|
+
exports.Accordion = Accordion;
|
|
182
|
+
//# sourceMappingURL=Accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n MantineRadius,\n getSafeId,\n ExtendComponent,\n MantineThemeComponent,\n rem,\n getRadius,\n} from '../../core';\nimport { AccordionChevron } from './AccordionChevron';\nimport { AccordionItem } from './AccordionItem/AccordionItem';\nimport { AccordionPanel } from './AccordionPanel/AccordionPanel';\nimport { AccordionControl } from './AccordionControl/AccordionControl';\nimport { AccordionChevronPosition, AccordionHeadingOrder, AccordionValue } from './Accordion.types';\nimport classes from './Accordion.module.css';\nimport { AccordionProvider } from './Accordion.context';\n\nexport type AccordionStylesNames =\n | 'root'\n | 'content'\n | 'item'\n | 'panel'\n | 'icon'\n | 'chevron'\n | 'label'\n | 'itemTitle'\n | 'control';\n\nexport type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';\nexport type AccordionCssVariables = {\n root: '--accordion-transition-duration' | '--accordion-chevron-size' | '--accordion-radius';\n};\n\nexport interface AccordionProps<Multiple extends boolean = false>\n extends BoxProps,\n StylesApiProps<AccordionFactory>,\n ElementProps<'div', 'value' | 'defaultValue' | 'onChange'> {\n /** Determines whether multiple items can be opened at a time, `false` by default */\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 /** Called when value changes */\n onChange?(value: AccordionValue<Multiple>): void;\n\n /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */\n loop?: boolean;\n\n /** Transition duration in ms, `200` by default */\n transitionDuration?: number;\n\n /** Determines whether chevron rotation should be disabled, `false` by default */\n disableChevronRotation?: boolean;\n\n /** Position of the chevron relative to the item label, `right` by default */\n chevronPosition?: AccordionChevronPosition;\n\n /** Size of the chevron icon container, `24` by default */\n chevronSize?: number | string;\n\n /** Heading order, has no effect on visuals */\n order?: AccordionHeadingOrder;\n\n /** Custom chevron icon that will be used in all items */\n chevron?: React.ReactNode;\n\n /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. `theme.defaultRadius` by default. */\n radius?: MantineRadius | (string & {}) | number;\n}\n\nexport type AccordionFactory = Factory<{\n props: AccordionProps;\n ref: HTMLDivElement;\n stylesNames: AccordionStylesNames;\n vars: AccordionCssVariables;\n variant: AccordionVariant;\n}>;\n\nconst defaultProps: Partial<AccordionProps> = {\n multiple: false,\n disableChevronRotation: false,\n transitionDuration: 200,\n chevronPosition: 'right',\n variant: 'default',\n chevronSize: 15,\n chevron: <AccordionChevron />,\n};\n\nconst varsResolver = createVarsResolver<AccordionFactory>(\n (_, { transitionDuration, chevronSize, radius }) => ({\n root: {\n '--accordion-transition-duration': `${transitionDuration}ms`,\n '--accordion-chevron-size': rem(chevronSize),\n '--accordion-radius': getRadius(radius),\n },\n })\n);\n\nexport function Accordion<Multiple extends boolean = false>(_props: AccordionProps<Multiple>) {\n const props = useProps('Accordion', defaultProps as AccordionProps<Multiple>, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\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 ...others\n } = props;\n\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 const getStyles = useStyles<AccordionFactory>({\n name: 'Accordion',\n classes,\n props: props as AccordionProps,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <AccordionProvider\n value={{\n isItemActive,\n onChange: handleItemChange,\n getControlId: getSafeId(\n `${uid}-control`,\n 'Accordion.Item component was rendered with invalid value or without value'\n ),\n getRegionId: getSafeId(\n `${uid}-panel`,\n 'Accordion.Item component was rendered with invalid value or without value'\n ),\n transitionDuration,\n disableChevronRotation,\n chevronPosition,\n order,\n chevron,\n loop,\n getStyles,\n variant,\n }}\n >\n <Box {...getStyles('root')} {...others} variant={variant} data-accordion>\n {children}\n </Box>\n </AccordionProvider>\n );\n}\n\nconst extendAccordion = (c: ExtendComponent<AccordionFactory>): MantineThemeComponent => c;\n\nAccordion.extend = extendAccordion;\nAccordion.classes = classes;\nAccordion.displayName = '@mantine/core/Accordion';\nAccordion.Item = AccordionItem;\nAccordion.Panel = AccordionPanel;\nAccordion.Control = AccordionControl;\nAccordion.Chevron = AccordionChevron;\n"],"names":["React","AccordionChevron","createVarsResolver","rem","getRadius","useProps","useId","useUncontrolled","useStyles","classes","AccordionProvider","getSafeId","Box","AccordionItem","AccordionPanel","AccordionControl"],"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;AAkBF,MAAM,YAAY,GAAG;AACrB,EAAE,QAAQ,EAAE,KAAK;AACjB,EAAE,sBAAsB,EAAE,KAAK;AAC/B,EAAE,kBAAkB,EAAE,GAAG;AACzB,EAAE,eAAe,EAAE,OAAO;AAC1B,EAAE,OAAO,EAAE,SAAS;AACpB,EAAE,WAAW,EAAE,EAAE;AACjB,EAAE,OAAO,kBAAkBA,cAAK,CAAC,aAAa,CAACC,iCAAgB,EAAE,IAAI,CAAC;AACtE,CAAC,CAAC;AACF,MAAM,YAAY,GAAGC,qCAAkB;AACvC,EAAE,CAAC,CAAC,EAAE,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM;AACvD,IAAI,IAAI,EAAE;AACV,MAAM,iCAAiC,EAAE,CAAC,EAAE,kBAAkB,CAAC,EAAE,CAAC;AAClE,MAAM,0BAA0B,EAAEC,OAAG,CAAC,WAAW,CAAC;AAClD,MAAM,oBAAoB,EAAEC,iBAAS,CAAC,MAAM,CAAC;AAC7C,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;AACK,SAAS,SAAS,CAAC,MAAM,EAAE;AAClC,EAAE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,WAAW,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAC5D,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;AACpB,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,EAAE;AACN,IAAI,IAAI;AACR,IAAI,kBAAkB;AACtB,IAAI,sBAAsB;AAC1B,IAAI,eAAe;AACnB,IAAI,WAAW;AACf,IAAI,KAAK;AACT,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,MAAM;AACV,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,OAAO;AACX,IAAI,cAAc;AAClB,IAAI,UAAU;AACd,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,oBAAoB;AACxB,IAAI,wBAAwB;AAC5B,IAAI,iBAAiB;AACrB,IAAI,aAAa;AACjB,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,GAAG,GAAGC,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,MAAM,SAAS,GAAGC,mBAAS,CAAC;AAC9B,IAAI,IAAI,EAAE,WAAW;AACrB,aAAIC,2BAAO;AACX,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBT,cAAK,CAAC,aAAa;AAC5C,IAAIU,mCAAiB;AACrB,IAAI;AACJ,MAAM,KAAK,EAAE;AACb,QAAQ,YAAY;AACpB,QAAQ,QAAQ,EAAE,gBAAgB;AAClC,QAAQ,YAAY,EAAEC,mBAAS;AAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC;AAC1B,UAAU,2EAA2E;AACrF,SAAS;AACT,QAAQ,WAAW,EAAEA,mBAAS;AAC9B,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC;AACxB,UAAU,2EAA2E;AACrF,SAAS;AACT,QAAQ,kBAAkB;AAC1B,QAAQ,sBAAsB;AAC9B,QAAQ,eAAe;AACvB,QAAQ,KAAK;AACb,QAAQ,OAAO;AACf,QAAQ,IAAI;AACZ,QAAQ,SAAS;AACjB,QAAQ,OAAO;AACf,OAAO;AACP,KAAK;AACL,oBAAoBX,cAAK,CAAC,aAAa,CAACY,OAAG,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC;AACzK,GAAG,CAAC;AACJ,CAAC;AACD,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;AACjC,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC;AACnC,SAAS,CAAC,OAAO,GAAGH,2BAAO,CAAC;AAC5B,SAAS,CAAC,WAAW,GAAG,yBAAyB,CAAC;AAClD,SAAS,CAAC,IAAI,GAAGI,2BAAa,CAAC;AAC/B,SAAS,CAAC,KAAK,GAAGC,6BAAc,CAAC;AACjC,SAAS,CAAC,OAAO,GAAGC,iCAAgB,CAAC;AACrC,SAAS,CAAC,OAAO,GAAGd,iCAAgB;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var classes = {"panel":"mantine-BsW-DHJ","content":"mantine-crxTXa8","itemTitle":"mantine-Pl85DwB","control":"mantine-GdbdUfZ","control--default":"mantine-NYL8sTC","control--contained":"mantine-2ff9CY2","label":"mantine-wi6tb4S","chevron":"mantine-cn4jUEr","icon":"mantine-UIeeOMI","item":"mantine-O9fHDxs","item--default":"mantine-NikJAJO","item--contained":"mantine-J3GNfAk","item--filled":"mantine-sjWzs17","item--separated":"mantine-C9LZ3zN"};
|
|
6
|
+
|
|
7
|
+
exports.default = classes;
|
|
8
|
+
//# sourceMappingURL=Accordion.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var rem = require('../../core/utils/units-converters/rem.js');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
+
|
|
12
|
+
var __defProp = Object.defineProperty;
|
|
13
|
+
var __defProps = Object.defineProperties;
|
|
14
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
15
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
16
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
17
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
18
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
19
|
+
var __spreadValues = (a, b) => {
|
|
20
|
+
for (var prop in b || (b = {}))
|
|
21
|
+
if (__hasOwnProp.call(b, prop))
|
|
22
|
+
__defNormalProp(a, prop, b[prop]);
|
|
23
|
+
if (__getOwnPropSymbols)
|
|
24
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
25
|
+
if (__propIsEnum.call(b, prop))
|
|
26
|
+
__defNormalProp(a, prop, b[prop]);
|
|
27
|
+
}
|
|
28
|
+
return a;
|
|
29
|
+
};
|
|
30
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
31
|
+
var __objRest = (source, exclude) => {
|
|
32
|
+
var target = {};
|
|
33
|
+
for (var prop in source)
|
|
34
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
35
|
+
target[prop] = source[prop];
|
|
36
|
+
if (source != null && __getOwnPropSymbols)
|
|
37
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
38
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
39
|
+
target[prop] = source[prop];
|
|
40
|
+
}
|
|
41
|
+
return target;
|
|
42
|
+
};
|
|
43
|
+
function AccordionChevron(_a) {
|
|
44
|
+
var _b = _a, { style, size = 16 } = _b, others = __objRest(_b, ["style", "size"]);
|
|
45
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
46
|
+
"svg",
|
|
47
|
+
__spreadValues({
|
|
48
|
+
viewBox: "0 0 15 15",
|
|
49
|
+
fill: "none",
|
|
50
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
51
|
+
style: __spreadProps(__spreadValues({}, style), { width: rem.rem(size), height: rem.rem(size), display: "block" })
|
|
52
|
+
}, others),
|
|
53
|
+
/* @__PURE__ */ React__default.createElement(
|
|
54
|
+
"path",
|
|
55
|
+
{
|
|
56
|
+
d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
|
|
57
|
+
fill: "currentColor",
|
|
58
|
+
fillRule: "evenodd",
|
|
59
|
+
clipRule: "evenodd"
|
|
60
|
+
}
|
|
61
|
+
)
|
|
62
|
+
);
|
|
63
|
+
}
|
|
64
|
+
AccordionChevron.displayName = "@mantine/core/AccordionChevron";
|
|
65
|
+
|
|
66
|
+
exports.AccordionChevron = AccordionChevron;
|
|
67
|
+
//# sourceMappingURL=AccordionChevron.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionChevron.js","sources":["../../../src/components/Accordion/AccordionChevron.tsx"],"sourcesContent":["import React from 'react';\nimport { rem } from '../../core';\n\nexport interface AccordionChevronProps extends React.ComponentPropsWithoutRef<'svg'> {\n /** Controls `width` and `height` of the icon, `16` by default */\n size?: number | string;\n}\n\nexport function AccordionChevron({ style, size = 16, ...others }: AccordionChevronProps) {\n return (\n <svg\n viewBox=\"0 0 15 15\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ ...style, width: rem(size), height: rem(size), display: 'block' }}\n {...others}\n >\n <path\n d=\"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nAccordionChevron.displayName = '@mantine/core/AccordionChevron';\n"],"names":["React","rem"],"mappings":"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"}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var Accordion_context = require('../Accordion.context.js');
|
|
7
|
+
var AccordionItem_context = require('../AccordionItem.context.js');
|
|
8
|
+
var Accordion_module = require('../Accordion.module.css.js');
|
|
9
|
+
var UnstyledButton = require('../../UnstyledButton/UnstyledButton.js');
|
|
10
|
+
var createScopedKeydownHandler = require('../../../core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js');
|
|
11
|
+
var factory = require('../../../core/factory/factory.js');
|
|
12
|
+
var useProps = require('../../../core/MantineProvider/use-props/use-props.js');
|
|
13
|
+
var Box = require('../../../core/Box/Box.js');
|
|
14
|
+
|
|
15
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
16
|
+
|
|
17
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
18
|
+
|
|
19
|
+
var __defProp = Object.defineProperty;
|
|
20
|
+
var __defProps = Object.defineProperties;
|
|
21
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
22
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
23
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
24
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
25
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
26
|
+
var __spreadValues = (a, b) => {
|
|
27
|
+
for (var prop in b || (b = {}))
|
|
28
|
+
if (__hasOwnProp.call(b, prop))
|
|
29
|
+
__defNormalProp(a, prop, b[prop]);
|
|
30
|
+
if (__getOwnPropSymbols)
|
|
31
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
32
|
+
if (__propIsEnum.call(b, prop))
|
|
33
|
+
__defNormalProp(a, prop, b[prop]);
|
|
34
|
+
}
|
|
35
|
+
return a;
|
|
36
|
+
};
|
|
37
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
38
|
+
var __objRest = (source, exclude) => {
|
|
39
|
+
var target = {};
|
|
40
|
+
for (var prop in source)
|
|
41
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
42
|
+
target[prop] = source[prop];
|
|
43
|
+
if (source != null && __getOwnPropSymbols)
|
|
44
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
45
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
46
|
+
target[prop] = source[prop];
|
|
47
|
+
}
|
|
48
|
+
return target;
|
|
49
|
+
};
|
|
50
|
+
const defaultProps = {};
|
|
51
|
+
const AccordionControl = factory.factory((props, ref) => {
|
|
52
|
+
const _a = useProps.useProps("AccordionControl", defaultProps, props), {
|
|
53
|
+
classNames,
|
|
54
|
+
className,
|
|
55
|
+
style,
|
|
56
|
+
styles,
|
|
57
|
+
unstyled,
|
|
58
|
+
vars,
|
|
59
|
+
chevron,
|
|
60
|
+
icon,
|
|
61
|
+
onClick,
|
|
62
|
+
onKeyDown,
|
|
63
|
+
children,
|
|
64
|
+
disabled
|
|
65
|
+
} = _a, others = __objRest(_a, [
|
|
66
|
+
"classNames",
|
|
67
|
+
"className",
|
|
68
|
+
"style",
|
|
69
|
+
"styles",
|
|
70
|
+
"unstyled",
|
|
71
|
+
"vars",
|
|
72
|
+
"chevron",
|
|
73
|
+
"icon",
|
|
74
|
+
"onClick",
|
|
75
|
+
"onKeyDown",
|
|
76
|
+
"children",
|
|
77
|
+
"disabled"
|
|
78
|
+
]);
|
|
79
|
+
const { value } = AccordionItem_context.useAccordionItemContext();
|
|
80
|
+
const ctx = Accordion_context.useAccordionContext();
|
|
81
|
+
const isActive = ctx.isItemActive(value);
|
|
82
|
+
const shouldWrapWithHeading = typeof ctx.order === "number";
|
|
83
|
+
const Heading = `h${ctx.order}`;
|
|
84
|
+
const content = /* @__PURE__ */ React__default.createElement(
|
|
85
|
+
UnstyledButton.UnstyledButton,
|
|
86
|
+
__spreadProps(__spreadValues(__spreadValues({}, others), ctx.getStyles("control", { className, classNames, style, styles, variant: ctx.variant })), {
|
|
87
|
+
mod: [
|
|
88
|
+
"accordion-control",
|
|
89
|
+
{ active: isActive, "chevron-position": ctx.chevronPosition, disabled }
|
|
90
|
+
],
|
|
91
|
+
ref,
|
|
92
|
+
onClick: (event) => {
|
|
93
|
+
onClick == null ? void 0 : onClick(event);
|
|
94
|
+
ctx.onChange(value);
|
|
95
|
+
},
|
|
96
|
+
type: "button",
|
|
97
|
+
disabled,
|
|
98
|
+
"aria-expanded": isActive,
|
|
99
|
+
"aria-controls": ctx.getRegionId(value),
|
|
100
|
+
id: ctx.getControlId(value),
|
|
101
|
+
onKeyDown: createScopedKeydownHandler.createScopedKeydownHandler({
|
|
102
|
+
siblingSelector: "[data-accordion-control]",
|
|
103
|
+
parentSelector: "[data-accordion]",
|
|
104
|
+
activateOnFocus: false,
|
|
105
|
+
loop: ctx.loop,
|
|
106
|
+
orientation: "vertical",
|
|
107
|
+
onKeyDown
|
|
108
|
+
})
|
|
109
|
+
}),
|
|
110
|
+
/* @__PURE__ */ React__default.createElement(
|
|
111
|
+
Box.Box,
|
|
112
|
+
__spreadValues({
|
|
113
|
+
component: "span",
|
|
114
|
+
mod: { rotate: !ctx.disableChevronRotation && isActive, position: ctx.chevronPosition }
|
|
115
|
+
}, ctx.getStyles("chevron", { classNames, styles })),
|
|
116
|
+
chevron || ctx.chevron
|
|
117
|
+
),
|
|
118
|
+
/* @__PURE__ */ React__default.createElement("span", __spreadValues({}, ctx.getStyles("label", { classNames, styles })), children),
|
|
119
|
+
icon && /* @__PURE__ */ React__default.createElement(
|
|
120
|
+
Box.Box,
|
|
121
|
+
__spreadValues({
|
|
122
|
+
component: "span",
|
|
123
|
+
mod: { "chevron-position": ctx.chevronPosition }
|
|
124
|
+
}, ctx.getStyles("icon", { classNames, styles })),
|
|
125
|
+
icon
|
|
126
|
+
)
|
|
127
|
+
);
|
|
128
|
+
return shouldWrapWithHeading ? /* @__PURE__ */ React__default.createElement(Heading, __spreadValues({}, ctx.getStyles("itemTitle", { classNames, styles })), content) : content;
|
|
129
|
+
});
|
|
130
|
+
AccordionControl.displayName = "@mantine/core/AccordionControl";
|
|
131
|
+
AccordionControl.classes = Accordion_module['default'];
|
|
132
|
+
|
|
133
|
+
exports.AccordionControl = AccordionControl;
|
|
134
|
+
//# sourceMappingURL=AccordionControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionControl.js","sources":["../../../../src/components/Accordion/AccordionControl/AccordionControl.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n createScopedKeydownHandler,\n} from '../../../core';\nimport { UnstyledButton } from '../../UnstyledButton';\nimport { useAccordionContext } from '../Accordion.context';\nimport { useAccordionItemContext } from '../AccordionItem.context';\nimport classes from '../Accordion.module.css';\n\nexport type AccordionControlStylesNames = 'control' | 'chevron' | 'label' | 'itemTitle' | 'icon';\n\nexport interface AccordionControlProps\n extends BoxProps,\n StylesApiProps<AccordionControlFactory>,\n ElementProps<'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 displayed next to the label */\n icon?: React.ReactNode;\n}\n\nexport type AccordionControlFactory = Factory<{\n props: AccordionControlProps;\n ref: HTMLButtonElement;\n stylesNames: AccordionControlStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<AccordionControlProps> = {};\n\nexport const AccordionControl = factory<AccordionControlFactory>((props, ref) => {\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n chevron,\n icon,\n onClick,\n onKeyDown,\n children,\n disabled,\n ...others\n } = useProps('AccordionControl', defaultProps, props);\n\n const { value } = useAccordionItemContext();\n const ctx = useAccordionContext();\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 {...ctx.getStyles('control', { className, classNames, style, styles, variant: ctx.variant })}\n mod={[\n 'accordion-control',\n { active: isActive, 'chevron-position': ctx.chevronPosition, disabled },\n ]}\n ref={ref}\n onClick={(event) => {\n onClick?.(event);\n ctx.onChange(value);\n }}\n type=\"button\"\n disabled={disabled}\n aria-expanded={isActive}\n aria-controls={ctx.getRegionId(value)}\n id={ctx.getControlId(value)}\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 <Box\n component=\"span\"\n mod={{ rotate: !ctx.disableChevronRotation && isActive, position: ctx.chevronPosition }}\n {...ctx.getStyles('chevron', { classNames, styles })}\n >\n {chevron || ctx.chevron}\n </Box>\n <span {...ctx.getStyles('label', { classNames, styles })}>{children}</span>\n {icon && (\n <Box\n component=\"span\"\n mod={{ 'chevron-position': ctx.chevronPosition }}\n {...ctx.getStyles('icon', { classNames, styles })}\n >\n {icon}\n </Box>\n )}\n </UnstyledButton>\n );\n\n return shouldWrapWithHeading ? (\n <Heading {...ctx.getStyles('itemTitle', { classNames, styles })}>{content}</Heading>\n ) : (\n content\n );\n});\n\nAccordionControl.displayName = '@mantine/core/AccordionControl';\nAccordionControl.classes = classes;\n"],"names":["factory","useProps","useAccordionItemContext","useAccordionContext","React","UnstyledButton","createScopedKeydownHandler","Box","classes"],"mappings":"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"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var Accordion_context = require('../Accordion.context.js');
|
|
7
|
+
var AccordionItem_context = require('../AccordionItem.context.js');
|
|
8
|
+
var Accordion_module = require('../Accordion.module.css.js');
|
|
9
|
+
var factory = require('../../../core/factory/factory.js');
|
|
10
|
+
var useProps = require('../../../core/MantineProvider/use-props/use-props.js');
|
|
11
|
+
var Box = require('../../../core/Box/Box.js');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
+
|
|
17
|
+
var __defProp = Object.defineProperty;
|
|
18
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
19
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
20
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
21
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
22
|
+
var __spreadValues = (a, b) => {
|
|
23
|
+
for (var prop in b || (b = {}))
|
|
24
|
+
if (__hasOwnProp.call(b, prop))
|
|
25
|
+
__defNormalProp(a, prop, b[prop]);
|
|
26
|
+
if (__getOwnPropSymbols)
|
|
27
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
28
|
+
if (__propIsEnum.call(b, prop))
|
|
29
|
+
__defNormalProp(a, prop, b[prop]);
|
|
30
|
+
}
|
|
31
|
+
return a;
|
|
32
|
+
};
|
|
33
|
+
var __objRest = (source, exclude) => {
|
|
34
|
+
var target = {};
|
|
35
|
+
for (var prop in source)
|
|
36
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
37
|
+
target[prop] = source[prop];
|
|
38
|
+
if (source != null && __getOwnPropSymbols)
|
|
39
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
40
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
41
|
+
target[prop] = source[prop];
|
|
42
|
+
}
|
|
43
|
+
return target;
|
|
44
|
+
};
|
|
45
|
+
const defaultProps = {};
|
|
46
|
+
const AccordionItem = factory.factory((props, ref) => {
|
|
47
|
+
const _a = useProps.useProps(
|
|
48
|
+
"AccordionItem",
|
|
49
|
+
defaultProps,
|
|
50
|
+
props
|
|
51
|
+
), { classNames, className, style, styles, unstyled, vars, value } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "value"]);
|
|
52
|
+
const ctx = Accordion_context.useAccordionContext();
|
|
53
|
+
return /* @__PURE__ */ React__default.createElement(AccordionItem_context.AccordionItemProvider, { value: { value } }, /* @__PURE__ */ React__default.createElement(
|
|
54
|
+
Box.Box,
|
|
55
|
+
__spreadValues(__spreadValues({
|
|
56
|
+
ref,
|
|
57
|
+
mod: { active: ctx.isItemActive(value) }
|
|
58
|
+
}, ctx.getStyles("item", { className, classNames, styles, style, variant: ctx.variant })), others)
|
|
59
|
+
));
|
|
60
|
+
});
|
|
61
|
+
AccordionItem.displayName = "@mantine/core/AccordionItem";
|
|
62
|
+
AccordionItem.classes = Accordion_module['default'];
|
|
63
|
+
|
|
64
|
+
exports.AccordionItem = AccordionItem;
|
|
65
|
+
//# sourceMappingURL=AccordionItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionItem.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n} from '../../../core';\nimport { useAccordionContext } from '../Accordion.context';\nimport { AccordionItemProvider } from '../AccordionItem.context';\nimport classes from '../Accordion.module.css';\n\nexport type AccordionItemStylesNames = 'item';\n\nexport interface AccordionItemProps\n extends BoxProps,\n StylesApiProps<AccordionItemFactory>,\n ElementProps<'div'> {\n /** Value that is used to manage accordion state */\n value: string;\n}\n\nexport type AccordionItemFactory = Factory<{\n props: AccordionItemProps;\n ref: HTMLDivElement;\n stylesNames: AccordionItemStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<AccordionItemProps> = {};\n\nexport const AccordionItem = factory<AccordionItemFactory>((props, ref) => {\n const { classNames, className, style, styles, unstyled, vars, value, ...others } = useProps(\n 'AccordionItem',\n defaultProps,\n props\n );\n const ctx = useAccordionContext();\n\n return (\n <AccordionItemProvider value={{ value }}>\n <Box\n ref={ref}\n mod={{ active: ctx.isItemActive(value) }}\n {...ctx.getStyles('item', { className, classNames, styles, style, variant: ctx.variant })}\n {...others}\n />\n </AccordionItemProvider>\n );\n});\n\nAccordionItem.displayName = '@mantine/core/AccordionItem';\nAccordionItem.classes = classes;\n"],"names":["factory","useProps","useAccordionContext","React","AccordionItemProvider","Box","classes"],"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;AAUF,MAAM,YAAY,GAAG,EAAE,CAAC;AACZ,MAAC,aAAa,GAAGA,eAAO,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACrD,EAAE,MAAM,EAAE,GAAGC,iBAAQ;AACrB,IAAI,eAAe;AACnB,IAAI,YAAY;AAChB,IAAI,KAAK;AACT,GAAG,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAC/K,EAAE,MAAM,GAAG,GAAGC,qCAAmB,EAAE,CAAC;AACpC,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,2CAAqB,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,kBAAkBD,cAAK,CAAC,aAAa;AAC7H,IAAIE,OAAG;AACP,IAAI,cAAc,CAAC,cAAc,CAAC;AAClC,MAAM,GAAG;AACT,MAAM,GAAG,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;AAC9C,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;AACtG,GAAG,CAAC,CAAC;AACL,CAAC,EAAE;AACH,aAAa,CAAC,WAAW,GAAG,6BAA6B,CAAC;AAC1D,aAAa,CAAC,OAAO,GAAGC,2BAAO;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var createSafeContext = require('../../core/utils/create-safe-context/create-safe-context.js');
|
|
6
|
+
|
|
7
|
+
const [AccordionItemProvider, useAccordionItemContext] = createSafeContext.createSafeContext("Accordion.Item component was not found in the tree");
|
|
8
|
+
|
|
9
|
+
exports.AccordionItemProvider = AccordionItemProvider;
|
|
10
|
+
exports.useAccordionItemContext = useAccordionItemContext;
|
|
11
|
+
//# sourceMappingURL=AccordionItem.context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionItem.context.js","sources":["../../../src/components/Accordion/AccordionItem.context.ts"],"sourcesContent":["import { createSafeContext } from '../../core';\n\ninterface AccordionItemContext {\n value: string;\n}\n\nexport const [AccordionItemProvider, useAccordionItemContext] =\n createSafeContext<AccordionItemContext>('Accordion.Item component was not found in the tree');\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,qBAAqB,EAAE,uBAAuB,CAAC,GAAGA,mCAAiB,CAAC,oDAAoD;;;;;"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var Accordion_context = require('../Accordion.context.js');
|
|
7
|
+
var AccordionItem_context = require('../AccordionItem.context.js');
|
|
8
|
+
var Accordion_module = require('../Accordion.module.css.js');
|
|
9
|
+
var Collapse = require('../../Collapse/Collapse.js');
|
|
10
|
+
var factory = require('../../../core/factory/factory.js');
|
|
11
|
+
var useProps = require('../../../core/MantineProvider/use-props/use-props.js');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
+
|
|
17
|
+
var __defProp = Object.defineProperty;
|
|
18
|
+
var __defProps = Object.defineProperties;
|
|
19
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
20
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
21
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
22
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
23
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
24
|
+
var __spreadValues = (a, b) => {
|
|
25
|
+
for (var prop in b || (b = {}))
|
|
26
|
+
if (__hasOwnProp.call(b, prop))
|
|
27
|
+
__defNormalProp(a, prop, b[prop]);
|
|
28
|
+
if (__getOwnPropSymbols)
|
|
29
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
30
|
+
if (__propIsEnum.call(b, prop))
|
|
31
|
+
__defNormalProp(a, prop, b[prop]);
|
|
32
|
+
}
|
|
33
|
+
return a;
|
|
34
|
+
};
|
|
35
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
36
|
+
var __objRest = (source, exclude) => {
|
|
37
|
+
var target = {};
|
|
38
|
+
for (var prop in source)
|
|
39
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
40
|
+
target[prop] = source[prop];
|
|
41
|
+
if (source != null && __getOwnPropSymbols)
|
|
42
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
43
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
44
|
+
target[prop] = source[prop];
|
|
45
|
+
}
|
|
46
|
+
return target;
|
|
47
|
+
};
|
|
48
|
+
const defaultProps = {};
|
|
49
|
+
const AccordionPanel = factory.factory((props, ref) => {
|
|
50
|
+
const _a = useProps.useProps(
|
|
51
|
+
"AccordionPanel",
|
|
52
|
+
defaultProps,
|
|
53
|
+
props
|
|
54
|
+
), { classNames, className, style, styles, unstyled, vars, children } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "children"]);
|
|
55
|
+
const { value } = AccordionItem_context.useAccordionItemContext();
|
|
56
|
+
const ctx = Accordion_context.useAccordionContext();
|
|
57
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
58
|
+
Collapse.Collapse,
|
|
59
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
60
|
+
ref
|
|
61
|
+
}, ctx.getStyles("panel", { className, classNames, style, styles })), others), {
|
|
62
|
+
in: ctx.isItemActive(value),
|
|
63
|
+
transitionDuration: ctx.transitionDuration,
|
|
64
|
+
role: "region",
|
|
65
|
+
id: ctx.getRegionId(value),
|
|
66
|
+
"aria-labelledby": ctx.getControlId(value)
|
|
67
|
+
}),
|
|
68
|
+
/* @__PURE__ */ React__default.createElement("div", __spreadValues({}, ctx.getStyles("content", { classNames, styles })), children)
|
|
69
|
+
);
|
|
70
|
+
});
|
|
71
|
+
AccordionPanel.displayName = "@mantine/core/AccordionPanel";
|
|
72
|
+
AccordionPanel.classes = Accordion_module['default'];
|
|
73
|
+
|
|
74
|
+
exports.AccordionPanel = AccordionPanel;
|
|
75
|
+
//# sourceMappingURL=AccordionPanel.js.map
|