@mezzanine-ui/react 1.0.0-beta.4 → 1.0.0-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/AutoComplete/AutoComplete.d.ts +5 -0
  2. package/AutoComplete/AutoComplete.js +19 -2
  3. package/Breadcrumb/BreadcrumbDropdown.js +1 -1
  4. package/Breadcrumb/BreadcrumbItem.js +1 -1
  5. package/Breadcrumb/BreadcrumbOverflowMenuItem.js +1 -1
  6. package/Calendar/Calendar.js +2 -6
  7. package/Calendar/CalendarCell.d.ts +22 -0
  8. package/Calendar/CalendarCell.js +6 -2
  9. package/Calendar/CalendarControls.js +1 -1
  10. package/Calendar/CalendarDayOfWeek.js +3 -2
  11. package/Calendar/CalendarDays.js +5 -1
  12. package/Calendar/CalendarHalfYears.js +13 -7
  13. package/Calendar/CalendarMonths.js +13 -6
  14. package/Calendar/CalendarQuarters.js +13 -7
  15. package/Calendar/CalendarWeeks.js +87 -34
  16. package/Calendar/CalendarYears.js +13 -12
  17. package/Calendar/useCalendarControlModifiers.d.ts +1 -1
  18. package/Calendar/useCalendarControlModifiers.js +12 -12
  19. package/Calendar/useCalendarControls.d.ts +4 -4
  20. package/Calendar/useCalendarControls.js +33 -19
  21. package/Calendar/useRangeCalendarControls.d.ts +8 -8
  22. package/Calendar/useRangeCalendarControls.js +42 -31
  23. package/DateRangePicker/useDateRangeCalendarControls.js +8 -2
  24. package/DateTimePicker/DateTimePicker.js +8 -4
  25. package/DateTimeRangePicker/DateTimeRangePicker.d.ts +34 -0
  26. package/DateTimeRangePicker/DateTimeRangePicker.js +118 -0
  27. package/DateTimeRangePicker/index.d.ts +2 -0
  28. package/DateTimeRangePicker/index.js +1 -0
  29. package/Drawer/Drawer.d.ts +132 -1
  30. package/Drawer/Drawer.js +47 -3
  31. package/Dropdown/Dropdown.d.ts +34 -3
  32. package/Dropdown/Dropdown.js +17 -29
  33. package/Dropdown/DropdownItem.d.ts +32 -0
  34. package/Dropdown/DropdownItem.js +112 -10
  35. package/Dropdown/DropdownItemCard.d.ts +5 -0
  36. package/Dropdown/DropdownItemCard.js +2 -2
  37. package/Form/FormField.d.ts +14 -2
  38. package/Form/FormField.js +3 -3
  39. package/Form/useSelectValueControl.d.ts +3 -4
  40. package/Form/useSelectValueControl.js +51 -39
  41. package/Input/Input.js +3 -19
  42. package/Input/SelectButton/SelectButton.d.ts +25 -4
  43. package/Input/SelectButton/SelectButton.js +21 -9
  44. package/Modal/MediaPreviewModal.d.ts +11 -0
  45. package/Modal/MediaPreviewModal.js +24 -7
  46. package/Modal/Modal.d.ts +1 -1
  47. package/Modal/Modal.js +1 -1
  48. package/Modal/useModalContainer.js +6 -2
  49. package/MultipleDatePicker/MultipleDatePicker.d.ts +62 -0
  50. package/MultipleDatePicker/MultipleDatePicker.js +176 -0
  51. package/MultipleDatePicker/MultipleDatePickerTrigger.d.ts +56 -0
  52. package/MultipleDatePicker/MultipleDatePickerTrigger.js +92 -0
  53. package/MultipleDatePicker/index.d.ts +6 -0
  54. package/MultipleDatePicker/index.js +3 -0
  55. package/MultipleDatePicker/useMultipleDatePickerValue.d.ts +55 -0
  56. package/MultipleDatePicker/useMultipleDatePickerValue.js +68 -0
  57. package/NotificationCenter/NotificationCenterDrawer.d.ts +10 -52
  58. package/NotificationCenter/NotificationCenterDrawer.js +128 -0
  59. package/NotificationCenter/index.d.ts +2 -0
  60. package/NotificationCenter/index.js +1 -0
  61. package/OverflowTooltip/index.d.ts +2 -2
  62. package/Picker/RangePickerTrigger.js +1 -1
  63. package/Popper/Popper.js +2 -1
  64. package/Scrollbar/Scrollbar.js +1 -0
  65. package/Section/Section.d.ts +32 -0
  66. package/Section/Section.js +62 -0
  67. package/Section/index.d.ts +2 -0
  68. package/Select/Select.d.ts +42 -18
  69. package/Select/Select.js +165 -51
  70. package/Select/TreeSelect.d.ts +10 -5
  71. package/Select/TreeSelect.js +12 -5
  72. package/Select/index.d.ts +8 -9
  73. package/Select/index.js +3 -3
  74. package/TimePanel/TimePanelColumn.js +16 -14
  75. package/TimeRangePicker/TimeRangePicker.d.ts +29 -0
  76. package/TimeRangePicker/TimeRangePicker.js +96 -0
  77. package/TimeRangePicker/index.d.ts +3 -0
  78. package/TimeRangePicker/index.js +2 -0
  79. package/TimeRangePicker/useTimeRangePickerValue.d.ts +30 -0
  80. package/TimeRangePicker/useTimeRangePickerValue.js +92 -0
  81. package/Transition/Rotate.js +2 -5
  82. package/Tree/TreeNode.js +2 -2
  83. package/index.d.ts +9 -6
  84. package/index.js +7 -6
  85. package/package.json +4 -4
  86. package/AppBar/AppBar.d.ts +0 -14
  87. package/AppBar/AppBar.js +0 -33
  88. package/AppBar/AppBarBrand.d.ts +0 -4
  89. package/AppBar/AppBarBrand.js +0 -11
  90. package/AppBar/AppBarMain.d.ts +0 -4
  91. package/AppBar/AppBarMain.js +0 -11
  92. package/AppBar/AppBarSupport.d.ts +0 -4
  93. package/AppBar/AppBarSupport.js +0 -11
  94. package/AppBar/index.d.ts +0 -8
  95. package/AppBar/index.js +0 -4
  96. package/Popconfirm/Popconfirm.d.ts +0 -16
  97. package/Popconfirm/Popconfirm.js +0 -15
  98. package/Popconfirm/index.d.ts +0 -2
  99. package/Popconfirm/index.js +0 -1
  100. package/Popover/Popover.d.ts +0 -23
  101. package/Popover/Popover.js +0 -35
  102. package/Popover/index.d.ts +0 -2
  103. package/Popover/index.js +0 -1
@@ -1,35 +0,0 @@
1
- import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { forwardRef, useRef } from 'react';
3
- import { popoverClasses } from '@mezzanine-ui/core/popover';
4
- import { offset } from '@floating-ui/react-dom';
5
- import { useClickAway } from '../hooks/useClickAway.js';
6
- import { useComposeRefs } from '../hooks/useComposeRefs.js';
7
- import Popper from '../Popper/Popper.js';
8
- import cx from 'clsx';
9
-
10
- const offsetMiddleware = offset({ mainAxis: 8 });
11
- /**
12
- * The react component for `mezzanine` popover.
13
- */
14
- const Popover = forwardRef(function Popover(props, ref) {
15
- const { children, className, disableClickAway = false, onClose, open, options = {}, title, ...rest } = props;
16
- const { middleware = [] } = options;
17
- const popoverRef = useRef(null);
18
- const composedRef = useComposeRefs([ref, popoverRef]);
19
- useClickAway(() => {
20
- if (!open || disableClickAway || !onClose) {
21
- return;
22
- }
23
- return (event) => {
24
- if (onClose) {
25
- onClose(event);
26
- }
27
- };
28
- }, popoverRef, [open, disableClickAway, onClose, popoverRef]);
29
- return (jsxs(Popper, { ...rest, ref: composedRef, className: cx(popoverClasses.host, className), open: open, options: {
30
- ...options,
31
- middleware: [offsetMiddleware, ...middleware],
32
- }, children: [title && jsx("div", { className: popoverClasses.title, children: title }), children && jsx("div", { className: popoverClasses.content, children: children })] }));
33
- });
34
-
35
- export { Popover as default };
@@ -1,2 +0,0 @@
1
- export type { PopoverProps } from './Popover';
2
- export { default } from './Popover';
package/Popover/index.js DELETED
@@ -1 +0,0 @@
1
- export { default } from './Popover.js';