@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.
Files changed (106) hide show
  1. package/dist/css/forms.css +6 -3
  2. package/dist/css/theme.css +2 -1
  3. package/dist/elements/AddNewRelation/index.css +1 -1
  4. package/dist/elements/DatePicker/index.css +1 -1
  5. package/dist/elements/DatePicker/index.js +1 -1
  6. package/dist/elements/DatePicker/index.js.map +1 -1
  7. package/dist/elements/DocumentFields/index.css +1 -0
  8. package/dist/elements/EditUpload/index.d.ts.map +1 -1
  9. package/dist/elements/EditUpload/index.js +4 -0
  10. package/dist/elements/EditUpload/index.js.map +1 -1
  11. package/dist/elements/Hierarchy/ColumnBrowser/Column/index.css +3 -1
  12. package/dist/elements/Hierarchy/ColumnBrowser/ColumnItem/index.css +1 -0
  13. package/dist/elements/Hierarchy/ColumnBrowser/types.d.ts +1 -1
  14. package/dist/elements/Hierarchy/ColumnBrowser/types.d.ts.map +1 -1
  15. package/dist/elements/Hierarchy/ColumnBrowser/types.js.map +1 -1
  16. package/dist/elements/Hierarchy/DocHeaderButton/index.js +12 -12
  17. package/dist/elements/Hierarchy/DocHeaderButton/index.js.map +1 -1
  18. package/dist/elements/Hierarchy/Field/index.client.js +14 -14
  19. package/dist/elements/Hierarchy/Field/index.client.js.map +1 -1
  20. package/dist/elements/Hierarchy/Modal/fetchAncestorPath.d.ts.map +1 -0
  21. package/dist/elements/Hierarchy/Modal/fetchAncestorPath.js.map +1 -0
  22. package/dist/elements/Hierarchy/Modal/index.css +88 -0
  23. package/dist/elements/Hierarchy/Modal/index.d.ts +20 -0
  24. package/dist/elements/Hierarchy/Modal/index.d.ts.map +1 -0
  25. package/dist/elements/Hierarchy/{Drawer → Modal}/index.js +105 -81
  26. package/dist/elements/Hierarchy/Modal/index.js.map +1 -0
  27. package/dist/elements/Hierarchy/{Drawer → Modal}/types.d.ts +22 -18
  28. package/dist/elements/Hierarchy/Modal/types.d.ts.map +1 -0
  29. package/dist/elements/Hierarchy/Modal/types.js.map +1 -0
  30. package/dist/elements/Hierarchy/Modal/useHierarchyModal.d.ts +30 -0
  31. package/dist/elements/Hierarchy/Modal/useHierarchyModal.d.ts.map +1 -0
  32. package/dist/elements/Hierarchy/{Drawer/useHierarchyDrawer.js → Modal/useHierarchyModal.js} +51 -50
  33. package/dist/elements/Hierarchy/Modal/useHierarchyModal.js.map +1 -0
  34. package/dist/elements/Hierarchy/MoveMany/index.d.ts +2 -2
  35. package/dist/elements/Hierarchy/MoveMany/index.d.ts.map +1 -1
  36. package/dist/elements/Hierarchy/MoveMany/index.js +9 -9
  37. package/dist/elements/Hierarchy/MoveMany/index.js.map +1 -1
  38. package/dist/elements/LivePreview/Toolbar/SizeInput/index.d.ts.map +1 -1
  39. package/dist/elements/LivePreview/Toolbar/SizeInput/index.js +1 -0
  40. package/dist/elements/LivePreview/Toolbar/SizeInput/index.js.map +1 -1
  41. package/dist/elements/LivePreview/Window/index.css +6 -0
  42. package/dist/elements/ReactSelect/index.css +2 -2
  43. package/dist/elements/ReactSelect/index.js +1 -1
  44. package/dist/elements/ReactSelect/index.js.map +1 -1
  45. package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.js +24 -24
  46. package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.js.map +1 -1
  47. package/dist/elements/TimezonePicker/index.css +1 -1
  48. package/dist/exports/client/index.d.ts +2 -2
  49. package/dist/exports/client/index.d.ts.map +1 -1
  50. package/dist/exports/client/index.js +26 -26
  51. package/dist/exports/client/index.js.map +4 -4
  52. package/dist/fields/ConfirmPassword/index.d.ts +4 -0
  53. package/dist/fields/ConfirmPassword/index.d.ts.map +1 -1
  54. package/dist/fields/ConfirmPassword/index.js +37 -33
  55. package/dist/fields/ConfirmPassword/index.js.map +1 -1
  56. package/dist/fields/Number/Input.d.ts.map +1 -1
  57. package/dist/fields/Number/Input.js +29 -25
  58. package/dist/fields/Number/Input.js.map +1 -1
  59. package/dist/fields/Number/types.d.ts +4 -0
  60. package/dist/fields/Number/types.d.ts.map +1 -1
  61. package/dist/fields/Number/types.js.map +1 -1
  62. package/dist/fields/Password/input.d.ts.map +1 -1
  63. package/dist/fields/Password/input.js +33 -29
  64. package/dist/fields/Password/input.js.map +1 -1
  65. package/dist/fields/Password/types.d.ts +4 -0
  66. package/dist/fields/Password/types.d.ts.map +1 -1
  67. package/dist/fields/Password/types.js.map +1 -1
  68. package/dist/fields/Relationship/Input.d.ts.map +1 -1
  69. package/dist/fields/Relationship/Input.js +2 -0
  70. package/dist/fields/Relationship/Input.js.map +1 -1
  71. package/dist/fields/Relationship/types.d.ts +4 -0
  72. package/dist/fields/Relationship/types.d.ts.map +1 -1
  73. package/dist/fields/Relationship/types.js.map +1 -1
  74. package/dist/fields/Select/Input.d.ts +4 -0
  75. package/dist/fields/Select/Input.d.ts.map +1 -1
  76. package/dist/fields/Select/Input.js +44 -40
  77. package/dist/fields/Select/Input.js.map +1 -1
  78. package/dist/fields/Text/Input.d.ts.map +1 -1
  79. package/dist/fields/Text/Input.js +25 -21
  80. package/dist/fields/Text/Input.js.map +1 -1
  81. package/dist/fields/Text/types.d.ts +4 -0
  82. package/dist/fields/Text/types.d.ts.map +1 -1
  83. package/dist/fields/Text/types.js.map +1 -1
  84. package/dist/fields/Textarea/Input.d.ts.map +1 -1
  85. package/dist/fields/Textarea/Input.js +27 -23
  86. package/dist/fields/Textarea/Input.js.map +1 -1
  87. package/dist/fields/Textarea/index.css +1 -1
  88. package/dist/fields/Textarea/types.d.ts +4 -0
  89. package/dist/fields/Textarea/types.d.ts.map +1 -1
  90. package/dist/fields/Textarea/types.js.map +1 -1
  91. package/dist/styles.css +1 -1
  92. package/package.json +5 -5
  93. package/dist/elements/Hierarchy/Drawer/fetchAncestorPath.d.ts.map +0 -1
  94. package/dist/elements/Hierarchy/Drawer/fetchAncestorPath.js.map +0 -1
  95. package/dist/elements/Hierarchy/Drawer/index.css +0 -90
  96. package/dist/elements/Hierarchy/Drawer/index.d.ts +0 -20
  97. package/dist/elements/Hierarchy/Drawer/index.d.ts.map +0 -1
  98. package/dist/elements/Hierarchy/Drawer/index.js.map +0 -1
  99. package/dist/elements/Hierarchy/Drawer/types.d.ts.map +0 -1
  100. package/dist/elements/Hierarchy/Drawer/types.js.map +0 -1
  101. package/dist/elements/Hierarchy/Drawer/useHierarchyDrawer.d.ts +0 -30
  102. package/dist/elements/Hierarchy/Drawer/useHierarchyDrawer.d.ts.map +0 -1
  103. package/dist/elements/Hierarchy/Drawer/useHierarchyDrawer.js.map +0 -1
  104. /package/dist/elements/Hierarchy/{Drawer → Modal}/fetchAncestorPath.d.ts +0 -0
  105. /package/dist/elements/Hierarchy/{Drawer → Modal}/fetchAncestorPath.js +0 -0
  106. /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;CACvB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA8DpE,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(14);
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 t1;
27
+ let t2;
26
28
  if ($[0] !== path) {
27
- t1 = {
29
+ t2 = {
28
30
  path,
29
31
  validate: _temp
30
32
  };
31
33
  $[0] = path;
32
- $[1] = t1;
34
+ $[1] = t2;
33
35
  } else {
34
- t1 = $[1];
36
+ t2 = $[1];
35
37
  }
36
38
  const {
37
39
  disabled,
38
40
  setValue,
39
41
  showError,
40
42
  value: value_0
41
- } = useField(t1);
43
+ } = useField(t2);
42
44
  const isDisabled = !!(disabled || disabledFromProps);
43
- const t2 = showError && "error";
44
- const t3 = isDisabled && "read-only";
45
- let t4;
46
- if ($[2] !== t2 || $[3] !== t3) {
47
- t4 = [fieldBaseClass, "confirm-password", t2, t3].filter(Boolean);
48
- $[2] = t2;
49
- $[3] = t3;
50
- $[4] = t4;
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
- t4 = $[4];
54
+ t5 = $[4];
53
55
  }
54
- const t5 = t4.join(" ");
55
- let t6;
56
- if ($[5] !== isDisabled || $[6] !== path || $[7] !== setValue || $[8] !== showPassword || $[9] !== t || $[10] !== t5 || $[11] !== value_0) {
57
- let t7;
58
- if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
59
- t7 = () => setShowPassword(_temp2);
60
- $[13] = t7;
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
- t7 = $[13];
64
+ t8 = $[14];
63
65
  }
64
- t6 = _jsxs("div", {
65
- className: t5,
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: t7,
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] = t;
105
- $[10] = t5;
106
- $[11] = value_0;
107
- $[12] = t6;
107
+ $[9] = size;
108
+ $[10] = t;
109
+ $[11] = t6;
110
+ $[12] = value_0;
111
+ $[13] = t7;
108
112
  } else {
109
- t6 = $[12];
113
+ t7 = $[13];
110
114
  }
111
- return t6;
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","t1","validate","_temp","setValue","showError","value","value_0","isDisabled","t2","t3","t4","filter","Boolean","t5","join","t6","t7","Symbol","for","_temp2","_jsxs","className","children","_jsx","htmlFor","label","required","autoComplete","id","name","onChange","type","onClick","active","size","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\nexport const ConfirmPasswordField: React.FC<ConfirmPasswordFieldProps> = (props) => {\n const { disabled: disabledFromProps, path = 'confirm-password' } = 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 >\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
+ {"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,CAkIlD,CAAA"}
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(35);
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
- step: t3,
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 step = t3 === undefined ? 1 : t3;
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 t4;
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] !== step || $[24] !== style || $[25] !== suffix || $[26] !== t || $[27] !== value || $[28] !== valueToRender) {
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 t5 = showError && "error";
61
- const t6 = readOnly && "read-only";
62
- const t7 = hasMany && "has-many";
63
- let t8;
64
- if ($[30] !== className || $[31] !== t5 || $[32] !== t6 || $[33] !== t7) {
65
- t8 = [fieldBaseClass, baseClass, className, t5, t6, t7].filter(Boolean);
66
- $[30] = className;
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
- t8 = $[34];
74
+ t9 = $[35];
73
75
  }
74
- t4 = _jsxs("div", {
75
- className: t8.join(" "),
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] = step;
182
- $[24] = style;
183
- $[25] = suffix;
184
- $[26] = t;
185
- $[27] = value;
186
- $[28] = valueToRender;
187
- $[29] = t4;
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
- t4 = $[29];
193
+ t5 = $[30];
190
194
  }
191
- return t4;
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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAIlB,SAASC,YAAY,QAAQ;AAC7B,SAASC,WAAW,QAAQ;AAC5B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EACrD;IAAAgB,UAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,GAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,EAAA;IAAAC,GAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,IAAA;IAAAC,WAAA,EAAAC,oBAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,IAAA,EAAAC,EAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC;EAAA,IA4BIjC,KAAA;EAhBF,MAAAa,GAAA,GAAAC,EAAc,KAAAoB,SAAA,GAAAC,QAAA,GAAdrB,EAAc;EACd,MAAAC,OAAA,GAAAC,EAAkB,KAAAkB,SAAA,GAAAC,QAAA,GAAlBnB,EAAkB;EAClB,MAAAC,GAAA,GAAAC,EAAe,KAAAgB,SAAA,IAAAC,QAAA,GAAfjB,EAAe;EASf,MAAAU,IAAA,GAAAC,EAAQ,KAAAK,SAAA,OAARL,EAAQ;EAOV;IAAAO,IAAA;IAAAC;EAAA,IAAoB5C,cAAA;EAAA,IAAA6C,EAAA;EAAA,IAAArC,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAK,WAAA,IAAAL,CAAA,QAAAO,KAAA,IAAAP,CAAA,QAAAS,KAAA,IAAAT,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAM,WAAA,IAAAN,CAAA,QAAAQ,OAAA,IAAAR,CAAA,QAAAmC,IAAA,IAAAnC,CAAA,SAAAU,KAAA,IAAAV,CAAA,SAAAW,SAAA,IAAAX,CAAA,SAAAY,GAAA,IAAAZ,CAAA,SAAAc,OAAA,IAAAd,CAAA,SAAAgB,GAAA,IAAAhB,CAAA,SAAAkB,QAAA,IAAAlB,CAAA,SAAAmB,MAAA,IAAAnB,CAAA,SAAAoB,IAAA,IAAApB,CAAA,SAAAsB,oBAAA,IAAAtB,CAAA,SAAAuB,MAAA,IAAAvB,CAAA,SAAAwB,QAAA,IAAAxB,CAAA,SAAAyB,QAAA,IAAAzB,CAAA,SAAA0B,SAAA,IAAA1B,CAAA,SAAA2B,IAAA,IAAA3B,CAAA,SAAA6B,KAAA,IAAA7B,CAAA,SAAA8B,MAAA,IAAA9B,CAAA,SAAAoC,CAAA,IAAApC,CAAA,SAAA+B,KAAA,IAAA/B,CAAA,SAAAgC,aAAA;IAEpB,MAAAX,WAAA,GACEnC,cAAA,CAAeoC,oBAAA,EAAsBa,IAAA,MAAU3B,OAAA,GAAU4B,CAAA,CAAE,0BAAAH,SAAkC;IAQzF,MAAAK,EAAA,GAAAZ,SAAA,IAAa;IACb,MAAAa,EAAA,GAAAf,QAAA,IAAY;IACZ,MAAAgB,EAAA,GAAAhC,OAAA,IAAW;IAAA,IAAAiC,EAAA;IAAA,IAAAzC,CAAA,SAAAI,SAAA,IAAAJ,CAAA,SAAAsC,EAAA,IAAAtC,CAAA,SAAAuC,EAAA,IAAAvC,CAAA,SAAAwC,EAAA;MANFC,EAAA,IAAA7C,cAAA,EAAAC,SAAA,EAGTO,SAAA,EACAkC,EAAa,EACbC,EAAY,EACZC,EAAW,EAAAE,MAAA,CAAAC,OAEH;MAAA3C,CAAA,OAAAI,SAAA;MAAAJ,CAAA,OAAAsC,EAAA;MAAAtC,CAAA,OAAAuC,EAAA;MAAAvC,CAAA,OAAAwC,EAAA;MAAAxC,CAAA,OAAAyC,EAAA;IAAA;MAAAA,EAAA,GAAAzC,CAAA;IAAA;IATZqC,EAAA,GAAAO,KAAA,CAAC;MAAAxC,SAAA,EACYqC,EAQD,CAAAI,IAAA,CACF;MAAAhB,KAAA;MAAAiB,QAAA,GAGRC,IAAA,CAAAxD,qBAAA;QAAAyD,eAAA,EACmBvC,KAAA;QAAAwC,QAAA,EAEfF,IAAA,CAAApD,UAAA;UAAAe,KAAA;UAAAC,SAAA;UAAAS,IAAA;UAAAK;QAAA,C;UAGJmB,KAAA,CAAC;QAAAxC,SAAA,EAAe,GAAAR,cAAA,QAAyB;QAAAkD,QAAA,GACvCC,IAAA,CAAAxD,qBAAA;UAAAyD,eAAA,EACmBzC,KAAA;UAAA0C,QAAA,EACPF,IAAA,CAAArD,UAAA;YAAA0B,IAAA;YAAAM;UAAA,C;YAEXvB,WAAA,EACAK,OAAA,GACCuC,IAAA,CAAAzD,WAAA;UAAAc,SAAA,EACa,SAASgB,IAAA,CAAA8B,OAAA,QAAoB,OAAO;UAAAC,UAAA;YAAAC,iBAAA;UAAA;UAAAC,QAAA,EAErC7B,QAAA;UAAA8B,YAAA,EAAAA,CAAAC,CAAA,EAAAC,QAAA;YAER,MAAAC,aAAA,GAAsBC,KAAA,CAAAC,OAAA,CAAc5B,KAAA,KAAUA,KAAC,CAAA6B,MAAA,IAA6B9C,OAAA;YAAA,OACrE3B,QAAA,CAASqE,QAAA,MAAcC,aAAA;UAAA;UAAAI,WAAA;UAAAC,WAAA;UAAAC,OAAA;UAAAC,UAAA;UAAAC,gBAAA,EAAAA,CAAA;YAO9B,MAAAC,eAAA,GAAsBR,KAAA,CAAAC,OAAA,CAAc5B,KAAA,KAAUA,KAAC,CAAA6B,MAAA,IAA6B9C,OAAA;YAAA,IACxE2C,eAAA;cAAA,OACKrB,CAAA,CAAE;gBAAAxB,GAAA,EACFE,OAAA;gBAAAiB,KAAA,EACEA,KAAC,CAAA6B,MAAA;cAA4B,CACtC;YAAA;YAAA;UAAA;UAAA1C,QAAA;UAAAiD,OAAA;UAAA9C,WAAA;UAAAK,SAAA;UAAAK,KAAA,EAQGC;QAAA,C,IAGTY,KAAA,CAAC;UAAAxC,SAAA,EAAc;UAAA0C,QAAA,GACZvB,MAAA,GAASwB,IAAA,CAAC;YAAA3C,SAAA,EAAgB,GAAAP,SAAA,UAAsB;YAAAiD,QAAA,EAAGvB;UAAA,C,QAAiB,EACrEwB,IAAA,CAAC;YAAA,cACa7C,SAAA,IAAahB,cAAA,CAAewB,KAAA,EAAOyB,IAAA,KAASf,IAAA;YAAAhB,SAAA,EAC9C;YAAAiD,QAAA,EACA7B,QAAA;YAAA4C,EAAA,EACN,SAAShD,IAAA,CAAA8B,OAAA,QAAoB,OAAO;YAAAtC,GAAA;YAAAI,GAAA;YAAAqD,IAAA,EAGlCjD,IAAA;YAAAF,QAAA;YAAAoD,OAAA,EAAAC,KAAA;YAAAlD,WAAA;YAAAM,IAAA;YAAA6C,IAAA,EAQD;YAAAzC,KAAA,EACE,OAAOA,KAAA,KAAU,WAAWA,KAAA,GAAQ;UAAA,C,GAE5CD,MAAA,GAASiB,IAAA,CAAC;YAAA3C,SAAA,EAAgB,GAAAP,SAAA,UAAsB;YAAAiD,QAAA,EAAGhB;UAAA,C,QAAiB,EACpEX,MAAA,IACC4B,IAAA,CAAA1D,YAAA;YAAAgE,QAAA,EACY7B,QAAA;YAAAiD,WAAA,EAAAA,CAAA,KACStD,MAAA,CAAO;YAAAuD,WAAA,EAAAA,CAAA,KACPvD,MAAA,CAAO;UAAA,C;YAKjClB,UAAA,EACD8C,IAAA,CAAAxD,qBAAA;UAAAyD,eAAA,EACmB3C,WAAA;UAAA4C,QAAA,EACPF,IAAA,CAAAtD,gBAAA;YAAAa,WAAA;YAAAc;UAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAxFhBiB,E;CA6FJ;AAlIuD,SAAAkC,MAAAI,CAAA;EAyGvCA,CAAA,CAAAC,MAAA,CAAAC,IAAA,CAAa;AAAA","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,CA2FtD,CAAA"}
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(31);
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 t1 = showError && "error";
49
- const t2 = readOnly && "read-only";
50
- let t3;
51
- if ($[0] !== className || $[1] !== t1 || $[2] !== t2) {
52
- t3 = [fieldBaseClass, baseClass, className, t1, t2].filter(Boolean);
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] = t1;
55
- $[2] = t2;
56
- $[3] = t3;
56
+ $[1] = t2;
57
+ $[2] = t3;
58
+ $[3] = t4;
57
59
  } else {
58
- t3 = $[3];
60
+ t4 = $[3];
59
61
  }
60
- const t4 = t3.join(" ");
61
- let t5;
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] !== style || $[25] !== t || $[26] !== t4 || $[27] !== value || $[28] !== width) {
63
- let t6;
64
- if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
65
- t6 = () => setShowPassword(_temp);
66
- $[30] = t6;
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
- t6 = $[30];
70
+ t7 = $[31];
69
71
  }
70
- t5 = _jsxs("div", {
71
- className: t4,
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: t6,
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] = style;
149
- $[25] = t;
150
- $[26] = t4;
151
- $[27] = value;
152
- $[28] = width;
153
- $[29] = t5;
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
- t5 = $[29];
159
+ t6 = $[30];
156
160
  }
157
- return t5;
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","t1","t2","t3","filter","Boolean","t4","join","t5","t6","Symbol","for","_temp","_jsxs","children","_jsx","CustomComponent","Fallback","disabled","id","replace","name","ref","type","onClick","active","size","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 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 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":[]}
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,CA83B9D,CAAA"}
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, {