@payloadcms/ui 4.0.0-canary.5 → 4.0.0-canary.6
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/css/forms.css +6 -3
- package/dist/css/theme.css +2 -1
- package/dist/elements/AddNewRelation/index.css +1 -1
- package/dist/elements/DatePicker/index.css +1 -1
- package/dist/elements/DatePicker/index.js +1 -1
- package/dist/elements/DatePicker/index.js.map +1 -1
- package/dist/elements/DocumentFields/index.css +1 -0
- package/dist/elements/EditUpload/index.d.ts.map +1 -1
- package/dist/elements/EditUpload/index.js +4 -0
- package/dist/elements/EditUpload/index.js.map +1 -1
- package/dist/elements/Hierarchy/ColumnBrowser/Column/index.css +3 -1
- package/dist/elements/Hierarchy/ColumnBrowser/ColumnItem/index.css +1 -0
- package/dist/elements/Hierarchy/ColumnBrowser/types.d.ts +1 -1
- package/dist/elements/Hierarchy/ColumnBrowser/types.d.ts.map +1 -1
- package/dist/elements/Hierarchy/ColumnBrowser/types.js.map +1 -1
- package/dist/elements/Hierarchy/DocHeaderButton/index.js +12 -12
- package/dist/elements/Hierarchy/DocHeaderButton/index.js.map +1 -1
- package/dist/elements/Hierarchy/Field/index.client.js +14 -14
- package/dist/elements/Hierarchy/Field/index.client.js.map +1 -1
- package/dist/elements/Hierarchy/Modal/fetchAncestorPath.d.ts.map +1 -0
- package/dist/elements/Hierarchy/Modal/fetchAncestorPath.js.map +1 -0
- package/dist/elements/Hierarchy/Modal/index.css +88 -0
- package/dist/elements/Hierarchy/Modal/index.d.ts +20 -0
- package/dist/elements/Hierarchy/Modal/index.d.ts.map +1 -0
- package/dist/elements/Hierarchy/{Drawer → Modal}/index.js +105 -81
- package/dist/elements/Hierarchy/Modal/index.js.map +1 -0
- package/dist/elements/Hierarchy/{Drawer → Modal}/types.d.ts +22 -18
- package/dist/elements/Hierarchy/Modal/types.d.ts.map +1 -0
- package/dist/elements/Hierarchy/Modal/types.js.map +1 -0
- package/dist/elements/Hierarchy/Modal/useHierarchyModal.d.ts +30 -0
- package/dist/elements/Hierarchy/Modal/useHierarchyModal.d.ts.map +1 -0
- package/dist/elements/Hierarchy/{Drawer/useHierarchyDrawer.js → Modal/useHierarchyModal.js} +51 -50
- package/dist/elements/Hierarchy/Modal/useHierarchyModal.js.map +1 -0
- package/dist/elements/Hierarchy/MoveMany/index.d.ts +2 -2
- package/dist/elements/Hierarchy/MoveMany/index.d.ts.map +1 -1
- package/dist/elements/Hierarchy/MoveMany/index.js +9 -9
- package/dist/elements/Hierarchy/MoveMany/index.js.map +1 -1
- package/dist/elements/LivePreview/Toolbar/SizeInput/index.d.ts.map +1 -1
- package/dist/elements/LivePreview/Toolbar/SizeInput/index.js +1 -0
- package/dist/elements/LivePreview/Toolbar/SizeInput/index.js.map +1 -1
- package/dist/elements/LivePreview/Window/index.css +6 -0
- package/dist/elements/ReactSelect/index.css +2 -2
- package/dist/elements/ReactSelect/index.js +1 -1
- package/dist/elements/ReactSelect/index.js.map +1 -1
- package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.js +24 -24
- package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.js.map +1 -1
- package/dist/elements/TimezonePicker/index.css +1 -1
- package/dist/exports/client/index.d.ts +2 -2
- package/dist/exports/client/index.d.ts.map +1 -1
- package/dist/exports/client/index.js +26 -26
- package/dist/exports/client/index.js.map +4 -4
- package/dist/fields/ConfirmPassword/index.d.ts +4 -0
- package/dist/fields/ConfirmPassword/index.d.ts.map +1 -1
- package/dist/fields/ConfirmPassword/index.js +37 -33
- package/dist/fields/ConfirmPassword/index.js.map +1 -1
- package/dist/fields/Number/Input.d.ts.map +1 -1
- package/dist/fields/Number/Input.js +29 -25
- package/dist/fields/Number/Input.js.map +1 -1
- package/dist/fields/Number/types.d.ts +4 -0
- package/dist/fields/Number/types.d.ts.map +1 -1
- package/dist/fields/Number/types.js.map +1 -1
- package/dist/fields/Password/input.d.ts.map +1 -1
- package/dist/fields/Password/input.js +33 -29
- package/dist/fields/Password/input.js.map +1 -1
- package/dist/fields/Password/types.d.ts +4 -0
- package/dist/fields/Password/types.d.ts.map +1 -1
- package/dist/fields/Password/types.js.map +1 -1
- package/dist/fields/Relationship/Input.d.ts.map +1 -1
- package/dist/fields/Relationship/Input.js +2 -0
- package/dist/fields/Relationship/Input.js.map +1 -1
- package/dist/fields/Relationship/types.d.ts +4 -0
- package/dist/fields/Relationship/types.d.ts.map +1 -1
- package/dist/fields/Relationship/types.js.map +1 -1
- package/dist/fields/Select/Input.d.ts +4 -0
- package/dist/fields/Select/Input.d.ts.map +1 -1
- package/dist/fields/Select/Input.js +44 -40
- package/dist/fields/Select/Input.js.map +1 -1
- package/dist/fields/Text/Input.d.ts.map +1 -1
- package/dist/fields/Text/Input.js +25 -21
- package/dist/fields/Text/Input.js.map +1 -1
- package/dist/fields/Text/types.d.ts +4 -0
- package/dist/fields/Text/types.d.ts.map +1 -1
- package/dist/fields/Text/types.js.map +1 -1
- package/dist/fields/Textarea/Input.d.ts.map +1 -1
- package/dist/fields/Textarea/Input.js +27 -23
- package/dist/fields/Textarea/Input.js.map +1 -1
- package/dist/fields/Textarea/index.css +1 -1
- package/dist/fields/Textarea/types.d.ts +4 -0
- package/dist/fields/Textarea/types.d.ts.map +1 -1
- package/dist/fields/Textarea/types.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +5 -5
- package/dist/elements/Hierarchy/Drawer/fetchAncestorPath.d.ts.map +0 -1
- package/dist/elements/Hierarchy/Drawer/fetchAncestorPath.js.map +0 -1
- package/dist/elements/Hierarchy/Drawer/index.css +0 -90
- package/dist/elements/Hierarchy/Drawer/index.d.ts +0 -20
- package/dist/elements/Hierarchy/Drawer/index.d.ts.map +0 -1
- package/dist/elements/Hierarchy/Drawer/index.js.map +0 -1
- package/dist/elements/Hierarchy/Drawer/types.d.ts.map +0 -1
- package/dist/elements/Hierarchy/Drawer/types.js.map +0 -1
- package/dist/elements/Hierarchy/Drawer/useHierarchyDrawer.d.ts +0 -30
- package/dist/elements/Hierarchy/Drawer/useHierarchyDrawer.d.ts.map +0 -1
- package/dist/elements/Hierarchy/Drawer/useHierarchyDrawer.js.map +0 -1
- /package/dist/elements/Hierarchy/{Drawer → Modal}/fetchAncestorPath.d.ts +0 -0
- /package/dist/elements/Hierarchy/{Drawer → Modal}/fetchAncestorPath.js +0 -0
- /package/dist/elements/Hierarchy/{Drawer → Modal}/types.js +0 -0
|
@@ -3,6 +3,10 @@ import './index.css';
|
|
|
3
3
|
export type ConfirmPasswordFieldProps = {
|
|
4
4
|
readonly disabled?: boolean;
|
|
5
5
|
readonly path?: string;
|
|
6
|
+
/**
|
|
7
|
+
* Controls the height of the input. Defaults to `'large'`.
|
|
8
|
+
*/
|
|
9
|
+
readonly size?: 'large' | 'medium';
|
|
6
10
|
};
|
|
7
11
|
export declare const ConfirmPasswordField: React.FC<ConfirmPasswordFieldProps>;
|
|
8
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/ConfirmPassword/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/ConfirmPassword/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA+DpE,CAAA"}
|
|
@@ -12,57 +12,60 @@ import { FieldLabel } from '../FieldLabel/index.js';
|
|
|
12
12
|
import { fieldBaseClass } from '../shared/index.js';
|
|
13
13
|
import './index.css';
|
|
14
14
|
export const ConfirmPasswordField = props => {
|
|
15
|
-
const $ = _c(
|
|
15
|
+
const $ = _c(15);
|
|
16
16
|
const {
|
|
17
17
|
disabled: disabledFromProps,
|
|
18
|
-
path: t0
|
|
18
|
+
path: t0,
|
|
19
|
+
size: t1
|
|
19
20
|
} = props;
|
|
20
21
|
const path = t0 === undefined ? "confirm-password" : t0;
|
|
22
|
+
const size = t1 === undefined ? "large" : t1;
|
|
21
23
|
const {
|
|
22
24
|
t
|
|
23
25
|
} = useTranslation();
|
|
24
26
|
const [showPassword, setShowPassword] = useState(false);
|
|
25
|
-
let
|
|
27
|
+
let t2;
|
|
26
28
|
if ($[0] !== path) {
|
|
27
|
-
|
|
29
|
+
t2 = {
|
|
28
30
|
path,
|
|
29
31
|
validate: _temp
|
|
30
32
|
};
|
|
31
33
|
$[0] = path;
|
|
32
|
-
$[1] =
|
|
34
|
+
$[1] = t2;
|
|
33
35
|
} else {
|
|
34
|
-
|
|
36
|
+
t2 = $[1];
|
|
35
37
|
}
|
|
36
38
|
const {
|
|
37
39
|
disabled,
|
|
38
40
|
setValue,
|
|
39
41
|
showError,
|
|
40
42
|
value: value_0
|
|
41
|
-
} = useField(
|
|
43
|
+
} = useField(t2);
|
|
42
44
|
const isDisabled = !!(disabled || disabledFromProps);
|
|
43
|
-
const
|
|
44
|
-
const
|
|
45
|
-
let
|
|
46
|
-
if ($[2] !==
|
|
47
|
-
|
|
48
|
-
$[2] =
|
|
49
|
-
$[3] =
|
|
50
|
-
$[4] =
|
|
45
|
+
const t3 = showError && "error";
|
|
46
|
+
const t4 = isDisabled && "read-only";
|
|
47
|
+
let t5;
|
|
48
|
+
if ($[2] !== t3 || $[3] !== t4) {
|
|
49
|
+
t5 = [fieldBaseClass, "confirm-password", t3, t4].filter(Boolean);
|
|
50
|
+
$[2] = t3;
|
|
51
|
+
$[3] = t4;
|
|
52
|
+
$[4] = t5;
|
|
51
53
|
} else {
|
|
52
|
-
|
|
54
|
+
t5 = $[4];
|
|
53
55
|
}
|
|
54
|
-
const
|
|
55
|
-
let
|
|
56
|
-
if ($[5] !== isDisabled || $[6] !== path || $[7] !== setValue || $[8] !== showPassword || $[9] !==
|
|
57
|
-
let
|
|
58
|
-
if ($[
|
|
59
|
-
|
|
60
|
-
$[
|
|
56
|
+
const t6 = t5.join(" ");
|
|
57
|
+
let t7;
|
|
58
|
+
if ($[5] !== isDisabled || $[6] !== path || $[7] !== setValue || $[8] !== showPassword || $[9] !== size || $[10] !== t || $[11] !== t6 || $[12] !== value_0) {
|
|
59
|
+
let t8;
|
|
60
|
+
if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
|
|
61
|
+
t8 = () => setShowPassword(_temp2);
|
|
62
|
+
$[14] = t8;
|
|
61
63
|
} else {
|
|
62
|
-
|
|
64
|
+
t8 = $[14];
|
|
63
65
|
}
|
|
64
|
-
|
|
65
|
-
className:
|
|
66
|
+
t7 = _jsxs("div", {
|
|
67
|
+
className: t6,
|
|
68
|
+
"data-size": size,
|
|
66
69
|
children: [_jsx(FieldLabel, {
|
|
67
70
|
htmlFor: "field-confirm-password",
|
|
68
71
|
label: t("authentication:confirmPassword"),
|
|
@@ -87,7 +90,7 @@ export const ConfirmPasswordField = props => {
|
|
|
87
90
|
"aria-label": t(showPassword ? "fields:hidePassword" : "fields:showPassword"),
|
|
88
91
|
className: "confirm-password__toggle-button",
|
|
89
92
|
disabled: isDisabled,
|
|
90
|
-
onClick:
|
|
93
|
+
onClick: t8,
|
|
91
94
|
type: "button",
|
|
92
95
|
children: _jsx(EyeIcon, {
|
|
93
96
|
active: showPassword,
|
|
@@ -101,14 +104,15 @@ export const ConfirmPasswordField = props => {
|
|
|
101
104
|
$[6] = path;
|
|
102
105
|
$[7] = setValue;
|
|
103
106
|
$[8] = showPassword;
|
|
104
|
-
$[9] =
|
|
105
|
-
$[10] =
|
|
106
|
-
$[11] =
|
|
107
|
-
$[12] =
|
|
107
|
+
$[9] = size;
|
|
108
|
+
$[10] = t;
|
|
109
|
+
$[11] = t6;
|
|
110
|
+
$[12] = value_0;
|
|
111
|
+
$[13] = t7;
|
|
108
112
|
} else {
|
|
109
|
-
|
|
113
|
+
t7 = $[13];
|
|
110
114
|
}
|
|
111
|
-
return
|
|
115
|
+
return t7;
|
|
112
116
|
};
|
|
113
117
|
function _temp(value, options) {
|
|
114
118
|
return confirmPassword(value, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","confirmPassword","React","useState","useField","EyeIcon","useTranslation","FieldError","FieldLabel","fieldBaseClass","ConfirmPasswordField","props","$","disabled","disabledFromProps","path","t0","undefined","t","showPassword","setShowPassword","
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","confirmPassword","React","useState","useField","EyeIcon","useTranslation","FieldError","FieldLabel","fieldBaseClass","ConfirmPasswordField","props","$","disabled","disabledFromProps","path","t0","size","t1","undefined","t","showPassword","setShowPassword","t2","validate","_temp","setValue","showError","value","value_0","isDisabled","t3","t4","t5","filter","Boolean","t6","join","t7","t8","Symbol","for","_temp2","_jsxs","className","children","_jsx","htmlFor","label","required","autoComplete","id","name","onChange","type","onClick","active","options","prev"],"sources":["../../../src/fields/ConfirmPassword/index.tsx"],"sourcesContent":["'use client'\n\nimport { confirmPassword } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { EyeIcon } from '../../icons/Eye/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nexport type ConfirmPasswordFieldProps = {\n readonly disabled?: boolean\n readonly path?: string\n /**\n * Controls the height of the input. Defaults to `'large'`.\n */\n readonly size?: 'large' | 'medium'\n}\n\nexport const ConfirmPasswordField: React.FC<ConfirmPasswordFieldProps> = (props) => {\n const { disabled: disabledFromProps, path = 'confirm-password', size = 'large' } = props\n const { t } = useTranslation()\n const [showPassword, setShowPassword] = useState(false)\n\n const { disabled, setValue, showError, value } = useField({\n path,\n validate: (value, options) => {\n return confirmPassword(value, {\n name: 'confirm-password',\n type: 'text',\n required: true,\n ...options,\n })\n },\n })\n\n const isDisabled = !!(disabled || disabledFromProps)\n\n return (\n <div\n className={[\n fieldBaseClass,\n 'confirm-password',\n showError && 'error',\n isDisabled && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n data-size={size}\n >\n <FieldLabel\n htmlFor=\"field-confirm-password\"\n label={t('authentication:confirmPassword')}\n required\n />\n <div className={`${fieldBaseClass}__wrap`}>\n <FieldError path={path} />\n <div className=\"confirm-password__input-wrap\">\n <input\n aria-label={t('authentication:confirmPassword')}\n autoComplete=\"off\"\n className=\"form-input\"\n disabled={isDisabled}\n id=\"field-confirm-password\"\n name=\"confirm-password\"\n onChange={setValue}\n type={showPassword ? 'text' : 'password'}\n value={(value as string) || ''}\n />\n <button\n aria-label={t(showPassword ? 'fields:hidePassword' : 'fields:showPassword')}\n className=\"confirm-password__toggle-button\"\n disabled={isDisabled}\n onClick={() => setShowPassword((prev) => !prev)}\n type=\"button\"\n >\n <EyeIcon active={showPassword} size={24} />\n </button>\n </div>\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/Input.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAUlD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/Input.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAUlD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoIlD,CAAA"}
|
|
@@ -16,7 +16,7 @@ import { fieldBaseClass } from '../shared/index.js';
|
|
|
16
16
|
import './index.css';
|
|
17
17
|
const baseClass = 'number';
|
|
18
18
|
export const NumberInput = props => {
|
|
19
|
-
const $ = _c(
|
|
19
|
+
const $ = _c(36);
|
|
20
20
|
const {
|
|
21
21
|
AfterInput,
|
|
22
22
|
ariaLabel,
|
|
@@ -40,7 +40,8 @@ export const NumberInput = props => {
|
|
|
40
40
|
readOnly,
|
|
41
41
|
required,
|
|
42
42
|
showError,
|
|
43
|
-
|
|
43
|
+
size: t3,
|
|
44
|
+
step: t4,
|
|
44
45
|
style,
|
|
45
46
|
suffix,
|
|
46
47
|
value,
|
|
@@ -49,30 +50,32 @@ export const NumberInput = props => {
|
|
|
49
50
|
const max = t0 === undefined ? Infinity : t0;
|
|
50
51
|
const maxRows = t1 === undefined ? Infinity : t1;
|
|
51
52
|
const min = t2 === undefined ? -Infinity : t2;
|
|
52
|
-
const
|
|
53
|
+
const size = t3 === undefined ? "large" : t3;
|
|
54
|
+
const step = t4 === undefined ? 1 : t4;
|
|
53
55
|
const {
|
|
54
56
|
i18n,
|
|
55
57
|
t
|
|
56
58
|
} = useTranslation();
|
|
57
|
-
let
|
|
58
|
-
if ($[0] !== AfterInput || $[1] !== BeforeInput || $[2] !== Description || $[3] !== Error || $[4] !== Label || $[5] !== ariaLabel || $[6] !== className || $[7] !== description || $[8] !== hasMany || $[9] !== i18n || $[10] !== label || $[11] !== localized || $[12] !== max || $[13] !== maxRows || $[14] !== min || $[15] !== onChange || $[16] !== onStep || $[17] !== path || $[18] !== placeholderFromProps || $[19] !== prefix || $[20] !== readOnly || $[21] !== required || $[22] !== showError || $[23] !==
|
|
59
|
+
let t5;
|
|
60
|
+
if ($[0] !== AfterInput || $[1] !== BeforeInput || $[2] !== Description || $[3] !== Error || $[4] !== Label || $[5] !== ariaLabel || $[6] !== className || $[7] !== description || $[8] !== hasMany || $[9] !== i18n || $[10] !== label || $[11] !== localized || $[12] !== max || $[13] !== maxRows || $[14] !== min || $[15] !== onChange || $[16] !== onStep || $[17] !== path || $[18] !== placeholderFromProps || $[19] !== prefix || $[20] !== readOnly || $[21] !== required || $[22] !== showError || $[23] !== size || $[24] !== step || $[25] !== style || $[26] !== suffix || $[27] !== t || $[28] !== value || $[29] !== valueToRender) {
|
|
59
61
|
const placeholder = getTranslation(placeholderFromProps, i18n) || (hasMany ? t("general:enterANumber") : undefined);
|
|
60
|
-
const
|
|
61
|
-
const
|
|
62
|
-
const
|
|
63
|
-
let
|
|
64
|
-
if ($[
|
|
65
|
-
|
|
66
|
-
$[
|
|
67
|
-
$[31] = t5;
|
|
62
|
+
const t6 = showError && "error";
|
|
63
|
+
const t7 = readOnly && "read-only";
|
|
64
|
+
const t8 = hasMany && "has-many";
|
|
65
|
+
let t9;
|
|
66
|
+
if ($[31] !== className || $[32] !== t6 || $[33] !== t7 || $[34] !== t8) {
|
|
67
|
+
t9 = [fieldBaseClass, baseClass, className, t6, t7, t8].filter(Boolean);
|
|
68
|
+
$[31] = className;
|
|
68
69
|
$[32] = t6;
|
|
69
70
|
$[33] = t7;
|
|
70
71
|
$[34] = t8;
|
|
72
|
+
$[35] = t9;
|
|
71
73
|
} else {
|
|
72
|
-
|
|
74
|
+
t9 = $[35];
|
|
73
75
|
}
|
|
74
|
-
|
|
75
|
-
className:
|
|
76
|
+
t5 = _jsxs("div", {
|
|
77
|
+
className: t9.join(" "),
|
|
78
|
+
"data-size": size,
|
|
76
79
|
style,
|
|
77
80
|
children: [_jsx(RenderCustomComponent, {
|
|
78
81
|
CustomComponent: Label,
|
|
@@ -178,17 +181,18 @@ export const NumberInput = props => {
|
|
|
178
181
|
$[20] = readOnly;
|
|
179
182
|
$[21] = required;
|
|
180
183
|
$[22] = showError;
|
|
181
|
-
$[23] =
|
|
182
|
-
$[24] =
|
|
183
|
-
$[25] =
|
|
184
|
-
$[26] =
|
|
185
|
-
$[27] =
|
|
186
|
-
$[28] =
|
|
187
|
-
$[29] =
|
|
184
|
+
$[23] = size;
|
|
185
|
+
$[24] = step;
|
|
186
|
+
$[25] = style;
|
|
187
|
+
$[26] = suffix;
|
|
188
|
+
$[27] = t;
|
|
189
|
+
$[28] = value;
|
|
190
|
+
$[29] = valueToRender;
|
|
191
|
+
$[30] = t5;
|
|
188
192
|
} else {
|
|
189
|
-
|
|
193
|
+
t5 = $[30];
|
|
190
194
|
}
|
|
191
|
-
return
|
|
195
|
+
return t5;
|
|
192
196
|
};
|
|
193
197
|
function _temp(e) {
|
|
194
198
|
e.target.blur();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","names":["c","_c","getTranslation","isNumber","React","InputStepper","ReactSelect","RenderCustomComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","baseClass","NumberInput","props","$","AfterInput","ariaLabel","BeforeInput","className","Description","description","Error","hasMany","Label","label","localized","max","t0","maxRows","t1","min","t2","onChange","onStep","path","placeholder","placeholderFromProps","prefix","readOnly","required","showError","step","t3","style","suffix","value","valueToRender","undefined","Infinity","i18n","t","t4","t5","t6","t7","t8","filter","Boolean","_jsxs","join","children","_jsx","CustomComponent","Fallback","replace","components","DropdownIndicator","disabled","filterOption","_","rawInput","isOverHasMany","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","isOverHasMany_0","options","id","name","onWheel","_temp","type","onDecrement","onIncrement","e","target","blur"],"sources":["../../../src/fields/Number/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport type { NumberInputProps } from './types.js'\n\nimport { InputStepper } from '../../elements/InputStepper/index.js'\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst baseClass = 'number'\n\nexport const NumberInput: React.FC<NumberInputProps> = (props) => {\n const {\n AfterInput,\n ariaLabel,\n BeforeInput,\n className,\n Description,\n description,\n Error,\n hasMany,\n Label,\n label,\n localized,\n max = Infinity,\n maxRows = Infinity,\n min = -Infinity,\n onChange,\n onStep,\n path,\n placeholder: placeholderFromProps,\n prefix,\n readOnly,\n required,\n showError,\n step = 1,\n style,\n suffix,\n value,\n valueToRender,\n } = props\n\n const { i18n, t } = useTranslation()\n\n const placeholder =\n getTranslation(placeholderFromProps, i18n) || (hasMany ? t('general:enterANumber') : undefined)\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n showError && 'error',\n readOnly && 'read-only',\n hasMany && 'has-many',\n ]\n .filter(Boolean)\n .join(' ')}\n style={style}\n >\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel label={label} localized={localized} path={path} required={required} />\n }\n />\n <div className={`${fieldBaseClass}__wrap`}>\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n {BeforeInput}\n {hasMany ? (\n <ReactSelect\n className={`field-${path.replace(/\\./g, '__')}`}\n components={{ DropdownIndicator: null }}\n disabled={readOnly}\n filterOption={(_, rawInput) => {\n const isOverHasMany = Array.isArray(value) && (value as number[]).length >= maxRows\n return isNumber(rawInput) && !isOverHasMany\n }}\n isClearable\n isCreatable\n isMulti\n isSortable\n noOptionsMessage={() => {\n const isOverHasMany = Array.isArray(value) && (value as number[]).length >= maxRows\n if (isOverHasMany) {\n return t('validation:limitReached', {\n max: maxRows,\n value: (value as number[]).length + 1,\n })\n }\n return null\n }}\n onChange={onChange}\n options={[]}\n placeholder={placeholder}\n showError={showError}\n value={valueToRender}\n />\n ) : (\n <div className=\"form-input-group\">\n {prefix ? <span className={`${baseClass}__prefix`}>{prefix}</span> : null}\n <input\n aria-label={ariaLabel || getTranslation(label, i18n) || path}\n className=\"form-input\"\n disabled={readOnly}\n id={`field-${path.replace(/\\./g, '__')}`}\n max={max}\n min={min}\n name={path}\n onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n onWheel={(e) => {\n // @ts-expect-error - blur() exists on input elements but not typed on EventTarget\n e.target.blur()\n }}\n placeholder={placeholder}\n step={step}\n type=\"number\"\n value={typeof value === 'number' ? value : ''}\n />\n {suffix ? <span className={`${baseClass}__suffix`}>{suffix}</span> : null}\n {onStep && (\n <InputStepper\n disabled={readOnly}\n onDecrement={() => onStep('down')}\n onIncrement={() => onStep('up')}\n />\n )}\n </div>\n )}\n {AfterInput}\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Input.js","names":["c","_c","getTranslation","isNumber","React","InputStepper","ReactSelect","RenderCustomComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","baseClass","NumberInput","props","$","AfterInput","ariaLabel","BeforeInput","className","Description","description","Error","hasMany","Label","label","localized","max","t0","maxRows","t1","min","t2","onChange","onStep","path","placeholder","placeholderFromProps","prefix","readOnly","required","showError","size","t3","step","t4","style","suffix","value","valueToRender","undefined","Infinity","i18n","t","t5","t6","t7","t8","t9","filter","Boolean","_jsxs","join","children","_jsx","CustomComponent","Fallback","replace","components","DropdownIndicator","disabled","filterOption","_","rawInput","isOverHasMany","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","isOverHasMany_0","options","id","name","onWheel","_temp","type","onDecrement","onIncrement","e","target","blur"],"sources":["../../../src/fields/Number/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport type { NumberInputProps } from './types.js'\n\nimport { InputStepper } from '../../elements/InputStepper/index.js'\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst baseClass = 'number'\n\nexport const NumberInput: React.FC<NumberInputProps> = (props) => {\n const {\n AfterInput,\n ariaLabel,\n BeforeInput,\n className,\n Description,\n description,\n Error,\n hasMany,\n Label,\n label,\n localized,\n max = Infinity,\n maxRows = Infinity,\n min = -Infinity,\n onChange,\n onStep,\n path,\n placeholder: placeholderFromProps,\n prefix,\n readOnly,\n required,\n showError,\n size = 'large',\n step = 1,\n style,\n suffix,\n value,\n valueToRender,\n } = props\n\n const { i18n, t } = useTranslation()\n\n const placeholder =\n getTranslation(placeholderFromProps, i18n) || (hasMany ? t('general:enterANumber') : undefined)\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n showError && 'error',\n readOnly && 'read-only',\n hasMany && 'has-many',\n ]\n .filter(Boolean)\n .join(' ')}\n data-size={size}\n style={style}\n >\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel label={label} localized={localized} path={path} required={required} />\n }\n />\n <div className={`${fieldBaseClass}__wrap`}>\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n {BeforeInput}\n {hasMany ? (\n <ReactSelect\n className={`field-${path.replace(/\\./g, '__')}`}\n components={{ DropdownIndicator: null }}\n disabled={readOnly}\n filterOption={(_, rawInput) => {\n const isOverHasMany = Array.isArray(value) && (value as number[]).length >= maxRows\n return isNumber(rawInput) && !isOverHasMany\n }}\n isClearable\n isCreatable\n isMulti\n isSortable\n noOptionsMessage={() => {\n const isOverHasMany = Array.isArray(value) && (value as number[]).length >= maxRows\n if (isOverHasMany) {\n return t('validation:limitReached', {\n max: maxRows,\n value: (value as number[]).length + 1,\n })\n }\n return null\n }}\n onChange={onChange}\n options={[]}\n placeholder={placeholder}\n showError={showError}\n value={valueToRender}\n />\n ) : (\n <div className=\"form-input-group\">\n {prefix ? <span className={`${baseClass}__prefix`}>{prefix}</span> : null}\n <input\n aria-label={ariaLabel || getTranslation(label, i18n) || path}\n className=\"form-input\"\n disabled={readOnly}\n id={`field-${path.replace(/\\./g, '__')}`}\n max={max}\n min={min}\n name={path}\n onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n onWheel={(e) => {\n // @ts-expect-error - blur() exists on input elements but not typed on EventTarget\n e.target.blur()\n }}\n placeholder={placeholder}\n step={step}\n type=\"number\"\n value={typeof value === 'number' ? value : ''}\n />\n {suffix ? <span className={`${baseClass}__suffix`}>{suffix}</span> : null}\n {onStep && (\n <InputStepper\n disabled={readOnly}\n onDecrement={() => onStep('down')}\n onIncrement={() => onStep('up')}\n />\n )}\n </div>\n )}\n {AfterInput}\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -31,6 +31,10 @@ export type NumberInputProps = {
|
|
|
31
31
|
readonly readOnly?: boolean;
|
|
32
32
|
readonly required?: boolean;
|
|
33
33
|
readonly showError?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Controls the height of the input. Defaults to `'large'`.
|
|
36
|
+
*/
|
|
37
|
+
readonly size?: 'large' | 'medium';
|
|
34
38
|
readonly step?: number;
|
|
35
39
|
readonly style?: React.CSSProperties;
|
|
36
40
|
/** Short text affix rendered after the value, e.g. `%`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAE1F,MAAM,MAAM,sBAAsB,GAC9B;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CACrE,GACD;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;CACxD,CAAA;AAEL,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,kFAAkF;IAClF,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACpD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtD,sEAAsE;IACtE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,2DAA2D;IAC3D,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;CAClC,GAAG,sBAAsB,CAAA"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAE1F,MAAM,MAAM,sBAAsB,GAC9B;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CACrE,GACD;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;CACxD,CAAA;AAEL,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,kFAAkF;IAClF,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACpD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtD,sEAAsE;IACtE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAClC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,2DAA2D;IAC3D,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;CAClC,GAAG,sBAAsB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Number/types.ts"],"sourcesContent":["import type { StaticDescription, StaticLabel } from 'payload'\nimport type React from 'react'\n\nimport type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nexport type SharedNumberFieldProps =\n | {\n readonly hasMany?: false\n readonly onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n }\n | {\n readonly hasMany?: true\n readonly onChange?: ReactSelectAdapterProps['onChange']\n }\n\nexport type NumberInputProps = {\n readonly AfterInput?: React.ReactNode\n /** Overrides the input's `aria-label`. Defaults to the resolved label or path. */\n readonly ariaLabel?: string\n readonly BeforeInput?: React.ReactNode\n readonly className?: string\n readonly Description?: React.ReactNode\n readonly description?: StaticDescription\n readonly Error?: React.ReactNode\n readonly Label?: React.ReactNode\n readonly label?: StaticLabel\n readonly localized?: boolean\n readonly max?: number\n readonly maxRows?: number\n readonly min?: number\n readonly onStep?: (direction: 'down' | 'up') => void\n readonly path: string\n readonly placeholder?: Record<string, string> | string\n /** Short text affix rendered before the value, e.g. `W`, `H`, `X`. */\n readonly prefix?: string\n readonly readOnly?: boolean\n readonly required?: boolean\n readonly showError?: boolean\n readonly step?: number\n readonly style?: React.CSSProperties\n /** Short text affix rendered after the value, e.g. `%`. */\n readonly suffix?: string\n readonly value?: null | number\n readonly valueToRender?: Option[]\n} & SharedNumberFieldProps\n"],"mappings":"AAeA","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Number/types.ts"],"sourcesContent":["import type { StaticDescription, StaticLabel } from 'payload'\nimport type React from 'react'\n\nimport type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nexport type SharedNumberFieldProps =\n | {\n readonly hasMany?: false\n readonly onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n }\n | {\n readonly hasMany?: true\n readonly onChange?: ReactSelectAdapterProps['onChange']\n }\n\nexport type NumberInputProps = {\n readonly AfterInput?: React.ReactNode\n /** Overrides the input's `aria-label`. Defaults to the resolved label or path. */\n readonly ariaLabel?: string\n readonly BeforeInput?: React.ReactNode\n readonly className?: string\n readonly Description?: React.ReactNode\n readonly description?: StaticDescription\n readonly Error?: React.ReactNode\n readonly Label?: React.ReactNode\n readonly label?: StaticLabel\n readonly localized?: boolean\n readonly max?: number\n readonly maxRows?: number\n readonly min?: number\n readonly onStep?: (direction: 'down' | 'up') => void\n readonly path: string\n readonly placeholder?: Record<string, string> | string\n /** Short text affix rendered before the value, e.g. `W`, `H`, `X`. */\n readonly prefix?: string\n readonly readOnly?: boolean\n readonly required?: boolean\n readonly showError?: boolean\n /**\n * Controls the height of the input. Defaults to `'large'`.\n */\n readonly size?: 'large' | 'medium'\n readonly step?: number\n readonly style?: React.CSSProperties\n /** Short text affix rendered after the value, e.g. `%`. */\n readonly suffix?: string\n readonly value?: null | number\n readonly valueToRender?: Option[]\n} & SharedNumberFieldProps\n"],"mappings":"AAeA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AASpD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AASpD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6FtD,CAAA"}
|
|
@@ -14,7 +14,7 @@ import { fieldBaseClass } from '../shared/index.js';
|
|
|
14
14
|
import './index.css';
|
|
15
15
|
const baseClass = 'password';
|
|
16
16
|
export const PasswordInput = props => {
|
|
17
|
-
const $ = _c(
|
|
17
|
+
const $ = _c(32);
|
|
18
18
|
const {
|
|
19
19
|
AfterInput,
|
|
20
20
|
autoComplete: t0,
|
|
@@ -35,40 +35,43 @@ export const PasswordInput = props => {
|
|
|
35
35
|
required,
|
|
36
36
|
rtl,
|
|
37
37
|
showError,
|
|
38
|
+
size: t1,
|
|
38
39
|
style,
|
|
39
40
|
value,
|
|
40
41
|
width
|
|
41
42
|
} = props;
|
|
42
43
|
const autoComplete = t0 === undefined ? "off" : t0;
|
|
44
|
+
const size = t1 === undefined ? "large" : t1;
|
|
43
45
|
const {
|
|
44
46
|
i18n,
|
|
45
47
|
t
|
|
46
48
|
} = useTranslation();
|
|
47
49
|
const [showPassword, setShowPassword] = useState(false);
|
|
48
|
-
const
|
|
49
|
-
const
|
|
50
|
-
let
|
|
51
|
-
if ($[0] !== className || $[1] !==
|
|
52
|
-
|
|
50
|
+
const t2 = showError && "error";
|
|
51
|
+
const t3 = readOnly && "read-only";
|
|
52
|
+
let t4;
|
|
53
|
+
if ($[0] !== className || $[1] !== t2 || $[2] !== t3) {
|
|
54
|
+
t4 = [fieldBaseClass, baseClass, className, t2, t3].filter(Boolean);
|
|
53
55
|
$[0] = className;
|
|
54
|
-
$[1] =
|
|
55
|
-
$[2] =
|
|
56
|
-
$[3] =
|
|
56
|
+
$[1] = t2;
|
|
57
|
+
$[2] = t3;
|
|
58
|
+
$[3] = t4;
|
|
57
59
|
} else {
|
|
58
|
-
|
|
60
|
+
t4 = $[3];
|
|
59
61
|
}
|
|
60
|
-
const
|
|
61
|
-
let
|
|
62
|
-
if ($[4] !== AfterInput || $[5] !== BeforeInput || $[6] !== Description || $[7] !== Error || $[8] !== Label || $[9] !== autoComplete || $[10] !== description || $[11] !== i18n || $[12] !== inputRef || $[13] !== label || $[14] !== localized || $[15] !== onChange || $[16] !== onKeyDown || $[17] !== path || $[18] !== placeholder || $[19] !== readOnly || $[20] !== required || $[21] !== rtl || $[22] !== showError || $[23] !== showPassword || $[24] !==
|
|
63
|
-
let
|
|
64
|
-
if ($[
|
|
65
|
-
|
|
66
|
-
$[
|
|
62
|
+
const t5 = t4.join(" ");
|
|
63
|
+
let t6;
|
|
64
|
+
if ($[4] !== AfterInput || $[5] !== BeforeInput || $[6] !== Description || $[7] !== Error || $[8] !== Label || $[9] !== autoComplete || $[10] !== description || $[11] !== i18n || $[12] !== inputRef || $[13] !== label || $[14] !== localized || $[15] !== onChange || $[16] !== onKeyDown || $[17] !== path || $[18] !== placeholder || $[19] !== readOnly || $[20] !== required || $[21] !== rtl || $[22] !== showError || $[23] !== showPassword || $[24] !== size || $[25] !== style || $[26] !== t || $[27] !== t5 || $[28] !== value || $[29] !== width) {
|
|
65
|
+
let t7;
|
|
66
|
+
if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
|
|
67
|
+
t7 = () => setShowPassword(_temp);
|
|
68
|
+
$[31] = t7;
|
|
67
69
|
} else {
|
|
68
|
-
|
|
70
|
+
t7 = $[31];
|
|
69
71
|
}
|
|
70
|
-
|
|
71
|
-
className:
|
|
72
|
+
t6 = _jsxs("div", {
|
|
73
|
+
className: t5,
|
|
74
|
+
"data-size": size,
|
|
72
75
|
style: {
|
|
73
76
|
...style,
|
|
74
77
|
width
|
|
@@ -109,7 +112,7 @@ export const PasswordInput = props => {
|
|
|
109
112
|
"aria-label": t(showPassword ? "fields:hidePassword" : "fields:showPassword"),
|
|
110
113
|
className: "password__toggle-button",
|
|
111
114
|
disabled: readOnly,
|
|
112
|
-
onClick:
|
|
115
|
+
onClick: t7,
|
|
113
116
|
type: "button",
|
|
114
117
|
children: _jsx(EyeIcon, {
|
|
115
118
|
active: showPassword,
|
|
@@ -145,16 +148,17 @@ export const PasswordInput = props => {
|
|
|
145
148
|
$[21] = rtl;
|
|
146
149
|
$[22] = showError;
|
|
147
150
|
$[23] = showPassword;
|
|
148
|
-
$[24] =
|
|
149
|
-
$[25] =
|
|
150
|
-
$[26] =
|
|
151
|
-
$[27] =
|
|
152
|
-
$[28] =
|
|
153
|
-
$[29] =
|
|
151
|
+
$[24] = size;
|
|
152
|
+
$[25] = style;
|
|
153
|
+
$[26] = t;
|
|
154
|
+
$[27] = t5;
|
|
155
|
+
$[28] = value;
|
|
156
|
+
$[29] = width;
|
|
157
|
+
$[30] = t6;
|
|
154
158
|
} else {
|
|
155
|
-
|
|
159
|
+
t6 = $[30];
|
|
156
160
|
}
|
|
157
|
-
return
|
|
161
|
+
return t6;
|
|
158
162
|
};
|
|
159
163
|
function _temp(prev) {
|
|
160
164
|
return !prev;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","names":["c","_c","getTranslation","React","useState","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","EyeIcon","useTranslation","fieldBaseClass","baseClass","PasswordInput","props","$","AfterInput","autoComplete","t0","BeforeInput","className","description","Description","Error","inputRef","Label","label","localized","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","style","value","width","undefined","i18n","t","showPassword","setShowPassword","
|
|
1
|
+
{"version":3,"file":"input.js","names":["c","_c","getTranslation","React","useState","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","EyeIcon","useTranslation","fieldBaseClass","baseClass","PasswordInput","props","$","AfterInput","autoComplete","t0","BeforeInput","className","description","Description","Error","inputRef","Label","label","localized","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","size","t1","style","value","width","undefined","i18n","t","showPassword","setShowPassword","t2","t3","t4","filter","Boolean","t5","join","t6","t7","Symbol","for","_temp","_jsxs","children","_jsx","CustomComponent","Fallback","disabled","id","replace","name","ref","type","onClick","active","prev"],"sources":["../../../src/fields/Password/input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useState } from 'react'\n\nimport type { PasswordInputProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { EyeIcon } from '../../icons/Eye/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst baseClass = 'password'\n\nexport const PasswordInput: React.FC<PasswordInputProps> = (props) => {\n const {\n AfterInput,\n autoComplete = 'off',\n BeforeInput,\n className,\n description,\n Description,\n Error,\n inputRef,\n Label,\n label,\n localized,\n onChange,\n onKeyDown,\n path,\n placeholder,\n readOnly,\n required,\n rtl,\n showError,\n size = 'large',\n style,\n value,\n width,\n } = props\n\n const { i18n, t } = useTranslation()\n const [showPassword, setShowPassword] = useState(false)\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n showError && 'error',\n readOnly && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n data-size={size}\n style={{\n ...style,\n width,\n }}\n >\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel label={label} localized={localized} path={path} required={required} />\n }\n />\n <div className={`${fieldBaseClass}__wrap`}>\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n <div className=\"password__input-wrap\">\n {BeforeInput}\n <input\n aria-label={getTranslation(label, i18n)}\n autoComplete={autoComplete}\n className=\"form-input\"\n data-rtl={rtl}\n disabled={readOnly}\n id={`field-${path.replace(/\\./g, '__')}`}\n name={path}\n onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n onKeyDown={onKeyDown}\n placeholder={getTranslation(placeholder, i18n)}\n ref={inputRef}\n type={showPassword ? 'text' : 'password'}\n value={value || ''}\n />\n <button\n aria-label={t(showPassword ? 'fields:hidePassword' : 'fields:showPassword')}\n className=\"password__toggle-button\"\n disabled={readOnly}\n onClick={() => setShowPassword((prev) => !prev)}\n type=\"button\"\n >\n <EyeIcon active={showPassword} size={24} />\n </button>\n {AfterInput}\n </div>\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -49,6 +49,10 @@ export type PasswordInputProps = {
|
|
|
49
49
|
readonly required?: boolean;
|
|
50
50
|
readonly rtl?: boolean;
|
|
51
51
|
readonly showError?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Controls the height of the input. Defaults to `'large'`.
|
|
54
|
+
*/
|
|
55
|
+
readonly size?: 'large' | 'medium';
|
|
52
56
|
readonly style?: React.CSSProperties;
|
|
53
57
|
readonly value?: string;
|
|
54
58
|
readonly width?: CSSProperties['width'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EAChB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;IACrD;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAClC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAA;CAC5C,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACjE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;CACxC,CAAA"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Password/types.ts"],"sourcesContent":["import type {\n FieldBaseClient,\n PasswordFieldValidation,\n StaticDescription,\n TextFieldClient,\n} from 'payload'\nimport type { ChangeEvent, CSSProperties } from 'react'\nimport type React from 'react'\nimport type { MarkOptional } from 'ts-essentials'\n\nexport type PasswordFieldProps = {\n readonly autoComplete?: string\n readonly field: MarkOptional<TextFieldClient, 'type'>\n /**\n * @default ''\n */\n readonly indexPath?: string\n readonly inputRef?: React.RefObject<HTMLInputElement>\n /**\n * @default ''\n */\n readonly parentPath?: string\n /**\n * @default ''\n */\n readonly parentSchemaPath?: string\n /**\n * @default field.name\n */\n readonly path: string\n /**\n * @default field.name\n */\n readonly schemaPath?: string\n readonly validate?: PasswordFieldValidation\n}\n\nexport type PasswordInputProps = {\n readonly AfterInput?: React.ReactNode\n readonly autoComplete?: string\n readonly BeforeInput?: React.ReactNode\n readonly className?: string\n readonly description?: StaticDescription\n readonly Description?: React.ReactNode\n readonly Error?: React.ReactNode\n readonly field?: MarkOptional<TextFieldClient, 'type'>\n readonly inputRef?: React.RefObject<HTMLInputElement>\n readonly Label?: React.ReactNode\n readonly label: FieldBaseClient['label']\n readonly localized?: boolean\n readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n readonly path: string\n readonly placeholder?: Record<string, string> | string\n readonly readOnly?: boolean\n readonly required?: boolean\n readonly rtl?: boolean\n readonly showError?: boolean\n readonly style?: React.CSSProperties\n readonly value?: string\n readonly width?: CSSProperties['width']\n}\n"],"mappings":"AAqCA","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Password/types.ts"],"sourcesContent":["import type {\n FieldBaseClient,\n PasswordFieldValidation,\n StaticDescription,\n TextFieldClient,\n} from 'payload'\nimport type { ChangeEvent, CSSProperties } from 'react'\nimport type React from 'react'\nimport type { MarkOptional } from 'ts-essentials'\n\nexport type PasswordFieldProps = {\n readonly autoComplete?: string\n readonly field: MarkOptional<TextFieldClient, 'type'>\n /**\n * @default ''\n */\n readonly indexPath?: string\n readonly inputRef?: React.RefObject<HTMLInputElement>\n /**\n * @default ''\n */\n readonly parentPath?: string\n /**\n * @default ''\n */\n readonly parentSchemaPath?: string\n /**\n * @default field.name\n */\n readonly path: string\n /**\n * @default field.name\n */\n readonly schemaPath?: string\n readonly validate?: PasswordFieldValidation\n}\n\nexport type PasswordInputProps = {\n readonly AfterInput?: React.ReactNode\n readonly autoComplete?: string\n readonly BeforeInput?: React.ReactNode\n readonly className?: string\n readonly description?: StaticDescription\n readonly Description?: React.ReactNode\n readonly Error?: React.ReactNode\n readonly field?: MarkOptional<TextFieldClient, 'type'>\n readonly inputRef?: React.RefObject<HTMLInputElement>\n readonly Label?: React.ReactNode\n readonly label: FieldBaseClient['label']\n readonly localized?: boolean\n readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n readonly path: string\n readonly placeholder?: Record<string, string> | string\n readonly readOnly?: boolean\n readonly required?: boolean\n readonly rtl?: boolean\n readonly showError?: boolean\n /**\n * Controls the height of the input. Defaults to `'large'`.\n */\n readonly size?: 'large' | 'medium'\n readonly style?: React.CSSProperties\n readonly value?: string\n readonly width?: CSSProperties['width']\n}\n"],"mappings":"AAqCA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/Input.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAK5F,OAAO,KAAK,EAA6B,sBAAsB,EAAiB,MAAM,YAAY,CAAA;AAuBlG,OAAO,aAAa,CAAA;AAMpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/Input.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAK5F,OAAO,KAAK,EAA6B,sBAAsB,EAAiB,MAAM,YAAY,CAAA;AAuBlG,OAAO,aAAa,CAAA;AAMpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAg4B9D,CAAA"}
|
|
@@ -58,6 +58,7 @@ export const RelationshipInput = props => {
|
|
|
58
58
|
relationTo,
|
|
59
59
|
required,
|
|
60
60
|
showError,
|
|
61
|
+
size = 'large',
|
|
61
62
|
sortOptions,
|
|
62
63
|
style,
|
|
63
64
|
value
|
|
@@ -631,6 +632,7 @@ export const RelationshipInput = props => {
|
|
|
631
632
|
}
|
|
632
633
|
return /*#__PURE__*/_jsxs("div", {
|
|
633
634
|
className: [fieldBaseClass, baseClass, className, showError && 'error', errorLoading && 'error-loading', readOnly && `${baseClass}--read-only`, !readOnly && allowCreate && `${baseClass}--allow-create`].filter(Boolean).join(' '),
|
|
635
|
+
"data-size": size,
|
|
634
636
|
id: `field-${path.replace(/\./g, '__')}`,
|
|
635
637
|
style: style,
|
|
636
638
|
children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
|