@rjsf/antd 6.0.0-beta.21 → 6.0.0-beta.23
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/antd.esm.js +103 -159
- package/dist/antd.esm.js.map +3 -3
- package/dist/antd.umd.js +82 -134
- package/dist/index.cjs +84 -137
- package/dist/index.cjs.map +3 -3
- package/lib/templates/ArrayFieldItemTemplate/index.d.ts +3 -3
- package/lib/templates/ArrayFieldItemTemplate/index.js +1 -1
- package/lib/templates/ArrayFieldItemTemplate/index.js.map +1 -1
- package/lib/templates/ArrayFieldTemplate/index.d.ts +1 -1
- package/lib/templates/ArrayFieldTemplate/index.js +2 -3
- package/lib/templates/ArrayFieldTemplate/index.js.map +1 -1
- package/lib/templates/BaseInputTemplate/index.js +3 -2
- package/lib/templates/BaseInputTemplate/index.js.map +1 -1
- package/lib/templates/FieldTemplate/index.js +2 -2
- package/lib/templates/FieldTemplate/index.js.map +1 -1
- package/lib/templates/ObjectFieldTemplate/index.js +2 -2
- package/lib/templates/ObjectFieldTemplate/index.js.map +1 -1
- package/lib/templates/WrapIfAdditionalTemplate/index.js +2 -3
- package/lib/templates/WrapIfAdditionalTemplate/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/widgets/AltDateTimeWidget/index.d.ts +1 -1
- package/lib/widgets/AltDateTimeWidget/index.js +2 -2
- package/lib/widgets/AltDateTimeWidget/index.js.map +1 -1
- package/lib/widgets/AltDateWidget/index.d.ts +1 -1
- package/lib/widgets/AltDateWidget/index.js +9 -61
- package/lib/widgets/AltDateWidget/index.js.map +1 -1
- package/lib/widgets/CheckboxWidget/index.js +3 -2
- package/lib/widgets/CheckboxWidget/index.js.map +1 -1
- package/lib/widgets/CheckboxesWidget/index.d.ts +1 -1
- package/lib/widgets/CheckboxesWidget/index.js +4 -3
- package/lib/widgets/CheckboxesWidget/index.js.map +1 -1
- package/lib/widgets/DateTimeWidget/index.js +2 -1
- package/lib/widgets/DateTimeWidget/index.js.map +1 -1
- package/lib/widgets/DateWidget/index.js +2 -1
- package/lib/widgets/DateWidget/index.js.map +1 -1
- package/lib/widgets/PasswordWidget/index.js +2 -1
- package/lib/widgets/PasswordWidget/index.js.map +1 -1
- package/lib/widgets/RadioWidget/index.d.ts +1 -1
- package/lib/widgets/RadioWidget/index.js +4 -3
- package/lib/widgets/RadioWidget/index.js.map +1 -1
- package/lib/widgets/RangeWidget/index.js +2 -1
- package/lib/widgets/RangeWidget/index.js.map +1 -1
- package/lib/widgets/SelectWidget/index.d.ts +1 -1
- package/lib/widgets/SelectWidget/index.js +3 -2
- package/lib/widgets/SelectWidget/index.js.map +1 -1
- package/lib/widgets/TextareaWidget/index.d.ts +1 -1
- package/lib/widgets/TextareaWidget/index.js +3 -2
- package/lib/widgets/TextareaWidget/index.js.map +1 -1
- package/package.json +7 -7
- package/src/templates/ArrayFieldItemTemplate/index.tsx +3 -3
- package/src/templates/ArrayFieldTemplate/index.tsx +2 -10
- package/src/templates/BaseInputTemplate/index.tsx +5 -3
- package/src/templates/FieldTemplate/index.tsx +6 -4
- package/src/templates/ObjectFieldTemplate/index.tsx +2 -2
- package/src/templates/WrapIfAdditionalTemplate/index.tsx +4 -7
- package/src/widgets/AltDateTimeWidget/index.tsx +2 -2
- package/src/widgets/AltDateWidget/index.tsx +21 -120
- package/src/widgets/CheckboxWidget/index.tsx +4 -2
- package/src/widgets/CheckboxesWidget/index.tsx +16 -3
- package/src/widgets/DateTimeWidget/index.tsx +2 -1
- package/src/widgets/DateWidget/index.tsx +2 -1
- package/src/widgets/PasswordWidget/index.tsx +2 -1
- package/src/widgets/RadioWidget/index.tsx +5 -3
- package/src/widgets/RangeWidget/index.tsx +2 -1
- package/src/widgets/SelectWidget/index.tsx +4 -2
- package/src/widgets/TextareaWidget/index.tsx +4 -2
|
@@ -2,7 +2,7 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
|
|
|
2
2
|
declare function AltDateTimeWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
declare namespace AltDateTimeWidget {
|
|
4
4
|
var defaultProps: {
|
|
5
|
-
|
|
5
|
+
time: boolean;
|
|
6
6
|
autofocus: boolean;
|
|
7
7
|
disabled: boolean;
|
|
8
8
|
options: {
|
|
@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import _AltDateWidget from '../AltDateWidget/index.js';
|
|
3
3
|
export default function AltDateTimeWidget(props) {
|
|
4
4
|
const { AltDateWidget } = props.registry.widgets;
|
|
5
|
-
return _jsx(AltDateWidget, {
|
|
5
|
+
return _jsx(AltDateWidget, { time: true, ...props });
|
|
6
6
|
}
|
|
7
7
|
AltDateTimeWidget.defaultProps = {
|
|
8
8
|
..._AltDateWidget.defaultProps,
|
|
9
|
-
|
|
9
|
+
time: true,
|
|
10
10
|
};
|
|
11
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/AltDateTimeWidget/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAIvC,KAA2B;IAC3B,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC;IACjD,OAAO,KAAC,aAAa,IAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/AltDateTimeWidget/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAIvC,KAA2B;IAC3B,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC;IACjD,OAAO,KAAC,aAAa,IAAC,IAAI,WAAK,KAAK,GAAI,CAAC;AAC3C,CAAC;AAED,iBAAiB,CAAC,YAAY,GAAG;IAC/B,GAAG,cAAc,CAAC,YAAY;IAC9B,IAAI,EAAE,IAAI;CACX,CAAC"}
|
|
@@ -1,67 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useState } from 'react';
|
|
3
2
|
import { Row, Col, Button } from 'antd';
|
|
4
|
-
import {
|
|
5
|
-
const readyForChange = (state) => {
|
|
6
|
-
return Object.values(state).every((value) => value !== -1);
|
|
7
|
-
};
|
|
3
|
+
import { DateElement, TranslatableString, useAltDateWidgetProps, } from '@rjsf/utils';
|
|
8
4
|
export default function AltDateWidget(props) {
|
|
9
|
-
const { autofocus, disabled,
|
|
10
|
-
const {
|
|
11
|
-
const { SelectWidget } = widgets;
|
|
5
|
+
const { autofocus, disabled, id, name, onBlur, onFocus, options, readonly, registry } = props;
|
|
6
|
+
const { formContext, translateString } = registry;
|
|
12
7
|
const { rowGutter = 24 } = formContext;
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const nextState = {
|
|
19
|
-
...state,
|
|
20
|
-
[property]: typeof nextValue === 'undefined' ? -1 : nextValue,
|
|
21
|
-
};
|
|
22
|
-
if (readyForChange(nextState)) {
|
|
23
|
-
onChange(toDateString(nextState, showTime));
|
|
24
|
-
}
|
|
25
|
-
else {
|
|
26
|
-
setState(nextState);
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
const handleNow = (event) => {
|
|
30
|
-
event.preventDefault();
|
|
31
|
-
if (disabled || readonly) {
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
const nextState = parseDateString(new Date().toJSON(), showTime);
|
|
35
|
-
onChange(toDateString(nextState, showTime));
|
|
36
|
-
};
|
|
37
|
-
const handleClear = (event) => {
|
|
38
|
-
event.preventDefault();
|
|
39
|
-
if (disabled || readonly) {
|
|
40
|
-
return;
|
|
41
|
-
}
|
|
42
|
-
onChange(undefined);
|
|
43
|
-
};
|
|
44
|
-
const renderDateElement = (elemProps) => (_jsx(SelectWidget, { autofocus: elemProps.autofocus, className: 'form-control', disabled: elemProps.disabled, id: elemProps.id, name: elemProps.name, onBlur: elemProps.onBlur, onChange: (elemValue) => elemProps.select(elemProps.type, elemValue), onFocus: elemProps.onFocus, options: {
|
|
45
|
-
enumOptions: dateRangeOptions(elemProps.range[0], elemProps.range[1]),
|
|
46
|
-
}, placeholder: elemProps.type, readonly: elemProps.readonly, schema: { type: 'integer' }, value: elemProps.value, registry: registry, label: '', "aria-describedby": ariaDescribedByIds(id) }));
|
|
47
|
-
return (_jsxs(Row, { gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)], children: [getDateElementProps(state, showTime, options.yearsRange, options.format).map((elemProps, i) => {
|
|
48
|
-
const elemId = id + '_' + elemProps.type;
|
|
49
|
-
return (_jsx(Col, { flex: '88px', children: renderDateElement({
|
|
50
|
-
...elemProps,
|
|
51
|
-
autofocus: autofocus && i === 0,
|
|
52
|
-
disabled,
|
|
53
|
-
id: elemId,
|
|
54
|
-
name: id,
|
|
55
|
-
onBlur,
|
|
56
|
-
onFocus,
|
|
57
|
-
readonly,
|
|
58
|
-
registry,
|
|
59
|
-
select: handleChange,
|
|
60
|
-
// NOTE: antd components accept -1 rather than issue a warning
|
|
61
|
-
// like material-ui, so we need to convert -1 to undefined here.
|
|
62
|
-
value: elemProps.value || -1 < 0 ? undefined : elemProps.value,
|
|
63
|
-
}) }, elemId));
|
|
64
|
-
}), !options.hideNowButton && (_jsx(Col, { flex: '88px', children: _jsx(Button, { block: true, className: 'btn-now', onClick: handleNow, type: 'primary', children: translateString(TranslatableString.NowLabel) }) })), !options.hideClearButton && (_jsx(Col, { flex: '88px', children: _jsx(Button, { block: true, className: 'btn-clear', danger: true, onClick: handleClear, type: 'primary', children: translateString(TranslatableString.ClearLabel) }) }))] }));
|
|
8
|
+
const { elements, handleChange, handleClear, handleSetNow } = useAltDateWidgetProps(props);
|
|
9
|
+
return (_jsxs(Row, { gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)], children: [elements.map((elemProps, i) => {
|
|
10
|
+
const elemId = `${id}_${elemProps.type}`;
|
|
11
|
+
return (_jsx(Col, { flex: '88px', children: _jsx(DateElement, { rootId: id, name: name, select: handleChange, ...elemProps, disabled: disabled, readonly: readonly, registry: registry, onBlur: onBlur, onFocus: onFocus, autofocus: autofocus && i === 0 }) }, elemId));
|
|
12
|
+
}), !options.hideNowButton && (_jsx(Col, { flex: '88px', children: _jsx(Button, { block: true, className: 'btn-now', onClick: handleSetNow, type: 'primary', children: translateString(TranslatableString.NowLabel) }) })), !options.hideClearButton && (_jsx(Col, { flex: '88px', children: _jsx(Button, { block: true, className: 'btn-clear', danger: true, onClick: handleClear, type: 'primary', children: translateString(TranslatableString.ClearLabel) }) }))] }));
|
|
65
13
|
}
|
|
66
14
|
AltDateWidget.defaultProps = {
|
|
67
15
|
autofocus: false,
|
|
@@ -70,6 +18,6 @@ AltDateWidget.defaultProps = {
|
|
|
70
18
|
yearsRange: [1900, new Date().getFullYear() + 2],
|
|
71
19
|
},
|
|
72
20
|
readonly: false,
|
|
73
|
-
|
|
21
|
+
time: false,
|
|
74
22
|
};
|
|
75
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/AltDateWidget/index.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/AltDateWidget/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EACL,WAAW,EAKX,kBAAkB,EAClB,qBAAqB,GAEtB,MAAM,aAAa,CAAC;AAErB,MAAM,CAAC,OAAO,UAAU,aAAa,CAInC,KAA2B;IAC3B,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC9F,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;IAClD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,WAAgC,CAAC;IAC5D,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAE3F,OAAO,CACL,MAAC,GAAG,IAAC,MAAM,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,aAChE,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE;gBAC7B,MAAM,MAAM,GAAG,GAAG,EAAE,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;gBACzC,OAAO,CACL,KAAC,GAAG,IAAC,IAAI,EAAC,MAAM,YACd,KAAC,WAAW,IACV,MAAM,EAAE,EAAE,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,YAAY,KAChB,SAAS,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,GAC/B,IAZkB,MAAM,CAatB,CACP,CAAC;YACJ,CAAC,CAAC,EACD,CAAC,OAAO,CAAC,aAAa,IAAI,CACzB,KAAC,GAAG,IAAC,IAAI,EAAC,MAAM,YACd,KAAC,MAAM,IAAC,KAAK,QAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAC,SAAS,YACpE,eAAe,CAAC,kBAAkB,CAAC,QAAQ,CAAC,GACtC,GACL,CACP,EACA,CAAC,OAAO,CAAC,eAAe,IAAI,CAC3B,KAAC,GAAG,IAAC,IAAI,EAAC,MAAM,YACd,KAAC,MAAM,IAAC,KAAK,QAAC,SAAS,EAAC,WAAW,EAAC,MAAM,QAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,SAAS,YAC5E,eAAe,CAAC,kBAAkB,CAAC,UAAU,CAAC,GACxC,GACL,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,YAAY,GAAG;IAC3B,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE;QACP,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;KACjD;IACD,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;CACZ,CAAC"}
|
|
@@ -7,7 +7,8 @@ import { ariaDescribedByIds, labelValue, } from '@rjsf/utils';
|
|
|
7
7
|
* @param props - The `WidgetProps` for this component
|
|
8
8
|
*/
|
|
9
9
|
export default function CheckboxWidget(props) {
|
|
10
|
-
const { autofocus, disabled,
|
|
10
|
+
const { autofocus, disabled, registry, id, htmlName, label, hideLabel, onBlur, onChange, onFocus, readonly, value } = props;
|
|
11
|
+
const { formContext } = registry;
|
|
11
12
|
const { readonlyAsDisabled = true } = formContext;
|
|
12
13
|
const handleChange = ({ target }) => onChange(target.checked);
|
|
13
14
|
const handleBlur = ({ target }) => onBlur(id, target && target.checked);
|
|
@@ -18,6 +19,6 @@ export default function CheckboxWidget(props) {
|
|
|
18
19
|
onBlur: !readonly ? handleBlur : undefined,
|
|
19
20
|
onFocus: !readonly ? handleFocus : undefined,
|
|
20
21
|
};
|
|
21
|
-
return (_jsx(Checkbox, { autoFocus: autofocus, checked: typeof value === 'undefined' ? false : value, disabled: disabled || (readonlyAsDisabled && readonly), id: id, name: id, onChange: !readonly ? handleChange : undefined, ...extraProps, "aria-describedby": ariaDescribedByIds(id), children: labelValue(label, hideLabel, '') }));
|
|
22
|
+
return (_jsx(Checkbox, { autoFocus: autofocus, checked: typeof value === 'undefined' ? false : value, disabled: disabled || (readonlyAsDisabled && readonly), id: id, name: htmlName || id, onChange: !readonly ? handleChange : undefined, ...extraProps, "aria-describedby": ariaDescribedByIds(id), children: labelValue(label, hideLabel, '') }));
|
|
22
23
|
}
|
|
23
24
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/CheckboxWidget/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAiB,MAAM,MAAM,CAAC;AAC/C,OAAO,EACL,kBAAkB,EAClB,UAAU,GAMX,MAAM,aAAa,CAAC;AAErB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA2B;IAC3B,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/CheckboxWidget/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAiB,MAAM,MAAM,CAAC;AAC/C,OAAO,EACL,kBAAkB,EAClB,UAAU,GAMX,MAAM,aAAa,CAAC;AAErB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA2B;IAC3B,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GACjH,KAAK,CAAC;IACR,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IACjC,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,WAAgC,CAAC;IAEvE,MAAM,YAAY,GAA2C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAEtG,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;IAEtG,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;IAExG,iHAAiH;IACjH,8GAA8G;IAC9G,MAAM,UAAU,GAAG;QACjB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAC1C,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;KAC7C,CAAC;IACF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EACrD,QAAQ,EAAE,QAAQ,IAAI,CAAC,kBAAkB,IAAI,QAAQ,CAAC,EACtD,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,QAAQ,IAAI,EAAE,EACpB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,KAC1C,UAAU,sBACI,kBAAkB,CAAC,EAAE,CAAC,YAEvC,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,GACxB,CACZ,CAAC;AACJ,CAAC"}
|
|
@@ -4,4 +4,4 @@ import { FormContextType, WidgetProps, RJSFSchema, StrictRJSFSchema } from '@rjs
|
|
|
4
4
|
*
|
|
5
5
|
* @param props - The `WidgetProps` for this component
|
|
6
6
|
*/
|
|
7
|
-
export default function CheckboxesWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ autofocus, disabled,
|
|
7
|
+
export default function CheckboxesWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ autofocus, disabled, registry, id, htmlName, onBlur, onChange, onFocus, options, readonly, value, }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -6,7 +6,8 @@ import { ariaDescribedByIds, enumOptionsIndexForValue, enumOptionsValueForIndex,
|
|
|
6
6
|
*
|
|
7
7
|
* @param props - The `WidgetProps` for this component
|
|
8
8
|
*/
|
|
9
|
-
export default function CheckboxesWidget({ autofocus, disabled,
|
|
9
|
+
export default function CheckboxesWidget({ autofocus, disabled, registry, id, htmlName, onBlur, onChange, onFocus, options, readonly, value, }) {
|
|
10
|
+
const { formContext } = registry;
|
|
10
11
|
const { readonlyAsDisabled = true } = formContext;
|
|
11
12
|
const { enumOptions, enumDisabled, inline, emptyValue } = options;
|
|
12
13
|
const handleChange = (nextValue) => onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
|
|
@@ -20,7 +21,7 @@ export default function CheckboxesWidget({ autofocus, disabled, formContext, id,
|
|
|
20
21
|
onFocus: !readonly ? handleFocus : undefined,
|
|
21
22
|
};
|
|
22
23
|
const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, true);
|
|
23
|
-
return Array.isArray(enumOptions) && enumOptions.length > 0 ? (_jsx(_Fragment, { children: _jsx(Checkbox.Group, { disabled: disabled || (readonlyAsDisabled && readonly), name: id, onChange: !readonly ? handleChange : undefined, value: selectedIndexes, ...extraProps, "aria-describedby": ariaDescribedByIds(id), children: Array.isArray(enumOptions) &&
|
|
24
|
-
enumOptions.map((option, i) => (_jsxs("span", { children: [_jsx(Checkbox, { id: optionId(id, i), name: id, autoFocus: i === 0 ? autofocus : false, disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1, value: String(i), children: option.label }), !inline && _jsx("br", {})] }, i))) }) })) : null;
|
|
24
|
+
return Array.isArray(enumOptions) && enumOptions.length > 0 ? (_jsx(_Fragment, { children: _jsx(Checkbox.Group, { disabled: disabled || (readonlyAsDisabled && readonly), name: htmlName || id, onChange: !readonly ? handleChange : undefined, value: selectedIndexes, ...extraProps, "aria-describedby": ariaDescribedByIds(id), children: Array.isArray(enumOptions) &&
|
|
25
|
+
enumOptions.map((option, i) => (_jsxs("span", { children: [_jsx(Checkbox, { id: optionId(id, i), name: htmlName || id, autoFocus: i === 0 ? autofocus : false, disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1, value: String(i), children: option.label }), !inline && _jsx("br", {})] }, i))) }) })) : null;
|
|
25
26
|
}
|
|
26
27
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/CheckboxesWidget/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,EACxB,QAAQ,GAMT,MAAM,aAAa,CAAC;AAErB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAItC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/CheckboxesWidget/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,EACxB,QAAQ,GAMT,MAAM,aAAa,CAAC;AAErB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAItC,EACA,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,GACgB;IACrB,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IACjC,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,WAAgC,CAAC;IAEvE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAElE,MAAM,YAAY,GAAG,CAAC,SAAc,EAAE,EAAE,CAAC,QAAQ,CAAC,wBAAwB,CAAI,SAAS,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnH,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAC9D,MAAM,CAAC,EAAE,EAAE,wBAAwB,CAAI,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjF,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAC/D,OAAO,CAAC,EAAE,EAAE,wBAAwB,CAAI,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAElF,iHAAiH;IACjH,8GAA8G;IAC9G,MAAM,UAAU,GAAG;QACjB,EAAE;QACF,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAC1C,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;KAC7C,CAAC;IAEF,MAAM,eAAe,GAAG,wBAAwB,CAAI,KAAK,EAAE,WAAW,EAAE,IAAI,CAAa,CAAC;IAE1F,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5D,4BACE,KAAC,QAAQ,CAAC,KAAK,IACb,QAAQ,EAAE,QAAQ,IAAI,CAAC,kBAAkB,IAAI,QAAQ,CAAC,EACtD,IAAI,EAAE,QAAQ,IAAI,EAAE,EACpB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,eAAe,KAClB,UAAU,sBACI,kBAAkB,CAAC,EAAE,CAAC,YAEvC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;gBACzB,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,2BACE,KAAC,QAAQ,IACP,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,EACnB,IAAI,EAAE,QAAQ,IAAI,EAAE,EACpB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EACtC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAClF,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,YAEf,MAAM,CAAC,KAAK,GACJ,EACV,CAAC,MAAM,IAAI,cAAM,KAVT,CAAC,CAWL,CACR,CAAC,GACW,GAChB,CACJ,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC"}
|
|
@@ -11,7 +11,8 @@ const DATE_PICKER_STYLE = {
|
|
|
11
11
|
* @param props - The `WidgetProps` for this component
|
|
12
12
|
*/
|
|
13
13
|
export default function DateTimeWidget(props) {
|
|
14
|
-
const { disabled,
|
|
14
|
+
const { disabled, registry, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
|
|
15
|
+
const { formContext } = registry;
|
|
15
16
|
const { readonlyAsDisabled = true } = formContext;
|
|
16
17
|
const handleChange = (nextValue) => onChange(nextValue && nextValue.toISOString());
|
|
17
18
|
const handleBlur = () => onBlur(id, value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/DateTimeWidget/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,GAMnB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA2B;IAC3B,MAAM,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/DateTimeWidget/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,GAMnB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA2B;IAC3B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAClG,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IACjC,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,WAAgC,CAAC;IAEvE,MAAM,YAAY,GAAG,CAAC,SAAc,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC;IAExF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAE3C,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAE7C,MAAM,iBAAiB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC;IAEzD,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,IAAI,CAAC,kBAAkB,IAAI,QAAQ,CAAC,EACtD,iBAAiB,EAAE,iBAAiB,EACpC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC5C,WAAW,EAAE,WAAW,EACxB,QAAQ,QACR,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,sBACV,kBAAkB,CAAC,EAAE,CAAC,GACxC,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -11,7 +11,8 @@ const DATE_PICKER_STYLE = {
|
|
|
11
11
|
* @param props - The `WidgetProps` for this component
|
|
12
12
|
*/
|
|
13
13
|
export default function DateWidget(props) {
|
|
14
|
-
const { disabled,
|
|
14
|
+
const { disabled, registry, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
|
|
15
|
+
const { formContext } = registry;
|
|
15
16
|
const { readonlyAsDisabled = true } = formContext;
|
|
16
17
|
const handleChange = (nextValue) => onChange(nextValue && nextValue.format('YYYY-MM-DD'));
|
|
17
18
|
const handleBlur = () => onBlur(id, value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/DateWidget/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,GAMnB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,KAA2B;IAE3B,MAAM,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/DateWidget/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,GAMnB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,KAA2B;IAE3B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAClG,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IACjC,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,WAAgC,CAAC;IAEvE,MAAM,YAAY,GAAG,CAAC,SAAc,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAE/F,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAE3C,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAE7C,MAAM,iBAAiB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC;IAEzD,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,IAAI,CAAC,kBAAkB,IAAI,QAAQ,CAAC,EACtD,iBAAiB,EAAE,iBAAiB,EACpC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC5C,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,iBAAiB,EACxB,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,sBACV,kBAAkB,CAAC,EAAE,CAAC,GACxC,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -6,7 +6,8 @@ import { ariaDescribedByIds, } from '@rjsf/utils';
|
|
|
6
6
|
* @param props - The `WidgetProps` for this component
|
|
7
7
|
*/
|
|
8
8
|
export default function PasswordWidget(props) {
|
|
9
|
-
const { disabled,
|
|
9
|
+
const { disabled, registry, id, onBlur, onChange, onFocus, options, placeholder, readonly, value } = props;
|
|
10
|
+
const { formContext } = registry;
|
|
10
11
|
const { readonlyAsDisabled = true } = formContext;
|
|
11
12
|
const emptyValue = options.emptyValue || '';
|
|
12
13
|
const handleChange = ({ target }) => onChange(target.value === '' ? emptyValue : target.value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/PasswordWidget/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,EACL,kBAAkB,GAMnB,MAAM,aAAa,CAAC;AAErB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA2B;IAC3B,MAAM,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/PasswordWidget/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,EACL,kBAAkB,GAMnB,MAAM,aAAa,CAAC;AAErB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA2B;IAC3B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC3G,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IACjC,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,WAAgC,CAAC;IAEvE,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC;IAE5C,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAiC,EAAE,EAAE,CACjE,QAAQ,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAE1F,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAE5F,OAAO,CACL,KAAC,KAAK,CAAC,QAAQ,IACb,QAAQ,EAAE,QAAQ,IAAI,CAAC,kBAAkB,IAAI,QAAQ,CAAC,EACtD,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC5C,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,IAAI,EAAE,sBACA,kBAAkB,CAAC,EAAE,CAAC,GACxC,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -4,4 +4,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
|
|
|
4
4
|
*
|
|
5
5
|
* @param props - The `WidgetProps` for this component
|
|
6
6
|
*/
|
|
7
|
-
export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ autofocus, disabled,
|
|
7
|
+
export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ autofocus, disabled, registry, id, htmlName, onBlur, onChange, onFocus, options, readonly, value, }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,14 +6,15 @@ import { ariaDescribedByIds, enumOptionsIndexForValue, enumOptionsValueForIndex,
|
|
|
6
6
|
*
|
|
7
7
|
* @param props - The `WidgetProps` for this component
|
|
8
8
|
*/
|
|
9
|
-
export default function RadioWidget({ autofocus, disabled,
|
|
9
|
+
export default function RadioWidget({ autofocus, disabled, registry, id, htmlName, onBlur, onChange, onFocus, options, readonly, value, }) {
|
|
10
|
+
const { formContext } = registry;
|
|
10
11
|
const { readonlyAsDisabled = true } = formContext;
|
|
11
12
|
const { enumOptions, enumDisabled, emptyValue } = options;
|
|
12
13
|
const handleChange = ({ target: { value: nextValue } }) => onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
|
|
13
14
|
const handleBlur = ({ target }) => onBlur(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
|
|
14
15
|
const handleFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
|
|
15
16
|
const selectedIndexes = enumOptionsIndexForValue(value, enumOptions);
|
|
16
|
-
return (_jsx(Radio.Group, { disabled: disabled || (readonlyAsDisabled && readonly), id: id, name: id, onChange: !readonly ? handleChange : undefined, onBlur: !readonly ? handleBlur : undefined, onFocus: !readonly ? handleFocus : undefined, value: selectedIndexes, "aria-describedby": ariaDescribedByIds(id), children: Array.isArray(enumOptions) &&
|
|
17
|
-
enumOptions.map((option, i) => (_jsx(Radio, { id: optionId(id, i), name: id, autoFocus: i === 0 ? autofocus : false, disabled: disabled || (Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1), value: String(i), children: option.label }, i))) }));
|
|
17
|
+
return (_jsx(Radio.Group, { disabled: disabled || (readonlyAsDisabled && readonly), id: id, name: htmlName || id, onChange: !readonly ? handleChange : undefined, onBlur: !readonly ? handleBlur : undefined, onFocus: !readonly ? handleFocus : undefined, value: selectedIndexes, "aria-describedby": ariaDescribedByIds(id), children: Array.isArray(enumOptions) &&
|
|
18
|
+
enumOptions.map((option, i) => (_jsx(Radio, { id: optionId(id, i), name: htmlName || id, autoFocus: i === 0 ? autofocus : false, disabled: disabled || (Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1), value: String(i), children: option.label }, i))) }));
|
|
18
19
|
}
|
|
19
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/RadioWidget/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAoB,MAAM,MAAM,CAAC;AAC/C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,EACxB,QAAQ,GAMT,MAAM,aAAa,CAAC;AAErB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAoF,EACrH,SAAS,EACT,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/RadioWidget/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAoB,MAAM,MAAM,CAAC;AAC/C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,EACxB,QAAQ,GAMT,MAAM,aAAa,CAAC;AAErB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAoF,EACrH,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,GACgB;IACrB,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IACjC,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,WAAgC,CAAC;IAEvE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE1D,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAoB,EAAE,EAAE,CAC1E,QAAQ,CAAC,wBAAwB,CAAI,SAAS,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5E,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAC9D,MAAM,CAAC,EAAE,EAAE,wBAAwB,CAAI,MAAM,IAAI,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3F,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAC/D,OAAO,CAAC,EAAE,EAAE,wBAAwB,CAAI,MAAM,IAAI,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5F,MAAM,eAAe,GAAG,wBAAwB,CAAI,KAAK,EAAE,WAAW,CAAW,CAAC;IAElF,OAAO,CACL,KAAC,KAAK,CAAC,KAAK,IACV,QAAQ,EAAE,QAAQ,IAAI,CAAC,kBAAkB,IAAI,QAAQ,CAAC,EACtD,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,QAAQ,IAAI,EAAE,EACpB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC5C,KAAK,EAAE,eAAe,sBACJ,kBAAkB,CAAC,EAAE,CAAC,YAEvC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;YACzB,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,KAAC,KAAK,IACJ,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,EACnB,IAAI,EAAE,QAAQ,IAAI,EAAE,EACpB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EACtC,QAAQ,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAEhG,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,YAEf,MAAM,CAAC,KAAK,IAHR,CAAC,CAIA,CACT,CAAC,GACQ,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -7,7 +7,8 @@ import { ariaDescribedByIds, rangeSpec, } from '@rjsf/utils';
|
|
|
7
7
|
* @param props - The `WidgetProps` for this component
|
|
8
8
|
*/
|
|
9
9
|
export default function RangeWidget(props) {
|
|
10
|
-
const { autofocus, disabled,
|
|
10
|
+
const { autofocus, disabled, registry, id, onBlur, onChange, onFocus, options, placeholder, readonly, schema, value, } = props;
|
|
11
|
+
const { formContext } = registry;
|
|
11
12
|
const { readonlyAsDisabled = true } = formContext;
|
|
12
13
|
const { min, max, step } = rangeSpec(schema);
|
|
13
14
|
const emptyValue = options.emptyValue || '';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/RangeWidget/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EACL,kBAAkB,EAClB,SAAS,GAMV,MAAM,aAAa,CAAC;AAErB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,KAA2B;IAE3B,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/RangeWidget/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EACL,kBAAkB,EAClB,SAAS,GAMV,MAAM,aAAa,CAAC;AAErB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,KAA2B;IAE3B,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,GACN,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IACjC,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,WAAgC,CAAC;IAEvE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAE7C,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC;IAE5C,MAAM,YAAY,GAAG,CAAC,SAAc,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE7F,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAE3C,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAE7C,iHAAiH;IACjH,8GAA8G;IAC9G,MAAM,UAAU,GAAG;QACjB,WAAW;QACX,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAC1C,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;KAC7C,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,IAAI,CAAC,kBAAkB,IAAI,QAAQ,CAAC,EACtD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KACR,UAAU,sBACI,kBAAkB,CAAC,EAAE,CAAC,GACxC,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -4,4 +4,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
|
|
|
4
4
|
*
|
|
5
5
|
* @param props - The `WidgetProps` for this component
|
|
6
6
|
*/
|
|
7
|
-
export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ autofocus, disabled,
|
|
7
|
+
export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ autofocus, disabled, registry, id, htmlName, multiple, onBlur, onChange, onFocus, options, placeholder, readonly, value, schema, }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -11,7 +11,8 @@ const SELECT_STYLE = {
|
|
|
11
11
|
*
|
|
12
12
|
* @param props - The `WidgetProps` for this component
|
|
13
13
|
*/
|
|
14
|
-
export default function SelectWidget({ autofocus, disabled,
|
|
14
|
+
export default function SelectWidget({ autofocus, disabled, registry, id, htmlName, multiple, onBlur, onChange, onFocus, options, placeholder, readonly, value, schema, }) {
|
|
15
|
+
const { formContext } = registry;
|
|
15
16
|
const { readonlyAsDisabled = true } = formContext;
|
|
16
17
|
const { enumOptions, enumDisabled, emptyValue } = options;
|
|
17
18
|
const handleChange = (nextValue) => onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
|
|
@@ -29,7 +30,7 @@ export default function SelectWidget({ autofocus, disabled, formContext = {}, id
|
|
|
29
30
|
// Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
|
|
30
31
|
// they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
|
|
31
32
|
const extraProps = {
|
|
32
|
-
name: id,
|
|
33
|
+
name: htmlName || id,
|
|
33
34
|
};
|
|
34
35
|
const showPlaceholderOption = !multiple && schema.default === undefined;
|
|
35
36
|
const selectOptions = useMemo(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/SelectWidget/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,MAAM,CAAC;AAC3C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,GAMzB,MAAM,aAAa,CAAC;AACrB,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,YAAY,GAAG;IACnB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAIlC,EACA,SAAS,EACT,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/SelectWidget/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,4 +3,4 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
|
|
|
3
3
|
*
|
|
4
4
|
* @param props - The `WidgetProps` for this component
|
|
5
5
|
*/
|
|
6
|
-
export default function TextareaWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ disabled,
|
|
6
|
+
export default function TextareaWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ disabled, registry, id, htmlName, onBlur, onChange, onFocus, options, placeholder, readonly, value, }: WidgetProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,7 +8,8 @@ const INPUT_STYLE = {
|
|
|
8
8
|
*
|
|
9
9
|
* @param props - The `WidgetProps` for this component
|
|
10
10
|
*/
|
|
11
|
-
export default function TextareaWidget({ disabled,
|
|
11
|
+
export default function TextareaWidget({ disabled, registry, id, htmlName, onBlur, onChange, onFocus, options, placeholder, readonly, value, }) {
|
|
12
|
+
const { formContext } = registry;
|
|
12
13
|
const { readonlyAsDisabled = true } = formContext;
|
|
13
14
|
const handleChange = ({ target }) => onChange(target.value === '' ? options.emptyValue : target.value);
|
|
14
15
|
const handleBlur = ({ target }) => onBlur(id, target && target.value);
|
|
@@ -18,6 +19,6 @@ export default function TextareaWidget({ disabled, formContext, id, onBlur, onCh
|
|
|
18
19
|
const extraProps = {
|
|
19
20
|
type: 'textarea',
|
|
20
21
|
};
|
|
21
|
-
return (_jsx(Input.TextArea, { disabled: disabled || (readonlyAsDisabled && readonly), id: id, name: id, onBlur: !readonly ? handleBlur : undefined, onChange: !readonly ? handleChange : undefined, onFocus: !readonly ? handleFocus : undefined, placeholder: placeholder, rows: options.rows || 4, style: INPUT_STYLE, value: value, ...extraProps, "aria-describedby": ariaDescribedByIds(id) }));
|
|
22
|
+
return (_jsx(Input.TextArea, { disabled: disabled || (readonlyAsDisabled && readonly), id: id, name: htmlName || id, onBlur: !readonly ? handleBlur : undefined, onChange: !readonly ? handleChange : undefined, onFocus: !readonly ? handleFocus : undefined, placeholder: placeholder, rows: options.rows || 4, style: INPUT_STYLE, value: value, ...extraProps, "aria-describedby": ariaDescribedByIds(id) }));
|
|
22
23
|
}
|
|
23
24
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/TextareaWidget/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,EACL,kBAAkB,GAMnB,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,EACA,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/TextareaWidget/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,EACL,kBAAkB,GAMnB,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,EACA,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,GACgB;IACrB,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC;IACjC,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,WAAgC,CAAC;IAEvE,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAoC,EAAE,EAAE,CACpE,QAAQ,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAmC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IAEvG,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAmC,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IAEzG,iHAAiH;IACjH,8GAA8G;IAC9G,MAAM,UAAU,GAAG;QACjB,IAAI,EAAE,UAAU;KACjB,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,CAAC,QAAQ,IACb,QAAQ,EAAE,QAAQ,IAAI,CAAC,kBAAkB,IAAI,QAAQ,CAAC,EACtD,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,QAAQ,IAAI,EAAE,EACpB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC5C,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,EACvB,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,KAAK,KACR,UAAU,sBACI,kBAAkB,CAAC,EAAE,CAAC,GACxC,CACH,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rjsf/antd",
|
|
3
|
-
"version": "6.0.0-beta.
|
|
3
|
+
"version": "6.0.0-beta.23",
|
|
4
4
|
"description": "Ant Design theme, fields and widgets for react-jsonschema-form",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -63,8 +63,8 @@
|
|
|
63
63
|
},
|
|
64
64
|
"peerDependencies": {
|
|
65
65
|
"@ant-design/icons": "^6.0.0",
|
|
66
|
-
"@rjsf/core": "^6.0.0-beta.
|
|
67
|
-
"@rjsf/utils": "^6.0.0-beta.
|
|
66
|
+
"@rjsf/core": "^6.0.0-beta.23",
|
|
67
|
+
"@rjsf/utils": "^6.0.0-beta.23",
|
|
68
68
|
"antd": "^5.8.5",
|
|
69
69
|
"dayjs": "^1.8.0",
|
|
70
70
|
"react": ">=18"
|
|
@@ -77,10 +77,10 @@
|
|
|
77
77
|
},
|
|
78
78
|
"devDependencies": {
|
|
79
79
|
"@ant-design/icons": "^6.0.1",
|
|
80
|
-
"@rjsf/core": "^6.0.0-beta.
|
|
81
|
-
"@rjsf/snapshot-tests": "^6.0.0-beta.
|
|
82
|
-
"@rjsf/utils": "^6.0.0-beta.
|
|
83
|
-
"@rjsf/validator-ajv8": "^6.0.0-beta.
|
|
80
|
+
"@rjsf/core": "^6.0.0-beta.23",
|
|
81
|
+
"@rjsf/snapshot-tests": "^6.0.0-beta.23",
|
|
82
|
+
"@rjsf/utils": "^6.0.0-beta.23",
|
|
83
|
+
"@rjsf/validator-ajv8": "^6.0.0-beta.23",
|
|
84
84
|
"@rollup/plugin-replace": "^6.0.2",
|
|
85
85
|
"antd": "^5.27.3",
|
|
86
86
|
"atob": "^2.1.2",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Col, Row, Space } from 'antd';
|
|
2
2
|
import {
|
|
3
|
-
|
|
3
|
+
ArrayFieldItemTemplateProps,
|
|
4
4
|
FormContextType,
|
|
5
5
|
getUiOptions,
|
|
6
6
|
getTemplate,
|
|
@@ -18,13 +18,13 @@ const BTN_STYLE = {
|
|
|
18
18
|
|
|
19
19
|
/** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.
|
|
20
20
|
*
|
|
21
|
-
* @param props - The `
|
|
21
|
+
* @param props - The `ArrayFieldItemTemplateProps` props for the component
|
|
22
22
|
*/
|
|
23
23
|
export default function ArrayFieldItemTemplate<
|
|
24
24
|
T = any,
|
|
25
25
|
S extends StrictRJSFSchema = RJSFSchema,
|
|
26
26
|
F extends FormContextType = any,
|
|
27
|
-
>(props:
|
|
27
|
+
>(props: ArrayFieldItemTemplateProps<T, S, F>) {
|
|
28
28
|
const { children, buttonsProps, hasToolbar, index, registry, uiSchema } = props;
|
|
29
29
|
const uiOptions = getUiOptions<T, S, F>(uiSchema);
|
|
30
30
|
const ArrayFieldItemButtonsTemplate = getTemplate<'ArrayFieldItemButtonsTemplate', T, S, F>(
|
|
@@ -2,7 +2,6 @@ import {
|
|
|
2
2
|
getTemplate,
|
|
3
3
|
getUiOptions,
|
|
4
4
|
ArrayFieldTemplateProps,
|
|
5
|
-
ArrayFieldItemTemplateType,
|
|
6
5
|
FormContextType,
|
|
7
6
|
GenericObjectType,
|
|
8
7
|
RJSFSchema,
|
|
@@ -19,7 +18,7 @@ const DESCRIPTION_COL_STYLE = {
|
|
|
19
18
|
|
|
20
19
|
/** The `ArrayFieldTemplate` component is the template used to render all items in an array.
|
|
21
20
|
*
|
|
22
|
-
* @param props - The `
|
|
21
|
+
* @param props - The `ArrayFieldTemplateProps` props for the component
|
|
23
22
|
*/
|
|
24
23
|
export default function ArrayFieldTemplate<
|
|
25
24
|
T = any,
|
|
@@ -47,11 +46,6 @@ export default function ArrayFieldTemplate<
|
|
|
47
46
|
registry,
|
|
48
47
|
uiOptions,
|
|
49
48
|
);
|
|
50
|
-
const ArrayFieldItemTemplate = getTemplate<'ArrayFieldItemTemplate', T, S, F>(
|
|
51
|
-
'ArrayFieldItemTemplate',
|
|
52
|
-
registry,
|
|
53
|
-
uiOptions,
|
|
54
|
-
);
|
|
55
49
|
const ArrayFieldTitleTemplate = getTemplate<'ArrayFieldTitleTemplate', T, S, F>(
|
|
56
50
|
'ArrayFieldTitleTemplate',
|
|
57
51
|
registry,
|
|
@@ -103,9 +97,7 @@ export default function ArrayFieldTemplate<
|
|
|
103
97
|
)}
|
|
104
98
|
<Col className='row array-item-list' span={24}>
|
|
105
99
|
{!showOptionalDataControlInTitle ? optionalDataControl : undefined}
|
|
106
|
-
{items
|
|
107
|
-
<ArrayFieldItemTemplate key={key} {...itemProps} />
|
|
108
|
-
))}
|
|
100
|
+
{items}
|
|
109
101
|
</Col>
|
|
110
102
|
{canAdd && (
|
|
111
103
|
<Col span={24}>
|
|
@@ -28,8 +28,9 @@ export default function BaseInputTemplate<
|
|
|
28
28
|
>(props: BaseInputTemplateProps<T, S, F>) {
|
|
29
29
|
const {
|
|
30
30
|
disabled,
|
|
31
|
-
|
|
31
|
+
registry,
|
|
32
32
|
id,
|
|
33
|
+
htmlName,
|
|
33
34
|
onBlur,
|
|
34
35
|
onChange,
|
|
35
36
|
onChangeOverride,
|
|
@@ -41,6 +42,7 @@ export default function BaseInputTemplate<
|
|
|
41
42
|
value,
|
|
42
43
|
type,
|
|
43
44
|
} = props;
|
|
45
|
+
const { formContext } = registry;
|
|
44
46
|
const inputProps = getInputProps<T, S, F>(schema, type, options, false);
|
|
45
47
|
const { readonlyAsDisabled = true } = formContext as GenericObjectType;
|
|
46
48
|
|
|
@@ -59,7 +61,7 @@ export default function BaseInputTemplate<
|
|
|
59
61
|
<InputNumber
|
|
60
62
|
disabled={disabled || (readonlyAsDisabled && readonly)}
|
|
61
63
|
id={id}
|
|
62
|
-
name={id}
|
|
64
|
+
name={htmlName || id}
|
|
63
65
|
onBlur={!readonly ? handleBlur : undefined}
|
|
64
66
|
onChange={!readonly ? handleNumberChange : undefined}
|
|
65
67
|
onFocus={!readonly ? handleFocus : undefined}
|
|
@@ -74,7 +76,7 @@ export default function BaseInputTemplate<
|
|
|
74
76
|
<Input
|
|
75
77
|
disabled={disabled || (readonlyAsDisabled && readonly)}
|
|
76
78
|
id={id}
|
|
77
|
-
name={id}
|
|
79
|
+
name={htmlName || id}
|
|
78
80
|
onBlur={!readonly ? handleBlur : undefined}
|
|
79
81
|
onChange={!readonly ? handleTextChange : undefined}
|
|
80
82
|
onFocus={!readonly ? handleFocus : undefined}
|
|
@@ -34,8 +34,9 @@ export default function FieldTemplate<
|
|
|
34
34
|
hidden,
|
|
35
35
|
id,
|
|
36
36
|
label,
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
onKeyRename,
|
|
38
|
+
onKeyRenameBlur,
|
|
39
|
+
onRemoveProperty,
|
|
39
40
|
rawErrors,
|
|
40
41
|
rawDescription,
|
|
41
42
|
rawHelp,
|
|
@@ -86,8 +87,9 @@ export default function FieldTemplate<
|
|
|
86
87
|
disabled={disabled}
|
|
87
88
|
id={id}
|
|
88
89
|
label={label}
|
|
89
|
-
|
|
90
|
-
|
|
90
|
+
onKeyRename={onKeyRename}
|
|
91
|
+
onKeyRenameBlur={onKeyRenameBlur}
|
|
92
|
+
onRemoveProperty={onRemoveProperty}
|
|
91
93
|
readonly={readonly}
|
|
92
94
|
required={required}
|
|
93
95
|
schema={schema}
|
|
@@ -40,7 +40,7 @@ export default function ObjectFieldTemplate<
|
|
|
40
40
|
disabled,
|
|
41
41
|
formData,
|
|
42
42
|
fieldPathId,
|
|
43
|
-
|
|
43
|
+
onAddProperty,
|
|
44
44
|
optionalDataControl,
|
|
45
45
|
properties,
|
|
46
46
|
readonly,
|
|
@@ -160,7 +160,7 @@ export default function ObjectFieldTemplate<
|
|
|
160
160
|
id={buttonId(fieldPathId, 'add')}
|
|
161
161
|
className='rjsf-object-property-expand'
|
|
162
162
|
disabled={disabled || readonly}
|
|
163
|
-
onClick={
|
|
163
|
+
onClick={onAddProperty}
|
|
164
164
|
uiSchema={uiSchema}
|
|
165
165
|
registry={registry}
|
|
166
166
|
/>
|