@rjsf/mui 6.4.2 → 6.5.1
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/README.md +25 -0
- package/dist/index.cjs +353 -214
- package/dist/index.cjs.map +4 -4
- package/dist/mui.esm.js +354 -185
- package/dist/mui.esm.js.map +4 -4
- package/dist/mui.umd.js +293 -165
- package/lib/AddButton/AddButton.js +12 -2
- package/lib/AddButton/AddButton.js.map +1 -1
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.d.ts +22 -1
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js +3 -1
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js.map +1 -1
- package/lib/ArrayFieldTemplate/ArrayFieldTemplate.d.ts +20 -1
- package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js +3 -1
- package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js.map +1 -1
- package/lib/BaseInputTemplate/BaseInputTemplate.d.ts +17 -1
- package/lib/BaseInputTemplate/BaseInputTemplate.js +9 -4
- package/lib/BaseInputTemplate/BaseInputTemplate.js.map +1 -1
- package/lib/CheckboxWidget/CheckboxWidget.d.ts +13 -1
- package/lib/CheckboxWidget/CheckboxWidget.js +3 -1
- package/lib/CheckboxWidget/CheckboxWidget.js.map +1 -1
- package/lib/CheckboxesWidget/CheckboxesWidget.d.ts +17 -2
- package/lib/CheckboxesWidget/CheckboxesWidget.js +12 -7
- package/lib/CheckboxesWidget/CheckboxesWidget.js.map +1 -1
- package/lib/DescriptionField/DescriptionField.d.ts +10 -1
- package/lib/DescriptionField/DescriptionField.js +6 -1
- package/lib/DescriptionField/DescriptionField.js.map +1 -1
- package/lib/ErrorList/ErrorList.d.ts +29 -2
- package/lib/ErrorList/ErrorList.js +7 -4
- package/lib/ErrorList/ErrorList.js.map +1 -1
- package/lib/FieldErrorTemplate/FieldErrorTemplate.d.ts +16 -1
- package/lib/FieldErrorTemplate/FieldErrorTemplate.js +8 -4
- package/lib/FieldErrorTemplate/FieldErrorTemplate.js.map +1 -1
- package/lib/FieldHelpTemplate/FieldHelpTemplate.d.ts +10 -1
- package/lib/FieldHelpTemplate/FieldHelpTemplate.js +6 -2
- package/lib/FieldHelpTemplate/FieldHelpTemplate.js.map +1 -1
- package/lib/FieldTemplate/FieldTemplate.d.ts +13 -1
- package/lib/FieldTemplate/FieldTemplate.js +3 -1
- package/lib/FieldTemplate/FieldTemplate.js.map +1 -1
- package/lib/IconButton/IconButton.js +12 -2
- package/lib/IconButton/IconButton.js.map +1 -1
- package/lib/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.d.ts +13 -1
- package/lib/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.js +6 -2
- package/lib/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.js.map +1 -1
- package/lib/ObjectFieldTemplate/ObjectFieldTemplate.d.ts +16 -1
- package/lib/ObjectFieldTemplate/ObjectFieldTemplate.js +4 -2
- package/lib/ObjectFieldTemplate/ObjectFieldTemplate.js.map +1 -1
- package/lib/OptionalDataControlsTemplate/OptionalDataControlsTemplate.js +3 -3
- package/lib/OptionalDataControlsTemplate/OptionalDataControlsTemplate.js.map +1 -1
- package/lib/RadioWidget/RadioWidget.d.ts +17 -2
- package/lib/RadioWidget/RadioWidget.js +13 -9
- package/lib/RadioWidget/RadioWidget.js.map +1 -1
- package/lib/RangeWidget/RangeWidget.d.ts +10 -1
- package/lib/RangeWidget/RangeWidget.js +3 -1
- package/lib/RangeWidget/RangeWidget.js.map +1 -1
- package/lib/SelectWidget/SelectWidget.d.ts +14 -3
- package/lib/SelectWidget/SelectWidget.js +26 -19
- package/lib/SelectWidget/SelectWidget.js.map +1 -1
- package/lib/SubmitButton/SubmitButton.d.ts +13 -1
- package/lib/SubmitButton/SubmitButton.js +5 -2
- package/lib/SubmitButton/SubmitButton.js.map +1 -1
- package/lib/TitleField/TitleField.d.ts +24 -2
- package/lib/TitleField/TitleField.js +9 -4
- package/lib/TitleField/TitleField.js.map +1 -1
- package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.d.ts +16 -1
- package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js +7 -2
- package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/util.d.ts +9 -0
- package/lib/util.js +24 -0
- package/lib/util.js.map +1 -0
- package/package.json +9 -9
- package/src/AddButton/AddButton.tsx +21 -3
- package/src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx +39 -9
- package/src/ArrayFieldTemplate/ArrayFieldTemplate.tsx +30 -8
- package/src/BaseInputTemplate/BaseInputTemplate.tsx +29 -5
- package/src/CheckboxWidget/CheckboxWidget.tsx +20 -2
- package/src/CheckboxesWidget/CheckboxesWidget.tsx +51 -23
- package/src/DescriptionField/DescriptionField.tsx +25 -3
- package/src/ErrorList/ErrorList.tsx +52 -15
- package/src/FieldErrorTemplate/FieldErrorTemplate.tsx +34 -8
- package/src/FieldHelpTemplate/FieldHelpTemplate.tsx +30 -3
- package/src/FieldTemplate/FieldTemplate.tsx +26 -4
- package/src/IconButton/IconButton.tsx +21 -2
- package/src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx +28 -6
- package/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx +25 -5
- package/src/OptionalDataControlsTemplate/OptionalDataControlsTemplate.tsx +3 -1
- package/src/RadioWidget/RadioWidget.tsx +43 -26
- package/src/RangeWidget/RangeWidget.tsx +16 -1
- package/src/SelectWidget/SelectWidget.tsx +71 -49
- package/src/SubmitButton/SubmitButton.tsx +36 -5
- package/src/TitleField/TitleField.tsx +54 -16
- package/src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx +39 -5
- package/src/util.ts +30 -0
|
@@ -3,15 +3,20 @@ import Box from '@mui/material/Box';
|
|
|
3
3
|
import Divider from '@mui/material/Divider';
|
|
4
4
|
import Grid from '@mui/material/Grid';
|
|
5
5
|
import Typography from '@mui/material/Typography';
|
|
6
|
+
import { getUiOptions, } from '@rjsf/utils';
|
|
7
|
+
import { getMuiProps } from '../util.js';
|
|
6
8
|
/** The `TitleField` is the template to use to render the title of a field
|
|
7
9
|
*
|
|
8
10
|
* @param props - The `TitleFieldProps` for this component
|
|
9
11
|
*/
|
|
10
|
-
export default function TitleField(
|
|
11
|
-
|
|
12
|
+
export default function TitleField(props) {
|
|
13
|
+
const { id, title, optionalDataControl, uiSchema } = props;
|
|
14
|
+
const uiOptions = getUiOptions(uiSchema);
|
|
15
|
+
const { rjsfSlotProps: muiSlotProps } = getMuiProps(uiOptions);
|
|
16
|
+
let heading = (_jsx(Typography, { variant: 'h5', ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.titleTypography, children: title }));
|
|
12
17
|
if (optionalDataControl) {
|
|
13
|
-
heading = (_jsxs(Grid, { container: true, spacing: 0, children: [_jsx(Grid, { size: 'grow', children: heading }), _jsx(Grid, { justifyContent: 'flex-end', children: optionalDataControl })] }));
|
|
18
|
+
heading = (_jsxs(Grid, { container: true, spacing: 0, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.titleGridContainer, children: [_jsx(Grid, { size: 'grow', ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.titleGridItem, children: heading }), _jsx(Grid, { justifyContent: 'flex-end', ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.titleOptionalDataGridItem, children: optionalDataControl })] }));
|
|
14
19
|
}
|
|
15
|
-
return (_jsxs(Box, { id: id, mb: 1, mt: 1, children: [heading, _jsx(Divider, {})] }));
|
|
20
|
+
return (_jsxs(Box, { id: id, mb: 1, mt: 1, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.titleBox, children: [heading, _jsx(Divider, { ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.titleDivider })] }));
|
|
16
21
|
}
|
|
17
22
|
//# sourceMappingURL=TitleField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TitleField.js","sourceRoot":"","sources":["../../src/TitleField/TitleField.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"TitleField.js","sourceRoot":"","sources":["../../src/TitleField/TitleField.tsx"],"names":[],"mappings":";AAAA,OAAO,GAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,OAAyB,MAAM,uBAAuB,CAAC;AAC9D,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,UAA+B,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAML,YAAY,GACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAqBtC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,KAA+B;IAE/B,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3D,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,WAAW,CAA8B,SAAS,CAAC,CAAC;IAE5F,IAAI,OAAO,GAAG,CACZ,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,KAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,eAAe,YACvD,KAAK,GACK,CACd,CAAC;IACF,IAAI,mBAAmB,EAAE,CAAC;QACxB,OAAO,GAAG,CACR,MAAC,IAAI,IAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,kBAAkB,aACrE,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,KAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,aAAa,YAC9C,OAAO,GACH,EACP,KAAC,IAAI,IAAC,cAAc,EAAC,UAAU,KAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,yBAAyB,YACxE,mBAAmB,GACf,IACF,CACR,CAAC;IACJ,CAAC;IACD,OAAO,CACL,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,aAClD,OAAO,EACR,KAAC,OAAO,OAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,GAAI,IACvC,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,19 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { GridProps } from '@mui/material/Grid';
|
|
2
|
+
import { GenericObjectType, FormContextType, RJSFSchema, StrictRJSFSchema, WrapIfAdditionalTemplateProps } from '@rjsf/utils';
|
|
3
|
+
/** Properties available for the `rjsfSlotProps` target of the WrapIfAdditionalTemplate. */
|
|
4
|
+
export interface WrapIfAdditionalTemplateMuiProps extends GenericObjectType {
|
|
5
|
+
/** RJSF-specific slot props for targeting child elements of the WrapIfAdditionalTemplate. */
|
|
6
|
+
rjsfSlotProps?: {
|
|
7
|
+
/** Props applied to the outermost `Grid` container. */
|
|
8
|
+
wrapGridContainer?: GridProps;
|
|
9
|
+
/** Props applied to the `Grid` item containing the key TextField. */
|
|
10
|
+
wrapKeyGridItem?: GridProps;
|
|
11
|
+
/** Props applied to the `Grid` item containing the field children. */
|
|
12
|
+
wrapChildrenGridItem?: GridProps;
|
|
13
|
+
/** Props applied to the `Grid` item containing the remove button. */
|
|
14
|
+
wrapRemoveButtonGridItem?: GridProps;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
2
17
|
/** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are
|
|
3
18
|
* part of an `additionalProperties` part of a schema.
|
|
4
19
|
*
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import Grid from '@mui/material/Grid';
|
|
3
3
|
import TextField from '@mui/material/TextField';
|
|
4
|
-
import { ADDITIONAL_PROPERTY_FLAG, buttonId, TranslatableString, } from '@rjsf/utils';
|
|
4
|
+
import { ADDITIONAL_PROPERTY_FLAG, buttonId, TranslatableString, getUiOptions, } from '@rjsf/utils';
|
|
5
|
+
import { getMuiProps } from '../util.js';
|
|
5
6
|
/** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are
|
|
6
7
|
* part of an `additionalProperties` part of a schema.
|
|
7
8
|
*
|
|
@@ -20,9 +21,13 @@ export default function WrapIfAdditionalTemplate(props) {
|
|
|
20
21
|
paddingRight: 6,
|
|
21
22
|
fontWeight: 'bold',
|
|
22
23
|
};
|
|
24
|
+
const uiOptions = getUiOptions(uiSchema);
|
|
25
|
+
const { rjsfSlotProps } = getMuiProps(uiOptions);
|
|
26
|
+
const muiSlotProps = rjsfSlotProps;
|
|
23
27
|
if (!additional) {
|
|
24
28
|
return (_jsx("div", { className: classNames, style: style, children: children }));
|
|
25
29
|
}
|
|
26
|
-
|
|
30
|
+
const { wrapGridContainer, wrapKeyGridItem, wrapChildrenGridItem, wrapRemoveButtonGridItem } = muiSlotProps || {};
|
|
31
|
+
return (_jsxs(Grid, { container: true, alignItems: 'flex-start', spacing: 2, className: classNames, style: style, ...wrapGridContainer, children: [_jsx(Grid, { size: 5.5, ...wrapKeyGridItem, children: _jsx(TextField, { fullWidth: true, required: required, label: displayLabel ? keyLabel : undefined, defaultValue: label, disabled: disabled || readonly, id: `${id}-key`, name: `${id}-key`, onBlur: !readonly ? onKeyRenameBlur : undefined, type: 'text' }, label) }), _jsx(Grid, { size: 5.5, ...wrapChildrenGridItem, children: children }), _jsx(Grid, { sx: { mt: 1.5 }, ...wrapRemoveButtonGridItem, children: _jsx(RemoveButton, { id: buttonId(id, 'remove'), className: 'rjsf-object-property-remove', iconType: 'default', style: btnStyle, disabled: disabled || readonly, onClick: onRemoveProperty, uiSchema: uiSchema, registry: registry }) })] }, `${id}-key`));
|
|
27
32
|
}
|
|
28
33
|
//# sourceMappingURL=WrapIfAdditionalTemplate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WrapIfAdditionalTemplate.js","sourceRoot":"","sources":["../../src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"WrapIfAdditionalTemplate.js","sourceRoot":"","sources":["../../src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx"],"names":[],"mappings":"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"}
|