1 | import _extends from "@babel/runtime/helpers/esm/extends";
|
2 | import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
3 | const _excluded = ["children", "value", "slotProps", "slots"];
|
4 | import * as React from 'react';
|
5 | import PropTypes from 'prop-types';
|
6 | import { useSlotProps } from '../utils';
|
7 | import composeClasses from '../composeClasses';
|
8 | import { getTabPanelUtilityClass } from './tabPanelClasses';
|
9 | import useTabPanel from '../useTabPanel/useTabPanel';
|
10 | import { useClassNamesOverride } from '../utils/ClassNameConfigurator';
|
11 | import { jsx as _jsx } from "react/jsx-runtime";
|
12 | const useUtilityClasses = ownerState => {
|
13 | const {
|
14 | hidden
|
15 | } = ownerState;
|
16 | const slots = {
|
17 | root: ['root', hidden && 'hidden']
|
18 | };
|
19 | return composeClasses(slots, useClassNamesOverride(getTabPanelUtilityClass));
|
20 | };
|
21 |
|
22 |
|
23 |
|
24 |
|
25 |
|
26 |
|
27 |
|
28 |
|
29 |
|
30 |
|
31 | const TabPanel = React.forwardRef(function TabPanel(props, forwardedRef) {
|
32 | var _slots$root;
|
33 | const {
|
34 | children,
|
35 | slotProps = {},
|
36 | slots = {}
|
37 | } = props,
|
38 | other = _objectWithoutPropertiesLoose(props, _excluded);
|
39 | const {
|
40 | hidden,
|
41 | getRootProps
|
42 | } = useTabPanel(props);
|
43 | const ownerState = _extends({}, props, {
|
44 | hidden
|
45 | });
|
46 | const classes = useUtilityClasses(ownerState);
|
47 | const TabPanelRoot = (_slots$root = slots.root) != null ? _slots$root : 'div';
|
48 | const tabPanelRootProps = useSlotProps({
|
49 | elementType: TabPanelRoot,
|
50 | getSlotProps: getRootProps,
|
51 | externalSlotProps: slotProps.root,
|
52 | externalForwardedProps: other,
|
53 | additionalProps: {
|
54 | role: 'tabpanel',
|
55 | ref: forwardedRef
|
56 | },
|
57 | ownerState,
|
58 | className: classes.root
|
59 | });
|
60 | return _jsx(TabPanelRoot, _extends({}, tabPanelRootProps, {
|
61 | children: !hidden && children
|
62 | }));
|
63 | });
|
64 | process.env.NODE_ENV !== "production" ? TabPanel.propTypes = {
|
65 |
|
66 |
|
67 |
|
68 |
|
69 | |
70 |
|
71 |
|
72 | children: PropTypes.node,
|
73 | |
74 |
|
75 |
|
76 |
|
77 | slotProps: PropTypes.shape({
|
78 | root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
|
79 | }),
|
80 | |
81 |
|
82 |
|
83 |
|
84 |
|
85 | slots: PropTypes.shape({
|
86 | root: PropTypes.elementType
|
87 | }),
|
88 | |
89 |
|
90 |
|
91 |
|
92 |
|
93 | value: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
|
94 | } : void 0;
|
95 | export default TabPanel; |
\ | No newline at end of file |