@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d3909a9

package/dist/elements/FileManager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useModal","formatFilesize","isImage","validateMimeType","React","Fragment","useCallback","useEffect","useState","toast","FieldError","fieldBaseClass","TextInput","useForm","useField","useDocumentInfo","EditDepthProvider","useTranslation","useUploadControls","useUploadEdits","Button","Drawer","Dropzone","EditUpload","PreviewSizes","Thumbnail","getEditorFileSrc","editDrawerSlug","sizePreviewSlug","UploadFromURLModal","usePasteFromClipboard","useUploadFromUrl","UploadDropzoneContent","AudioPreview","FilePreview","PdfPreview","VideoPreview","FileToolbar","baseClass","FileManager","t0","$","collectionSlug","initialState","resetUploadEdits","resetUploadEditsFromProps","updateUploadEdits","updateUploadEditsFromProps","uploadConfig","UploadControls","uploadEdits","uploadEditsFromProps","UploadFilePreview","openModal","t","setModified","data","t1","mimeTypes","file","undefined","name","File","length","type","validate","t2","path","errorMessage","setValue","showError","value","setUploadControlFile","setUploadControlFileName","setUploadControlFileUrl","uploadControlFile","uploadControlFileUrl","uploadEditsContext","fileSrc","setFileSrc","removedFile","setRemovedFile","filename","setFilename","selectedSize","setSelectedSize","acceptMimeTypes","join","imageCacheTag","cacheTags","updatedAt","hasVariants","variants","hasImageAdjustments","Boolean","focalPointEnabled","focalPoint","crop","t3","t4","showCrop","showFocalPoint","selectedSizeData","sidePanelFileSrc","url","thumbnailURL","sidePanelMimeType","mimeType","fileTypeIsAdjustable","renameFile","_temp","t5","t6","file_0","isNewFile","t7","error","URL","createObjectURL","handleFileChange","e","updatedFileName","target","handleFileNameChange","files","handleFileSelection","t8","file_1","handleFileFetchedFromUrl","t9","onFileFetched","fileUrl","handleUrlSubmit","isValidUrl","setFileUrl","t10","handlePasteFromClipboard","t11","handleFileRemoval","t12","args","onEditsSave","t13","Symbol","for","t14","t15","t16","t17","t18","t19","t20","startsWith","revokeObjectURL","t21","t22","handleControlFileUrl","t23","t24","t25","src","fileType","_jsx","className","children","title","size","renderSelectedFilePreview","drawers","_jsxs","fileName","hasSelectedFile","initialCrop","initialFocalPoint","x","focalX","y","focalY","onSave","hoverTitle","slug","label","doc","pasteURL","showUploadInput","hideFileInputOnCreate","t26","filter","message","hideRemoveFile","isAdjustable","onEditImage","onReplace","buttonStyle","icon","onClick","round","tooltip","onChange","extraControls","onFilesSelected","onPasteFromClipboard","pasteButtonClassName","pasteTooltip","id","fileToChange","newName","lastModified"],"sources":["../../../src/elements/FileManager/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, UploadEdits } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatFilesize, isImage, validateMimeType } from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { fieldBaseClass } from '../../fields/shared/index.js'\nimport { TextInput } from '../../fields/Text/Input.js'\nimport { useForm } from '../../forms/Form/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useUploadControls } from '../../providers/UploadControls/index.js'\nimport { useUploadEdits } from '../../providers/UploadEdits/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { Dropzone } from '../Dropzone/index.js'\nimport { EditUpload } from '../EditUpload/index.js'\nimport { PreviewSizes } from '../PreviewSizes/index.js'\nimport { Thumbnail } from '../Thumbnail/index.js'\nimport { getEditorFileSrc } from '../Upload/getEditorFileSrc.js'\nimport { editDrawerSlug, sizePreviewSlug } from '../Upload/index.js'\nimport { UploadFromURLModal } from '../Upload/UploadFromURLModal/index.js'\nimport { usePasteFromClipboard } from '../Upload/usePasteFromClipboard.js'\nimport { useUploadFromUrl } from '../Upload/useUploadFromUrl.js'\nimport { UploadDropzoneContent } from '../UploadDropzoneContent/index.js'\nimport { AudioPreview } from './FilePreview/AudioPreview/index.js'\nimport { FilePreview } from './FilePreview/index.js'\nimport { PdfPreview } from './FilePreview/PdfPreview/index.js'\nimport { VideoPreview } from './FilePreview/VideoPreview/index.js'\nimport { FileToolbar } from './FileToolbar/index.js'\nimport './index.css'\n\nconst baseClass = 'file-manager'\n\nexport type FileManagerProps = {\n  readonly collectionSlug: string\n  readonly initialState?: import('payload').FormState\n  /**\n   * When provided, upload edits are sourced from these props instead of the `useUploadEdits`\n   * context. The bulk upload drawer uses this to drive per-file edits from its FormsManager.\n   */\n  readonly resetUploadEdits?: () => void\n  readonly updateUploadEdits?: (args: UploadEdits) => void\n  readonly uploadConfig: Omit<SanitizedCollectionConfig['upload'], 'uploadInstructions'>\n  readonly UploadControls?: React.ReactNode\n  readonly uploadEdits?: UploadEdits\n  readonly UploadFilePreview?: React.ReactNode\n}\n\nexport const FileManager: React.FC<FileManagerProps> = ({\n  collectionSlug,\n  initialState,\n  resetUploadEdits: resetUploadEditsFromProps,\n  updateUploadEdits: updateUploadEditsFromProps,\n  uploadConfig,\n  UploadControls,\n  uploadEdits: uploadEditsFromProps,\n  UploadFilePreview,\n}) => {\n  const { openModal } = useModal()\n  const { t } = useTranslation()\n  const { setModified } = useForm()\n  const { data } = useDocumentInfo()\n  const validate = useCallback(\n    (file: File | null | undefined) => {\n      if (!file && file !== undefined) {\n        return 'A file is required.'\n      }\n      if (file && (!file.name || file.name === '')) {\n        return 'A file name is required.'\n      }\n      if (\n        file instanceof File &&\n        uploadConfig.mimeTypes?.length &&\n        !validateMimeType(file.type, uploadConfig.mimeTypes)\n      ) {\n        return t('error:invalidFileType')\n      }\n      return true\n    },\n    [t, uploadConfig.mimeTypes],\n  )\n  const { errorMessage, setValue, showError, value } = useField<File>({\n    path: 'file',\n    validate,\n  })\n  const {\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n    uploadControlFile,\n    uploadControlFileUrl,\n  } = useUploadControls()\n  const uploadEditsContext = useUploadEdits()\n  const resetUploadEdits = resetUploadEditsFromProps ?? uploadEditsContext.resetUploadEdits\n  const updateUploadEdits = updateUploadEditsFromProps ?? uploadEditsContext.updateUploadEdits\n  const uploadEdits = uploadEditsFromProps ?? uploadEditsContext.uploadEdits\n\n  const [fileSrc, setFileSrc] = useState<null | string>(null)\n  const [removedFile, setRemovedFile] = useState(false)\n  const [filename, setFilename] = useState<string>(value?.name || '')\n  const [selectedSize, setSelectedSize] = useState<null | string>(null)\n\n  const acceptMimeTypes = uploadConfig.mimeTypes?.join(', ')\n  const imageCacheTag = uploadConfig?.cacheTags && data?.updatedAt\n\n  const hasVariants = uploadConfig?.variants?.length > 0\n  const hasImageAdjustments = Boolean(uploadConfig?.hasImageAdjustments)\n  const focalPointEnabled = uploadConfig?.focalPoint === true\n  const { crop: showCrop = true, focalPoint = true } = uploadConfig\n  const showFocalPoint = focalPoint && (hasVariants || hasImageAdjustments || focalPointEnabled)\n\n  const selectedSizeData = selectedSize\n    ? (data?.variants?.[selectedSize] as Record<string, unknown>)\n    : null\n  const sidePanelFileSrc = (selectedSizeData?.url ?? data?.thumbnailURL ?? data?.url ?? null) as\n    | null\n    | string\n  const sidePanelMimeType = data?.mimeType as string | undefined\n  const fileTypeIsAdjustable =\n    !!sidePanelMimeType &&\n    isImage(sidePanelMimeType) &&\n    sidePanelMimeType !== 'image/svg+xml' &&\n    sidePanelMimeType !== 'image/jxl'\n\n  const renameFile = (fileToChange: File, newName: string): File =>\n    new File([fileToChange], newName, {\n      type: fileToChange.type,\n      lastModified: fileToChange.lastModified,\n    })\n\n  const handleFileChange = useCallback(\n    ({ file, isNewFile = true }: { file: File | null; isNewFile?: boolean }) => {\n      if (\n        file instanceof File &&\n        uploadConfig.mimeTypes?.length &&\n        !validateMimeType(file.type, uploadConfig.mimeTypes)\n      ) {\n        toast.error(t('error:invalidFileType'))\n        return\n      }\n      if (isNewFile && file instanceof File) {\n        setFileSrc(URL.createObjectURL(file))\n      }\n      setValue(file)\n      setUploadControlFileUrl('')\n      setUploadControlFileName(null)\n      setUploadControlFile(null)\n    },\n    [\n      setValue,\n      setUploadControlFile,\n      setUploadControlFileName,\n      setUploadControlFileUrl,\n      t,\n      uploadConfig.mimeTypes,\n    ],\n  )\n\n  const handleFileNameChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const updatedFileName = e.target.value\n      if (value) {\n        handleFileChange({ file: renameFile(value, updatedFileName), isNewFile: false })\n        setFilename(updatedFileName)\n      }\n    },\n    [handleFileChange, value],\n  )\n\n  const handleFileSelection = useCallback(\n    (files: FileList) => handleFileChange({ file: files?.[0] }),\n    [handleFileChange],\n  )\n\n  const handleFileFetchedFromUrl = useCallback(\n    (file: File) => handleFileChange({ file }),\n    [handleFileChange],\n  )\n\n  const { fileUrl, handleUrlSubmit, isValidUrl, setFileUrl } = useUploadFromUrl({\n    collectionSlug,\n    onFileFetched: handleFileFetchedFromUrl,\n    uploadConfig,\n  })\n\n  const handlePasteFromClipboard = usePasteFromClipboard({\n    handleFileSelection,\n    handleUrlSubmit,\n    setFileUrl,\n    uploadConfig,\n  })\n\n  const handleFileRemoval = useCallback(() => {\n    setRemovedFile(true)\n    handleFileChange({ file: null })\n    setFileSrc('')\n    setFileUrl('')\n    setSelectedSize(null)\n    resetUploadEdits()\n    setUploadControlFileUrl('')\n    setUploadControlFileName(null)\n    setUploadControlFile(null)\n  }, [\n    handleFileChange,\n    resetUploadEdits,\n    setFileUrl,\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n  ])\n\n  const onEditsSave = useCallback(\n    (args: UploadEdits) => {\n      setModified(true)\n      updateUploadEdits(args)\n    },\n    [setModified, updateUploadEdits],\n  )\n\n  // Reset states for when replacing the file with a new upload\n  useEffect(() => {\n    setSelectedSize(null)\n    setRemovedFile(false)\n    setFileSrc('')\n  }, [data?.url, data?.filename])\n\n  useEffect(() => {\n    if (initialState?.file?.value instanceof File) {\n      setFileSrc(URL.createObjectURL(initialState.file.value))\n      setRemovedFile(false)\n    }\n  }, [initialState])\n\n  useEffect(() => {\n    return () => {\n      if (fileSrc?.startsWith('blob:')) {\n        URL.revokeObjectURL(fileSrc)\n      }\n    }\n  }, [fileSrc])\n\n  useEffect(() => {\n    const handleControlFileUrl = async () => {\n      if (uploadControlFileUrl) {\n        setFileUrl(uploadControlFileUrl)\n        await handleUrlSubmit()\n      }\n    }\n    void handleControlFileUrl()\n  }, [uploadControlFileUrl, handleUrlSubmit, setFileUrl])\n\n  useEffect(() => {\n    if (uploadControlFile) {\n      handleFileChange({ file: uploadControlFile })\n    }\n  }, [uploadControlFile, handleFileChange])\n\n  // Preview a freshly-selected (not-yet-saved) file from its local object URL, so video/audio/PDF\n  // are playable/viewable just like images. Sizing is capped in CSS so large files stay contained.\n  const renderSelectedFilePreview = (src: string) => {\n    const fileType = value?.type ?? ''\n\n    if (fileType.startsWith('video/')) {\n      return (\n        <div className={`${baseClass}__selected-preview`}>\n          <VideoPreview fileSrc={src} />\n        </div>\n      )\n    }\n\n    if (fileType.startsWith('audio/')) {\n      return (\n        <div className={`${baseClass}__selected-preview ${baseClass}__selected-preview--audio`}>\n          <AudioPreview fileSrc={src} />\n        </div>\n      )\n    }\n\n    if (fileType === 'application/pdf') {\n      return (\n        <div className={`${baseClass}__selected-preview`}>\n          <PdfPreview fileSrc={src} title={value?.name} />\n        </div>\n      )\n    }\n\n    return (\n      <div className={`${baseClass}__selected-preview`}>\n        <Thumbnail\n          collectionSlug={collectionSlug}\n          fileSrc={isImage(fileType) ? src : null}\n          size=\"expand\"\n        />\n      </div>\n    )\n  }\n\n  const drawers = (\n    <Fragment>\n      {(value || data?.filename) && (\n        <EditDepthProvider>\n          <EditUpload\n            fileName={value?.name || (data?.filename as string)}\n            fileSrc={getEditorFileSrc({ data, fileSrc, hasSelectedFile: Boolean(value) })}\n            imageCacheTag={imageCacheTag}\n            initialCrop={uploadEdits?.crop ?? undefined}\n            initialFocalPoint={{\n              x: uploadEdits?.focalPoint?.x || (data?.focalX as number) || 50,\n              y: uploadEdits?.focalPoint?.y || (data?.focalY as number) || 50,\n            }}\n            onSave={onEditsSave}\n            showCrop={showCrop}\n            showFocalPoint={showFocalPoint}\n          />\n        </EditDepthProvider>\n      )}\n      {data && hasVariants && (\n        <Drawer\n          className={`${baseClass}__preview-drawer`}\n          hoverTitle\n          slug={sizePreviewSlug}\n          title={t('upload:sizesFor', { label: data.filename })}\n        >\n          <PreviewSizes doc={data} imageCacheTag={imageCacheTag} uploadConfig={uploadConfig} />\n        </Drawer>\n      )}\n      {uploadConfig?.pasteURL !== false && (\n        <UploadFromURLModal\n          fileUrl={fileUrl}\n          handleUrlSubmit={handleUrlSubmit}\n          isValidUrl={isValidUrl}\n          setFileUrl={setFileUrl}\n        />\n      )}\n    </Fragment>\n  )\n\n  // Hide the create file input when the collection opts out of it (unless the user has explicitly\n  // removed an existing file or already selected a new one).\n  const showUploadInput = Boolean(value) || removedFile || !uploadConfig?.hideFileInputOnCreate\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <FieldError message={errorMessage} path=\"filename\" showError={showError} />\n      <div className={`${baseClass}__panel`}>\n        {data?.filename && !removedFile && (\n          <FileToolbar\n            filename={data.filename as string}\n            fileSrc={sidePanelFileSrc}\n            fileUrl={data?.url as string}\n            hideRemoveFile={uploadConfig?.hideRemoveFile}\n            isAdjustable={fileTypeIsAdjustable}\n            onEditImage={() => openModal(editDrawerSlug)}\n            onReplace={handleFileRemoval}\n          />\n        )}\n        <div className={`${baseClass}__content`}>\n          {data?.filename && !removedFile ? (\n            <FilePreview\n              collectionSlug={collectionSlug}\n              data={data}\n              imageCacheTag={imageCacheTag}\n              selectedSize={selectedSize}\n              selectedSizeData={selectedSizeData}\n              setSelectedSize={setSelectedSize}\n              uploadConfig={uploadConfig}\n              UploadFilePreview={UploadFilePreview}\n            />\n          ) : showUploadInput ? (\n            <div className={`${baseClass}__upload`}>\n              {!value && removedFile && data?.filename && (\n                <Button\n                  aria-label={t('general:cancel')}\n                  buttonStyle=\"secondary\"\n                  className={`${baseClass}__remove`}\n                  icon=\"x\"\n                  onClick={() => setRemovedFile(false)}\n                  round\n                  tooltip={t('general:cancel')}\n                />\n              )}\n              {!value && (\n                <Dropzone onChange={handleFileSelection}>\n                  <UploadDropzoneContent\n                    acceptMimeTypes={acceptMimeTypes}\n                    extraControls={UploadControls}\n                    onFilesSelected={handleFileSelection}\n                    onPasteFromClipboard={handlePasteFromClipboard}\n                    pasteButtonClassName={`${baseClass}__pasteFromClipboard`}\n                    pasteTooltip={t('upload:pasteURL')}\n                  />\n                </Dropzone>\n              )}\n              {value && fileSrc && (\n                <Fragment>\n                  <Button\n                    aria-label={t('general:cancel')}\n                    buttonStyle=\"secondary\"\n                    className={`${baseClass}__remove`}\n                    icon=\"x\"\n                    onClick={handleFileRemoval}\n                    round\n                    tooltip={t('general:cancel')}\n                  />\n                  {renderSelectedFilePreview(fileSrc)}\n                  <div className={`${baseClass}__file-adjustments`}>\n                    {/* Custom id so this editor doesn't collide with the hidden auto `filename` field. */}\n                    <TextInput\n                      id=\"field-filemanager-filename\"\n                      label={t('upload:fileName')}\n                      onChange={handleFileNameChange}\n                      path=\"filename\"\n                      value={filename || value.name}\n                    />\n                    {(value.size || value.type) && (\n                      <span className={`${baseClass}__selected-meta`}>\n                        {[value.size ? formatFilesize(value.size) : null, value.type]\n                          .filter(Boolean)\n                          .join(' – ')}\n                      </span>\n                    )}\n                  </div>\n                </Fragment>\n              )}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      {drawers}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FilterTrigger/index.css

@@ -0,0 +1,57 @@
+@layer payload-default {
+  .filter-trigger__wrap {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+  }
+
+  .filter-trigger__wrap:has(.filter-trigger__clear) .filter-trigger {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-right: none;
+    padding-right: var(--spacer-1);
+  }
+
+  .filter-trigger__wrap:has(.filter-trigger__clear) .filter-trigger:focus-visible {
+    z-index: 1;
+  }
+
+  .filter-trigger {
+    gap: var(--spacer-1);
+  }
+
+  .filter-trigger__clear {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 var(--spacer-1);
+    border: var(--stroke-width-small) solid var(--special-border-translucent);
+    border-left: none;
+    border-radius: 0 var(--button-radius) var(--button-radius) 0;
+    background: var(--color-bg);
+    cursor: pointer;
+  }
+
+  .filter-trigger__clear:focus-visible {
+    border-radius: 0 var(--button-radius) var(--button-radius) 0;
+  }
+
+  .filter-trigger__clear:hover {
+    background: var(--color-bg-transparent-hover);
+  }
+
+  .filter-trigger__clear:active {
+    background: var(--color-bg-transparent-pressed);
+  }
+
+  /* Selected state for clear button when popup is open */
+  .filter-trigger__wrap:has(.btn--selected) .filter-trigger__clear {
+    background: var(--color-bg-selected);
+    color: var(--color-text-selected);
+    border-color: var(--color-border-selected-strong);
+  }
+
+  .filter-trigger__wrap:has(.btn--selected) .filter-trigger__clear:hover {
+    background: var(--color-bg-selected-hover);
+  }
+}

package/dist/elements/FilterTrigger/index.d.ts

@@ -0,0 +1,22 @@
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import './index.css';
+type FilterTriggerProps = {
+    'aria-controls'?: AriaAttributes['aria-controls'];
+    'aria-expanded'?: AriaAttributes['aria-expanded'];
+    'aria-haspopup'?: AriaAttributes['aria-haspopup'];
+    children: React.ReactNode;
+    className?: string;
+    id?: string;
+    isActive?: boolean;
+    onClear?: (e: React.MouseEvent) => void;
+    onClick: (e: React.MouseEvent) => void;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    /** Whether the popup is currently open */
+    popupActive?: boolean;
+    /** Whether to show the badge cutout on the filter icon. Defaults to `isActive`. */
+    showBadge?: boolean;
+};
+export declare function FilterTrigger({ id, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-haspopup': ariaHasPopup, children, className, isActive, onClear, onClick, onKeyDown, popupActive, showBadge, }: FilterTriggerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FilterTrigger/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FilterTrigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAIpB,KAAK,kBAAkB,GAAG;IACxB,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IACjD,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IACjD,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACvC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;IAC5C,0CAA0C;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,eAAe,EAAE,YAAY,EAC7B,eAAe,EAAE,YAAY,EAC7B,eAAe,EAAE,YAAY,EAC7B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE,kBAAkB,qBA0BpB"}

package/dist/elements/FilterTrigger/index.js

@@ -0,0 +1,55 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { FilterIcon } from '../../icons/Filter/index.js';
+import { XIcon } from '../../icons/X/index.js';
+import { Button } from '../Button/index.js';
+import './index.css';
+const baseClass = 'filter-trigger';
+export function FilterTrigger({
+  id,
+  'aria-controls': ariaControls,
+  'aria-expanded': ariaExpanded,
+  'aria-haspopup': ariaHasPopup,
+  children,
+  className,
+  isActive,
+  onClear,
+  onClick,
+  onKeyDown,
+  popupActive,
+  showBadge
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    className: `${baseClass}__wrap`,
+    children: [/*#__PURE__*/_jsx(Button, {
+      "aria-controls": ariaControls,
+      "aria-expanded": ariaExpanded,
+      "aria-haspopup": ariaHasPopup,
+      buttonStyle: "secondary",
+      className: [baseClass, className].filter(Boolean).join(' '),
+      extraButtonProps: {
+        onKeyDown
+      },
+      icon: /*#__PURE__*/_jsx(FilterIcon, {
+        hasBadgeCutout: showBadge ?? isActive,
+        size: 24
+      }),
+      iconPosition: "left",
+      id: id,
+      onClick: onClick,
+      selected: isActive || popupActive,
+      size: "medium",
+      children: children
+    }), isActive && onClear && /*#__PURE__*/_jsx("button", {
+      className: `${baseClass}__clear`,
+      onClick: onClear,
+      type: "button",
+      children: /*#__PURE__*/_jsx(XIcon, {
+        size: 16
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/FilterTrigger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","FilterIcon","XIcon","Button","baseClass","FilterTrigger","id","ariaControls","ariaExpanded","ariaHasPopup","children","className","isActive","onClear","onClick","onKeyDown","popupActive","showBadge","_jsxs","_jsx","buttonStyle","filter","Boolean","join","extraButtonProps","icon","hasBadgeCutout","size","iconPosition","selected","type"],"sources":["../../../src/elements/FilterTrigger/index.tsx"],"sourcesContent":["'use client'\n\nimport type { AriaAttributes } from 'react'\n\nimport React from 'react'\n\nimport { FilterIcon } from '../../icons/Filter/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.css'\n\nconst baseClass = 'filter-trigger'\n\ntype FilterTriggerProps = {\n  'aria-controls'?: AriaAttributes['aria-controls']\n  'aria-expanded'?: AriaAttributes['aria-expanded']\n  'aria-haspopup'?: AriaAttributes['aria-haspopup']\n  children: React.ReactNode\n  className?: string\n  id?: string\n  isActive?: boolean\n  onClear?: (e: React.MouseEvent) => void\n  onClick: (e: React.MouseEvent) => void\n  onKeyDown?: (e: React.KeyboardEvent) => void\n  /** Whether the popup is currently open */\n  popupActive?: boolean\n  /** Whether to show the badge cutout on the filter icon. Defaults to `isActive`. */\n  showBadge?: boolean\n}\n\nexport function FilterTrigger({\n  id,\n  'aria-controls': ariaControls,\n  'aria-expanded': ariaExpanded,\n  'aria-haspopup': ariaHasPopup,\n  children,\n  className,\n  isActive,\n  onClear,\n  onClick,\n  onKeyDown,\n  popupActive,\n  showBadge,\n}: FilterTriggerProps) {\n  return (\n    <div className={`${baseClass}__wrap`}>\n      <Button\n        aria-controls={ariaControls}\n        aria-expanded={ariaExpanded}\n        aria-haspopup={ariaHasPopup}\n        buttonStyle=\"secondary\"\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        extraButtonProps={{ onKeyDown }}\n        icon={<FilterIcon hasBadgeCutout={showBadge ?? isActive} size={24} />}\n        iconPosition=\"left\"\n        id={id}\n        onClick={onClick}\n        selected={isActive || popupActive}\n        size=\"medium\"\n      >\n        {children}\n      </Button>\n      {isActive && onClear && (\n        <button className={`${baseClass}__clear`} onClick={onClear} type=\"button\">\n          <XIcon size={16} />\n        </button>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,KAAK,QAAQ;AACtB,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAmBlB,OAAO,SAASC,cAAc;EAC5BC,EAAE;EACF,iBAAiBC,YAAY;EAC7B,iBAAiBC,YAAY;EAC7B,iBAAiBC,YAAY;EAC7BC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC;AAAS,CACU;EACnB,oBACEC,KAAA,CAAC;IAAIP,SAAA,EAAW,GAAGP,SAAA,QAAiB;4BAClCe,IAAA,CAAChB,MAAA;MACC,iBAAeI,YAAA;MACf,iBAAeC,YAAA;MACf,iBAAeC,YAAA;MACfW,WAAA,EAAY;MACZT,SAAA,EAAW,CAACP,SAAA,EAAWO,SAAA,CAAU,CAACU,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;MACvDC,gBAAA,EAAkB;QAAET;MAAU;MAC9BU,IAAA,eAAMN,IAAA,CAAClB,UAAA;QAAWyB,cAAA,EAAgBT,SAAA,IAAaL,QAAA;QAAUe,IAAA,EAAM;;MAC/DC,YAAA,EAAa;MACbtB,EAAA,EAAIA,EAAA;MACJQ,OAAA,EAASA,OAAA;MACTe,QAAA,EAAUjB,QAAA,IAAYI,WAAA;MACtBW,IAAA,EAAK;gBAEJjB;QAEFE,QAAA,IAAYC,OAAA,iBACXM,IAAA,CAAC;MAAOR,SAAA,EAAW,GAAGP,SAAA,SAAkB;MAAEU,OAAA,EAASD,OAAA;MAASiB,IAAA,EAAK;gBAC/D,aAAAX,IAAA,CAACjB,KAAA;QAAMyB,IAAA,EAAM;;;;AAKvB","ignoreList":[]}

package/dist/elements/FormHeader/index.css

@@ -0,0 +1,28 @@
+@layer payload-default {
+  .form-header {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+    align-items: center;
+    margin-bottom: var(--spacer-3);
+    text-align: center;
+  }
+
+  .form-header h1 {
+    margin: 0;
+    font-size: var(--text-heading-large-font-size);
+    font-weight: var(--text-heading-large-font-weight);
+    line-height: var(--text-heading-large-line-height);
+    letter-spacing: var(--text-heading-large-letter-spacing);
+    color: var(--color-text);
+  }
+
+  .form-header p {
+    margin: 0;
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+    color: var(--color-text-secondary);
+  }
+}

package/dist/elements/FormHeader/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.css';
+type Props = {
+    description?: React.ReactNode | string;
+    heading: string;
+};
+export declare function FormHeader({ description, heading }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FormHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FormHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACtC,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AACD,wBAAgB,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,KAAK,qBAWzD"}

package/dist/elements/FormHeader/index.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const baseClass = 'form-header';
+export function FormHeader({
+  description,
+  heading
+}) {
+  if (!heading) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsx("h1", {
+      children: heading
+    }), Boolean(description) && /*#__PURE__*/_jsx("p", {
+      children: description
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/FormHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","baseClass","FormHeader","description","heading","_jsxs","className","_jsx","Boolean"],"sources":["../../../src/elements/FormHeader/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'form-header'\n\ntype Props = {\n  description?: React.ReactNode | string\n  heading: string\n}\nexport function FormHeader({ description, heading }: Props) {\n  if (!heading) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <h1>{heading}</h1>\n      {Boolean(description) && <p>{description}</p>}\n    </div>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,WAAW;EAAEC,WAAW;EAAEC;AAAO,CAAS;EACxD,IAAI,CAACA,OAAA,EAAS;IACZ,OAAO;EACT;EAEA,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWL,SAAA;4BACdM,IAAA,CAAC;gBAAIH;QACJI,OAAA,CAAQL,WAAA,kBAAgBI,IAAA,CAAC;gBAAGJ;;;AAGnC","ignoreList":[]}

package/dist/elements/FullscreenModal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FullscreenModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAG5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,qBAcrE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FullscreenModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,qBAcrE"}

package/dist/elements/FullscreenModal/index.js

@@ -2,9 +2,9 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Modal } from '@faceless-ui/modal';
 import React from 'react';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { Modal } from '../Modal/index.js';
 export function FullscreenModal(props) {
   const $ = _c(3);
   const currentDepth = useEditDepth();

package/dist/elements/FullscreenModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Modal","React","useEditDepth","FullscreenModal","props","$","currentDepth","t0","_jsx","closeOnBlur","style","zIndex"],"sources":["../../../src/elements/FullscreenModal/index.tsx"],"sourcesContent":["'use client'\nimport type { Modal as ModalType } from '@faceless-ui/modal'\n\nimport { Modal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\n\nexport function FullscreenModal(props: Parameters<typeof ModalType>[0]) {\n  const currentDepth = useEditDepth()\n\n  return (\n    <Modal\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      {...props}\n      style={{\n        ...(props.style || {}),\n        zIndex: `calc(100 + ${currentDepth || 0} + 1)`,\n      }}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,KAAK,QAAQ;AACtB,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAE7B,OAAO,SAAAC,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACL,MAAAO,YAAA,GAAqBJ,YAAA;EAAA,IAAAK,EAAA;EAAA,IAAAF,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAD,KAAA;IAGnBG,EAAA,GAAAC,IAAA,CAAAR,KAAA;MAAAS,WAAA;MAAA,GAGML,KAAK;MAAAM,KAAA;QAAA,IAEHN,KAAA,CAAAM,KAAA,MAAiB;QAAAC,MAAA,EACb,cAAcL,YAAA,KAAgB;MAAQ;IAAA,C;;;;;;;SANlDC,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEditDepth","Modal","FullscreenModal","props","$","currentDepth","t0","_jsx","closeOnBlur","style","zIndex"],"sources":["../../../src/elements/FullscreenModal/index.tsx"],"sourcesContent":["'use client'\nimport type { Modal as ModalType } from '@faceless-ui/modal'\n\nimport React from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { Modal } from '../Modal/index.js'\n\nexport function FullscreenModal(props: Parameters<typeof ModalType>[0]) {\n  const currentDepth = useEditDepth()\n\n  return (\n    <Modal\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      {...props}\n      style={{\n        ...(props.style || {}),\n        zIndex: `calc(100 + ${currentDepth || 0} + 1)`,\n      }}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,KAAK,QAAQ;AAEtB,OAAO,SAAAC,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACL,MAAAO,YAAA,GAAqBL,YAAA;EAAA,IAAAM,EAAA;EAAA,IAAAF,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAD,KAAA;IAGnBG,EAAA,GAAAC,IAAA,CAAAN,KAAA;MAAAO,WAAA;MAAA,GAGML,KAAK;MAAAM,KAAA;QAAA,IAEHN,KAAA,CAAAM,KAAA,MAAiB;QAAAC,MAAA,EACb,cAAcL,YAAA,KAAgB;MAAQ;IAAA,C;;;;;;;SANlDC,E","ignoreList":[]}

package/dist/elements/GroupBy/Popup.css

@@ -0,0 +1,103 @@
+@layer payload-default {
+  .group-by-control__popup .popup__scroll-container {
+    padding: 0;
+  }
+
+  .group-by-control__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: var(--spacer-6);
+    padding-left: var(--spacer-2);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-large) var(--radius-large) 0 0;
+  }
+
+  .group-by-control__title {
+    align-self: stretch;
+    align-items: center;
+    display: flex;
+    flex: 1;
+    padding: var(--spacer-2);
+    font-size: var(--text-body-medium-bold-font-size);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
+    color: var(--color-text);
+  }
+
+  .group-by-control__header-actions {
+    display: flex;
+    gap: var(--spacer-1);
+    padding: var(--spacer-2);
+  }
+
+  .group-by-control__body {
+    padding: var(--spacer-2) 0;
+  }
+
+  .group-by-control__row {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
+    gap: var(--spacer-2);
+    align-items: center;
+    padding: var(--spacer-1) var(--spacer-3);
+  }
+
+  .group-by-control__label {
+    display: flex;
+    align-items: center;
+    height: var(--spacer-4);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    color: var(--color-text-secondary);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .group-by-control__input {
+    width: 100%;
+  }
+
+  .group-by-control__select-popup {
+    width: 100%;
+  }
+
+  .group-by-control__select-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    min-height: var(--spacer-4);
+    padding: 0 var(--spacer-1) 0 var(--spacer-2);
+    background: var(--color-bg);
+    border: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--button-radius);
+    cursor: pointer;
+    color: var(--color-text);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+  }
+
+  .group-by-control__select-trigger:hover:not(.group-by-control__select-trigger--disabled) {
+    border-color: var(--color-border-hover);
+  }
+
+  .group-by-control__select-trigger--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .group-by-control__select-trigger svg {
+    flex-shrink: 0;
+    color: var(--color-text-secondary);
+  }
+
+  .group-by-control__select-value {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

package/dist/elements/GroupBy/Popup.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ReducedField } from '../WhereBuilder/types.js';
+import './Popup.css';
+export type GroupByPopupProps = {
+    /** Closes the parent popup. */
+    readonly close: () => void;
+    /** The selectable, permission-filtered fields. */
+    readonly filteredFields: ReducedField[];
+    /** The currently selected field, if any. */
+    readonly groupByField?: ReducedField;
+    /** The selected field path with any leading `-` stripped. */
+    readonly groupByFieldName?: string;
+    /** Whether a field is currently selected. */
+    readonly isActive: boolean;
+    /** Called with the next `groupBy` value (prefixed with `-` for descending). */
+    readonly onChange: (groupBy: string) => void;
+    /** The current `groupBy` value (prefixed with `-` for descending). */
+    readonly value: string;
+};
+export declare const GroupByPopup: React.FC<GroupByPopupProps>;
+//# sourceMappingURL=Popup.d.ts.map

package/dist/elements/GroupBy/Popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/elements/GroupBy/Popup.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAQ5D,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAA;IAC1B,kDAAkD;IAClD,QAAQ,CAAC,cAAc,EAAE,YAAY,EAAE,CAAA;IACvC,4CAA4C;IAC5C,QAAQ,CAAC,YAAY,CAAC,EAAE,YAAY,CAAA;IACpC,6DAA6D;IAC7D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAClC,6CAA6C;IAC7C,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,+EAA+E;IAC/E,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,sEAAsE;IACtE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AAID,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwLpD,CAAA"}