@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.
Files changed (246) 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.context.js +13 -0
  25. package/cjs/components/Combobox/Combobox.context.js.map +1 -0
  26. package/cjs/components/Combobox/Combobox.js +143 -0
  27. package/cjs/components/Combobox/Combobox.js.map +1 -0
  28. package/cjs/components/Combobox/Combobox.module.css.js +8 -0
  29. package/cjs/components/Combobox/Combobox.module.css.js.map +1 -0
  30. package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.js +39 -19
  31. package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.js.map +1 -1
  32. package/cjs/components/Combobox/ComboboxDropdown/ComboboxDropdown.js +70 -0
  33. package/cjs/components/Combobox/ComboboxDropdown/ComboboxDropdown.js.map +1 -0
  34. package/cjs/components/Combobox/ComboboxEmpty/ComboboxEmpty.js +63 -0
  35. package/cjs/components/Combobox/ComboboxEmpty/ComboboxEmpty.js.map +1 -0
  36. package/cjs/components/Combobox/ComboboxFooter/ComboboxFooter.js +63 -0
  37. package/cjs/components/Combobox/ComboboxFooter/ComboboxFooter.js.map +1 -0
  38. package/cjs/components/Combobox/ComboboxHeader/ComboboxHeader.js +63 -0
  39. package/cjs/components/Combobox/ComboboxHeader/ComboboxHeader.js.map +1 -0
  40. package/cjs/components/Combobox/ComboboxOption/ComboboxOption.js +119 -0
  41. package/cjs/components/Combobox/ComboboxOption/ComboboxOption.js.map +1 -0
  42. package/cjs/components/Combobox/ComboboxOptions/ComboboxOptions.js +75 -0
  43. package/cjs/components/Combobox/ComboboxOptions/ComboboxOptions.js.map +1 -0
  44. package/cjs/components/Combobox/ComboboxSearch/ComboboxSearch.js +93 -0
  45. package/cjs/components/Combobox/ComboboxSearch/ComboboxSearch.js.map +1 -0
  46. package/cjs/components/Combobox/ComboboxTarget/ComboboxTarget.js +72 -0
  47. package/cjs/components/Combobox/ComboboxTarget/ComboboxTarget.js.map +1 -0
  48. package/cjs/components/Combobox/use-combobox/get-index/get-index.js +47 -0
  49. package/cjs/components/Combobox/use-combobox/get-index/get-index.js.map +1 -0
  50. package/cjs/components/Combobox/use-combobox/get-index/get-virtualized-index.js +57 -0
  51. package/cjs/components/Combobox/use-combobox/get-index/get-virtualized-index.js.map +1 -0
  52. package/cjs/components/Combobox/use-combobox/use-combobox.js +188 -0
  53. package/cjs/components/Combobox/use-combobox/use-combobox.js.map +1 -0
  54. package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.js +127 -0
  55. package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.js.map +1 -0
  56. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.js +90 -0
  57. package/cjs/components/Combobox/use-combobox-target-props/use-combobox-target-props.js.map +1 -0
  58. package/cjs/components/Drawer/Drawer.context.js +13 -0
  59. package/cjs/components/Drawer/Drawer.context.js.map +1 -0
  60. package/cjs/components/Drawer/Drawer.js +95 -0
  61. package/cjs/components/Drawer/Drawer.js.map +1 -0
  62. package/cjs/components/Drawer/Drawer.module.css.js +8 -0
  63. package/cjs/components/Drawer/Drawer.module.css.js.map +1 -0
  64. package/cjs/components/Drawer/DrawerBody.js +60 -0
  65. package/cjs/components/Drawer/DrawerBody.js.map +1 -0
  66. package/cjs/components/Drawer/DrawerCloseButton.js +60 -0
  67. package/cjs/components/Drawer/DrawerCloseButton.js.map +1 -0
  68. package/cjs/components/Drawer/DrawerContent.js +67 -0
  69. package/cjs/components/Drawer/DrawerContent.js.map +1 -0
  70. package/cjs/components/Drawer/DrawerHeader.js +60 -0
  71. package/cjs/components/Drawer/DrawerHeader.js.map +1 -0
  72. package/cjs/components/Drawer/DrawerOverlay.js +60 -0
  73. package/cjs/components/Drawer/DrawerOverlay.js.map +1 -0
  74. package/cjs/components/Drawer/DrawerRoot.js +128 -0
  75. package/cjs/components/Drawer/DrawerRoot.js.map +1 -0
  76. package/cjs/components/Drawer/DrawerTitle.js +60 -0
  77. package/cjs/components/Drawer/DrawerTitle.js.map +1 -0
  78. package/cjs/components/InputBase/InputBase.js.map +1 -1
  79. package/cjs/components/Loader/Loader.js +2 -2
  80. package/cjs/components/Modal/Modal.js.map +1 -1
  81. package/cjs/components/Modal/ModalRoot.js +6 -3
  82. package/cjs/components/Modal/ModalRoot.js.map +1 -1
  83. package/cjs/components/ModalBase/ModalBase.js +7 -5
  84. package/cjs/components/ModalBase/ModalBase.js.map +1 -1
  85. package/cjs/components/Popover/Popover.js +1 -1
  86. package/cjs/components/Tabs/Tabs.js +1 -1
  87. package/cjs/components/Tabs/TabsTab/TabsTab.js +1 -1
  88. package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js +1 -1
  89. package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map +1 -1
  90. package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js +23 -2
  91. package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js.map +1 -1
  92. package/cjs/index.css +546 -170
  93. package/cjs/index.js +58 -4
  94. package/cjs/index.js.map +1 -1
  95. package/esm/components/Accordion/Accordion.context.js +8 -0
  96. package/esm/components/Accordion/Accordion.context.js.map +1 -0
  97. package/esm/components/Accordion/Accordion.js +174 -0
  98. package/esm/components/Accordion/Accordion.js.map +1 -0
  99. package/esm/components/Accordion/Accordion.module.css.js +4 -0
  100. package/esm/components/Accordion/Accordion.module.css.js.map +1 -0
  101. package/esm/components/Accordion/AccordionChevron.js +59 -0
  102. package/esm/components/Accordion/AccordionChevron.js.map +1 -0
  103. package/esm/components/Accordion/AccordionControl/AccordionControl.js +126 -0
  104. package/esm/components/Accordion/AccordionControl/AccordionControl.js.map +1 -0
  105. package/esm/components/Accordion/AccordionItem/AccordionItem.js +57 -0
  106. package/esm/components/Accordion/AccordionItem/AccordionItem.js.map +1 -0
  107. package/esm/components/Accordion/AccordionItem.context.js +6 -0
  108. package/esm/components/Accordion/AccordionItem.context.js.map +1 -0
  109. package/esm/components/Accordion/AccordionPanel/AccordionPanel.js +67 -0
  110. package/esm/components/Accordion/AccordionPanel/AccordionPanel.js.map +1 -0
  111. package/esm/components/ActionIcon/ActionIcon.js +1 -1
  112. package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
  113. package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +1 -1
  114. package/esm/components/Center/Center.js +1 -1
  115. package/esm/components/Center/Center.js.map +1 -1
  116. package/esm/components/Checkbox/CheckIcon.js +24 -12
  117. package/esm/components/Checkbox/CheckIcon.js.map +1 -1
  118. package/esm/components/Combobox/Combobox.context.js +8 -0
  119. package/esm/components/Combobox/Combobox.context.js.map +1 -0
  120. package/esm/components/Combobox/Combobox.js +135 -0
  121. package/esm/components/Combobox/Combobox.js.map +1 -0
  122. package/esm/components/Combobox/Combobox.module.css.js +4 -0
  123. package/esm/components/Combobox/Combobox.module.css.js.map +1 -0
  124. package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js +39 -18
  125. package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js.map +1 -1
  126. package/esm/components/Combobox/ComboboxDropdown/ComboboxDropdown.js +62 -0
  127. package/esm/components/Combobox/ComboboxDropdown/ComboboxDropdown.js.map +1 -0
  128. package/esm/components/Combobox/ComboboxEmpty/ComboboxEmpty.js +55 -0
  129. package/esm/components/Combobox/ComboboxEmpty/ComboboxEmpty.js.map +1 -0
  130. package/esm/components/Combobox/ComboboxFooter/ComboboxFooter.js +55 -0
  131. package/esm/components/Combobox/ComboboxFooter/ComboboxFooter.js.map +1 -0
  132. package/esm/components/Combobox/ComboboxHeader/ComboboxHeader.js +55 -0
  133. package/esm/components/Combobox/ComboboxHeader/ComboboxHeader.js.map +1 -0
  134. package/esm/components/Combobox/ComboboxOption/ComboboxOption.js +111 -0
  135. package/esm/components/Combobox/ComboboxOption/ComboboxOption.js.map +1 -0
  136. package/esm/components/Combobox/ComboboxOptions/ComboboxOptions.js +67 -0
  137. package/esm/components/Combobox/ComboboxOptions/ComboboxOptions.js.map +1 -0
  138. package/esm/components/Combobox/ComboboxSearch/ComboboxSearch.js +85 -0
  139. package/esm/components/Combobox/ComboboxSearch/ComboboxSearch.js.map +1 -0
  140. package/esm/components/Combobox/ComboboxTarget/ComboboxTarget.js +64 -0
  141. package/esm/components/Combobox/ComboboxTarget/ComboboxTarget.js.map +1 -0
  142. package/esm/components/Combobox/use-combobox/get-index/get-index.js +41 -0
  143. package/esm/components/Combobox/use-combobox/get-index/get-index.js.map +1 -0
  144. package/esm/components/Combobox/use-combobox/get-index/get-virtualized-index.js +51 -0
  145. package/esm/components/Combobox/use-combobox/get-index/get-virtualized-index.js.map +1 -0
  146. package/esm/components/Combobox/use-combobox/use-combobox.js +184 -0
  147. package/esm/components/Combobox/use-combobox/use-combobox.js.map +1 -0
  148. package/esm/components/Combobox/use-combobox/use-virtualized-combobox.js +123 -0
  149. package/esm/components/Combobox/use-combobox/use-virtualized-combobox.js.map +1 -0
  150. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.js +86 -0
  151. package/esm/components/Combobox/use-combobox-target-props/use-combobox-target-props.js.map +1 -0
  152. package/esm/components/Drawer/Drawer.context.js +8 -0
  153. package/esm/components/Drawer/Drawer.context.js.map +1 -0
  154. package/esm/components/Drawer/Drawer.js +87 -0
  155. package/esm/components/Drawer/Drawer.js.map +1 -0
  156. package/esm/components/Drawer/Drawer.module.css.js +4 -0
  157. package/esm/components/Drawer/Drawer.module.css.js.map +1 -0
  158. package/esm/components/Drawer/DrawerBody.js +52 -0
  159. package/esm/components/Drawer/DrawerBody.js.map +1 -0
  160. package/esm/components/Drawer/DrawerCloseButton.js +52 -0
  161. package/esm/components/Drawer/DrawerCloseButton.js.map +1 -0
  162. package/esm/components/Drawer/DrawerContent.js +59 -0
  163. package/esm/components/Drawer/DrawerContent.js.map +1 -0
  164. package/esm/components/Drawer/DrawerHeader.js +52 -0
  165. package/esm/components/Drawer/DrawerHeader.js.map +1 -0
  166. package/esm/components/Drawer/DrawerOverlay.js +52 -0
  167. package/esm/components/Drawer/DrawerOverlay.js.map +1 -0
  168. package/esm/components/Drawer/DrawerRoot.js +120 -0
  169. package/esm/components/Drawer/DrawerRoot.js.map +1 -0
  170. package/esm/components/Drawer/DrawerTitle.js +52 -0
  171. package/esm/components/Drawer/DrawerTitle.js.map +1 -0
  172. package/esm/components/InputBase/InputBase.js.map +1 -1
  173. package/esm/components/Loader/Loader.js +2 -2
  174. package/esm/components/Modal/Modal.js.map +1 -1
  175. package/esm/components/Modal/ModalRoot.js +6 -3
  176. package/esm/components/Modal/ModalRoot.js.map +1 -1
  177. package/esm/components/ModalBase/ModalBase.js +7 -5
  178. package/esm/components/ModalBase/ModalBase.js.map +1 -1
  179. package/esm/components/Popover/Popover.js +1 -1
  180. package/esm/components/Tabs/Tabs.js +1 -1
  181. package/esm/components/Tabs/TabsTab/TabsTab.js +1 -1
  182. package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js +1 -1
  183. package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map +1 -1
  184. package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js +23 -2
  185. package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js.map +1 -1
  186. package/esm/index.css +546 -170
  187. package/esm/index.js +29 -2
  188. package/esm/index.js.map +1 -1
  189. package/lib/components/Accordion/Accordion.context.d.ts +23 -0
  190. package/lib/components/Accordion/Accordion.d.ts +73 -0
  191. package/lib/components/Accordion/Accordion.types.d.ts +3 -0
  192. package/lib/components/Accordion/AccordionChevron.d.ts +9 -0
  193. package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts +25 -0
  194. package/lib/components/Accordion/AccordionItem/AccordionItem.d.ts +18 -0
  195. package/lib/components/Accordion/AccordionItem.context.d.ts +9 -0
  196. package/lib/components/Accordion/AccordionPanel/AccordionPanel.d.ts +16 -0
  197. package/lib/components/Accordion/index.d.ts +11 -0
  198. package/lib/components/ActionIcon/ActionIcon.d.ts +2 -2
  199. package/lib/components/Checkbox/CheckIcon.d.ts +4 -1
  200. package/lib/components/Checkbox/index.d.ts +1 -1
  201. package/lib/components/ColorPicker/ColorPicker.context.d.ts +1 -0
  202. package/lib/components/Combobox/Combobox.context.d.ts +16 -0
  203. package/lib/components/Combobox/Combobox.d.ts +105 -0
  204. package/lib/components/Combobox/ComboboxChevron/ComboboxChevron.d.ts +20 -6
  205. package/lib/components/Combobox/ComboboxDropdown/ComboboxDropdown.d.ts +19 -0
  206. package/lib/components/Combobox/ComboboxEmpty/ComboboxEmpty.d.ts +16 -0
  207. package/lib/components/Combobox/ComboboxFooter/ComboboxFooter.d.ts +16 -0
  208. package/lib/components/Combobox/ComboboxHeader/ComboboxHeader.d.ts +16 -0
  209. package/lib/components/Combobox/ComboboxOption/ComboboxOption.d.ts +24 -0
  210. package/lib/components/Combobox/ComboboxOptions/ComboboxOptions.d.ts +16 -0
  211. package/lib/components/Combobox/ComboboxSearch/ComboboxSearch.d.ts +19 -0
  212. package/lib/components/Combobox/ComboboxTarget/ComboboxTarget.d.ts +27 -0
  213. package/lib/components/Combobox/index.d.ts +19 -0
  214. package/lib/components/Combobox/use-combobox/get-index/get-index.d.ts +3 -0
  215. package/lib/components/Combobox/use-combobox/get-index/get-virtualized-index.d.ts +14 -0
  216. package/lib/components/Combobox/use-combobox/use-combobox.d.ts +41 -0
  217. package/lib/components/Combobox/use-combobox/use-virtualized-combobox.d.ts +25 -0
  218. package/lib/components/Combobox/use-combobox-target-props/use-combobox-target-props.d.ts +25 -0
  219. package/lib/components/Drawer/Drawer.context.d.ts +13 -0
  220. package/lib/components/Drawer/Drawer.d.ts +59 -0
  221. package/lib/components/Drawer/DrawerBody.d.ts +17 -0
  222. package/lib/components/Drawer/DrawerCloseButton.d.ts +17 -0
  223. package/lib/components/Drawer/DrawerContent.d.ts +17 -0
  224. package/lib/components/Drawer/DrawerHeader.d.ts +17 -0
  225. package/lib/components/Drawer/DrawerOverlay.d.ts +17 -0
  226. package/lib/components/Drawer/DrawerRoot.d.ts +32 -0
  227. package/lib/components/Drawer/DrawerTitle.d.ts +17 -0
  228. package/lib/components/Drawer/index.d.ts +16 -0
  229. package/lib/components/Input/use-input-props.d.ts +65 -64
  230. package/lib/components/InputBase/InputBase.d.ts +2 -0
  231. package/lib/components/Modal/Modal.d.ts +3 -2
  232. package/lib/components/Modal/ModalRoot.d.ts +1 -0
  233. package/lib/components/ModalBase/use-modal.d.ts +1 -0
  234. package/lib/components/ScrollArea/ScrollArea.context.d.ts +1 -0
  235. package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.d.ts +1 -0
  236. package/lib/components/Slider/Slider.context.d.ts +1 -0
  237. package/lib/components/Table/Table.context.d.ts +1 -0
  238. package/lib/components/Tabs/Tabs.context.d.ts +1 -0
  239. package/lib/components/Tooltip/TooltipFloating/use-floating-tooltip.d.ts +1 -0
  240. package/lib/components/UnstyledButton/UnstyledButton.d.ts +1 -1
  241. package/lib/components/index.d.ts +5 -2
  242. package/lib/core/Box/Box.d.ts +1 -1
  243. package/lib/core/styles-api/index.d.ts +2 -0
  244. package/lib/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.d.ts +1 -2
  245. package/lib/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.d.ts +2 -3
  246. package/package.json +4 -4
@@ -0,0 +1,62 @@
1
+ import React from 'react';
2
+ import { useComboboxContext } from '../Combobox.context.js';
3
+ import classes from '../Combobox.module.css.js';
4
+ import { Popover } from '../../Popover/Popover.js';
5
+ import { factory } from '../../../core/factory/factory.js';
6
+ import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
7
+
8
+ var __defProp = Object.defineProperty;
9
+ var __defProps = Object.defineProperties;
10
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
11
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
12
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
13
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
14
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
15
+ var __spreadValues = (a, b) => {
16
+ for (var prop in b || (b = {}))
17
+ if (__hasOwnProp.call(b, prop))
18
+ __defNormalProp(a, prop, b[prop]);
19
+ if (__getOwnPropSymbols)
20
+ for (var prop of __getOwnPropSymbols(b)) {
21
+ if (__propIsEnum.call(b, prop))
22
+ __defNormalProp(a, prop, b[prop]);
23
+ }
24
+ return a;
25
+ };
26
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
27
+ var __objRest = (source, exclude) => {
28
+ var target = {};
29
+ for (var prop in source)
30
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
31
+ target[prop] = source[prop];
32
+ if (source != null && __getOwnPropSymbols)
33
+ for (var prop of __getOwnPropSymbols(source)) {
34
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
35
+ target[prop] = source[prop];
36
+ }
37
+ return target;
38
+ };
39
+ const defaultProps = {};
40
+ const ComboboxDropdown = factory((props, ref) => {
41
+ const ctx = useComboboxContext();
42
+ const _a = useProps(
43
+ "ComboboxDropdown",
44
+ defaultProps,
45
+ props
46
+ ), { classNames, styles, className, style, hidden } = _a, others = __objRest(_a, ["classNames", "styles", "className", "style", "hidden"]);
47
+ return /* @__PURE__ */ React.createElement(
48
+ Popover.Dropdown,
49
+ __spreadValues(__spreadProps(__spreadValues(__spreadProps(__spreadValues({}, others), {
50
+ ref
51
+ }), others), {
52
+ role: "presentation",
53
+ tabIndex: -1,
54
+ "data-hidden": hidden || void 0
55
+ }), ctx.getStyles("dropdown", { className, style, classNames, styles }))
56
+ );
57
+ });
58
+ ComboboxDropdown.classes = classes;
59
+ ComboboxDropdown.displayName = "@mantine/core/ComboboxDropdown";
60
+
61
+ export { ComboboxDropdown };
62
+ //# sourceMappingURL=ComboboxDropdown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ComboboxDropdown.js","sources":["../../../../src/components/Combobox/ComboboxDropdown/ComboboxDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { factory, useProps, Factory } from '../../../core';\nimport { Popover, PopoverDropdownProps } from '../../Popover';\nimport { useComboboxContext } from '../Combobox.context';\nimport classes from '../Combobox.module.css';\n\nexport type ComboboxDropdownStylesNames = 'dropdown';\n\nexport interface ComboboxDropdownProps extends PopoverDropdownProps {\n /** Determines whether the dropdown should be hidden, for example, when there are no options to display */\n hidden?: boolean;\n}\n\nexport type ComboboxDropdownFactory = Factory<{\n props: ComboboxDropdownProps;\n ref: HTMLDivElement;\n stylesNames: ComboboxDropdownStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<ComboboxDropdownProps> = {};\n\nexport const ComboboxDropdown = factory<ComboboxDropdownFactory>((props, ref) => {\n const ctx = useComboboxContext();\n const { classNames, styles, className, style, hidden, ...others } = useProps(\n 'ComboboxDropdown',\n defaultProps,\n props\n );\n\n return (\n <Popover.Dropdown\n {...others}\n ref={ref}\n {...others}\n role=\"presentation\"\n tabIndex={-1}\n data-hidden={hidden || undefined}\n {...ctx.getStyles('dropdown', { className, style, classNames, styles })}\n />\n );\n});\n\nComboboxDropdown.classes = classes;\nComboboxDropdown.displayName = '@mantine/core/ComboboxDropdown';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,55 @@
1
+ import React from 'react';
2
+ import classes from '../Combobox.module.css.js';
3
+ import { useComboboxContext } from '../Combobox.context.js';
4
+ import { factory } from '../../../core/factory/factory.js';
5
+ import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
6
+ import { Box } from '../../../core/Box/Box.js';
7
+
8
+ var __defProp = Object.defineProperty;
9
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
10
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
11
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
+ var __spreadValues = (a, b) => {
14
+ for (var prop in b || (b = {}))
15
+ if (__hasOwnProp.call(b, prop))
16
+ __defNormalProp(a, prop, b[prop]);
17
+ if (__getOwnPropSymbols)
18
+ for (var prop of __getOwnPropSymbols(b)) {
19
+ if (__propIsEnum.call(b, prop))
20
+ __defNormalProp(a, prop, b[prop]);
21
+ }
22
+ return a;
23
+ };
24
+ var __objRest = (source, exclude) => {
25
+ var target = {};
26
+ for (var prop in source)
27
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
28
+ target[prop] = source[prop];
29
+ if (source != null && __getOwnPropSymbols)
30
+ for (var prop of __getOwnPropSymbols(source)) {
31
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
32
+ target[prop] = source[prop];
33
+ }
34
+ return target;
35
+ };
36
+ const defaultProps = {};
37
+ const ComboboxEmpty = factory((props, ref) => {
38
+ const _a = useProps(
39
+ "ComboboxEmpty",
40
+ defaultProps,
41
+ props
42
+ ), { classNames, className, style, styles, unstyled, vars } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars"]);
43
+ const ctx = useComboboxContext();
44
+ return /* @__PURE__ */ React.createElement(
45
+ Box,
46
+ __spreadValues(__spreadValues({
47
+ ref
48
+ }, ctx.getStyles("empty", { className, classNames, styles, style })), others)
49
+ );
50
+ });
51
+ ComboboxEmpty.classes = classes;
52
+ ComboboxEmpty.displayName = "@mantine/core/ComboboxEmpty";
53
+
54
+ export { ComboboxEmpty };
55
+ //# sourceMappingURL=ComboboxEmpty.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ComboboxEmpty.js","sources":["../../../../src/components/Combobox/ComboboxEmpty/ComboboxEmpty.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 classes from '../Combobox.module.css';\nimport { useComboboxContext } from '../Combobox.context';\n\nexport type ComboboxEmptyStylesNames = 'empty';\n\nexport interface ComboboxEmptyProps\n extends BoxProps,\n StylesApiProps<ComboboxEmptyFactory>,\n ElementProps<'div'> {}\n\nexport type ComboboxEmptyFactory = Factory<{\n props: ComboboxEmptyProps;\n ref: HTMLDivElement;\n stylesNames: ComboboxEmptyStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<ComboboxEmptyProps> = {};\n\nexport const ComboboxEmpty = factory<ComboboxEmptyFactory>((props, ref) => {\n const { classNames, className, style, styles, unstyled, vars, ...others } = useProps(\n 'ComboboxEmpty',\n defaultProps,\n props\n );\n const ctx = useComboboxContext();\n\n return (\n <Box\n ref={ref}\n {...ctx.getStyles('empty', { className, classNames, styles, style })}\n {...others}\n />\n );\n});\n\nComboboxEmpty.classes = classes;\nComboboxEmpty.displayName = '@mantine/core/ComboboxEmpty';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,55 @@
1
+ import React from 'react';
2
+ import { useComboboxContext } from '../Combobox.context.js';
3
+ import classes from '../Combobox.module.css.js';
4
+ import { factory } from '../../../core/factory/factory.js';
5
+ import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
6
+ import { Box } from '../../../core/Box/Box.js';
7
+
8
+ var __defProp = Object.defineProperty;
9
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
10
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
11
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
+ var __spreadValues = (a, b) => {
14
+ for (var prop in b || (b = {}))
15
+ if (__hasOwnProp.call(b, prop))
16
+ __defNormalProp(a, prop, b[prop]);
17
+ if (__getOwnPropSymbols)
18
+ for (var prop of __getOwnPropSymbols(b)) {
19
+ if (__propIsEnum.call(b, prop))
20
+ __defNormalProp(a, prop, b[prop]);
21
+ }
22
+ return a;
23
+ };
24
+ var __objRest = (source, exclude) => {
25
+ var target = {};
26
+ for (var prop in source)
27
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
28
+ target[prop] = source[prop];
29
+ if (source != null && __getOwnPropSymbols)
30
+ for (var prop of __getOwnPropSymbols(source)) {
31
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
32
+ target[prop] = source[prop];
33
+ }
34
+ return target;
35
+ };
36
+ const defaultProps = {};
37
+ const ComboboxFooter = factory((props, ref) => {
38
+ const _a = useProps(
39
+ "ComboboxFooter",
40
+ defaultProps,
41
+ props
42
+ ), { classNames, className, style, styles, unstyled, vars } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars"]);
43
+ const ctx = useComboboxContext();
44
+ return /* @__PURE__ */ React.createElement(
45
+ Box,
46
+ __spreadValues(__spreadValues({
47
+ ref
48
+ }, ctx.getStyles("footer", { className, classNames, style, styles })), others)
49
+ );
50
+ });
51
+ ComboboxFooter.classes = classes;
52
+ ComboboxFooter.displayName = "@mantine/core/ComboboxFooter";
53
+
54
+ export { ComboboxFooter };
55
+ //# sourceMappingURL=ComboboxFooter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ComboboxFooter.js","sources":["../../../../src/components/Combobox/ComboboxFooter/ComboboxFooter.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 { useComboboxContext } from '../Combobox.context';\nimport classes from '../Combobox.module.css';\n\nexport type ComboboxFooterStylesNames = 'footer';\n\nexport interface ComboboxFooterProps\n extends BoxProps,\n StylesApiProps<ComboboxFooterFactory>,\n ElementProps<'div'> {}\n\nexport type ComboboxFooterFactory = Factory<{\n props: ComboboxFooterProps;\n ref: HTMLDivElement;\n stylesNames: ComboboxFooterStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<ComboboxFooterProps> = {};\n\nexport const ComboboxFooter = factory<ComboboxFooterFactory>((props, ref) => {\n const { classNames, className, style, styles, unstyled, vars, ...others } = useProps(\n 'ComboboxFooter',\n defaultProps,\n props\n );\n const ctx = useComboboxContext();\n\n return (\n <Box\n ref={ref}\n {...ctx.getStyles('footer', { className, classNames, style, styles })}\n {...others}\n />\n );\n});\n\nComboboxFooter.classes = classes;\nComboboxFooter.displayName = '@mantine/core/ComboboxFooter';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,55 @@
1
+ import React from 'react';
2
+ import { useComboboxContext } from '../Combobox.context.js';
3
+ import classes from '../Combobox.module.css.js';
4
+ import { factory } from '../../../core/factory/factory.js';
5
+ import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
6
+ import { Box } from '../../../core/Box/Box.js';
7
+
8
+ var __defProp = Object.defineProperty;
9
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
10
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
11
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
+ var __spreadValues = (a, b) => {
14
+ for (var prop in b || (b = {}))
15
+ if (__hasOwnProp.call(b, prop))
16
+ __defNormalProp(a, prop, b[prop]);
17
+ if (__getOwnPropSymbols)
18
+ for (var prop of __getOwnPropSymbols(b)) {
19
+ if (__propIsEnum.call(b, prop))
20
+ __defNormalProp(a, prop, b[prop]);
21
+ }
22
+ return a;
23
+ };
24
+ var __objRest = (source, exclude) => {
25
+ var target = {};
26
+ for (var prop in source)
27
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
28
+ target[prop] = source[prop];
29
+ if (source != null && __getOwnPropSymbols)
30
+ for (var prop of __getOwnPropSymbols(source)) {
31
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
32
+ target[prop] = source[prop];
33
+ }
34
+ return target;
35
+ };
36
+ const defaultProps = {};
37
+ const ComboboxHeader = factory((props, ref) => {
38
+ const _a = useProps(
39
+ "ComboboxHeader",
40
+ defaultProps,
41
+ props
42
+ ), { classNames, className, style, styles, unstyled, vars } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars"]);
43
+ const ctx = useComboboxContext();
44
+ return /* @__PURE__ */ React.createElement(
45
+ Box,
46
+ __spreadValues(__spreadValues({
47
+ ref
48
+ }, ctx.getStyles("header", { className, classNames, style, styles })), others)
49
+ );
50
+ });
51
+ ComboboxHeader.classes = classes;
52
+ ComboboxHeader.displayName = "@mantine/core/ComboboxHeader";
53
+
54
+ export { ComboboxHeader };
55
+ //# sourceMappingURL=ComboboxHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ComboboxHeader.js","sources":["../../../../src/components/Combobox/ComboboxHeader/ComboboxHeader.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 { useComboboxContext } from '../Combobox.context';\nimport classes from '../Combobox.module.css';\n\nexport type ComboboxHeaderStylesNames = 'header';\n\nexport interface ComboboxHeaderProps\n extends BoxProps,\n StylesApiProps<ComboboxHeaderFactory>,\n ElementProps<'div'> {}\n\nexport type ComboboxHeaderFactory = Factory<{\n props: ComboboxHeaderProps;\n ref: HTMLDivElement;\n stylesNames: ComboboxHeaderStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<ComboboxHeaderProps> = {};\n\nexport const ComboboxHeader = factory<ComboboxHeaderFactory>((props, ref) => {\n const { classNames, className, style, styles, unstyled, vars, ...others } = useProps(\n 'ComboboxHeader',\n defaultProps,\n props\n );\n const ctx = useComboboxContext();\n\n return (\n <Box\n ref={ref}\n {...ctx.getStyles('header', { className, classNames, style, styles })}\n {...others}\n />\n );\n});\n\nComboboxHeader.classes = classes;\nComboboxHeader.displayName = '@mantine/core/ComboboxHeader';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,111 @@
1
+ import React, { useId } from 'react';
2
+ import { useComboboxContext } from '../Combobox.context.js';
3
+ import classes from '../Combobox.module.css.js';
4
+ import { factory } from '../../../core/factory/factory.js';
5
+ import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
6
+ import { Box } from '../../../core/Box/Box.js';
7
+
8
+ var __defProp = Object.defineProperty;
9
+ var __defProps = Object.defineProperties;
10
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
11
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
12
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
13
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
14
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
15
+ var __spreadValues = (a, b) => {
16
+ for (var prop in b || (b = {}))
17
+ if (__hasOwnProp.call(b, prop))
18
+ __defNormalProp(a, prop, b[prop]);
19
+ if (__getOwnPropSymbols)
20
+ for (var prop of __getOwnPropSymbols(b)) {
21
+ if (__propIsEnum.call(b, prop))
22
+ __defNormalProp(a, prop, b[prop]);
23
+ }
24
+ return a;
25
+ };
26
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
27
+ var __objRest = (source, exclude) => {
28
+ var target = {};
29
+ for (var prop in source)
30
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
31
+ target[prop] = source[prop];
32
+ if (source != null && __getOwnPropSymbols)
33
+ for (var prop of __getOwnPropSymbols(source)) {
34
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
35
+ target[prop] = source[prop];
36
+ }
37
+ return target;
38
+ };
39
+ const defaultProps = {};
40
+ const ComboboxOption = factory((_props, ref) => {
41
+ const props = useProps("ComboboxOption", defaultProps, _props);
42
+ const _a = props, {
43
+ classNames,
44
+ className,
45
+ style,
46
+ styles,
47
+ unstyled,
48
+ vars,
49
+ onClick,
50
+ id,
51
+ active,
52
+ onMouseDown,
53
+ onMouseOver,
54
+ disabled,
55
+ selected
56
+ } = _a, others = __objRest(_a, [
57
+ "classNames",
58
+ "className",
59
+ "style",
60
+ "styles",
61
+ "unstyled",
62
+ "vars",
63
+ "onClick",
64
+ "id",
65
+ "active",
66
+ "onMouseDown",
67
+ "onMouseOver",
68
+ "disabled",
69
+ "selected"
70
+ ]);
71
+ const ctx = useComboboxContext();
72
+ const uuid = useId();
73
+ const _id = id || uuid;
74
+ return /* @__PURE__ */ React.createElement(
75
+ Box,
76
+ __spreadProps(__spreadValues(__spreadValues({
77
+ ref
78
+ }, ctx.getStyles("option", { className, classNames, styles, style })), others), {
79
+ id: _id,
80
+ mod: [
81
+ "combobox-option",
82
+ { "combobox-active": active, "combobox-disabled": disabled, "combobox-selected": selected }
83
+ ],
84
+ role: "option",
85
+ onClick: (event) => {
86
+ var _a2;
87
+ if (!disabled) {
88
+ (_a2 = ctx.onOptionSelect) == null ? void 0 : _a2.call(ctx, props.value, props);
89
+ onClick == null ? void 0 : onClick(event);
90
+ } else {
91
+ event.preventDefault();
92
+ }
93
+ },
94
+ onMouseDown: (event) => {
95
+ event.preventDefault();
96
+ onMouseDown == null ? void 0 : onMouseDown(event);
97
+ },
98
+ onMouseOver: (event) => {
99
+ if (ctx.resetSelectionOnOptionHover) {
100
+ ctx.store.resetSelectedOption();
101
+ }
102
+ onMouseOver == null ? void 0 : onMouseOver(event);
103
+ }
104
+ })
105
+ );
106
+ });
107
+ ComboboxOption.classes = classes;
108
+ ComboboxOption.displayName = "@mantine/core/ComboboxOption";
109
+
110
+ export { ComboboxOption };
111
+ //# sourceMappingURL=ComboboxOption.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ComboboxOption.js","sources":["../../../../src/components/Combobox/ComboboxOption/ComboboxOption.tsx"],"sourcesContent":["import React, { useId } from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n} from '../../../core';\nimport { useComboboxContext } from '../Combobox.context';\nimport classes from '../Combobox.module.css';\n\nexport type ComboboxOptionStylesNames = 'option';\n\nexport interface ComboboxOptionProps\n extends BoxProps,\n StylesApiProps<ComboboxOptionFactory>,\n ElementProps<'div'> {\n /** Option value */\n value: string;\n\n /** Determines whether the option is selected */\n active?: boolean;\n\n /** Determines whether the option can be selected */\n disabled?: boolean;\n\n /** Determines whether item is selected, useful for virtualized comboboxes */\n selected?: boolean;\n}\n\nexport type ComboboxOptionFactory = Factory<{\n props: ComboboxOptionProps;\n ref: HTMLDivElement;\n stylesNames: ComboboxOptionStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<ComboboxOptionProps> = {};\n\nexport const ComboboxOption = factory<ComboboxOptionFactory>((_props, ref) => {\n const props = useProps('ComboboxOption', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n onClick,\n id,\n active,\n onMouseDown,\n onMouseOver,\n disabled,\n selected,\n ...others\n } = props;\n\n const ctx = useComboboxContext();\n const uuid = useId();\n const _id = id || uuid;\n\n return (\n <Box\n ref={ref}\n {...ctx.getStyles('option', { className, classNames, styles, style })}\n {...others}\n id={_id}\n mod={[\n 'combobox-option',\n { 'combobox-active': active, 'combobox-disabled': disabled, 'combobox-selected': selected },\n ]}\n role=\"option\"\n onClick={(event) => {\n if (!disabled) {\n ctx.onOptionSelect?.(props.value, props);\n onClick?.(event);\n } else {\n event.preventDefault();\n }\n }}\n onMouseDown={(event) => {\n event.preventDefault();\n onMouseDown?.(event);\n }}\n onMouseOver={(event) => {\n if (ctx.resetSelectionOnOptionHover) {\n ctx.store.resetSelectedOption();\n }\n onMouseOver?.(event);\n }}\n />\n );\n});\n\nComboboxOption.classes = classes;\nComboboxOption.displayName = '@mantine/core/ComboboxOption';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,67 @@
1
+ import React, { useEffect } from 'react';
2
+ import { useId } from '@mantine/hooks';
3
+ import { useComboboxContext } from '../Combobox.context.js';
4
+ import classes from '../Combobox.module.css.js';
5
+ import { factory } from '../../../core/factory/factory.js';
6
+ import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
7
+ import { Box } from '../../../core/Box/Box.js';
8
+
9
+ var __defProp = Object.defineProperty;
10
+ var __defProps = Object.defineProperties;
11
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
12
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
13
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
14
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
15
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
16
+ var __spreadValues = (a, b) => {
17
+ for (var prop in b || (b = {}))
18
+ if (__hasOwnProp.call(b, prop))
19
+ __defNormalProp(a, prop, b[prop]);
20
+ if (__getOwnPropSymbols)
21
+ for (var prop of __getOwnPropSymbols(b)) {
22
+ if (__propIsEnum.call(b, prop))
23
+ __defNormalProp(a, prop, b[prop]);
24
+ }
25
+ return a;
26
+ };
27
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
28
+ var __objRest = (source, exclude) => {
29
+ var target = {};
30
+ for (var prop in source)
31
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
32
+ target[prop] = source[prop];
33
+ if (source != null && __getOwnPropSymbols)
34
+ for (var prop of __getOwnPropSymbols(source)) {
35
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
36
+ target[prop] = source[prop];
37
+ }
38
+ return target;
39
+ };
40
+ const defaultProps = {};
41
+ const ComboboxOptions = factory((_props, ref) => {
42
+ const props = useProps("ComboboxOptions", defaultProps, _props);
43
+ const _a = props, { classNames, className, style, styles, unstyled, id, onMouseDown } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "id", "onMouseDown"]);
44
+ const ctx = useComboboxContext();
45
+ const _id = useId(id);
46
+ useEffect(() => {
47
+ ctx.store.setListId(_id);
48
+ }, [_id]);
49
+ return /* @__PURE__ */ React.createElement(
50
+ Box,
51
+ __spreadProps(__spreadValues(__spreadValues({
52
+ ref
53
+ }, ctx.getStyles("options", { className, style, classNames, styles })), others), {
54
+ id: _id,
55
+ role: "listbox",
56
+ onMouseDown: (event) => {
57
+ event.preventDefault();
58
+ onMouseDown == null ? void 0 : onMouseDown(event);
59
+ }
60
+ })
61
+ );
62
+ });
63
+ ComboboxOptions.classes = classes;
64
+ ComboboxOptions.displayName = "@mantine/core/ComboboxOptions";
65
+
66
+ export { ComboboxOptions };
67
+ //# sourceMappingURL=ComboboxOptions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ComboboxOptions.js","sources":["../../../../src/components/Combobox/ComboboxOptions/ComboboxOptions.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useId } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n} from '../../../core';\nimport { useComboboxContext } from '../Combobox.context';\nimport classes from '../Combobox.module.css';\n\nexport type ComboboxOptionsStylesNames = 'options';\n\nexport interface ComboboxOptionsProps\n extends BoxProps,\n StylesApiProps<ComboboxOptionsFactory>,\n ElementProps<'div'> {}\n\nexport type ComboboxOptionsFactory = Factory<{\n props: ComboboxOptionsProps;\n ref: HTMLDivElement;\n stylesNames: ComboboxOptionsStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<ComboboxOptionsProps> = {};\n\nexport const ComboboxOptions = factory<ComboboxOptionsFactory>((_props, ref) => {\n const props = useProps('ComboboxOptions', defaultProps, _props);\n const { classNames, className, style, styles, unstyled, id, onMouseDown, ...others } = props;\n const ctx = useComboboxContext();\n const _id = useId(id);\n\n useEffect(() => {\n ctx.store.setListId(_id);\n }, [_id]);\n\n return (\n <Box\n ref={ref}\n {...ctx.getStyles('options', { className, style, classNames, styles })}\n {...others}\n id={_id}\n role=\"listbox\"\n onMouseDown={(event) => {\n event.preventDefault();\n onMouseDown?.(event);\n }}\n />\n );\n});\n\nComboboxOptions.classes = classes;\nComboboxOptions.displayName = '@mantine/core/ComboboxOptions';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,85 @@
1
+ import React from 'react';
2
+ import { useMergedRef } from '@mantine/hooks';
3
+ import { Input } from '../../Input/Input.js';
4
+ import { useComboboxContext } from '../Combobox.context.js';
5
+ import { useComboboxTargetProps } from '../use-combobox-target-props/use-combobox-target-props.js';
6
+ import classes from '../Combobox.module.css.js';
7
+ import { factory } from '../../../core/factory/factory.js';
8
+ import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
9
+
10
+ var __defProp = Object.defineProperty;
11
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
12
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
13
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
14
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
15
+ var __spreadValues = (a, b) => {
16
+ for (var prop in b || (b = {}))
17
+ if (__hasOwnProp.call(b, prop))
18
+ __defNormalProp(a, prop, b[prop]);
19
+ if (__getOwnPropSymbols)
20
+ for (var prop of __getOwnPropSymbols(b)) {
21
+ if (__propIsEnum.call(b, prop))
22
+ __defNormalProp(a, prop, b[prop]);
23
+ }
24
+ return a;
25
+ };
26
+ var __objRest = (source, exclude) => {
27
+ var target = {};
28
+ for (var prop in source)
29
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
30
+ target[prop] = source[prop];
31
+ if (source != null && __getOwnPropSymbols)
32
+ for (var prop of __getOwnPropSymbols(source)) {
33
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
34
+ target[prop] = source[prop];
35
+ }
36
+ return target;
37
+ };
38
+ const defaultProps = {
39
+ withAriaAttributes: true,
40
+ withKeyboardNavigation: true
41
+ };
42
+ const ComboboxSearch = factory((_props, ref) => {
43
+ const props = useProps("ComboboxSearch", defaultProps, _props);
44
+ const _a = props, {
45
+ classNames,
46
+ styles,
47
+ unstyled,
48
+ vars,
49
+ withAriaAttributes,
50
+ onKeyDown,
51
+ withKeyboardNavigation,
52
+ size
53
+ } = _a, others = __objRest(_a, [
54
+ "classNames",
55
+ "styles",
56
+ "unstyled",
57
+ "vars",
58
+ "withAriaAttributes",
59
+ "onKeyDown",
60
+ "withKeyboardNavigation",
61
+ "size"
62
+ ]);
63
+ const ctx = useComboboxContext();
64
+ const _styles = ctx.getStyles("search");
65
+ const targetProps = useComboboxTargetProps({
66
+ targetType: "input",
67
+ withAriaAttributes,
68
+ withKeyboardNavigation,
69
+ onKeyDown
70
+ });
71
+ return /* @__PURE__ */ React.createElement(
72
+ Input,
73
+ __spreadValues(__spreadValues({
74
+ ref: useMergedRef(ref, ctx.store.searchRef),
75
+ classNames: [{ input: _styles.className }, classNames],
76
+ styles: [{ input: _styles.style }, styles],
77
+ size: size || ctx.size
78
+ }, targetProps), others)
79
+ );
80
+ });
81
+ ComboboxSearch.classes = classes;
82
+ ComboboxSearch.displayName = "@mantine/core/ComboboxSearch";
83
+
84
+ export { ComboboxSearch };
85
+ //# sourceMappingURL=ComboboxSearch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ComboboxSearch.js","sources":["../../../../src/components/Combobox/ComboboxSearch/ComboboxSearch.tsx"],"sourcesContent":["import React from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { factory, ElementProps, useProps, Factory } from '../../../core';\nimport { Input, InputProps, InputStylesNames } from '../../Input/Input';\nimport { useComboboxContext } from '../Combobox.context';\nimport { useComboboxTargetProps } from '../use-combobox-target-props/use-combobox-target-props';\nimport classes from '../Combobox.module.css';\n\nexport type ComboboxSearchStylesNames = InputStylesNames;\n\nexport interface ComboboxSearchProps extends InputProps, ElementProps<'input', 'size'> {\n /** Determines whether the search input should have `aria-` attribute, `true` by default */\n withAriaAttributes?: boolean;\n\n /** Determines whether the search input should handle keyboard navigation, `true` by default */\n withKeyboardNavigation?: boolean;\n}\n\nexport type ComboboxSearchFactory = Factory<{\n props: ComboboxSearchProps;\n ref: HTMLInputElement;\n stylesNames: ComboboxSearchStylesNames;\n}>;\n\nconst defaultProps: Partial<ComboboxSearchProps> = {\n withAriaAttributes: true,\n withKeyboardNavigation: true,\n};\n\nexport const ComboboxSearch = factory<ComboboxSearchFactory>((_props, ref) => {\n const props = useProps('ComboboxSearch', defaultProps, _props);\n const {\n classNames,\n styles,\n unstyled,\n vars,\n withAriaAttributes,\n onKeyDown,\n withKeyboardNavigation,\n size,\n ...others\n } = props;\n\n const ctx = useComboboxContext();\n const _styles = ctx.getStyles('search');\n\n const targetProps = useComboboxTargetProps({\n targetType: 'input',\n withAriaAttributes,\n withKeyboardNavigation,\n onKeyDown,\n });\n\n return (\n <Input\n ref={useMergedRef(ref, ctx.store.searchRef)}\n classNames={[{ input: _styles.className }, classNames] as any}\n styles={[{ input: _styles.style }, styles] as any}\n size={size || ctx.size}\n {...targetProps}\n {...others}\n />\n );\n});\n\nComboboxSearch.classes = classes;\nComboboxSearch.displayName = '@mantine/core/ComboboxSearch';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,64 @@
1
+ import React, { cloneElement } from 'react';
2
+ import { useMergedRef } from '@mantine/hooks';
3
+ import { useComboboxContext } from '../Combobox.context.js';
4
+ import { useComboboxTargetProps } from '../use-combobox-target-props/use-combobox-target-props.js';
5
+ import { Popover } from '../../Popover/Popover.js';
6
+ import { factory } from '../../../core/factory/factory.js';
7
+ import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
8
+ import { isElement } from '../../../core/utils/is-element/is-element.js';
9
+
10
+ var __defProp = Object.defineProperty;
11
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
12
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
13
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
14
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
15
+ var __spreadValues = (a, b) => {
16
+ for (var prop in b || (b = {}))
17
+ if (__hasOwnProp.call(b, prop))
18
+ __defNormalProp(a, prop, b[prop]);
19
+ if (__getOwnPropSymbols)
20
+ for (var prop of __getOwnPropSymbols(b)) {
21
+ if (__propIsEnum.call(b, prop))
22
+ __defNormalProp(a, prop, b[prop]);
23
+ }
24
+ return a;
25
+ };
26
+ var __objRest = (source, exclude) => {
27
+ var target = {};
28
+ for (var prop in source)
29
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
30
+ target[prop] = source[prop];
31
+ if (source != null && __getOwnPropSymbols)
32
+ for (var prop of __getOwnPropSymbols(source)) {
33
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
34
+ target[prop] = source[prop];
35
+ }
36
+ return target;
37
+ };
38
+ const defaultProps = {
39
+ refProp: "ref",
40
+ targetType: "input",
41
+ withKeyboardNavigation: true,
42
+ withAriaAttributes: true
43
+ };
44
+ const ComboboxTarget = factory((props, ref) => {
45
+ const _a = useProps("ComboboxTarget", defaultProps, props), { children, refProp, withKeyboardNavigation, withAriaAttributes, targetType } = _a, others = __objRest(_a, ["children", "refProp", "withKeyboardNavigation", "withAriaAttributes", "targetType"]);
46
+ if (!isElement(children)) {
47
+ throw new Error(
48
+ "Combobox.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported"
49
+ );
50
+ }
51
+ const ctx = useComboboxContext();
52
+ const targetProps = useComboboxTargetProps({
53
+ targetType,
54
+ withAriaAttributes,
55
+ withKeyboardNavigation,
56
+ onKeyDown: children.props.onKeyDown
57
+ });
58
+ const clonedElement = cloneElement(children, __spreadValues(__spreadValues({}, targetProps), others));
59
+ return /* @__PURE__ */ React.createElement(Popover.Target, { ref: useMergedRef(ref, ctx.store.targetRef) }, clonedElement);
60
+ });
61
+ ComboboxTarget.displayName = "@mantine/core/ComboboxTarget";
62
+
63
+ export { ComboboxTarget };
64
+ //# sourceMappingURL=ComboboxTarget.js.map