@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
@@ -13,7 +13,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
13
13
  import { fieldBaseClass } from '../shared/index.js';
14
14
  import './index.css';
15
15
  export const TextInput = props => {
16
- const $ = _c(33);
16
+ const $ = _c(34);
17
17
  const {
18
18
  id: idFromProps,
19
19
  AfterInput,
@@ -37,34 +37,37 @@ export const TextInput = props => {
37
37
  required,
38
38
  rtl,
39
39
  showError,
40
+ size: t0,
40
41
  style,
41
42
  value,
42
43
  valueToRender
43
44
  } = props;
45
+ const size = t0 === undefined ? "large" : t0;
44
46
  const {
45
47
  i18n,
46
48
  t
47
49
  } = useTranslation();
48
50
  const editableProps = _temp2;
49
- let t0;
50
- if ($[0] !== AfterInput || $[1] !== BeforeInput || $[2] !== Description || $[3] !== Error || $[4] !== Label || $[5] !== className || $[6] !== description || $[7] !== hasMany || $[8] !== htmlAttributes || $[9] !== i18n || $[10] !== idFromProps || $[11] !== inputRef || $[12] !== label || $[13] !== localized || $[14] !== maxRows || $[15] !== onChange || $[16] !== onKeyDown || $[17] !== path || $[18] !== placeholderFromProps || $[19] !== readOnly || $[20] !== required || $[21] !== rtl || $[22] !== showError || $[23] !== style || $[24] !== t || $[25] !== value || $[26] !== valueToRender) {
51
+ let t1;
52
+ if ($[0] !== AfterInput || $[1] !== BeforeInput || $[2] !== Description || $[3] !== Error || $[4] !== Label || $[5] !== className || $[6] !== description || $[7] !== hasMany || $[8] !== htmlAttributes || $[9] !== i18n || $[10] !== idFromProps || $[11] !== inputRef || $[12] !== label || $[13] !== localized || $[14] !== maxRows || $[15] !== onChange || $[16] !== onKeyDown || $[17] !== path || $[18] !== placeholderFromProps || $[19] !== readOnly || $[20] !== required || $[21] !== rtl || $[22] !== showError || $[23] !== size || $[24] !== style || $[25] !== t || $[26] !== value || $[27] !== valueToRender) {
51
53
  const placeholder = getTranslation(placeholderFromProps, i18n);
52
- const t1 = showError && "error";
53
- const t2 = readOnly && "read-only";
54
- const t3 = hasMany && "has-many";
55
- let t4;
56
- if ($[28] !== className || $[29] !== t1 || $[30] !== t2 || $[31] !== t3) {
57
- t4 = [fieldBaseClass, "text", className, t1, t2, t3].filter(Boolean);
58
- $[28] = className;
59
- $[29] = t1;
54
+ const t2 = showError && "error";
55
+ const t3 = readOnly && "read-only";
56
+ const t4 = hasMany && "has-many";
57
+ let t5;
58
+ if ($[29] !== className || $[30] !== t2 || $[31] !== t3 || $[32] !== t4) {
59
+ t5 = [fieldBaseClass, "text", className, t2, t3, t4].filter(Boolean);
60
+ $[29] = className;
60
61
  $[30] = t2;
61
62
  $[31] = t3;
62
63
  $[32] = t4;
64
+ $[33] = t5;
63
65
  } else {
64
- t4 = $[32];
66
+ t5 = $[33];
65
67
  }
66
- t0 = _jsxs("div", {
67
- className: t4.join(" "),
68
+ t1 = _jsxs("div", {
69
+ className: t5.join(" "),
70
+ "data-size": size,
68
71
  style,
69
72
  children: [_jsx(RenderCustomComponent, {
70
73
  CustomComponent: Label,
@@ -158,15 +161,16 @@ export const TextInput = props => {
158
161
  $[20] = required;
159
162
  $[21] = rtl;
160
163
  $[22] = showError;
161
- $[23] = style;
162
- $[24] = t;
163
- $[25] = value;
164
- $[26] = valueToRender;
165
- $[27] = t0;
164
+ $[23] = size;
165
+ $[24] = style;
166
+ $[25] = t;
167
+ $[26] = value;
168
+ $[27] = valueToRender;
169
+ $[28] = t1;
166
170
  } else {
167
- t0 = $[27];
171
+ t1 = $[28];
168
172
  }
169
- return t0;
173
+ return t1;
170
174
  };
171
175
  function _temp(event) {
172
176
  event.currentTarget.contentEditable = "false";
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextInput","props","$","id","idFromProps","AfterInput","BeforeInput","className","Description","description","Error","hasMany","htmlAttributes","inputRef","Label","label","localized","maxRows","onChange","onKeyDown","path","placeholder","placeholderFromProps","readOnly","required","rtl","showError","style","value","valueToRender","i18n","t","editableProps","_temp2","t0","t1","t2","t3","t4","filter","Boolean","_jsxs","join","children","_jsx","CustomComponent","Fallback","htmlFor","replace","components","DropdownIndicator","customProps","disabled","filterOption","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","menuIsOpen","noOptionsMessage","isOverHasMany","max","options","name","ref","type","_temp","event","currentTarget","contentEditable","data","className_0","selectProps","editableClassName","onBlur","onClick","event_0","classList","add","focus","event_1","nativeEvent","isComposing","key","remove","innerText","replaceAll","action","option","newValues","v","removedValue","preventDefault","stopPropagation"],"sources":["../../../src/fields/Text/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { TextInputProps } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\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 { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n const {\n id: idFromProps,\n AfterInput,\n BeforeInput,\n className,\n Description,\n description,\n Error,\n hasMany,\n htmlAttributes,\n inputRef,\n Label,\n label,\n localized,\n maxRows,\n onChange,\n onKeyDown,\n path,\n placeholder: placeholderFromProps,\n readOnly,\n required,\n rtl,\n showError,\n style,\n value,\n valueToRender,\n } = props\n\n const { i18n, t } = useTranslation()\n\n const editableProps: ReactSelectAdapterProps['customProps']['editableProps'] = (\n data,\n className,\n selectProps,\n ) => {\n const editableClassName = `${className}--editable`\n\n return {\n onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n event.currentTarget.contentEditable = 'false'\n },\n onClick: (event: React.MouseEvent<HTMLDivElement>) => {\n event.currentTarget.contentEditable = 'true'\n event.currentTarget.classList.add(editableClassName)\n event.currentTarget.focus()\n },\n onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (\n !event.nativeEvent.isComposing &&\n (event.key === 'Enter' || event.key === 'Tab' || event.key === 'Escape')\n ) {\n event.currentTarget.contentEditable = 'false'\n event.currentTarget.classList.remove(editableClassName)\n data.value.value = event.currentTarget.innerText\n data.label = event.currentTarget.innerText\n\n if (data.value.value.replaceAll('\\n', '')) {\n selectProps.onChange(selectProps.value, {\n action: 'create-option',\n option: data,\n })\n } else {\n if (Array.isArray(selectProps.value)) {\n const newValues = selectProps.value.filter((v) => v.id !== data.id)\n selectProps.onChange(newValues, {\n action: 'pop-value',\n removedValue: data,\n })\n }\n }\n\n event.preventDefault()\n }\n event.stopPropagation()\n },\n }\n }\n\n const placeholder = getTranslation(placeholderFromProps, i18n)\n\n return (\n <div\n className={[\n fieldBaseClass,\n 'text',\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\n htmlFor={idFromProps}\n label={label}\n localized={localized}\n path={path}\n required={required}\n />\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 customProps={{\n editableProps,\n }}\n disabled={readOnly}\n // prevent adding additional options if maxRows is reached\n filterOption={() =>\n !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows)\n }\n isClearable={false}\n isCreatable\n isMulti\n isSortable\n menuIsOpen={false}\n noOptionsMessage={() => {\n const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n if (isOverHasMany) {\n return t('validation:limitReached', { max: maxRows, value: value.length + 1 })\n }\n return null\n }}\n onChange={onChange}\n options={[]}\n placeholder={placeholder}\n showError={showError}\n value={valueToRender}\n />\n ) : (\n <input\n className=\"form-input\"\n data-rtl={rtl}\n disabled={readOnly}\n id={idFromProps ?? `field-${path?.replace(/\\./g, '__')}`}\n name={path}\n onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n ref={inputRef}\n type=\"text\"\n value={value || ''}\n {...(htmlAttributes ?? {})}\n />\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","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextInput","props","$","id","idFromProps","AfterInput","BeforeInput","className","Description","description","Error","hasMany","htmlAttributes","inputRef","Label","label","localized","maxRows","onChange","onKeyDown","path","placeholder","placeholderFromProps","readOnly","required","rtl","showError","size","t0","style","value","valueToRender","undefined","i18n","t","editableProps","_temp2","t1","t2","t3","t4","t5","filter","Boolean","_jsxs","join","children","_jsx","CustomComponent","Fallback","htmlFor","replace","components","DropdownIndicator","customProps","disabled","filterOption","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","menuIsOpen","noOptionsMessage","isOverHasMany","max","options","name","ref","type","_temp","event","currentTarget","contentEditable","data","className_0","selectProps","editableClassName","onBlur","onClick","event_0","classList","add","focus","event_1","nativeEvent","isComposing","key","remove","innerText","replaceAll","action","option","newValues","v","removedValue","preventDefault","stopPropagation"],"sources":["../../../src/fields/Text/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { TextInputProps } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\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 { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n const {\n id: idFromProps,\n AfterInput,\n BeforeInput,\n className,\n Description,\n description,\n Error,\n hasMany,\n htmlAttributes,\n inputRef,\n Label,\n label,\n localized,\n maxRows,\n onChange,\n onKeyDown,\n path,\n placeholder: placeholderFromProps,\n readOnly,\n required,\n rtl,\n showError,\n size = 'large',\n style,\n value,\n valueToRender,\n } = props\n\n const { i18n, t } = useTranslation()\n\n const editableProps: ReactSelectAdapterProps['customProps']['editableProps'] = (\n data,\n className,\n selectProps,\n ) => {\n const editableClassName = `${className}--editable`\n\n return {\n onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n event.currentTarget.contentEditable = 'false'\n },\n onClick: (event: React.MouseEvent<HTMLDivElement>) => {\n event.currentTarget.contentEditable = 'true'\n event.currentTarget.classList.add(editableClassName)\n event.currentTarget.focus()\n },\n onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (\n !event.nativeEvent.isComposing &&\n (event.key === 'Enter' || event.key === 'Tab' || event.key === 'Escape')\n ) {\n event.currentTarget.contentEditable = 'false'\n event.currentTarget.classList.remove(editableClassName)\n data.value.value = event.currentTarget.innerText\n data.label = event.currentTarget.innerText\n\n if (data.value.value.replaceAll('\\n', '')) {\n selectProps.onChange(selectProps.value, {\n action: 'create-option',\n option: data,\n })\n } else {\n if (Array.isArray(selectProps.value)) {\n const newValues = selectProps.value.filter((v) => v.id !== data.id)\n selectProps.onChange(newValues, {\n action: 'pop-value',\n removedValue: data,\n })\n }\n }\n\n event.preventDefault()\n }\n event.stopPropagation()\n },\n }\n }\n\n const placeholder = getTranslation(placeholderFromProps, i18n)\n\n return (\n <div\n className={[\n fieldBaseClass,\n 'text',\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\n htmlFor={idFromProps}\n label={label}\n localized={localized}\n path={path}\n required={required}\n />\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 customProps={{\n editableProps,\n }}\n disabled={readOnly}\n // prevent adding additional options if maxRows is reached\n filterOption={() =>\n !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows)\n }\n isClearable={false}\n isCreatable\n isMulti\n isSortable\n menuIsOpen={false}\n noOptionsMessage={() => {\n const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n if (isOverHasMany) {\n return t('validation:limitReached', { max: maxRows, value: value.length + 1 })\n }\n return null\n }}\n onChange={onChange}\n options={[]}\n placeholder={placeholder}\n showError={showError}\n value={valueToRender}\n />\n ) : (\n <input\n className=\"form-input\"\n data-rtl={rtl}\n disabled={readOnly}\n id={idFromProps ?? `field-${path?.replace(/\\./g, '__')}`}\n name={path}\n onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n ref={inputRef}\n type=\"text\"\n value={value || ''}\n {...(htmlAttributes ?? {})}\n />\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":[]}
@@ -39,6 +39,10 @@ export type TextInputProps = {
39
39
  readonly required?: boolean;
40
40
  readonly rtl?: boolean;
41
41
  readonly showError?: boolean;
42
+ /**
43
+ * Controls the height of the input. Defaults to `'large'`.
44
+ */
45
+ readonly size?: 'large' | 'medium';
42
46
  readonly style?: React.CSSProperties;
43
47
  readonly value?: string;
44
48
  readonly valueToRender?: Option[];
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAE1F,MAAM,MAAM,oBAAoB,GAC5B;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC/D,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,cAAc,GAAG;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,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,cAAc,CAAC,EAAE;QACxB,YAAY,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;QAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,CAAA;QAC7D,QAAQ,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAA;KACtD,CAAA;IACD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,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,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,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,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;CAClC,GAAG,oBAAoB,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAE1F,MAAM,MAAM,oBAAoB,GAC5B;IACE,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC/D,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,cAAc,GAAG;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,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,cAAc,CAAC,EAAE;QACxB,YAAY,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;QAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,CAAA;QAC7D,QAAQ,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAA;KACtD,CAAA;IACD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,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,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,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;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAClC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;CAClC,GAAG,oBAAoB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Text/types.ts"],"sourcesContent":["import type { StaticDescription, StaticLabel } from 'payload'\nimport type { ChangeEvent, JSX } from 'react'\nimport type React from 'react'\n\nimport type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nexport type SharedTextFieldProps =\n | {\n readonly hasMany?: false\n readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n }\n | {\n readonly hasMany?: true\n readonly onChange?: ReactSelectAdapterProps['onChange']\n }\n\nexport type TextInputProps = {\n readonly AfterInput?: React.ReactNode\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 htmlAttributes?: {\n 'aria-label'?: JSX.IntrinsicElements['input']['aria-label']\n autoComplete?: JSX.IntrinsicElements['input']['autoComplete']\n readOnly?: JSX.IntrinsicElements['input']['readOnly']\n }\n /**\n * Overrides the input `id` and label `htmlFor`. Defaults to 'field-' + path.\n * Use to avoid duplicate IDs when two inputs share a path.\n */\n readonly id?: string\n readonly inputRef?: React.RefObject<HTMLInputElement>\n readonly Label?: React.ReactNode\n readonly label?: StaticLabel\n readonly localized?: boolean\n readonly maxRows?: number\n readonly minRows?: number\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 valueToRender?: Option[]\n} & SharedTextFieldProps\n"],"mappings":"AAgBA","ignoreList":[]}
1
+ {"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Text/types.ts"],"sourcesContent":["import type { StaticDescription, StaticLabel } from 'payload'\nimport type { ChangeEvent, JSX } from 'react'\nimport type React from 'react'\n\nimport type { Option, ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nexport type SharedTextFieldProps =\n | {\n readonly hasMany?: false\n readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n }\n | {\n readonly hasMany?: true\n readonly onChange?: ReactSelectAdapterProps['onChange']\n }\n\nexport type TextInputProps = {\n readonly AfterInput?: React.ReactNode\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 htmlAttributes?: {\n 'aria-label'?: JSX.IntrinsicElements['input']['aria-label']\n autoComplete?: JSX.IntrinsicElements['input']['autoComplete']\n readOnly?: JSX.IntrinsicElements['input']['readOnly']\n }\n /**\n * Overrides the input `id` and label `htmlFor`. Defaults to 'field-' + path.\n * Use to avoid duplicate IDs when two inputs share a path.\n */\n readonly id?: string\n readonly inputRef?: React.RefObject<HTMLInputElement>\n readonly Label?: React.ReactNode\n readonly label?: StaticLabel\n readonly localized?: boolean\n readonly maxRows?: number\n readonly minRows?: number\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 valueToRender?: Option[]\n} & SharedTextFieldProps\n"],"mappings":"AAgBA","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkFtD,CAAA"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAQpD,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoFtD,CAAA"}
@@ -12,7 +12,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
12
12
  import { fieldBaseClass } from '../shared/index.js';
13
13
  import './index.css';
14
14
  export const TextareaInput = props => {
15
- const $ = _c(26);
15
+ const $ = _c(27);
16
16
  const {
17
17
  AfterInput,
18
18
  BeforeInput,
@@ -31,35 +31,38 @@ export const TextareaInput = props => {
31
31
  rows,
32
32
  rtl,
33
33
  showError,
34
+ size: t0,
34
35
  style,
35
36
  value
36
37
  } = props;
38
+ const size = t0 === undefined ? "large" : t0;
37
39
  const {
38
40
  i18n
39
41
  } = useTranslation();
40
- const t0 = showError && "error";
41
- const t1 = readOnly && "read-only";
42
- let t2;
43
- if ($[0] !== className || $[1] !== t0 || $[2] !== t1) {
44
- t2 = [fieldBaseClass, "textarea", className, t0, t1].filter(Boolean);
42
+ const t1 = showError && "error";
43
+ const t2 = readOnly && "read-only";
44
+ let t3;
45
+ if ($[0] !== className || $[1] !== t1 || $[2] !== t2) {
46
+ t3 = [fieldBaseClass, "textarea", className, t1, t2].filter(Boolean);
45
47
  $[0] = className;
46
- $[1] = t0;
47
- $[2] = t1;
48
- $[3] = t2;
48
+ $[1] = t1;
49
+ $[2] = t2;
50
+ $[3] = t3;
49
51
  } else {
50
- t2 = $[3];
52
+ t3 = $[3];
51
53
  }
52
- const t3 = t2.join(" ");
53
- const t4 = `field-${path.replace(/\./g, "__")}`;
54
- let t5;
55
- if ($[4] !== AfterInput || $[5] !== BeforeInput || $[6] !== Description || $[7] !== Error || $[8] !== Label || $[9] !== description || $[10] !== i18n || $[11] !== label || $[12] !== localized || $[13] !== onChange || $[14] !== path || $[15] !== placeholder || $[16] !== readOnly || $[17] !== required || $[18] !== rows || $[19] !== rtl || $[20] !== showError || $[21] !== style || $[22] !== t3 || $[23] !== t4 || $[24] !== value) {
56
- t5 = _jsxs("div", {
57
- className: t3,
54
+ const t4 = t3.join(" ");
55
+ const t5 = `field-${path.replace(/\./g, "__")}`;
56
+ let t6;
57
+ if ($[4] !== AfterInput || $[5] !== BeforeInput || $[6] !== Description || $[7] !== Error || $[8] !== Label || $[9] !== description || $[10] !== i18n || $[11] !== label || $[12] !== localized || $[13] !== onChange || $[14] !== path || $[15] !== placeholder || $[16] !== readOnly || $[17] !== required || $[18] !== rows || $[19] !== rtl || $[20] !== showError || $[21] !== size || $[22] !== style || $[23] !== t4 || $[24] !== t5 || $[25] !== value) {
58
+ t6 = _jsxs("div", {
59
+ className: t4,
60
+ "data-size": size,
58
61
  style,
59
62
  children: [_jsx(RenderCustomComponent, {
60
63
  CustomComponent: Label,
61
64
  Fallback: _jsx(FieldLabel, {
62
- htmlFor: t4,
65
+ htmlFor: t5,
63
66
  label,
64
67
  localized,
65
68
  path,
@@ -115,14 +118,15 @@ export const TextareaInput = props => {
115
118
  $[18] = rows;
116
119
  $[19] = rtl;
117
120
  $[20] = showError;
118
- $[21] = style;
119
- $[22] = t3;
121
+ $[21] = size;
122
+ $[22] = style;
120
123
  $[23] = t4;
121
- $[24] = value;
122
- $[25] = t5;
124
+ $[24] = t5;
125
+ $[25] = value;
126
+ $[26] = t6;
123
127
  } else {
124
- t5 = $[25];
128
+ t6 = $[26];
125
129
  }
126
- return t5;
130
+ return t6;
127
131
  };
128
132
  //# sourceMappingURL=Input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextareaInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","Label","label","localized","onChange","path","placeholder","readOnly","required","rows","rtl","showError","style","value","i18n","t0","t1","t2","filter","Boolean","t3","join","t4","replace","t5","_jsxs","children","_jsx","CustomComponent","Fallback","htmlFor","disabled","id","name"],"sources":["../../../src/fields/Textarea/Input.tsx"],"sourcesContent":["'use client'\nimport type { CSSProperties } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextAreaInputProps } 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 { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nexport const TextareaInput: React.FC<TextAreaInputProps> = (props) => {\n const {\n AfterInput,\n BeforeInput,\n className,\n Description,\n description,\n Error,\n Label,\n label,\n localized,\n onChange,\n path,\n placeholder,\n readOnly,\n required,\n rows,\n rtl,\n showError,\n style,\n value,\n } = props\n\n const { i18n } = useTranslation()\n\n return (\n <div\n className={[\n fieldBaseClass,\n 'textarea',\n className,\n showError && 'error',\n readOnly && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n style={style}\n >\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel\n htmlFor={`field-${path.replace(/\\./g, '__')}`}\n label={label}\n localized={localized}\n path={path}\n required={required}\n />\n }\n />\n <div className={`${fieldBaseClass}__wrap`}>\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n {BeforeInput}\n <div className=\"textarea-outer\">\n <textarea\n className=\"form-input\"\n data-rtl={rtl}\n disabled={readOnly}\n id={`field-${path.replace(/\\./g, '__')}`}\n name={path}\n onChange={onChange}\n placeholder={getTranslation(placeholder, i18n)}\n rows={rows}\n style={\n {\n '--rows': rows,\n } as CSSProperties\n }\n value={value || ''}\n />\n </div>\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","React","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextareaInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","Label","label","localized","onChange","path","placeholder","readOnly","required","rows","rtl","showError","size","t0","style","value","undefined","i18n","t1","t2","t3","filter","Boolean","t4","join","t5","replace","t6","_jsxs","children","_jsx","CustomComponent","Fallback","htmlFor","disabled","id","name"],"sources":["../../../src/fields/Textarea/Input.tsx"],"sourcesContent":["'use client'\nimport type { CSSProperties } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextAreaInputProps } 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 { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nexport const TextareaInput: React.FC<TextAreaInputProps> = (props) => {\n const {\n AfterInput,\n BeforeInput,\n className,\n Description,\n description,\n Error,\n Label,\n label,\n localized,\n onChange,\n path,\n placeholder,\n readOnly,\n required,\n rows,\n rtl,\n showError,\n size = 'large',\n style,\n value,\n } = props\n\n const { i18n } = useTranslation()\n\n return (\n <div\n className={[\n fieldBaseClass,\n 'textarea',\n className,\n showError && 'error',\n readOnly && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n data-size={size}\n style={style}\n >\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={\n <FieldLabel\n htmlFor={`field-${path.replace(/\\./g, '__')}`}\n label={label}\n localized={localized}\n path={path}\n required={required}\n />\n }\n />\n <div className={`${fieldBaseClass}__wrap`}>\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n {BeforeInput}\n <div className=\"textarea-outer\">\n <textarea\n className=\"form-input\"\n data-rtl={rtl}\n disabled={readOnly}\n id={`field-${path.replace(/\\./g, '__')}`}\n name={path}\n onChange={onChange}\n placeholder={getTranslation(placeholder, i18n)}\n rows={rows}\n style={\n {\n '--rows': rows,\n } as CSSProperties\n }\n value={value || ''}\n />\n </div>\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":[]}
@@ -15,7 +15,7 @@
15
15
  textarea {
16
16
  overflow-y: auto;
17
17
  resize: vertical;
18
- min-height: calc(var(--field-min-height) * 2);
18
+ min-height: calc(var(--field-min-height-large) * 2);
19
19
  height: auto;
20
20
  display: flex;
21
21
  field-sizing: content;
@@ -21,6 +21,10 @@ export type TextAreaInputProps = {
21
21
  readonly rows?: number;
22
22
  readonly rtl?: boolean;
23
23
  readonly showError?: boolean;
24
+ /**
25
+ * Controls the height of the input. Defaults to `'large'`.
26
+ */
27
+ readonly size?: 'large' | 'medium';
24
28
  readonly style?: React.CSSProperties;
25
29
  readonly value?: string;
26
30
  readonly valueToRender?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,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,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD,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,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACjE,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,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,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,aAAa,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Textarea/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,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,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACrD,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,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACjE,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,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAClC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Textarea/types.ts"],"sourcesContent":["import type { StaticDescription, StaticLabel } from 'payload'\nimport type React from 'react'\n\nimport { type ChangeEvent } from 'react'\n\nexport type TextAreaInputProps = {\n readonly AfterInput?: React.ReactNode\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 inputRef?: React.RefObject<HTMLInputElement>\n readonly Label?: React.ReactNode\n readonly label?: StaticLabel\n readonly localized?: boolean\n readonly onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void\n readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n readonly path: string\n readonly placeholder?: string\n readonly readOnly?: boolean\n readonly required?: boolean\n readonly rows?: number\n readonly rtl?: boolean\n readonly showError?: boolean\n readonly style?: React.CSSProperties\n readonly value?: string\n readonly valueToRender?: string\n}\n"],"mappings":"AAKA","ignoreList":[]}
1
+ {"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Textarea/types.ts"],"sourcesContent":["import type { StaticDescription, StaticLabel } from 'payload'\nimport type React from 'react'\n\nimport { type ChangeEvent } from 'react'\n\nexport type TextAreaInputProps = {\n readonly AfterInput?: React.ReactNode\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 inputRef?: React.RefObject<HTMLInputElement>\n readonly Label?: React.ReactNode\n readonly label?: StaticLabel\n readonly localized?: boolean\n readonly onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void\n readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n readonly path: string\n readonly placeholder?: string\n readonly readOnly?: boolean\n readonly required?: boolean\n readonly rows?: number\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 valueToRender?: string\n}\n"],"mappings":"AAKA","ignoreList":[]}