@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.
- package/Accordion/Accordion.js +5 -4
- package/Accordion/AccordionDetails.js +2 -2
- package/Accordion/AccordionSummary.js +3 -4
- package/Alert/Alert.js +1 -3
- package/AppBar/AppBar.js +1 -1
- package/AppBar/AppBarBrand.d.ts +1 -1
- package/AppBar/AppBarBrand.js +1 -1
- package/AppBar/AppBarMain.d.ts +1 -1
- package/AppBar/AppBarMain.js +1 -1
- package/AppBar/AppBarSupport.d.ts +1 -1
- package/AppBar/AppBarSupport.js +1 -1
- package/Badge/Badge.js +2 -2
- package/Badge/BadgeContainer.d.ts +1 -1
- package/Badge/BadgeContainer.js +1 -1
- package/Button/Button.d.ts +2 -2
- package/Button/Button.js +7 -5
- package/Button/ButtonGroup.js +7 -5
- package/Button/IconButton.d.ts +3 -3
- package/Button/IconButton.js +1 -1
- package/Calendar/Calendar.js +9 -10
- package/Calendar/CalendarCell.js +2 -2
- package/Calendar/CalendarContext.d.ts +3 -3
- package/Calendar/CalendarContext.js +20 -12
- package/Calendar/CalendarControls.js +3 -3
- package/Calendar/CalendarDayOfWeek.js +1 -1
- package/Calendar/CalendarDays.js +4 -5
- package/Calendar/CalendarMonths.js +4 -4
- package/Calendar/CalendarWeeks.js +4 -5
- package/Calendar/CalendarYears.js +4 -4
- package/Calendar/useCalendarControls.d.ts +2 -3
- package/Card/Card.js +5 -5
- package/Card/CardActions.js +1 -2
- package/Checkbox/CheckAll.js +2 -2
- package/Checkbox/Checkbox.js +5 -3
- package/Checkbox/CheckboxGroup.js +5 -5
- package/ConfirmActions/ConfirmActions.js +1 -2
- package/DatePicker/DatePicker.js +2 -3
- package/DatePicker/DatePickerCalendar.js +1 -1
- package/DateRangePicker/DateRangePicker.js +2 -3
- package/DateRangePicker/DateRangePickerCalendar.js +3 -4
- package/DateRangePicker/useDateRangeCalendarControls.d.ts +1 -2
- package/DateRangePicker/useDateRangePickerValue.d.ts +12 -13
- package/DateTimePicker/DateTimePicker.js +2 -3
- package/DateTimePicker/DateTimePickerPanel.js +1 -3
- package/Drawer/Drawer.js +1 -1
- package/Dropdown/Dropdown.d.ts +1 -1
- package/Dropdown/Dropdown.js +2 -2
- package/Empty/Empty.js +3 -4
- package/Form/FormField.js +2 -2
- package/Form/FormLabel.js +1 -2
- package/Form/FormMessage.d.ts +1 -1
- package/Form/FormMessage.js +1 -1
- package/Form/useAutoCompleteValueControl.d.ts +30 -11
- package/Form/useAutoCompleteValueControl.js +71 -31
- package/Form/useInputWithTagsModeValue.js +2 -1
- package/Form/useSelectValueControl.d.ts +1 -1
- package/Icon/Icon.d.ts +4 -0
- package/Icon/Icon.js +4 -4
- package/Input/Input.d.ts +1 -1
- package/Input/Input.js +5 -4
- package/Loading/Loading.js +4 -5
- package/Menu/Menu.js +5 -3
- package/Menu/MenuDivider.d.ts +1 -1
- package/Menu/MenuDivider.js +1 -1
- package/Menu/MenuItem.js +2 -3
- package/Menu/MenuItemGroup.js +1 -2
- package/Message/Message.js +2 -3
- package/Modal/Modal.js +5 -5
- package/Modal/ModalActions.js +1 -1
- package/Modal/ModalBody.d.ts +1 -1
- package/Modal/ModalBody.js +1 -1
- package/Modal/ModalFooter.d.ts +1 -1
- package/Modal/ModalFooter.js +1 -1
- package/Modal/ModalHeader.js +2 -3
- package/Modal/useModalContainer.js +1 -1
- package/Navigation/Navigation.js +2 -2
- package/Navigation/NavigationItem.js +1 -1
- package/Navigation/NavigationSubMenu.js +3 -5
- package/Notification/Notification.js +2 -7
- package/Notifier/NotifierManager.js +1 -1
- package/Notifier/createNotifier.js +1 -1
- package/Overlay/Overlay.js +3 -3
- package/PageFooter/PageFooter.js +1 -2
- package/Pagination/Pagination.js +2 -3
- package/Pagination/PaginationItem.js +4 -4
- package/Pagination/PaginationJumper.js +2 -4
- package/Picker/PickerTrigger.d.ts +1 -1
- package/Picker/PickerTrigger.js +2 -2
- package/Picker/RangePickerTrigger.d.ts +1 -1
- package/Picker/RangePickerTrigger.js +2 -4
- package/Picker/usePickerInputValue.d.ts +2 -2
- package/Picker/usePickerValue.d.ts +6 -7
- package/Picker/useRangePickerValue.d.ts +9 -10
- package/Popconfirm/Popconfirm.js +1 -1
- package/Popover/Popover.js +2 -3
- package/Popper/Popper.js +2 -2
- package/Portal/Portal.js +1 -1
- package/Progress/Progress.js +9 -9
- package/Provider/ConfigProvider.d.ts +8 -0
- package/Provider/ConfigProvider.js +13 -0
- package/Provider/context.d.ts +6 -0
- package/Provider/context.js +7 -0
- package/Provider/index.d.ts +4 -0
- package/Provider/index.js +2 -0
- package/Radio/Radio.js +5 -3
- package/Radio/RadioGroup.js +5 -5
- package/Select/AutoComplete.d.ts +40 -14
- package/Select/AutoComplete.js +37 -28
- package/Select/Option.js +2 -2
- package/Select/Select.d.ts +2 -51
- package/Select/Select.js +15 -49
- package/Select/SelectTrigger.d.ts +8 -1
- package/Select/SelectTrigger.js +8 -12
- package/Select/SelectTriggerTags.d.ts +19 -0
- package/Select/SelectTriggerTags.js +33 -0
- package/Select/TreeSelect.js +3 -4
- package/Select/index.d.ts +1 -0
- package/Select/index.js +1 -0
- package/Select/useSelectTriggerTags.d.ts +19 -0
- package/Select/useSelectTriggerTags.js +61 -0
- package/Skeleton/Skeleton.js +1 -1
- package/Slider/Slider.d.ts +1 -1
- package/Slider/Slider.js +7 -11
- package/Stepper/Step.js +2 -2
- package/Stepper/Stepper.js +1 -1
- package/Switch/Switch.js +2 -3
- package/Table/Table.d.ts +1 -1
- package/Table/Table.js +3 -10
- package/Table/TableBody.js +2 -4
- package/Table/TableBodyRow.js +4 -7
- package/Table/TableCell.js +3 -3
- package/Table/TableExpandedTable.js +5 -6
- package/Table/TableHeader.d.ts +2 -1
- package/Table/TableHeader.js +3 -6
- package/Table/editable/TableEditRenderWrapper.js +2 -2
- package/Table/expandable/TableExpandable.js +2 -2
- package/Table/pagination/TablePagination.js +1 -2
- package/Table/refresh/TableRefresh.js +1 -1
- package/Table/rowSelection/TableRowSelection.js +5 -6
- package/Table/sorting/TableSortingIcon.js +2 -2
- package/Table/sorting/useTableSorting.d.ts +2 -2
- package/Table/useTableScroll.d.ts +178 -178
- package/Tabs/Tab.js +2 -2
- package/Tabs/TabPane.js +1 -1
- package/Tabs/Tabs.js +1 -3
- package/Tag/Tag.js +7 -6
- package/TextField/TextField.js +7 -5
- package/TextField/useTextFieldControl.d.ts +2 -2
- package/Textarea/Textarea.d.ts +1 -1
- package/Textarea/Textarea.js +5 -4
- package/TimePanel/TimePanel.js +1 -4
- package/TimePanel/TimePanelAction.js +1 -1
- package/TimePanel/TimePanelColumn.js +2 -5
- package/TimePicker/TimePicker.js +2 -3
- package/TimePicker/TimePickerPanel.js +1 -1
- package/Tooltip/Tooltip.js +3 -3
- package/Transition/Collapse.js +3 -2
- package/Transition/Fade.js +2 -2
- package/Transition/Grow.js +3 -2
- package/Transition/SlideFade.js +2 -2
- package/Transition/Transition.js +2 -2
- package/Transition/Zoom.js +2 -2
- package/Tree/Tree.js +1 -1
- package/Tree/TreeNode.js +9 -9
- package/Tree/TreeNodeList.js +5 -4
- package/Tree/getTreeNodeEntities.js +6 -3
- package/Typography/Typography.d.ts +2 -2
- package/Typography/Typography.js +2 -2
- package/Upload/UploadButton.js +2 -2
- package/Upload/UploadInput.js +1 -1
- package/Upload/UploadPicture.js +1 -1
- package/Upload/UploadPictureBlock.js +2 -8
- package/Upload/UploadPictureWall.d.ts +1 -1
- package/Upload/UploadPictureWall.js +1 -2
- package/Upload/UploadPictureWallItem.js +1 -1
- package/Upload/UploadResult.d.ts +19 -0
- package/Upload/UploadResult.js +6 -7
- package/_internal/InputCheck/InputCheck.js +2 -3
- package/_internal/InputCheck/InputCheckGroup.js +1 -1
- package/_internal/InputTriggerPopper/InputTriggerPopper.js +2 -2
- package/_internal/SlideFadeOverlay/SlideFadeOverlay.js +1 -1
- package/index.d.ts +3 -1
- package/index.js +3 -0
- 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",
|
|
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
|
|
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",
|
|
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,
|
|
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
|
-
}
|
|
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,
|
|
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.
|
|
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
|
-
"
|
|
31
|
-
"react": "^17.0.
|
|
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.
|
|
36
|
-
"@mezzanine-ui/icons": "^0.
|
|
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.
|
|
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.
|
|
52
|
-
"@types/react-dom": "^17.0.
|
|
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.
|
|
58
|
-
"react-dom": "^17.0.
|
|
59
|
-
"react-test-renderer": "^17.0.
|
|
57
|
+
"react": "^17.0.2",
|
|
58
|
+
"react-dom": "^17.0.2",
|
|
59
|
+
"react-test-renderer": "^17.0.2"
|
|
60
60
|
}
|
|
61
61
|
}
|