@rjsf/mantine 6.1.1 → 6.2.3
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/index.cjs +26 -6
- package/dist/index.cjs.map +3 -3
- package/dist/mantine.esm.js +26 -6
- package/dist/mantine.esm.js.map +3 -3
- package/dist/mantine.umd.js +26 -6
- package/lib/templates/BaseInputTemplate.js +10 -4
- package/lib/templates/BaseInputTemplate.js.map +1 -1
- package/lib/templates/ButtonTemplates/IconButton.d.ts +1 -0
- package/lib/templates/ButtonTemplates/IconButton.js +4 -0
- package/lib/templates/ButtonTemplates/IconButton.js.map +1 -1
- package/lib/templates/ButtonTemplates/index.js +2 -1
- package/lib/templates/ButtonTemplates/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils.js +2 -0
- package/lib/utils.js.map +1 -1
- package/lib/widgets/PasswordWidget.js +1 -1
- package/lib/widgets/PasswordWidget.js.map +1 -1
- package/lib/widgets/TextareaWidget.js +1 -2
- package/lib/widgets/TextareaWidget.js.map +1 -1
- package/package.json +7 -7
- package/src/templates/BaseInputTemplate.tsx +16 -2
- package/src/templates/ButtonTemplates/IconButton.tsx +12 -0
- package/src/templates/ButtonTemplates/index.ts +2 -1
- package/src/utils.ts +2 -0
- package/src/widgets/PasswordWidget.tsx +1 -1
- package/src/widgets/TextareaWidget.tsx +1 -1
package/lib/utils.js
CHANGED
package/lib/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,MAAM,aAAa,GAA+B;IAChD,YAAY;IACZ,YAAY;IACZ,OAAO;IACP,OAAO;IACP,MAAM;IACN,cAAc;IACd,UAAU;IACV,cAAc;IACd,WAAW;IACX,UAAU;IACV,OAAO;IACP,aAAa;IACb,QAAQ;IACR,WAAW;IACX,qBAAqB;IACrB,QAAQ;IACR,WAAW;IACX,SAAS;IACT,UAAU;IACV,WAAW;IACX,WAAW;IACX,6BAA6B;IAC7B,aAAa;IACb,6BAA6B;
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,MAAM,aAAa,GAA+B;IAChD,YAAY;IACZ,YAAY;IACZ,OAAO;IACP,OAAO;IACP,MAAM;IACN,cAAc;IACd,UAAU;IACV,cAAc;IACd,WAAW;IACX,UAAU;IACV,OAAO;IACP,aAAa;IACb,QAAQ;IACR,WAAW;IACX,qBAAqB;IACrB,QAAQ;IACR,WAAW;IACX,SAAS;IACT,UAAU;IACV,WAAW;IACX,WAAW;IACX,6BAA6B;IAC7B,aAAa;IACb,6BAA6B;IAC7B,sBAAsB;IACtB,eAAe;CAChB,CAAC;AAEF,MAAM,UAAU,cAAc,CAAmB,OAAU;IACzD,MAAM,MAAM,GAAG,EAAO,CAAC;IACvB,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,GAA0B,CAAC,EAAE,CAAC;YACxD,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;IACD,OAAO,MAAsC,CAAC;AAChD,CAAC"}
|
|
@@ -10,7 +10,7 @@ import { cleanupOptions } from '../utils';
|
|
|
10
10
|
*/
|
|
11
11
|
export default function PasswordWidget(props) {
|
|
12
12
|
const { id, name, value, placeholder, required, disabled, readonly, autofocus, label, hideLabel, rawErrors, options, onChange, onBlur, onFocus, } = props;
|
|
13
|
-
const emptyValue = options.emptyValue
|
|
13
|
+
const emptyValue = options.emptyValue;
|
|
14
14
|
const themeProps = cleanupOptions(options);
|
|
15
15
|
const handleChange = useCallback((e) => {
|
|
16
16
|
onChange(e.target.value === '' ? emptyValue : e.target.value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordWidget.js","sourceRoot":"","sources":["../../src/widgets/PasswordWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA2B,WAAW,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EACL,kBAAkB,EAElB,UAAU,GAIX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA2B;IAC3B,MAAM,EACJ,EAAE,EACF,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"PasswordWidget.js","sourceRoot":"","sources":["../../src/widgets/PasswordWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA2B,WAAW,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EACL,kBAAkB,EAElB,UAAU,GAIX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA2B;IAC3B,MAAM,EACJ,EAAE,EACF,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;IACtC,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAgC,EAAE,EAAE;QACnC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAChE,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE;QAC3C,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,EAAE,CAAC,CACb,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE;QAC3C,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,EAAE,CAAC,CACd,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,IACZ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAE,WAAW,IAAI,SAAS,EACrC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,EACvD,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,KACvE,UAAU,sBACI,kBAAkB,CAAC,EAAE,CAAC,GACxC,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -8,10 +8,9 @@ import { cleanupOptions } from '../utils';
|
|
|
8
8
|
* @param props - The `WidgetProps` for this component
|
|
9
9
|
*/
|
|
10
10
|
export default function TextareaWidget(props) {
|
|
11
|
-
var _a;
|
|
12
11
|
const { id, name, htmlName, value, placeholder, required, disabled, readonly, autofocus, label, hideLabel, rawErrors, options, onChange, onBlur, onFocus, } = props;
|
|
13
12
|
const themeProps = cleanupOptions(options);
|
|
14
|
-
const emptyValue =
|
|
13
|
+
const emptyValue = options === null || options === void 0 ? void 0 : options.emptyValue;
|
|
15
14
|
const handleChange = useCallback((e) => {
|
|
16
15
|
onChange(e.target.value === '' ? emptyValue : e.target.value);
|
|
17
16
|
}, [onChange, emptyValue]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextareaWidget.js","sourceRoot":"","sources":["../../src/widgets/TextareaWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyC,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAKL,UAAU,EACV,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA2B
|
|
1
|
+
{"version":3,"file":"TextareaWidget.js","sourceRoot":"","sources":["../../src/widgets/TextareaWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyC,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAKL,UAAU,EACV,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA2B;IAC3B,MAAM,EACJ,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAC3C,MAAM,UAAU,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,CAAC;IAEvC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAmC,EAAE,EAAE;QACtC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAChE,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,EAAE,MAAM,EAAmC,EAAE,EAAE;QAC9C,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,EAAE,CAAC,CACb,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,EAAE,MAAM,EAAmC,EAAE,EAAE;QAC9C,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,EAAE,CAAC,CACd,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,QAAQ,IAAI,IAAI,EACtB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAE,WAAW,IAAI,SAAS,EACrC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,EACvD,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,sBACzD,kBAAkB,CAAC,EAAE,CAAC,KACpC,UAAU,GACd,CACH,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rjsf/mantine",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.2.3",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "lib/index.js",
|
|
6
6
|
"typings": "lib/index.d.ts",
|
|
@@ -64,8 +64,8 @@
|
|
|
64
64
|
"@mantine/core": ">=8",
|
|
65
65
|
"@mantine/dates": ">=8",
|
|
66
66
|
"@mantine/hooks": ">=8",
|
|
67
|
-
"@rjsf/core": "^6.x",
|
|
68
|
-
"@rjsf/utils": "^6.x",
|
|
67
|
+
"@rjsf/core": "^6.2.x",
|
|
68
|
+
"@rjsf/utils": "^6.2.x",
|
|
69
69
|
"react": ">=18"
|
|
70
70
|
},
|
|
71
71
|
"devDependencies": {
|
|
@@ -74,10 +74,10 @@
|
|
|
74
74
|
"@mantine/hooks": "^8.3.6",
|
|
75
75
|
"@restart/hooks": "^0.6.2",
|
|
76
76
|
"@restart/ui": "^1.9.4",
|
|
77
|
-
"@rjsf/core": "^6.
|
|
78
|
-
"@rjsf/snapshot-tests": "^6.
|
|
79
|
-
"@rjsf/utils": "^6.
|
|
80
|
-
"@rjsf/validator-ajv8": "^6.
|
|
77
|
+
"@rjsf/core": "^6.2.0",
|
|
78
|
+
"@rjsf/snapshot-tests": "^6.2.0",
|
|
79
|
+
"@rjsf/utils": "^6.2.0",
|
|
80
|
+
"@rjsf/validator-ajv8": "^6.2.0",
|
|
81
81
|
"eslint": "^8.57.1",
|
|
82
82
|
"uncontrollable": "^9.0.0"
|
|
83
83
|
},
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeEvent, FocusEvent, useCallback } from 'react';
|
|
1
|
+
import { ChangeEvent, FocusEvent, MouseEvent, useCallback } from 'react';
|
|
2
2
|
import {
|
|
3
3
|
ariaDescribedByIds,
|
|
4
4
|
BaseInputTemplateProps,
|
|
@@ -44,7 +44,9 @@ export default function BaseInputTemplate<
|
|
|
44
44
|
options,
|
|
45
45
|
rawErrors,
|
|
46
46
|
children,
|
|
47
|
+
registry,
|
|
47
48
|
} = props;
|
|
49
|
+
const { ClearButton } = registry.templates.ButtonTemplates;
|
|
48
50
|
|
|
49
51
|
const inputProps = getInputProps<T, S, F>(schema, type, options, false);
|
|
50
52
|
const description = hideLabel ? undefined : options.description || schema.description;
|
|
@@ -55,7 +57,7 @@ export default function BaseInputTemplate<
|
|
|
55
57
|
const handleChange = useCallback(
|
|
56
58
|
(e: ChangeEvent<HTMLInputElement>) => {
|
|
57
59
|
const handler = onChangeOverride ? onChangeOverride : onChange;
|
|
58
|
-
const value = e.target.value === '' ?
|
|
60
|
+
const value = e.target.value === '' ? options.emptyValue : e.target.value;
|
|
59
61
|
handler(value);
|
|
60
62
|
},
|
|
61
63
|
[onChange, onChangeOverride, options],
|
|
@@ -75,6 +77,15 @@ export default function BaseInputTemplate<
|
|
|
75
77
|
[onFocus, id],
|
|
76
78
|
);
|
|
77
79
|
|
|
80
|
+
const handleClear = useCallback(
|
|
81
|
+
(e: MouseEvent) => {
|
|
82
|
+
e.preventDefault();
|
|
83
|
+
e.stopPropagation();
|
|
84
|
+
onChange(options.emptyValue ?? '');
|
|
85
|
+
},
|
|
86
|
+
[onChange, options.emptyValue],
|
|
87
|
+
);
|
|
88
|
+
|
|
78
89
|
const componentProps = {
|
|
79
90
|
id,
|
|
80
91
|
name: htmlName || id,
|
|
@@ -117,6 +128,9 @@ export default function BaseInputTemplate<
|
|
|
117
128
|
return (
|
|
118
129
|
<>
|
|
119
130
|
{input}
|
|
131
|
+
{options.allowClearTextInputs && !readonly && !disabled && value && (
|
|
132
|
+
<ClearButton registry={registry} onClick={handleClear} />
|
|
133
|
+
)}
|
|
120
134
|
{children}
|
|
121
135
|
{Array.isArray(schema.examples) && (
|
|
122
136
|
<datalist id={examplesId(id)}>
|
|
@@ -85,3 +85,15 @@ export function RemoveButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F
|
|
|
85
85
|
/>
|
|
86
86
|
);
|
|
87
87
|
}
|
|
88
|
+
|
|
89
|
+
export function ClearButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
|
|
90
|
+
props: MantineIconButtonProps<T, S, F>,
|
|
91
|
+
) {
|
|
92
|
+
const {
|
|
93
|
+
registry: { translateString },
|
|
94
|
+
} = props;
|
|
95
|
+
|
|
96
|
+
return (
|
|
97
|
+
<IconButton title={translateString(TranslatableString.ClearButton)} variant='subtle' {...props} icon={<X />} />
|
|
98
|
+
);
|
|
99
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FormContextType, RJSFSchema, StrictRJSFSchema, TemplatesType } from '@rjsf/utils';
|
|
2
2
|
import SubmitButton from './SubmitButton';
|
|
3
3
|
import AddButton from './AddButton';
|
|
4
|
-
import { CopyButton, MoveDownButton, MoveUpButton, RemoveButton } from './IconButton';
|
|
4
|
+
import { CopyButton, MoveDownButton, MoveUpButton, RemoveButton, ClearButton } from './IconButton';
|
|
5
5
|
|
|
6
6
|
function buttonTemplates<
|
|
7
7
|
T = any,
|
|
@@ -15,6 +15,7 @@ function buttonTemplates<
|
|
|
15
15
|
MoveDownButton,
|
|
16
16
|
MoveUpButton,
|
|
17
17
|
RemoveButton,
|
|
18
|
+
ClearButton,
|
|
18
19
|
};
|
|
19
20
|
}
|
|
20
21
|
|
package/src/utils.ts
CHANGED
|
@@ -25,6 +25,8 @@ const uiOptionsKeys: Array<keyof UIOptionsType> = [
|
|
|
25
25
|
'duplicateKeySuffixSeparator',
|
|
26
26
|
'enumOptions',
|
|
27
27
|
'enableMarkdownInDescription',
|
|
28
|
+
'enableMarkdownInHelp',
|
|
29
|
+
'globalOptions',
|
|
28
30
|
];
|
|
29
31
|
|
|
30
32
|
export function cleanupOptions<T extends object>(options: T): Omit<T, keyof UIOptionsType> {
|
|
@@ -40,7 +40,7 @@ export default function TextareaWidget<
|
|
|
40
40
|
} = props;
|
|
41
41
|
|
|
42
42
|
const themeProps = cleanupOptions(options);
|
|
43
|
-
const emptyValue = options?.emptyValue
|
|
43
|
+
const emptyValue = options?.emptyValue;
|
|
44
44
|
|
|
45
45
|
const handleChange = useCallback(
|
|
46
46
|
(e: ChangeEvent<HTMLTextAreaElement>) => {
|