1 | import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
2 | import _extends from "@babel/runtime/helpers/esm/extends";
|
3 | import * as React from 'react';
|
4 | import PropTypes from 'prop-types';
|
5 | import clsx from 'clsx';
|
6 | import { unstable_composeClasses as composeClasses } from '@mui/base';
|
7 | import styled from '../styles/styled';
|
8 | import useThemeProps from '../styles/useThemeProps';
|
9 | import { getFormGroupUtilityClass } from './formGroupClasses';
|
10 | import useFormControl from '../FormControl/useFormControl';
|
11 | import formControlState from '../FormControl/formControlState';
|
12 | import { jsx as _jsx } from "react/jsx-runtime";
|
13 |
|
14 | var useUtilityClasses = function useUtilityClasses(ownerState) {
|
15 | var classes = ownerState.classes,
|
16 | row = ownerState.row,
|
17 | error = ownerState.error;
|
18 | var slots = {
|
19 | root: ['root', row && 'row', error && 'error']
|
20 | };
|
21 | return composeClasses(slots, getFormGroupUtilityClass, classes);
|
22 | };
|
23 |
|
24 | var FormGroupRoot = styled('div', {
|
25 | name: 'MuiFormGroup',
|
26 | slot: 'Root',
|
27 | overridesResolver: function overridesResolver(props, styles) {
|
28 | var ownerState = props.ownerState;
|
29 | return [styles.root, ownerState.row && styles.row];
|
30 | }
|
31 | })(function (_ref) {
|
32 | var ownerState = _ref.ownerState;
|
33 | return _extends({
|
34 | display: 'flex',
|
35 | flexDirection: 'column',
|
36 | flexWrap: 'wrap'
|
37 | }, ownerState.row && {
|
38 | flexDirection: 'row'
|
39 | });
|
40 | });
|
41 |
|
42 |
|
43 |
|
44 |
|
45 |
|
46 |
|
47 | var FormGroup = React.forwardRef(function FormGroup(inProps, ref) {
|
48 | var props = useThemeProps({
|
49 | props: inProps,
|
50 | name: 'MuiFormGroup'
|
51 | });
|
52 |
|
53 | var className = props.className,
|
54 | _props$row = props.row,
|
55 | row = _props$row === void 0 ? false : _props$row,
|
56 | other = _objectWithoutProperties(props, ["className", "row"]);
|
57 |
|
58 | var muiFormControl = useFormControl();
|
59 | var fcs = formControlState({
|
60 | props: props,
|
61 | muiFormControl: muiFormControl,
|
62 | states: ['error']
|
63 | });
|
64 |
|
65 | var ownerState = _extends({}, props, {
|
66 | row: row,
|
67 | error: fcs.error
|
68 | });
|
69 |
|
70 | var classes = useUtilityClasses(ownerState);
|
71 | return _jsx(FormGroupRoot, _extends({
|
72 | className: clsx(classes.root, className),
|
73 | ownerState: ownerState,
|
74 | ref: ref
|
75 | }, other));
|
76 | });
|
77 | process.env.NODE_ENV !== "production" ? FormGroup.propTypes
|
78 |
|
79 | = {
|
80 |
|
81 |
|
82 |
|
83 |
|
84 |
|
85 | |
86 |
|
87 |
|
88 | children: PropTypes.node,
|
89 |
|
90 | |
91 |
|
92 |
|
93 | classes: PropTypes.object,
|
94 |
|
95 | |
96 |
|
97 |
|
98 | className: PropTypes.string,
|
99 |
|
100 | |
101 |
|
102 |
|
103 |
|
104 | row: PropTypes.bool,
|
105 |
|
106 | |
107 |
|
108 |
|
109 | sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
110 | } : void 0;
|
111 | export default FormGroup; |
\ | No newline at end of file |