@payloadcms/ui 4.0.0-internal.38b7f1d → 4.0.0-internal.5f0cd13

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","useRouter","formatAdminURL","formatFilesize","React","Fragment","useEffect","useBulkUpload","Button","Gutter","ListControls","useListDrawerContext","useModal","NoListResults","PageControls","RenderCustomComponent","SelectMany","useStepNav","StickyToolbar","RelationshipProvider","ViewDescription","useControllableState","useConfig","DocumentSelectionProvider","useListQuery","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","ListSelection","DocumentListSelection","HierarchyTable","CollectionListHeader","baseClass","DefaultListView","props","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","enableRowSelections","hasCreatePermission","hasCreatePermissionFromProps","hasDeletePermission","hasTrashPermission","hierarchyData","listMenuItems","newDocumentURL","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","viewType","allowCreate","createNewDrawerSlug","isInDrawer","onBulkSelect","undefined","config","routes","admin","adminRoute","serverURL","getEntityConfig","router","data","isGroupingBy","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","collectionLabel","plural","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","openBulkUpload","useCallback","refresh","baseLabel","label","url","path","trashLabel","t","navItems","breadcrumbs","hierarchyBreadcrumbs","crumb","index","isLast","length","title","id","_jsxs","_jsx","className","totalDocs","description","CustomComponent","Fallback","hideFileInputOnCreate","onClick","enableQueryPresets","collectionData","childrenData","Object","fromEntries","entries","relatedDocumentsByCollection","slug","related","result","hierarchyLabel","parentId","relatedGroups","hasMany","useAsTitle","Actions","el","singular","to","Message","_Fragment","AfterPageControls","showSelectAllAcrossPages","totalPages"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL, formatFilesize } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { PageControls } from '../../elements/PageControls/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { StickyToolbar } from '../../elements/StickyToolbar/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useControllableState } from '../../hooks/useControllableState.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../../views/List/ListSelection/index.js'\nimport { DocumentListSelection } from '../HierarchyList/DocumentListSelection/index.js'\nimport { HierarchyTable } from '../HierarchyList/HierarchyTable/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    enableRowSelections,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hasDeletePermission,\n    hasTrashPermission,\n    hierarchyData,\n    listMenuItems,\n    newDocumentURL,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n    viewType,\n  } = props\n\n  const [Table] = useControllableState(InitialTable)\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer, onBulkSelect } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n\n  const { data, isGroupingBy } = useListQuery()\n\n  const { openModal } = useModal()\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { i18n } = useTranslation()\n\n  const collectionLabel = getTranslation(labels?.plural, i18n)\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data?.docs\n    }\n  }, [data?.docs, isUploadCollection])\n\n  const openBulkUpload = React.useCallback(() => {\n    setCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess])\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      const baseLabel = {\n        label: collectionLabel,\n        url:\n          hierarchyData || (isTrashEnabled && viewType === 'trash')\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n      }\n\n      const trashLabel = {\n        label: i18n.t('general:trash'),\n      }\n\n      let navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel]\n\n      // Add hierarchy breadcrumbs\n      if (hierarchyData?.breadcrumbs) {\n        const hierarchyBreadcrumbs = hierarchyData.breadcrumbs.map((crumb, index) => {\n          const isLast = index === hierarchyData.breadcrumbs.length - 1\n          return {\n            label: crumb.title,\n            url: isLast\n              ? undefined\n              : formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}?parent=${crumb.id}`,\n                }),\n          }\n        })\n        navItems = [...navItems, ...hierarchyBreadcrumbs]\n      }\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    serverURL,\n    labels,\n    isInDrawer,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n    hierarchyData,\n    collectionLabel,\n  ])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={docs} totalDocs={data?.totalDocs}>\n            {BeforeList}\n            <Gutter className={`${baseClass}__wrap`}>\n              <CollectionListHeader\n                collectionConfig={collectionConfig}\n                Description={\n                  Description || collectionConfig?.admin?.description ? (\n                    <div className={`${baseClass}__sub-header`}>\n                      <RenderCustomComponent\n                        CustomComponent={Description}\n                        Fallback={\n                          <ViewDescription\n                            collectionSlug={collectionSlug}\n                            description={collectionConfig?.admin?.description}\n                          />\n                        }\n                      />\n                    </div>\n                  ) : undefined\n                }\n                disableBulkDelete={disableBulkDelete}\n                disableBulkEdit={disableBulkEdit}\n                hasCreatePermission={hasCreatePermission}\n                hasDeletePermission={hasDeletePermission}\n                hasTrashPermission={hasTrashPermission}\n                i18n={i18n}\n                isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n                isTrashEnabled={isTrashEnabled}\n                newDocumentURL={newDocumentURL}\n                openBulkUpload={openBulkUpload}\n                smallBreak={smallBreak}\n                viewType={viewType}\n              />\n              <ListControls\n                beforeActions={\n                  enableRowSelections && typeof onBulkSelect === 'function'\n                    ? beforeActions\n                      ? [...beforeActions, <SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                      : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                    : beforeActions\n                }\n                collectionConfig={collectionConfig}\n                collectionSlug={collectionSlug}\n                disableQueryPresets={\n                  collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n                }\n                listMenuItems={listMenuItems}\n                queryPreset={queryPreset}\n                queryPresetPermissions={queryPresetPermissions}\n                renderedFilters={renderedFilters}\n                resolvedFilterOptions={resolvedFilterOptions}\n              />\n              {BeforeListTable}\n              {hierarchyData ? (\n                <DocumentSelectionProvider\n                  collectionData={{\n                    [collectionSlug]: { docs: hierarchyData.childrenData.docs },\n                    ...Object.fromEntries(\n                      Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                        ([slug, related]) => [slug, { docs: related.result.docs }],\n                      ),\n                    ),\n                  }}\n                >\n                  <HierarchyTable\n                    childrenData={hierarchyData.childrenData}\n                    collectionSlug={collectionSlug}\n                    hierarchyLabel={collectionLabel}\n                    key={hierarchyData.parentId}\n                    parentId={hierarchyData.parentId}\n                    relatedGroups={Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                      ([slug, related]) => ({\n                        collectionSlug: slug,\n                        data: related.result,\n                        hasMany: related.hasMany,\n                        label: related.label,\n                      }),\n                    )}\n                    useAsTitle={collectionConfig?.admin?.useAsTitle || 'id'}\n                  />\n                  <DocumentListSelection\n                    disableBulkDelete={disableBulkDelete}\n                    disableBulkEdit={disableBulkEdit}\n                  />\n                </DocumentSelectionProvider>\n              ) : docs?.length > 0 ? (\n                <div className={`${baseClass}__tables`}>\n                  <RelationshipProvider>{Table}</RelationshipProvider>\n                </div>\n              ) : null}\n              {/* HierarchyTable handles its own empty state, skip for hierarchy views */}\n              {docs?.length === 0 && (\n                <NoListResults\n                  Actions={\n                    hasCreatePermission && newDocumentURL && viewType !== 'trash'\n                      ? [\n                          isInDrawer ? (\n                            <Button\n                              el=\"button\"\n                              key=\"create\"\n                              onClick={() => openModal(createNewDrawerSlug)}\n                            >\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ) : (\n                            <Button el=\"link\" key=\"create\" to={newDocumentURL}>\n                              {i18n.t('general:createNewLabel', {\n                                label: getTranslation(labels?.singular, i18n),\n                              })}\n                            </Button>\n                          ),\n                        ]\n                      : []\n                  }\n                  Message={\n                    viewType === 'trash' ? (\n                      <p>\n                        {i18n.t('general:noTrashResults', {\n                          label: getTranslation(labels?.plural, i18n),\n                        })}\n                      </p>\n                    ) : (\n                      <>\n                        <h3>{i18n.t('general:noResultsFound')}</h3>\n                        <p>{i18n.t('general:noResultsDescription')}</p>\n                      </>\n                    )\n                  }\n                />\n              )}\n              {AfterListTable}\n              {docs?.length > 0 && !isGroupingBy && (\n                <PageControls\n                  AfterPageControls={\n                    smallBreak ? (\n                      <div className={`${baseClass}__list-selection`}>\n                        <ListSelection\n                          collectionConfig={collectionConfig}\n                          disableBulkDelete={disableBulkDelete}\n                          disableBulkEdit={disableBulkEdit}\n                          label={collectionLabel}\n                          showSelectAllAcrossPages={!isGroupingBy}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          {enableRowSelections && typeof onBulkSelect === 'function'\n                            ? beforeActions\n                              ? [\n                                  ...beforeActions,\n                                  <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                                ]\n                              : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                            : beforeActions}\n                        </div>\n                      </div>\n                    ) : null\n                  }\n                  collectionConfig={collectionConfig}\n                />\n              )}\n            </Gutter>\n            {AfterList}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n      {docs?.length > 0 && isGroupingBy && data.totalPages > 1 && (\n        <StickyToolbar>\n          <PageControls collectionConfig={collectionConfig} />\n        </StickyToolbar>\n      )}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","formatFilesize","React","Fragment","useEffect","useBulkUpload","Button","ListControls","useListDrawerContext","useModal","NoListResults","PageControls","RenderCustomComponent","SelectMany","useStepNav","RelationshipProvider","ViewDescription","useControllableState","useConfig","DocumentSelectionProvider","useListQuery","useRouter","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","ListSelection","DocumentListSelection","HierarchyTable","CollectionListHeader","baseClass","DefaultListView","props","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","enableRowSelections","hasCreatePermission","hasCreatePermissionFromProps","hasDeletePermission","hasTrashPermission","hierarchyData","listMenuItems","newDocumentURL","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","viewType","allowCreate","createNewDrawerSlug","isInDrawer","onBulkSelect","undefined","config","routes","admin","adminRoute","serverURL","getEntityConfig","router","data","isGroupingBy","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","collectionLabel","plural","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","openBulkUpload","useCallback","refresh","baseLabel","label","url","path","trashLabel","t","navItems","breadcrumbs","queryParam","parentFieldName","hierarchyBreadcrumbs","crumb","index","isLast","length","title","id","_jsxs","_jsx","className","totalDocs","description","CustomComponent","Fallback","hideFileInputOnCreate","onClick","enableQueryPresets","collectionData","childrenData","Object","fromEntries","entries","relatedDocumentsByCollection","slug","related","result","hierarchyLabel","parentId","relatedGroups","fieldName","hasMany","useAsTitle","Actions","el","singular","to","withMargin","AfterPageControls","showSelectAllAcrossPages","totalPages"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, formatFilesize } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { PageControls } from '../../elements/PageControls/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useControllableState } from '../../hooks/useControllableState.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentSelectionProvider } from '../../providers/DocumentSelection/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../../views/List/ListSelection/index.js'\nimport { DocumentListSelection } from '../HierarchyList/DocumentListSelection/index.js'\nimport { HierarchyTable } from '../HierarchyList/HierarchyTable/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport './index.css'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    enableRowSelections,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hasDeletePermission,\n    hasTrashPermission,\n    hierarchyData,\n    listMenuItems,\n    newDocumentURL,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n    viewType,\n  } = props\n\n  const [Table] = useControllableState(InitialTable)\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer, onBulkSelect } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n\n  const { data, isGroupingBy } = useListQuery()\n\n  const { openModal } = useModal()\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { i18n } = useTranslation()\n\n  const collectionLabel = getTranslation(labels?.plural, i18n)\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data?.docs\n    }\n  }, [data?.docs, isUploadCollection])\n\n  const openBulkUpload = React.useCallback(() => {\n    setCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess])\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      const baseLabel = {\n        label: collectionLabel,\n        url:\n          hierarchyData || (isTrashEnabled && viewType === 'trash')\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n      }\n\n      const trashLabel = {\n        label: i18n.t('general:trash'),\n      }\n\n      let navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel]\n\n      // Add hierarchy breadcrumbs\n      if (hierarchyData?.breadcrumbs) {\n        const queryParam = hierarchyData.parentFieldName || 'parent'\n        const hierarchyBreadcrumbs = hierarchyData.breadcrumbs.map((crumb, index) => {\n          const isLast = index === hierarchyData.breadcrumbs.length - 1\n          return {\n            label: crumb.title,\n            url: isLast\n              ? undefined\n              : formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}?${queryParam}=${crumb.id}`,\n                }),\n          }\n        })\n        navItems = [...navItems, ...hierarchyBreadcrumbs]\n      }\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    serverURL,\n    labels,\n    isInDrawer,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n    hierarchyData,\n    collectionLabel,\n  ])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={docs} totalDocs={data?.totalDocs}>\n            {BeforeList}\n            <CollectionListHeader\n              collectionConfig={collectionConfig}\n              Description={\n                Description || collectionConfig?.admin?.description ? (\n                  <div className={`${baseClass}__sub-header`}>\n                    <RenderCustomComponent\n                      CustomComponent={Description}\n                      Fallback={\n                        <ViewDescription\n                          collectionSlug={collectionSlug}\n                          description={collectionConfig?.admin?.description}\n                        />\n                      }\n                    />\n                  </div>\n                ) : undefined\n              }\n              disableBulkDelete={disableBulkDelete}\n              disableBulkEdit={disableBulkEdit}\n              hasCreatePermission={hasCreatePermission}\n              hasDeletePermission={hasDeletePermission}\n              hasTrashPermission={hasTrashPermission}\n              i18n={i18n}\n              isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n              isTrashEnabled={isTrashEnabled}\n              newDocumentURL={newDocumentURL}\n              openBulkUpload={openBulkUpload}\n              smallBreak={smallBreak}\n              viewType={viewType}\n            />\n            <ListControls\n              beforeActions={\n                enableRowSelections && typeof onBulkSelect === 'function'\n                  ? beforeActions\n                    ? [...beforeActions, <SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                    : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                  : beforeActions\n              }\n              collectionConfig={collectionConfig}\n              collectionSlug={collectionSlug}\n              disableQueryPresets={\n                collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n              }\n              hasCreatePermission={hasCreatePermission && viewType !== 'trash'}\n              listMenuItems={listMenuItems}\n              newDocumentURL={newDocumentURL}\n              queryPreset={queryPreset}\n              queryPresetPermissions={queryPresetPermissions}\n              renderedFilters={renderedFilters}\n              resolvedFilterOptions={resolvedFilterOptions}\n            />\n            {BeforeListTable}\n            {hierarchyData ? (\n              <DocumentSelectionProvider\n                collectionData={{\n                  [collectionSlug]: { docs: hierarchyData.childrenData.docs },\n                  ...Object.fromEntries(\n                    Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                      ([slug, related]) => [slug, { docs: related.result.docs }],\n                    ),\n                  ),\n                }}\n              >\n                <HierarchyTable\n                  childrenData={hierarchyData.childrenData}\n                  collectionSlug={collectionSlug}\n                  hierarchyLabel={collectionLabel}\n                  key={hierarchyData.parentId}\n                  parentId={hierarchyData.parentId}\n                  relatedGroups={Object.entries(hierarchyData.relatedDocumentsByCollection).map(\n                    ([slug, related]) => ({\n                      collectionSlug: slug,\n                      data: related.result,\n                      fieldName: related.fieldName,\n                      hasMany: related.hasMany,\n                      label: related.label,\n                    }),\n                  )}\n                  useAsTitle={collectionConfig?.admin?.useAsTitle || 'id'}\n                />\n                <DocumentListSelection\n                  disableBulkDelete={disableBulkDelete}\n                  disableBulkEdit={disableBulkEdit}\n                />\n              </DocumentSelectionProvider>\n            ) : docs?.length > 0 ? (\n              <RelationshipProvider>{Table}</RelationshipProvider>\n            ) : null}\n            {/* HierarchyTable handles its own empty state, skip for hierarchy views */}\n            {docs?.length === 0 && (\n              <NoListResults\n                Actions={\n                  hasCreatePermission && newDocumentURL && viewType !== 'trash'\n                    ? [\n                        isInDrawer ? (\n                          <Button\n                            el=\"button\"\n                            key=\"create\"\n                            onClick={() => openModal(createNewDrawerSlug)}\n                          >\n                            {i18n.t('general:createNewLabel', {\n                              label: getTranslation(labels?.singular, i18n),\n                            })}\n                          </Button>\n                        ) : (\n                          <Button el=\"link\" key=\"create\" to={newDocumentURL}>\n                            {i18n.t('general:createNewLabel', {\n                              label: getTranslation(labels?.singular, i18n),\n                            })}\n                          </Button>\n                        ),\n                      ]\n                    : []\n                }\n                description={\n                  viewType === 'trash'\n                    ? i18n.t('general:noTrashResults', {\n                        label: getTranslation(labels?.plural, i18n),\n                      })\n                    : i18n.t('general:noResultsDescription')\n                }\n                title={viewType !== 'trash' ? i18n.t('general:noResultsFound') : undefined}\n                withMargin\n              />\n            )}\n            {AfterListTable}\n            {AfterList}\n            {docs?.length > 0 && !isGroupingBy && (\n              <PageControls\n                AfterPageControls={\n                  smallBreak ? (\n                    <div className={`${baseClass}__list-selection`}>\n                      <ListSelection\n                        collectionConfig={collectionConfig}\n                        disableBulkDelete={disableBulkDelete}\n                        disableBulkEdit={disableBulkEdit}\n                        label={collectionLabel}\n                        showSelectAllAcrossPages={!isGroupingBy}\n                      />\n                      <div className={`${baseClass}__list-selection-actions`}>\n                        {enableRowSelections && typeof onBulkSelect === 'function'\n                          ? beforeActions\n                            ? [\n                                ...beforeActions,\n                                <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                              ]\n                            : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                          : beforeActions}\n                      </div>\n                    </div>\n                  ) : null\n                }\n                collectionConfig={collectionConfig}\n              />\n            )}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n      {docs?.length > 0 && isGroupingBy && data.totalPages > 1 && (\n        <PageControls collectionConfig={collectionConfig} />\n      )}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/widgets/CollectionCards/index.css

@@ -0,0 +1,84 @@
+@layer payload-default {
+  .collections {
+    display: flex;
+    width: 100%;
+    --gap: var(--spacer-3);
+    --cols: 5;
+  }
+
+  .collections__wrap {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-3);
+    padding-bottom: var(--spacer-6);
+  }
+
+  .collections__group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap);
+    padding-top: var(--spacer-2);
+  }
+
+  .collections__label {
+    margin: 0;
+    font-family: var(--text-heading-medium-font-family);
+    font-size: var(--text-heading-medium-font-size);
+    font-weight: var(--text-heading-medium-font-weight);
+    line-height: var(--text-heading-medium-line-height);
+    letter-spacing: var(--text-heading-medium-letter-spacing);
+    color: var(--color-text);
+  }
+
+  .collections__card-list {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    gap: var(--spacer-3);
+    display: grid;
+    grid-template-columns: repeat(var(--cols), 1fr);
+
+    .card {
+      height: 100%;
+    }
+  }
+
+  .collections__locked.locked {
+    align-items: unset;
+    justify-content: unset;
+  }
+
+  @media (max-width: 1440px) {
+    .collections {
+      --cols: 4;
+    }
+  }
+
+  @media (max-width: 1024px) {
+    .collections {
+      --gap: var(--spacer-3);
+      --cols: 2;
+    }
+  }
+
+  @media (max-width: 768px) {
+    .collections {
+      --cols: 2;
+    }
+
+    .collections__wrap {
+      gap: var(--spacer-3);
+    }
+
+    .collections__card-list {
+      gap: var(--spacer-2);
+    }
+  }
+
+  @media (max-width: 400px) {
+    .collections {
+      --cols: 1;
+    }
+  }
+}

package/dist/widgets/CollectionCards/index.d.ts

@@ -1,5 +1,5 @@
 import type { WidgetServerProps } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare function CollectionCards(props: WidgetServerProps): Promise<React.JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

package/dist/widgets/CollectionCards/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAIrB,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAqH7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAoH7D"}

package/dist/widgets/CollectionCards/index.js

@@ -3,13 +3,12 @@ import { getTranslation } from '@payloadcms/translations';
 import { EntityType, getAccessResults } from 'payload';
 import { formatAdminURL } from 'payload/shared';
 import React from 'react';
-import { Button } from '../../elements/Button/index.js';
-import { Card } from '../../elements/Card/index.js';
-import { Locked } from '../../elements/Locked/index.js';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { Button, Card, Locked } from '../../exports/client/index.js';
 import { getGlobalData } from '../../utilities/getGlobalData.js';
 import { getNavGroups } from '../../utilities/getNavGroups.js';
 import { getVisibleEntities } from '../../utilities/getVisibleEntities.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'collections';
 export async function CollectionCards(props) {
   const {
@@ -109,10 +108,9 @@ export async function CollectionCards(props) {
                     "aria-label": t('general:createNewLabel', {
                       label
                     }),
-                    buttonStyle: "icon-label",
+                    buttonStyle: "ghost",
                     el: "link",
                     icon: "plus",
-                    iconStyle: "with-border",
                     round: true,
                     to: createHREF
                   }) : undefined,

package/dist/widgets/CollectionCards/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","EntityType","getAccessResults","formatAdminURL","React","Button","Card","Locked","getGlobalData","getNavGroups","getVisibleEntities","baseClass","CollectionCards","props","i18n","payload","user","req","admin","adminRoute","config","routes","t","permissions","visibleEntities","globalData","navGroups","_jsx","className","length","map","entities","label","groupIndex","_jsxs","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","buttonStyle","el","icon","iconStyle","round","to","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, getAccessResults } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Card } from '../../elements/Card/index.js'\nimport { Locked } from '../../elements/Locked/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.scss'\n\nconst baseClass = 'collections'\n\nexport async function CollectionCards(props: WidgetServerProps) {\n  const { i18n, payload, user } = props.req\n  const { admin: adminRoute } = payload.config.routes\n  const { t } = i18n\n  const permissions = await getAccessResults({ req: props.req })\n  const visibleEntities = getVisibleEntities({ req: props.req })\n  const globalData = await getGlobalData(props.req)\n\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {!navGroups || navGroups?.length === 0 ? (\n          <p>no nav groups....</p>\n        ) : (\n          navGroups.map(({ entities, label }, groupIndex) => {\n            return (\n              <div className={`${baseClass}__group`} key={groupIndex}>\n                <h2 className={`${baseClass}__label`}>{label}</h2>\n                <ul className={`${baseClass}__card-list`}>\n                  {entities.map(({ slug, type, label }, entityIndex) => {\n                    let title: string\n                    let buttonAriaLabel: string\n                    let createHREF: string\n                    let href: string\n                    let hasCreatePermission: boolean\n                    let isLocked = null\n                    let userEditing = null\n\n                    if (type === EntityType.collection) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}`,\n                      })\n\n                      createHREF = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}/create`,\n                      })\n\n                      hasCreatePermission = permissions?.collections?.[slug]?.create\n                    }\n\n                    if (type === EntityType.global) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:editLabel', {\n                        label: getTranslation(label, i18n),\n                      })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/globals/${slug}`,\n                      })\n\n                      // Find the lock status for the global\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing\n\n                        // Check if the lock is expired\n                        const lockDuration = globalLockData?.lockDuration\n                        const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime()\n\n                        const lockDurationInMilliseconds = lockDuration * 1000\n                        const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds\n\n                        if (new Date().getTime() > lockExpirationTime) {\n                          isLocked = false\n                          userEditing = null\n                        }\n                      }\n                    }\n\n                    return (\n                      <li key={entityIndex}>\n                        <Card\n                          actions={\n                            isLocked && user?.id !== userEditing?.id ? (\n                              <Locked className={`${baseClass}__locked`} user={userEditing} />\n                            ) : hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={t('general:createNewLabel', {\n                                  label,\n                                })}\n                                buttonStyle=\"icon-label\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                iconStyle=\"with-border\"\n                                round\n                                to={createHREF}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={getTranslation(label, i18n)}\n                          titleAs=\"h3\"\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","EntityType","getAccessResults","formatAdminURL","React","Button","Card","Locked","getGlobalData","getNavGroups","getVisibleEntities","baseClass","CollectionCards","props","i18n","payload","user","req","admin","adminRoute","config","routes","t","permissions","visibleEntities","globalData","navGroups","_jsx","className","length","map","entities","label","groupIndex","_jsxs","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","buttonStyle","el","icon","round","to","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, getAccessResults } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { Button, Card, Locked } from '../../exports/client/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.css'\n\nconst baseClass = 'collections'\n\nexport async function CollectionCards(props: WidgetServerProps) {\n  const { i18n, payload, user } = props.req\n  const { admin: adminRoute } = payload.config.routes\n  const { t } = i18n\n  const permissions = await getAccessResults({ req: props.req })\n  const visibleEntities = getVisibleEntities({ req: props.req })\n  const globalData = await getGlobalData(props.req)\n\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {!navGroups || navGroups?.length === 0 ? (\n          <p>no nav groups....</p>\n        ) : (\n          navGroups.map(({ entities, label }, groupIndex) => {\n            return (\n              <div className={`${baseClass}__group`} key={groupIndex}>\n                <h2 className={`${baseClass}__label`}>{label}</h2>\n                <ul className={`${baseClass}__card-list`}>\n                  {entities.map(({ slug, type, label }, entityIndex) => {\n                    let title: string\n                    let buttonAriaLabel: string\n                    let createHREF: string\n                    let href: string\n                    let hasCreatePermission: boolean\n                    let isLocked = null\n                    let userEditing = null\n\n                    if (type === EntityType.collection) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}`,\n                      })\n\n                      createHREF = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}/create`,\n                      })\n\n                      hasCreatePermission = permissions?.collections?.[slug]?.create\n                    }\n\n                    if (type === EntityType.global) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:editLabel', {\n                        label: getTranslation(label, i18n),\n                      })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/globals/${slug}`,\n                      })\n\n                      // Find the lock status for the global\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing\n\n                        // Check if the lock is expired\n                        const lockDuration = globalLockData?.lockDuration\n                        const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime()\n\n                        const lockDurationInMilliseconds = lockDuration * 1000\n                        const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds\n\n                        if (new Date().getTime() > lockExpirationTime) {\n                          isLocked = false\n                          userEditing = null\n                        }\n                      }\n                    }\n\n                    return (\n                      <li key={entityIndex}>\n                        <Card\n                          actions={\n                            isLocked && user?.id !== userEditing?.id ? (\n                              <Locked className={`${baseClass}__locked`} user={userEditing} />\n                            ) : hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={t('general:createNewLabel', {\n                                  label,\n                                })}\n                                buttonStyle=\"ghost\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                round\n                                to={createHREF}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={getTranslation(label, i18n)}\n                          titleAs=\"h3\"\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "4.0.0-internal.38b7f1d",
+  "version": "4.0.0-internal.5f0cd13",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -136,7 +136,7 @@
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "14.0.0",
-    "@payloadcms/translations": "4.0.0-internal.38b7f1d"
+    "@payloadcms/translations": "4.0.0-internal.5f0cd13"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -150,14 +150,13 @@
     "babel-plugin-react-compiler": "19.1.0-rc.3",
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
-    "@payloadcms/eslint-config": "3.28.0",
-    "payload": "4.0.0-internal.38b7f1d"
+    "payload": "4.0.0-internal.5f0cd13",
+    "@payloadcms/eslint-config": "3.28.0"
   },
   "peerDependencies": {
-    "next": ">=16.2.6 <17.0.0",
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "4.0.0-internal.38b7f1d"
+    "payload": "4.0.0-internal.5f0cd13"
   },
   "engines": {
     "node": ">=24.15.0"

package/dist/elements/BulkUpload/ActionsBar/index.scss

@@ -1,62 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .bulk-upload--actions-bar {
-    display: flex;
-    padding-inline: var(--gutter-h);
-    align-items: center;
-    border-bottom: 1px solid var(--theme-border-color);
-    position: sticky;
-    z-index: 1;
-    top: 0;
-    background-color: var(--theme-bg);
-    height: var(--doc-controls-height);
-
-    &__navigation {
-      display: flex;
-      gap: var(--base);
-      align-items: center;
-      width: 100%;
-    }
-
-    &__locationText {
-      font-variant-numeric: tabular-nums;
-      margin: 0;
-    }
-
-    &__controls {
-      display: flex;
-      gap: calc(var(--base) / 2);
-
-      .btn {
-        background-color: var(--theme-elevation-100);
-        width: calc(var(--base) * 1.2);
-        height: calc(var(--base) * 1.2);
-
-        &:hover {
-          background-color: var(--theme-elevation-200);
-        }
-
-        &__label {
-          display: flex;
-        }
-      }
-    }
-
-    &__buttons {
-      display: flex;
-      gap: var(--base);
-      margin-left: auto;
-      white-space: nowrap;
-    }
-
-    @include mid-break {
-      &__navigation {
-        justify-content: space-between;
-      }
-      &__saveButtons {
-        display: none;
-      }
-    }
-  }
-}

package/dist/elements/BulkUpload/AddFilesView/index.scss

@@ -1,30 +0,0 @@
-@layer payload-default {
-  .bulk-upload--add-files {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-
-    &__dropArea {
-      height: 100%;
-      padding: calc(var(--base) * 2) var(--gutter-h);
-    }
-
-    .dropzone {
-      flex-direction: column;
-      justify-content: center;
-      display: flex;
-      gap: var(--base);
-      background-color: var(--theme-elevation-50);
-
-      p {
-        margin: 0;
-      }
-    }
-
-    &__dragAndDropText {
-      margin: 0;
-      text-transform: lowercase;
-      align-self: center;
-    }
-  }
-}

package/dist/elements/BulkUpload/DrawerCloseButton/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import './index.scss';
-type Props = {
-    readonly onClick: () => void;
-};
-export declare function DrawerCloseButton({ onClick }: Props): React.JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/BulkUpload/DrawerCloseButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/DrawerCloseButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAC7B,CAAA;AACD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,qBAQnD"}

package/dist/elements/BulkUpload/DrawerCloseButton/index.js

@@ -1,35 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { XIcon } from '../../../icons/X/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
-import './index.scss';
-const baseClass = 'drawer-close-button';
-export function DrawerCloseButton(t0) {
-  const $ = _c(3);
-  const {
-    onClick
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  let t1;
-  if ($[0] !== onClick || $[1] !== t) {
-    t1 = _jsx("button", {
-      "aria-label": t("general:close"),
-      className: baseClass,
-      onClick,
-      type: "button",
-      children: _jsx(XIcon, {})
-    });
-    $[0] = onClick;
-    $[1] = t;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
-}
-//# sourceMappingURL=index.js.map

package/dist/elements/BulkUpload/DrawerCloseButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","React","XIcon","useTranslation","baseClass","DrawerCloseButton","t0","$","onClick","t","t1","_jsx","className","type","children"],"sources":["../../../../src/elements/BulkUpload/DrawerCloseButton/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer-close-button'\n\ntype Props = {\n  readonly onClick: () => void\n}\nexport function DrawerCloseButton({ onClick }: Props) {\n  const { t } = useTranslation()\n\n  return (\n    <button aria-label={t('general:close')} className={baseClass} onClick={onClick} type=\"button\">\n      <XIcon />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,KAAK,QAAQ;AACtB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAKlB,OAAO,SAAAC,kBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAA2B;IAAAQ;EAAA,IAAAF,EAAkB;EAClD;IAAAG;EAAA,IAAcN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAH,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,CAAA;IAGZC,EAAA,GAAAC,IAAA,CAAC;MAAA,cAAmBF,CAAA,CAAE;MAAAG,SAAA,EAAAR,SAAA;MAAAI,OAAA;MAAAK,IAAA,EAA+D;MAAAC,QAAA,EACnFH,IAAA,CAAAT,KAAA,IAAC;IAAA,C;;;;;;;SADHQ,E","ignoreList":[]}

package/dist/elements/BulkUpload/DrawerCloseButton/index.scss

@@ -1,29 +0,0 @@
-@layer payload-default {
-  .drawer-close-button {
-    --size: calc(var(--base) * 1.2);
-    border: 0;
-    background-color: transparent;
-    padding: 0;
-    cursor: pointer;
-    overflow: hidden;
-    direction: ltr;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--size);
-    height: var(--size);
-
-    svg {
-      margin: calc(-1 * var(--size));
-      width: calc(var(--size) * 2);
-      height: calc(var(--size) * 2);
-
-      position: relative;
-
-      .stroke {
-        stroke-width: 1px;
-        vector-effect: non-scaling-stroke;
-      }
-    }
-  }
-}