npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.c3ac604 → 4.0.0-internal.cb69780 - Mend

@payloadcms/ui 4.0.0-internal.c3ac604 → 4.0.0-internal.cb69780

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 (1065) hide show

package/dist/elements/QueryPresets/QueryPresetBar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","transformColumnsToPreferences","transformColumnsToSearchParams","qs","React","Fragment","useCallback","useEffect","useMemo","useState","CheckIcon","EditIcon","GearIcon","PlusIcon","RefreshIcon","TrashIcon","useConfig","useListQuery","useTranslation","ConfirmationModal","useDocumentDrawer","FilterTrigger","useListDrawer","useModal","Popup","PopupList","Translation","deletePresetModalSlug","queryPresetsSlug","baseClass","QueryPresetBar","activePreset","collectionSlug","queryPresetPermissions","modified","query","refineListData","setModified","setQueryModified","openModal","presets","setPresets","i18n","t","config","routes","api","apiRoute","serverURL","getEntityConfig","presetConfig","PresetDocumentDrawer","openDrawer","openPresetDrawer","id","CreateNewPresetDrawer","closeDrawer","closeCreateNewDrawer","openCreateNewDrawer","filterOptions","isTemp","not_equals","relatedCollection","equals","ListDrawer","openListDrawer","collectionSlugs","selectedCollection","fetchPresets","where","and","queryString","stringify","limit","addQueryPrefix","url","path","response","fetch","credentials","ok","data","json","docs","_error","handlePresetChange","preset","columns","undefined","groupBy","buttonLabel","title","label","labels","singular","handleClearPreset","e","stopPropagation","handleDeletePreset","method","handleResetPreset","saveCurrentChanges","body","JSON","headers","presetColumns","presetWhere","presetGroupBy","queryColumns","parse","columnsMatch","whereMatch","groupByMatch","isModified","hasModifiedPreset","_jsxs","_jsx","className","horizontalAlign","portalClassName","render","close","RadioGroup","map","isActive","RadioGroupItem","active","onClick","Divider","MenuItem","size","Button","icon","update","isShared","delete","length","create","plural","renderButton","onKeyDown","Boolean","onClear","popupActive","showBadge","verticalAlign","initialData","onSave","doc","redirectAfterCreate","onDelete","onDuplicate","allowCreate","disableQueryPresets","onSelect","elements","1","children","i18nKey","variables","confirmLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/elements/QueryPresets/QueryPresetBar/index.tsx"],"sourcesContent":["'use client'\nimport type { QueryPreset, SanitizedCollectionPermission } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n formatAdminURL,\n transformColumnsToPreferences,\n transformColumnsToSearchParams,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { CheckIcon } from '../../../icons/Check/index.js'\nimport { EditIcon } from '../../../icons/Edit/index.js'\nimport { GearIcon } from '../../../icons/Gear/index.js'\nimport { PlusIcon } from '../../../icons/Plus/index.js'\nimport { RefreshIcon } from '../../../icons/Refresh/index.js'\nimport { TrashIcon } from '../../../icons/Trash/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/context.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { FilterTrigger } from '../../FilterTrigger/index.js'\nimport { useListDrawer } from '../../ListDrawer/index.js'\nimport { useModal } from '../../Modal/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport './index.css'\n\nconst deletePresetModalSlug = 'delete-preset-confirmation'\n\nconst queryPresetsSlug = 'payload-query-presets'\n\nconst baseClass = 'query-preset-bar'\n\nexport const QueryPresetBar: React.FC<{\n activePreset: QueryPreset\n collectionSlug?: string\n queryPresetPermissions: SanitizedCollectionPermission\n}> = ({ activePreset, collectionSlug, queryPresetPermissions }) => {\n const { modified, query, refineListData, setModified: setQueryModified } = useListQuery()\n const { openModal } = useModal()\n const [presets, setPresets] = useState<QueryPreset[]>([])\n\n const { i18n, t } = useTranslation()\n\n const {\n config: {\n routes: { api: apiRoute },\n serverURL,\n },\n getEntityConfig,\n } = useConfig()\n\n const presetConfig = getEntityConfig({ collectionSlug: queryPresetsSlug })\n\n const [PresetDocumentDrawer, , { openDrawer: openPresetDrawer }] = useDocumentDrawer({\n id: activePreset?.id,\n collectionSlug: queryPresetsSlug,\n })\n\n const [\n CreateNewPresetDrawer,\n ,\n { closeDrawer: closeCreateNewDrawer, openDrawer: openCreateNewDrawer },\n ] = useDocumentDrawer({\n collectionSlug: queryPresetsSlug,\n })\n\n const filterOptions = useMemo(\n () => ({\n 'payload-query-presets': {\n isTemp: {\n not_equals: true,\n },\n relatedCollection: {\n equals: collectionSlug,\n },\n },\n }),\n [collectionSlug],\n )\n\n const [ListDrawer, , { openDrawer: openListDrawer }] = useListDrawer({\n collectionSlugs: [queryPresetsSlug],\n filterOptions,\n selectedCollection: queryPresetsSlug,\n })\n\n // Fetch presets for the popup\n const fetchPresets = useCallback(async () => {\n try {\n const where = {\n and: [{ isTemp: { not_equals: true } }, { relatedCollection: { equals: collectionSlug } }],\n }\n const queryString = qs.stringify({ limit: 50, where }, { addQueryPrefix: true })\n const url = formatAdminURL({\n apiRoute,\n path: `/${queryPresetsSlug}${queryString}`,\n serverURL,\n })\n\n const response = await fetch(url, { credentials: 'include' })\n\n if (response.ok) {\n const data = await response.json()\n setPresets(data.docs \|\| [])\n }\n } catch (_error) {\n // Silently fail - presets will remain empty\n }\n }, [apiRoute, collectionSlug, serverURL])\n\n useEffect(() => {\n void fetchPresets()\n }, [fetchPresets])\n\n const handlePresetChange = useCallback(\n async (preset: QueryPreset) => {\n await refineListData(\n {\n columns: preset.columns ? transformColumnsToSearchParams(preset.columns) : undefined,\n groupBy: preset.groupBy \|\| '',\n preset: preset.id,\n where: preset.where,\n },\n false,\n )\n },\n [refineListData],\n )\n\n const buttonLabel =\n activePreset?.title \|\|\n t('general:selectLabel', { label: getTranslation(presetConfig?.labels?.singular, i18n) })\n\n const handleClearPreset = useCallback(\n async (e: React.MouseEvent) => {\n e.stopPropagation()\n await refineListData(\n {\n columns: undefined,\n groupBy: '',\n preset: '',\n where: undefined,\n },\n false,\n )\n },\n [refineListData],\n )\n\n const handleDeletePreset = useCallback(async () => {\n if (!activePreset?.id) {\n return\n }\n\n try {\n const url = formatAdminURL({\n apiRoute,\n path: `/${queryPresetsSlug}/${activePreset.id}`,\n serverURL,\n })\n\n const response = await fetch(url, {\n credentials: 'include',\n method: 'DELETE',\n })\n\n if (response.ok) {\n // Clear the active preset and refresh the list\n await refineListData(\n {\n columns: undefined,\n groupBy: '',\n preset: '',\n where: undefined,\n },\n false,\n )\n void fetchPresets()\n }\n } catch (_error) {\n // Silently fail\n }\n }, [activePreset?.id, apiRoute, fetchPresets, refineListData, serverURL])\n\n const handleResetPreset = useCallback(async () => {\n if (!activePreset) {\n return\n }\n // Use the same pattern as handlePresetChange for consistency\n await refineListData(\n {\n columns: activePreset.columns ? transformColumnsToSearchParams(activePreset.columns) : [], // explicitly empty to clear user preferences fallback\n groupBy: activePreset.groupBy \|\| '',\n preset: activePreset.id,\n where: activePreset.where,\n },\n false, // not modified - we're resetting to preset's original state\n )\n }, [activePreset, refineListData])\n\n const saveCurrentChanges = useCallback(async () => {\n if (!activePreset?.id) {\n return\n }\n try {\n const url = formatAdminURL({\n apiRoute,\n path: `/${queryPresetsSlug}/${activePreset.id}`,\n serverURL,\n })\n\n const response = await fetch(url, {\n body: JSON.stringify({\n columns: transformColumnsToPreferences(query.columns),\n groupBy: query.groupBy,\n where: query.where,\n }),\n credentials: 'include',\n headers: {\n 'Content-Type': 'application/json',\n },\n method: 'PATCH',\n })\n\n if (response.ok) {\n setQueryModified(false)\n void fetchPresets()\n }\n } catch (_error) {\n // Silently fail\n }\n }, [\n activePreset?.id,\n apiRoute,\n fetchPresets,\n query.columns,\n query.groupBy,\n query.where,\n serverURL,\n setQueryModified,\n ])\n\n // Detect if current query differs from preset on initial load\n useEffect(() => {\n if (!activePreset) {\n return\n }\n\n const presetColumns = activePreset.columns\n ? transformColumnsToSearchParams(activePreset.columns)\n : []\n const presetWhere = activePreset.where\n const presetGroupBy = activePreset.groupBy \|\| ''\n\n // Normalize query.columns - it may be a JSON string from URL or an array\n let queryColumns = query.columns \|\| []\n if (typeof queryColumns === 'string') {\n try {\n queryColumns = JSON.parse(queryColumns)\n } catch {\n queryColumns = []\n }\n }\n\n // Compare current query with preset values\n const columnsMatch = JSON.stringify(queryColumns) === JSON.stringify(presetColumns)\n const whereMatch = JSON.stringify(query.where) === JSON.stringify(presetWhere)\n const groupByMatch = (query.groupBy \|\| '') === presetGroupBy\n\n const isModified = !columnsMatch \|\| !whereMatch \|\| !groupByMatch\n setQueryModified(isModified)\n }, [activePreset, query.columns, query.where, query.groupBy, setQueryModified])\n\n const hasModifiedPreset = activePreset && modified\n\n return (\n <Fragment>\n <div className={baseClass}>\n <Popup\n className={`${baseClass}__popup`}\n horizontalAlign=\"left\"\n portalClassName={`${baseClass}__popup-content`}\n render={({ close }) => (\n <Fragment>\n <PopupList.RadioGroup>\n {presets.map((preset) => {\n const isActive = activePreset?.id === preset.id\n return (\n <PopupList.RadioGroupItem\n active={isActive}\n key={preset.id}\n onClick={async () => {\n close()\n await handlePresetChange(preset)\n }}\n >\n {preset.title}\n </PopupList.RadioGroupItem>\n )\n })}\n </PopupList.RadioGroup>\n {activePreset && (\n <Fragment>\n <PopupList.Divider />\n <PopupList.MenuItem size=\"small\">\n {hasModifiedPreset && (\n <PopupList.Button\n icon={<RefreshIcon size={16} />}\n id=\"reset-preset\"\n onClick={async () => {\n close()\n await handleResetPreset()\n }}\n >\n {t('general:reset')}\n </PopupList.Button>\n )}\n {hasModifiedPreset && queryPresetPermissions?.update && (\n <PopupList.Button\n icon={<CheckIcon size={16} />}\n id=\"save-preset\"\n onClick={async () => {\n close()\n await saveCurrentChanges()\n }}\n >\n {activePreset?.isShared\n ? t('general:updateForEveryone')\n : t('fields:saveChanges')}\n </PopupList.Button>\n )}\n {queryPresetPermissions?.update && (\n <PopupList.Button\n icon={<EditIcon size={16} />}\n id=\"edit-preset\"\n onClick={() => {\n close()\n openPresetDrawer()\n }}\n >\n {t('general:editLabel', {\n label: getTranslation(presetConfig?.labels?.singular, i18n),\n })}\n </PopupList.Button>\n )}\n {queryPresetPermissions?.delete && (\n <PopupList.Button\n className={`${baseClass}__delete`}\n icon={<TrashIcon size={16} />}\n id=\"delete-preset\"\n onClick={() => {\n close()\n openModal(deletePresetModalSlug)\n }}\n >\n {t('general:deleteLabel', {\n label: getTranslation(presetConfig?.labels?.singular, i18n),\n })}\n </PopupList.Button>\n )}\n </PopupList.MenuItem>\n </Fragment>\n )}\n {(presets.length > 0 \|\| activePreset) && <PopupList.Divider />}\n <PopupList.MenuItem size=\"small\">\n {queryPresetPermissions?.create && (\n <PopupList.Button\n icon={<PlusIcon size={16} />}\n id=\"create-new-preset\"\n onClick={() => {\n close()\n openCreateNewDrawer()\n }}\n >\n {t('general:createNewLabel', {\n label: getTranslation(presetConfig?.labels?.singular, i18n),\n })}\n </PopupList.Button>\n )}\n <PopupList.Button\n icon={<GearIcon size={16} />}\n id=\"manage-presets\"\n onClick={() => {\n close()\n openListDrawer()\n }}\n >\n {t('general:manageLabel', {\n label: getTranslation(presetConfig?.labels?.plural, i18n),\n })}\n </PopupList.Button>\n </PopupList.MenuItem>\n </Fragment>\n )}\n renderButton={({ active, onClick, onKeyDown }) => (\n <FilterTrigger\n className={`${baseClass}__trigger`}\n id=\"select-preset\"\n isActive={Boolean(activePreset)}\n onClear={handleClearPreset}\n onClick={onClick}\n onKeyDown={onKeyDown}\n popupActive={active}\n showBadge={hasModifiedPreset}\n >\n {buttonLabel}\n </FilterTrigger>\n )}\n size=\"large\"\n verticalAlign=\"bottom\"\n />\n </div>\n <CreateNewPresetDrawer\n initialData={{\n columns: transformColumnsToPreferences(query.columns),\n groupBy: query.groupBy,\n relatedCollection: collectionSlug,\n where: query.where,\n }}\n onSave={async ({ doc }) => {\n closeCreateNewDrawer()\n await handlePresetChange(doc as QueryPreset)\n void fetchPresets()\n }}\n redirectAfterCreate={false}\n />\n <PresetDocumentDrawer\n onDelete={() => {\n void fetchPresets()\n }}\n onDuplicate={async ({ doc }) => {\n await handlePresetChange(doc as QueryPreset)\n void fetchPresets()\n }}\n onSave={async ({ doc }) => {\n await handlePresetChange(doc as QueryPreset)\n void fetchPresets()\n }}\n />\n <ListDrawer\n allowCreate={false}\n disableQueryPresets\n onSelect={async ({ doc }) => {\n await handlePresetChange(doc as QueryPreset)\n }}\n />\n <ConfirmationModal\n body={\n <Translation\n elements={{\n '1': ({ children }) => <strong>{children}</strong>,\n }}\n i18nKey=\"general:aboutToDelete\"\n t={t}\n variables={{\n label: getTranslation(presetConfig?.labels?.singular, i18n),\n title: activePreset?.title,\n }}\n />\n }\n confirmLabel={t('general:delete')}\n heading={t('general:confirmDeletion')}\n modalSlug={deletePresetModalSlug}\n onConfirm={handleDeletePreset}\n />\n </Fragment>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","transformColumnsToPreferences","transformColumnsToSearchParams","qs","React","Fragment","useCallback","useEffect","useMemo","useState","CheckIcon","EditIcon","GearIcon","PlusIcon","RefreshIcon","TrashIcon","useConfig","useListQuery","useRouter","useTranslation","ConfirmationModal","useDocumentDrawer","FilterTrigger","useListDrawer","useModal","Popup","PopupList","Translation","deletePresetModalSlug","queryPresetsSlug","baseClass","QueryPresetBar","activePreset","activePresetFromProps","collectionSlug","queryPresetPermissions","modified","query","refineListData","setModified","setQueryModified","openModal","setActivePreset","router","presets","setPresets","i18n","t","config","routes","api","apiRoute","serverURL","getEntityConfig","presetConfig","PresetDocumentDrawer","openDrawer","openPresetDrawer","id","CreateNewPresetDrawer","closeDrawer","closeCreateNewDrawer","openCreateNewDrawer","filterOptions","isTemp","not_equals","relatedCollection","equals","ListDrawer","openListDrawer","collectionSlugs","selectedCollection","fetchPresets","where","and","queryString","stringify","limit","addQueryPrefix","url","path","response","fetch","credentials","ok","data","json","docs","_error","handlePresetChange","preset","columns","undefined","groupBy","buttonLabel","title","label","labels","singular","handleClearPreset","e","stopPropagation","handleDeletePreset","method","handleResetPreset","saveCurrentChanges","body","JSON","headers","presetColumns","presetWhere","presetGroupBy","queryColumns","parse","columnsMatch","whereMatch","groupByMatch","isModified","hasModifiedPreset","_jsxs","_jsx","className","horizontalAlign","popupType","portalClassName","render","close","RadioGroup","map","isActive","RadioGroupItem","active","onClick","Divider","MenuItem","size","Button","icon","update","isShared","delete","length","create","plural","renderButton","onKeyDown","ariaProps","Boolean","onClear","popupActive","showBadge","verticalAlign","initialData","onSave","doc","redirectAfterCreate","onDelete","onDuplicate","refresh","allowCreate","disableQueryPresets","onSelect","elements","1","children","i18nKey","variables","confirmLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/elements/QueryPresets/QueryPresetBar/index.tsx"],"sourcesContent":["'use client'\nimport type { QueryPreset, SanitizedCollectionPermission } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n formatAdminURL,\n transformColumnsToPreferences,\n transformColumnsToSearchParams,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { CheckIcon } from '../../../icons/Check/index.js'\nimport { EditIcon } from '../../../icons/Edit/index.js'\nimport { GearIcon } from '../../../icons/Gear/index.js'\nimport { PlusIcon } from '../../../icons/Plus/index.js'\nimport { RefreshIcon } from '../../../icons/Refresh/index.js'\nimport { TrashIcon } from '../../../icons/Trash/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/context.js'\nimport { useRouter } from '../../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { FilterTrigger } from '../../FilterTrigger/index.js'\nimport { useListDrawer } from '../../ListDrawer/index.js'\nimport { useModal } from '../../Modal/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport './index.css'\n\nconst deletePresetModalSlug = 'delete-preset-confirmation'\n\nconst queryPresetsSlug = 'payload-query-presets'\n\nconst baseClass = 'query-preset-bar'\n\nexport const QueryPresetBar: React.FC<{\n activePreset: QueryPreset\n collectionSlug?: string\n queryPresetPermissions: SanitizedCollectionPermission\n}> = ({ activePreset: activePresetFromProps, collectionSlug, queryPresetPermissions }) => {\n const { modified, query, refineListData, setModified: setQueryModified } = useListQuery()\n const { openModal } = useModal()\n const [activePreset, setActivePreset] = useState<QueryPreset \| undefined>(activePresetFromProps)\n const router = useRouter()\n const [presets, setPresets] = useState<QueryPreset[]>([])\n\n const { i18n, t } = useTranslation()\n\n const {\n config: {\n routes: { api: apiRoute },\n serverURL,\n },\n getEntityConfig,\n } = useConfig()\n\n const presetConfig = getEntityConfig({ collectionSlug: queryPresetsSlug })\n\n const [PresetDocumentDrawer, , { openDrawer: openPresetDrawer }] = useDocumentDrawer({\n id: activePreset?.id,\n collectionSlug: queryPresetsSlug,\n })\n\n const [\n CreateNewPresetDrawer,\n ,\n { closeDrawer: closeCreateNewDrawer, openDrawer: openCreateNewDrawer },\n ] = useDocumentDrawer({\n collectionSlug: queryPresetsSlug,\n })\n\n const filterOptions = useMemo(\n () => ({\n 'payload-query-presets': {\n isTemp: {\n not_equals: true,\n },\n relatedCollection: {\n equals: collectionSlug,\n },\n },\n }),\n [collectionSlug],\n )\n\n const [ListDrawer, , { openDrawer: openListDrawer }] = useListDrawer({\n collectionSlugs: [queryPresetsSlug],\n filterOptions,\n selectedCollection: queryPresetsSlug,\n })\n\n // Fetch presets for the popup\n const fetchPresets = useCallback(async () => {\n try {\n const where = {\n and: [{ isTemp: { not_equals: true } }, { relatedCollection: { equals: collectionSlug } }],\n }\n const queryString = qs.stringify({ limit: 50, where }, { addQueryPrefix: true })\n const url = formatAdminURL({\n apiRoute,\n path: `/${queryPresetsSlug}${queryString}`,\n serverURL,\n })\n\n const response = await fetch(url, { credentials: 'include' })\n\n if (response.ok) {\n const data = await response.json()\n setPresets(data.docs \|\| [])\n }\n } catch (_error) {\n // Silently fail - presets will remain empty\n }\n }, [apiRoute, collectionSlug, serverURL])\n\n useEffect(() => {\n void fetchPresets()\n }, [fetchPresets])\n\n useEffect(() => {\n setActivePreset(activePresetFromProps)\n }, [activePresetFromProps])\n\n const handlePresetChange = useCallback(\n async (preset: QueryPreset) => {\n await refineListData(\n {\n columns: preset.columns ? transformColumnsToSearchParams(preset.columns) : undefined,\n groupBy: preset.groupBy \|\| '',\n preset: preset.id,\n where: preset.where,\n },\n false,\n )\n setActivePreset(preset)\n },\n [refineListData],\n )\n\n const buttonLabel =\n activePreset?.title \|\|\n t('general:selectLabel', { label: getTranslation(presetConfig?.labels?.singular, i18n) })\n\n const handleClearPreset = useCallback(\n async (e: React.MouseEvent) => {\n e.stopPropagation()\n await refineListData(\n {\n columns: undefined,\n groupBy: '',\n preset: '',\n where: undefined,\n },\n false,\n )\n setActivePreset(undefined)\n },\n [refineListData],\n )\n\n const handleDeletePreset = useCallback(async () => {\n if (!activePreset?.id) {\n return\n }\n\n try {\n const url = formatAdminURL({\n apiRoute,\n path: `/${queryPresetsSlug}/${activePreset.id}`,\n serverURL,\n })\n\n const response = await fetch(url, {\n credentials: 'include',\n method: 'DELETE',\n })\n\n if (response.ok) {\n // Clear the active preset and refresh the list\n await refineListData(\n {\n columns: undefined,\n groupBy: '',\n preset: '',\n where: undefined,\n },\n false,\n )\n setActivePreset(undefined)\n void fetchPresets()\n }\n } catch (_error) {\n // Silently fail\n }\n }, [activePreset?.id, apiRoute, fetchPresets, refineListData, serverURL])\n\n const handleResetPreset = useCallback(async () => {\n if (!activePreset) {\n return\n }\n // Use the same pattern as handlePresetChange for consistency\n await refineListData(\n {\n columns: activePreset.columns ? transformColumnsToSearchParams(activePreset.columns) : [], // explicitly empty to clear user preferences fallback\n groupBy: activePreset.groupBy \|\| '',\n preset: activePreset.id,\n where: activePreset.where,\n },\n false, // not modified - we're resetting to preset's original state\n )\n }, [activePreset, refineListData])\n\n const saveCurrentChanges = useCallback(async () => {\n if (!activePreset?.id) {\n return\n }\n try {\n const url = formatAdminURL({\n apiRoute,\n path: `/${queryPresetsSlug}/${activePreset.id}`,\n serverURL,\n })\n\n const response = await fetch(url, {\n body: JSON.stringify({\n columns: transformColumnsToPreferences(query.columns),\n groupBy: query.groupBy,\n where: query.where,\n }),\n credentials: 'include',\n headers: {\n 'Content-Type': 'application/json',\n },\n method: 'PATCH',\n })\n\n if (response.ok) {\n setQueryModified(false)\n void fetchPresets()\n }\n } catch (_error) {\n // Silently fail\n }\n }, [\n activePreset?.id,\n apiRoute,\n fetchPresets,\n query.columns,\n query.groupBy,\n query.where,\n serverURL,\n setQueryModified,\n ])\n\n // Detect if current query differs from preset on initial load\n useEffect(() => {\n if (!activePreset) {\n return\n }\n\n const presetColumns = activePreset.columns\n ? transformColumnsToSearchParams(activePreset.columns)\n : []\n const presetWhere = activePreset.where\n const presetGroupBy = activePreset.groupBy \|\| ''\n\n // Normalize query.columns - it may be a JSON string from URL or an array\n let queryColumns = query.columns \|\| []\n if (typeof queryColumns === 'string') {\n try {\n queryColumns = JSON.parse(queryColumns)\n } catch {\n queryColumns = []\n }\n }\n\n // Compare current query with preset values\n const columnsMatch = JSON.stringify(queryColumns) === JSON.stringify(presetColumns)\n const whereMatch = JSON.stringify(query.where) === JSON.stringify(presetWhere)\n const groupByMatch = (query.groupBy \|\| '') === presetGroupBy\n\n const isModified = !columnsMatch \|\| !whereMatch \|\| !groupByMatch\n setQueryModified(isModified)\n }, [activePreset, query.columns, query.where, query.groupBy, setQueryModified])\n\n const hasModifiedPreset = activePreset && modified\n\n return (\n <Fragment>\n <div className={baseClass}>\n <Popup\n className={`${baseClass}__popup`}\n horizontalAlign=\"left\"\n popupType=\"menu\"\n portalClassName={`${baseClass}__popup-content`}\n render={({ close }) => (\n <Fragment>\n <PopupList.RadioGroup>\n {presets.map((preset) => {\n const isActive = activePreset?.id === preset.id\n return (\n <PopupList.RadioGroupItem\n active={isActive}\n key={preset.id}\n onClick={async () => {\n close()\n await handlePresetChange(preset)\n }}\n >\n {preset.title}\n </PopupList.RadioGroupItem>\n )\n })}\n </PopupList.RadioGroup>\n {activePreset && (\n <Fragment>\n <PopupList.Divider />\n <PopupList.MenuItem size=\"small\">\n {hasModifiedPreset && (\n <PopupList.Button\n icon={<RefreshIcon size={16} />}\n id=\"reset-preset\"\n onClick={async () => {\n close()\n await handleResetPreset()\n }}\n >\n {t('general:reset')}\n </PopupList.Button>\n )}\n {hasModifiedPreset && queryPresetPermissions?.update && (\n <PopupList.Button\n icon={<CheckIcon size={16} />}\n id=\"save-preset\"\n onClick={async () => {\n close()\n await saveCurrentChanges()\n }}\n >\n {activePreset?.isShared\n ? t('general:updateForEveryone')\n : t('fields:saveChanges')}\n </PopupList.Button>\n )}\n {queryPresetPermissions?.update && (\n <PopupList.Button\n icon={<EditIcon />}\n id=\"edit-preset\"\n onClick={() => {\n close()\n openPresetDrawer()\n }}\n >\n {t('general:editLabel', {\n label: getTranslation(presetConfig?.labels?.singular, i18n),\n })}\n </PopupList.Button>\n )}\n {queryPresetPermissions?.delete && (\n <PopupList.Button\n className={`${baseClass}__delete`}\n icon={<TrashIcon size={16} />}\n id=\"delete-preset\"\n onClick={() => {\n close()\n openModal(deletePresetModalSlug)\n }}\n >\n {t('general:deleteLabel', {\n label: getTranslation(presetConfig?.labels?.singular, i18n),\n })}\n </PopupList.Button>\n )}\n </PopupList.MenuItem>\n </Fragment>\n )}\n {(presets.length > 0 \|\| activePreset) && <PopupList.Divider />}\n <PopupList.MenuItem size=\"small\">\n {queryPresetPermissions?.create && (\n <PopupList.Button\n icon={<PlusIcon size={16} />}\n id=\"create-new-preset\"\n onClick={() => {\n close()\n openCreateNewDrawer()\n }}\n >\n {t('general:createNewLabel', {\n label: getTranslation(presetConfig?.labels?.singular, i18n),\n })}\n </PopupList.Button>\n )}\n <PopupList.Button\n icon={<GearIcon size={16} />}\n id=\"manage-presets\"\n onClick={() => {\n close()\n openListDrawer()\n }}\n >\n {t('general:manageLabel', {\n label: getTranslation(presetConfig?.labels?.plural, i18n),\n })}\n </PopupList.Button>\n </PopupList.MenuItem>\n </Fragment>\n )}\n renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n <FilterTrigger\n {...ariaProps}\n className={`${baseClass}__trigger`}\n id=\"select-preset\"\n isActive={Boolean(activePreset)}\n onClear={handleClearPreset}\n onClick={onClick}\n onKeyDown={onKeyDown}\n popupActive={active}\n showBadge={hasModifiedPreset}\n >\n {buttonLabel}\n </FilterTrigger>\n )}\n size=\"large\"\n verticalAlign=\"bottom\"\n />\n </div>\n <CreateNewPresetDrawer\n initialData={{\n columns: transformColumnsToPreferences(query.columns),\n groupBy: query.groupBy,\n relatedCollection: collectionSlug,\n where: query.where,\n }}\n onSave={async ({ doc }) => {\n closeCreateNewDrawer()\n await handlePresetChange(doc as QueryPreset)\n void fetchPresets()\n }}\n redirectAfterCreate={false}\n />\n <PresetDocumentDrawer\n onDelete={() => {\n void fetchPresets()\n }}\n onDuplicate={async ({ doc }) => {\n await handlePresetChange(doc as QueryPreset)\n void fetchPresets()\n // Re-run the List server component so the active preset title on the trigger reflects the edit\n router.refresh()\n }}\n onSave={async ({ doc }) => {\n await handlePresetChange(doc as QueryPreset)\n void fetchPresets()\n // Re-run the List server component so the active preset title on the trigger reflects the edit\n router.refresh()\n }}\n />\n <ListDrawer\n allowCreate={false}\n disableQueryPresets\n onSelect={async ({ doc }) => {\n await handlePresetChange(doc as QueryPreset)\n }}\n />\n <ConfirmationModal\n body={\n <Translation\n elements={{\n '1': ({ children }) => <strong>{children}</strong>,\n }}\n i18nKey=\"general:aboutToDelete\"\n t={t}\n variables={{\n label: getTranslation(presetConfig?.labels?.singular, i18n),\n title: activePreset?.title,\n }}\n />\n }\n confirmLabel={t('general:delete')}\n heading={t('general:confirmDeletion')}\n modalSlug={deletePresetModalSlug}\n onConfirm={handleDeletePreset}\n />\n </Fragment>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/QueryPresets/fields/ColumnsField/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import type { JSONFieldClientComponent } from 'payload';
+import type { JSONFieldClientProps } from 'payload';
+import React from 'react';
 import '../fields.css';
-export declare const QueryPresetsColumnField: JSONFieldClientComponent;
+export declare const QueryPresetsColumnField: React.FC<JSONFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/QueryPresets/fields/ColumnsField/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyC,~~wBAAwB~~,EAAE,MAAM,SAAS,CAAA;~~AAe9F~~,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,uBAAuB,EAAE,~~wBA8IrC~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyC,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAG1F,OAAO,KAAkB,MAAM,OAAO,CAAA;AAYtC,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8IlE,CAAA"}

package/dist/elements/QueryPresets/fields/ColumnsField/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["fieldIsHiddenOrDisabled","fieldIsID","flattenTopLevelFields","React","useMemo","FieldLabel","useField","useAuth","useConfig","filterFieldsWithPermissions","isColumnActive","sortFieldMap","useTranslation","getColumns","ColumnSelectionButton","QueryPresetsColumnField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","config","getEntityConfig","i18n","permissions","collectionConfig","collectionSlug","columnPreferences","clientConfig","columns","fields","fieldPermissions","collections","sortedFieldMap","keepPresentationalFields","moveSubFieldsToTop","idFieldIndex","findIndex","unshift","splice","useAsTitle","admin","useAsTitleFieldIndex","name","activeColumnsIndices","reduce","acc","colIndex","type","accessor","undefined","columnPref","find","pref","active","column","push","Heading","renderedCells","handleChange","useCallback","newColumns","preferences","map","col","length","_jsxs","className","_jsx","as","onChange"],"sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Column, ColumnPreference, JSONFieldClientComponent } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, fieldIsID, flattenTopLevelFields } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { filterFieldsWithPermissions } from '../../../../providers/TableColumns/buildColumnState/filterFieldsWithPermissions.js'\nimport { isColumnActive } from '../../../../providers/TableColumns/buildColumnState/isColumnActive.js'\nimport { sortFieldMap } from '../../../../providers/TableColumns/buildColumnState/sortFieldMap.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { getColumns } from '../../../../utilities/getColumns.js'\nimport { ColumnSelectionButton } from '../../../ColumnSelection/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsColumnField: JSONFieldClientComponent = ({\n field: { label, required },\n}) => {\n const { path, setValue, value } = useField<ColumnPreference[]>()\n const relatedCollectionField = useField({ path: 'relatedCollection' })\n const relatedCollection = relatedCollectionField.value as string \| undefined\n const { config, getEntityConfig } = useConfig()\n const { i18n } = useTranslation()\n const { permissions } = useAuth()\n\n const collectionConfig = useMemo(\n () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n [relatedCollection, getEntityConfig],\n )\n\n const columnPreferences = useMemo(() => {\n if (!relatedCollection \|\| !collectionConfig) {\n return []\n }\n return getColumns({\n clientConfig: config,\n collectionConfig,\n collectionSlug: relatedCollection,\n columns: value ?? [],\n i18n,\n permissions,\n })\n }, [config, collectionConfig, relatedCollection, value, i18n, permissions])\n\n // Build the full column set from every field (active and inactive), mirroring the\n // list view's `buildColumnState`, so columns absent from the saved preferences still\n // appear in the selector. No cells are rendered here.\n const columns: Column[] = useMemo(() => {\n if (!collectionConfig?.fields) {\n return []\n }\n\n const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields ?? true\n\n let sortedFieldMap = flattenTopLevelFields(\n filterFieldsWithPermissions({ fieldPermissions, fields: collectionConfig.fields }),\n {\n i18n,\n keepPresentationalFields: true,\n moveSubFieldsToTop: true,\n },\n ) as ClientField[]\n\n // Place the `id` field first, then the `useAsTitle` field, matching the list view.\n const idFieldIndex = sortedFieldMap.findIndex((field) => fieldIsID(field))\n if (idFieldIndex > -1) {\n sortedFieldMap.unshift(sortedFieldMap.splice(idFieldIndex, 1)[0])\n }\n\n const useAsTitle = collectionConfig.admin?.useAsTitle\n const useAsTitleFieldIndex = useAsTitle\n ? sortedFieldMap.findIndex((field) => 'name' in field && field.name === useAsTitle)\n : -1\n if (useAsTitleFieldIndex > -1) {\n sortedFieldMap.unshift(sortedFieldMap.splice(useAsTitleFieldIndex, 1)[0])\n }\n\n sortedFieldMap = sortFieldMap(sortedFieldMap, columnPreferences)\n\n const activeColumnsIndices: number[] = []\n\n return sortedFieldMap.reduce<Column[]>((acc, field, colIndex) => {\n if (fieldIsHiddenOrDisabled(field) && !fieldIsID(field)) {\n return acc\n }\n\n // Groups render as their flattened subfields, not as a selectable column.\n if (field.type === 'group') {\n return acc\n }\n\n const accessor =\n 'accessor' in field\n ? (field as { accessor: string }).accessor\n : 'name' in field\n ? field.name\n : undefined\n\n if (!accessor) {\n return acc\n }\n\n const columnPref = columnPreferences.find((pref) => pref.accessor === accessor)\n const active = isColumnActive({\n accessor,\n activeColumnsIndices,\n column: columnPref,\n columns: columnPreferences,\n })\n\n if (active) {\n activeColumnsIndices.push(colIndex)\n }\n\n acc.push({\n accessor,\n active,\n field,\n Heading: null,\n renderedCells: [],\n })\n\n return acc\n }, [])\n }, [collectionConfig, columnPreferences, i18n, permissions, relatedCollection])\n\n const handleChange = React.useCallback(\n (newColumns: Column[]) => {\n const preferences: ColumnPreference[] = newColumns.map((col) => ({\n accessor: col.accessor,\n active: col.active,\n }))\n setValue(preferences.length ? preferences : undefined)\n },\n [setValue],\n )\n\n if (!relatedCollection \|\| !collectionConfig) {\n return (\n <div className=\"field-type query-preset-columns-field\">\n <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n <p className=\"query-preset-columns-field__hint\">\n Select the related collection to configure columns.\n </p>\n </div>\n )\n }\n\n return (\n <div className=\"field-type query-preset-columns-field\">\n <ColumnSelectionButton\n collectionSlug={relatedCollection}\n columns={columns}\n onChange={handleChange}\n />\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["fieldIsHiddenOrDisabled","fieldIsID","flattenTopLevelFields","React","useMemo","FieldLabel","useField","useAuth","useConfig","filterFieldsWithPermissions","isColumnActive","sortFieldMap","useTranslation","getColumns","ColumnSelectionButton","QueryPresetsColumnField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","config","getEntityConfig","i18n","permissions","collectionConfig","collectionSlug","columnPreferences","clientConfig","columns","fields","fieldPermissions","collections","sortedFieldMap","keepPresentationalFields","moveSubFieldsToTop","idFieldIndex","findIndex","unshift","splice","useAsTitle","admin","useAsTitleFieldIndex","name","activeColumnsIndices","reduce","acc","colIndex","type","accessor","undefined","columnPref","find","pref","active","column","push","Heading","renderedCells","handleChange","useCallback","newColumns","preferences","map","col","length","_jsxs","className","_jsx","as","onChange"],"sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Column, ColumnPreference, JSONFieldClientProps } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, fieldIsID, flattenTopLevelFields } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { filterFieldsWithPermissions } from '../../../../providers/TableColumns/buildColumnState/filterFieldsWithPermissions.js'\nimport { isColumnActive } from '../../../../providers/TableColumns/buildColumnState/isColumnActive.js'\nimport { sortFieldMap } from '../../../../providers/TableColumns/buildColumnState/sortFieldMap.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { getColumns } from '../../../../utilities/getColumns.js'\nimport { ColumnSelectionButton } from '../../../ColumnSelection/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsColumnField: React.FC<JSONFieldClientProps> = ({\n field: { label, required },\n}) => {\n const { path, setValue, value } = useField<ColumnPreference[]>()\n const relatedCollectionField = useField({ path: 'relatedCollection' })\n const relatedCollection = relatedCollectionField.value as string \| undefined\n const { config, getEntityConfig } = useConfig()\n const { i18n } = useTranslation()\n const { permissions } = useAuth()\n\n const collectionConfig = useMemo(\n () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n [relatedCollection, getEntityConfig],\n )\n\n const columnPreferences = useMemo(() => {\n if (!relatedCollection \|\| !collectionConfig) {\n return []\n }\n return getColumns({\n clientConfig: config,\n collectionConfig,\n collectionSlug: relatedCollection,\n columns: value ?? [],\n i18n,\n permissions,\n })\n }, [config, collectionConfig, relatedCollection, value, i18n, permissions])\n\n // Build the full column set from every field (active and inactive), mirroring the\n // list view's `buildColumnState`, so columns absent from the saved preferences still\n // appear in the selector. No cells are rendered here.\n const columns: Column[] = useMemo(() => {\n if (!collectionConfig?.fields) {\n return []\n }\n\n const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields ?? true\n\n let sortedFieldMap = flattenTopLevelFields(\n filterFieldsWithPermissions({ fieldPermissions, fields: collectionConfig.fields }),\n {\n i18n,\n keepPresentationalFields: true,\n moveSubFieldsToTop: true,\n },\n ) as ClientField[]\n\n // Place the `id` field first, then the `useAsTitle` field, matching the list view.\n const idFieldIndex = sortedFieldMap.findIndex((field) => fieldIsID(field))\n if (idFieldIndex > -1) {\n sortedFieldMap.unshift(sortedFieldMap.splice(idFieldIndex, 1)[0])\n }\n\n const useAsTitle = collectionConfig.admin?.useAsTitle\n const useAsTitleFieldIndex = useAsTitle\n ? sortedFieldMap.findIndex((field) => 'name' in field && field.name === useAsTitle)\n : -1\n if (useAsTitleFieldIndex > -1) {\n sortedFieldMap.unshift(sortedFieldMap.splice(useAsTitleFieldIndex, 1)[0])\n }\n\n sortedFieldMap = sortFieldMap(sortedFieldMap, columnPreferences)\n\n const activeColumnsIndices: number[] = []\n\n return sortedFieldMap.reduce<Column[]>((acc, field, colIndex) => {\n if (fieldIsHiddenOrDisabled(field) && !fieldIsID(field)) {\n return acc\n }\n\n // Groups render as their flattened subfields, not as a selectable column.\n if (field.type === 'group') {\n return acc\n }\n\n const accessor =\n 'accessor' in field\n ? (field as { accessor: string }).accessor\n : 'name' in field\n ? field.name\n : undefined\n\n if (!accessor) {\n return acc\n }\n\n const columnPref = columnPreferences.find((pref) => pref.accessor === accessor)\n const active = isColumnActive({\n accessor,\n activeColumnsIndices,\n column: columnPref,\n columns: columnPreferences,\n })\n\n if (active) {\n activeColumnsIndices.push(colIndex)\n }\n\n acc.push({\n accessor,\n active,\n field,\n Heading: null,\n renderedCells: [],\n })\n\n return acc\n }, [])\n }, [collectionConfig, columnPreferences, i18n, permissions, relatedCollection])\n\n const handleChange = React.useCallback(\n (newColumns: Column[]) => {\n const preferences: ColumnPreference[] = newColumns.map((col) => ({\n accessor: col.accessor,\n active: col.active,\n }))\n setValue(preferences.length ? preferences : undefined)\n },\n [setValue],\n )\n\n if (!relatedCollection \|\| !collectionConfig) {\n return (\n <div className=\"field-type query-preset-columns-field\">\n <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n <p className=\"query-preset-columns-field__hint\">\n Select the related collection to configure columns.\n </p>\n </div>\n )\n }\n\n return (\n <div className=\"field-type query-preset-columns-field\">\n <ColumnSelectionButton\n collectionSlug={relatedCollection}\n columns={columns}\n onChange={handleChange}\n />\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/QueryPresets/fields/GroupByField/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import type { TextFieldClientComponent } from 'payload';
+import type { TextFieldClientProps } from 'payload';
+import React from 'react';
 import '../fields.css';
-export declare const QueryPresetsGroupByField: TextFieldClientComponent;
+export declare const QueryPresetsGroupByField: React.FC<TextFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/QueryPresets/fields/GroupByField/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,~~wBAAwB~~,EAAE,MAAM,SAAS,CAAA;~~AAQvD~~,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,wBAAwB,EAAE,~~wBAkCtC~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkCnE,CAAA"}

package/dist/elements/QueryPresets/fields/GroupByField/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","useMemo","FieldLabel","useField","useConfig","GroupByButton","QueryPresetsGroupByField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","getEntityConfig","collectionConfig","collectionSlug","_jsxs","className","_jsx","as","fields","onChange","groupBy"],"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { ~~TextFieldClientComponent~~ } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { GroupByButton } from '../../../GroupBy/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsGroupByField: ~~TextFieldClientComponent~~ = ({\n field: { label, required },\n}) => {\n const { path, setValue, value } = useField<string>()\n const relatedCollectionField = useField({ path: 'relatedCollection' })\n const relatedCollection = relatedCollectionField.value as string \| undefined\n const { getEntityConfig } = useConfig()\n\n const collectionConfig = useMemo(\n () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n [relatedCollection, getEntityConfig],\n )\n\n if (!relatedCollection \|\| !collectionConfig) {\n return (\n <div className=\"field-type query-preset-group-by-field\">\n <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n <p className=\"query-preset-group-by-field__hint\">\n Select the related collection to configure group by.\n </p>\n </div>\n )\n }\n\n return (\n <div className=\"field-type query-preset-group-by-field\">\n <GroupByButton\n collectionSlug={relatedCollection}\n fields={collectionConfig.fields}\n onChange={(groupBy) => setValue(groupBy \|\| null)}\n value={value ?? ''}\n />\n </div>\n )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,OAAO,MAAMC,wBAAA,~~GAAqDA~~,CAAC;~~EACjEC~~,KAAA,EAAO;IAAEC,KAAK;IAAEC;EAAQ;AAAE,CAC3B;EACC,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAK,CAAE,GAAGT,QAAA;EAClC,MAAMU,sBAAA,GAAyBV,QAAA,CAAS;IAAEO,IAAA,EAAM;EAAoB;EACpE,MAAMI,iBAAA,GAAoBD,sBAAA,CAAuBD,KAAK;EACtD,MAAM;IAAEG;EAAe,CAAE,GAAGX,SAAA;EAE5B,MAAMY,gBAAA,GAAmBf,OAAA,CACvB,MAAOa,iBAAA,GAAoBC,eAAA,CAAgB;IAAEE,cAAA,EAAgBH;EAAkB,KAAK,MACpF,CAACA,iBAAA,EAAmBC,eAAA,CAAgB;EAGtC,IAAI,CAACD,iBAAA,IAAqB,CAACE,gBAAA,EAAkB;IAC3C,oBACEE,KAAA,CAAC;MAAIC,SAAA,EAAU;8BACbC,IAAA,CAAClB,UAAA;QAAWmB,EAAA,EAAG;QAAKb,KAAA,EAAOA,KAAA;QAAOE,IAAA,EAAMA,IAAA;QAAMD,QAAA,EAAUA;uBACxDW,IAAA,CAAC;QAAED,SAAA,EAAU;kBAAoC;;;EAKvD;EAEA,oBACEC,IAAA,CAAC;IAAID,SAAA,EAAU;cACb,aAAAC,IAAA,CAACf,aAAA;MACCY,cAAA,EAAgBH,iBAAA;MAChBQ,MAAA,EAAQN,gBAAA,CAAiBM,MAAM;MAC/BC,QAAA,EAAWC,OAAA,IAAYb,QAAA,CAASa,OAAA,IAAW;MAC3CZ,KAAA,EAAOA,KAAA,IAAS;;;AAIxB","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","useMemo","FieldLabel","useField","useConfig","GroupByButton","QueryPresetsGroupByField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","getEntityConfig","collectionConfig","collectionSlug","_jsxs","className","_jsx","as","fields","onChange","groupBy"],"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientProps } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { GroupByButton } from '../../../GroupBy/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsGroupByField: React.FC<TextFieldClientProps> = ({\n field: { label, required },\n}) => {\n const { path, setValue, value } = useField<string>()\n const relatedCollectionField = useField({ path: 'relatedCollection' })\n const relatedCollection = relatedCollectionField.value as string \| undefined\n const { getEntityConfig } = useConfig()\n\n const collectionConfig = useMemo(\n () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n [relatedCollection, getEntityConfig],\n )\n\n if (!relatedCollection \|\| !collectionConfig) {\n return (\n <div className=\"field-type query-preset-group-by-field\">\n <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n <p className=\"query-preset-group-by-field__hint\">\n Select the related collection to configure group by.\n </p>\n </div>\n )\n }\n\n return (\n <div className=\"field-type query-preset-group-by-field\">\n <GroupByButton\n collectionSlug={relatedCollection}\n fields={collectionConfig.fields}\n onChange={(groupBy) => setValue(groupBy \|\| null)}\n value={value ?? ''}\n />\n </div>\n )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,OAAO,MAAMC,wBAAA,GAA2DA,CAAC;EACvEC,KAAA,EAAO;IAAEC,KAAK;IAAEC;EAAQ;AAAE,CAC3B;EACC,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAK,CAAE,GAAGT,QAAA;EAClC,MAAMU,sBAAA,GAAyBV,QAAA,CAAS;IAAEO,IAAA,EAAM;EAAoB;EACpE,MAAMI,iBAAA,GAAoBD,sBAAA,CAAuBD,KAAK;EACtD,MAAM;IAAEG;EAAe,CAAE,GAAGX,SAAA;EAE5B,MAAMY,gBAAA,GAAmBf,OAAA,CACvB,MAAOa,iBAAA,GAAoBC,eAAA,CAAgB;IAAEE,cAAA,EAAgBH;EAAkB,KAAK,MACpF,CAACA,iBAAA,EAAmBC,eAAA,CAAgB;EAGtC,IAAI,CAACD,iBAAA,IAAqB,CAACE,gBAAA,EAAkB;IAC3C,oBACEE,KAAA,CAAC;MAAIC,SAAA,EAAU;8BACbC,IAAA,CAAClB,UAAA;QAAWmB,EAAA,EAAG;QAAKb,KAAA,EAAOA,KAAA;QAAOE,IAAA,EAAMA,IAAA;QAAMD,QAAA,EAAUA;uBACxDW,IAAA,CAAC;QAAED,SAAA,EAAU;kBAAoC;;;EAKvD;EAEA,oBACEC,IAAA,CAAC;IAAID,SAAA,EAAU;cACb,aAAAC,IAAA,CAACf,aAAA;MACCY,cAAA,EAAgBH,iBAAA;MAChBQ,MAAA,EAAQN,gBAAA,CAAiBM,MAAM;MAC/BC,QAAA,EAAWC,OAAA,IAAYb,QAAA,CAASa,OAAA,IAAW;MAC3CZ,KAAA,EAAOA,KAAA,IAAS;;;AAIxB","ignoreList":[]}

package/dist/elements/QueryPresets/fields/Heading/index.css CHANGED Viewed

@@ -32,6 +32,7 @@
       }
       /* Stay in a row on mobile, where Row otherwise stacks into a column. */
+      /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
       @media (max-width: 1024px) {
         flex-direction: row;
       }

package/dist/elements/QueryPresets/fields/WhereField/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import type { JSONFieldClientComponent } from 'payload';
+import type { JSONFieldClientProps } from 'payload';
+import React from 'react';
 import '../fields.css';
-export declare const QueryPresetsWhereField: JSONFieldClientComponent;
+export declare const QueryPresetsWhereField: React.FC<JSONFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/QueryPresets/fields/WhereField/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,~~wBAAwB~~,EAAS,MAAM,SAAS,CAAA;~~AAQ9D~~,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,sBAAsB,EAAE,~~wBA~~+~~BpC~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAS,MAAM,SAAS,CAAA;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+BjE,CAAA"}

package/dist/elements/QueryPresets/fields/WhereField/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","FieldLabel","useField","useConfig","WhereBuilder","QueryPresetsWhereField","t0","$","field","t1","label","required","path","setValue","value","t2","Symbol","for","relatedCollectionField","relatedCollection","getEntityConfig","t3","_jsxs","className","children","_jsx","as","collectionConfig","collectionSlug","t4","where","fields","onChange","undefined"],"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { ~~JSONFieldClientComponent~~, Where } from 'payload'\n\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { WhereBuilder } from '../../../WhereBuilder/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsWhereField: ~~JSONFieldClientComponent~~ = ({\n field: { label, required },\n}) => {\n const { path, setValue, value } = useField<Where>()\n const relatedCollectionField = useField({ path: 'relatedCollection' })\n const relatedCollection = relatedCollectionField.value as string \| undefined\n const { getEntityConfig } = useConfig()\n\n if (!relatedCollection) {\n return (\n <div className=\"field-type query-preset-where-field\">\n <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n <p className=\"query-preset-where-field__hint\">\n Select the related collection to configure filters.\n </p>\n </div>\n )\n }\n\n const collectionConfig = getEntityConfig({ collectionSlug: relatedCollection })\n\n return (\n <div className=\"field-type query-preset-where-field\">\n <WhereBuilder\n collectionSlug={relatedCollection}\n fields={collectionConfig?.fields ?? []}\n onChange={(where) => setValue(where)}\n value={value ?? undefined}\n />\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,OAAO,MAAMC,sBAAA,~~GAAmDC~~,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA,EAAAC;EAAA,IAAAH,~~EAEhE~~;EADQ;IAAAI,KAAA;IAAAC;EAAA,IAAAF,EAAmB;EAE1B;IAAAG,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAkCZ,QAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACMF,EAAA;MAAAH,IAAA,EAAQ;IAAA;IAAoBL,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAApE,MAAAW,sBAAA,GAA+BhB,QAAA,CAASa,EAA4B;EACpE,MAAAI,iBAAA,GAA0BD,sBAAA,CAAAJ,KAAA;EAC1B;IAAAM;EAAA,IAA4BjB,SAAA;EAAA,KAEvBgB,iBAAA;IAAA,IAAAE,EAAA;IAAA,IAAAd,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,QAAA;MAEDU,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,GACbC,IAAA,CAAAxB,UAAA;UAAAyB,EAAA,EAAe;UAAAhB,KAAA;UAAAE,IAAA;UAAAD;QAAA,C,GACfc,IAAA,CAAC;UAAAF,SAAA,EAAY;UAAAC,QAAA,EAAiC;QAAA,C;;;;;;;;;WAFhDH,E;;;;IASJ,MAAAM,gBAAA,GAAyBP,eAAA;MAAAQ,cAAA,EAAkCT;IAAA,CAAkB;IAAA,IAAAU,EAAA;IAAA,IAAAtB,CAAA,SAAAM,QAAA;MAO7DgB,EAAA,GAAAC,KAAA,IAAWjB,QAAA,CAASiB,KAAA;MAAAvB,CAAA,OAAAM,QAAA;MAAAN,CAAA,OAAAsB,EAAA;IAAA;MAAAA,EAAA,GAAAtB,CAAA;IAAA;IAJlCc,EAAA,GAAAI,IAAA,CAAC;MAAAF,SAAA,EAAc;MAAAC,QAAA,EACbC,IAAA,CAAArB,YAAA;QAAAwB,cAAA,EACkBT,iBAAA;QAAAY,MAAA,EACRJ,gBAAA,EAAAI,MAAA,MAA8B;QAAAC,QAAA,EAC5BH,EAAoB;QAAAf,KAAA,EACvBA,KAAA,IAAAmB;MAAS,C;;;;;;;;;;SALpBZ,E;CASJ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","FieldLabel","useField","useConfig","WhereBuilder","QueryPresetsWhereField","t0","$","field","t1","label","required","path","setValue","value","t2","Symbol","for","relatedCollectionField","relatedCollection","getEntityConfig","t3","_jsxs","className","children","_jsx","as","collectionConfig","collectionSlug","t4","where","fields","onChange","undefined"],"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientProps, Where } from 'payload'\n\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { WhereBuilder } from '../../../WhereBuilder/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsWhereField: React.FC<JSONFieldClientProps> = ({\n field: { label, required },\n}) => {\n const { path, setValue, value } = useField<Where>()\n const relatedCollectionField = useField({ path: 'relatedCollection' })\n const relatedCollection = relatedCollectionField.value as string \| undefined\n const { getEntityConfig } = useConfig()\n\n if (!relatedCollection) {\n return (\n <div className=\"field-type query-preset-where-field\">\n <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n <p className=\"query-preset-where-field__hint\">\n Select the related collection to configure filters.\n </p>\n </div>\n )\n }\n\n const collectionConfig = getEntityConfig({ collectionSlug: relatedCollection })\n\n return (\n <div className=\"field-type query-preset-where-field\">\n <WhereBuilder\n collectionSlug={relatedCollection}\n fields={collectionConfig?.fields ?? []}\n onChange={(where) => setValue(where)}\n value={value ?? undefined}\n />\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,OAAO,MAAMC,sBAAA,GAAyDC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA,EAAAC;EAAA,IAAAH,EAEtE;EADQ;IAAAI,KAAA;IAAAC;EAAA,IAAAF,EAAmB;EAE1B;IAAAG,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAkCZ,QAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACMF,EAAA;MAAAH,IAAA,EAAQ;IAAA;IAAoBL,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAApE,MAAAW,sBAAA,GAA+BhB,QAAA,CAASa,EAA4B;EACpE,MAAAI,iBAAA,GAA0BD,sBAAA,CAAAJ,KAAA;EAC1B;IAAAM;EAAA,IAA4BjB,SAAA;EAAA,KAEvBgB,iBAAA;IAAA,IAAAE,EAAA;IAAA,IAAAd,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,QAAA;MAEDU,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,GACbC,IAAA,CAAAxB,UAAA;UAAAyB,EAAA,EAAe;UAAAhB,KAAA;UAAAE,IAAA;UAAAD;QAAA,C,GACfc,IAAA,CAAC;UAAAF,SAAA,EAAY;UAAAC,QAAA,EAAiC;QAAA,C;;;;;;;;;WAFhDH,E;;;;IASJ,MAAAM,gBAAA,GAAyBP,eAAA;MAAAQ,cAAA,EAAkCT;IAAA,CAAkB;IAAA,IAAAU,EAAA;IAAA,IAAAtB,CAAA,SAAAM,QAAA;MAO7DgB,EAAA,GAAAC,KAAA,IAAWjB,QAAA,CAASiB,KAAA;MAAAvB,CAAA,OAAAM,QAAA;MAAAN,CAAA,OAAAsB,EAAA;IAAA;MAAAA,EAAA,GAAAtB,CAAA;IAAA;IAJlCc,EAAA,GAAAI,IAAA,CAAC;MAAAF,SAAA,EAAc;MAAAC,QAAA,EACbC,IAAA,CAAArB,YAAA;QAAAwB,cAAA,EACkBT,iBAAA;QAAAY,MAAA,EACRJ,gBAAA,EAAAI,MAAA,MAA8B;QAAAC,QAAA,EAC5BH,EAAoB;QAAAf,KAAA,EACvBA,KAAA,IAAAmB;MAAS,C;;;;;;;;;;SALpBZ,E;CASJ","ignoreList":[]}

package/dist/elements/ReactSelect/ClearIndicator/index.css CHANGED Viewed

@@ -5,7 +5,12 @@
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
+    background: transparent;
+    border: 0;
     color: var(--color-icon-secondary);
+    min-height: var(--spacer-4);
+    min-width: var(--spacer-4);
+    padding: 0;
     &:hover {
       color: var(--color-icon);

package/dist/elements/ReactSelect/ClearIndicator/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,~~EAAE~~,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;~~AAGvD~~,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,~~CAuB1E~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAqB,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAI1E,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,CA2B1E,CAAA"}

package/dist/elements/ReactSelect/ClearIndicator/index.js CHANGED Viewed

@@ -1,34 +1,65 @@
 'use client';
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { CircledXIcon } from '../../../icons/CircledX/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
 import './index.css';
 const baseClass = 'clear-indicator';
 export const ClearIndicator = props => {
+  const $ = _c(6);
   const {
     clearValue,
-    innerProps: {
-      ref,
-      ...restInnerProps
-    }
+    selectProps
   } = props;
-  return /*#__PURE__*/_jsx("div", {
-    className: baseClass,
-    ref: ref,
-    ...restInnerProps,
-    onKeyDown: e => {
-      if (e.key === 'Enter') {
+  const {
+    t
+  } = useTranslation();
+  const {
+    customProps
+  } = selectProps;
+  let t0;
+  if ($[0] !== clearValue || $[1] !== customProps?.clearValueLabel || $[2] !== t) {
+    const label = customProps?.clearValueLabel || t("general:clear");
+    let t1;
+    if ($[4] !== clearValue) {
+      t1 = event => {
+        event.stopPropagation();
         clearValue();
-        e.stopPropagation();
-      }
-    },
-    role: "button",
-    tabIndex: 0,
-    children: /*#__PURE__*/_jsx(CircledXIcon, {
-      className: `${baseClass}__icon`,
-      size: 24
-    })
-  });
+      };
+      $[4] = clearValue;
+      $[5] = t1;
+    } else {
+      t1 = $[5];
+    }
+    t0 = _jsx("button", {
+      "aria-label": label,
+      className: baseClass,
+      onClick: t1,
+      onKeyDown: _temp,
+      onMouseDown: _temp2,
+      type: "button",
+      children: _jsx(CircledXIcon, {
+        className: `${baseClass}__icon`,
+        size: 24
+      })
+    });
+    $[0] = clearValue;
+    $[1] = customProps?.clearValueLabel;
+    $[2] = t;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  return t0;
 };
+function _temp(event_0) {
+  if (event_0.key === " ") {
+    event_0.stopPropagation();
+  }
+}
+function _temp2(event_1) {
+  return event_1.stopPropagation();
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/ClearIndicator/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","CircledXIcon","baseClass","ClearIndicator","props","clearValue","~~innerProps~~","~~ref~~","~~restInnerProps~~","_jsx","className","onKeyDown","e","~~key~~","~~stopPropagation~~","~~role~~","~~tabIndex~~","size"],"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { CircledXIcon } from '../../../icons/CircledX/index.js'\nimport './index.css'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n const {\n ~~clearValue,\~~n ~~innerProps:~~ { ~~ref,~~ ~~...restInnerProps~~ ~~},\~~n } = ~~props~~\n\n return (\n <~~div~~\n className={baseClass}\n ~~ref~~={~~ref}~~\n ~~{...restInnerProps~~}\n onKeyDown={(e) => {\n if (e.key === '~~Enter~~') {\n ~~clearValue()\n e~~.stopPropagation()\n }\n }}\n ~~role~~=\"button\"\n ~~tabIndex={0}\n~~ >\n <CircledXIcon className={`${baseClass}__icon`} size={24} />\n </~~div~~>\n )\n}\n"],"mappings":"AAAA~~;;;~~AAGA,~~OAAOA~~,KAAA,MAAW;AAIlB,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,~~GAAmEC~~,KAAA;~~EAC9E~~,~~MAAM;IACJC~~,~~UAAU~~;~~IACVC~~,UAAA,~~EAAY~~;~~MAAEC~~,~~GAAG~~;~~MAAE~~,~~GAAGC~~;~~IAAA~~;~~EAAgB~~,~~CACvC~~,~~GAAGJ~~,KAAA;~~EAEJ~~,~~oBACEK~~,IAAA,~~CAAC~~;~~IACCC~~,~~SAAA~~,~~EAAWR~~,~~SAAA~~;~~IACXK~~,~~GAAA~~,~~EAAKA~~,~~GAAA~~;~~IACJ~~,~~GAAGC~~,~~cAAc~~;~~IAClBG~~,~~SAAA~~,~~EAAYC~~,~~CAAA~~;~~MACV~~,~~IAAIA~~,CAAA,~~CAAEC~~,~~GAAG~~,~~KAAK~~,~~SAAS~~;~~QACrBR~~,~~UAAA~~;~~QACAO~~,~~CAAA~~,~~CAAEE~~,~~eAAe~~;~~MACnB~~;~~IACF~~;~~IACAC~~,IAAA,~~EAAK~~;~~IACLC~~,QAAA,~~EAAU;cAEV~~,~~aAAAP,~~IAAA,~~CAACR~~,YAAA;~~MAAaS~~,SAAA,~~EAAW~~,~~GAAGR~~,SAAA,~~QAAiB~~;~~MAAEe~~,IAAA,~~EAAM;;;AAG3D~~","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","CircledXIcon","useTranslation","baseClass","ClearIndicator","props","$","clearValue","selectProps","t","customProps","t0","clearValueLabel","label","t1","event","stopPropagation","_jsx","className","onClick","onKeyDown","_temp","onMouseDown","_temp2","type","children","size","event_0","key","event_1"],"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { CustomSelectProps, Option as OptionType } from '../types.js'\n\nimport { CircledXIcon } from '../../../icons/CircledX/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n const { clearValue, selectProps } = props\n const { t } = useTranslation()\n const { customProps } = selectProps as {\n customProps?: CustomSelectProps\n } & typeof selectProps\n const label = customProps?.clearValueLabel \|\| t('general:clear')\n\n return (\n <button\n aria-label={label}\n className={baseClass}\n onClick={(event) => {\n event.stopPropagation()\n clearValue()\n }}\n onKeyDown={(event) => {\n if (event.key === ' ') {\n event.stopPropagation()\n }\n }}\n onMouseDown={(event) => event.stopPropagation()}\n type=\"button\"\n >\n <CircledXIcon className={`${baseClass}__icon`} size={24} />\n </button>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAIlB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAAkEC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC7E;IAAAQ,UAAA;IAAAC;EAAA,IAAoCH,KAAA;EACpC;IAAAI;EAAA,IAAcP,cAAA;EACd;IAAAQ;EAAA,IAAwBF,WAAA;EAAA,IAAAG,EAAA;EAAA,IAAAL,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAI,WAAA,EAAAE,eAAA,IAAAN,CAAA,QAAAG,CAAA;IAGxB,MAAAI,KAAA,GAAcH,WAAA,EAAAE,eAAA,IAAgCH,CAAA,CAAE;IAAA,IAAAK,EAAA;IAAA,IAAAR,CAAA,QAAAC,UAAA;MAMnCO,EAAA,GAAAC,KAAA;QACPA,KAAA,CAAAC,eAAA,CAAqB;QACrBT,UAAA;MAAA;MACFD,CAAA,MAAAC,UAAA;MAAAD,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IANFK,EAAA,GAAAM,IAAA,CAAC;MAAA,cACaJ,KAAA;MAAAK,SAAA,EAAAf,SAAA;MAAAgB,OAAA,EAEHL,EAGT;MAAAM,SAAA,EAAAC,KAAA;MAAAC,WAAA,EAAAC,MAAA;MAAAC,IAAA,EAOK;MAAAC,QAAA,EAELR,IAAA,CAAAhB,YAAA;QAAAiB,SAAA,EAAyB,GAAAf,SAAA,QAAoB;QAAAuB,IAAA;MAAA,C;;;;;;;;;SAf/Cf,E;CAkBJ;AA3B+E,SAAAU,MAAAM,OAAA;EAAA,IAiBnEZ,OAAA,CAAAa,GAAA,KAAc;IAChBb,OAAA,CAAAC,eAAA,CAAqB;EAAA;AAAA;AAlBgD,SAAAO,OAAAM,OAAA;EAAA,OAqBjDd,OAAA,CAAAC,eAAA,CAAqB;AAAA","ignoreList":[]}

package/dist/elements/ReactSelect/DefaultMenuPortal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultMenuPortal.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/DefaultMenuPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAiBzD,KAAK,sBAAsB,CACzB,GAAG,EACH,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,GAAG,CAAC,IAC1B,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;AAE7E,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,GAAG,CAAC,EAC1F,KAAK,EAAE,sBAAsB,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,~~qBAoHnD~~"}
1	+ {"version":3,"file":"DefaultMenuPortal.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/DefaultMenuPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAiBzD,KAAK,sBAAsB,CACzB,GAAG,EACH,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,GAAG,CAAC,IAC1B,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;AAE7E,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,GAAG,CAAC,EAC1F,KAAK,EAAE,sBAAsB,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,qBAyHnD"}

package/dist/elements/ReactSelect/DefaultMenuPortal.js CHANGED Viewed

@@ -115,6 +115,7 @@ export function DefaultMenuPortal(props) {
     },
     children: children
   });
-  return /*#__PURE__*/createPortal(menuWrapper, appendTo);
+  const portalTarget = appendTo === document.body ? controlElement.closest('dialog, [role="dialog"]') ?? appendTo : appendTo;
+  return /*#__PURE__*/createPortal(menuWrapper, portalTarget);
 }
 //# sourceMappingURL=DefaultMenuPortal.js.map

package/dist/elements/ReactSelect/DefaultMenuPortal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultMenuPortal.js","names":["autoUpdate","computePosition","flip","offset","shift","size","React","useCallback","useLayoutEffect","useRef","createPortal","components","rsComponents","useTheme","FLOATING_MENU_PADDING","FLOATING_MENU_OFFSET","DefaultMenuPortal","props","appendTo","children","controlElement","innerProps","menuPlacement","theme","floatingRef","rafRef","selectProps","menuPortalTheme","customProps","updatePosition","floatingElement","current","placement","x","y","middleware","padding","apply","availableHeight","elements","rects","maxHeight","Math","max","floor","width","reference","Object","assign","floating","style","minWidth","strategy","left","top","setFloatingElement","element","window","cleanupAutoUpdate","elementResize","visualViewport","addEventListener","requestAnimationFrame","removeEventListener","cancelAnimationFrame","themedInnerProps","_jsx","MenuPortal","className","restInnerProps","menuWrapper","filter","Boolean","join","ref","position","zIndex"],"sources":["../../../src/elements/ReactSelect/DefaultMenuPortal.tsx"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { GroupBase } from 'react-select'\n\nimport { autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom'\nimport React, { useCallback, useLayoutEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { components as rsComponents } from 'react-select'\n\nimport type { CustomSelectProps } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\n\nconst FLOATING_MENU_PADDING = 16\nconst FLOATING_MENU_OFFSET = 4\n\ntype FloatingMenuPortalStyle = {\n '--rs-floating-menu-max-height'?: string\n} & CSSProperties\n\ntype ThemedMenuPortalInnerProps = {\n 'data-theme'?: string\n} & React.JSX.IntrinsicElements['div']\n\ntype DefaultMenuPortalProps<\n Opt,\n IsMulti extends boolean,\n Group extends GroupBase<Opt>,\n> = React.ComponentProps<typeof rsComponents.MenuPortal<Opt, IsMulti, Group>>\n\nexport function DefaultMenuPortal<Opt, IsMulti extends boolean, Group extends GroupBase<Opt>>(\n props: DefaultMenuPortalProps<Opt, IsMulti, Group>,\n) {\n const { appendTo, children, controlElement, innerProps = {}, menuPlacement } = props\n const { theme } = useTheme()\n const floatingRef = useRef<HTMLDivElement \| null>(null)\n const rafRef = useRef<null \| number>(null)\n const selectProps = props.selectProps as {\n customProps?: CustomSelectProps\n } & typeof props.selectProps\n const menuPortalTheme = selectProps.customProps?.menuPortalTheme\n\n const updatePosition = useCallback(async () => {\n const floatingElement = floatingRef.current\n\n if (!controlElement \|\| !floatingElement) {\n return\n }\n\n const placement = menuPlacement === 'top' ? 'top-start' : 'bottom-start'\n const { x, y } = await computePosition(controlElement, floatingElement, {\n middleware: [\n offset(FLOATING_MENU_OFFSET),\n flip({ padding: FLOATING_MENU_PADDING }),\n shift({ padding: FLOATING_MENU_PADDING }),\n size({\n apply({ availableHeight, elements, rects }) {\n const maxHeight = `${Math.max(1, Math.floor(availableHeight))}px`\n const width = `${Math.floor(rects.reference.width)}px`\n\n Object.assign(elements.floating.style, {\n '--rs-floating-menu-max-height': maxHeight,\n minWidth: width,\n width,\n })\n },\n padding: FLOATING_MENU_PADDING,\n }),\n ],\n placement,\n strategy: 'fixed',\n })\n\n Object.assign(floatingElement.style, {\n left: `${x}px`,\n top: `${y}px`,\n })\n }, [controlElement, menuPlacement])\n\n const setFloatingElement = useCallback(\n (element: HTMLDivElement \| null) => {\n floatingRef.current = element\n void updatePosition()\n },\n [updatePosition],\n )\n\n useLayoutEffect(() => {\n const floatingElement = floatingRef.current\n\n if (!appendTo \|\| !controlElement \|\| !floatingElement \|\| typeof window === 'undefined') {\n return\n }\n\n const cleanupAutoUpdate = autoUpdate(controlElement, floatingElement, updatePosition, {\n elementResize: 'ResizeObserver' in window,\n })\n const visualViewport = window.visualViewport\n\n visualViewport?.addEventListener('resize', updatePosition)\n visualViewport?.addEventListener('scroll', updatePosition)\n rafRef.current = window.requestAnimationFrame(() => {\n void updatePosition()\n })\n\n return () => {\n cleanupAutoUpdate()\n visualViewport?.removeEventListener('resize', updatePosition)\n visualViewport?.removeEventListener('scroll', updatePosition)\n\n if (rafRef.current !== null) {\n window.cancelAnimationFrame(rafRef.current)\n }\n }\n }, [appendTo, controlElement, updatePosition])\n\n if (!appendTo \|\| !controlElement) {\n const themedInnerProps: ThemedMenuPortalInnerProps = {\n ...innerProps,\n 'data-theme': menuPortalTheme ?? theme,\n }\n\n return <rsComponents.MenuPortal {...props} innerProps={themedInnerProps} />\n }\n\n const { className, style, ...restInnerProps } = innerProps\n const menuWrapper = (\n <div\n {...restInnerProps}\n className={['rs__floating-menu-portal', className].filter(Boolean).join(' ')}\n data-theme={menuPortalTheme ?? theme}\n ref={setFloatingElement}\n style={\n {\n ...style,\n left: 0,\n position: 'fixed',\n top: 0,\n zIndex: 'var(--z-portal-element)',\n } as FloatingMenuPortalStyle\n }\n >\n {children}\n </div>\n )\n\n return createPortal(menuWrapper, ~~appendTo~~)\n}\n"],"mappings":"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~~oBAAOT~~,YAAA,CAAa4D,WAAA,~~EAAapD~~,~~QAAA~~;AACnC","ignoreList":[]}
1	+ {"version":3,"file":"DefaultMenuPortal.js","names":["autoUpdate","computePosition","flip","offset","shift","size","React","useCallback","useLayoutEffect","useRef","createPortal","components","rsComponents","useTheme","FLOATING_MENU_PADDING","FLOATING_MENU_OFFSET","DefaultMenuPortal","props","appendTo","children","controlElement","innerProps","menuPlacement","theme","floatingRef","rafRef","selectProps","menuPortalTheme","customProps","updatePosition","floatingElement","current","placement","x","y","middleware","padding","apply","availableHeight","elements","rects","maxHeight","Math","max","floor","width","reference","Object","assign","floating","style","minWidth","strategy","left","top","setFloatingElement","element","window","cleanupAutoUpdate","elementResize","visualViewport","addEventListener","requestAnimationFrame","removeEventListener","cancelAnimationFrame","themedInnerProps","_jsx","MenuPortal","className","restInnerProps","menuWrapper","filter","Boolean","join","ref","position","zIndex","portalTarget","document","body","closest"],"sources":["../../../src/elements/ReactSelect/DefaultMenuPortal.tsx"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { GroupBase } from 'react-select'\n\nimport { autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom'\nimport React, { useCallback, useLayoutEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { components as rsComponents } from 'react-select'\n\nimport type { CustomSelectProps } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\n\nconst FLOATING_MENU_PADDING = 16\nconst FLOATING_MENU_OFFSET = 4\n\ntype FloatingMenuPortalStyle = {\n '--rs-floating-menu-max-height'?: string\n} & CSSProperties\n\ntype ThemedMenuPortalInnerProps = {\n 'data-theme'?: string\n} & React.JSX.IntrinsicElements['div']\n\ntype DefaultMenuPortalProps<\n Opt,\n IsMulti extends boolean,\n Group extends GroupBase<Opt>,\n> = React.ComponentProps<typeof rsComponents.MenuPortal<Opt, IsMulti, Group>>\n\nexport function DefaultMenuPortal<Opt, IsMulti extends boolean, Group extends GroupBase<Opt>>(\n props: DefaultMenuPortalProps<Opt, IsMulti, Group>,\n) {\n const { appendTo, children, controlElement, innerProps = {}, menuPlacement } = props\n const { theme } = useTheme()\n const floatingRef = useRef<HTMLDivElement \| null>(null)\n const rafRef = useRef<null \| number>(null)\n const selectProps = props.selectProps as {\n customProps?: CustomSelectProps\n } & typeof props.selectProps\n const menuPortalTheme = selectProps.customProps?.menuPortalTheme\n\n const updatePosition = useCallback(async () => {\n const floatingElement = floatingRef.current\n\n if (!controlElement \|\| !floatingElement) {\n return\n }\n\n const placement = menuPlacement === 'top' ? 'top-start' : 'bottom-start'\n const { x, y } = await computePosition(controlElement, floatingElement, {\n middleware: [\n offset(FLOATING_MENU_OFFSET),\n flip({ padding: FLOATING_MENU_PADDING }),\n shift({ padding: FLOATING_MENU_PADDING }),\n size({\n apply({ availableHeight, elements, rects }) {\n const maxHeight = `${Math.max(1, Math.floor(availableHeight))}px`\n const width = `${Math.floor(rects.reference.width)}px`\n\n Object.assign(elements.floating.style, {\n '--rs-floating-menu-max-height': maxHeight,\n minWidth: width,\n width,\n })\n },\n padding: FLOATING_MENU_PADDING,\n }),\n ],\n placement,\n strategy: 'fixed',\n })\n\n Object.assign(floatingElement.style, {\n left: `${x}px`,\n top: `${y}px`,\n })\n }, [controlElement, menuPlacement])\n\n const setFloatingElement = useCallback(\n (element: HTMLDivElement \| null) => {\n floatingRef.current = element\n void updatePosition()\n },\n [updatePosition],\n )\n\n useLayoutEffect(() => {\n const floatingElement = floatingRef.current\n\n if (!appendTo \|\| !controlElement \|\| !floatingElement \|\| typeof window === 'undefined') {\n return\n }\n\n const cleanupAutoUpdate = autoUpdate(controlElement, floatingElement, updatePosition, {\n elementResize: 'ResizeObserver' in window,\n })\n const visualViewport = window.visualViewport\n\n visualViewport?.addEventListener('resize', updatePosition)\n visualViewport?.addEventListener('scroll', updatePosition)\n rafRef.current = window.requestAnimationFrame(() => {\n void updatePosition()\n })\n\n return () => {\n cleanupAutoUpdate()\n visualViewport?.removeEventListener('resize', updatePosition)\n visualViewport?.removeEventListener('scroll', updatePosition)\n\n if (rafRef.current !== null) {\n window.cancelAnimationFrame(rafRef.current)\n }\n }\n }, [appendTo, controlElement, updatePosition])\n\n if (!appendTo \|\| !controlElement) {\n const themedInnerProps: ThemedMenuPortalInnerProps = {\n ...innerProps,\n 'data-theme': menuPortalTheme ?? theme,\n }\n\n return <rsComponents.MenuPortal {...props} innerProps={themedInnerProps} />\n }\n\n const { className, style, ...restInnerProps } = innerProps\n const menuWrapper = (\n <div\n {...restInnerProps}\n className={['rs__floating-menu-portal', className].filter(Boolean).join(' ')}\n data-theme={menuPortalTheme ?? theme}\n ref={setFloatingElement}\n style={\n {\n ...style,\n left: 0,\n position: 'fixed',\n top: 0,\n zIndex: 'var(--z-portal-element)',\n } as FloatingMenuPortalStyle\n }\n >\n {children}\n </div>\n )\n\n const portalTarget =\n appendTo === document.body\n ? (controlElement.closest('dialog, [role=\"dialog\"]') ?? appendTo)\n : appendTo\n\n return createPortal(menuWrapper, portalTarget)\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ReactSelect/DropdownIndicator/index.d.ts CHANGED Viewed

@@ -1,8 +1,6 @@
 import type { DropdownIndicatorProps } from 'react-select';
-import React, { type JSX } from 'react';
+import React from 'react';
 import type { Option as OptionType } from '../types.js';
 import './index.css';
-export declare const DropdownIndicator: React.FC<{
-    innerProps: JSX.IntrinsicElements['button'];
-} & DropdownIndicatorProps<OptionType, true>>;
+export declare const DropdownIndicator: React.FC<DropdownIndicatorProps<OptionType, true>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/ReactSelect/DropdownIndicator/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,KAAK,~~EAAE,EAAE,KAAK,GAAG,EAAE,~~MAAM,OAAO,CAAA;~~AAEvC~~,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;~~AAIvD~~,OAAO,aAAa,CAAA;AAGpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,~~CACtC;IACE,UAAU,EAAE,GAAG,~~CAAC,~~iBAAiB,CAAC,QAAQ,CAAC,CAAA;CAC5C,GAAG,~~sBAAsB,CAAC,UAAU,EAAE,IAAI,CAAC,~~CAwB7C~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAGvD,OAAO,aAAa,CAAA;AAGpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,UAAU,EAAE,IAAI,CAAC,CAkBhF,CAAA"}

package/dist/elements/ReactSelect/DropdownIndicator/index.js CHANGED Viewed

@@ -3,36 +3,31 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { ChevronIcon } from '../../../icons/Chevron/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
 import './index.css';
 const baseClass = 'dropdown-indicator';
 export const DropdownIndicator = props => {
   const {
-    innerProps: t0
+    innerProps: {
+      onMouseDown,
+      onTouchEnd,
+      onTouchStart,
+      ref
+    },
+    selectProps: {
+      isDisabled
+    }
   } = props;
-  const {
-    ref,
-    ...restInnerProps
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  return _jsx("button", {
-    "aria-label": t("general:open"),
+  return /*#__PURE__*/_jsx("div", {
+    "aria-hidden": "true",
     className: baseClass,
-    ref,
-    ...restInnerProps,
-    onKeyDown: _temp,
-    type: "button",
-    children: _jsx(ChevronIcon, {
+    onMouseDown: isDisabled ? undefined : onMouseDown,
+    onTouchEnd: isDisabled ? undefined : onTouchEnd,
+    onTouchStart: isDisabled ? undefined : onTouchStart,
+    ref: ref,
+    children: /*#__PURE__*/_jsx(ChevronIcon, {
       className: `${baseClass}__icon`,
       size: 16
     })
   });
 };
-function _temp(e) {
-  if (e.key === "Enter") {
-    e.key = " ";
-  }
-}
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/DropdownIndicator/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","ChevronIcon","~~useTranslation","~~baseClass","DropdownIndicator","props","innerProps","t0","~~ref~~","~~restInnerProps~~","t","~~_jsx~~","~~className~~","~~onKeyDown~~","~~_temp~~","~~type~~","~~children","~~size"~~,"e","key"~~],"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport React, ~~{ type JSX }~~ from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport ~~{ useTranslation } from~~ '~~../../../providers/Translation/index.js'\nimport '~~./index.css'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC~~<\n {\n innerProps: JSX.IntrinsicElements['button']\n } &~~ DropdownIndicatorProps<OptionType, true~~>\n>~~ = (props) => {\n const {\n innerProps: { ~~ref~~, ~~...restInnerProps~~ },\n } ~~= props\n\n const~~ { t } = ~~useTranslation()~~\n\n return (\n <~~button~~\n aria-~~label={t('general:open')}~~\n className={baseClass}\n ~~ref~~={~~ref~~}\n {~~...restInnerProps~~}\n ~~onKeyDown~~={~~(e)~~ => ~~{\n if~~ ~~(e.key~~ ~~=== 'Enter') {\n e.key = ' '\n~~ }\n }}\n ~~type=\"button\"\n~~ >\n <ChevronIcon className={`${baseClass}__icon`} size={16} />\n </~~button~~>\n )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,~~MAAyB~~;~~AAIhC~~,SAASC,WAAW,QAAQ;AAC5B,~~SAASC,cAAc,QAAQ;AAC/B,~~OAAO;AAEP,MAAMC,SAAA,GAAY;AAClB,OAAO,MAAMC,iBAAA,~~GAITC~~,KAAA;~~EACF~~;~~IAAAC~~,UAAA,~~EAAAC~~;~~EAAA~~,~~IAEIF~~,~~KAAA~~;~~EADU;IAAAG~~,~~GAAA~~;~~IAAA~~,~~GAAAC~~;~~EAAA~~,~~IAAAF~~,~~EAA0B~~;~~EAGxC~~;~~IAAAG~~;~~EAAA~~,~~IAAcR~~,~~cAAA~~;~~EAAA~~,~~OAGZS~~,IAAA,CAAC;~~IAAA~~,~~cACaD,CAAA,CAAE~~;~~IAAAE~~,SAAA,~~EAAAT~~,SAAA;~~IAAAK~~,~~GAAA;IAAA~~,~~GAGVC~~,~~cAAc;IAAAI~~,SAAA,~~EAAAC~~,~~KAAA~~;~~IAAAC~~,~~IAAA~~,~~EAMb;IAAAC~~,~~QAAA~~,~~EAELL~~,~~IAAA~~,~~CAAAV~~,~~WAAA~~;~~MAAAW~~,~~SAAA~~,~~EAAwB~~,~~GAAAT~~,SAAA,~~QAAoB;MAAAc~~,~~IAAA~~;~~IAAA~~,~~C;;CAGlD~~;~~AAvBI~~,~~SAAAH~~,~~MAAAI~~,~~CAAA~~;~~EAAA~~,~~IAcQA~~,~~CAAA~~,~~CAAAC~~,~~GAAA~~,~~KAAU~~;~~IACZD~~,~~CAAA~~,~~CAAAC,GAAA,GAAQ;EAAA;AAAA~~","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","ChevronIcon","baseClass","DropdownIndicator","props","innerProps","onMouseDown","onTouchEnd","onTouchStart","ref","selectProps","isDisabled","_jsx","className","undefined","size"],"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.css'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC<DropdownIndicatorProps<OptionType, true>> = (props) => {\n const {\n innerProps: { onMouseDown, onTouchEnd, onTouchStart, ref },\n selectProps: { isDisabled },\n } = props\n\n return (\n <div\n aria-hidden=\"true\"\n className={baseClass}\n onMouseDown={isDisabled ? undefined : onMouseDown}\n onTouchEnd={isDisabled ? undefined : onTouchEnd}\n onTouchStart={isDisabled ? undefined : onTouchStart}\n ref={ref}\n >\n <ChevronIcon className={`${baseClass}__icon`} size={16} />\n </div>\n )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAIlB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAClB,OAAO,MAAMC,iBAAA,GAAyEC,KAAA;EACpF,MAAM;IACJC,UAAA,EAAY;MAAEC,WAAW;MAAEC,UAAU;MAAEC,YAAY;MAAEC;IAAG,CAAE;IAC1DC,WAAA,EAAa;MAAEC;IAAU;EAAE,CAC5B,GAAGP,KAAA;EAEJ,oBACEQ,IAAA,CAAC;IACC,eAAY;IACZC,SAAA,EAAWX,SAAA;IACXI,WAAA,EAAaK,UAAA,GAAaG,SAAA,GAAYR,WAAA;IACtCC,UAAA,EAAYI,UAAA,GAAaG,SAAA,GAAYP,UAAA;IACrCC,YAAA,EAAcG,UAAA,GAAaG,SAAA,GAAYN,YAAA;IACvCC,GAAA,EAAKA,GAAA;cAEL,aAAAG,IAAA,CAACX,WAAA;MAAYY,SAAA,EAAW,GAAGX,SAAA,QAAiB;MAAEa,IAAA,EAAM;;;AAG1D","ignoreList":[]}

package/dist/elements/ReactSelect/MultiValue/context.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import type { ButtonHTMLAttributes, RefCallback } from 'react';
+export type MultiValueDragActivator = {
+    ref?: RefCallback<HTMLElement>;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const MultiValueDragActivatorContext: import("react").Context<MultiValueDragActivator>;
+//# sourceMappingURL=context.d.ts.map

package/dist/elements/ReactSelect/MultiValue/context.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/MultiValue/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAI9D,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAA;CAC/B,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;AAE3C,eAAO,MAAM,8BAA8B,kDAE1C,CAAA"}