@rjsf/chakra-ui 5.11.2 → 5.12.0
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/dist/chakra-ui.esm.js +845 -946
- package/dist/chakra-ui.esm.js.map +7 -1
- package/dist/chakra-ui.umd.js +1339 -0
- package/dist/index.js +1500 -5
- 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/AltDateTimeWidget/AltDateTimeWidget.d.ts +15 -0
- package/lib/AltDateTimeWidget/AltDateTimeWidget.js +9 -0
- package/lib/AltDateTimeWidget/AltDateTimeWidget.js.map +1 -0
- package/lib/AltDateTimeWidget/index.d.ts +2 -0
- package/lib/AltDateTimeWidget/index.js +3 -0
- package/lib/AltDateTimeWidget/index.js.map +1 -0
- package/lib/AltDateWidget/AltDateWidget.d.ts +15 -0
- package/lib/AltDateWidget/AltDateWidget.js +80 -0
- package/lib/AltDateWidget/AltDateWidget.js.map +1 -0
- package/lib/AltDateWidget/index.d.ts +2 -0
- package/lib/AltDateWidget/index.js +3 -0
- package/lib/AltDateWidget/index.js.map +1 -0
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.d.ts +3 -0
- package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js +13 -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 +3 -0
- package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js +19 -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 +3 -0
- package/lib/BaseInputTemplate/BaseInputTemplate.js +18 -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/ChakraFrameProvider.d.ts +2 -0
- package/lib/ChakraFrameProvider.js +28 -0
- package/lib/ChakraFrameProvider.js.map +1 -0
- package/lib/CheckboxWidget/CheckboxWidget.d.ts +3 -0
- package/lib/CheckboxWidget/CheckboxWidget.js +19 -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 +3 -0
- package/lib/CheckboxesWidget/CheckboxesWidget.js +21 -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/CssReset.d.ts +24 -0
- package/lib/CssReset.js +266 -0
- package/lib/CssReset.js.map +1 -0
- package/lib/DescriptionField/DescriptionField.d.ts +3 -0
- package/lib/DescriptionField/DescriptionField.js +12 -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 +3 -0
- package/lib/ErrorList/ErrorList.js +9 -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 +18 -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 +3 -0
- package/lib/FieldTemplate/FieldTemplate.js +13 -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/Form/Form.d.ts +6 -0
- package/lib/Form/Form.js +7 -0
- package/lib/Form/Form.js.map +1 -0
- package/lib/Form/index.d.ts +2 -0
- package/lib/Form/index.js +3 -0
- package/lib/Form/index.js.map +1 -0
- package/lib/IconButton/ChakraIconButton.d.ts +8 -0
- package/lib/IconButton/ChakraIconButton.js +11 -0
- package/lib/IconButton/ChakraIconButton.js.map +1 -0
- package/lib/IconButton/IconButton.d.ts +6 -0
- package/lib/IconButton/IconButton.js +21 -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 +3 -0
- package/lib/ObjectFieldTemplate/ObjectFieldTemplate.js +13 -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 +3 -0
- package/lib/RadioWidget/RadioWidget.js +20 -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 +3 -0
- package/lib/RangeWidget/RangeWidget.js +13 -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 +3 -0
- package/lib/SelectWidget/SelectWidget.js +47 -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 +11 -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 +3 -0
- package/lib/TextareaWidget/TextareaWidget.js +12 -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 +3 -0
- package/lib/TitleField/TitleField.js +6 -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/UpDownWidget/UpDownWidget.d.ts +3 -0
- package/lib/UpDownWidget/UpDownWidget.js +13 -0
- package/lib/UpDownWidget/UpDownWidget.js.map +1 -0
- package/lib/UpDownWidget/index.d.ts +2 -0
- package/lib/UpDownWidget/index.js +3 -0
- package/lib/UpDownWidget/index.js.map +1 -0
- package/lib/Widgets/Widgets.d.ts +4 -0
- package/lib/Widgets/Widgets.js +24 -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 +3 -0
- package/lib/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js +17 -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 +8 -0
- package/lib/index.js +8 -0
- package/lib/index.js.map +1 -0
- package/lib/utils.d.ts +13 -0
- package/lib/utils.js +18 -0
- package/lib/utils.js.map +1 -0
- package/package.json +22 -14
- package/src/AddButton/AddButton.tsx +16 -0
- package/src/AddButton/index.ts +2 -0
- package/src/AltDateTimeWidget/AltDateTimeWidget.tsx +16 -0
- package/src/AltDateTimeWidget/index.ts +2 -0
- package/src/AltDateWidget/AltDateWidget.tsx +165 -0
- package/src/AltDateWidget/index.ts +2 -0
- package/src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx +78 -0
- package/src/ArrayFieldItemTemplate/index.ts +2 -0
- package/src/ArrayFieldTemplate/ArrayFieldTemplate.tsx +79 -0
- package/src/ArrayFieldTemplate/index.ts +2 -0
- package/src/BaseInputTemplate/BaseInputTemplate.tsx +87 -0
- package/src/BaseInputTemplate/index.ts +2 -0
- package/src/ChakraFrameProvider.tsx +40 -0
- package/src/CheckboxWidget/CheckboxWidget.tsx +77 -0
- package/src/CheckboxWidget/index.ts +2 -0
- package/src/CheckboxesWidget/CheckboxesWidget.tsx +93 -0
- package/src/CheckboxesWidget/index.ts +2 -0
- package/src/CssReset.tsx +270 -0
- package/src/DescriptionField/DescriptionField.tsx +22 -0
- package/src/DescriptionField/index.ts +2 -0
- package/src/ErrorList/ErrorList.tsx +23 -0
- package/src/ErrorList/index.ts +2 -0
- package/src/FieldErrorTemplate/FieldErrorTemplate.tsx +30 -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 +72 -0
- package/src/FieldTemplate/index.ts +2 -0
- package/src/Form/Form.tsx +14 -0
- package/src/Form/index.ts +2 -0
- package/src/IconButton/ChakraIconButton.tsx +15 -0
- package/src/IconButton/IconButton.tsx +60 -0
- package/src/IconButton/index.ts +2 -0
- package/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx +88 -0
- package/src/ObjectFieldTemplate/index.ts +2 -0
- package/src/RadioWidget/RadioWidget.tsx +78 -0
- package/src/RadioWidget/index.ts +2 -0
- package/src/RangeWidget/RangeWidget.tsx +56 -0
- package/src/RangeWidget/index.ts +2 -0
- package/src/SelectWidget/SelectWidget.tsx +121 -0
- package/src/SelectWidget/index.ts +2 -0
- package/src/SubmitButton/SubmitButton.tsx +21 -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 +64 -0
- package/src/TextareaWidget/index.ts +2 -0
- package/src/Theme/Theme.tsx +18 -0
- package/src/Theme/index.ts +2 -0
- package/src/TitleField/TitleField.tsx +14 -0
- package/src/TitleField/index.ts +2 -0
- package/src/UpDownWidget/UpDownWidget.tsx +58 -0
- package/src/UpDownWidget/index.ts +2 -0
- package/src/Widgets/Widgets.ts +30 -0
- package/src/Widgets/index.ts +2 -0
- package/src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx +76 -0
- package/src/WrapIfAdditionalTemplate/index.ts +2 -0
- package/src/index.ts +11 -0
- package/src/utils.ts +31 -0
- package/dist/chakra-ui.cjs.development.js +0 -1657
- package/dist/chakra-ui.cjs.development.js.map +0 -1
- package/dist/chakra-ui.cjs.production.min.js +0 -2
- package/dist/chakra-ui.cjs.production.min.js.map +0 -1
- package/dist/chakra-ui.umd.development.js +0 -1652
- package/dist/chakra-ui.umd.development.js.map +0 -1
- package/dist/chakra-ui.umd.production.min.js +0 -2
- package/dist/chakra-ui.umd.production.min.js.map +0 -1
- package/dist/index.d.ts +0 -28
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Checkbox, FormControl, Text } from '@chakra-ui/react';
|
|
3
|
+
import { ariaDescribedByIds, descriptionId, getTemplate, labelValue, schemaRequiresTrueValue, } from '@rjsf/utils';
|
|
4
|
+
import { getChakra } from '../utils';
|
|
5
|
+
export default function CheckboxWidget(props) {
|
|
6
|
+
const { id, value, disabled, readonly, onChange, onBlur, onFocus, label, hideLabel, registry, options, uiSchema, schema, } = props;
|
|
7
|
+
const chakraProps = getChakra({ uiSchema });
|
|
8
|
+
// Because an unchecked checkbox will cause html5 validation to fail, only add
|
|
9
|
+
// the "required" attribute if the field value must be "true", due to the
|
|
10
|
+
// "const" or "enum" keywords
|
|
11
|
+
const required = schemaRequiresTrueValue(schema);
|
|
12
|
+
const DescriptionFieldTemplate = getTemplate('DescriptionFieldTemplate', registry, options);
|
|
13
|
+
const description = options.description || schema.description;
|
|
14
|
+
const _onChange = ({ target: { checked } }) => onChange(checked);
|
|
15
|
+
const _onBlur = ({ target: { value } }) => onBlur(id, value);
|
|
16
|
+
const _onFocus = ({ target: { value } }) => onFocus(id, value);
|
|
17
|
+
return (_jsxs(FormControl, Object.assign({ mb: 1 }, chakraProps, { isRequired: required }, { children: [!hideLabel && !!description && (_jsx(DescriptionFieldTemplate, { id: descriptionId(id), description: description, schema: schema, uiSchema: uiSchema, registry: registry })), _jsx(Checkbox, Object.assign({ id: id, name: id, isChecked: typeof value === 'undefined' ? false : value, isDisabled: disabled || readonly, onChange: _onChange, onBlur: _onBlur, onFocus: _onFocus, "aria-describedby": ariaDescribedByIds(id) }, { children: labelValue(_jsx(Text, { children: label }), hideLabel || !label) }))] })));
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=CheckboxWidget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxWidget.js","sourceRoot":"","sources":["../../src/CheckboxWidget/CheckboxWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,UAAU,EAEV,uBAAuB,GAIxB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA2B;IAC3B,MAAM,EACJ,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,GACP,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GAAG,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC5C,8EAA8E;IAC9E,yEAAyE;IACzE,6BAA6B;IAC7B,MAAM,QAAQ,GAAG,uBAAuB,CAAI,MAAM,CAAC,CAAC;IACpD,MAAM,wBAAwB,GAAG,WAAW,CAC1C,0BAA0B,EAC1B,QAAQ,EACR,OAAO,CACR,CAAC;IACF,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,MAAM,CAAC,WAAW,CAAC;IAE9D,MAAM,SAAS,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,EAAiC,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChG,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAsC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACjG,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAsC,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAEnG,OAAO,CACL,MAAC,WAAW,kBAAC,EAAE,EAAE,CAAC,IAAM,WAAW,IAAE,UAAU,EAAE,QAAQ,iBACtD,CAAC,SAAS,IAAI,CAAC,CAAC,WAAW,IAAI,CAC9B,KAAC,wBAAwB,IACvB,EAAE,EAAE,aAAa,CAAI,EAAE,CAAC,EACxB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACD,KAAC,QAAQ,kBACP,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,OAAO,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EACvD,UAAU,EAAE,QAAQ,IAAI,QAAQ,EAChC,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,QAAQ,sBACC,kBAAkB,CAAI,EAAE,CAAC,gBAE1C,UAAU,CAAC,KAAC,IAAI,cAAE,KAAK,GAAQ,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,IAC7C,KACC,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CheckboxWidget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjsf/utils';
|
|
3
|
+
export default function CheckboxesWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): JSX.Element;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { CheckboxGroup, Checkbox, FormLabel, FormControl, Text, Stack } from '@chakra-ui/react';
|
|
3
|
+
import { ariaDescribedByIds, enumOptionsIndexForValue, enumOptionsIsSelected, enumOptionsValueForIndex, labelValue, optionId, } from '@rjsf/utils';
|
|
4
|
+
import { getChakra } from '../utils';
|
|
5
|
+
export default function CheckboxesWidget(props) {
|
|
6
|
+
const { id, disabled, options, value, readonly, onChange, onBlur, onFocus, required, label, hideLabel, uiSchema, rawErrors = [], } = props;
|
|
7
|
+
const { enumOptions, enumDisabled, emptyValue } = options;
|
|
8
|
+
const chakraProps = getChakra({ uiSchema });
|
|
9
|
+
const checkboxesValues = Array.isArray(value) ? value : [value];
|
|
10
|
+
const _onBlur = ({ target: { value } }) => onBlur(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
|
|
11
|
+
const _onFocus = ({ target: { value } }) => onFocus(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
|
|
12
|
+
const row = options ? options.inline : false;
|
|
13
|
+
const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, true);
|
|
14
|
+
return (_jsxs(FormControl, Object.assign({ mb: 1 }, chakraProps, { isDisabled: disabled || readonly, isRequired: required, isReadOnly: readonly, isInvalid: rawErrors && rawErrors.length > 0 }, { children: [labelValue(_jsx(FormLabel, Object.assign({ htmlFor: id, id: `${id}-label` }, { children: label })), hideLabel || !label), _jsx(CheckboxGroup, Object.assign({ onChange: (option) => onChange(enumOptionsValueForIndex(option, enumOptions, emptyValue)), defaultValue: selectedIndexes, "aria-describedby": ariaDescribedByIds(id) }, { children: _jsx(Stack, Object.assign({ direction: row ? 'row' : 'column' }, { children: Array.isArray(enumOptions) &&
|
|
15
|
+
enumOptions.map((option, index) => {
|
|
16
|
+
const checked = enumOptionsIsSelected(option.value, checkboxesValues);
|
|
17
|
+
const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
|
|
18
|
+
return (_jsx(Checkbox, Object.assign({ id: optionId(id, index), name: id, value: String(index), isChecked: checked, isDisabled: disabled || itemDisabled || readonly, onBlur: _onBlur, onFocus: _onFocus }, { children: option.label && _jsx(Text, { children: option.label }) }), index));
|
|
19
|
+
}) })) }))] })));
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=CheckboxesWidget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxesWidget.js","sourceRoot":"","sources":["../../src/CheckboxesWidget/CheckboxesWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CheckboxesWidget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* The reason we need this is for ChakraProvider styling in Playground.
|
|
5
|
+
* The User Developer would be responsible for styling with ChakraProvider in their app.
|
|
6
|
+
*
|
|
7
|
+
* Exact duplicate of `@chakra-ui/react`'s `CSSReset` component. Except for the following:
|
|
8
|
+
*
|
|
9
|
+
```css
|
|
10
|
+
input {
|
|
11
|
+
border-width: revert;
|
|
12
|
+
border-color: revert;
|
|
13
|
+
border-style: revert;
|
|
14
|
+
}
|
|
15
|
+
.array-item > hr {
|
|
16
|
+
margin-top: 16px;
|
|
17
|
+
margin-bottom: 16px;
|
|
18
|
+
}
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
It is located at the bottom of the styles string.
|
|
22
|
+
*/
|
|
23
|
+
export declare const CSSReset: () => JSX.Element;
|
|
24
|
+
export default CSSReset;
|
package/lib/CssReset.js
ADDED
|
@@ -0,0 +1,266 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Global } from '@emotion/react';
|
|
3
|
+
/**
|
|
4
|
+
*
|
|
5
|
+
* The reason we need this is for ChakraProvider styling in Playground.
|
|
6
|
+
* The User Developer would be responsible for styling with ChakraProvider in their app.
|
|
7
|
+
*
|
|
8
|
+
* Exact duplicate of `@chakra-ui/react`'s `CSSReset` component. Except for the following:
|
|
9
|
+
*
|
|
10
|
+
```css
|
|
11
|
+
input {
|
|
12
|
+
border-width: revert;
|
|
13
|
+
border-color: revert;
|
|
14
|
+
border-style: revert;
|
|
15
|
+
}
|
|
16
|
+
.array-item > hr {
|
|
17
|
+
margin-top: 16px;
|
|
18
|
+
margin-bottom: 16px;
|
|
19
|
+
}
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
It is located at the bottom of the styles string.
|
|
23
|
+
*/
|
|
24
|
+
export const CSSReset = () => (_jsx(Global, { styles: `
|
|
25
|
+
html {
|
|
26
|
+
line-height: 1.5;
|
|
27
|
+
-webkit-text-size-adjust: 100%;
|
|
28
|
+
font-family: system-ui, sans-serif;
|
|
29
|
+
-webkit-font-smoothing: antialiased;
|
|
30
|
+
text-rendering: optimizeLegibility;
|
|
31
|
+
-moz-osx-font-smoothing: grayscale;
|
|
32
|
+
touch-action: manipulation;
|
|
33
|
+
}
|
|
34
|
+
body {
|
|
35
|
+
position: relative;
|
|
36
|
+
min-height: 100%;
|
|
37
|
+
font-feature-settings: 'kern';
|
|
38
|
+
}
|
|
39
|
+
*,
|
|
40
|
+
*::before,
|
|
41
|
+
*::after {
|
|
42
|
+
border-width: 0;
|
|
43
|
+
border-style: solid;
|
|
44
|
+
box-sizing: border-box;
|
|
45
|
+
}
|
|
46
|
+
main {
|
|
47
|
+
display: block;
|
|
48
|
+
}
|
|
49
|
+
hr {
|
|
50
|
+
border-top-width: 1px;
|
|
51
|
+
box-sizing: content-box;
|
|
52
|
+
height: 0;
|
|
53
|
+
overflow: visible;
|
|
54
|
+
}
|
|
55
|
+
pre,
|
|
56
|
+
code,
|
|
57
|
+
kbd,
|
|
58
|
+
samp {
|
|
59
|
+
font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
|
|
60
|
+
font-size: 1em;
|
|
61
|
+
}
|
|
62
|
+
a {
|
|
63
|
+
background-color: transparent;
|
|
64
|
+
color: inherit;
|
|
65
|
+
text-decoration: inherit;
|
|
66
|
+
}
|
|
67
|
+
abbr[title] {
|
|
68
|
+
border-bottom: none;
|
|
69
|
+
text-decoration: underline;
|
|
70
|
+
-webkit-text-decoration: underline dotted;
|
|
71
|
+
text-decoration: underline dotted;
|
|
72
|
+
}
|
|
73
|
+
b,
|
|
74
|
+
strong {
|
|
75
|
+
font-weight: bold;
|
|
76
|
+
}
|
|
77
|
+
small {
|
|
78
|
+
font-size: 80%;
|
|
79
|
+
}
|
|
80
|
+
sub,
|
|
81
|
+
sup {
|
|
82
|
+
font-size: 75%;
|
|
83
|
+
line-height: 0;
|
|
84
|
+
position: relative;
|
|
85
|
+
vertical-align: baseline;
|
|
86
|
+
}
|
|
87
|
+
sub {
|
|
88
|
+
bottom: -0.25em;
|
|
89
|
+
}
|
|
90
|
+
sup {
|
|
91
|
+
top: -0.5em;
|
|
92
|
+
}
|
|
93
|
+
img {
|
|
94
|
+
border-style: none;
|
|
95
|
+
}
|
|
96
|
+
button,
|
|
97
|
+
input,
|
|
98
|
+
optgroup,
|
|
99
|
+
select,
|
|
100
|
+
textarea {
|
|
101
|
+
font-family: inherit;
|
|
102
|
+
font-size: 100%;
|
|
103
|
+
line-height: 1.15;
|
|
104
|
+
margin: 0;
|
|
105
|
+
}
|
|
106
|
+
button,
|
|
107
|
+
input {
|
|
108
|
+
overflow: visible;
|
|
109
|
+
}
|
|
110
|
+
button,
|
|
111
|
+
select {
|
|
112
|
+
text-transform: none;
|
|
113
|
+
}
|
|
114
|
+
button::-moz-focus-inner,
|
|
115
|
+
[type="button"]::-moz-focus-inner,
|
|
116
|
+
[type="reset"]::-moz-focus-inner,
|
|
117
|
+
[type="submit"]::-moz-focus-inner {
|
|
118
|
+
border-style: none;
|
|
119
|
+
padding: 0;
|
|
120
|
+
}
|
|
121
|
+
fieldset {
|
|
122
|
+
padding: 0.35em 0.75em 0.625em;
|
|
123
|
+
}
|
|
124
|
+
legend {
|
|
125
|
+
box-sizing: border-box;
|
|
126
|
+
color: inherit;
|
|
127
|
+
display: table;
|
|
128
|
+
max-width: 100%;
|
|
129
|
+
padding: 0;
|
|
130
|
+
white-space: normal;
|
|
131
|
+
}
|
|
132
|
+
progress {
|
|
133
|
+
vertical-align: baseline;
|
|
134
|
+
}
|
|
135
|
+
textarea {
|
|
136
|
+
overflow: auto;
|
|
137
|
+
}
|
|
138
|
+
[type="checkbox"],
|
|
139
|
+
[type="radio"] {
|
|
140
|
+
box-sizing: border-box;
|
|
141
|
+
padding: 0;
|
|
142
|
+
}
|
|
143
|
+
[type="number"]::-webkit-inner-spin-button,
|
|
144
|
+
[type="number"]::-webkit-outer-spin-button {
|
|
145
|
+
-webkit-appearance: none !important;
|
|
146
|
+
}
|
|
147
|
+
input[type="number"] {
|
|
148
|
+
-moz-appearance: textfield;
|
|
149
|
+
}
|
|
150
|
+
[type="search"] {
|
|
151
|
+
-webkit-appearance: textfield;
|
|
152
|
+
outline-offset: -2px;
|
|
153
|
+
}
|
|
154
|
+
[type="search"]::-webkit-search-decoration {
|
|
155
|
+
-webkit-appearance: none !important;
|
|
156
|
+
}
|
|
157
|
+
::-webkit-file-upload-button {
|
|
158
|
+
-webkit-appearance: button;
|
|
159
|
+
font: inherit;
|
|
160
|
+
}
|
|
161
|
+
details {
|
|
162
|
+
display: block;
|
|
163
|
+
}
|
|
164
|
+
summary {
|
|
165
|
+
display: list-item;
|
|
166
|
+
}
|
|
167
|
+
template {
|
|
168
|
+
display: none;
|
|
169
|
+
}
|
|
170
|
+
[hidden] {
|
|
171
|
+
display: none !important;
|
|
172
|
+
}
|
|
173
|
+
body,
|
|
174
|
+
blockquote,
|
|
175
|
+
dl,
|
|
176
|
+
dd,
|
|
177
|
+
h1,
|
|
178
|
+
h2,
|
|
179
|
+
h3,
|
|
180
|
+
h4,
|
|
181
|
+
h5,
|
|
182
|
+
h6,
|
|
183
|
+
hr,
|
|
184
|
+
figure,
|
|
185
|
+
p,
|
|
186
|
+
pre {
|
|
187
|
+
margin: 0;
|
|
188
|
+
}
|
|
189
|
+
button {
|
|
190
|
+
background: transparent;
|
|
191
|
+
padding: 0;
|
|
192
|
+
}
|
|
193
|
+
fieldset {
|
|
194
|
+
margin: 0;
|
|
195
|
+
padding: 0;
|
|
196
|
+
}
|
|
197
|
+
ol,
|
|
198
|
+
ul {
|
|
199
|
+
margin: 0;
|
|
200
|
+
padding: 0;
|
|
201
|
+
}
|
|
202
|
+
textarea {
|
|
203
|
+
resize: vertical;
|
|
204
|
+
}
|
|
205
|
+
button,
|
|
206
|
+
[role="button"] {
|
|
207
|
+
cursor: pointer;
|
|
208
|
+
}
|
|
209
|
+
button::-moz-focus-inner {
|
|
210
|
+
border: 0 !important;
|
|
211
|
+
}
|
|
212
|
+
table {
|
|
213
|
+
border-collapse: collapse;
|
|
214
|
+
}
|
|
215
|
+
h1,
|
|
216
|
+
h2,
|
|
217
|
+
h3,
|
|
218
|
+
h4,
|
|
219
|
+
h5,
|
|
220
|
+
h6 {
|
|
221
|
+
font-size: inherit;
|
|
222
|
+
font-weight: inherit;
|
|
223
|
+
}
|
|
224
|
+
button,
|
|
225
|
+
input,
|
|
226
|
+
optgroup,
|
|
227
|
+
select,
|
|
228
|
+
textarea {
|
|
229
|
+
padding: 0;
|
|
230
|
+
line-height: inherit;
|
|
231
|
+
color: inherit;
|
|
232
|
+
}
|
|
233
|
+
img,
|
|
234
|
+
svg,
|
|
235
|
+
video,
|
|
236
|
+
canvas,
|
|
237
|
+
audio,
|
|
238
|
+
iframe,
|
|
239
|
+
embed,
|
|
240
|
+
object {
|
|
241
|
+
display: block;
|
|
242
|
+
}
|
|
243
|
+
img,
|
|
244
|
+
video {
|
|
245
|
+
max-width: 100%;
|
|
246
|
+
height: auto;
|
|
247
|
+
}
|
|
248
|
+
[data-js-focus-visible] :focus:not([data-focus-visible-added]) {
|
|
249
|
+
outline: none;
|
|
250
|
+
box-shadow: none;
|
|
251
|
+
}
|
|
252
|
+
select::-ms-expand {
|
|
253
|
+
display: none;
|
|
254
|
+
}
|
|
255
|
+
input {
|
|
256
|
+
border-width: revert;
|
|
257
|
+
border-color: revert;
|
|
258
|
+
border-style: revert;
|
|
259
|
+
}
|
|
260
|
+
.array-item > hr {
|
|
261
|
+
margin-top: 16px;
|
|
262
|
+
margin-bottom: 16px;
|
|
263
|
+
}
|
|
264
|
+
` }));
|
|
265
|
+
export default CSSReset;
|
|
266
|
+
//# sourceMappingURL=CssReset.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CssReset.js","sourceRoot":"","sources":["../src/CssReset.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAC5B,KAAC,MAAM,IACL,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgPP,GACD,CACH,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DescriptionFieldProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
3
|
+
export default function DescriptionField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ description, id }: DescriptionFieldProps<T, S, F>): JSX.Element | null;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { Text } from '@chakra-ui/react';
|
|
3
|
+
export default function DescriptionField({ description, id }) {
|
|
4
|
+
if (!description) {
|
|
5
|
+
return null;
|
|
6
|
+
}
|
|
7
|
+
if (typeof description === 'string') {
|
|
8
|
+
return (_jsx(Text, Object.assign({ id: id, mt: 2, mb: 4 }, { children: description })));
|
|
9
|
+
}
|
|
10
|
+
return _jsx(_Fragment, { children: description });
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=DescriptionField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DescriptionField.js","sourceRoot":"","sources":["../../src/DescriptionField/DescriptionField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAItC,EAAE,WAAW,EAAE,EAAE,EAAkC;IACnD,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IAED,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;QACnC,OAAO,CACL,KAAC,IAAI,kBAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBACvB,WAAW,IACP,CACR,CAAC;KACH;IAED,OAAO,4BAAG,WAAW,GAAI,CAAC;AAC5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DescriptionField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ErrorListProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
3
|
+
export default function ErrorList<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ errors, registry, }: ErrorListProps<T, S, F>): JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { TranslatableString } from '@rjsf/utils';
|
|
3
|
+
import { List, ListIcon, ListItem, Alert, AlertTitle } from '@chakra-ui/react';
|
|
4
|
+
import { WarningIcon } from '@chakra-ui/icons';
|
|
5
|
+
export default function ErrorList({ errors, registry, }) {
|
|
6
|
+
const { translateString } = registry;
|
|
7
|
+
return (_jsxs(Alert, Object.assign({ flexDirection: 'column', alignItems: 'flex-start', gap: 3, status: 'error' }, { children: [_jsx(AlertTitle, { children: translateString(TranslatableString.ErrorsLabel) }), _jsx(List, { children: errors.map((error, i) => (_jsxs(ListItem, { children: [_jsx(ListIcon, { as: WarningIcon, color: 'red.500' }), error.stack] }, i))) })] })));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=ErrorList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorList.js","sourceRoot":"","sources":["../../src/ErrorList/ErrorList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAChH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAoF,EACnH,MAAM,EACN,QAAQ,GACgB;IACxB,MAAM,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;IACrC,OAAO,CACL,MAAC,KAAK,kBAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,YAAY,EAAC,GAAG,EAAE,CAAC,EAAE,MAAM,EAAC,OAAO,iBAC1E,KAAC,UAAU,cAAE,eAAe,CAAC,kBAAkB,CAAC,WAAW,CAAC,GAAc,EAC1E,KAAC,IAAI,cACF,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,MAAC,QAAQ,eACP,KAAC,QAAQ,IAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAC,SAAS,GAAG,EAC5C,KAAK,CAAC,KAAK,KAFC,CAAC,CAGL,CACZ,CAAC,GACG,KACD,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -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,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { errorId } from '@rjsf/utils';
|
|
3
|
+
import { FormErrorMessage, List, ListItem } from '@chakra-ui/react';
|
|
4
|
+
/** The `FieldErrorTemplate` component renders the errors local to the particular field
|
|
5
|
+
*
|
|
6
|
+
* @param props - The `FieldErrorProps` for the errors being rendered
|
|
7
|
+
*/
|
|
8
|
+
export default function FieldErrorTemplate(props) {
|
|
9
|
+
const { errors = [], idSchema } = props;
|
|
10
|
+
if (errors.length === 0) {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
const id = errorId(idSchema);
|
|
14
|
+
return (_jsx(List, { children: errors.map((error, i) => {
|
|
15
|
+
return (_jsx(ListItem, { children: _jsx(FormErrorMessage, Object.assign({ id: id }, { children: error })) }, i));
|
|
16
|
+
}) }));
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=FieldErrorTemplate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldErrorTemplate.js","sourceRoot":"","sources":["../../src/FieldErrorTemplate/FieldErrorTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAkE,MAAM,aAAa,CAAC;AACtG,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEpE;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAIxC,KAA+B;IAC/B,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,EAAE,GAAG,OAAO,CAAI,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,KAAC,IAAI,cACF,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAS,EAAE,EAAE;YAC/B,OAAO,CACL,KAAC,QAAQ,cACP,KAAC,gBAAgB,kBAAC,EAAE,EAAE,EAAE,gBAAG,KAAK,IAAoB,IADvC,CAAC,CAEL,CACZ,CAAC;QACJ,CAAC,CAAC,GACG,CACR,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 { helpId } from '@rjsf/utils';
|
|
3
|
+
import { FormHelperText } from '@chakra-ui/react';
|
|
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(FormHelperText, 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,MAAM,EAAiE,MAAM,aAAa,CAAC;AACpG,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;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,cAAc,kBAAC,EAAE,EAAE,EAAE,gBAAG,IAAI,IAAkB,CAAC;AACzD,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,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FieldTemplateProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
3
|
+
export default function FieldTemplate<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: FieldTemplateProps<T, S, F>): JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { getTemplate, getUiOptions, } from '@rjsf/utils';
|
|
3
|
+
import { Text, FormControl } from '@chakra-ui/react';
|
|
4
|
+
export default function FieldTemplate(props) {
|
|
5
|
+
const { id, children, classNames, style, disabled, displayLabel, hidden, label, onDropPropertyClick, onKeyChange, readonly, registry, required, rawErrors = [], errors, help, description, rawDescription, schema, uiSchema, } = props;
|
|
6
|
+
const uiOptions = getUiOptions(uiSchema);
|
|
7
|
+
const WrapIfAdditionalTemplate = getTemplate('WrapIfAdditionalTemplate', registry, uiOptions);
|
|
8
|
+
if (hidden) {
|
|
9
|
+
return _jsx("div", Object.assign({ style: { display: 'none' } }, { children: children }));
|
|
10
|
+
}
|
|
11
|
+
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(FormControl, Object.assign({ isRequired: required, isInvalid: rawErrors && rawErrors.length > 0 }, { children: [children, displayLabel && rawDescription ? _jsx(Text, Object.assign({ mt: 2 }, { children: description })) : null, errors, help] })) })));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=FieldTemplate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldTemplate.js","sourceRoot":"","sources":["../../src/FieldTemplate/FieldTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,WAAW,EACX,YAAY,GAGb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAErD,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,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,EACN,IAAI,EACJ,WAAW,EACX,cAAc,EACd,MAAM,EACN,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;IAED,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,WAAW,kBAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,iBAC5E,QAAQ,EACR,YAAY,IAAI,cAAc,CAAC,CAAC,CAAC,KAAC,IAAI,kBAAC,EAAE,EAAE,CAAC,gBAAG,WAAW,IAAQ,CAAC,CAAC,CAAC,IAAI,EACzE,MAAM,EACN,IAAI,KACO,IACW,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;
|
package/lib/Form/Form.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAa,MAAM,YAAY,CAAC;AAClD,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/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
|
|
3
|
+
declare function ChakraIconButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: IconButtonProps<T, S, F>): JSX.Element;
|
|
4
|
+
declare namespace ChakraIconButton {
|
|
5
|
+
var displayName: string;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: typeof ChakraIconButton;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { memo } from 'react';
|
|
4
|
+
import { IconButton } from '@chakra-ui/react';
|
|
5
|
+
function ChakraIconButton(props) {
|
|
6
|
+
const { icon, iconType, uiSchema, registry } = props, otherProps = __rest(props, ["icon", "iconType", "uiSchema", "registry"]);
|
|
7
|
+
return _jsx(IconButton, Object.assign({ "aria-label": props.title }, otherProps, { icon: icon }));
|
|
8
|
+
}
|
|
9
|
+
ChakraIconButton.displayName = 'ChakraIconButton';
|
|
10
|
+
export default memo(ChakraIconButton);
|
|
11
|
+
//# sourceMappingURL=ChakraIconButton.js.map
|