@mantine/core 7.0.0-alpha.14 → 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.
Files changed (128) hide show
  1. package/cjs/components/Accordion/Accordion.context.js +13 -0
  2. package/cjs/components/Accordion/Accordion.context.js.map +1 -0
  3. package/cjs/components/Accordion/Accordion.js +182 -0
  4. package/cjs/components/Accordion/Accordion.js.map +1 -0
  5. package/cjs/components/Accordion/Accordion.module.css.js +8 -0
  6. package/cjs/components/Accordion/Accordion.module.css.js.map +1 -0
  7. package/cjs/components/Accordion/AccordionChevron.js +67 -0
  8. package/cjs/components/Accordion/AccordionChevron.js.map +1 -0
  9. package/cjs/components/Accordion/AccordionControl/AccordionControl.js +134 -0
  10. package/cjs/components/Accordion/AccordionControl/AccordionControl.js.map +1 -0
  11. package/cjs/components/Accordion/AccordionItem/AccordionItem.js +65 -0
  12. package/cjs/components/Accordion/AccordionItem/AccordionItem.js.map +1 -0
  13. package/cjs/components/Accordion/AccordionItem.context.js +11 -0
  14. package/cjs/components/Accordion/AccordionItem.context.js.map +1 -0
  15. package/cjs/components/Accordion/AccordionPanel/AccordionPanel.js +75 -0
  16. package/cjs/components/Accordion/AccordionPanel/AccordionPanel.js.map +1 -0
  17. package/cjs/components/ActionIcon/ActionIcon.js +1 -1
  18. package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
  19. package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +1 -1
  20. package/cjs/components/Center/Center.js +1 -1
  21. package/cjs/components/Center/Center.js.map +1 -1
  22. package/cjs/components/Checkbox/CheckIcon.js +24 -12
  23. package/cjs/components/Checkbox/CheckIcon.js.map +1 -1
  24. package/cjs/components/Combobox/Combobox.js +4 -0
  25. package/cjs/components/Combobox/Combobox.js.map +1 -1
  26. package/cjs/components/Combobox/Combobox.module.css.js +1 -1
  27. package/cjs/components/Combobox/ComboboxFooter/ComboboxFooter.js +63 -0
  28. package/cjs/components/Combobox/ComboboxFooter/ComboboxFooter.js.map +1 -0
  29. package/cjs/components/Combobox/ComboboxHeader/ComboboxHeader.js +63 -0
  30. package/cjs/components/Combobox/ComboboxHeader/ComboboxHeader.js.map +1 -0
  31. package/cjs/components/Combobox/ComboboxSearch/ComboboxSearch.js +1 -0
  32. package/cjs/components/Combobox/ComboboxSearch/ComboboxSearch.js.map +1 -1
  33. package/cjs/components/Combobox/ComboboxTarget/ComboboxTarget.js +3 -5
  34. package/cjs/components/Combobox/ComboboxTarget/ComboboxTarget.js.map +1 -1
  35. package/cjs/components/Combobox/use-combobox/use-combobox.js +102 -66
  36. package/cjs/components/Combobox/use-combobox/use-combobox.js.map +1 -1
  37. package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.js +2 -0
  38. package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.js.map +1 -1
  39. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.js +14 -4
  40. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.js.map +1 -1
  41. package/cjs/components/InputBase/InputBase.js.map +1 -1
  42. package/cjs/components/Loader/Loader.js +2 -2
  43. package/cjs/components/Tabs/Tabs.js +1 -1
  44. package/cjs/components/Tabs/TabsTab/TabsTab.js +1 -1
  45. package/cjs/index.css +263 -12
  46. package/cjs/index.js +14 -4
  47. package/cjs/index.js.map +1 -1
  48. package/esm/components/Accordion/Accordion.context.js +8 -0
  49. package/esm/components/Accordion/Accordion.context.js.map +1 -0
  50. package/esm/components/Accordion/Accordion.js +174 -0
  51. package/esm/components/Accordion/Accordion.js.map +1 -0
  52. package/esm/components/Accordion/Accordion.module.css.js +4 -0
  53. package/esm/components/Accordion/Accordion.module.css.js.map +1 -0
  54. package/esm/components/Accordion/AccordionChevron.js +59 -0
  55. package/esm/components/Accordion/AccordionChevron.js.map +1 -0
  56. package/esm/components/Accordion/AccordionControl/AccordionControl.js +126 -0
  57. package/esm/components/Accordion/AccordionControl/AccordionControl.js.map +1 -0
  58. package/esm/components/Accordion/AccordionItem/AccordionItem.js +57 -0
  59. package/esm/components/Accordion/AccordionItem/AccordionItem.js.map +1 -0
  60. package/esm/components/Accordion/AccordionItem.context.js +6 -0
  61. package/esm/components/Accordion/AccordionItem.context.js.map +1 -0
  62. package/esm/components/Accordion/AccordionPanel/AccordionPanel.js +67 -0
  63. package/esm/components/Accordion/AccordionPanel/AccordionPanel.js.map +1 -0
  64. package/esm/components/ActionIcon/ActionIcon.js +1 -1
  65. package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
  66. package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +1 -1
  67. package/esm/components/Center/Center.js +1 -1
  68. package/esm/components/Center/Center.js.map +1 -1
  69. package/esm/components/Checkbox/CheckIcon.js +24 -12
  70. package/esm/components/Checkbox/CheckIcon.js.map +1 -1
  71. package/esm/components/Combobox/Combobox.js +4 -0
  72. package/esm/components/Combobox/Combobox.js.map +1 -1
  73. package/esm/components/Combobox/Combobox.module.css.js +1 -1
  74. package/esm/components/Combobox/ComboboxFooter/ComboboxFooter.js +55 -0
  75. package/esm/components/Combobox/ComboboxFooter/ComboboxFooter.js.map +1 -0
  76. package/esm/components/Combobox/ComboboxHeader/ComboboxHeader.js +55 -0
  77. package/esm/components/Combobox/ComboboxHeader/ComboboxHeader.js.map +1 -0
  78. package/esm/components/Combobox/ComboboxSearch/ComboboxSearch.js +1 -0
  79. package/esm/components/Combobox/ComboboxSearch/ComboboxSearch.js.map +1 -1
  80. package/esm/components/Combobox/ComboboxTarget/ComboboxTarget.js +3 -5
  81. package/esm/components/Combobox/ComboboxTarget/ComboboxTarget.js.map +1 -1
  82. package/esm/components/Combobox/use-combobox/use-combobox.js +103 -67
  83. package/esm/components/Combobox/use-combobox/use-combobox.js.map +1 -1
  84. package/esm/components/Combobox/use-combobox/use-virtualized-combobox.js +2 -0
  85. package/esm/components/Combobox/use-combobox/use-virtualized-combobox.js.map +1 -1
  86. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.js +14 -4
  87. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.js.map +1 -1
  88. package/esm/components/InputBase/InputBase.js.map +1 -1
  89. package/esm/components/Loader/Loader.js +2 -2
  90. package/esm/components/Tabs/Tabs.js +1 -1
  91. package/esm/components/Tabs/TabsTab/TabsTab.js +1 -1
  92. package/esm/index.css +263 -12
  93. package/esm/index.js +7 -2
  94. package/esm/index.js.map +1 -1
  95. package/lib/components/Accordion/Accordion.context.d.ts +23 -0
  96. package/lib/components/Accordion/Accordion.d.ts +73 -0
  97. package/lib/components/Accordion/Accordion.types.d.ts +3 -0
  98. package/lib/components/Accordion/AccordionChevron.d.ts +9 -0
  99. package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts +25 -0
  100. package/lib/components/Accordion/AccordionItem/AccordionItem.d.ts +18 -0
  101. package/lib/components/Accordion/AccordionItem.context.d.ts +9 -0
  102. package/lib/components/Accordion/AccordionPanel/AccordionPanel.d.ts +16 -0
  103. package/lib/components/Accordion/index.d.ts +11 -0
  104. package/lib/components/ActionIcon/ActionIcon.d.ts +2 -2
  105. package/lib/components/Checkbox/CheckIcon.d.ts +4 -1
  106. package/lib/components/Checkbox/index.d.ts +1 -1
  107. package/lib/components/ColorPicker/ColorPicker.context.d.ts +1 -0
  108. package/lib/components/Combobox/Combobox.context.d.ts +1 -0
  109. package/lib/components/Combobox/Combobox.d.ts +17 -1
  110. package/lib/components/Combobox/ComboboxFooter/ComboboxFooter.d.ts +16 -0
  111. package/lib/components/Combobox/ComboboxHeader/ComboboxHeader.d.ts +16 -0
  112. package/lib/components/Combobox/ComboboxTarget/ComboboxTarget.d.ts +5 -0
  113. package/lib/components/Combobox/index.d.ts +1 -1
  114. package/lib/components/Combobox/use-combobox/use-combobox.d.ts +12 -8
  115. package/lib/components/Combobox/use-combobox-target-props/use-combobox-target-props.d.ts +2 -1
  116. package/lib/components/Input/use-input-props.d.ts +65 -64
  117. package/lib/components/InputBase/InputBase.d.ts +2 -0
  118. package/lib/components/ModalBase/use-modal.d.ts +1 -0
  119. package/lib/components/ScrollArea/ScrollArea.context.d.ts +1 -0
  120. package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.d.ts +1 -0
  121. package/lib/components/Slider/Slider.context.d.ts +1 -0
  122. package/lib/components/Table/Table.context.d.ts +1 -0
  123. package/lib/components/Tabs/Tabs.context.d.ts +1 -0
  124. package/lib/components/Tooltip/TooltipFloating/use-floating-tooltip.d.ts +1 -0
  125. package/lib/components/UnstyledButton/UnstyledButton.d.ts +1 -1
  126. package/lib/components/index.d.ts +3 -2
  127. package/lib/core/Box/Box.d.ts +1 -1
  128. package/package.json +2 -2
@@ -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":"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"}
@@ -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":"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"}
@@ -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