@mezzanine-ui/react 0.9.2 → 0.10.2

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 (184) hide show
  1. package/Accordion/Accordion.js +5 -4
  2. package/Accordion/AccordionDetails.js +2 -2
  3. package/Accordion/AccordionSummary.js +3 -4
  4. package/Alert/Alert.js +1 -3
  5. package/AppBar/AppBar.js +1 -1
  6. package/AppBar/AppBarBrand.d.ts +1 -1
  7. package/AppBar/AppBarBrand.js +1 -1
  8. package/AppBar/AppBarMain.d.ts +1 -1
  9. package/AppBar/AppBarMain.js +1 -1
  10. package/AppBar/AppBarSupport.d.ts +1 -1
  11. package/AppBar/AppBarSupport.js +1 -1
  12. package/Badge/Badge.js +2 -2
  13. package/Badge/BadgeContainer.d.ts +1 -1
  14. package/Badge/BadgeContainer.js +1 -1
  15. package/Button/Button.d.ts +2 -2
  16. package/Button/Button.js +7 -5
  17. package/Button/ButtonGroup.js +7 -5
  18. package/Button/IconButton.d.ts +3 -3
  19. package/Button/IconButton.js +1 -1
  20. package/Calendar/Calendar.js +9 -10
  21. package/Calendar/CalendarCell.js +2 -2
  22. package/Calendar/CalendarContext.d.ts +3 -3
  23. package/Calendar/CalendarContext.js +20 -12
  24. package/Calendar/CalendarControls.js +3 -3
  25. package/Calendar/CalendarDayOfWeek.js +1 -1
  26. package/Calendar/CalendarDays.js +4 -5
  27. package/Calendar/CalendarMonths.js +4 -4
  28. package/Calendar/CalendarWeeks.js +4 -5
  29. package/Calendar/CalendarYears.js +4 -4
  30. package/Calendar/useCalendarControls.d.ts +2 -3
  31. package/Card/Card.js +5 -5
  32. package/Card/CardActions.js +1 -2
  33. package/Checkbox/CheckAll.js +2 -2
  34. package/Checkbox/Checkbox.js +5 -3
  35. package/Checkbox/CheckboxGroup.js +5 -5
  36. package/ConfirmActions/ConfirmActions.js +1 -2
  37. package/DatePicker/DatePicker.js +2 -3
  38. package/DatePicker/DatePickerCalendar.js +1 -1
  39. package/DateRangePicker/DateRangePicker.js +2 -3
  40. package/DateRangePicker/DateRangePickerCalendar.js +3 -4
  41. package/DateRangePicker/useDateRangeCalendarControls.d.ts +1 -2
  42. package/DateRangePicker/useDateRangePickerValue.d.ts +12 -13
  43. package/DateTimePicker/DateTimePicker.js +2 -3
  44. package/DateTimePicker/DateTimePickerPanel.js +1 -3
  45. package/Drawer/Drawer.js +1 -1
  46. package/Dropdown/Dropdown.d.ts +1 -1
  47. package/Dropdown/Dropdown.js +2 -2
  48. package/Empty/Empty.js +3 -4
  49. package/Form/FormField.js +2 -2
  50. package/Form/FormLabel.js +1 -2
  51. package/Form/FormMessage.d.ts +1 -1
  52. package/Form/FormMessage.js +1 -1
  53. package/Form/useAutoCompleteValueControl.d.ts +30 -11
  54. package/Form/useAutoCompleteValueControl.js +71 -31
  55. package/Form/useInputWithTagsModeValue.js +2 -1
  56. package/Form/useSelectValueControl.d.ts +1 -1
  57. package/Icon/Icon.d.ts +4 -0
  58. package/Icon/Icon.js +4 -4
  59. package/Input/Input.d.ts +1 -1
  60. package/Input/Input.js +5 -4
  61. package/Loading/Loading.js +4 -5
  62. package/Menu/Menu.js +5 -3
  63. package/Menu/MenuDivider.d.ts +1 -1
  64. package/Menu/MenuDivider.js +1 -1
  65. package/Menu/MenuItem.js +2 -3
  66. package/Menu/MenuItemGroup.js +1 -2
  67. package/Message/Message.js +2 -3
  68. package/Modal/Modal.js +5 -5
  69. package/Modal/ModalActions.js +1 -1
  70. package/Modal/ModalBody.d.ts +1 -1
  71. package/Modal/ModalBody.js +1 -1
  72. package/Modal/ModalFooter.d.ts +1 -1
  73. package/Modal/ModalFooter.js +1 -1
  74. package/Modal/ModalHeader.js +2 -3
  75. package/Modal/useModalContainer.js +1 -1
  76. package/Navigation/Navigation.js +2 -2
  77. package/Navigation/NavigationItem.js +1 -1
  78. package/Navigation/NavigationSubMenu.js +3 -5
  79. package/Notification/Notification.js +2 -7
  80. package/Notifier/NotifierManager.js +1 -1
  81. package/Notifier/createNotifier.js +1 -1
  82. package/Overlay/Overlay.js +3 -3
  83. package/PageFooter/PageFooter.js +1 -2
  84. package/Pagination/Pagination.js +2 -3
  85. package/Pagination/PaginationItem.js +4 -4
  86. package/Pagination/PaginationJumper.js +2 -4
  87. package/Picker/PickerTrigger.d.ts +1 -1
  88. package/Picker/PickerTrigger.js +2 -2
  89. package/Picker/RangePickerTrigger.d.ts +1 -1
  90. package/Picker/RangePickerTrigger.js +2 -4
  91. package/Picker/usePickerInputValue.d.ts +2 -2
  92. package/Picker/usePickerValue.d.ts +6 -7
  93. package/Picker/useRangePickerValue.d.ts +9 -10
  94. package/Popconfirm/Popconfirm.js +1 -1
  95. package/Popover/Popover.js +2 -3
  96. package/Popper/Popper.js +2 -2
  97. package/Portal/Portal.js +1 -1
  98. package/Progress/Progress.js +9 -9
  99. package/Provider/ConfigProvider.d.ts +8 -0
  100. package/Provider/ConfigProvider.js +13 -0
  101. package/Provider/context.d.ts +6 -0
  102. package/Provider/context.js +7 -0
  103. package/Provider/index.d.ts +4 -0
  104. package/Provider/index.js +2 -0
  105. package/Radio/Radio.js +5 -3
  106. package/Radio/RadioGroup.js +5 -5
  107. package/Select/AutoComplete.d.ts +40 -14
  108. package/Select/AutoComplete.js +37 -28
  109. package/Select/Option.js +2 -2
  110. package/Select/Select.d.ts +2 -51
  111. package/Select/Select.js +15 -49
  112. package/Select/SelectTrigger.d.ts +8 -1
  113. package/Select/SelectTrigger.js +8 -12
  114. package/Select/SelectTriggerTags.d.ts +19 -0
  115. package/Select/SelectTriggerTags.js +33 -0
  116. package/Select/TreeSelect.js +3 -4
  117. package/Select/index.d.ts +1 -0
  118. package/Select/index.js +1 -0
  119. package/Select/useSelectTriggerTags.d.ts +19 -0
  120. package/Select/useSelectTriggerTags.js +61 -0
  121. package/Skeleton/Skeleton.js +1 -1
  122. package/Slider/Slider.d.ts +1 -1
  123. package/Slider/Slider.js +7 -11
  124. package/Stepper/Step.js +2 -2
  125. package/Stepper/Stepper.js +1 -1
  126. package/Switch/Switch.js +2 -3
  127. package/Table/Table.d.ts +1 -1
  128. package/Table/Table.js +3 -10
  129. package/Table/TableBody.js +2 -4
  130. package/Table/TableBodyRow.js +4 -7
  131. package/Table/TableCell.js +3 -3
  132. package/Table/TableExpandedTable.js +5 -6
  133. package/Table/TableHeader.d.ts +2 -1
  134. package/Table/TableHeader.js +3 -6
  135. package/Table/editable/TableEditRenderWrapper.js +2 -2
  136. package/Table/expandable/TableExpandable.js +2 -2
  137. package/Table/pagination/TablePagination.js +1 -2
  138. package/Table/refresh/TableRefresh.js +1 -1
  139. package/Table/rowSelection/TableRowSelection.js +5 -6
  140. package/Table/sorting/TableSortingIcon.js +2 -2
  141. package/Table/sorting/useTableSorting.d.ts +2 -2
  142. package/Table/useTableScroll.d.ts +178 -178
  143. package/Tabs/Tab.js +2 -2
  144. package/Tabs/TabPane.js +1 -1
  145. package/Tabs/Tabs.js +1 -3
  146. package/Tag/Tag.js +7 -6
  147. package/TextField/TextField.js +7 -5
  148. package/TextField/useTextFieldControl.d.ts +2 -2
  149. package/Textarea/Textarea.d.ts +1 -1
  150. package/Textarea/Textarea.js +5 -4
  151. package/TimePanel/TimePanel.js +1 -4
  152. package/TimePanel/TimePanelAction.js +1 -1
  153. package/TimePanel/TimePanelColumn.js +2 -5
  154. package/TimePicker/TimePicker.js +2 -3
  155. package/TimePicker/TimePickerPanel.js +1 -1
  156. package/Tooltip/Tooltip.js +3 -3
  157. package/Transition/Collapse.js +3 -2
  158. package/Transition/Fade.js +2 -2
  159. package/Transition/Grow.js +3 -2
  160. package/Transition/SlideFade.js +2 -2
  161. package/Transition/Transition.js +2 -2
  162. package/Transition/Zoom.js +2 -2
  163. package/Tree/Tree.js +1 -1
  164. package/Tree/TreeNode.js +9 -9
  165. package/Tree/TreeNodeList.js +5 -4
  166. package/Tree/getTreeNodeEntities.js +6 -3
  167. package/Typography/Typography.d.ts +2 -2
  168. package/Typography/Typography.js +2 -2
  169. package/Upload/UploadButton.js +2 -2
  170. package/Upload/UploadInput.js +1 -1
  171. package/Upload/UploadPicture.js +1 -1
  172. package/Upload/UploadPictureBlock.js +2 -8
  173. package/Upload/UploadPictureWall.d.ts +1 -1
  174. package/Upload/UploadPictureWall.js +1 -2
  175. package/Upload/UploadPictureWallItem.js +1 -1
  176. package/Upload/UploadResult.d.ts +19 -0
  177. package/Upload/UploadResult.js +6 -7
  178. package/_internal/InputCheck/InputCheck.js +2 -3
  179. package/_internal/InputCheck/InputCheckGroup.js +1 -1
  180. package/_internal/InputTriggerPopper/InputTriggerPopper.js +2 -2
  181. package/_internal/SlideFadeOverlay/SlideFadeOverlay.js +1 -1
  182. package/index.d.ts +3 -1
  183. package/index.js +3 -0
  184. package/package.json +12 -12
@@ -8,12 +8,11 @@ import cx from 'clsx';
8
8
  */
9
9
  const InputCheck = forwardRef(function InputCheck(props, ref) {
10
10
  const { children, className, control, disabled, error, htmlFor, size = 'medium', ...rest } = props;
11
- return (jsxs("label", Object.assign({}, rest, { ref: ref, className: cx(inputCheckClasses.host, inputCheckClasses.size(size), {
11
+ return (jsxs("label", { ...rest, ref: ref, className: cx(inputCheckClasses.host, inputCheckClasses.size(size), {
12
12
  [inputCheckClasses.disabled]: disabled,
13
13
  [inputCheckClasses.error]: error,
14
14
  [inputCheckClasses.withLabel]: !!children,
15
- }, className), htmlFor: htmlFor }, { children: [jsx("span", Object.assign({ className: inputCheckClasses.control }, { children: control }), void 0),
16
- children && (jsx("span", Object.assign({ className: inputCheckClasses.label }, { children: children }), void 0))] }), void 0));
15
+ }, className), htmlFor: htmlFor, children: [jsx("span", { className: inputCheckClasses.control, children: control }), children && (jsx("span", { className: inputCheckClasses.label, children: children }))] }));
17
16
  });
18
17
  var InputCheck$1 = InputCheck;
19
18
 
@@ -8,7 +8,7 @@ import cx from 'clsx';
8
8
  */
9
9
  const InputCheckGroup = forwardRef(function InputCheckGroup(props, ref) {
10
10
  const { children, className, orientation = 'horizontal', ...rest } = props;
11
- return (jsx("div", Object.assign({}, rest, { ref: ref, "aria-orientation": orientation, className: cx(inputCheckGroupClasses.host, inputCheckGroupClasses.orientation(orientation), className) }, { children: children }), void 0));
11
+ return (jsx("div", { ...rest, ref: ref, "aria-orientation": orientation, className: cx(inputCheckGroupClasses.host, inputCheckGroupClasses.orientation(orientation), className), children: children }));
12
12
  });
13
13
  var InputCheckGroup$1 = InputCheckGroup;
14
14
 
@@ -25,7 +25,7 @@ const InputTriggerPopper = forwardRef(function InputTriggerPopper(props, ref) {
25
25
  reassignState.elements.popper.style.minWidth = `${state.elements.reference.getBoundingClientRect().width}px`;
26
26
  },
27
27
  };
28
- return (jsx(Fade, Object.assign({}, fadeProps, { in: open, ref: ref }, { children: jsx(Popper, Object.assign({}, restPopperProps, { open: true, anchor: anchor, className: cx(inputTriggerPopperClasses.host, className), options: {
28
+ return (jsx(Fade, { ...fadeProps, in: open, ref: ref, children: jsx(Popper, { ...restPopperProps, open: true, anchor: anchor, className: cx(inputTriggerPopperClasses.host, className), options: {
29
29
  placement: 'bottom-start',
30
30
  ...restPopperOptions,
31
31
  modifiers: [
@@ -38,7 +38,7 @@ const InputTriggerPopper = forwardRef(function InputTriggerPopper(props, ref) {
38
38
  ...(sameWidth ? [sameWidthModifier] : []),
39
39
  ...modifiers,
40
40
  ],
41
- } }, { children: children }), void 0) }), void 0));
41
+ }, children: children }) }));
42
42
  });
43
43
  var InputTriggerPopper$1 = InputTriggerPopper;
44
44
 
@@ -59,7 +59,7 @@ const SlideFadeOverlay = forwardRef(function SlideFadeOverlay(props, ref) {
59
59
  if (!open && exited) {
60
60
  return null;
61
61
  }
62
- return (jsx(Overlay, Object.assign({ className: cx(overlayWithSlideFadeClasses.host, className), container: container, disableCloseOnBackdropClick: disableCloseOnBackdropClick, disablePortal: disablePortal, hideBackdrop: hideBackdrop, invisibleBackdrop: invisibleBackdrop, onBackdropClick: onBackdropClick, onClose: onClose, open: open, role: "presentation" }, { children: jsx(SlideFade, Object.assign({ ref: ref, in: open, direction: direction, onEntered: () => setExited(false), onExited: () => setExited(true) }, { children: children }), void 0) }), void 0));
62
+ return (jsx(Overlay, { className: cx(overlayWithSlideFadeClasses.host, className), container: container, disableCloseOnBackdropClick: disableCloseOnBackdropClick, disablePortal: disablePortal, hideBackdrop: hideBackdrop, invisibleBackdrop: invisibleBackdrop, onBackdropClick: onBackdropClick, onClose: onClose, open: open, role: "presentation", children: jsx(SlideFade, { ref: ref, in: open, direction: direction, onEntered: () => setExited(false), onExited: () => setExited(true), children: children }) }));
63
63
  });
64
64
  var SlideFadeOverlay$1 = SlideFadeOverlay;
65
65
 
package/index.d.ts CHANGED
@@ -62,7 +62,7 @@ export { CheckboxSize, CheckboxGroupOrientation, CheckboxGroupOption, CheckboxGr
62
62
  export { FormControl, FormControlContext, FormFieldProps, FormField, FormLabelProps, FormLabel, FormMessageProps, FormMessage, } from './Form';
63
63
  export { InputSize, InputProps, default as Input, } from './Input';
64
64
  export { RadioSize, RadioGroupOrientation, RadioGroupOption, RadioGroupProps, RadioGroup, RadioProps, default as Radio, } from './Radio';
65
- export { AutoComplete, AutoCompleteProps, SelectValue, TreeSelectOption, SelectControl, SelectControlContext, SelectTriggerInputProps, SelectTriggerProps, SelectTrigger, SelectProps, OptionProps, Option, OptionGroupProps, OptionGroup, TreeSelect, TreeSelectProps, default as Select, } from './Select';
65
+ export { AutoComplete, AutoCompleteProps, SelectValue, TreeSelectOption, SelectControl, SelectControlContext, SelectTriggerInputProps, SelectTriggerProps, SelectTrigger, SelectTriggerTagsProps, SelectTriggerTags, SelectProps, OptionProps, Option, OptionGroupProps, OptionGroup, TreeSelect, TreeSelectProps, default as Select, } from './Select';
66
66
  export { SwitchSize, SwitchProps, default as Switch, } from './Switch';
67
67
  export { TextareaSize, TextareaProps, default as Textarea, } from './Textarea';
68
68
  export { TextFieldSize, TextFieldProps, default as TextField, } from './TextField';
@@ -97,3 +97,5 @@ export { TransitionProps, default as Transition, CollapseProps, Collapse, FadePr
97
97
  export { TooltipProps, default as Tooltip, } from './Tooltip';
98
98
  export { CalendarControlModifier, UseCalendarControlModifiersResult, useCalendarControlModifiers, useCalendarModeStack, useCalendarControls, CalendarConfigs, CalendarConfigProviderProps, CalendarContext, useCalendarContext, CalendarConfigProvider, CalendarYearsProps, CalendarYears, CalendarWeeksProps, CalendarWeeks, CalendarMonthsProps, CalendarMonths, CalendarDaysProps, CalendarDays, CalendarDayOfWeekProps, CalendarDayOfWeek, CalendarControlsProps, CalendarControls, CalendarCellProps, CalendarCell, CalendarProps, default as Calendar, } from './Calendar';
99
99
  export { TimePanelActionProps, TimePanelAction, TimePanelColumnProps, TimePanelColumn, TimePanelProps, default as TimePanel, } from './TimePanel';
100
+ /** Context */
101
+ export { MezzanineConfigContext, MezzanineConfig, ConfigProviderProps, default as ConfigProvider, } from './Provider';
package/index.js CHANGED
@@ -25,6 +25,7 @@ export { IconButton } from './Button/index.js';
25
25
  export { default as Typography } from './Typography/Typography.js';
26
26
  export { default as useModalContainer } from './Modal/useModalContainer.js';
27
27
  export { default as Transition } from './Transition/Transition.js';
28
+ export { default as ConfigProvider } from './Provider/ConfigProvider.js';
28
29
  export { default as Button } from './Button/Button.js';
29
30
  export { default as ButtonGroup } from './Button/ButtonGroup.js';
30
31
  export { default as Icon } from './Icon/Icon.js';
@@ -82,6 +83,7 @@ export { default as Radio } from './Radio/Radio.js';
82
83
  export { default as AutoComplete } from './Select/AutoComplete.js';
83
84
  export { SelectControlContext } from './Select/SelectControlContext.js';
84
85
  export { default as SelectTrigger } from './Select/SelectTrigger.js';
86
+ export { default as SelectTriggerTags } from './Select/SelectTriggerTags.js';
85
87
  export { default as Option } from './Select/Option.js';
86
88
  export { default as TreeSelect } from './Select/TreeSelect.js';
87
89
  export { default as Select } from './Select/Select.js';
@@ -148,5 +150,6 @@ export { default as Calendar } from './Calendar/Calendar.js';
148
150
  export { default as TimePanelAction } from './TimePanel/TimePanelAction.js';
149
151
  export { default as TimePanelColumn } from './TimePanel/TimePanelColumn.js';
150
152
  export { default as TimePanel } from './TimePanel/TimePanel.js';
153
+ export { MezzanineConfig } from './Provider/context.js';
151
154
  export { default as cx } from 'clsx';
152
155
  export { createNotifier } from './Notifier/createNotifier.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mezzanine-ui/react",
3
- "version": "0.9.2",
3
+ "version": "0.10.2",
4
4
  "description": "React components for mezzanine-ui",
5
5
  "author": "Mezzanine",
6
6
  "repository": {
@@ -27,13 +27,12 @@
27
27
  },
28
28
  "peerDependencies": {
29
29
  "lodash": "^4.17.21",
30
- "moment": "^2.29.1",
31
- "react": "^17.0.1",
32
- "react-dom": "^17.0.1"
30
+ "react": "^17.0.2",
31
+ "react-dom": "^17.0.2"
33
32
  },
34
33
  "dependencies": {
35
- "@mezzanine-ui/core": "^0.9.2",
36
- "@mezzanine-ui/icons": "^0.9.2",
34
+ "@mezzanine-ui/core": "^0.10.2",
35
+ "@mezzanine-ui/icons": "^0.10.2",
37
36
  "@mezzanine-ui/system": "^0.7.0",
38
37
  "@popperjs/core": "^2.9.2",
39
38
  "@types/react-transition-group": "4.4.1",
@@ -43,19 +42,20 @@
43
42
  "tslib": "^2.1.0"
44
43
  },
45
44
  "devDependencies": {
46
- "@storybook/react": "^6.3.8",
45
+ "@storybook/react": "^6.4.19",
47
46
  "@testing-library/react": "^11.2.5",
48
47
  "@testing-library/react-hooks": "^5.1.0",
49
48
  "@types/lodash": "^4.14.168",
50
49
  "@types/moment": "^2.13.0",
51
- "@types/react": "^17.0.3",
52
- "@types/react-dom": "^17.0.2",
50
+ "@types/react": "^17.0.43",
51
+ "@types/react-dom": "^17.0.14",
53
52
  "@types/react-test-renderer": "^17.0.1",
54
53
  "chromatic": "^5.10.1",
54
+ "dayjs": "^1.10.7",
55
55
  "lodash": "^4.17.21",
56
56
  "moment": "^2.29.1",
57
- "react": "^17.0.1",
58
- "react-dom": "^17.0.1",
59
- "react-test-renderer": "^17.0.1"
57
+ "react": "^17.0.2",
58
+ "react-dom": "^17.0.2",
59
+ "react-test-renderer": "^17.0.2"
60
60
  }
61
61
  }