@payloadcms/ui 3.70.0 → 3.71.0-internal-debug.80dab4c

package/dist/views/CollectionFolder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useDndMonitor","getTranslation","useRouter","formatAdminURL","React","Fragment","DefaultListViewTabs","DroppableBreadcrumb","ColoredFolderIcon","CurrentFolderActions","DragOverlaySelection","SortByPill","ToggleViewButtons","Gutter","ListHeader","ListBulkUploadButton","ListCreateNewDocInFolderButton","NoListResults","SearchBar","useStepNav","useConfig","useEditDepth","FolderProvider","useFolder","usePreferences","useRouteCache","useRouteTransition","useTranslation","useWindowInfo","ListSelection","baseClass","DefaultCollectionFolderView","allCollectionFolderSlugs","folderCollectionSlugs","allowCreateCollectionSlugs","baseFolderPath","breadcrumbs","documents","folderFieldName","folderID","FolderResultsComponent","search","sort","subfolders","restOfProps","_jsx","CollectionFolderViewInContext","props","$","AfterFolderList","AfterFolderListTable","BeforeFolderList","BeforeFolderListTable","collectionSlug","Description","disableBulkDelete","disableBulkEdit","viewPreference","config","getEntityConfig","i18n","t","drawerDepth","setStepNav","setPreference","dragOverlayItem","folderCollectionConfig","folderCollectionSlug","folderType","getSelectedItems","moveToFolder","refineFolderData","selectedItemKeys","setIsDragging","router","startRouteTransition","clearRouteCache","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","breakpoints","t0","s","smallBreak","t1","event","over","data","current","type","itemsToMove","toFolderID","id","t2","error","console","onDragEnd","handleSetViewType","view","useEffect","length","label","_jsxs","className","children","plural","filter","join","onClick","folders","push","adminRoute","routes","admin","path","slug","map","crumb","crumbIndex","name","serverURL","totalDocsAndSubfolders","search_0","query","updateURL","DndEventListener","Actions","folderAssignedCollections","Array","isArray","viewType","AfterListHeaderContent","title","TitleActions","buttonLabel","singular","toLowerCase","collectionSlugs","onCreateSuccess","slugPrefix","hasCreatePermission","includes","activeView","setActiveView","onSearchChange","searchQueryParam","Message","size","item","selectedCount","onDragCancel","onDragStart"],"sources":["../../../src/views/CollectionFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { DragEndEvent } from '@dnd-kit/core'\nimport type { FolderListViewClientProps } from 'payload'\n\nimport { useDndMonitor } from '@dnd-kit/core'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport { DefaultListViewTabs } from '../../elements/DefaultListViewTabs/index.js'\nimport { DroppableBreadcrumb } from '../../elements/FolderView/Breadcrumbs/index.js'\nimport { ColoredFolderIcon } from '../../elements/FolderView/ColoredFolderIcon/index.js'\nimport { CurrentFolderActions } from '../../elements/FolderView/CurrentFolderActions/index.js'\nimport { DragOverlaySelection } from '../../elements/FolderView/DragOverlaySelection/index.js'\nimport { SortByPill } from '../../elements/FolderView/SortByPill/index.js'\nimport { ToggleViewButtons } from '../../elements/FolderView/ToggleViewButtons/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListHeader } from '../../elements/ListHeader/index.js'\nimport {\n  ListBulkUploadButton,\n  ListCreateNewDocInFolderButton,\n} from '../../elements/ListHeader/TitleActions/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { SearchBar } from '../../elements/SearchBar/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { FolderProvider, useFolder } from '../../providers/Folders/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport './index.scss'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from './ListSelection/index.js'\n\nconst baseClass = 'collection-folder-list'\n\nexport function DefaultCollectionFolderView({\n  allCollectionFolderSlugs: folderCollectionSlugs,\n  allowCreateCollectionSlugs,\n  baseFolderPath,\n  breadcrumbs,\n  documents,\n  folderFieldName,\n  folderID,\n  FolderResultsComponent,\n  search,\n  sort,\n  subfolders,\n  ...restOfProps\n}: FolderListViewClientProps) {\n  return (\n    <FolderProvider\n      allCollectionFolderSlugs={folderCollectionSlugs}\n      allowCreateCollectionSlugs={allowCreateCollectionSlugs}\n      baseFolderPath={baseFolderPath}\n      breadcrumbs={breadcrumbs}\n      documents={documents}\n      folderFieldName={folderFieldName}\n      folderID={folderID}\n      FolderResultsComponent={FolderResultsComponent}\n      search={search}\n      sort={sort}\n      subfolders={subfolders}\n    >\n      <CollectionFolderViewInContext {...restOfProps} />\n    </FolderProvider>\n  )\n}\n\ntype CollectionFolderViewInContextProps = Omit<\n  FolderListViewClientProps,\n  | 'allCollectionFolderSlugs'\n  | 'allowCreateCollectionSlugs'\n  | 'baseFolderPath'\n  | 'breadcrumbs'\n  | 'documents'\n  | 'folderFieldName'\n  | 'folderID'\n  | 'FolderResultsComponent'\n  | 'subfolders'\n>\n\nfunction CollectionFolderViewInContext(props: CollectionFolderViewInContextProps) {\n  const {\n    AfterFolderList,\n    AfterFolderListTable,\n    BeforeFolderList,\n    BeforeFolderListTable,\n    collectionSlug,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    search,\n    viewPreference,\n  } = props\n\n  const { config, getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n  const drawerDepth = useEditDepth()\n  const { setStepNav } = useStepNav()\n  const { setPreference } = usePreferences()\n  const {\n    allowCreateCollectionSlugs,\n    breadcrumbs,\n    documents,\n    dragOverlayItem,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    FolderResultsComponent,\n    folderType,\n    getSelectedItems,\n    moveToFolder,\n    refineFolderData,\n    selectedItemKeys,\n    setIsDragging,\n    subfolders,\n  } = useFolder()\n\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n  const isUploadCollection = Boolean(upload)\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const onDragEnd = React.useCallback(\n    async (event: DragEndEvent) => {\n      if (!event.over) {\n        return\n      }\n\n      if (event.over.data.current.type === 'folder' && 'id' in event.over.data.current) {\n        try {\n          await moveToFolder({\n            itemsToMove: getSelectedItems(),\n            toFolderID: event.over.data.current.id,\n          })\n        } catch (error) {\n          // eslint-disable-next-line no-console\n          console.error('Error moving items:', error)\n        }\n\n        clearRouteCache()\n      }\n    },\n    [moveToFolder, getSelectedItems, clearRouteCache],\n  )\n\n  const handleSetViewType = React.useCallback(\n    async (view: 'grid' | 'list') => {\n      await setPreference(`${collectionSlug}-collection-folder`, {\n        viewPreference: view,\n      })\n      clearRouteCache()\n    },\n    [collectionSlug, setPreference, clearRouteCache],\n  )\n\n  React.useEffect(() => {\n    if (!drawerDepth) {\n      setStepNav([\n        !breadcrumbs.length\n          ? {\n              label: (\n                <div className={`${baseClass}__step-nav-icon-label`} key=\"root\">\n                  <ColoredFolderIcon />\n                  {getTranslation(labels?.plural, i18n)}\n                </div>\n              ),\n            }\n          : {\n              label: (\n                <DroppableBreadcrumb\n                  className={[\n                    `${baseClass}__step-nav-droppable`,\n                    `${baseClass}__step-nav-icon-label`,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  id={null}\n                  key=\"root\"\n                  onClick={() => {\n                    startRouteTransition(() => {\n                      if (config.folders) {\n                        router.push(\n                          formatAdminURL({\n                            adminRoute: config.routes.admin,\n                            path: `/collections/${collectionSlug}/${config.folders.slug}`,\n                          }),\n                        )\n                      }\n                    })\n                  }}\n                >\n                  <ColoredFolderIcon />\n                  {getTranslation(labels?.plural, i18n)}\n                </DroppableBreadcrumb>\n              ),\n            },\n        ...breadcrumbs.map((crumb, crumbIndex) => {\n          return {\n            label:\n              crumbIndex === breadcrumbs.length - 1 ? (\n                crumb.name\n              ) : (\n                <DroppableBreadcrumb\n                  className={`${baseClass}__step-nav-droppable`}\n                  id={crumb.id}\n                  key={crumb.id}\n                  onClick={() => {\n                    startRouteTransition(() => {\n                      if (config.folders) {\n                        router.push(\n                          formatAdminURL({\n                            adminRoute: config.routes.admin,\n                            path: `/collections/${collectionSlug}/${config.folders.slug}/${crumb.id}`,\n                          }),\n                        )\n                      }\n                    })\n                  }}\n                >\n                  {crumb.name}\n                </DroppableBreadcrumb>\n              ),\n          }\n        }),\n      ])\n    }\n  }, [\n    breadcrumbs,\n    collectionSlug,\n    config.folders,\n    config.routes.admin,\n    config.serverURL,\n    drawerDepth,\n    i18n,\n    labels?.plural,\n    router,\n    setStepNav,\n    startRouteTransition,\n  ])\n\n  const totalDocsAndSubfolders = documents.length + subfolders.length\n\n  return (\n    <Fragment>\n      <DndEventListener onDragEnd={onDragEnd} setIsDragging={setIsDragging} />\n\n      <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n        {BeforeFolderList}\n        <Gutter className={`${baseClass}__wrap`}>\n          <ListHeader\n            Actions={[\n              !smallBreak && (\n                <ListSelection\n                  disableBulkDelete={disableBulkDelete}\n                  disableBulkEdit={collectionConfig.disableBulkEdit ?? disableBulkEdit}\n                  folderAssignedCollections={\n                    Array.isArray(folderType) ? folderType : [collectionSlug]\n                  }\n                  key=\"list-selection\"\n                />\n              ),\n              <DefaultListViewTabs\n                collectionConfig={collectionConfig}\n                config={config}\n                key=\"default-list-actions\"\n                viewType=\"folders\"\n              />,\n            ].filter(Boolean)}\n            AfterListHeaderContent={Description}\n            title={getTranslation(labels?.plural, i18n)}\n            TitleActions={[\n              allowCreateCollectionSlugs.length && (\n                <ListCreateNewDocInFolderButton\n                  buttonLabel={\n                    allowCreateCollectionSlugs.length > 1\n                      ? t('general:createNew')\n                      : `${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`\n                  }\n                  collectionSlugs={allowCreateCollectionSlugs}\n                  folderAssignedCollections={\n                    Array.isArray(folderType) ? folderType : [collectionSlug]\n                  }\n                  key=\"create-new-button\"\n                  onCreateSuccess={clearRouteCache}\n                  slugPrefix=\"create-document--header-pill\"\n                />\n              ),\n              <ListBulkUploadButton\n                collectionSlug={collectionSlug}\n                hasCreatePermission={allowCreateCollectionSlugs.includes(collectionSlug)}\n                isBulkUploadEnabled={isBulkUploadEnabled}\n                key=\"bulk-upload-button\"\n              />,\n            ].filter(Boolean)}\n          />\n          <SearchBar\n            Actions={[\n              <SortByPill key=\"sort-by-pill\" />,\n              <ToggleViewButtons\n                activeView={viewPreference}\n                key=\"toggle-view-buttons\"\n                setActiveView={handleSetViewType}\n              />,\n              <CurrentFolderActions key=\"current-folder-actions\" />,\n            ].filter(Boolean)}\n            label={t('general:searchBy', {\n              label: t('general:name'),\n            })}\n            onSearchChange={(search) => refineFolderData({ query: { search }, updateURL: true })}\n            searchQueryParam={search}\n          />\n          {BeforeFolderListTable}\n          {totalDocsAndSubfolders > 0 && FolderResultsComponent}\n          {totalDocsAndSubfolders === 0 && (\n            <NoListResults\n              Actions={[\n                allowCreateCollectionSlugs.includes(folderCollectionSlug) && (\n                  <ListCreateNewDocInFolderButton\n                    buttonLabel={`${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`}\n                    collectionSlugs={[folderCollectionConfig.slug]}\n                    folderAssignedCollections={\n                      Array.isArray(folderType) ? folderType : [collectionSlug]\n                    }\n                    key=\"create-folder\"\n                    onCreateSuccess={clearRouteCache}\n                    slugPrefix=\"create-folder--no-results\"\n                  />\n                ),\n                allowCreateCollectionSlugs.includes(collectionSlug) && (\n                  <ListCreateNewDocInFolderButton\n                    buttonLabel={`${t('general:create')} ${t('general:document').toLowerCase()}`}\n                    collectionSlugs={[collectionSlug]}\n                    folderAssignedCollections={\n                      Array.isArray(folderType) ? folderType : [collectionSlug]\n                    }\n                    key=\"create-document\"\n                    onCreateSuccess={clearRouteCache}\n                    slugPrefix=\"create-document--no-results\"\n                  />\n                ),\n              ].filter(Boolean)}\n              Message={\n                <p>\n                  {i18n.t('general:noResults', {\n                    label: `${getTranslation(labels?.plural, i18n)} ${t('general:or').toLowerCase()} ${getTranslation(\n                      folderCollectionConfig.labels?.plural,\n                      i18n,\n                    )}`,\n                  })}\n                </p>\n              }\n            />\n          )}\n          {AfterFolderListTable}\n        </Gutter>\n        {AfterFolderList}\n      </div>\n      {selectedItemKeys.size > 0 && dragOverlayItem && (\n        <DragOverlaySelection item={dragOverlayItem} selectedCount={selectedItemKeys.size} />\n      )}\n    </Fragment>\n  )\n}\n\nfunction DndEventListener({ onDragEnd, setIsDragging }) {\n  useDndMonitor({\n    onDragCancel() {\n      setIsDragging(false)\n    },\n    onDragEnd(event) {\n      setIsDragging(false)\n      onDragEnd(event)\n    },\n    onDragStart() {\n      setIsDragging(true)\n    },\n  })\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/views/CollectionFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { DragEndEvent } from '@dnd-kit/core'\nimport type { FolderListViewClientProps } from 'payload'\n\nimport { useDndMonitor } from '@dnd-kit/core'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport { DefaultListViewTabs } from '../../elements/DefaultListViewTabs/index.js'\nimport { DroppableBreadcrumb } from '../../elements/FolderView/Breadcrumbs/index.js'\nimport { ColoredFolderIcon } from '../../elements/FolderView/ColoredFolderIcon/index.js'\nimport { CurrentFolderActions } from '../../elements/FolderView/CurrentFolderActions/index.js'\nimport { DragOverlaySelection } from '../../elements/FolderView/DragOverlaySelection/index.js'\nimport { SortByPill } from '../../elements/FolderView/SortByPill/index.js'\nimport { ToggleViewButtons } from '../../elements/FolderView/ToggleViewButtons/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListHeader } from '../../elements/ListHeader/index.js'\nimport {\n  ListBulkUploadButton,\n  ListCreateNewDocInFolderButton,\n} from '../../elements/ListHeader/TitleActions/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { SearchBar } from '../../elements/SearchBar/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { FolderProvider, useFolder } from '../../providers/Folders/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport './index.scss'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from './ListSelection/index.js'\n\nconst baseClass = 'collection-folder-list'\n\nexport function DefaultCollectionFolderView({\n  allCollectionFolderSlugs: folderCollectionSlugs,\n  allowCreateCollectionSlugs,\n  baseFolderPath,\n  breadcrumbs,\n  documents,\n  folderFieldName,\n  folderID,\n  FolderResultsComponent,\n  search,\n  sort,\n  subfolders,\n  ...restOfProps\n}: FolderListViewClientProps) {\n  return (\n    <FolderProvider\n      allCollectionFolderSlugs={folderCollectionSlugs}\n      allowCreateCollectionSlugs={allowCreateCollectionSlugs}\n      baseFolderPath={baseFolderPath}\n      breadcrumbs={breadcrumbs}\n      documents={documents}\n      folderFieldName={folderFieldName}\n      folderID={folderID}\n      FolderResultsComponent={FolderResultsComponent}\n      search={search}\n      sort={sort}\n      subfolders={subfolders}\n    >\n      <CollectionFolderViewInContext {...restOfProps} />\n    </FolderProvider>\n  )\n}\n\ntype CollectionFolderViewInContextProps = Omit<\n  FolderListViewClientProps,\n  | 'allCollectionFolderSlugs'\n  | 'allowCreateCollectionSlugs'\n  | 'baseFolderPath'\n  | 'breadcrumbs'\n  | 'documents'\n  | 'folderFieldName'\n  | 'folderID'\n  | 'FolderResultsComponent'\n  | 'subfolders'\n>\n\nfunction CollectionFolderViewInContext(props: CollectionFolderViewInContextProps) {\n  const {\n    AfterFolderList,\n    AfterFolderListTable,\n    BeforeFolderList,\n    BeforeFolderListTable,\n    collectionSlug,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    search,\n    viewPreference,\n  } = props\n\n  const { config, getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n  const drawerDepth = useEditDepth()\n  const { setStepNav } = useStepNav()\n  const { setPreference } = usePreferences()\n  const {\n    allowCreateCollectionSlugs,\n    breadcrumbs,\n    documents,\n    dragOverlayItem,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    FolderResultsComponent,\n    folderType,\n    getSelectedItems,\n    moveToFolder,\n    refineFolderData,\n    selectedItemKeys,\n    setIsDragging,\n    subfolders,\n  } = useFolder()\n\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n  const isUploadCollection = Boolean(upload)\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const onDragEnd = React.useCallback(\n    async (event: DragEndEvent) => {\n      if (!event.over) {\n        return\n      }\n\n      if (event.over.data.current.type === 'folder' && 'id' in event.over.data.current) {\n        try {\n          await moveToFolder({\n            itemsToMove: getSelectedItems(),\n            toFolderID: event.over.data.current.id,\n          })\n        } catch (error) {\n          // eslint-disable-next-line no-console\n          console.error('Error moving items:', error)\n        }\n\n        clearRouteCache()\n      }\n    },\n    [moveToFolder, getSelectedItems, clearRouteCache],\n  )\n\n  const handleSetViewType = React.useCallback(\n    async (view: 'grid' | 'list') => {\n      await setPreference(`${collectionSlug}-collection-folder`, {\n        viewPreference: view,\n      })\n      clearRouteCache()\n    },\n    [collectionSlug, setPreference, clearRouteCache],\n  )\n\n  React.useEffect(() => {\n    if (!drawerDepth) {\n      setStepNav([\n        !breadcrumbs.length\n          ? {\n              label: (\n                <div className={`${baseClass}__step-nav-icon-label`} key=\"root\">\n                  <ColoredFolderIcon />\n                  {getTranslation(labels?.plural, i18n)}\n                </div>\n              ),\n            }\n          : {\n              label: (\n                <DroppableBreadcrumb\n                  className={[\n                    `${baseClass}__step-nav-droppable`,\n                    `${baseClass}__step-nav-icon-label`,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  id={null}\n                  key=\"root\"\n                  onClick={() => {\n                    startRouteTransition(() => {\n                      if (config.folders) {\n                        router.push(\n                          formatAdminURL({\n                            adminRoute: config.routes.admin,\n                            path: `/collections/${collectionSlug}/${config.folders.slug}`,\n                          }),\n                        )\n                      }\n                    })\n                  }}\n                >\n                  <ColoredFolderIcon />\n                  {getTranslation(labels?.plural, i18n)}\n                </DroppableBreadcrumb>\n              ),\n            },\n        ...breadcrumbs.map((crumb, crumbIndex) => {\n          return {\n            label:\n              crumbIndex === breadcrumbs.length - 1 ? (\n                crumb.name\n              ) : (\n                <DroppableBreadcrumb\n                  className={`${baseClass}__step-nav-droppable`}\n                  id={crumb.id}\n                  key={crumb.id}\n                  onClick={() => {\n                    startRouteTransition(() => {\n                      if (config.folders) {\n                        router.push(\n                          formatAdminURL({\n                            adminRoute: config.routes.admin,\n                            path: `/collections/${collectionSlug}/${config.folders.slug}/${crumb.id}`,\n                          }),\n                        )\n                      }\n                    })\n                  }}\n                >\n                  {crumb.name}\n                </DroppableBreadcrumb>\n              ),\n          }\n        }),\n      ])\n    }\n  }, [\n    breadcrumbs,\n    collectionSlug,\n    config.folders,\n    config.routes.admin,\n    config.serverURL,\n    drawerDepth,\n    i18n,\n    labels?.plural,\n    router,\n    setStepNav,\n    startRouteTransition,\n  ])\n\n  const totalDocsAndSubfolders = documents.length + subfolders.length\n\n  return (\n    <Fragment>\n      <DndEventListener onDragEnd={onDragEnd} setIsDragging={setIsDragging} />\n\n      <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n        {BeforeFolderList}\n        <Gutter className={`${baseClass}__wrap`}>\n          <ListHeader\n            Actions={[\n              !smallBreak && (\n                <ListSelection\n                  disableBulkDelete={disableBulkDelete}\n                  disableBulkEdit={collectionConfig.disableBulkEdit ?? disableBulkEdit}\n                  folderAssignedCollections={\n                    Array.isArray(folderType) ? folderType : [collectionSlug]\n                  }\n                  key=\"list-selection\"\n                />\n              ),\n              <DefaultListViewTabs\n                collectionConfig={collectionConfig}\n                config={config}\n                key=\"default-list-actions\"\n                viewType=\"folders\"\n              />,\n            ].filter(Boolean)}\n            AfterListHeaderContent={Description}\n            title={getTranslation(labels?.plural, i18n)}\n            TitleActions={[\n              allowCreateCollectionSlugs.length && (\n                <ListCreateNewDocInFolderButton\n                  buttonLabel={\n                    allowCreateCollectionSlugs.length > 1\n                      ? t('general:createNew')\n                      : `${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`\n                  }\n                  collectionSlugs={allowCreateCollectionSlugs}\n                  folderAssignedCollections={\n                    Array.isArray(folderType) ? folderType : [collectionSlug]\n                  }\n                  key=\"create-new-button\"\n                  onCreateSuccess={clearRouteCache}\n                  slugPrefix=\"create-document--header-pill\"\n                />\n              ),\n              <ListBulkUploadButton\n                collectionSlug={collectionSlug}\n                hasCreatePermission={allowCreateCollectionSlugs.includes(collectionSlug)}\n                isBulkUploadEnabled={isBulkUploadEnabled}\n                key=\"bulk-upload-button\"\n              />,\n            ].filter(Boolean)}\n          />\n          <SearchBar\n            Actions={[\n              <SortByPill key=\"sort-by-pill\" />,\n              <ToggleViewButtons\n                activeView={viewPreference}\n                key=\"toggle-view-buttons\"\n                setActiveView={handleSetViewType}\n              />,\n              <CurrentFolderActions key=\"current-folder-actions\" />,\n            ].filter(Boolean)}\n            label={t('general:searchBy', {\n              label: t('general:name'),\n            })}\n            onSearchChange={(search) => refineFolderData({ query: { search }, updateURL: true })}\n            searchQueryParam={search}\n          />\n          {BeforeFolderListTable}\n          {totalDocsAndSubfolders > 0 && FolderResultsComponent}\n          {totalDocsAndSubfolders === 0 && (\n            <NoListResults\n              Actions={[\n                allowCreateCollectionSlugs.includes(folderCollectionSlug) && (\n                  <ListCreateNewDocInFolderButton\n                    buttonLabel={`${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`}\n                    collectionSlugs={[folderCollectionConfig.slug]}\n                    folderAssignedCollections={\n                      Array.isArray(folderType) ? folderType : [collectionSlug]\n                    }\n                    key=\"create-folder\"\n                    onCreateSuccess={clearRouteCache}\n                    slugPrefix=\"create-folder--no-results\"\n                  />\n                ),\n                allowCreateCollectionSlugs.includes(collectionSlug) && (\n                  <ListCreateNewDocInFolderButton\n                    buttonLabel={`${t('general:create')} ${t('general:document').toLowerCase()}`}\n                    collectionSlugs={[collectionSlug]}\n                    folderAssignedCollections={\n                      Array.isArray(folderType) ? folderType : [collectionSlug]\n                    }\n                    key=\"create-document\"\n                    onCreateSuccess={clearRouteCache}\n                    slugPrefix=\"create-document--no-results\"\n                  />\n                ),\n              ].filter(Boolean)}\n              Message={\n                <p>\n                  {i18n.t('general:noResults', {\n                    label: `${getTranslation(labels?.plural, i18n)} ${t('general:or').toLowerCase()} ${getTranslation(\n                      folderCollectionConfig.labels?.plural,\n                      i18n,\n                    )}`,\n                  })}\n                </p>\n              }\n            />\n          )}\n          {AfterFolderListTable}\n        </Gutter>\n        {AfterFolderList}\n      </div>\n      {selectedItemKeys.size > 0 && dragOverlayItem && (\n        <DragOverlaySelection item={dragOverlayItem} selectedCount={selectedItemKeys.size} />\n      )}\n    </Fragment>\n  )\n}\n\nfunction DndEventListener({ onDragEnd, setIsDragging }) {\n  useDndMonitor({\n    onDragCancel() {\n      setIsDragging(false)\n    },\n    onDragEnd(event) {\n      setIsDragging(false)\n      onDragEnd(event)\n    },\n    onDragStart() {\n      setIsDragging(true)\n    },\n  })\n\n  return null\n}\n"],"names":["useDndMonitor","getTranslation","useRouter","formatAdminURL","React","Fragment","DefaultListViewTabs","DroppableBreadcrumb","ColoredFolderIcon","CurrentFolderActions","DragOverlaySelection","SortByPill","ToggleViewButtons","Gutter","ListHeader","ListBulkUploadButton","ListCreateNewDocInFolderButton","NoListResults","SearchBar","useStepNav","useConfig","useEditDepth","FolderProvider","useFolder","usePreferences","useRouteCache","useRouteTransition","useTranslation","useWindowInfo","ListSelection","baseClass","DefaultCollectionFolderView","allCollectionFolderSlugs","folderCollectionSlugs","allowCreateCollectionSlugs","baseFolderPath","breadcrumbs","documents","folderFieldName","folderID","FolderResultsComponent","search","sort","subfolders","restOfProps","CollectionFolderViewInContext","props","AfterFolderList","AfterFolderListTable","BeforeFolderList","BeforeFolderListTable","collectionSlug","Description","disableBulkDelete","disableBulkEdit","viewPreference","config","getEntityConfig","i18n","t","drawerDepth","setStepNav","setPreference","dragOverlayItem","folderCollectionConfig","folderCollectionSlug","folderType","getSelectedItems","moveToFolder","refineFolderData","selectedItemKeys","setIsDragging","router","startRouteTransition","clearRouteCache","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","breakpoints","s","smallBreak","onDragEnd","useCallback","event","over","data","current","type","itemsToMove","toFolderID","id","error","console","handleSetViewType","view","useEffect","length","label","div","className","plural","filter","join","onClick","folders","push","adminRoute","routes","admin","path","slug","map","crumb","crumbIndex","name","serverURL","totalDocsAndSubfolders","DndEventListener","Actions","folderAssignedCollections","Array","isArray","viewType","AfterListHeaderContent","title","TitleActions","buttonLabel","singular","toLowerCase","collectionSlugs","onCreateSuccess","slugPrefix","hasCreatePermission","includes","activeView","setActiveView","onSearchChange","query","updateURL","searchQueryParam","Message","p","size","item","selectedCount","onDragCancel","onDragStart"],"mappings":"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"}

package/dist/views/Edit/Auth/APIKey.js

@@ -1,6 +1,5 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { text } from 'payload/shared';
 import React, { useEffect, useMemo, useState } from 'react';
@@ -17,128 +16,190 @@ import { useTranslation } from '../../../providers/Translation/index.js';
 const path = 'apiKey';
 const baseClass = 'api-key';
 const fieldBaseClass = 'field-type';
-export const APIKey = ({
-  enabled,
-  readOnly
-}) => {
-  const [initialAPIKey] = useState(uuidv4());
-  const [highlightedField, setHighlightedField] = useState(false);
-  const [showKey, setShowKey] = useState(false);
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const {
-    config,
-    getEntityConfig
-  } = useConfig();
-  const {
-    collectionSlug
-  } = useDocumentInfo();
-  const apiKey = useFormFields(([fields]) => fields && fields[path] || null);
-  const apiKeyField = getEntityConfig({
-    collectionSlug
-  })?.fields?.find(field => 'name' in field && field.name === 'apiKey');
-  const validate = val => text(val, {
-    name: 'apiKey',
-    type: 'text',
-    blockData: {},
-    data: {},
-    event: 'onChange',
-    maxLength: 48,
-    minLength: 24,
-    path: ['apiKey'],
-    preferences: {
-      fields: {}
-    },
-    req: {
-      payload: {
-        config
-      },
-      t
-    },
-    siblingData: {}
-  });
-  const apiKeyValue = apiKey?.value;
-  const apiKeyLabel = useMemo(() => {
-    let label = 'API Key';
-    if (apiKeyField?.label) {
-      label = apiKeyField.label;
-    }
-    return getTranslation(label, i18n);
-  }, [apiKeyField, i18n]);
-  const APIKeyLabel = useMemo(() => /*#__PURE__*/_jsxs("label", {
-    className: `${baseClass}__label field-label`,
-    htmlFor: "apiKey",
-    children: [/*#__PURE__*/_jsx("span", {
-      children: apiKeyLabel
-    }), /*#__PURE__*/_jsx(CopyToClipboard, {
-      value: apiKeyValue
-    })]
-  }), [apiKeyLabel, apiKeyValue]);
-  const fieldType = useField({
-    path: 'apiKey',
-    validate
-  });
-  const highlightField = () => {
-    if (highlightedField) {
-      setHighlightedField(false);
-    }
-    setTimeout(() => {
-      setHighlightedField(true);
-    }, 1);
-  };
-  const {
-    setValue,
-    value
-  } = fieldType;
-  useEffect(() => {
-    if (!apiKeyValue && enabled) {
-      setValue(initialAPIKey);
+export const APIKey = ({ enabled, readOnly })=>{
+    const [initialAPIKey] = useState(uuidv4());
+    const [highlightedField, setHighlightedField] = useState(false);
+    const [showKey, setShowKey] = useState(false);
+    const { i18n, t } = useTranslation();
+    const { config, getEntityConfig } = useConfig();
+    const { collectionSlug } = useDocumentInfo();
+    const apiKey = useFormFields(([fields])=>fields && fields[path] || null);
+    const apiKeyField = getEntityConfig({
+        collectionSlug
+    })?.fields?.find((field)=>'name' in field && field.name === 'apiKey');
+    const validate = (val)=>text(val, {
+            name: 'apiKey',
+            type: 'text',
+            blockData: {},
+            data: {},
+            event: 'onChange',
+            maxLength: 48,
+            minLength: 24,
+            path: [
+                'apiKey'
+            ],
+            preferences: {
+                fields: {}
+            },
+            req: {
+                payload: {
+                    config
+                },
+                t
+            },
+            siblingData: {}
+        });
+    const apiKeyValue = apiKey?.value;
+    const apiKeyLabel = useMemo(()=>{
+        let label = 'API Key';
+        if (apiKeyField?.label) {
+            label = apiKeyField.label;
+        }
+        return getTranslation(label, i18n);
+    }, [
+        apiKeyField,
+        i18n
+    ]);
+    const APIKeyLabel = useMemo(()=>/*#__PURE__*/ _jsxDEV("label", {
+            className: `${baseClass}__label field-label`,
+            htmlFor: "apiKey",
+            children: [
+                /*#__PURE__*/ _jsxDEV("span", {
+                    children: apiKeyLabel
+                }, void 0, false, {
+                    fileName: "src/views/Edit/Auth/APIKey.tsx",
+                    lineNumber: 75,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(CopyToClipboard, {
+                    value: apiKeyValue
+                }, void 0, false, {
+                    fileName: "src/views/Edit/Auth/APIKey.tsx",
+                    lineNumber: 76,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/views/Edit/Auth/APIKey.tsx",
+            lineNumber: 74,
+            columnNumber: 7
+        }, this), [
+        apiKeyLabel,
+        apiKeyValue
+    ]);
+    const fieldType = useField({
+        path: 'apiKey',
+        validate
+    });
+    const highlightField = ()=>{
+        if (highlightedField) {
+            setHighlightedField(false);
+        }
+        setTimeout(()=>{
+            setHighlightedField(true);
+        }, 1);
+    };
+    const { setValue, value } = fieldType;
+    useEffect(()=>{
+        if (!apiKeyValue && enabled) {
+            setValue(initialAPIKey);
+        }
+        if (!enabled && apiKeyValue) {
+            setValue(null);
+        }
+    }, [
+        apiKeyValue,
+        enabled,
+        setValue,
+        initialAPIKey
+    ]);
+    useEffect(()=>{
+        if (highlightedField) {
+            setTimeout(()=>{
+                setHighlightedField(false);
+            }, 10000);
+        }
+    }, [
+        highlightedField
+    ]);
+    if (!enabled) {
+        return null;
     }
-    if (!enabled && apiKeyValue) {
-      setValue(null);
-    }
-  }, [apiKeyValue, enabled, setValue, initialAPIKey]);
-  useEffect(() => {
-    if (highlightedField) {
-      setTimeout(() => {
-        setHighlightedField(false);
-      }, 10000);
-    }
-  }, [highlightedField]);
-  if (!enabled) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: [fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' '),
-      children: [APIKeyLabel, /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__input-wrap`,
-        children: [/*#__PURE__*/_jsx("input", {
-          "aria-label": apiKeyLabel,
-          className: highlightedField ? 'highlight' : undefined,
-          disabled: true,
-          id: "apiKey",
-          name: "apiKey",
-          type: showKey ? 'text' : 'password',
-          value: value || ''
-        }), /*#__PURE__*/_jsx("div", {
-          className: `${baseClass}__toggle-button-wrap`,
-          children: /*#__PURE__*/_jsx(Button, {
-            buttonStyle: "none",
-            className: `${baseClass}__toggle-button`,
-            icon: /*#__PURE__*/_jsx(EyeIcon, {
-              active: showKey
-            }),
-            onClick: () => setShowKey(prev => !prev)
-          })
-        })]
-      })]
-    }), !readOnly && /*#__PURE__*/_jsx(GenerateConfirmation, {
-      highlightField: highlightField,
-      setKey: () => setValue(uuidv4())
-    })]
-  });
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: [
+                    fieldBaseClass,
+                    'api-key',
+                    'read-only'
+                ].filter(Boolean).join(' '),
+                children: [
+                    APIKeyLabel,
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__input-wrap`,
+                        children: [
+                            /*#__PURE__*/ _jsxDEV("input", {
+                                "aria-label": apiKeyLabel,
+                                className: highlightedField ? 'highlight' : undefined,
+                                disabled: true,
+                                id: "apiKey",
+                                name: "apiKey",
+                                type: showKey ? 'text' : 'password',
+                                value: value || ''
+                            }, void 0, false, {
+                                fileName: "src/views/Edit/Auth/APIKey.tsx",
+                                lineNumber: 124,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("div", {
+                                className: `${baseClass}__toggle-button-wrap`,
+                                children: /*#__PURE__*/ _jsxDEV(Button, {
+                                    buttonStyle: "none",
+                                    className: `${baseClass}__toggle-button`,
+                                    icon: /*#__PURE__*/ _jsxDEV(EyeIcon, {
+                                        active: showKey
+                                    }, void 0, false, {
+                                        fileName: "src/views/Edit/Auth/APIKey.tsx",
+                                        lineNumber: 137,
+                                        columnNumber: 21
+                                    }, void 0),
+                                    onClick: ()=>setShowKey((prev)=>!prev)
+                                }, void 0, false, {
+                                    fileName: "src/views/Edit/Auth/APIKey.tsx",
+                                    lineNumber: 134,
+                                    columnNumber: 13
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/views/Edit/Auth/APIKey.tsx",
+                                lineNumber: 133,
+                                columnNumber: 11
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/views/Edit/Auth/APIKey.tsx",
+                        lineNumber: 123,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/views/Edit/Auth/APIKey.tsx",
+                lineNumber: 121,
+                columnNumber: 7
+            }, this),
+            !readOnly && /*#__PURE__*/ _jsxDEV(GenerateConfirmation, {
+                highlightField: highlightField,
+                setKey: ()=>setValue(uuidv4())
+            }, void 0, false, {
+                fileName: "src/views/Edit/Auth/APIKey.tsx",
+                lineNumber: 144,
+                columnNumber: 9
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/views/Edit/Auth/APIKey.tsx",
+        lineNumber: 120,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=APIKey.js.map

package/dist/views/Edit/Auth/APIKey.js.map

@@ -1 +1 @@
-{"version":3,"file":"APIKey.js","names":["getTranslation","text","React","useEffect","useMemo","useState","v4","uuidv4","Button","CopyToClipboard","GenerateConfirmation","useFormFields","useField","EyeIcon","useConfig","useDocumentInfo","useTranslation","path","baseClass","fieldBaseClass","APIKey","enabled","readOnly","initialAPIKey","highlightedField","setHighlightedField","showKey","setShowKey","i18n","t","config","getEntityConfig","collectionSlug","apiKey","fields","apiKeyField","find","field","name","validate","val","type","blockData","data","event","maxLength","minLength","preferences","req","payload","siblingData","apiKeyValue","value","apiKeyLabel","label","APIKeyLabel","_jsxs","className","htmlFor","_jsx","fieldType","highlightField","setTimeout","setValue","Fragment","filter","Boolean","join","undefined","disabled","id","buttonStyle","icon","active","onClick","prev","setKey"],"sources":["../../../../src/views/Edit/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest, TextFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { text } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { CopyToClipboard } from '../../../elements/CopyToClipboard/index.js'\nimport { GenerateConfirmation } from '../../../elements/GenerateConfirmation/index.js'\nimport { useFormFields } from '../../../forms/Form/context.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { EyeIcon } from '../../../icons/Eye/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst fieldBaseClass = 'field-type'\n\nexport const APIKey: React.FC<{ readonly enabled: boolean; readonly readOnly?: boolean }> = ({\n  enabled,\n  readOnly,\n}) => {\n  const [initialAPIKey] = useState(uuidv4())\n  const [highlightedField, setHighlightedField] = useState(false)\n  const [showKey, setShowKey] = useState(false)\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n\n  const apiKey = useFormFields(([fields]) => (fields && fields[path]) || null)\n\n  const apiKeyField: TextFieldClient = getEntityConfig({ collectionSlug })?.fields?.find(\n    (field) => 'name' in field && field.name === 'apiKey',\n  ) as TextFieldClient\n\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      blockData: {},\n      data: {},\n      event: 'onChange',\n      maxLength: 48,\n      minLength: 24,\n      path: ['apiKey'],\n      preferences: { fields: {} },\n      req: {\n        payload: {\n          config,\n        },\n        t,\n      } as unknown as PayloadRequest,\n      siblingData: {},\n    })\n\n  const apiKeyValue = apiKey?.value\n\n  const apiKeyLabel = useMemo(() => {\n    let label: Record<string, string> | string = 'API Key'\n\n    if (apiKeyField?.label) {\n      label = apiKeyField.label\n    }\n\n    return getTranslation(label, i18n)\n  }, [apiKeyField, i18n])\n\n  const APIKeyLabel = useMemo(\n    () => (\n      <label className={`${baseClass}__label field-label`} htmlFor=\"apiKey\">\n        <span>{apiKeyLabel}</span>\n        <CopyToClipboard value={apiKeyValue as string} />\n      </label>\n    ),\n    [apiKeyLabel, apiKeyValue],\n  )\n\n  const fieldType = useField({\n    path: 'apiKey',\n    validate,\n  })\n\n  const highlightField = () => {\n    if (highlightedField) {\n      setHighlightedField(false)\n    }\n    setTimeout(() => {\n      setHighlightedField(true)\n    }, 1)\n  }\n\n  const { setValue, value } = fieldType\n\n  useEffect(() => {\n    if (!apiKeyValue && enabled) {\n      setValue(initialAPIKey)\n    }\n    if (!enabled && apiKeyValue) {\n      setValue(null)\n    }\n  }, [apiKeyValue, enabled, setValue, initialAPIKey])\n\n  useEffect(() => {\n    if (highlightedField) {\n      setTimeout(() => {\n        setHighlightedField(false)\n      }, 10000)\n    }\n  }, [highlightedField])\n\n  if (!enabled) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <div className={[fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' ')}>\n        {APIKeyLabel}\n        <div className={`${baseClass}__input-wrap`}>\n          <input\n            aria-label={apiKeyLabel}\n            className={highlightedField ? 'highlight' : undefined}\n            disabled\n            id=\"apiKey\"\n            name=\"apiKey\"\n            type={showKey ? 'text' : 'password'}\n            value={(value as string) || ''}\n          />\n          <div className={`${baseClass}__toggle-button-wrap`}>\n            <Button\n              buttonStyle=\"none\"\n              className={`${baseClass}__toggle-button`}\n              icon={<EyeIcon active={showKey} />}\n              onClick={() => setShowKey((prev) => !prev)}\n            />\n          </div>\n        </div>\n      </div>\n      {!readOnly && (\n        <GenerateConfirmation highlightField={highlightField} setKey={() => setValue(uuidv4())} />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../src/views/Edit/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest, TextFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { text } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { CopyToClipboard } from '../../../elements/CopyToClipboard/index.js'\nimport { GenerateConfirmation } from '../../../elements/GenerateConfirmation/index.js'\nimport { useFormFields } from '../../../forms/Form/context.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { EyeIcon } from '../../../icons/Eye/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst fieldBaseClass = 'field-type'\n\nexport const APIKey: React.FC<{ readonly enabled: boolean; readonly readOnly?: boolean }> = ({\n  enabled,\n  readOnly,\n}) => {\n  const [initialAPIKey] = useState(uuidv4())\n  const [highlightedField, setHighlightedField] = useState(false)\n  const [showKey, setShowKey] = useState(false)\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n\n  const apiKey = useFormFields(([fields]) => (fields && fields[path]) || null)\n\n  const apiKeyField: TextFieldClient = getEntityConfig({ collectionSlug })?.fields?.find(\n    (field) => 'name' in field && field.name === 'apiKey',\n  ) as TextFieldClient\n\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      blockData: {},\n      data: {},\n      event: 'onChange',\n      maxLength: 48,\n      minLength: 24,\n      path: ['apiKey'],\n      preferences: { fields: {} },\n      req: {\n        payload: {\n          config,\n        },\n        t,\n      } as unknown as PayloadRequest,\n      siblingData: {},\n    })\n\n  const apiKeyValue = apiKey?.value\n\n  const apiKeyLabel = useMemo(() => {\n    let label: Record<string, string> | string = 'API Key'\n\n    if (apiKeyField?.label) {\n      label = apiKeyField.label\n    }\n\n    return getTranslation(label, i18n)\n  }, [apiKeyField, i18n])\n\n  const APIKeyLabel = useMemo(\n    () => (\n      <label className={`${baseClass}__label field-label`} htmlFor=\"apiKey\">\n        <span>{apiKeyLabel}</span>\n        <CopyToClipboard value={apiKeyValue as string} />\n      </label>\n    ),\n    [apiKeyLabel, apiKeyValue],\n  )\n\n  const fieldType = useField({\n    path: 'apiKey',\n    validate,\n  })\n\n  const highlightField = () => {\n    if (highlightedField) {\n      setHighlightedField(false)\n    }\n    setTimeout(() => {\n      setHighlightedField(true)\n    }, 1)\n  }\n\n  const { setValue, value } = fieldType\n\n  useEffect(() => {\n    if (!apiKeyValue && enabled) {\n      setValue(initialAPIKey)\n    }\n    if (!enabled && apiKeyValue) {\n      setValue(null)\n    }\n  }, [apiKeyValue, enabled, setValue, initialAPIKey])\n\n  useEffect(() => {\n    if (highlightedField) {\n      setTimeout(() => {\n        setHighlightedField(false)\n      }, 10000)\n    }\n  }, [highlightedField])\n\n  if (!enabled) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <div className={[fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' ')}>\n        {APIKeyLabel}\n        <div className={`${baseClass}__input-wrap`}>\n          <input\n            aria-label={apiKeyLabel}\n            className={highlightedField ? 'highlight' : undefined}\n            disabled\n            id=\"apiKey\"\n            name=\"apiKey\"\n            type={showKey ? 'text' : 'password'}\n            value={(value as string) || ''}\n          />\n          <div className={`${baseClass}__toggle-button-wrap`}>\n            <Button\n              buttonStyle=\"none\"\n              className={`${baseClass}__toggle-button`}\n              icon={<EyeIcon active={showKey} />}\n              onClick={() => setShowKey((prev) => !prev)}\n            />\n          </div>\n        </div>\n      </div>\n      {!readOnly && (\n        <GenerateConfirmation highlightField={highlightField} setKey={() => setValue(uuidv4())} />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["getTranslation","text","React","useEffect","useMemo","useState","v4","uuidv4","Button","CopyToClipboard","GenerateConfirmation","useFormFields","useField","EyeIcon","useConfig","useDocumentInfo","useTranslation","path","baseClass","fieldBaseClass","APIKey","enabled","readOnly","initialAPIKey","highlightedField","setHighlightedField","showKey","setShowKey","i18n","t","config","getEntityConfig","collectionSlug","apiKey","fields","apiKeyField","find","field","name","validate","val","type","blockData","data","event","maxLength","minLength","preferences","req","payload","siblingData","apiKeyValue","value","apiKeyLabel","label","APIKeyLabel","className","htmlFor","span","fieldType","highlightField","setTimeout","setValue","Fragment","div","filter","Boolean","join","input","aria-label","undefined","disabled","id","buttonStyle","icon","active","onClick","prev","setKey"],"mappings":"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"}