@payloadcms/ui 3.0.0-beta.134 → 3.0.0-beta.135

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 (112) hide show
  1. package/dist/assets/payload-favicon-dark.png +0 -0
  2. package/dist/assets/payload-favicon-light.png +0 -0
  3. package/dist/assets/payload-favicon.svg +4 -4
  4. package/dist/assets/payload-logo-dark.svg +1 -23
  5. package/dist/assets/payload-logo-light.svg +1 -23
  6. package/dist/assets/static-og-image.png +0 -0
  7. package/dist/elements/RenderServerComponent/index.d.ts +0 -6
  8. package/dist/elements/RenderServerComponent/index.d.ts.map +1 -1
  9. package/dist/elements/RenderServerComponent/index.js +1 -24
  10. package/dist/elements/RenderServerComponent/index.js.map +1 -1
  11. package/dist/elements/WhereBuilder/Condition/DefaultFilter/index.js +1 -1
  12. package/dist/elements/WhereBuilder/Condition/DefaultFilter/index.js.map +1 -1
  13. package/dist/exports/client/index.js +22 -22
  14. package/dist/exports/client/index.js.map +4 -4
  15. package/dist/exports/shared/index.d.ts +1 -0
  16. package/dist/exports/shared/index.d.ts.map +1 -1
  17. package/dist/exports/shared/index.js +2 -2
  18. package/dist/exports/shared/index.js.map +4 -4
  19. package/dist/fields/Checkbox/index.d.ts.map +1 -1
  20. package/dist/fields/Checkbox/index.js +71 -183
  21. package/dist/fields/Checkbox/index.js.map +1 -1
  22. package/dist/fields/Code/index.d.ts.map +1 -1
  23. package/dist/fields/Code/index.js +68 -170
  24. package/dist/fields/Code/index.js.map +1 -1
  25. package/dist/fields/Collapsible/index.d.ts.map +1 -1
  26. package/dist/fields/Collapsible/index.js +100 -207
  27. package/dist/fields/Collapsible/index.js.map +1 -1
  28. package/dist/fields/DateTime/index.d.ts.map +1 -1
  29. package/dist/fields/DateTime/index.js +72 -162
  30. package/dist/fields/DateTime/index.js.map +1 -1
  31. package/dist/fields/Email/index.d.ts.map +1 -1
  32. package/dist/fields/Email/index.js +72 -161
  33. package/dist/fields/Email/index.js.map +1 -1
  34. package/dist/fields/Group/index.d.ts.map +1 -1
  35. package/dist/fields/Group/index.js +64 -152
  36. package/dist/fields/Group/index.js.map +1 -1
  37. package/dist/fields/JSON/index.d.ts.map +1 -1
  38. package/dist/fields/JSON/index.js +7 -10
  39. package/dist/fields/JSON/index.js.map +1 -1
  40. package/dist/fields/Join/index.d.ts.map +1 -1
  41. package/dist/fields/Join/index.js +0 -1
  42. package/dist/fields/Join/index.js.map +1 -1
  43. package/dist/fields/Number/index.d.ts.map +1 -1
  44. package/dist/fields/Number/index.js +143 -275
  45. package/dist/fields/Number/index.js.map +1 -1
  46. package/dist/fields/Password/index.d.ts.map +1 -1
  47. package/dist/fields/Password/index.js +79 -166
  48. package/dist/fields/Password/index.js.map +1 -1
  49. package/dist/fields/Point/index.d.ts.map +1 -1
  50. package/dist/fields/Point/index.js +110 -235
  51. package/dist/fields/Point/index.js.map +1 -1
  52. package/dist/fields/RadioGroup/index.d.ts.map +1 -1
  53. package/dist/fields/RadioGroup/index.js +93 -209
  54. package/dist/fields/RadioGroup/index.js.map +1 -1
  55. package/dist/fields/Relationship/index.d.ts.map +1 -1
  56. package/dist/fields/Relationship/index.js +7 -10
  57. package/dist/fields/Relationship/index.js.map +1 -1
  58. package/dist/fields/Select/Input.d.ts +0 -1
  59. package/dist/fields/Select/Input.d.ts.map +1 -1
  60. package/dist/fields/Select/Input.js +45 -50
  61. package/dist/fields/Select/Input.js.map +1 -1
  62. package/dist/fields/Select/index.d.ts.map +1 -1
  63. package/dist/fields/Select/index.js +7 -7
  64. package/dist/fields/Select/index.js.map +1 -1
  65. package/dist/fields/Text/Input.d.ts.map +1 -1
  66. package/dist/fields/Text/Input.js +31 -36
  67. package/dist/fields/Text/Input.js.map +1 -1
  68. package/dist/fields/Text/index.d.ts +1 -1
  69. package/dist/fields/Text/index.d.ts.map +1 -1
  70. package/dist/fields/Text/index.js +93 -171
  71. package/dist/fields/Text/index.js.map +1 -1
  72. package/dist/fields/Text/types.d.ts +0 -1
  73. package/dist/fields/Text/types.d.ts.map +1 -1
  74. package/dist/fields/Text/types.js.map +1 -1
  75. package/dist/fields/Textarea/Input.d.ts.map +1 -1
  76. package/dist/fields/Textarea/Input.js +26 -31
  77. package/dist/fields/Textarea/Input.js.map +1 -1
  78. package/dist/fields/Textarea/index.d.ts.map +1 -1
  79. package/dist/fields/Textarea/index.js +62 -112
  80. package/dist/fields/Textarea/index.js.map +1 -1
  81. package/dist/fields/Textarea/types.d.ts +0 -1
  82. package/dist/fields/Textarea/types.d.ts.map +1 -1
  83. package/dist/fields/Textarea/types.js.map +1 -1
  84. package/dist/fields/Upload/Input.d.ts +0 -1
  85. package/dist/fields/Upload/Input.d.ts.map +1 -1
  86. package/dist/fields/Upload/Input.js +41 -46
  87. package/dist/fields/Upload/Input.js.map +1 -1
  88. package/dist/fields/Upload/index.d.ts.map +1 -1
  89. package/dist/fields/Upload/index.js +63 -135
  90. package/dist/fields/Upload/index.js.map +1 -1
  91. package/dist/fields/mergeFieldStyles.d.ts +3 -0
  92. package/dist/fields/mergeFieldStyles.d.ts.map +1 -0
  93. package/dist/fields/mergeFieldStyles.js +13 -0
  94. package/dist/fields/mergeFieldStyles.js.map +1 -0
  95. package/dist/forms/fieldSchemasToFormState/renderField.d.ts.map +1 -1
  96. package/dist/forms/fieldSchemasToFormState/renderField.js +10 -8
  97. package/dist/forms/fieldSchemasToFormState/renderField.js.map +1 -1
  98. package/dist/graphics/Icon/index.d.ts.map +1 -1
  99. package/dist/graphics/Icon/index.js +2 -2
  100. package/dist/graphics/Icon/index.js.map +1 -1
  101. package/dist/graphics/Logo/index.d.ts.map +1 -1
  102. package/dist/graphics/Logo/index.js +30 -21
  103. package/dist/graphics/Logo/index.js.map +1 -1
  104. package/dist/utilities/buildFormState.d.ts +0 -4
  105. package/dist/utilities/buildFormState.d.ts.map +1 -1
  106. package/dist/utilities/buildFormState.js +1 -15
  107. package/dist/utilities/buildFormState.js.map +1 -1
  108. package/dist/utilities/buildTableState.d.ts +2 -1
  109. package/dist/utilities/buildTableState.d.ts.map +1 -1
  110. package/dist/utilities/buildTableState.js +6 -3
  111. package/dist/utilities/buildTableState.js.map +1 -1
  112. package/package.json +5 -5
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["wordBoundariesRegex","qs","React","useCallback","useEffect","useReducer","useRef","useState","AddNewRelation","useDocumentDrawer","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useDebouncedCallback","useIgnoredEffect","useAuth","useConfig","useLocale","useTranslation","fieldBaseClass","createRelationMap","findOptionsByValue","optionsReducer","MultiValueLabel","SingleValue","maxResultsPerRequest","baseClass","RelationshipFieldComponent","props","field","name","admin","allowCreate","allowEdit","className","description","isSortable","sortOptions","style","width","hasMany","label","localized","relationTo","required","path","readOnly","validate","config","collections","routes","api","serverURL","i18n","t","permissions","code","locale","hasMultipleRelations","Array","isArray","currentlyOpenRelationship","setCurrentlyOpenRelationship","id","undefined","collectionSlug","hasReadPermission","lastFullyLoadedRelation","setLastFullyLoadedRelation","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","search","setSearch","isLoading","setIsLoading","enableWordBoundarySearch","setEnableWordBoundarySearch","menuIsOpen","setMenuIsOpen","hasLoadedFirstPageRef","memoizedValidate","value","validationOptions","customComponents","Description","Error","Label","filterOptions","initialValue","setValue","showError","options","dispatchOptions","valueRef","current","DocumentDrawer","isDrawerOpen","openDrawer","openDrawerWhenRelationChanges","getResults","lastFullyLoadedRelationArg","lastLoadedPageArg","onSuccess","searchArg","sort","valueArg","lastFullyLoadedRelationToUse","relations","relationsToFetch","slice","resultsFetched","relationMap","reduce","priorRelation","relation","relationFilterOption","lastLoadedPageToUse","indexOf","Promise","resolve","collection","find","coll","slug","fieldToSearch","useAsTitle","fieldToSort","defaultSort","query","depth","draft","limit","page","where","and","not_in","push","like","response","fetch","body","stringify","credentials","headers","language","method","ok","data","json","prevState","nextPage","docs","length","type","status","ids","updateSearch","handleInputChange","Object","entries","idsToLoad","filter","optionGroup","option","in","isIdOnly","idOnly","exemptValues","onSave","args","collectionConfig","doc","currentValue","docId","unchanged","some","valuesToSet","map","onDuplicate","concat","onDelete","filterOption","item","searchFilter","r","breakApartThreshold","labelString","String","indexOfSpace","test","onDocumentDrawerOpen","valueToRender","_jsxs","Boolean","join","replace","_jsx","CustomComponent","Fallback","backspaceRemovesValue","components","customProps","disableKeyDown","disableMouseDown","disabled","getOptionValue","isMulti","onChange","selected","onInputChange","newSearch","onMenuClose","onMenuOpen","onMenuScrollToBottom","RelationshipField"],"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs, RelationshipFieldClientComponent, Where } from 'payload'\n\nimport { wordBoundariesRegex } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useReducer, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../elements/DocumentDrawer/types.js'\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { GetResults, Option, Value } from './types.js'\n\nimport { AddNewRelation } from '../../elements/AddNewRelation/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\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 { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDebouncedCallback } from '../../hooks/useDebouncedCallback.js'\nimport { useIgnoredEffect } from '../../hooks/useIgnoredEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { createRelationMap } from './createRelationMap.js'\nimport { findOptionsByValue } from './findOptionsByValue.js'\nimport './index.scss'\nimport { optionsReducer } from './optionsReducer.js'\nimport { MultiValueLabel } from './select-components/MultiValueLabel/index.js'\nimport { SingleValue } from './select-components/SingleValue/index.js'\n\nconst maxResultsPerRequest = 10\n\nconst baseClass = 'relationship'\n\nconst RelationshipFieldComponent: RelationshipFieldClientComponent = (props) => {\n const {\n field: {\n name,\n admin: {\n allowCreate = true,\n allowEdit = true,\n className,\n description,\n isSortable = true,\n sortOptions,\n style,\n width,\n } = {},\n hasMany,\n label,\n localized,\n relationTo,\n required,\n },\n path,\n readOnly,\n validate,\n } = props\n\n const { config } = useConfig()\n\n const {\n collections,\n routes: { api },\n serverURL,\n } = config\n\n const { i18n, t } = useTranslation()\n const { permissions } = useAuth()\n const { code: locale } = useLocale()\n const hasMultipleRelations = Array.isArray(relationTo)\n\n const [currentlyOpenRelationship, setCurrentlyOpenRelationship] = useState<\n Parameters<ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']>[0]\n >({\n id: undefined,\n collectionSlug: undefined,\n hasReadPermission: false,\n })\n\n const [lastFullyLoadedRelation, setLastFullyLoadedRelation] = useState(-1)\n const [lastLoadedPage, setLastLoadedPage] = useState<Record<string, number>>({})\n const [errorLoading, setErrorLoading] = useState('')\n const [search, setSearch] = useState('')\n const [isLoading, setIsLoading] = useState(false)\n const [enableWordBoundarySearch, setEnableWordBoundarySearch] = useState(false)\n const [menuIsOpen, setMenuIsOpen] = useState(false)\n const hasLoadedFirstPageRef = useRef(false)\n\n const memoizedValidate = useCallback(\n (value, validationOptions) => {\n if (typeof validate === 'function') {\n return validate(value, { ...validationOptions, required })\n }\n },\n [validate, required],\n )\n\n const {\n customComponents: { Description, Error, Label } = {},\n filterOptions,\n initialValue,\n setValue,\n showError,\n value,\n } = useField<Value | Value[]>({\n path,\n validate: memoizedValidate,\n })\n const [options, dispatchOptions] = useReducer(optionsReducer, [])\n\n const valueRef = useRef(value)\n valueRef.current = value\n\n const [DocumentDrawer, , { isDrawerOpen, openDrawer }] = useDocumentDrawer({\n id: currentlyOpenRelationship.id,\n collectionSlug: currentlyOpenRelationship.collectionSlug,\n })\n\n const openDrawerWhenRelationChanges = useRef(false)\n\n const getResults: GetResults = useCallback(\n async ({\n filterOptions,\n lastFullyLoadedRelation: lastFullyLoadedRelationArg,\n lastLoadedPage: lastLoadedPageArg,\n onSuccess,\n search: searchArg,\n sort,\n value: valueArg,\n }) => {\n if (!permissions) {\n return\n }\n const lastFullyLoadedRelationToUse =\n typeof lastFullyLoadedRelationArg !== 'undefined' ? lastFullyLoadedRelationArg : -1\n\n const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n const relationsToFetch =\n lastFullyLoadedRelationToUse === -1\n ? relations\n : relations.slice(lastFullyLoadedRelationToUse + 1)\n\n let resultsFetched = 0\n const relationMap = createRelationMap({\n hasMany,\n relationTo,\n value: valueArg,\n })\n\n if (!errorLoading) {\n await relationsToFetch.reduce(async (priorRelation, relation) => {\n const relationFilterOption = filterOptions?.[relation]\n\n let lastLoadedPageToUse\n if (search !== searchArg) {\n lastLoadedPageToUse = 1\n } else {\n lastLoadedPageToUse = lastLoadedPageArg[relation] + 1\n }\n await priorRelation\n\n if (relationFilterOption === false) {\n setLastFullyLoadedRelation(relations.indexOf(relation))\n return Promise.resolve()\n }\n\n if (resultsFetched < 10) {\n const collection = collections.find((coll) => coll.slug === relation)\n const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n let fieldToSort = collection?.defaultSort || 'id'\n if (typeof sortOptions === 'string') {\n fieldToSort = sortOptions\n } else if (sortOptions?.[relation]) {\n fieldToSort = sortOptions[relation]\n }\n\n const query: {\n [key: string]: unknown\n where: Where\n } = {\n depth: 0,\n draft: true,\n limit: maxResultsPerRequest,\n locale,\n page: lastLoadedPageToUse,\n sort: fieldToSort,\n where: {\n and: [\n {\n id: {\n not_in: relationMap[relation],\n },\n },\n ],\n },\n }\n\n if (searchArg) {\n query.where.and.push({\n [fieldToSearch]: {\n like: searchArg,\n },\n })\n }\n\n if (relationFilterOption && typeof relationFilterOption !== 'boolean') {\n query.where.and.push(relationFilterOption)\n }\n\n const response = await fetch(`${serverURL}${api}/${relation}`, {\n body: qs.stringify(query),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/x-www-form-urlencoded',\n 'X-HTTP-Method-Override': 'GET',\n },\n method: 'POST',\n })\n\n if (response.ok) {\n const data: PaginatedDocs<unknown> = await response.json()\n setLastLoadedPage((prevState) => {\n return {\n ...prevState,\n [relation]: lastLoadedPageToUse,\n }\n })\n\n if (!data.nextPage) {\n setLastFullyLoadedRelation(relations.indexOf(relation))\n }\n\n if (data.docs.length > 0) {\n resultsFetched += data.docs.length\n\n dispatchOptions({\n type: 'ADD',\n collection,\n config,\n docs: data.docs,\n i18n,\n sort,\n })\n }\n } else if (response.status === 403) {\n setLastFullyLoadedRelation(relations.indexOf(relation))\n dispatchOptions({\n type: 'ADD',\n collection,\n config,\n docs: [],\n i18n,\n ids: relationMap[relation],\n sort,\n })\n } else {\n setErrorLoading(t('error:unspecific'))\n }\n }\n }, Promise.resolve())\n\n if (typeof onSuccess === 'function') {\n onSuccess()\n }\n }\n },\n [\n permissions,\n relationTo,\n hasMany,\n errorLoading,\n search,\n collections,\n locale,\n serverURL,\n sortOptions,\n api,\n i18n,\n config,\n t,\n ],\n )\n\n const updateSearch = useDebouncedCallback((searchArg: string, valueArg: Value | Value[]) => {\n void getResults({\n filterOptions,\n lastLoadedPage: {},\n search: searchArg,\n sort: true,\n value: valueArg,\n })\n setSearch(searchArg)\n }, 300)\n\n const handleInputChange = useCallback(\n (searchArg: string, valueArg: Value | Value[]) => {\n if (search !== searchArg) {\n setLastLoadedPage({})\n updateSearch(searchArg, valueArg, searchArg !== '')\n }\n },\n [search, updateSearch],\n )\n\n // ///////////////////////////////////\n // Ensure we have an option for each value\n // ///////////////////////////////////\n\n useIgnoredEffect(\n () => {\n const relationMap = createRelationMap({\n hasMany,\n relationTo,\n value,\n })\n\n void Object.entries(relationMap).reduce(async (priorRelation, [relation, ids]) => {\n await priorRelation\n\n const idsToLoad = ids.filter((id) => {\n return !options.find((optionGroup) =>\n optionGroup?.options?.find(\n (option) => option.value === id && option.relationTo === relation,\n ),\n )\n })\n\n if (idsToLoad.length > 0) {\n const query = {\n depth: 0,\n draft: true,\n limit: idsToLoad.length,\n locale,\n where: {\n id: {\n in: idsToLoad,\n },\n },\n }\n\n if (!errorLoading) {\n const response = await fetch(`${serverURL}${api}/${relation}`, {\n body: qs.stringify(query),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/x-www-form-urlencoded',\n 'X-HTTP-Method-Override': 'GET',\n },\n method: 'POST',\n })\n\n const collection = collections.find((coll) => coll.slug === relation)\n let docs = []\n\n if (response.ok) {\n const data = await response.json()\n docs = data.docs\n }\n\n dispatchOptions({\n type: 'ADD',\n collection,\n config,\n docs,\n i18n,\n ids: idsToLoad,\n sort: true,\n })\n }\n }\n }, Promise.resolve())\n },\n [value],\n [\n options,\n hasMany,\n errorLoading,\n collections,\n hasMultipleRelations,\n serverURL,\n api,\n i18n,\n relationTo,\n locale,\n config,\n ],\n )\n\n // Determine if we should switch to word boundary search\n useEffect(() => {\n const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n const isIdOnly = relations.reduce((idOnly, relation) => {\n const collection = collections.find((coll) => coll.slug === relation)\n const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n return fieldToSearch === 'id' && idOnly\n }, true)\n setEnableWordBoundarySearch(!isIdOnly)\n }, [relationTo, collections])\n\n // When (`relationTo` || `filterOptions` || `locale`) changes, reset component\n // Note - effect should not run on first run\n useIgnoredEffect(\n () => {\n // If the menu is open while filterOptions changes\n // due to latency of form state and fast clicking into this field,\n // re-fetch options\n if (hasLoadedFirstPageRef.current && menuIsOpen) {\n setIsLoading(true)\n void getResults({\n filterOptions,\n lastLoadedPage: {},\n onSuccess: () => {\n hasLoadedFirstPageRef.current = true\n setIsLoading(false)\n },\n value: valueRef.current,\n })\n }\n\n // If the menu is not open, still reset the field state\n // because we need to get new options next time the menu opens\n dispatchOptions({\n type: 'CLEAR',\n exemptValues: valueRef.current,\n })\n\n setLastFullyLoadedRelation(-1)\n setLastLoadedPage({})\n },\n [relationTo, filterOptions, locale, path, menuIsOpen],\n [getResults],\n )\n\n const onSave = useCallback<DocumentDrawerProps['onSave']>(\n (args) => {\n dispatchOptions({\n type: 'UPDATE',\n collection: args.collectionConfig,\n config,\n doc: args.doc,\n i18n,\n })\n\n const currentValue = valueRef.current\n const docId = args.doc.id\n\n if (hasMany) {\n const unchanged = (currentValue as Option[]).some((option) =>\n typeof option === 'string' ? option === docId : option.value === docId,\n )\n\n const valuesToSet = (currentValue as Option[]).map((option) =>\n option.value === docId\n ? { relationTo: args.collectionConfig.slug, value: docId }\n : option,\n )\n\n setValue(valuesToSet, unchanged)\n } else {\n const unchanged = currentValue === docId\n\n setValue({ relationTo: args.collectionConfig.slug, value: docId }, unchanged)\n }\n },\n [i18n, config, hasMany, setValue],\n )\n\n const onDuplicate = useCallback<DocumentDrawerProps['onDuplicate']>(\n (args) => {\n dispatchOptions({\n type: 'ADD',\n collection: args.collectionConfig,\n config,\n docs: [args.doc],\n i18n,\n sort: true,\n })\n\n if (hasMany) {\n setValue(\n valueRef.current\n ? (valueRef.current as Option[]).concat({\n relationTo: args.collectionConfig.slug,\n value: args.doc.id,\n } as Option)\n : null,\n )\n } else {\n setValue({\n relationTo: args.collectionConfig.slug,\n value: args.doc.id,\n })\n }\n },\n [i18n, config, hasMany, setValue],\n )\n\n const onDelete = useCallback<DocumentDrawerProps['onDelete']>(\n (args) => {\n dispatchOptions({\n id: args.id,\n type: 'REMOVE',\n collection: args.collectionConfig,\n config,\n i18n,\n })\n\n if (hasMany) {\n setValue(\n valueRef.current\n ? (valueRef.current as Option[]).filter((option) => {\n return option.value !== args.id\n })\n : null,\n )\n } else {\n setValue(null)\n }\n\n return\n },\n [i18n, config, hasMany, setValue],\n )\n\n const filterOption = useCallback((item: Option, searchFilter: string) => {\n if (!searchFilter) {\n return true\n }\n const r = wordBoundariesRegex(searchFilter || '')\n // breaking the labels to search into smaller parts increases performance\n const breakApartThreshold = 250\n let labelString = String(item.label)\n // strings less than breakApartThreshold length won't be chunked\n while (labelString.length > breakApartThreshold) {\n // slicing by the next space after the length of the search input prevents slicing the string up by partial words\n const indexOfSpace = labelString.indexOf(' ', searchFilter.length)\n if (\n r.test(labelString.slice(0, indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1))\n ) {\n return true\n }\n labelString = labelString.slice(indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1)\n }\n return r.test(labelString.slice(-breakApartThreshold))\n }, [])\n\n const onDocumentDrawerOpen = useCallback<\n ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']\n >(({ id, collectionSlug, hasReadPermission }) => {\n openDrawerWhenRelationChanges.current = true\n setCurrentlyOpenRelationship({\n id,\n collectionSlug,\n hasReadPermission,\n })\n }, [])\n\n useEffect(() => {\n if (openDrawerWhenRelationChanges.current) {\n openDrawer()\n openDrawerWhenRelationChanges.current = false\n }\n }, [openDrawer, currentlyOpenRelationship])\n\n const valueToRender = findOptionsByValue({ allowEdit, options, value })\n\n if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') {\n valueToRender.value = null\n }\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n showError && 'error',\n errorLoading && 'error-loading',\n readOnly && `${baseClass}--read-only`,\n !readOnly && allowCreate && `${baseClass}--allow-create`,\n ]\n .filter(Boolean)\n .join(' ')}\n id={`field-${path.replace(/\\./g, '__')}`}\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 {!errorLoading && (\n <div className={`${baseClass}__wrap`}>\n <ReactSelect\n backspaceRemovesValue={!isDrawerOpen}\n components={{\n MultiValueLabel,\n SingleValue,\n }}\n customProps={{\n disableKeyDown: isDrawerOpen,\n disableMouseDown: isDrawerOpen,\n onDocumentDrawerOpen,\n onSave,\n }}\n disabled={readOnly || isDrawerOpen}\n filterOption={enableWordBoundarySearch ? filterOption : undefined}\n getOptionValue={(option) => {\n if (!option) {\n return undefined\n }\n return hasMany && Array.isArray(relationTo)\n ? `${option.relationTo}_${option.value}`\n : option.value\n }}\n isLoading={isLoading}\n isMulti={hasMany}\n isSortable={isSortable}\n onChange={\n !readOnly\n ? (selected) => {\n if (selected === null) {\n setValue(hasMany ? [] : null)\n } else if (hasMany && Array.isArray(selected)) {\n setValue(\n selected\n ? selected.map((option) => {\n if (hasMultipleRelations) {\n return {\n relationTo: option.relationTo,\n value: option.value,\n }\n }\n\n return option.value\n })\n : null,\n )\n } else if (hasMultipleRelations && !Array.isArray(selected)) {\n setValue({\n relationTo: selected.relationTo,\n value: selected.value,\n })\n } else if (!Array.isArray(selected)) {\n setValue(selected.value)\n }\n }\n : undefined\n }\n onInputChange={(newSearch) => handleInputChange(newSearch, value)}\n onMenuClose={() => {\n setMenuIsOpen(false)\n }}\n onMenuOpen={() => {\n setMenuIsOpen(true)\n\n if (!hasLoadedFirstPageRef.current) {\n setIsLoading(true)\n void getResults({\n filterOptions,\n lastLoadedPage: {},\n onSuccess: () => {\n hasLoadedFirstPageRef.current = true\n setIsLoading(false)\n },\n value: initialValue,\n })\n }\n }}\n onMenuScrollToBottom={() => {\n void getResults({\n filterOptions,\n lastFullyLoadedRelation,\n lastLoadedPage,\n search,\n sort: false,\n value: initialValue,\n })\n }}\n options={options}\n showError={showError}\n value={valueToRender ?? null}\n />\n {!readOnly && allowCreate && (\n <AddNewRelation\n hasMany={hasMany}\n path={path}\n relationTo={relationTo}\n setValue={setValue}\n value={value}\n />\n )}\n </div>\n )}\n {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n {currentlyOpenRelationship.collectionSlug && currentlyOpenRelationship.hasReadPermission && (\n <DocumentDrawer onDelete={onDelete} onDuplicate={onDuplicate} onSave={onSave} />\n )}\n </div>\n )\n}\n\nexport const RelationshipField = withCondition(RelationshipFieldComponent)\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["wordBoundariesRegex","qs","React","useCallback","useEffect","useMemo","useReducer","useRef","useState","AddNewRelation","useDocumentDrawer","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useDebouncedCallback","useIgnoredEffect","useAuth","useConfig","useLocale","useTranslation","mergeFieldStyles","fieldBaseClass","createRelationMap","findOptionsByValue","optionsReducer","MultiValueLabel","SingleValue","maxResultsPerRequest","baseClass","RelationshipFieldComponent","props","field","admin","allowCreate","allowEdit","className","description","isSortable","sortOptions","hasMany","label","localized","relationTo","required","path","readOnly","validate","config","collections","routes","api","serverURL","i18n","t","permissions","code","locale","hasMultipleRelations","Array","isArray","currentlyOpenRelationship","setCurrentlyOpenRelationship","id","undefined","collectionSlug","hasReadPermission","lastFullyLoadedRelation","setLastFullyLoadedRelation","lastLoadedPage","setLastLoadedPage","errorLoading","setErrorLoading","search","setSearch","isLoading","setIsLoading","enableWordBoundarySearch","setEnableWordBoundarySearch","menuIsOpen","setMenuIsOpen","hasLoadedFirstPageRef","memoizedValidate","value","validationOptions","customComponents","Description","Error","Label","filterOptions","initialValue","setValue","showError","options","dispatchOptions","valueRef","current","DocumentDrawer","isDrawerOpen","openDrawer","openDrawerWhenRelationChanges","getResults","lastFullyLoadedRelationArg","lastLoadedPageArg","onSuccess","searchArg","sort","valueArg","lastFullyLoadedRelationToUse","relations","relationsToFetch","slice","resultsFetched","relationMap","reduce","priorRelation","relation","relationFilterOption","lastLoadedPageToUse","indexOf","Promise","resolve","collection","find","coll","slug","fieldToSearch","useAsTitle","fieldToSort","defaultSort","query","depth","draft","limit","page","where","and","not_in","push","like","response","fetch","body","stringify","credentials","headers","language","method","ok","data","json","prevState","nextPage","docs","length","type","status","ids","updateSearch","handleInputChange","Object","entries","idsToLoad","filter","optionGroup","option","in","isIdOnly","idOnly","exemptValues","onSave","args","collectionConfig","doc","currentValue","docId","unchanged","some","valuesToSet","map","onDuplicate","concat","onDelete","filterOption","item","searchFilter","r","breakApartThreshold","labelString","String","indexOfSpace","test","onDocumentDrawerOpen","valueToRender","styles","_jsxs","Boolean","join","replace","style","_jsx","CustomComponent","Fallback","backspaceRemovesValue","components","customProps","disableKeyDown","disableMouseDown","disabled","getOptionValue","isMulti","onChange","selected","onInputChange","newSearch","onMenuClose","onMenuOpen","onMenuScrollToBottom","RelationshipField"],"sources":["../../../src/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs, RelationshipFieldClientComponent, Where } from 'payload'\n\nimport { wordBoundariesRegex } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react'\n\nimport type { DocumentDrawerProps } from '../../elements/DocumentDrawer/types.js'\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { GetResults, Option, Value } from './types.js'\n\nimport { AddNewRelation } from '../../elements/AddNewRelation/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\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 { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDebouncedCallback } from '../../hooks/useDebouncedCallback.js'\nimport { useIgnoredEffect } from '../../hooks/useIgnoredEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { createRelationMap } from './createRelationMap.js'\nimport './index.scss'\nimport { findOptionsByValue } from './findOptionsByValue.js'\nimport { optionsReducer } from './optionsReducer.js'\nimport { MultiValueLabel } from './select-components/MultiValueLabel/index.js'\nimport { SingleValue } from './select-components/SingleValue/index.js'\n\nconst maxResultsPerRequest = 10\n\nconst baseClass = 'relationship'\n\nconst RelationshipFieldComponent: RelationshipFieldClientComponent = (props) => {\n const {\n field,\n field: {\n admin: {\n allowCreate = true,\n allowEdit = true,\n className,\n description,\n isSortable = true,\n sortOptions,\n } = {},\n hasMany,\n label,\n localized,\n relationTo,\n required,\n },\n path,\n readOnly,\n validate,\n } = props\n\n const { config } = useConfig()\n\n const {\n collections,\n routes: { api },\n serverURL,\n } = config\n\n const { i18n, t } = useTranslation()\n const { permissions } = useAuth()\n const { code: locale } = useLocale()\n const hasMultipleRelations = Array.isArray(relationTo)\n\n const [currentlyOpenRelationship, setCurrentlyOpenRelationship] = useState<\n Parameters<ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']>[0]\n >({\n id: undefined,\n collectionSlug: undefined,\n hasReadPermission: false,\n })\n\n const [lastFullyLoadedRelation, setLastFullyLoadedRelation] = useState(-1)\n const [lastLoadedPage, setLastLoadedPage] = useState<Record<string, number>>({})\n const [errorLoading, setErrorLoading] = useState('')\n const [search, setSearch] = useState('')\n const [isLoading, setIsLoading] = useState(false)\n const [enableWordBoundarySearch, setEnableWordBoundarySearch] = useState(false)\n const [menuIsOpen, setMenuIsOpen] = useState(false)\n const hasLoadedFirstPageRef = useRef(false)\n\n const memoizedValidate = useCallback(\n (value, validationOptions) => {\n if (typeof validate === 'function') {\n return validate(value, { ...validationOptions, required })\n }\n },\n [validate, required],\n )\n\n const {\n customComponents: { Description, Error, Label } = {},\n filterOptions,\n initialValue,\n setValue,\n showError,\n value,\n } = useField<Value | Value[]>({\n path,\n validate: memoizedValidate,\n })\n const [options, dispatchOptions] = useReducer(optionsReducer, [])\n\n const valueRef = useRef(value)\n valueRef.current = value\n\n const [DocumentDrawer, , { isDrawerOpen, openDrawer }] = useDocumentDrawer({\n id: currentlyOpenRelationship.id,\n collectionSlug: currentlyOpenRelationship.collectionSlug,\n })\n\n const openDrawerWhenRelationChanges = useRef(false)\n\n const getResults: GetResults = useCallback(\n async ({\n filterOptions,\n lastFullyLoadedRelation: lastFullyLoadedRelationArg,\n lastLoadedPage: lastLoadedPageArg,\n onSuccess,\n search: searchArg,\n sort,\n value: valueArg,\n }) => {\n if (!permissions) {\n return\n }\n const lastFullyLoadedRelationToUse =\n typeof lastFullyLoadedRelationArg !== 'undefined' ? lastFullyLoadedRelationArg : -1\n\n const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n const relationsToFetch =\n lastFullyLoadedRelationToUse === -1\n ? relations\n : relations.slice(lastFullyLoadedRelationToUse + 1)\n\n let resultsFetched = 0\n const relationMap = createRelationMap({\n hasMany,\n relationTo,\n value: valueArg,\n })\n\n if (!errorLoading) {\n await relationsToFetch.reduce(async (priorRelation, relation) => {\n const relationFilterOption = filterOptions?.[relation]\n\n let lastLoadedPageToUse\n if (search !== searchArg) {\n lastLoadedPageToUse = 1\n } else {\n lastLoadedPageToUse = lastLoadedPageArg[relation] + 1\n }\n await priorRelation\n\n if (relationFilterOption === false) {\n setLastFullyLoadedRelation(relations.indexOf(relation))\n return Promise.resolve()\n }\n\n if (resultsFetched < 10) {\n const collection = collections.find((coll) => coll.slug === relation)\n const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n let fieldToSort = collection?.defaultSort || 'id'\n if (typeof sortOptions === 'string') {\n fieldToSort = sortOptions\n } else if (sortOptions?.[relation]) {\n fieldToSort = sortOptions[relation]\n }\n\n const query: {\n [key: string]: unknown\n where: Where\n } = {\n depth: 0,\n draft: true,\n limit: maxResultsPerRequest,\n locale,\n page: lastLoadedPageToUse,\n sort: fieldToSort,\n where: {\n and: [\n {\n id: {\n not_in: relationMap[relation],\n },\n },\n ],\n },\n }\n\n if (searchArg) {\n query.where.and.push({\n [fieldToSearch]: {\n like: searchArg,\n },\n })\n }\n\n if (relationFilterOption && typeof relationFilterOption !== 'boolean') {\n query.where.and.push(relationFilterOption)\n }\n\n const response = await fetch(`${serverURL}${api}/${relation}`, {\n body: qs.stringify(query),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/x-www-form-urlencoded',\n 'X-HTTP-Method-Override': 'GET',\n },\n method: 'POST',\n })\n\n if (response.ok) {\n const data: PaginatedDocs<unknown> = await response.json()\n setLastLoadedPage((prevState) => {\n return {\n ...prevState,\n [relation]: lastLoadedPageToUse,\n }\n })\n\n if (!data.nextPage) {\n setLastFullyLoadedRelation(relations.indexOf(relation))\n }\n\n if (data.docs.length > 0) {\n resultsFetched += data.docs.length\n\n dispatchOptions({\n type: 'ADD',\n collection,\n config,\n docs: data.docs,\n i18n,\n sort,\n })\n }\n } else if (response.status === 403) {\n setLastFullyLoadedRelation(relations.indexOf(relation))\n dispatchOptions({\n type: 'ADD',\n collection,\n config,\n docs: [],\n i18n,\n ids: relationMap[relation],\n sort,\n })\n } else {\n setErrorLoading(t('error:unspecific'))\n }\n }\n }, Promise.resolve())\n\n if (typeof onSuccess === 'function') {\n onSuccess()\n }\n }\n },\n [\n permissions,\n relationTo,\n hasMany,\n errorLoading,\n search,\n collections,\n locale,\n serverURL,\n sortOptions,\n api,\n i18n,\n config,\n t,\n ],\n )\n\n const updateSearch = useDebouncedCallback((searchArg: string, valueArg: Value | Value[]) => {\n void getResults({\n filterOptions,\n lastLoadedPage: {},\n search: searchArg,\n sort: true,\n value: valueArg,\n })\n setSearch(searchArg)\n }, 300)\n\n const handleInputChange = useCallback(\n (searchArg: string, valueArg: Value | Value[]) => {\n if (search !== searchArg) {\n setLastLoadedPage({})\n updateSearch(searchArg, valueArg, searchArg !== '')\n }\n },\n [search, updateSearch],\n )\n\n // ///////////////////////////////////\n // Ensure we have an option for each value\n // ///////////////////////////////////\n\n useIgnoredEffect(\n () => {\n const relationMap = createRelationMap({\n hasMany,\n relationTo,\n value,\n })\n\n void Object.entries(relationMap).reduce(async (priorRelation, [relation, ids]) => {\n await priorRelation\n\n const idsToLoad = ids.filter((id) => {\n return !options.find((optionGroup) =>\n optionGroup?.options?.find(\n (option) => option.value === id && option.relationTo === relation,\n ),\n )\n })\n\n if (idsToLoad.length > 0) {\n const query = {\n depth: 0,\n draft: true,\n limit: idsToLoad.length,\n locale,\n where: {\n id: {\n in: idsToLoad,\n },\n },\n }\n\n if (!errorLoading) {\n const response = await fetch(`${serverURL}${api}/${relation}`, {\n body: qs.stringify(query),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/x-www-form-urlencoded',\n 'X-HTTP-Method-Override': 'GET',\n },\n method: 'POST',\n })\n\n const collection = collections.find((coll) => coll.slug === relation)\n let docs = []\n\n if (response.ok) {\n const data = await response.json()\n docs = data.docs\n }\n\n dispatchOptions({\n type: 'ADD',\n collection,\n config,\n docs,\n i18n,\n ids: idsToLoad,\n sort: true,\n })\n }\n }\n }, Promise.resolve())\n },\n [value],\n [\n options,\n hasMany,\n errorLoading,\n collections,\n hasMultipleRelations,\n serverURL,\n api,\n i18n,\n relationTo,\n locale,\n config,\n ],\n )\n\n // Determine if we should switch to word boundary search\n useEffect(() => {\n const relations = Array.isArray(relationTo) ? relationTo : [relationTo]\n const isIdOnly = relations.reduce((idOnly, relation) => {\n const collection = collections.find((coll) => coll.slug === relation)\n const fieldToSearch = collection?.admin?.useAsTitle || 'id'\n return fieldToSearch === 'id' && idOnly\n }, true)\n setEnableWordBoundarySearch(!isIdOnly)\n }, [relationTo, collections])\n\n // When (`relationTo` || `filterOptions` || `locale`) changes, reset component\n // Note - effect should not run on first run\n useIgnoredEffect(\n () => {\n // If the menu is open while filterOptions changes\n // due to latency of form state and fast clicking into this field,\n // re-fetch options\n if (hasLoadedFirstPageRef.current && menuIsOpen) {\n setIsLoading(true)\n void getResults({\n filterOptions,\n lastLoadedPage: {},\n onSuccess: () => {\n hasLoadedFirstPageRef.current = true\n setIsLoading(false)\n },\n value: valueRef.current,\n })\n }\n\n // If the menu is not open, still reset the field state\n // because we need to get new options next time the menu opens\n dispatchOptions({\n type: 'CLEAR',\n exemptValues: valueRef.current,\n })\n\n setLastFullyLoadedRelation(-1)\n setLastLoadedPage({})\n },\n [relationTo, filterOptions, locale, path, menuIsOpen],\n [getResults],\n )\n\n const onSave = useCallback<DocumentDrawerProps['onSave']>(\n (args) => {\n dispatchOptions({\n type: 'UPDATE',\n collection: args.collectionConfig,\n config,\n doc: args.doc,\n i18n,\n })\n\n const currentValue = valueRef.current\n const docId = args.doc.id\n\n if (hasMany) {\n const unchanged = (currentValue as Option[]).some((option) =>\n typeof option === 'string' ? option === docId : option.value === docId,\n )\n\n const valuesToSet = (currentValue as Option[]).map((option) =>\n option.value === docId\n ? { relationTo: args.collectionConfig.slug, value: docId }\n : option,\n )\n\n setValue(valuesToSet, unchanged)\n } else {\n const unchanged = currentValue === docId\n\n setValue({ relationTo: args.collectionConfig.slug, value: docId }, unchanged)\n }\n },\n [i18n, config, hasMany, setValue],\n )\n\n const onDuplicate = useCallback<DocumentDrawerProps['onDuplicate']>(\n (args) => {\n dispatchOptions({\n type: 'ADD',\n collection: args.collectionConfig,\n config,\n docs: [args.doc],\n i18n,\n sort: true,\n })\n\n if (hasMany) {\n setValue(\n valueRef.current\n ? (valueRef.current as Option[]).concat({\n relationTo: args.collectionConfig.slug,\n value: args.doc.id,\n } as Option)\n : null,\n )\n } else {\n setValue({\n relationTo: args.collectionConfig.slug,\n value: args.doc.id,\n })\n }\n },\n [i18n, config, hasMany, setValue],\n )\n\n const onDelete = useCallback<DocumentDrawerProps['onDelete']>(\n (args) => {\n dispatchOptions({\n id: args.id,\n type: 'REMOVE',\n collection: args.collectionConfig,\n config,\n i18n,\n })\n\n if (hasMany) {\n setValue(\n valueRef.current\n ? (valueRef.current as Option[]).filter((option) => {\n return option.value !== args.id\n })\n : null,\n )\n } else {\n setValue(null)\n }\n\n return\n },\n [i18n, config, hasMany, setValue],\n )\n\n const filterOption = useCallback((item: Option, searchFilter: string) => {\n if (!searchFilter) {\n return true\n }\n const r = wordBoundariesRegex(searchFilter || '')\n // breaking the labels to search into smaller parts increases performance\n const breakApartThreshold = 250\n let labelString = String(item.label)\n // strings less than breakApartThreshold length won't be chunked\n while (labelString.length > breakApartThreshold) {\n // slicing by the next space after the length of the search input prevents slicing the string up by partial words\n const indexOfSpace = labelString.indexOf(' ', searchFilter.length)\n if (\n r.test(labelString.slice(0, indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1))\n ) {\n return true\n }\n labelString = labelString.slice(indexOfSpace === -1 ? searchFilter.length : indexOfSpace + 1)\n }\n return r.test(labelString.slice(-breakApartThreshold))\n }, [])\n\n const onDocumentDrawerOpen = useCallback<\n ReactSelectAdapterProps['customProps']['onDocumentDrawerOpen']\n >(({ id, collectionSlug, hasReadPermission }) => {\n openDrawerWhenRelationChanges.current = true\n setCurrentlyOpenRelationship({\n id,\n collectionSlug,\n hasReadPermission,\n })\n }, [])\n\n useEffect(() => {\n if (openDrawerWhenRelationChanges.current) {\n openDrawer()\n openDrawerWhenRelationChanges.current = false\n }\n }, [openDrawer, currentlyOpenRelationship])\n\n const valueToRender = findOptionsByValue({ allowEdit, options, value })\n\n if (!Array.isArray(valueToRender) && valueToRender?.value === 'null') {\n valueToRender.value = null\n }\n\n const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n showError && 'error',\n errorLoading && 'error-loading',\n readOnly && `${baseClass}--read-only`,\n !readOnly && allowCreate && `${baseClass}--allow-create`,\n ]\n .filter(Boolean)\n .join(' ')}\n id={`field-${path.replace(/\\./g, '__')}`}\n style={styles}\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 {!errorLoading && (\n <div className={`${baseClass}__wrap`}>\n <ReactSelect\n backspaceRemovesValue={!isDrawerOpen}\n components={{\n MultiValueLabel,\n SingleValue,\n }}\n customProps={{\n disableKeyDown: isDrawerOpen,\n disableMouseDown: isDrawerOpen,\n onDocumentDrawerOpen,\n onSave,\n }}\n disabled={readOnly || isDrawerOpen}\n filterOption={enableWordBoundarySearch ? filterOption : undefined}\n getOptionValue={(option) => {\n if (!option) {\n return undefined\n }\n return hasMany && Array.isArray(relationTo)\n ? `${option.relationTo}_${option.value}`\n : option.value\n }}\n isLoading={isLoading}\n isMulti={hasMany}\n isSortable={isSortable}\n onChange={\n !readOnly\n ? (selected) => {\n if (selected === null) {\n setValue(hasMany ? [] : null)\n } else if (hasMany && Array.isArray(selected)) {\n setValue(\n selected\n ? selected.map((option) => {\n if (hasMultipleRelations) {\n return {\n relationTo: option.relationTo,\n value: option.value,\n }\n }\n\n return option.value\n })\n : null,\n )\n } else if (hasMultipleRelations && !Array.isArray(selected)) {\n setValue({\n relationTo: selected.relationTo,\n value: selected.value,\n })\n } else if (!Array.isArray(selected)) {\n setValue(selected.value)\n }\n }\n : undefined\n }\n onInputChange={(newSearch) => handleInputChange(newSearch, value)}\n onMenuClose={() => {\n setMenuIsOpen(false)\n }}\n onMenuOpen={() => {\n setMenuIsOpen(true)\n\n if (!hasLoadedFirstPageRef.current) {\n setIsLoading(true)\n void getResults({\n filterOptions,\n lastLoadedPage: {},\n onSuccess: () => {\n hasLoadedFirstPageRef.current = true\n setIsLoading(false)\n },\n value: initialValue,\n })\n }\n }}\n onMenuScrollToBottom={() => {\n void getResults({\n filterOptions,\n lastFullyLoadedRelation,\n lastLoadedPage,\n search,\n sort: false,\n value: initialValue,\n })\n }}\n options={options}\n showError={showError}\n value={valueToRender ?? null}\n />\n {!readOnly && allowCreate && (\n <AddNewRelation\n hasMany={hasMany}\n path={path}\n relationTo={relationTo}\n setValue={setValue}\n value={value}\n />\n )}\n </div>\n )}\n {errorLoading && <div className={`${baseClass}__error-loading`}>{errorLoading}</div>}\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n {currentlyOpenRelationship.collectionSlug && currentlyOpenRelationship.hasReadPermission && (\n <DocumentDrawer onDelete={onDelete} onDuplicate={onDuplicate} onSave={onSave} />\n )}\n </div>\n )\n}\n\nexport const RelationshipField = withCondition(RelationshipFieldComponent)\n"],"mappings":"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","ignoreList":[]}
@@ -23,7 +23,6 @@ export type SelectInputProps = {
23
23
  readonly showError?: boolean;
24
24
  readonly style?: React.CSSProperties;
25
25
  readonly value?: string | string[];
26
- readonly width?: React.CSSProperties['width'];
27
26
  };
28
27
  export declare const SelectInput: React.FC<SelectInputProps>;
29
28
  //# sourceMappingURL=Input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AASlF,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,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,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,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,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;IACvD,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAClC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4FlD,CAAA"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AASlF,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,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,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,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,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;IACvD,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwFlD,CAAA"}
@@ -13,7 +13,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
13
13
  import { fieldBaseClass } from '../shared/index.js';
14
14
  import './index.scss';
15
15
  export const SelectInput = props => {
16
- const $ = _c(38);
16
+ const $ = _c(37);
17
17
  const {
18
18
  AfterInput,
19
19
  BeforeInput,
@@ -33,8 +33,7 @@ export const SelectInput = props => {
33
33
  readOnly,
34
34
  showError,
35
35
  style,
36
- value,
37
- width
36
+ value
38
37
  } = props;
39
38
  const hasMany = t0 === undefined ? false : t0;
40
39
  const isClearable = t1 === undefined ? true : t1;
@@ -43,11 +42,11 @@ export const SelectInput = props => {
43
42
  i18n
44
43
  } = useTranslation();
45
44
  let t3;
46
- if ($[0] !== hasMany || $[1] !== value || $[2] !== options || $[3] !== i18n || $[4] !== showError || $[5] !== readOnly || $[6] !== className || $[7] !== path || $[8] !== style || $[9] !== width || $[10] !== label || $[11] !== localized || $[12] !== Label || $[13] !== Error || $[14] !== isClearable || $[15] !== isSortable || $[16] !== onChange || $[17] !== BeforeInput || $[18] !== AfterInput || $[19] !== description || $[20] !== Description) {
45
+ if ($[0] !== hasMany || $[1] !== value || $[2] !== options || $[3] !== i18n || $[4] !== showError || $[5] !== readOnly || $[6] !== className || $[7] !== path || $[8] !== label || $[9] !== localized || $[10] !== Label || $[11] !== Error || $[12] !== isClearable || $[13] !== isSortable || $[14] !== onChange || $[15] !== BeforeInput || $[16] !== AfterInput || $[17] !== description || $[18] !== Description || $[19] !== style) {
47
46
  let valueToRender;
48
47
  if (hasMany && Array.isArray(value)) {
49
48
  let t4;
50
- if ($[22] !== options || $[23] !== i18n) {
49
+ if ($[21] !== options || $[22] !== i18n) {
51
50
  t4 = val => {
52
51
  const matchingOption = options.find(option => option.value === val);
53
52
  return {
@@ -55,36 +54,36 @@ export const SelectInput = props => {
55
54
  value: matchingOption?.value ?? val
56
55
  };
57
56
  };
58
- $[22] = options;
59
- $[23] = i18n;
60
- $[24] = t4;
57
+ $[21] = options;
58
+ $[22] = i18n;
59
+ $[23] = t4;
61
60
  } else {
62
- t4 = $[24];
61
+ t4 = $[23];
63
62
  }
64
63
  valueToRender = value.map(t4);
65
64
  } else {
66
65
  if (value) {
67
66
  let matchingOption_0;
68
67
  let t4;
69
- if ($[25] !== value || $[26] !== options || $[27] !== i18n) {
68
+ if ($[24] !== value || $[25] !== options || $[26] !== i18n) {
70
69
  let t5;
71
- if ($[30] !== value) {
70
+ if ($[29] !== value) {
72
71
  t5 = option_0 => option_0.value === value;
73
- $[30] = value;
74
- $[31] = t5;
72
+ $[29] = value;
73
+ $[30] = t5;
75
74
  } else {
76
- t5 = $[31];
75
+ t5 = $[30];
77
76
  }
78
77
  matchingOption_0 = options.find(t5);
79
78
  t4 = matchingOption_0 ? getTranslation(matchingOption_0.label, i18n) : value;
80
- $[25] = value;
81
- $[26] = options;
82
- $[27] = i18n;
83
- $[28] = matchingOption_0;
84
- $[29] = t4;
79
+ $[24] = value;
80
+ $[25] = options;
81
+ $[26] = i18n;
82
+ $[27] = matchingOption_0;
83
+ $[28] = t4;
85
84
  } else {
86
- matchingOption_0 = $[28];
87
- t4 = $[29];
85
+ matchingOption_0 = $[27];
86
+ t4 = $[28];
88
87
  }
89
88
  valueToRender = {
90
89
  label: t4,
@@ -95,33 +94,30 @@ export const SelectInput = props => {
95
94
  const t4 = showError && "error";
96
95
  const t5 = readOnly && "read-only";
97
96
  let t6;
98
- if ($[32] !== className || $[33] !== t4 || $[34] !== t5) {
97
+ if ($[31] !== className || $[32] !== t4 || $[33] !== t5) {
99
98
  t6 = [fieldBaseClass, "select", className, t4, t5].filter(Boolean);
100
- $[32] = className;
101
- $[33] = t4;
102
- $[34] = t5;
103
- $[35] = t6;
99
+ $[31] = className;
100
+ $[32] = t4;
101
+ $[33] = t5;
102
+ $[34] = t6;
104
103
  } else {
105
- t6 = $[35];
104
+ t6 = $[34];
106
105
  }
107
106
  let t7;
108
- if ($[36] !== i18n) {
107
+ if ($[35] !== i18n) {
109
108
  t7 = option_1 => ({
110
109
  ...option_1,
111
110
  label: getTranslation(option_1.label, i18n)
112
111
  });
113
- $[36] = i18n;
114
- $[37] = t7;
112
+ $[35] = i18n;
113
+ $[36] = t7;
115
114
  } else {
116
- t7 = $[37];
115
+ t7 = $[36];
117
116
  }
118
117
  t3 = _jsxs("div", {
119
118
  className: t6.join(" "),
120
119
  id: `field-${path.replace(/\./g, "__")}`,
121
- style: {
122
- ...style,
123
- width
124
- },
120
+ style,
125
121
  children: [_jsx(RenderCustomComponent, {
126
122
  CustomComponent: Label,
127
123
  Fallback: _jsx(FieldLabel, {
@@ -164,22 +160,21 @@ export const SelectInput = props => {
164
160
  $[5] = readOnly;
165
161
  $[6] = className;
166
162
  $[7] = path;
167
- $[8] = style;
168
- $[9] = width;
169
- $[10] = label;
170
- $[11] = localized;
171
- $[12] = Label;
172
- $[13] = Error;
173
- $[14] = isClearable;
174
- $[15] = isSortable;
175
- $[16] = onChange;
176
- $[17] = BeforeInput;
177
- $[18] = AfterInput;
178
- $[19] = description;
179
- $[20] = Description;
180
- $[21] = t3;
163
+ $[8] = label;
164
+ $[9] = localized;
165
+ $[10] = Label;
166
+ $[11] = Error;
167
+ $[12] = isClearable;
168
+ $[13] = isSortable;
169
+ $[14] = onChange;
170
+ $[15] = BeforeInput;
171
+ $[16] = AfterInput;
172
+ $[17] = description;
173
+ $[18] = Description;
174
+ $[19] = style;
175
+ $[20] = t3;
181
176
  } else {
182
- t3 = $[21];
177
+ t3 = $[20];
183
178
  }
184
179
  return t3;
185
180
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","SelectInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","hasMany","t0","isClearable","t1","isSortable","t2","label","Label","localized","onChange","options","path","readOnly","showError","style","value","width","undefined","i18n","t3","valueToRender","Array","isArray","t4","val","matchingOption","find","option","map","matchingOption_0","t5","option_0","t6","filter","Boolean","t7","option_1","_jsxs","join","id","replace","children","_jsx","CustomComponent","Fallback","required","disabled","isMulti"],"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, StaticDescription, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/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.scss'\n\nexport type SelectInputProps = {\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 hasMany?: boolean\n readonly isClearable?: boolean\n readonly isSortable?: boolean\n readonly Label?: React.ReactNode\n readonly label?: StaticLabel\n readonly localized?: boolean\n readonly name: string\n readonly onChange?: ReactSelectAdapterProps['onChange']\n readonly options?: OptionObject[]\n readonly path: string\n readonly readOnly?: boolean\n readonly showError?: boolean\n readonly style?: React.CSSProperties\n readonly value?: string | string[]\n readonly width?: React.CSSProperties['width']\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n const {\n AfterInput,\n BeforeInput,\n className,\n Description,\n description,\n Error,\n hasMany = false,\n isClearable = true,\n isSortable = true,\n label,\n Label,\n localized,\n onChange,\n options,\n path,\n readOnly,\n showError,\n style,\n value,\n width,\n } = props\n\n const { i18n } = useTranslation()\n\n let valueToRender\n\n if (hasMany && Array.isArray(value)) {\n valueToRender = value.map((val) => {\n const matchingOption = options.find((option) => option.value === val)\n return {\n label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n value: matchingOption?.value ?? val,\n }\n })\n } else if (value) {\n const matchingOption = options.find((option) => option.value === value)\n valueToRender = {\n label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n value: matchingOption?.value ?? value,\n }\n }\n\n return (\n <div\n className={[\n fieldBaseClass,\n 'select',\n className,\n showError && 'error',\n readOnly && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n id={`field-${path.replace(/\\./g, '__')}`}\n style={{\n ...style,\n width,\n }}\n >\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={<FieldLabel label={label} localized={localized} path={path} required={false} />}\n />\n <div className={`${fieldBaseClass}__wrap`}>\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n {BeforeInput}\n <ReactSelect\n disabled={readOnly}\n isClearable={isClearable}\n isMulti={hasMany}\n isSortable={isSortable}\n onChange={onChange}\n options={options.map((option) => ({\n ...option,\n label: getTranslation(option.label, i18n),\n }))}\n showError={showError}\n value={valueToRender as OptionObject}\n />\n {AfterInput}\n </div>\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\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","SelectInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","hasMany","t0","isClearable","t1","isSortable","t2","label","Label","localized","onChange","options","path","readOnly","showError","style","value","undefined","i18n","t3","valueToRender","Array","isArray","t4","val","matchingOption","find","option","map","matchingOption_0","t5","option_0","t6","filter","Boolean","t7","option_1","_jsxs","join","id","replace","children","_jsx","CustomComponent","Fallback","required","disabled","isMulti"],"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, StaticDescription, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/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.scss'\n\nexport type SelectInputProps = {\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 hasMany?: boolean\n readonly isClearable?: boolean\n readonly isSortable?: boolean\n readonly Label?: React.ReactNode\n readonly label?: StaticLabel\n readonly localized?: boolean\n readonly name: string\n readonly onChange?: ReactSelectAdapterProps['onChange']\n readonly options?: OptionObject[]\n readonly path: string\n readonly readOnly?: boolean\n readonly showError?: boolean\n readonly style?: React.CSSProperties\n readonly value?: string | string[]\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n const {\n AfterInput,\n BeforeInput,\n className,\n Description,\n description,\n Error,\n hasMany = false,\n isClearable = true,\n isSortable = true,\n label,\n Label,\n localized,\n onChange,\n options,\n path,\n readOnly,\n showError,\n style,\n value,\n } = props\n\n const { i18n } = useTranslation()\n\n let valueToRender\n\n if (hasMany && Array.isArray(value)) {\n valueToRender = value.map((val) => {\n const matchingOption = options.find((option) => option.value === val)\n return {\n label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n value: matchingOption?.value ?? val,\n }\n })\n } else if (value) {\n const matchingOption = options.find((option) => option.value === value)\n valueToRender = {\n label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n value: matchingOption?.value ?? value,\n }\n }\n\n return (\n <div\n className={[\n fieldBaseClass,\n 'select',\n className,\n showError && 'error',\n readOnly && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n id={`field-${path.replace(/\\./g, '__')}`}\n style={style}\n >\n <RenderCustomComponent\n CustomComponent={Label}\n Fallback={<FieldLabel label={label} localized={localized} path={path} required={false} />}\n />\n <div className={`${fieldBaseClass}__wrap`}>\n <RenderCustomComponent\n CustomComponent={Error}\n Fallback={<FieldError path={path} showError={showError} />}\n />\n {BeforeInput}\n <ReactSelect\n disabled={readOnly}\n isClearable={isClearable}\n isMulti={hasMany}\n isSortable={isSortable}\n onChange={onChange}\n options={options.map((option) => ({\n ...option,\n label: getTranslation(option.label, i18n),\n }))}\n showError={showError}\n value={valueToRender as OptionObject}\n />\n {AfterInput}\n </div>\n <RenderCustomComponent\n CustomComponent={Description}\n Fallback={<FieldDescription description={description} path={path} />}\n />\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAIlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AA8GxC,eAAO,MAAM,WAAW;;;;;;;+EAAsC,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAKlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AA8GxC,eAAO,MAAM,WAAW;;;;;;;+EAAsC,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}
@@ -1,9 +1,10 @@
1
1
  'use client';
2
2
 
3
3
  import { jsx as _jsx } from "react/jsx-runtime";
4
- import React, { useCallback } from 'react';
4
+ import React, { useCallback, useMemo } from 'react';
5
5
  import { useField } from '../../forms/useField/index.js';
6
6
  import { withCondition } from '../../forms/withCondition/index.js';
7
+ import { mergeFieldStyles } from '../mergeFieldStyles.js';
7
8
  import { SelectInput } from './Input.js';
8
9
  const formatOptions = options => options.map(option => {
9
10
  if (typeof option === 'object' && (option.value || option.value === '')) {
@@ -16,15 +17,14 @@ const formatOptions = options => options.map(option => {
16
17
  });
17
18
  const SelectFieldComponent = props => {
18
19
  const {
20
+ field,
19
21
  field: {
20
22
  name,
21
23
  admin: {
22
24
  className,
23
25
  description,
24
26
  isClearable = true,
25
- isSortable = true,
26
- style,
27
- width
27
+ isSortable = true
28
28
  } = {},
29
29
  hasMany = false,
30
30
  label,
@@ -81,6 +81,7 @@ const SelectFieldComponent = props => {
81
81
  setValue(newValue);
82
82
  }
83
83
  }, [readOnly, hasMany, setValue, onChangeFromProps]);
84
+ const styles = useMemo(() => mergeFieldStyles(field), [field]);
84
85
  return /*#__PURE__*/_jsx(SelectInput, {
85
86
  AfterInput: AfterInput,
86
87
  BeforeInput: BeforeInput,
@@ -100,9 +101,8 @@ const SelectFieldComponent = props => {
100
101
  path: path,
101
102
  readOnly: readOnly,
102
103
  showError: showError,
103
- style: style,
104
- value: value_0,
105
- width: width
104
+ style: styles,
105
+ value: value_0
106
106
  });
107
107
  };
108
108
  export const SelectField = withCondition(SelectFieldComponent);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","useCallback","useField","withCondition","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","admin","className","description","isClearable","isSortable","style","width","hasMany","localized","optionsFromProps","required","onChange","onChangeFromProps","path","readOnly","validate","useMemo","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","selectedOption","newValue","Array","isArray","_jsx","SelectField"],"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type {\n Option,\n OptionObject,\n SelectFieldClientComponent,\n SelectFieldClientProps,\n} from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { SelectInput } from './Input.js'\n\nconst formatOptions = (options: Option[]): OptionObject[] =>\n options.map((option) => {\n if (typeof option === 'object' && (option.value || option.value === '')) {\n return option\n }\n\n return {\n label: option,\n value: option,\n } as OptionObject\n })\n\nconst SelectFieldComponent: SelectFieldClientComponent = (props) => {\n const {\n field: {\n name,\n admin: {\n className,\n description,\n isClearable = true,\n isSortable = true,\n style,\n width,\n } = {} as SelectFieldClientProps['field']['admin'],\n hasMany = false,\n label,\n localized,\n options: optionsFromProps = [],\n required,\n },\n onChange: onChangeFromProps,\n path,\n readOnly,\n validate,\n } = props\n\n const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps])\n\n const memoizedValidate = useCallback(\n (value, validationOptions) => {\n if (typeof validate === 'function') {\n return validate(value, { ...validationOptions, hasMany, options, required })\n }\n },\n [validate, required, hasMany, options],\n )\n\n const {\n customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n setValue,\n showError,\n value,\n } = useField({\n path,\n validate: memoizedValidate,\n })\n\n const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n (selectedOption: OptionObject | OptionObject[]) => {\n if (!readOnly) {\n let newValue: string | string[] = null\n if (selectedOption && hasMany) {\n if (Array.isArray(selectedOption)) {\n newValue = selectedOption.map((option) => option.value)\n } else {\n newValue = []\n }\n } else if (selectedOption && !Array.isArray(selectedOption)) {\n newValue = selectedOption.value\n }\n\n if (typeof onChangeFromProps === 'function') {\n onChangeFromProps(newValue)\n }\n\n setValue(newValue)\n }\n },\n [readOnly, hasMany, setValue, onChangeFromProps],\n )\n\n return (\n <SelectInput\n AfterInput={AfterInput}\n BeforeInput={BeforeInput}\n className={className}\n Description={Description}\n description={description}\n Error={Error}\n hasMany={hasMany}\n isClearable={isClearable}\n isSortable={isSortable}\n Label={Label}\n label={label}\n localized={localized}\n name={name}\n onChange={onChange}\n options={options}\n path={path}\n readOnly={readOnly}\n showError={showError}\n style={style}\n value={value as string | string[]}\n width={width}\n />\n )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","admin","className","description","isClearable","isSortable","hasMany","localized","optionsFromProps","required","onChange","onChangeFromProps","path","readOnly","validate","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","selectedOption","newValue","Array","isArray","styles","_jsx","style","SelectField"],"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type {\n Option,\n OptionObject,\n SelectFieldClientComponent,\n SelectFieldClientProps,\n} from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { SelectInput } from './Input.js'\n\nconst formatOptions = (options: Option[]): OptionObject[] =>\n options.map((option) => {\n if (typeof option === 'object' && (option.value || option.value === '')) {\n return option\n }\n\n return {\n label: option,\n value: option,\n } as OptionObject\n })\n\nconst SelectFieldComponent: SelectFieldClientComponent = (props) => {\n const {\n field,\n field: {\n name,\n admin: {\n className,\n description,\n isClearable = true,\n isSortable = true,\n } = {} as SelectFieldClientProps['field']['admin'],\n hasMany = false,\n label,\n localized,\n options: optionsFromProps = [],\n required,\n },\n onChange: onChangeFromProps,\n path,\n readOnly,\n validate,\n } = props\n\n const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps])\n\n const memoizedValidate = useCallback(\n (value, validationOptions) => {\n if (typeof validate === 'function') {\n return validate(value, { ...validationOptions, hasMany, options, required })\n }\n },\n [validate, required, hasMany, options],\n )\n\n const {\n customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n setValue,\n showError,\n value,\n } = useField({\n path,\n validate: memoizedValidate,\n })\n\n const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n (selectedOption: OptionObject | OptionObject[]) => {\n if (!readOnly) {\n let newValue: string | string[] = null\n if (selectedOption && hasMany) {\n if (Array.isArray(selectedOption)) {\n newValue = selectedOption.map((option) => option.value)\n } else {\n newValue = []\n }\n } else if (selectedOption && !Array.isArray(selectedOption)) {\n newValue = selectedOption.value\n }\n\n if (typeof onChangeFromProps === 'function') {\n onChangeFromProps(newValue)\n }\n\n setValue(newValue)\n }\n },\n [readOnly, hasMany, setValue, onChangeFromProps],\n )\n\n const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n return (\n <SelectInput\n AfterInput={AfterInput}\n BeforeInput={BeforeInput}\n className={className}\n Description={Description}\n description={description}\n Error={Error}\n hasMany={hasMany}\n isClearable={isClearable}\n isSortable={isSortable}\n Label={Label}\n label={label}\n localized={localized}\n name={name}\n onChange={onChange}\n options={options}\n path={path}\n readOnly={readOnly}\n showError={showError}\n style={styles}\n value={value as string | string[]}\n />\n )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAShD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0G9C,CAAA"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Text/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAShD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsG9C,CAAA"}