@mui/material 5.16.12 → 5.16.14
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/Autocomplete/Autocomplete.js +49 -58
- package/CHANGELOG.md +36 -0
- package/index.js +1 -1
- package/legacy/Autocomplete/Autocomplete.js +51 -62
- package/legacy/index.js +1 -1
- package/legacy/version/index.js +2 -2
- package/modern/Autocomplete/Autocomplete.js +49 -58
- package/modern/index.js +1 -1
- package/modern/version/index.js +2 -2
- package/node/Autocomplete/Autocomplete.js +49 -58
- package/node/index.js +1 -1
- package/node/version/index.js +2 -2
- package/package.json +5 -5
- package/umd/material-ui.development.js +3725 -2367
- package/umd/material-ui.production.min.js +2 -20
- package/version/index.js +2 -2
|
@@ -600,63 +600,6 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
|
|
|
600
600
|
const paperSlotProps = (_slotProps$paper = slotProps.paper) != null ? _slotProps$paper : componentsProps.paper;
|
|
601
601
|
const popperSlotProps = (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper;
|
|
602
602
|
const popupIndicatorSlotProps = (_slotProps$popupIndic = slotProps.popupIndicator) != null ? _slotProps$popupIndic : componentsProps.popupIndicator;
|
|
603
|
-
const renderAutocompletePopperChildren = children => /*#__PURE__*/_jsx(AutocompletePopper, _extends({
|
|
604
|
-
as: PopperComponent,
|
|
605
|
-
disablePortal: disablePortal,
|
|
606
|
-
style: {
|
|
607
|
-
width: anchorEl ? anchorEl.clientWidth : null
|
|
608
|
-
},
|
|
609
|
-
ownerState: ownerState,
|
|
610
|
-
role: "presentation",
|
|
611
|
-
anchorEl: anchorEl,
|
|
612
|
-
open: popupOpen
|
|
613
|
-
}, popperSlotProps, {
|
|
614
|
-
className: clsx(classes.popper, popperSlotProps == null ? void 0 : popperSlotProps.className),
|
|
615
|
-
children: /*#__PURE__*/_jsx(AutocompletePaper, _extends({
|
|
616
|
-
ownerState: ownerState,
|
|
617
|
-
as: PaperComponent
|
|
618
|
-
}, paperSlotProps, {
|
|
619
|
-
className: clsx(classes.paper, paperSlotProps == null ? void 0 : paperSlotProps.className),
|
|
620
|
-
children: children
|
|
621
|
-
}))
|
|
622
|
-
}));
|
|
623
|
-
let autocompletePopper = null;
|
|
624
|
-
if (groupedOptions.length > 0) {
|
|
625
|
-
autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/_jsx(AutocompleteListbox, _extends({
|
|
626
|
-
as: ListboxComponent,
|
|
627
|
-
className: classes.listbox,
|
|
628
|
-
ownerState: ownerState
|
|
629
|
-
}, otherListboxProps, ListboxProps, {
|
|
630
|
-
ref: combinedListboxRef,
|
|
631
|
-
children: groupedOptions.map((option, index) => {
|
|
632
|
-
if (groupBy) {
|
|
633
|
-
return renderGroup({
|
|
634
|
-
key: option.key,
|
|
635
|
-
group: option.group,
|
|
636
|
-
children: option.options.map((option2, index2) => renderListOption(option2, option.index + index2))
|
|
637
|
-
});
|
|
638
|
-
}
|
|
639
|
-
return renderListOption(option, index);
|
|
640
|
-
})
|
|
641
|
-
})));
|
|
642
|
-
} else if (loading && groupedOptions.length === 0) {
|
|
643
|
-
autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/_jsx(AutocompleteLoading, {
|
|
644
|
-
className: classes.loading,
|
|
645
|
-
ownerState: ownerState,
|
|
646
|
-
children: loadingText
|
|
647
|
-
}));
|
|
648
|
-
} else if (groupedOptions.length === 0 && !freeSolo && !loading) {
|
|
649
|
-
autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/_jsx(AutocompleteNoOptions, {
|
|
650
|
-
className: classes.noOptions,
|
|
651
|
-
ownerState: ownerState,
|
|
652
|
-
role: "presentation",
|
|
653
|
-
onMouseDown: event => {
|
|
654
|
-
// Prevent input blur when interacting with the "no options" content
|
|
655
|
-
event.preventDefault();
|
|
656
|
-
},
|
|
657
|
-
children: noOptionsText
|
|
658
|
-
}));
|
|
659
|
-
}
|
|
660
603
|
return /*#__PURE__*/_jsxs(React.Fragment, {
|
|
661
604
|
children: [/*#__PURE__*/_jsx(AutocompleteRoot, _extends({
|
|
662
605
|
ref: ref,
|
|
@@ -706,7 +649,55 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
|
|
|
706
649
|
readOnly
|
|
707
650
|
}, getInputProps())
|
|
708
651
|
})
|
|
709
|
-
})), anchorEl ?
|
|
652
|
+
})), anchorEl ? /*#__PURE__*/_jsx(AutocompletePopper, _extends({
|
|
653
|
+
as: PopperComponent,
|
|
654
|
+
disablePortal: disablePortal,
|
|
655
|
+
style: {
|
|
656
|
+
width: anchorEl ? anchorEl.clientWidth : null
|
|
657
|
+
},
|
|
658
|
+
ownerState: ownerState,
|
|
659
|
+
role: "presentation",
|
|
660
|
+
anchorEl: anchorEl,
|
|
661
|
+
open: popupOpen
|
|
662
|
+
}, popperSlotProps, {
|
|
663
|
+
className: clsx(classes.popper, popperSlotProps == null ? void 0 : popperSlotProps.className),
|
|
664
|
+
children: /*#__PURE__*/_jsxs(AutocompletePaper, _extends({
|
|
665
|
+
ownerState: ownerState,
|
|
666
|
+
as: PaperComponent
|
|
667
|
+
}, paperSlotProps, {
|
|
668
|
+
className: clsx(classes.paper, paperSlotProps == null ? void 0 : paperSlotProps.className),
|
|
669
|
+
children: [loading && groupedOptions.length === 0 ? /*#__PURE__*/_jsx(AutocompleteLoading, {
|
|
670
|
+
className: classes.loading,
|
|
671
|
+
ownerState: ownerState,
|
|
672
|
+
children: loadingText
|
|
673
|
+
}) : null, groupedOptions.length === 0 && !freeSolo && !loading ? /*#__PURE__*/_jsx(AutocompleteNoOptions, {
|
|
674
|
+
className: classes.noOptions,
|
|
675
|
+
ownerState: ownerState,
|
|
676
|
+
role: "presentation",
|
|
677
|
+
onMouseDown: event => {
|
|
678
|
+
// Prevent input blur when interacting with the "no options" content
|
|
679
|
+
event.preventDefault();
|
|
680
|
+
},
|
|
681
|
+
children: noOptionsText
|
|
682
|
+
}) : null, groupedOptions.length > 0 ? /*#__PURE__*/_jsx(AutocompleteListbox, _extends({
|
|
683
|
+
as: ListboxComponent,
|
|
684
|
+
className: classes.listbox,
|
|
685
|
+
ownerState: ownerState
|
|
686
|
+
}, otherListboxProps, ListboxProps, {
|
|
687
|
+
ref: combinedListboxRef,
|
|
688
|
+
children: groupedOptions.map((option, index) => {
|
|
689
|
+
if (groupBy) {
|
|
690
|
+
return renderGroup({
|
|
691
|
+
key: option.key,
|
|
692
|
+
group: option.group,
|
|
693
|
+
children: option.options.map((option2, index2) => renderListOption(option2, option.index + index2))
|
|
694
|
+
});
|
|
695
|
+
}
|
|
696
|
+
return renderListOption(option, index);
|
|
697
|
+
})
|
|
698
|
+
})) : null]
|
|
699
|
+
}))
|
|
700
|
+
})) : null]
|
|
710
701
|
});
|
|
711
702
|
});
|
|
712
703
|
process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptypes */ = {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,41 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## v5.16.14
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.16.13..v5.x -->
|
|
6
|
+
|
|
7
|
+
_Jan 6, 2025_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 1 contributor who made this release possible.
|
|
10
|
+
|
|
11
|
+
### `@mui/material@5.16.14`
|
|
12
|
+
|
|
13
|
+
- [Autocomplete] Revert: Fix options list rendering in freeSolo mode (#44857) @ZeeshanTamboli
|
|
14
|
+
|
|
15
|
+
All contributors of this release in alphabetical order: @ZeeshanTamboli
|
|
16
|
+
|
|
17
|
+
## v5.16.13
|
|
18
|
+
|
|
19
|
+
<!-- generated comparing v5.16.12..v5.x -->
|
|
20
|
+
|
|
21
|
+
_Dec 24, 2024_
|
|
22
|
+
|
|
23
|
+
A big thanks to the 2 contributors who made this release possible.
|
|
24
|
+
|
|
25
|
+
### `@mui/material-nextjs@5.16.13`
|
|
26
|
+
|
|
27
|
+
- Support Next 15.0.0 in v5 (#44853) @DiegoAndai
|
|
28
|
+
|
|
29
|
+
### Docs
|
|
30
|
+
|
|
31
|
+
- [material-ui] Fix crashing of DraggableDialog demo (#44811) @sai6855
|
|
32
|
+
|
|
33
|
+
### Core
|
|
34
|
+
|
|
35
|
+
- Use React 18's JSX runtime for v5.x UMD builds (#44815) @DiegoAndai
|
|
36
|
+
|
|
37
|
+
All contributors of this release in alphabetical order: @DiegoAndai, @sai6855
|
|
38
|
+
|
|
3
39
|
## v5.16.12
|
|
4
40
|
|
|
5
41
|
<!-- generated comparing v5.16.11..v5.x -->
|
package/index.js
CHANGED
|
@@ -594,67 +594,6 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
|
|
|
594
594
|
var paperSlotProps = (_slotProps$paper = slotProps.paper) != null ? _slotProps$paper : componentsProps.paper;
|
|
595
595
|
var popperSlotProps = (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper;
|
|
596
596
|
var popupIndicatorSlotProps = (_slotProps$popupIndic = slotProps.popupIndicator) != null ? _slotProps$popupIndic : componentsProps.popupIndicator;
|
|
597
|
-
var renderAutocompletePopperChildren = function renderAutocompletePopperChildren(children) {
|
|
598
|
-
return /*#__PURE__*/_jsx(AutocompletePopper, _extends({
|
|
599
|
-
as: PopperComponent,
|
|
600
|
-
disablePortal: disablePortal,
|
|
601
|
-
style: {
|
|
602
|
-
width: anchorEl ? anchorEl.clientWidth : null
|
|
603
|
-
},
|
|
604
|
-
ownerState: ownerState,
|
|
605
|
-
role: "presentation",
|
|
606
|
-
anchorEl: anchorEl,
|
|
607
|
-
open: popupOpen
|
|
608
|
-
}, popperSlotProps, {
|
|
609
|
-
className: clsx(classes.popper, popperSlotProps == null ? void 0 : popperSlotProps.className),
|
|
610
|
-
children: /*#__PURE__*/_jsx(AutocompletePaper, _extends({
|
|
611
|
-
ownerState: ownerState,
|
|
612
|
-
as: PaperComponent
|
|
613
|
-
}, paperSlotProps, {
|
|
614
|
-
className: clsx(classes.paper, paperSlotProps == null ? void 0 : paperSlotProps.className),
|
|
615
|
-
children: children
|
|
616
|
-
}))
|
|
617
|
-
}));
|
|
618
|
-
};
|
|
619
|
-
var autocompletePopper = null;
|
|
620
|
-
if (groupedOptions.length > 0) {
|
|
621
|
-
autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/_jsx(AutocompleteListbox, _extends({
|
|
622
|
-
as: ListboxComponent,
|
|
623
|
-
className: classes.listbox,
|
|
624
|
-
ownerState: ownerState
|
|
625
|
-
}, otherListboxProps, ListboxProps, {
|
|
626
|
-
ref: combinedListboxRef,
|
|
627
|
-
children: groupedOptions.map(function (option, index) {
|
|
628
|
-
if (groupBy) {
|
|
629
|
-
return renderGroup({
|
|
630
|
-
key: option.key,
|
|
631
|
-
group: option.group,
|
|
632
|
-
children: option.options.map(function (option2, index2) {
|
|
633
|
-
return renderListOption(option2, option.index + index2);
|
|
634
|
-
})
|
|
635
|
-
});
|
|
636
|
-
}
|
|
637
|
-
return renderListOption(option, index);
|
|
638
|
-
})
|
|
639
|
-
})));
|
|
640
|
-
} else if (loading && groupedOptions.length === 0) {
|
|
641
|
-
autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/_jsx(AutocompleteLoading, {
|
|
642
|
-
className: classes.loading,
|
|
643
|
-
ownerState: ownerState,
|
|
644
|
-
children: loadingText
|
|
645
|
-
}));
|
|
646
|
-
} else if (groupedOptions.length === 0 && !freeSolo && !loading) {
|
|
647
|
-
autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/_jsx(AutocompleteNoOptions, {
|
|
648
|
-
className: classes.noOptions,
|
|
649
|
-
ownerState: ownerState,
|
|
650
|
-
role: "presentation",
|
|
651
|
-
onMouseDown: function onMouseDown(event) {
|
|
652
|
-
// Prevent input blur when interacting with the "no options" content
|
|
653
|
-
event.preventDefault();
|
|
654
|
-
},
|
|
655
|
-
children: noOptionsText
|
|
656
|
-
}));
|
|
657
|
-
}
|
|
658
597
|
return /*#__PURE__*/_jsxs(React.Fragment, {
|
|
659
598
|
children: [/*#__PURE__*/_jsx(AutocompleteRoot, _extends({
|
|
660
599
|
ref: ref,
|
|
@@ -704,7 +643,57 @@ var Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps,
|
|
|
704
643
|
readOnly: readOnly
|
|
705
644
|
}, getInputProps())
|
|
706
645
|
})
|
|
707
|
-
})), anchorEl ?
|
|
646
|
+
})), anchorEl ? /*#__PURE__*/_jsx(AutocompletePopper, _extends({
|
|
647
|
+
as: PopperComponent,
|
|
648
|
+
disablePortal: disablePortal,
|
|
649
|
+
style: {
|
|
650
|
+
width: anchorEl ? anchorEl.clientWidth : null
|
|
651
|
+
},
|
|
652
|
+
ownerState: ownerState,
|
|
653
|
+
role: "presentation",
|
|
654
|
+
anchorEl: anchorEl,
|
|
655
|
+
open: popupOpen
|
|
656
|
+
}, popperSlotProps, {
|
|
657
|
+
className: clsx(classes.popper, popperSlotProps == null ? void 0 : popperSlotProps.className),
|
|
658
|
+
children: /*#__PURE__*/_jsxs(AutocompletePaper, _extends({
|
|
659
|
+
ownerState: ownerState,
|
|
660
|
+
as: PaperComponent
|
|
661
|
+
}, paperSlotProps, {
|
|
662
|
+
className: clsx(classes.paper, paperSlotProps == null ? void 0 : paperSlotProps.className),
|
|
663
|
+
children: [loading && groupedOptions.length === 0 ? /*#__PURE__*/_jsx(AutocompleteLoading, {
|
|
664
|
+
className: classes.loading,
|
|
665
|
+
ownerState: ownerState,
|
|
666
|
+
children: loadingText
|
|
667
|
+
}) : null, groupedOptions.length === 0 && !freeSolo && !loading ? /*#__PURE__*/_jsx(AutocompleteNoOptions, {
|
|
668
|
+
className: classes.noOptions,
|
|
669
|
+
ownerState: ownerState,
|
|
670
|
+
role: "presentation",
|
|
671
|
+
onMouseDown: function onMouseDown(event) {
|
|
672
|
+
// Prevent input blur when interacting with the "no options" content
|
|
673
|
+
event.preventDefault();
|
|
674
|
+
},
|
|
675
|
+
children: noOptionsText
|
|
676
|
+
}) : null, groupedOptions.length > 0 ? /*#__PURE__*/_jsx(AutocompleteListbox, _extends({
|
|
677
|
+
as: ListboxComponent,
|
|
678
|
+
className: classes.listbox,
|
|
679
|
+
ownerState: ownerState
|
|
680
|
+
}, otherListboxProps, ListboxProps, {
|
|
681
|
+
ref: combinedListboxRef,
|
|
682
|
+
children: groupedOptions.map(function (option, index) {
|
|
683
|
+
if (groupBy) {
|
|
684
|
+
return renderGroup({
|
|
685
|
+
key: option.key,
|
|
686
|
+
group: option.group,
|
|
687
|
+
children: option.options.map(function (option2, index2) {
|
|
688
|
+
return renderListOption(option2, option.index + index2);
|
|
689
|
+
})
|
|
690
|
+
});
|
|
691
|
+
}
|
|
692
|
+
return renderListOption(option, index);
|
|
693
|
+
})
|
|
694
|
+
})) : null]
|
|
695
|
+
}))
|
|
696
|
+
})) : null]
|
|
708
697
|
});
|
|
709
698
|
});
|
|
710
699
|
process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptypes */ = {
|
package/legacy/index.js
CHANGED
package/legacy/version/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export var version = "5.16.
|
|
1
|
+
export var version = "5.16.14";
|
|
2
2
|
export var major = Number("5");
|
|
3
3
|
export var minor = Number("16");
|
|
4
|
-
export var patch = Number("
|
|
4
|
+
export var patch = Number("14");
|
|
5
5
|
export var preReleaseLabel = undefined || null;
|
|
6
6
|
export var preReleaseNumber = Number(undefined) || null;
|
|
7
7
|
export default version;
|
|
@@ -596,63 +596,6 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
|
|
|
596
596
|
const paperSlotProps = slotProps.paper ?? componentsProps.paper;
|
|
597
597
|
const popperSlotProps = slotProps.popper ?? componentsProps.popper;
|
|
598
598
|
const popupIndicatorSlotProps = slotProps.popupIndicator ?? componentsProps.popupIndicator;
|
|
599
|
-
const renderAutocompletePopperChildren = children => /*#__PURE__*/_jsx(AutocompletePopper, _extends({
|
|
600
|
-
as: PopperComponent,
|
|
601
|
-
disablePortal: disablePortal,
|
|
602
|
-
style: {
|
|
603
|
-
width: anchorEl ? anchorEl.clientWidth : null
|
|
604
|
-
},
|
|
605
|
-
ownerState: ownerState,
|
|
606
|
-
role: "presentation",
|
|
607
|
-
anchorEl: anchorEl,
|
|
608
|
-
open: popupOpen
|
|
609
|
-
}, popperSlotProps, {
|
|
610
|
-
className: clsx(classes.popper, popperSlotProps?.className),
|
|
611
|
-
children: /*#__PURE__*/_jsx(AutocompletePaper, _extends({
|
|
612
|
-
ownerState: ownerState,
|
|
613
|
-
as: PaperComponent
|
|
614
|
-
}, paperSlotProps, {
|
|
615
|
-
className: clsx(classes.paper, paperSlotProps?.className),
|
|
616
|
-
children: children
|
|
617
|
-
}))
|
|
618
|
-
}));
|
|
619
|
-
let autocompletePopper = null;
|
|
620
|
-
if (groupedOptions.length > 0) {
|
|
621
|
-
autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/_jsx(AutocompleteListbox, _extends({
|
|
622
|
-
as: ListboxComponent,
|
|
623
|
-
className: classes.listbox,
|
|
624
|
-
ownerState: ownerState
|
|
625
|
-
}, otherListboxProps, ListboxProps, {
|
|
626
|
-
ref: combinedListboxRef,
|
|
627
|
-
children: groupedOptions.map((option, index) => {
|
|
628
|
-
if (groupBy) {
|
|
629
|
-
return renderGroup({
|
|
630
|
-
key: option.key,
|
|
631
|
-
group: option.group,
|
|
632
|
-
children: option.options.map((option2, index2) => renderListOption(option2, option.index + index2))
|
|
633
|
-
});
|
|
634
|
-
}
|
|
635
|
-
return renderListOption(option, index);
|
|
636
|
-
})
|
|
637
|
-
})));
|
|
638
|
-
} else if (loading && groupedOptions.length === 0) {
|
|
639
|
-
autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/_jsx(AutocompleteLoading, {
|
|
640
|
-
className: classes.loading,
|
|
641
|
-
ownerState: ownerState,
|
|
642
|
-
children: loadingText
|
|
643
|
-
}));
|
|
644
|
-
} else if (groupedOptions.length === 0 && !freeSolo && !loading) {
|
|
645
|
-
autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/_jsx(AutocompleteNoOptions, {
|
|
646
|
-
className: classes.noOptions,
|
|
647
|
-
ownerState: ownerState,
|
|
648
|
-
role: "presentation",
|
|
649
|
-
onMouseDown: event => {
|
|
650
|
-
// Prevent input blur when interacting with the "no options" content
|
|
651
|
-
event.preventDefault();
|
|
652
|
-
},
|
|
653
|
-
children: noOptionsText
|
|
654
|
-
}));
|
|
655
|
-
}
|
|
656
599
|
return /*#__PURE__*/_jsxs(React.Fragment, {
|
|
657
600
|
children: [/*#__PURE__*/_jsx(AutocompleteRoot, _extends({
|
|
658
601
|
ref: ref,
|
|
@@ -702,7 +645,55 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
|
|
|
702
645
|
readOnly
|
|
703
646
|
}, getInputProps())
|
|
704
647
|
})
|
|
705
|
-
})), anchorEl ?
|
|
648
|
+
})), anchorEl ? /*#__PURE__*/_jsx(AutocompletePopper, _extends({
|
|
649
|
+
as: PopperComponent,
|
|
650
|
+
disablePortal: disablePortal,
|
|
651
|
+
style: {
|
|
652
|
+
width: anchorEl ? anchorEl.clientWidth : null
|
|
653
|
+
},
|
|
654
|
+
ownerState: ownerState,
|
|
655
|
+
role: "presentation",
|
|
656
|
+
anchorEl: anchorEl,
|
|
657
|
+
open: popupOpen
|
|
658
|
+
}, popperSlotProps, {
|
|
659
|
+
className: clsx(classes.popper, popperSlotProps?.className),
|
|
660
|
+
children: /*#__PURE__*/_jsxs(AutocompletePaper, _extends({
|
|
661
|
+
ownerState: ownerState,
|
|
662
|
+
as: PaperComponent
|
|
663
|
+
}, paperSlotProps, {
|
|
664
|
+
className: clsx(classes.paper, paperSlotProps?.className),
|
|
665
|
+
children: [loading && groupedOptions.length === 0 ? /*#__PURE__*/_jsx(AutocompleteLoading, {
|
|
666
|
+
className: classes.loading,
|
|
667
|
+
ownerState: ownerState,
|
|
668
|
+
children: loadingText
|
|
669
|
+
}) : null, groupedOptions.length === 0 && !freeSolo && !loading ? /*#__PURE__*/_jsx(AutocompleteNoOptions, {
|
|
670
|
+
className: classes.noOptions,
|
|
671
|
+
ownerState: ownerState,
|
|
672
|
+
role: "presentation",
|
|
673
|
+
onMouseDown: event => {
|
|
674
|
+
// Prevent input blur when interacting with the "no options" content
|
|
675
|
+
event.preventDefault();
|
|
676
|
+
},
|
|
677
|
+
children: noOptionsText
|
|
678
|
+
}) : null, groupedOptions.length > 0 ? /*#__PURE__*/_jsx(AutocompleteListbox, _extends({
|
|
679
|
+
as: ListboxComponent,
|
|
680
|
+
className: classes.listbox,
|
|
681
|
+
ownerState: ownerState
|
|
682
|
+
}, otherListboxProps, ListboxProps, {
|
|
683
|
+
ref: combinedListboxRef,
|
|
684
|
+
children: groupedOptions.map((option, index) => {
|
|
685
|
+
if (groupBy) {
|
|
686
|
+
return renderGroup({
|
|
687
|
+
key: option.key,
|
|
688
|
+
group: option.group,
|
|
689
|
+
children: option.options.map((option2, index2) => renderListOption(option2, option.index + index2))
|
|
690
|
+
});
|
|
691
|
+
}
|
|
692
|
+
return renderListOption(option, index);
|
|
693
|
+
})
|
|
694
|
+
})) : null]
|
|
695
|
+
}))
|
|
696
|
+
})) : null]
|
|
706
697
|
});
|
|
707
698
|
});
|
|
708
699
|
process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptypes */ = {
|
package/modern/index.js
CHANGED
package/modern/version/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export const version = "5.16.
|
|
1
|
+
export const version = "5.16.14";
|
|
2
2
|
export const major = Number("5");
|
|
3
3
|
export const minor = Number("16");
|
|
4
|
-
export const patch = Number("
|
|
4
|
+
export const patch = Number("14");
|
|
5
5
|
export const preReleaseLabel = undefined || null;
|
|
6
6
|
export const preReleaseNumber = Number(undefined) || null;
|
|
7
7
|
export default version;
|
|
@@ -612,63 +612,6 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
|
|
|
612
612
|
const paperSlotProps = (_slotProps$paper = slotProps.paper) != null ? _slotProps$paper : componentsProps.paper;
|
|
613
613
|
const popperSlotProps = (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper;
|
|
614
614
|
const popupIndicatorSlotProps = (_slotProps$popupIndic = slotProps.popupIndicator) != null ? _slotProps$popupIndic : componentsProps.popupIndicator;
|
|
615
|
-
const renderAutocompletePopperChildren = children => /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompletePopper, (0, _extends2.default)({
|
|
616
|
-
as: PopperComponent,
|
|
617
|
-
disablePortal: disablePortal,
|
|
618
|
-
style: {
|
|
619
|
-
width: anchorEl ? anchorEl.clientWidth : null
|
|
620
|
-
},
|
|
621
|
-
ownerState: ownerState,
|
|
622
|
-
role: "presentation",
|
|
623
|
-
anchorEl: anchorEl,
|
|
624
|
-
open: popupOpen
|
|
625
|
-
}, popperSlotProps, {
|
|
626
|
-
className: (0, _clsx.default)(classes.popper, popperSlotProps == null ? void 0 : popperSlotProps.className),
|
|
627
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompletePaper, (0, _extends2.default)({
|
|
628
|
-
ownerState: ownerState,
|
|
629
|
-
as: PaperComponent
|
|
630
|
-
}, paperSlotProps, {
|
|
631
|
-
className: (0, _clsx.default)(classes.paper, paperSlotProps == null ? void 0 : paperSlotProps.className),
|
|
632
|
-
children: children
|
|
633
|
-
}))
|
|
634
|
-
}));
|
|
635
|
-
let autocompletePopper = null;
|
|
636
|
-
if (groupedOptions.length > 0) {
|
|
637
|
-
autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteListbox, (0, _extends2.default)({
|
|
638
|
-
as: ListboxComponent,
|
|
639
|
-
className: classes.listbox,
|
|
640
|
-
ownerState: ownerState
|
|
641
|
-
}, otherListboxProps, ListboxProps, {
|
|
642
|
-
ref: combinedListboxRef,
|
|
643
|
-
children: groupedOptions.map((option, index) => {
|
|
644
|
-
if (groupBy) {
|
|
645
|
-
return renderGroup({
|
|
646
|
-
key: option.key,
|
|
647
|
-
group: option.group,
|
|
648
|
-
children: option.options.map((option2, index2) => renderListOption(option2, option.index + index2))
|
|
649
|
-
});
|
|
650
|
-
}
|
|
651
|
-
return renderListOption(option, index);
|
|
652
|
-
})
|
|
653
|
-
})));
|
|
654
|
-
} else if (loading && groupedOptions.length === 0) {
|
|
655
|
-
autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteLoading, {
|
|
656
|
-
className: classes.loading,
|
|
657
|
-
ownerState: ownerState,
|
|
658
|
-
children: loadingText
|
|
659
|
-
}));
|
|
660
|
-
} else if (groupedOptions.length === 0 && !freeSolo && !loading) {
|
|
661
|
-
autocompletePopper = renderAutocompletePopperChildren( /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteNoOptions, {
|
|
662
|
-
className: classes.noOptions,
|
|
663
|
-
ownerState: ownerState,
|
|
664
|
-
role: "presentation",
|
|
665
|
-
onMouseDown: event => {
|
|
666
|
-
// Prevent input blur when interacting with the "no options" content
|
|
667
|
-
event.preventDefault();
|
|
668
|
-
},
|
|
669
|
-
children: noOptionsText
|
|
670
|
-
}));
|
|
671
|
-
}
|
|
672
615
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
673
616
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteRoot, (0, _extends2.default)({
|
|
674
617
|
ref: ref,
|
|
@@ -718,7 +661,55 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
|
|
|
718
661
|
readOnly
|
|
719
662
|
}, getInputProps())
|
|
720
663
|
})
|
|
721
|
-
})), anchorEl ?
|
|
664
|
+
})), anchorEl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompletePopper, (0, _extends2.default)({
|
|
665
|
+
as: PopperComponent,
|
|
666
|
+
disablePortal: disablePortal,
|
|
667
|
+
style: {
|
|
668
|
+
width: anchorEl ? anchorEl.clientWidth : null
|
|
669
|
+
},
|
|
670
|
+
ownerState: ownerState,
|
|
671
|
+
role: "presentation",
|
|
672
|
+
anchorEl: anchorEl,
|
|
673
|
+
open: popupOpen
|
|
674
|
+
}, popperSlotProps, {
|
|
675
|
+
className: (0, _clsx.default)(classes.popper, popperSlotProps == null ? void 0 : popperSlotProps.className),
|
|
676
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(AutocompletePaper, (0, _extends2.default)({
|
|
677
|
+
ownerState: ownerState,
|
|
678
|
+
as: PaperComponent
|
|
679
|
+
}, paperSlotProps, {
|
|
680
|
+
className: (0, _clsx.default)(classes.paper, paperSlotProps == null ? void 0 : paperSlotProps.className),
|
|
681
|
+
children: [loading && groupedOptions.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteLoading, {
|
|
682
|
+
className: classes.loading,
|
|
683
|
+
ownerState: ownerState,
|
|
684
|
+
children: loadingText
|
|
685
|
+
}) : null, groupedOptions.length === 0 && !freeSolo && !loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteNoOptions, {
|
|
686
|
+
className: classes.noOptions,
|
|
687
|
+
ownerState: ownerState,
|
|
688
|
+
role: "presentation",
|
|
689
|
+
onMouseDown: event => {
|
|
690
|
+
// Prevent input blur when interacting with the "no options" content
|
|
691
|
+
event.preventDefault();
|
|
692
|
+
},
|
|
693
|
+
children: noOptionsText
|
|
694
|
+
}) : null, groupedOptions.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteListbox, (0, _extends2.default)({
|
|
695
|
+
as: ListboxComponent,
|
|
696
|
+
className: classes.listbox,
|
|
697
|
+
ownerState: ownerState
|
|
698
|
+
}, otherListboxProps, ListboxProps, {
|
|
699
|
+
ref: combinedListboxRef,
|
|
700
|
+
children: groupedOptions.map((option, index) => {
|
|
701
|
+
if (groupBy) {
|
|
702
|
+
return renderGroup({
|
|
703
|
+
key: option.key,
|
|
704
|
+
group: option.group,
|
|
705
|
+
children: option.options.map((option2, index2) => renderListOption(option2, option.index + index2))
|
|
706
|
+
});
|
|
707
|
+
}
|
|
708
|
+
return renderListOption(option, index);
|
|
709
|
+
})
|
|
710
|
+
})) : null]
|
|
711
|
+
}))
|
|
712
|
+
})) : null]
|
|
722
713
|
});
|
|
723
714
|
});
|
|
724
715
|
process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptypes */ = {
|
package/node/index.js
CHANGED
package/node/version/index.js
CHANGED
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.version = exports.preReleaseNumber = exports.preReleaseLabel = exports.patch = exports.minor = exports.major = exports.default = void 0;
|
|
7
|
-
const version = exports.version = "5.16.
|
|
7
|
+
const version = exports.version = "5.16.14";
|
|
8
8
|
const major = exports.major = Number("5");
|
|
9
9
|
const minor = exports.minor = Number("16");
|
|
10
|
-
const patch = exports.patch = Number("
|
|
10
|
+
const patch = exports.patch = Number("14");
|
|
11
11
|
const preReleaseLabel = exports.preReleaseLabel = undefined || null;
|
|
12
12
|
const preReleaseNumber = exports.preReleaseNumber = Number(undefined) || null;
|
|
13
13
|
var _default = exports.default = version;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/material",
|
|
3
|
-
"version": "5.16.
|
|
3
|
+
"version": "5.16.14",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
"prop-types": "^15.8.1",
|
|
36
36
|
"react-is": "^19.0.0",
|
|
37
37
|
"react-transition-group": "^4.4.5",
|
|
38
|
-
"@mui/core-downloads-tracker": "^5.16.
|
|
39
|
-
"@mui/
|
|
40
|
-
"@mui/system": "^5.16.
|
|
41
|
-
"@mui/
|
|
38
|
+
"@mui/core-downloads-tracker": "^5.16.14",
|
|
39
|
+
"@mui/utils": "^5.16.14",
|
|
40
|
+
"@mui/system": "^5.16.14",
|
|
41
|
+
"@mui/types": "^7.2.15"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"@emotion/react": "^11.5.0",
|