@rjsf/fluentui-rc 5.14.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/LICENSE.md +201 -0
- package/README.md +127 -0
- package/dist/core.umd.js +940 -0
- package/dist/index.esm.js +1091 -0
- package/dist/index.esm.js.map +7 -0
- package/dist/index.js +1063 -0
- package/dist/index.js.map +7 -0
- package/lib/AddButton/AddButton.d.ts +3 -0
- package/lib/AddButton/AddButton.js +11 -0
- package/lib/AddButton/AddButton.js.map +1 -0
- package/lib/AddButton/index.d.ts +2 -0
- package/lib/AddButton/index.js +3 -0
- package/lib/AddButton/index.js.map +1 -0
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.d.ts +7 -0
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js +12 -0
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js.map +1 -0
- package/lib/ArrayFieldItemTemplate/index.d.ts +2 -0
- package/lib/ArrayFieldItemTemplate/index.js +3 -0
- package/lib/ArrayFieldItemTemplate/index.js.map +1 -0
- package/lib/ArrayFieldTemplate/ArrayFieldTemplate.d.ts +7 -0
- package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js +28 -0
- package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js.map +1 -0
- package/lib/ArrayFieldTemplate/index.d.ts +2 -0
- package/lib/ArrayFieldTemplate/index.js +3 -0
- package/lib/ArrayFieldTemplate/index.js.map +1 -0
- package/lib/BaseInputTemplate/BaseInputTemplate.d.ts +9 -0
- package/lib/BaseInputTemplate/BaseInputTemplate.js +38 -0
- package/lib/BaseInputTemplate/BaseInputTemplate.js.map +1 -0
- package/lib/BaseInputTemplate/index.d.ts +2 -0
- package/lib/BaseInputTemplate/index.js +3 -0
- package/lib/BaseInputTemplate/index.js.map +1 -0
- package/lib/CheckboxWidget/CheckboxWidget.d.ts +8 -0
- package/lib/CheckboxWidget/CheckboxWidget.js +23 -0
- package/lib/CheckboxWidget/CheckboxWidget.js.map +1 -0
- package/lib/CheckboxWidget/index.d.ts +2 -0
- package/lib/CheckboxWidget/index.js +3 -0
- package/lib/CheckboxWidget/index.js.map +1 -0
- package/lib/CheckboxesWidget/CheckboxesWidget.d.ts +8 -0
- package/lib/CheckboxesWidget/CheckboxesWidget.js +30 -0
- package/lib/CheckboxesWidget/CheckboxesWidget.js.map +1 -0
- package/lib/CheckboxesWidget/index.d.ts +2 -0
- package/lib/CheckboxesWidget/index.js +3 -0
- package/lib/CheckboxesWidget/index.js.map +1 -0
- package/lib/DescriptionField/DescriptionField.d.ts +7 -0
- package/lib/DescriptionField/DescriptionField.js +21 -0
- package/lib/DescriptionField/DescriptionField.js.map +1 -0
- package/lib/DescriptionField/index.d.ts +2 -0
- package/lib/DescriptionField/index.js +3 -0
- package/lib/DescriptionField/index.js.map +1 -0
- package/lib/ErrorList/ErrorList.d.ts +7 -0
- package/lib/ErrorList/ErrorList.js +26 -0
- package/lib/ErrorList/ErrorList.js.map +1 -0
- package/lib/ErrorList/index.d.ts +2 -0
- package/lib/ErrorList/index.js +3 -0
- package/lib/ErrorList/index.js.map +1 -0
- package/lib/FieldErrorTemplate/FieldErrorTemplate.d.ts +7 -0
- package/lib/FieldErrorTemplate/FieldErrorTemplate.js +28 -0
- package/lib/FieldErrorTemplate/FieldErrorTemplate.js.map +1 -0
- package/lib/FieldErrorTemplate/index.d.ts +2 -0
- package/lib/FieldErrorTemplate/index.js +3 -0
- package/lib/FieldErrorTemplate/index.js.map +1 -0
- package/lib/FieldHelpTemplate/FieldHelpTemplate.d.ts +7 -0
- package/lib/FieldHelpTemplate/FieldHelpTemplate.js +16 -0
- package/lib/FieldHelpTemplate/FieldHelpTemplate.js.map +1 -0
- package/lib/FieldHelpTemplate/index.d.ts +2 -0
- package/lib/FieldHelpTemplate/index.js +3 -0
- package/lib/FieldHelpTemplate/index.js.map +1 -0
- package/lib/FieldTemplate/FieldTemplate.d.ts +8 -0
- package/lib/FieldTemplate/FieldTemplate.js +18 -0
- package/lib/FieldTemplate/FieldTemplate.js.map +1 -0
- package/lib/FieldTemplate/index.d.ts +2 -0
- package/lib/FieldTemplate/index.js +3 -0
- package/lib/FieldTemplate/index.js.map +1 -0
- package/lib/FluentForm/FluentForm.d.ts +6 -0
- package/lib/FluentForm/FluentForm.js +7 -0
- package/lib/FluentForm/FluentForm.js.map +1 -0
- package/lib/FluentForm/index.d.ts +2 -0
- package/lib/FluentForm/index.js +3 -0
- package/lib/FluentForm/index.js.map +1 -0
- package/lib/FluentUIRCFrameProvider.d.ts +2 -0
- package/lib/FluentUIRCFrameProvider.js +12 -0
- package/lib/FluentUIRCFrameProvider.js.map +1 -0
- package/lib/IconButton/IconButton.d.ts +7 -0
- package/lib/IconButton/IconButton.js +26 -0
- package/lib/IconButton/IconButton.js.map +1 -0
- package/lib/IconButton/index.d.ts +2 -0
- package/lib/IconButton/index.js +3 -0
- package/lib/IconButton/index.js.map +1 -0
- package/lib/ObjectFieldTemplate/ObjectFieldTemplate.d.ts +9 -0
- package/lib/ObjectFieldTemplate/ObjectFieldTemplate.js +22 -0
- package/lib/ObjectFieldTemplate/ObjectFieldTemplate.js.map +1 -0
- package/lib/ObjectFieldTemplate/index.d.ts +2 -0
- package/lib/ObjectFieldTemplate/index.js +3 -0
- package/lib/ObjectFieldTemplate/index.js.map +1 -0
- package/lib/RadioWidget/RadioWidget.d.ts +8 -0
- package/lib/RadioWidget/RadioWidget.js +22 -0
- package/lib/RadioWidget/RadioWidget.js.map +1 -0
- package/lib/RadioWidget/index.d.ts +2 -0
- package/lib/RadioWidget/index.js +3 -0
- package/lib/RadioWidget/index.js.map +1 -0
- package/lib/RangeWidget/RangeWidget.d.ts +8 -0
- package/lib/RangeWidget/RangeWidget.js +20 -0
- package/lib/RangeWidget/RangeWidget.js.map +1 -0
- package/lib/RangeWidget/index.d.ts +2 -0
- package/lib/RangeWidget/index.js +3 -0
- package/lib/RangeWidget/index.js.map +1 -0
- package/lib/SelectWidget/SelectWidget.d.ts +9 -0
- package/lib/SelectWidget/SelectWidget.js +41 -0
- package/lib/SelectWidget/SelectWidget.js.map +1 -0
- package/lib/SelectWidget/index.d.ts +2 -0
- package/lib/SelectWidget/index.js +3 -0
- package/lib/SelectWidget/index.js.map +1 -0
- package/lib/SubmitButton/SubmitButton.d.ts +3 -0
- package/lib/SubmitButton/SubmitButton.js +17 -0
- package/lib/SubmitButton/SubmitButton.js.map +1 -0
- package/lib/SubmitButton/index.d.ts +2 -0
- package/lib/SubmitButton/index.js +3 -0
- package/lib/SubmitButton/index.js.map +1 -0
- package/lib/Templates/Templates.d.ts +4 -0
- package/lib/Templates/Templates.js +39 -0
- package/lib/Templates/Templates.js.map +1 -0
- package/lib/Templates/index.d.ts +2 -0
- package/lib/Templates/index.js +3 -0
- package/lib/Templates/index.js.map +1 -0
- package/lib/TextareaWidget/TextareaWidget.d.ts +7 -0
- package/lib/TextareaWidget/TextareaWidget.js +27 -0
- package/lib/TextareaWidget/TextareaWidget.js.map +1 -0
- package/lib/TextareaWidget/index.d.ts +2 -0
- package/lib/TextareaWidget/index.js +3 -0
- package/lib/TextareaWidget/index.js.map +1 -0
- package/lib/Theme/Theme.d.ts +5 -0
- package/lib/Theme/Theme.js +10 -0
- package/lib/Theme/Theme.js.map +1 -0
- package/lib/Theme/index.d.ts +2 -0
- package/lib/Theme/index.js +3 -0
- package/lib/Theme/index.js.map +1 -0
- package/lib/TitleField/TitleField.d.ts +7 -0
- package/lib/TitleField/TitleField.js +17 -0
- package/lib/TitleField/TitleField.js.map +1 -0
- package/lib/TitleField/index.d.ts +2 -0
- package/lib/TitleField/index.js +3 -0
- package/lib/TitleField/index.js.map +1 -0
- package/lib/Widgets/Widgets.d.ts +4 -0
- package/lib/Widgets/Widgets.js +18 -0
- package/lib/Widgets/Widgets.js.map +1 -0
- package/lib/Widgets/index.d.ts +2 -0
- package/lib/Widgets/index.js +3 -0
- package/lib/Widgets/index.js.map +1 -0
- package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.d.ts +8 -0
- package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js +40 -0
- package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js.map +1 -0
- package/lib/WrapIfAdditionalTemplate/index.d.ts +2 -0
- package/lib/WrapIfAdditionalTemplate/index.js +3 -0
- package/lib/WrapIfAdditionalTemplate/index.js.map +1 -0
- package/lib/index.d.ts +7 -0
- package/lib/index.js +8 -0
- package/lib/index.js.map +1 -0
- package/lib/tsconfig.tsbuildinfo +1 -0
- package/package.json +98 -0
- package/src/AddButton/AddButton.tsx +12 -0
- package/src/AddButton/index.ts +2 -0
- package/src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx +72 -0
- package/src/ArrayFieldItemTemplate/index.ts +2 -0
- package/src/ArrayFieldTemplate/ArrayFieldTemplate.tsx +87 -0
- package/src/ArrayFieldTemplate/index.ts +2 -0
- package/src/BaseInputTemplate/BaseInputTemplate.tsx +99 -0
- package/src/BaseInputTemplate/index.ts +2 -0
- package/src/CheckboxWidget/CheckboxWidget.tsx +81 -0
- package/src/CheckboxWidget/index.ts +2 -0
- package/src/CheckboxesWidget/CheckboxesWidget.tsx +91 -0
- package/src/CheckboxesWidget/index.ts +2 -0
- package/src/DescriptionField/DescriptionField.tsx +31 -0
- package/src/DescriptionField/index.ts +2 -0
- package/src/ErrorList/ErrorList.tsx +40 -0
- package/src/ErrorList/index.ts +2 -0
- package/src/FieldErrorTemplate/FieldErrorTemplate.tsx +44 -0
- package/src/FieldErrorTemplate/index.ts +2 -0
- package/src/FieldHelpTemplate/FieldHelpTemplate.tsx +19 -0
- package/src/FieldHelpTemplate/index.ts +2 -0
- package/src/FieldTemplate/FieldTemplate.tsx +80 -0
- package/src/FieldTemplate/index.ts +2 -0
- package/src/FluentForm/FluentForm.ts +15 -0
- package/src/FluentForm/index.ts +2 -0
- package/src/FluentUIRCFrameProvider.tsx +21 -0
- package/src/IconButton/IconButton.tsx +73 -0
- package/src/IconButton/index.ts +2 -0
- package/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx +97 -0
- package/src/ObjectFieldTemplate/index.ts +2 -0
- package/src/RadioWidget/RadioWidget.tsx +77 -0
- package/src/RadioWidget/index.ts +2 -0
- package/src/RangeWidget/RangeWidget.tsx +49 -0
- package/src/RangeWidget/index.ts +2 -0
- package/src/SelectWidget/SelectWidget.tsx +98 -0
- package/src/SelectWidget/index.ts +2 -0
- package/src/SubmitButton/SubmitButton.tsx +27 -0
- package/src/SubmitButton/index.ts +2 -0
- package/src/Templates/Templates.ts +45 -0
- package/src/Templates/index.ts +2 -0
- package/src/TextareaWidget/TextareaWidget.tsx +81 -0
- package/src/TextareaWidget/index.ts +2 -0
- package/src/Theme/Theme.ts +18 -0
- package/src/Theme/index.ts +2 -0
- package/src/TitleField/TitleField.tsx +28 -0
- package/src/TitleField/index.ts +2 -0
- package/src/Widgets/Widgets.ts +24 -0
- package/src/Widgets/index.ts +2 -0
- package/src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx +100 -0
- package/src/WrapIfAdditionalTemplate/index.ts +2 -0
- package/src/index.ts +9 -0
- package/src/tsconfig.json +24 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ErrorList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FieldErrorProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
3
|
+
/** The `FieldErrorTemplate` component renders the errors local to the particular field
|
|
4
|
+
*
|
|
5
|
+
* @param props - The `FieldErrorProps` for the errors being rendered
|
|
6
|
+
*/
|
|
7
|
+
export default function FieldErrorTemplate<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: FieldErrorProps<T, S, F>): JSX.Element | null;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { makeStyles, tokens } from '@fluentui/react-components';
|
|
3
|
+
import { errorId } from '@rjsf/utils';
|
|
4
|
+
const useStyles = makeStyles({
|
|
5
|
+
list: { marginTop: 0, marginBottom: 0, paddingLeft: 0, listStyleType: 'none' },
|
|
6
|
+
listItem: {
|
|
7
|
+
paddingLeft: tokens.spacingHorizontalL,
|
|
8
|
+
paddingTop: tokens.spacingVerticalXS,
|
|
9
|
+
paddingBottom: tokens.spacingVerticalXS,
|
|
10
|
+
},
|
|
11
|
+
errorLabel: { color: tokens.colorPaletteRedForeground1 },
|
|
12
|
+
});
|
|
13
|
+
/** The `FieldErrorTemplate` component renders the errors local to the particular field
|
|
14
|
+
*
|
|
15
|
+
* @param props - The `FieldErrorProps` for the errors being rendered
|
|
16
|
+
*/
|
|
17
|
+
export default function FieldErrorTemplate(props) {
|
|
18
|
+
const { errors = [], idSchema } = props;
|
|
19
|
+
const classes = useStyles();
|
|
20
|
+
if (errors.length === 0) {
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
23
|
+
const id = errorId(idSchema);
|
|
24
|
+
return (_jsx("ul", Object.assign({ className: classes.list }, { children: errors.map((error, i) => {
|
|
25
|
+
return (_jsx("li", Object.assign({ className: classes.listItem }, { children: _jsx("small", Object.assign({ className: classes.errorLabel, id: id }, { children: error })) }), i));
|
|
26
|
+
}) })));
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=FieldErrorTemplate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldErrorTemplate.js","sourceRoot":"","sources":["../../src/FieldErrorTemplate/FieldErrorTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAkE,MAAM,aAAa,CAAC;AAEtG,MAAM,SAAS,GAAG,UAAU,CAAC;IAC3B,IAAI,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE;IAC9E,QAAQ,EAAE;QACR,WAAW,EAAE,MAAM,CAAC,kBAAkB;QACtC,UAAU,EAAE,MAAM,CAAC,iBAAiB;QACpC,aAAa,EAAE,MAAM,CAAC,iBAAiB;KACxC;IACD,UAAU,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,0BAA0B,EAAE;CACzD,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAIxC,KAA+B;IAC/B,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,EAAE,GAAG,OAAO,CAAI,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,2BAAI,SAAS,EAAE,OAAO,CAAC,IAAI,gBACxB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAS,EAAE,EAAE;YAC/B,OAAO,CACL,2BAAY,SAAS,EAAE,OAAO,CAAC,QAAQ,gBACrC,8BAAO,SAAS,EAAE,OAAO,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,gBACzC,KAAK,IACA,KAHD,CAAC,CAIL,CACN,CAAC;QACJ,CAAC,CAAC,IACC,CACN,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FieldErrorTemplate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FieldHelpProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
3
|
+
/** The `FieldHelpTemplate` component renders any help desired for a field
|
|
4
|
+
*
|
|
5
|
+
* @param props - The `FieldHelpProps` to be rendered
|
|
6
|
+
*/
|
|
7
|
+
export default function FieldHelpTemplate<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: FieldHelpProps<T, S, F>): JSX.Element | null;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Caption1 } from '@fluentui/react-components';
|
|
3
|
+
import { helpId } from '@rjsf/utils';
|
|
4
|
+
/** The `FieldHelpTemplate` component renders any help desired for a field
|
|
5
|
+
*
|
|
6
|
+
* @param props - The `FieldHelpProps` to be rendered
|
|
7
|
+
*/
|
|
8
|
+
export default function FieldHelpTemplate(props) {
|
|
9
|
+
const { idSchema, help } = props;
|
|
10
|
+
if (!help) {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
const id = helpId(idSchema);
|
|
14
|
+
return _jsx(Caption1, Object.assign({ id: id }, { children: help }));
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=FieldHelpTemplate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldHelpTemplate.js","sourceRoot":"","sources":["../../src/FieldHelpTemplate/FieldHelpTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAiE,MAAM,aAAa,CAAC;AAEpG;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAIvC,KAA8B;IAC9B,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACjC,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IACD,MAAM,EAAE,GAAG,MAAM,CAAI,QAAQ,CAAC,CAAC;IAC/B,OAAO,KAAC,QAAQ,kBAAC,EAAE,EAAE,EAAE,gBAAG,IAAI,IAAY,CAAC;AAC7C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FieldHelpTemplate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FieldTemplateProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
3
|
+
/** The `FieldTemplate` component is the template used by `SchemaField` to render any field. It renders the field
|
|
4
|
+
* content, (label, description, children, errors and help) inside of a `WrapIfAdditional` component.
|
|
5
|
+
*
|
|
6
|
+
* @param props - The `FieldTemplateProps` for this component
|
|
7
|
+
*/
|
|
8
|
+
export default function FieldTemplate<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: FieldTemplateProps<T, S, F>): JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Field, Text } from '@fluentui/react-components';
|
|
3
|
+
import { getTemplate, getUiOptions, } from '@rjsf/utils';
|
|
4
|
+
/** The `FieldTemplate` component is the template used by `SchemaField` to render any field. It renders the field
|
|
5
|
+
* content, (label, description, children, errors and help) inside of a `WrapIfAdditional` component.
|
|
6
|
+
*
|
|
7
|
+
* @param props - The `FieldTemplateProps` for this component
|
|
8
|
+
*/
|
|
9
|
+
export default function FieldTemplate(props) {
|
|
10
|
+
const { id, children, classNames, style, disabled, displayLabel, hidden, label, onDropPropertyClick, onKeyChange, readonly, required, rawErrors = [], errors, help, description, rawDescription, schema, uiSchema, registry, } = props;
|
|
11
|
+
const uiOptions = getUiOptions(uiSchema);
|
|
12
|
+
const WrapIfAdditionalTemplate = getTemplate('WrapIfAdditionalTemplate', registry, uiOptions);
|
|
13
|
+
if (hidden) {
|
|
14
|
+
return _jsx("div", Object.assign({ style: { display: 'none' } }, { children: children }));
|
|
15
|
+
}
|
|
16
|
+
return (_jsx(WrapIfAdditionalTemplate, Object.assign({ classNames: classNames, style: style, disabled: disabled, id: id, label: label, onDropPropertyClick: onDropPropertyClick, onKeyChange: onKeyChange, readonly: readonly, required: required, schema: schema, uiSchema: uiSchema, registry: registry }, { children: _jsxs(Field, Object.assign({ validationState: rawErrors.length ? 'error' : undefined, required: required }, { children: [children, displayLabel && rawDescription ? (_jsx(Text, Object.assign({ as: 'p', block: true, style: { marginTop: 0, marginBottom: 0 } }, { children: description }))) : null, errors, help] })) })));
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=FieldTemplate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldTemplate.js","sourceRoot":"","sources":["../../src/FieldTemplate/FieldTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAKL,WAAW,EACX,YAAY,GACb,MAAM,aAAa,CAAC;AAErB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAInC,KAAkC;IAClC,MAAM,EACJ,EAAE,EACF,QAAQ,EACR,UAAU,EACV,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,EACN,IAAI,EACJ,WAAW,EACX,cAAc,EACd,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,wBAAwB,GAAG,WAAW,CAC1C,0BAA0B,EAC1B,QAAQ,EACR,SAAS,CACV,CAAC;IAEF,IAAI,MAAM,EAAE;QACV,OAAO,4BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBAAG,QAAQ,IAAO,CAAC;KAC1D;IACD,OAAO,CACL,KAAC,wBAAwB,kBACvB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,gBAElB,MAAC,KAAK,kBAAC,eAAe,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,iBAC/E,QAAQ,EACR,YAAY,IAAI,cAAc,CAAC,CAAC,CAAC,CAChC,KAAC,IAAI,kBAAC,EAAE,EAAC,GAAG,EAAC,KAAK,QAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,gBACxD,WAAW,IACP,CACR,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,EACN,IAAI,KACC,IACiB,CAC5B,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FieldTemplate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ComponentType } from 'react';
|
|
2
|
+
import { FormProps } from '@rjsf/core';
|
|
3
|
+
import { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
4
|
+
export declare function generateForm<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(): ComponentType<FormProps<T, S, F>>;
|
|
5
|
+
declare const _default: ComponentType<FormProps<any, RJSFSchema, any>>;
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentForm.js","sourceRoot":"","sources":["../../src/FluentForm/FluentForm.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,SAAS,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,MAAM,UAAU,YAAY;IAK1B,OAAO,SAAS,CAAU,aAAa,EAAW,CAAC,CAAC;AACtD,CAAC;AAED,eAAe,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FluentForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { FluentProvider, RendererProvider, createDOMRenderer, teamsLightTheme } from '@fluentui/react-components';
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
const FluentWrapper = (props) => {
|
|
5
|
+
const { children, targetDocument } = props;
|
|
6
|
+
const renderer = useMemo(() => createDOMRenderer(targetDocument), [targetDocument]);
|
|
7
|
+
return (_jsx(RendererProvider, Object.assign({ renderer: renderer, targetDocument: targetDocument }, { children: _jsx(FluentProvider, Object.assign({ targetDocument: targetDocument, theme: teamsLightTheme }, { children: children })) })));
|
|
8
|
+
};
|
|
9
|
+
export const __createFluentUIRCFrameProvider = (props) => ({ document }) => {
|
|
10
|
+
return _jsx(FluentWrapper, Object.assign({ targetDocument: document }, { children: props.children }));
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=FluentUIRCFrameProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentUIRCFrameProvider.js","sourceRoot":"","sources":["../src/FluentUIRCFrameProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClH,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,aAAa,GAAG,CAAC,KAA6D,EAAE,EAAE;IACtF,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAEpF,OAAO,CACL,KAAC,gBAAgB,kBAAC,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,gBAClE,KAAC,cAAc,kBAAC,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,eAAe,gBACnE,QAAQ,IACM,IACA,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAC1C,CAAC,KAAU,EAAE,EAAE,CACf,CAAC,EAAE,QAAQ,EAAO,EAAE,EAAE;IACpB,OAAO,KAAC,aAAa,kBAAC,cAAc,EAAE,QAAQ,gBAAG,KAAK,CAAC,QAAQ,IAAiB,CAAC;AACnF,CAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
3
|
+
export default function FluentIconButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: IconButtonProps<T, S, F>): JSX.Element;
|
|
4
|
+
export declare function CopyButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: IconButtonProps<T, S, F>): JSX.Element;
|
|
5
|
+
export declare function MoveDownButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: IconButtonProps<T, S, F>): JSX.Element;
|
|
6
|
+
export declare function MoveUpButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: IconButtonProps<T, S, F>): JSX.Element;
|
|
7
|
+
export declare function RemoveButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: IconButtonProps<T, S, F>): JSX.Element;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Button } from '@fluentui/react-components';
|
|
4
|
+
import { ArrowSortUpRegular, ArrowSortDownRegular, CopyRegular, SubtractRegular } from '@fluentui/react-icons';
|
|
5
|
+
import { TranslatableString } from '@rjsf/utils';
|
|
6
|
+
export default function FluentIconButton(props) {
|
|
7
|
+
const { color, uiSchema, registry } = props, otherProps = __rest(props, ["color", "uiSchema", "registry"]);
|
|
8
|
+
return _jsx(Button, Object.assign({}, otherProps, { color: 'secondary' }));
|
|
9
|
+
}
|
|
10
|
+
export function CopyButton(props) {
|
|
11
|
+
const { registry: { translateString }, } = props;
|
|
12
|
+
return (_jsx(FluentIconButton, Object.assign({ title: translateString(TranslatableString.CopyButton) }, props, { icon: _jsx(CopyRegular, {}) })));
|
|
13
|
+
}
|
|
14
|
+
export function MoveDownButton(props) {
|
|
15
|
+
const { registry: { translateString }, } = props;
|
|
16
|
+
return (_jsx(FluentIconButton, Object.assign({ title: translateString(TranslatableString.MoveDownButton) }, props, { icon: _jsx(ArrowSortDownRegular, {}) })));
|
|
17
|
+
}
|
|
18
|
+
export function MoveUpButton(props) {
|
|
19
|
+
const { registry: { translateString }, } = props;
|
|
20
|
+
return (_jsx(FluentIconButton, Object.assign({ title: translateString(TranslatableString.MoveUpButton) }, props, { icon: _jsx(ArrowSortUpRegular, {}) })));
|
|
21
|
+
}
|
|
22
|
+
export function RemoveButton(props) {
|
|
23
|
+
const { registry: { translateString }, } = props;
|
|
24
|
+
return (_jsx(FluentIconButton, Object.assign({ title: translateString(TranslatableString.RemoveButton) }, props, { icon: _jsx(SubtractRegular, {}) })));
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=IconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC/G,OAAO,EAAkE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAItC,KAA+B;IAC/B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAApD,iCAA4C,CAAQ,CAAC;IAE3D,OAAO,KAAC,MAAM,oBAAK,UAAU,IAAE,KAAK,EAAC,WAAW,IAAG,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,KAA+B;IAE/B,MAAM,EACJ,QAAQ,EAAE,EAAE,eAAe,EAAE,GAC9B,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,gBAAgB,kBACf,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,UAAU,CAAC,IACjD,KAAK,IACT,IAAI,EAAE,KAAC,WAAW,KAAG,IACrB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,KAA+B;IAE/B,MAAM,EACJ,QAAQ,EAAE,EAAE,eAAe,EAAE,GAC9B,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,gBAAgB,kBACf,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,cAAc,CAAC,IACrD,KAAK,IACT,IAAI,EAAE,KAAC,oBAAoB,KAAG,IAC9B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,KAA+B;IAE/B,MAAM,EACJ,QAAQ,EAAE,EAAE,eAAe,EAAE,GAC9B,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,gBAAgB,kBACf,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,YAAY,CAAC,IACnD,KAAK,IACT,IAAI,EAAE,KAAC,kBAAkB,KAAG,IAC5B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,KAA+B;IAE/B,MAAM,EACJ,QAAQ,EAAE,EAAE,eAAe,EAAE,GAC9B,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,gBAAgB,kBACf,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,YAAY,CAAC,IACnD,KAAK,IACT,IAAI,EAAE,KAAC,eAAe,KAAG,IACzB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FormContextType, ObjectFieldTemplateProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
3
|
+
/** The `ObjectFieldTemplate` is the template to use to render all the inner properties of an object along with the
|
|
4
|
+
* title and description if available. If the object is expandable, then an `AddButton` is also rendered after all
|
|
5
|
+
* the properties.
|
|
6
|
+
*
|
|
7
|
+
* @param props - The `ObjectFieldTemplateProps` for this component
|
|
8
|
+
*/
|
|
9
|
+
export default function ObjectFieldTemplate<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: ObjectFieldTemplateProps<T, S, F>): JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { Flex } from '@fluentui/react-migration-v0-v9';
|
|
3
|
+
import { canExpand, descriptionId, getTemplate, getUiOptions, titleId, } from '@rjsf/utils';
|
|
4
|
+
/** The `ObjectFieldTemplate` is the template to use to render all the inner properties of an object along with the
|
|
5
|
+
* title and description if available. If the object is expandable, then an `AddButton` is also rendered after all
|
|
6
|
+
* the properties.
|
|
7
|
+
*
|
|
8
|
+
* @param props - The `ObjectFieldTemplateProps` for this component
|
|
9
|
+
*/
|
|
10
|
+
export default function ObjectFieldTemplate(props) {
|
|
11
|
+
const { description, title, properties, required, disabled, readonly, uiSchema, idSchema, schema, formData, onAddClick, registry, } = props;
|
|
12
|
+
const uiOptions = getUiOptions(uiSchema);
|
|
13
|
+
const TitleFieldTemplate = getTemplate('TitleFieldTemplate', registry, uiOptions);
|
|
14
|
+
const DescriptionFieldTemplate = getTemplate('DescriptionFieldTemplate', registry, uiOptions);
|
|
15
|
+
// Button templates are not overridden in the uiSchema
|
|
16
|
+
const { ButtonTemplates: { AddButton }, } = registry.templates;
|
|
17
|
+
return (_jsxs(_Fragment, { children: [title && (_jsx(TitleFieldTemplate, { id: titleId(idSchema), title: title, required: required, schema: schema, uiSchema: uiSchema, registry: registry })), description && (_jsx(DescriptionFieldTemplate, { id: descriptionId(idSchema), description: description, schema: schema, uiSchema: uiSchema, registry: registry })), _jsxs(Flex, Object.assign({ fill: true, column: true, gap: 'gap.medium' }, { children: [properties.map((element, index) =>
|
|
18
|
+
// Remove the <Grid> if the inner element is hidden as the <Grid>
|
|
19
|
+
// itself would otherwise still take up space.
|
|
20
|
+
element.hidden ? (element.content) : (_jsx(Flex, Object.assign({ column: true, fill: true, style: { marginBottom: '10px' } }, { children: element.content }), index))), canExpand(schema, uiSchema, formData) && (_jsx(Flex, Object.assign({ hAlign: 'end' }, { children: _jsx(AddButton, { className: 'object-property-expand', onClick: onAddClick(schema), disabled: disabled || readonly, uiSchema: uiSchema, registry: registry }) })))] }))] }));
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=ObjectFieldTemplate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjectFieldTemplate.js","sourceRoot":"","sources":["../../src/ObjectFieldTemplate/ObjectFieldTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,OAAO,EAKL,SAAS,EACT,aAAa,EACb,WAAW,EACX,YAAY,EACZ,OAAO,GACR,MAAM,aAAa,CAAC;AAErB;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAIzC,KAAwC;IACxC,MAAM,EACJ,WAAW,EACX,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,kBAAkB,GAAG,WAAW,CAAgC,oBAAoB,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;IACjH,MAAM,wBAAwB,GAAG,WAAW,CAC1C,0BAA0B,EAC1B,QAAQ,EACR,SAAS,CACV,CAAC;IACF,sDAAsD;IACtD,MAAM,EACJ,eAAe,EAAE,EAAE,SAAS,EAAE,GAC/B,GAAG,QAAQ,CAAC,SAAS,CAAC;IACvB,OAAO,CACL,8BACG,KAAK,IAAI,CACR,KAAC,kBAAkB,IACjB,EAAE,EAAE,OAAO,CAAI,QAAQ,CAAC,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACA,WAAW,IAAI,CACd,KAAC,wBAAwB,IACvB,EAAE,EAAE,aAAa,CAAI,QAAQ,CAAC,EAC9B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACD,MAAC,IAAI,kBAAC,IAAI,QAAC,MAAM,QAAC,GAAG,EAAC,YAAY,iBAC/B,UAAU,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;oBACjC,iEAAiE;oBACjE,8CAA8C;oBAC9C,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CACf,OAAO,CAAC,OAAO,CAChB,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,kBAAC,MAAM,QAAC,IAAI,QAAa,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,gBAC1D,OAAO,CAAC,OAAO,KADK,KAAK,CAErB,CACR,CACF,EACA,SAAS,CAAU,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,CACjD,KAAC,IAAI,kBAAC,MAAM,EAAC,KAAK,gBAChB,KAAC,SAAS,IACR,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAC3B,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,IACG,CACR,KACI,IACN,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ObjectFieldTemplate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
3
|
+
/** The `RadioWidget` is a widget for rendering a radio group.
|
|
4
|
+
* It is typically used with a string property constrained with enum options.
|
|
5
|
+
*
|
|
6
|
+
* @param props - The `WidgetProps` for this component
|
|
7
|
+
*/
|
|
8
|
+
export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ id, options, value, required, disabled, readonly, label, hideLabel, onChange, onBlur, onFocus, }: WidgetProps<T, S, F>): JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ariaDescribedByIds, enumOptionsIndexForValue, enumOptionsValueForIndex, labelValue, optionId, } from '@rjsf/utils';
|
|
3
|
+
import { Label, Radio, RadioGroup } from '@fluentui/react-components';
|
|
4
|
+
/** The `RadioWidget` is a widget for rendering a radio group.
|
|
5
|
+
* It is typically used with a string property constrained with enum options.
|
|
6
|
+
*
|
|
7
|
+
* @param props - The `WidgetProps` for this component
|
|
8
|
+
*/
|
|
9
|
+
export default function RadioWidget({ id, options, value, required, disabled, readonly, label, hideLabel, onChange, onBlur, onFocus, }) {
|
|
10
|
+
var _a;
|
|
11
|
+
const { enumOptions, enumDisabled, emptyValue } = options;
|
|
12
|
+
const _onChange = (_, data) => onChange(enumOptionsValueForIndex(data.value, enumOptions, emptyValue));
|
|
13
|
+
const _onBlur = ({ target: { value } }) => onBlur(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
|
|
14
|
+
const _onFocus = ({ target: { value } }) => onFocus(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
|
|
15
|
+
const selectedIndex = (_a = enumOptionsIndexForValue(value, enumOptions)) !== null && _a !== void 0 ? _a : undefined;
|
|
16
|
+
return (_jsxs(_Fragment, { children: [labelValue(_jsx(Label, Object.assign({ required: required, htmlFor: id }, { children: label || undefined })), hideLabel), _jsx(RadioGroup, Object.assign({ id: id, name: id, value: selectedIndex, onChange: _onChange, onBlur: _onBlur, onFocus: _onFocus, "aria-describedby": ariaDescribedByIds(id) }, { children: Array.isArray(enumOptions) &&
|
|
17
|
+
enumOptions.map((option, index) => {
|
|
18
|
+
const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
|
|
19
|
+
return (_jsx(Radio, { id: optionId(id, index), label: option.label, value: String(index), disabled: disabled || itemDisabled || readonly }, index));
|
|
20
|
+
}) }))] }));
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=RadioWidget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioWidget.js","sourceRoot":"","sources":["../../src/RadioWidget/RadioWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,EACxB,UAAU,EACV,QAAQ,GAKT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAA0B,MAAM,4BAA4B,CAAC;AAE9F;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAoF,EACrH,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,GACc;;IACrB,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE1D,MAAM,SAAS,GAAG,CAAC,CAAM,EAAE,IAA4B,EAAE,EAAE,CACzD,QAAQ,CAAC,wBAAwB,CAAI,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAgC,EAAE,EAAE,CACtE,MAAM,CAAC,EAAE,EAAE,wBAAwB,CAAI,KAAK,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAC1E,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAgC,EAAE,EAAE,CACvE,OAAO,CAAC,EAAE,EAAE,wBAAwB,CAAI,KAAK,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3E,MAAM,aAAa,GAAG,MAAA,wBAAwB,CAAI,KAAK,EAAE,WAAW,CAAC,mCAAI,SAAS,CAAC;IAEnF,OAAO,CACL,8BACG,UAAU,CACT,KAAC,KAAK,kBAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,gBACnC,KAAK,IAAI,SAAS,IACb,EACR,SAAS,CACV,EACD,KAAC,UAAU,kBACT,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,aAAmC,EAC1C,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,QAAQ,sBACC,kBAAkB,CAAI,EAAE,CAAC,gBAE1C,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;oBACzB,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;wBAChC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;wBAC9F,OAAO,CACL,KAAC,KAAK,IACJ,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,EACvB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAEpB,QAAQ,EAAE,QAAQ,IAAI,YAAY,IAAI,QAAQ,IADzC,KAAK,CAEV,CACH,CAAC;oBACJ,CAAC,CAAC,IACO,IACZ,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/RadioWidget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
3
|
+
/** The `RangeWidget` component uses the `BaseInputTemplate` changing the type to `range` and wrapping the result
|
|
4
|
+
* in a div, with the value along side it.
|
|
5
|
+
*
|
|
6
|
+
* @param props - The `WidgetProps` for this component
|
|
7
|
+
*/
|
|
8
|
+
export default function RangeWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ariaDescribedByIds, labelValue, rangeSpec, } from '@rjsf/utils';
|
|
3
|
+
import { Label, Slider } from '@fluentui/react-components';
|
|
4
|
+
/** The `RangeWidget` component uses the `BaseInputTemplate` changing the type to `range` and wrapping the result
|
|
5
|
+
* in a div, with the value along side it.
|
|
6
|
+
*
|
|
7
|
+
* @param props - The `WidgetProps` for this component
|
|
8
|
+
*/
|
|
9
|
+
export default function RangeWidget(props) {
|
|
10
|
+
const { value, readonly, disabled, onBlur, onFocus, options, schema, onChange, required, label, hideLabel, id } = props;
|
|
11
|
+
const sliderProps = Object.assign({ value, label, id, name: id }, rangeSpec(schema));
|
|
12
|
+
const _onChange = (_, data) => {
|
|
13
|
+
var _a;
|
|
14
|
+
onChange((_a = data.value) !== null && _a !== void 0 ? _a : options.emptyValue);
|
|
15
|
+
};
|
|
16
|
+
const _onBlur = ({ target: { value } }) => onBlur(id, value);
|
|
17
|
+
const _onFocus = ({ target: { value } }) => onFocus(id, value);
|
|
18
|
+
return (_jsxs(_Fragment, { children: [labelValue(_jsx(Label, Object.assign({ required: required, htmlFor: id }, { children: label || undefined })), hideLabel), _jsx(Slider, Object.assign({ disabled: disabled || readonly, onChange: _onChange, onBlur: _onBlur, onFocus: _onFocus }, sliderProps, { "aria-describedby": ariaDescribedByIds(id) }))] }));
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=RangeWidget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangeWidget.js","sourceRoot":"","sources":["../../src/RangeWidget/RangeWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,kBAAkB,EAClB,UAAU,EAKV,SAAS,GACV,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAsB,MAAM,4BAA4B,CAAC;AAE/E;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,KAA2B;IAE3B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,GAC7G,KAAK,CAAC;IACR,MAAM,WAAW,mBAAK,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,IAAK,SAAS,CAAI,MAAM,CAAC,CAAE,CAAC;IAE5E,MAAM,SAAS,GAAG,CAAC,CAAM,EAAE,IAAwB,EAAE,EAAE;;QACrD,QAAQ,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7C,CAAC,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAgC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAC3F,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAgC,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAE7F,OAAO,CACL,8BACG,UAAU,CACT,KAAC,KAAK,kBAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,gBACnC,KAAK,IAAI,SAAS,IACb,EACR,SAAS,CACV,EACD,KAAC,MAAM,kBACL,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,QAAQ,IACb,WAAW,wBACG,kBAAkB,CAAI,EAAE,CAAC,IAC3C,IACD,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/RangeWidget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
3
|
+
/** The `SelectWidget` is a widget for rendering dropdowns.
|
|
4
|
+
* It is typically used with string properties constrained with enum options.
|
|
5
|
+
*
|
|
6
|
+
* @param props - The `WidgetProps` for this component
|
|
7
|
+
*/
|
|
8
|
+
declare function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ id, options, label, hideLabel, value, required, disabled, readonly, multiple, autofocus, rawErrors, onChange, onBlur, onFocus, }: WidgetProps<T, S, F>): JSX.Element;
|
|
9
|
+
export default SelectWidget;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ariaDescribedByIds, enumOptionsIndexForValue, enumOptionsValueForIndex, labelValue, } from '@rjsf/utils';
|
|
3
|
+
import { Dropdown, Field, Option } from '@fluentui/react-components';
|
|
4
|
+
function getValue(data, multiple) {
|
|
5
|
+
if (multiple) {
|
|
6
|
+
return data.selectedOptions;
|
|
7
|
+
}
|
|
8
|
+
return data.selectedOptions[0];
|
|
9
|
+
}
|
|
10
|
+
/** The `SelectWidget` is a widget for rendering dropdowns.
|
|
11
|
+
* It is typically used with string properties constrained with enum options.
|
|
12
|
+
*
|
|
13
|
+
* @param props - The `WidgetProps` for this component
|
|
14
|
+
*/
|
|
15
|
+
function SelectWidget({ id, options, label, hideLabel, value, required, disabled, readonly, multiple = false, autofocus = false, rawErrors = [], onChange, onBlur, onFocus, }) {
|
|
16
|
+
const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options;
|
|
17
|
+
const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, multiple);
|
|
18
|
+
let selectedIndexesAsArray = [];
|
|
19
|
+
if (typeof selectedIndexes === 'string') {
|
|
20
|
+
selectedIndexesAsArray = [selectedIndexes];
|
|
21
|
+
}
|
|
22
|
+
else if (Array.isArray(selectedIndexes)) {
|
|
23
|
+
selectedIndexesAsArray = selectedIndexes.map((index) => String(index));
|
|
24
|
+
}
|
|
25
|
+
const dropdownValue = selectedIndexesAsArray
|
|
26
|
+
.map((index) => (enumOptions ? enumOptions[Number(index)].label : undefined))
|
|
27
|
+
.join(', ');
|
|
28
|
+
const _onBlur = () => onBlur(id, selectedIndexes);
|
|
29
|
+
const _onFocus = () => onFocus(id, selectedIndexes);
|
|
30
|
+
const _onChange = (_, data) => {
|
|
31
|
+
const newValue = getValue(data, multiple);
|
|
32
|
+
return onChange(enumOptionsValueForIndex(newValue, enumOptions, optEmptyVal));
|
|
33
|
+
};
|
|
34
|
+
return (_jsx(Field, Object.assign({ label: labelValue(label, hideLabel), validationState: rawErrors.length ? 'error' : undefined, required: required }, { children: _jsx(Dropdown, Object.assign({ id: id, name: id, multiselect: multiple, className: 'form-control', value: dropdownValue, disabled: disabled || readonly, autoFocus: autofocus, onBlur: _onBlur, onFocus: _onFocus, onOptionSelect: _onChange, selectedOptions: selectedIndexesAsArray, "aria-describedby": ariaDescribedByIds(id) }, { children: Array.isArray(enumOptions) &&
|
|
35
|
+
enumOptions.map(({ value, label }, i) => {
|
|
36
|
+
const disabled = enumDisabled && enumDisabled.indexOf(value) !== -1;
|
|
37
|
+
return (_jsx(Option, Object.assign({ value: String(i), disabled: disabled }, { children: label }), i));
|
|
38
|
+
}) })) })));
|
|
39
|
+
}
|
|
40
|
+
export default SelectWidget;
|
|
41
|
+
//# sourceMappingURL=SelectWidget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectWidget.js","sourceRoot":"","sources":["../../src/SelectWidget/SelectWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SelectWidget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FormContextType, RJSFSchema, StrictRJSFSchema, SubmitButtonProps } from '@rjsf/utils';
|
|
3
|
+
export default function SubmitButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ uiSchema }: SubmitButtonProps<T, S, F>): JSX.Element | null;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { getSubmitButtonOptions } from '@rjsf/utils';
|
|
3
|
+
import { Button, makeStyles, tokens } from '@fluentui/react-components';
|
|
4
|
+
const useStyles = makeStyles({
|
|
5
|
+
buttonRow: {
|
|
6
|
+
marginTop: tokens.spacingVerticalL,
|
|
7
|
+
},
|
|
8
|
+
});
|
|
9
|
+
export default function SubmitButton({ uiSchema }) {
|
|
10
|
+
const classes = useStyles();
|
|
11
|
+
const { submitText, norender, props: submitButtonProps } = getSubmitButtonOptions(uiSchema);
|
|
12
|
+
if (norender) {
|
|
13
|
+
return null;
|
|
14
|
+
}
|
|
15
|
+
return (_jsx("div", Object.assign({ className: classes.buttonRow }, { children: _jsx(Button, Object.assign({ appearance: 'primary', type: 'submit' }, submitButtonProps, { children: submitText })) })));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=SubmitButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../src/SubmitButton/SubmitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,sBAAsB,EAAmD,MAAM,aAAa,CAAC;AACvH,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAExE,MAAM,SAAS,GAAG,UAAU,CAAC;IAC3B,SAAS,EAAE;QACT,SAAS,EAAE,MAAM,CAAC,gBAAgB;KACnC;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,YAAY,CAIlC,EAAE,QAAQ,EAA8B;IACxC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IAC5F,IAAI,QAAQ,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,4BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,gBAC/B,KAAC,MAAM,kBAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,IAAK,iBAAiB,cAC7D,UAAU,IACJ,IACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SubmitButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { FormContextType, RJSFSchema, StrictRJSFSchema, TemplatesType } from '@rjsf/utils';
|
|
2
|
+
export declare function generateTemplates<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(): Partial<TemplatesType<T, S, F>>;
|
|
3
|
+
declare const _default: Partial<TemplatesType<any, RJSFSchema, any>>;
|
|
4
|
+
export default _default;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import ArrayFieldItemTemplate from '../ArrayFieldItemTemplate';
|
|
2
|
+
import AddButton from '../AddButton';
|
|
3
|
+
import ArrayFieldTemplate from '../ArrayFieldTemplate';
|
|
4
|
+
import BaseInputTemplate from '../BaseInputTemplate/BaseInputTemplate';
|
|
5
|
+
import DescriptionField from '../DescriptionField';
|
|
6
|
+
import ErrorList from '../ErrorList';
|
|
7
|
+
import { CopyButton, MoveDownButton, MoveUpButton, RemoveButton } from '../IconButton';
|
|
8
|
+
import FieldErrorTemplate from '../FieldErrorTemplate';
|
|
9
|
+
import FieldHelpTemplate from '../FieldHelpTemplate';
|
|
10
|
+
import FieldTemplate from '../FieldTemplate';
|
|
11
|
+
import ObjectFieldTemplate from '../ObjectFieldTemplate';
|
|
12
|
+
import SubmitButton from '../SubmitButton';
|
|
13
|
+
import TitleField from '../TitleField';
|
|
14
|
+
import WrapIfAdditionalTemplate from '../WrapIfAdditionalTemplate';
|
|
15
|
+
export function generateTemplates() {
|
|
16
|
+
return {
|
|
17
|
+
ArrayFieldItemTemplate,
|
|
18
|
+
ArrayFieldTemplate,
|
|
19
|
+
BaseInputTemplate,
|
|
20
|
+
ButtonTemplates: {
|
|
21
|
+
CopyButton,
|
|
22
|
+
AddButton,
|
|
23
|
+
MoveDownButton,
|
|
24
|
+
MoveUpButton,
|
|
25
|
+
RemoveButton,
|
|
26
|
+
SubmitButton,
|
|
27
|
+
},
|
|
28
|
+
DescriptionFieldTemplate: DescriptionField,
|
|
29
|
+
ErrorListTemplate: ErrorList,
|
|
30
|
+
FieldErrorTemplate,
|
|
31
|
+
FieldHelpTemplate,
|
|
32
|
+
FieldTemplate,
|
|
33
|
+
ObjectFieldTemplate,
|
|
34
|
+
TitleFieldTemplate: TitleField,
|
|
35
|
+
WrapIfAdditionalTemplate,
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
export default generateTemplates();
|
|
39
|
+
//# sourceMappingURL=Templates.js.map
|