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

package/dist/views/Version/SelectLocales/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Button","Popup","PopupList","ChevronIcon","useTranslation","baseClass","SelectLocales","t0","$","locales","onChange","t","t1","_jsx","RadioGroup","children","map","locale","RadioGroupItem","active","selected","onClick","newLocales","l","name","t2","t3","buttonProps","buttonStyle","className","icon","direction","size","some","_temp","horizontalAlign","popupType","render","theme","locale_0"],"sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { SelectablePill } from '../../../elements/PillSelector/index.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { Popup, PopupList } from '../../../elements/Popup/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst baseClass = 'select-version-locales'\n\nexport type SelectedLocaleOnChange = (args: { locales: SelectablePill[] }) => void\nexport type Props = {\n  locales: SelectablePill[]\n  onChange: SelectedLocaleOnChange\n}\n\nexport const SelectLocales: React.FC<Props> = ({ locales, onChange }) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"right\"\n      popupType=\"menu\"\n      render={() => (\n        <PopupList.RadioGroup>\n          {locales.map((locale) => (\n            <PopupList.RadioGroupItem\n              active={locale.selected}\n              key={locale.name}\n              onClick={() => {\n                const newLocales = locales.map((l) =>\n                  l.name === locale.name ? { ...l, selected: !l.selected } : l,\n                )\n                onChange({ locales: newLocales })\n              }}\n            >\n              {locale.name}\n            </PopupList.RadioGroupItem>\n          ))}\n        </PopupList.RadioGroup>\n      )}\n      renderButton={({ active, ...buttonProps }) => (\n        <Button\n          {...buttonProps}\n          buttonStyle=\"secondary\"\n          className={`view-version__toggle-locales`}\n          icon={<ChevronIcon direction={active ? 'up' : 'down'} size={16} />}\n          selected={locales.some((locale) => locale.selected)}\n          size=\"medium\"\n        >\n          {t('general:locales')}\n        </Button>\n      )}\n      size=\"small\"\n      theme=\"dark\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAIlB,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,aAAA,GAAiCC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,OAAA;IAAAC;EAAA,IAAAH,EAAqB;EAClE;IAAAI;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,QAAA;IAOFE,EAAA,GAAAA,CAAA,KACNC,IAAA,CAAAX,SAAA,CAAAY,UAAA;MAAAC,QAAA,EACGN,OAAA,CAAAO,GAAA,CAAAC,MAAA,IACCJ,IAAA,CAAAX,SAAA,CAAAgB,cAAA;QAAAC,MAAA,EACUF,MAAA,CAAAG,QAAA;QAAAC,OAAA,EAAAA,CAAA;UAGN,MAAAC,UAAA,GAAmBb,OAAA,CAAAO,GAAA,CAAAO,CAAA,IACjBA,CAAA,CAAAC,IAAA,KAAWP,MAAA,CAAAO,IAAW;YAAA,GAAQD,CAAC;YAAAH,QAAA,GAAaG,CAAA,CAAAH;UAAA,IAAeG,CAAA;UAE7Db,QAAA;YAAAD,OAAA,EAAoBa;UAAA,CAAW;QAAA;QAAAP,QAAA,EAGhCE,MAAA,CAAAO;MAAA,GARIP,MAAA,CAAAO,IAAW;IAAA,C;;;;;;;;;IAaVC,EAAA,GAAAC,EAAA;MAAC;QAAAP,MAAA;QAAA,GAAAQ;MAAA,IAAAD,EAA0B;MAAA,OACvCb,IAAA,CAAAb,MAAA;QAAA,GACM2B,WAAW;QAAAC,WAAA,EACH;QAAAC,SAAA,EACD,8BAA8B;QAAAC,IAAA,EACnCjB,IAAA,CAAAV,WAAA;UAAA4B,SAAA,EAAwBZ,MAAA,GAAS,OAAO;UAAAa,IAAA;QAAA,C;kBACpCvB,OAAA,CAAAwB,IAAA,CAAAC,KAAwC;QAAAF,IAAA,EAC7C;QAAAjB,QAAA,EAEJJ,CAAA,CAAE;MAAA,C;;;;;;;;;;IA/BTe,EAAA,GAAAb,IAAA,CAAAZ,KAAA;MAAA4B,SAAA,EAAAxB,SAAA;MAAA8B,eAAA,EAEkB;MAAAC,SAAA,EACN;MAAAC,MAAA,EACFzB,E;oBAkBMa,E;YAYT;MAAAa,KAAA,EACC;IAAA,C;;;;;;;SAnCRZ,E;CAsCJ;AA1C8C,SAAAQ,MAAAK,QAAA;EAAA,OAgCDtB,QAAA,CAAAG,QAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Button","Popup","PopupList","ChevronIcon","useTranslation","baseClass","SelectLocales","t0","$","locales","onChange","t","t1","_jsx","RadioGroup","children","map","locale","RadioGroupItem","active","selected","onClick","newLocales","l","name","t2","t3","buttonProps","buttonStyle","className","icon","direction","size","some","_temp","horizontalAlign","popupType","render","theme","locale_0"],"sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { SelectablePill } from '../../../elements/PillSelector/index.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { Popup, PopupList } from '../../../elements/Popup/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst baseClass = 'select-version-locales'\n\nexport type SelectedLocaleOnChange = (args: { locales: SelectablePill[] }) => void\nexport type Props = {\n  locales: SelectablePill[]\n  onChange: SelectedLocaleOnChange\n}\n\nexport const SelectLocales: React.FC<Props> = ({ locales, onChange }) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"right\"\n      popupType=\"menu\"\n      render={() => (\n        <PopupList.RadioGroup>\n          {locales.map((locale) => (\n            <PopupList.RadioGroupItem\n              active={locale.selected}\n              key={locale.name}\n              onClick={() => {\n                const newLocales = locales.map((l) =>\n                  l.name === locale.name ? { ...l, selected: !l.selected } : l,\n                )\n                onChange({ locales: newLocales })\n              }}\n            >\n              {locale.name}\n            </PopupList.RadioGroupItem>\n          ))}\n        </PopupList.RadioGroup>\n      )}\n      renderButton={({ active, ...buttonProps }) => (\n        <Button\n          {...buttonProps}\n          buttonStyle=\"secondary\"\n          className={`view-version__toggle-locales`}\n          icon={<ChevronIcon direction={active ? 'up' : 'down'} size={16} />}\n          selected={locales.some((locale) => locale.selected)}\n          size=\"medium\"\n        >\n          {t('general:locales')}\n        </Button>\n      )}\n      size=\"small\"\n      theme=\"dark\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAIlB,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,aAAA,GAAiCC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,OAAA;IAAAC;EAAA,IAAAH,EAAqB;EAClE;IAAAI;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,QAAA;IAOFE,EAAA,GAAAA,CAAA,KACNC,IAAA,CAACX,SAAA,CAAAY,UAAoB;MAAAC,QAAA,EAClBN,OAAA,CAAAO,GAAW,CAACC,MAAA,IACXJ,IAAA,CAACX,SAAA,CAAAgB,cAAwB;QAAAC,MAAA,EACfF,MAAA,CAAAG,QAAe;QAAAC,OAAA,EAEdA,CAAA;UACP,MAAAC,UAAA,GAAmBb,OAAA,CAAAO,GAAW,CAACO,CAAA,IAC7BA,CAAA,CAAAC,IAAM,KAAKP,MAAA,CAAAO,IAAgD,GAA3D;YAAA,GAA8BD,CAAC;YAAAH,QAAA,EAAY,CAACG,CAAA,CAAAH;UAAe,IAA3DG,CAA2D;UAE7Db,QAAA,CAAS;YAAAD,OAAA,EAAWa;UAAW;QAAA,CACjC;QAAAP,QAAA,EAECE,MAAA,CAAAO;SARIP,MAAA,CAAAO,IAAW;;;;;;;;;;IAaVC,EAAA,GAAAC,EAAA;MAAC;QAAAP,MAAA;QAAA,GAAAQ;MAAA,IAAAD,EAA0B;MAAA,OACvCb,IAAA,CAACb,MAAA;QAAA,GACK2B,WAAW;QAAAC,WAAA,EACH;QAAAC,SAAA,EACD,8BAA8B;QAAAC,IAAA,EACnCjB,IAAA,CAACV,WAAA;UAAA4B,SAAA,EAAuBZ,MAAA,OAAgB,GAAhB,MAAgB;UAAAa,IAAA,EAAc;;kBAClDvB,OAAA,CAAAwB,IAAY,CAACC,KAA2B;QAAAF,IAAA,EAC7C;QAAAjB,QAAA,EAEJJ,CAAA,CAAE;;;;;;;;;;;IA/BTe,EAAA,GAAAb,IAAA,CAACZ,KAAA;MAAA4B,SAAA,EACYxB,SAAA;MAAA8B,eAAA,EACK;MAAAC,SAAA,EACN;MAAAC,MAAA,EACFzB,E;oBAkBMa,E;YAYT;MAAAa,KAAA,EACC;;;;;;;;SAnCRZ,E;CAsCJ;AA1C8C,SAAAQ,MAAAK,QAAA;EAAA,OAgCDtB,QAAA,CAAAG,QAAe;AAAA","ignoreList":[]}

package/dist/views/Versions/VersionPillLabel/VersionPillLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"VersionPillLabel.js","names":["c","_c","React","Pill","useConfig","useLocale","useTranslation","formatDate","getVersionLabel","baseClass","statusModifierMap","currentDraft","currentlyPublished","draft","previouslyPublished","published","renderStatus","label","name","modifier","_jsx","className","VersionPillLabel","t0","$","currentlyPublishedVersion","disableDate","t1","doc","labelFirst","t2","labelOverride","labelStyle","t3","labelSuffix","latestDraftVersion","undefined","config","t4","admin","t5","localization","dateFormat","i18n","t","activeLocale","currentLocale","code","t6","version","labelText","_jsxs","children","showDate","updatedAt","formattedDate","date","pattern","localeCode","Array","isArray","publishedLocale","locale","locales","find","loc","localeLabel","language","Fragment","size"],"sources":["../../../../src/views/Versions/VersionPillLabel/VersionPillLabel.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithVersion } from 'payload'\n\nimport React from 'react'\n\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport './index.css'\nimport { getVersionLabel } from './getVersionLabel.js'\n\nconst baseClass = 'version-pill-label'\n\nconst statusModifierMap: Record<string, string> = {\n  currentDraft: 'draft',\n  currentlyPublished: 'published',\n  draft: 'draft',\n  previouslyPublished: 'previously-published',\n  published: 'published',\n}\n\nconst renderStatus = (label: React.ReactNode, name: string) => {\n  const modifier = statusModifierMap[name] || 'draft'\n  return <span className={`status-cell status-cell--${modifier}`}>{label}</span>\n}\n\nexport const VersionPillLabel: React.FC<{\n  currentlyPublishedVersion?: TypeWithVersion<any>\n  disableDate?: boolean\n\n  doc: {\n    [key: string]: unknown\n    id: number | string\n    publishedLocale?: string\n    updatedAt?: string\n    version: {\n      [key: string]: unknown\n      _status: 'draft' | 'published'\n      updatedAt: string\n    }\n  }\n  /**\n   * By default, the date is displayed first, followed by the version label.\n   * @default false\n   */\n  labelFirst?: boolean\n  labelOverride?: React.ReactNode\n  /**\n   * @default 'pill'\n   */\n  labelStyle?: 'pill' | 'text'\n  labelSuffix?: React.ReactNode\n  latestDraftVersion?: TypeWithVersion<any>\n}> = ({\n  currentlyPublishedVersion,\n  disableDate = false,\n  doc,\n  labelFirst = false,\n  labelOverride,\n  labelStyle = 'pill',\n  labelSuffix,\n  latestDraftVersion,\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      localization,\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n  const activeLocale = useLocale()\n  const currentLocale = activeLocale?.code\n\n  const { name, label } = getVersionLabel({\n    currentLocale,\n    currentlyPublishedVersion,\n    latestDraftVersion,\n    t,\n    version: doc,\n  })\n  const labelText: React.ReactNode = (\n    <span>\n      {labelOverride || label}\n      {labelSuffix}\n    </span>\n  )\n\n  const showDate = !disableDate && doc.updatedAt\n  const formattedDate = showDate\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : null\n\n  const localeCode = Array.isArray(doc.publishedLocale)\n    ? doc.publishedLocale[0]\n    : doc.publishedLocale\n\n  const locale =\n    localization && localization?.locales\n      ? localization.locales.find((loc) => loc.code === localeCode)\n      : null\n  const localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null\n\n  return (\n    <div className={baseClass}>\n      {labelFirst ? (\n        <React.Fragment>\n          {labelStyle === 'pill' ? (\n            renderStatus(labelText, name)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n          {labelStyle === 'pill' ? (\n            renderStatus(labelText, name)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n        </React.Fragment>\n      )}\n      {localeLabel && <Pill size=\"small\">{localeLabel}</Pill>}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VersionPillLabel.js","names":["c","_c","React","Pill","useConfig","useLocale","useTranslation","formatDate","getVersionLabel","baseClass","statusModifierMap","currentDraft","currentlyPublished","draft","previouslyPublished","published","renderStatus","label","name","modifier","_jsx","className","VersionPillLabel","t0","$","currentlyPublishedVersion","disableDate","t1","doc","labelFirst","t2","labelOverride","labelStyle","t3","labelSuffix","latestDraftVersion","undefined","config","t4","admin","t5","localization","dateFormat","i18n","t","activeLocale","currentLocale","code","t6","version","labelText","_jsxs","children","showDate","updatedAt","formattedDate","date","pattern","localeCode","Array","isArray","publishedLocale","locale","locales","find","loc","localeLabel","language","Fragment","size"],"sources":["../../../../src/views/Versions/VersionPillLabel/VersionPillLabel.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithVersion } from 'payload'\n\nimport React from 'react'\n\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport './index.css'\nimport { getVersionLabel } from './getVersionLabel.js'\n\nconst baseClass = 'version-pill-label'\n\nconst statusModifierMap: Record<string, string> = {\n  currentDraft: 'draft',\n  currentlyPublished: 'published',\n  draft: 'draft',\n  previouslyPublished: 'previously-published',\n  published: 'published',\n}\n\nconst renderStatus = (label: React.ReactNode, name: string) => {\n  const modifier = statusModifierMap[name] || 'draft'\n  return <span className={`status-cell status-cell--${modifier}`}>{label}</span>\n}\n\nexport const VersionPillLabel: React.FC<{\n  currentlyPublishedVersion?: TypeWithVersion<any>\n  disableDate?: boolean\n\n  doc: {\n    [key: string]: unknown\n    id: number | string\n    publishedLocale?: string\n    updatedAt?: string\n    version: {\n      [key: string]: unknown\n      _status: 'draft' | 'published'\n      updatedAt: string\n    }\n  }\n  /**\n   * By default, the date is displayed first, followed by the version label.\n   * @default false\n   */\n  labelFirst?: boolean\n  labelOverride?: React.ReactNode\n  /**\n   * @default 'pill'\n   */\n  labelStyle?: 'pill' | 'text'\n  labelSuffix?: React.ReactNode\n  latestDraftVersion?: TypeWithVersion<any>\n}> = ({\n  currentlyPublishedVersion,\n  disableDate = false,\n  doc,\n  labelFirst = false,\n  labelOverride,\n  labelStyle = 'pill',\n  labelSuffix,\n  latestDraftVersion,\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      localization,\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n  const activeLocale = useLocale()\n  const currentLocale = activeLocale?.code\n\n  const { name, label } = getVersionLabel({\n    currentLocale,\n    currentlyPublishedVersion,\n    latestDraftVersion,\n    t,\n    version: doc,\n  })\n  const labelText: React.ReactNode = (\n    <span>\n      {labelOverride || label}\n      {labelSuffix}\n    </span>\n  )\n\n  const showDate = !disableDate && doc.updatedAt\n  const formattedDate = showDate\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : null\n\n  const localeCode = Array.isArray(doc.publishedLocale)\n    ? doc.publishedLocale[0]\n    : doc.publishedLocale\n\n  const locale =\n    localization && localization?.locales\n      ? localization.locales.find((loc) => loc.code === localeCode)\n      : null\n  const localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null\n\n  return (\n    <div className={baseClass}>\n      {labelFirst ? (\n        <React.Fragment>\n          {labelStyle === 'pill' ? (\n            renderStatus(labelText, name)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n          {labelStyle === 'pill' ? (\n            renderStatus(labelText, name)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n        </React.Fragment>\n      )}\n      {localeLabel && <Pill size=\"small\">{localeLabel}</Pill>}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Versions/cells/AutosaveCell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Pill","useTranslation","VersionPillLabel","baseClass","AutosaveCell","t0","$","currentlyPublishedVersion","latestDraftVersion","rowData","t","t1","_jsxs","className","children","autosave","_jsx","size","disableDate","doc","labelFirst","labelStyle"],"sources":["../../../../../src/views/Versions/cells/AutosaveCell/index.tsx"],"sourcesContent":["'use client'\nimport type { TypeWithVersion } from 'payload'\n\nimport React from 'react'\n\nimport { Pill } from '../../../../elements/Pill/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { VersionPillLabel } from '../../VersionPillLabel/VersionPillLabel.js'\nimport './index.css'\n\nconst baseClass = 'autosave-cell'\n\ntype AutosaveCellProps = {\n  currentlyPublishedVersion?: TypeWithVersion<any>\n  latestDraftVersion?: TypeWithVersion<any>\n  rowData: {\n    autosave?: boolean\n    id: number | string\n    publishedLocale?: string\n    updatedAt?: string\n    version: {\n      [key: string]: unknown\n      _status: 'draft' | 'published'\n      updatedAt: string\n    }\n  }\n}\n\nexport const AutosaveCell: React.FC<AutosaveCellProps> = ({\n  currentlyPublishedVersion,\n  latestDraftVersion,\n  rowData,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={`${baseClass}__items`}>\n      {rowData?.autosave && <Pill size=\"small\">{t('version:autosave')}</Pill>}\n      <VersionPillLabel\n        currentlyPublishedVersion={currentlyPublishedVersion}\n        disableDate={true}\n        doc={rowData}\n        labelFirst={false}\n        labelStyle=\"pill\"\n        latestDraftVersion={latestDraftVersion}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAkBlB,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,yBAAA;IAAAC,kBAAA;IAAAC;EAAA,IAAAJ,EAIzD;EACC;IAAAK;EAAA,IAAcT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAC,yBAAA,IAAAD,CAAA,QAAAE,kBAAA,IAAAF,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,CAAA;IAGZC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAe,GAAAV,SAAA,SAAqB;MAAAW,QAAA,GAClCL,OAAA,EAAAM,QAAA,IAAqBC,IAAA,CAAAhB,IAAA;QAAAiB,IAAA,EAAW;QAAAH,QAAA,EAASJ,CAAA,CAAE;MAAA,C,GAC5CM,IAAA,CAAAd,gBAAA;QAAAK,yBAAA;QAAAW,WAAA;QAAAC,GAAA,EAGOV,OAAA;QAAAW,UAAA;QAAAC,UAAA,EAEM;QAAAb;MAAA,C;;;;;;;;;;SAPfG,E;CAYJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Pill","useTranslation","VersionPillLabel","baseClass","AutosaveCell","t0","$","currentlyPublishedVersion","latestDraftVersion","rowData","t","t1","_jsxs","className","children","autosave","_jsx","size","disableDate","doc","labelFirst","labelStyle"],"sources":["../../../../../src/views/Versions/cells/AutosaveCell/index.tsx"],"sourcesContent":["'use client'\nimport type { TypeWithVersion } from 'payload'\n\nimport React from 'react'\n\nimport { Pill } from '../../../../elements/Pill/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { VersionPillLabel } from '../../VersionPillLabel/VersionPillLabel.js'\nimport './index.css'\n\nconst baseClass = 'autosave-cell'\n\ntype AutosaveCellProps = {\n  currentlyPublishedVersion?: TypeWithVersion<any>\n  latestDraftVersion?: TypeWithVersion<any>\n  rowData: {\n    autosave?: boolean\n    id: number | string\n    publishedLocale?: string\n    updatedAt?: string\n    version: {\n      [key: string]: unknown\n      _status: 'draft' | 'published'\n      updatedAt: string\n    }\n  }\n}\n\nexport const AutosaveCell: React.FC<AutosaveCellProps> = ({\n  currentlyPublishedVersion,\n  latestDraftVersion,\n  rowData,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={`${baseClass}__items`}>\n      {rowData?.autosave && <Pill size=\"small\">{t('version:autosave')}</Pill>}\n      <VersionPillLabel\n        currentlyPublishedVersion={currentlyPublishedVersion}\n        disableDate={true}\n        doc={rowData}\n        labelFirst={false}\n        labelStyle=\"pill\"\n        latestDraftVersion={latestDraftVersion}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAkBlB,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,yBAAA;IAAAC,kBAAA;IAAAC;EAAA,IAAAJ,EAIzD;EACC;IAAAK;EAAA,IAAcT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAC,yBAAA,IAAAD,CAAA,QAAAE,kBAAA,IAAAF,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,CAAA;IAGZC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAe,GAAGV,SAAA,SAAkB;MAAAW,QAAA,E,CAClCL,OAAA,EAAAM,Q,IAAqBC,IAAA,CAAChB,IAAA;QAAAiB,IAAA,EAAU;QAAAH,QAAA,EAASJ,CAAA,CAAE;UAC5CM,IAAA,CAACd,gBAAA;QAAAK,yBAAA;QAAAW,WAAA,EAEc;QAAAC,GAAA,EACRV,OAAA;QAAAW,UAAA,EACO;QAAAC,UAAA,EACD;QAAAb;;;;;;;;;;;SAPfG,E;CAYJ","ignoreList":[]}

package/dist/views/Versions/cells/CreatedAt/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["formatAdminURL","React","Link","useConfig","useTranslation","formatDate","CreatedAtCell","t0","collectionSlug","docID","globalSlug","isTrashed","rowData","t1","id","updatedAt","undefined","config","t2","admin","t3","routes","t4","dateFormat","adminRoute","i18n","trashedDocPrefix","to","_jsx","href","date","pattern"],"sources":["../../../../../src/views/Versions/cells/CreatedAt/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Link } from '../../../../elements/Link/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport type CreatedAtCellProps = {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n  isTrashed?: boolean\n  rowData?: {\n    id: number | string\n    updatedAt: Date | number | string\n  }\n}\n\nexport const CreatedAtCell: React.FC<CreatedAtCellProps> = ({\n  collectionSlug,\n  docID,\n  globalSlug,\n  isTrashed,\n  rowData: { id, updatedAt } = {},\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const trashedDocPrefix = isTrashed ? 'trash/' : ''\n\n  let to: string\n\n  if (collectionSlug) {\n    to = formatAdminURL({\n      adminRoute,\n      path: `/collections/${collectionSlug}/${trashedDocPrefix}${docID}/versions/${id}`,\n    })\n  }\n\n  if (globalSlug) {\n    to = formatAdminURL({\n      adminRoute,\n      path: `/globals/${globalSlug}/versions/${id}`,\n    })\n  }\n\n  return (\n    <Link href={to} prefetch={false}>\n      {formatDate({ date: updatedAt, i18n, pattern: dateFormat })}\n    </Link>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAa3B,OAAO,MAAMC,aAAA,GAA8CC,EAAA;EAAC;IAAAC,cAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC,OAAA,EAAAC;EAAA,IAAAN,EAM3D;EADU;IAAAO,EAAA;IAAAC;EAAA,IAAAF,EAAsB,KAAAG,SAAA,QAAtBH,EAAsB;EAE/B;IAAAI,MAAA,EAAAC;EAAA,IAKIf,SAAA;EAJM;IAAAgB,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAJ,EAGP;EAFQ;IAAAK;EAAA,IAAAH,EAAc;EACb;IAAAD,KAAA,EAAAK;EAAA,IAAAF,EAAqB;EAIjC;IAAAG;EAAA,IAAiBrB,cAAA;EAEjB,MAAAsB,gBAAA,GAAyBf,SAAA,GAAY,WAAW;EAE5CgB,GAAA,CAAAA,EAAA;EAAA,IAEAnB,cAAA;IACFmB,EAAA,CAAAA,CAAA,CAAKA;MAAAA;MAAAA,KAAA,CAEGA,gBAAgBnB,cAAA,IAAkBkB,gBAAA,GAAmBjB,KAAA,aAAkBK,EAAA;IAAI,CACnF;EAHA;EAAA,IAMEJ,UAAA;IACFiB,EAAA,CAAAA,CAAA,CAAKA;MAAAA;MAAAA,KAAA,CAEGA,YAAYjB,UAAA,aAAuBI,EAAA;IAAI,CAC/C;EAHA;EAAA,OAOAc,IAAA,CAAA1B,IAAA;IAAA2B,IAAA,EAAYF,EAAA;IAAAA,QAAA;IAAAA,QAAA,EACTtB,UAAA;MAAAyB,IAAA,EAAmBf,SAAA;MAAAU,IAAA;MAAAM,OAAA,EAA0BR;IAAA,CAAW;EAAA,C;CAG/D","ignoreList":[]}
+{"version":3,"file":"index.js","names":["formatAdminURL","React","Link","useConfig","useTranslation","formatDate","CreatedAtCell","t0","collectionSlug","docID","globalSlug","isTrashed","rowData","t1","id","updatedAt","undefined","config","t2","admin","t3","routes","t4","dateFormat","adminRoute","i18n","trashedDocPrefix","to","path","_jsx","href","children","date","pattern"],"sources":["../../../../../src/views/Versions/cells/CreatedAt/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Link } from '../../../../elements/Link/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport type CreatedAtCellProps = {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n  isTrashed?: boolean\n  rowData?: {\n    id: number | string\n    updatedAt: Date | number | string\n  }\n}\n\nexport const CreatedAtCell: React.FC<CreatedAtCellProps> = ({\n  collectionSlug,\n  docID,\n  globalSlug,\n  isTrashed,\n  rowData: { id, updatedAt } = {},\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const trashedDocPrefix = isTrashed ? 'trash/' : ''\n\n  let to: string\n\n  if (collectionSlug) {\n    to = formatAdminURL({\n      adminRoute,\n      path: `/collections/${collectionSlug}/${trashedDocPrefix}${docID}/versions/${id}`,\n    })\n  }\n\n  if (globalSlug) {\n    to = formatAdminURL({\n      adminRoute,\n      path: `/globals/${globalSlug}/versions/${id}`,\n    })\n  }\n\n  return (\n    <Link href={to} prefetch={false}>\n      {formatDate({ date: updatedAt, i18n, pattern: dateFormat })}\n    </Link>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAa3B,OAAO,MAAMC,aAAA,GAA8CC,EAAA;EAAC;IAAAC,cAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC,OAAA,EAAAC;EAAA,IAAAN,EAM3D;EADU;IAAAO,EAAA;IAAAC;EAAA,IAAAF,EAAsB,KAAtBG,SAAsB,GAAtB,CAAqB,CAAC,GAAtBH,EAAsB;EAE/B;IAAAI,MAAA,EAAAC;EAAA,IAKIf,SAAA;EAJM;IAAAgB,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAJ,EAGP;EAFQ;IAAAK;EAAA,IAAAH,EAAc;EACb;IAAAD,KAAA,EAAAK;EAAA,IAAAF,EAAqB;EAIjC;IAAAG;EAAA,IAAiBrB,cAAA;EAEjB,MAAAsB,gBAAA,GAAyBf,SAAA,WAAuB,GAAvB,EAAuB;EAE5CgB,GAAA,CAAAA,EAAA;EAEJ,IAAInB,cAAA;IACFmB,EAAA,CAAAA,CAAA,CAAK3B,cAAA,CAAe;MAAAwB,UAAA;MAAAI,IAAA,EAEZ,gBAAgBpB,cAAA,IAAkBkB,gBAAA,GAAmBjB,KAAA,aAAkBK,EAAA;IAC/E;EAHA;EAMF,IAAIJ,UAAA;IACFiB,EAAA,CAAAA,CAAA,CAAK3B,cAAA,CAAe;MAAAwB,UAAA;MAAAI,IAAA,EAEZ,YAAYlB,UAAA,aAAuBI,EAAA;IAC3C;EAHA;EAIF,OAGEe,IAAA,CAAC3B,IAAA;IAAA4B,IAAA,EAAWH,EAAA;IAAAA,QAAA,EAAc;IAAAI,QAAA,EACvB1B,UAAA,CAAW;MAAA2B,IAAA,EAAQjB,SAAA;MAAAU,IAAA;MAAAQ,OAAA,EAA0BV;IAAW;;CAG/D","ignoreList":[]}

package/dist/views/Versions/cells/VersionDrawerCreatedAtCell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useModal","useConfig","usePathname","useRouter","useSearchParams","useRouteTransition","useTranslation","formatDate","VersionDrawerCreatedAtCell","t0","rowData","t1","id","updatedAt","undefined","config","t2","admin","t3","dateFormat","closeAllModals","router","pathname","searchParams","startRouteTransition","i18n","_jsx","className","onClick","current","URLSearchParams","Array","from","entries","set","String","search","toString","query","push","type","children","date","pattern"],"sources":["../../../../../src/views/Versions/cells/VersionDrawerCreatedAtCell/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { CreatedAtCellProps } from '../CreatedAt/index.js'\n\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport {\n  usePathname,\n  useRouter,\n  useSearchParams,\n} from '../../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport const VersionDrawerCreatedAtCell: React.FC<CreatedAtCellProps> = ({\n  rowData: { id, updatedAt } = {},\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n    },\n  } = useConfig()\n  const { closeAllModals } = useModal()\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { i18n } = useTranslation()\n\n  return (\n    <button\n      className=\"created-at-cell\"\n      onClick={() => {\n        closeAllModals()\n        const current = new URLSearchParams(Array.from(searchParams.entries()))\n\n        if (id) {\n          current.set('versionFrom', String(id))\n        }\n\n        const search = current.toString()\n        const query = search ? `?${search}` : ''\n\n        startRouteTransition(() => router.push(`${pathname}${query}`))\n      }}\n      type=\"button\"\n    >\n      {formatDate({ date: updatedAt, i18n, pattern: dateFormat })}\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAIlB,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SACEC,WAAW,EACXC,SAAS,EACTC,eAAe,QACV;AACP,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,0BAAA,GAA2DC,EAAA;EAAC;IAAAC,OAAA,EAAAC;EAAA,IAAAF,EAExE;EADU;IAAAG,EAAA;IAAAC;EAAA,IAAAF,EAAsB,KAAAG,SAAA,QAAtBH,EAAsB;EAE/B;IAAAI,MAAA,EAAAC;EAAA,IAIIf,SAAA;EAHM;IAAAgB,KAAA,EAAAC;EAAA,IAAAF,EAEP;EADQ;IAAAG;EAAA,IAAAD,EAAc;EAGzB;IAAAE;EAAA,IAA2BpB,QAAA;EAC3B,MAAAqB,MAAA,GAAelB,SAAA;EACf,MAAAmB,QAAA,GAAiBpB,WAAA;EACjB,MAAAqB,YAAA,GAAqBnB,eAAA;EACrB;IAAAoB;EAAA,IAAiCnB,kBAAA;EAEjC;IAAAoB;EAAA,IAAiBnB,cAAA;EAAA,OAGfoB,IAAA,CAAC;IAAAC,SAAA,EACW;IAAAC,OAAA,EAAAA,CAAA;MAERR,cAAA;MACA,MAAAS,OAAA,OAAAC,eAAA,CAAoCC,KAAA,CAAAC,IAAA,CAAWT,YAAA,CAAAU,OAAA,CAAoB;MAAA,IAE/DrB,EAAA;QACFiB,OAAA,CAAAK,GAAA,CAAY,eAAeC,MAAA,CAAOvB,EAAA;MAAA;MAGpC,MAAAwB,MAAA,GAAeP,OAAA,CAAAQ,QAAA,CAAgB;MAC/B,MAAAC,KAAA,GAAcF,MAAA,GAAS,IAAIA,MAAA,EAAQ,GAAG;MAEtCZ,oBAAA,OAA2BH,MAAA,CAAAkB,IAAA,CAAY,GAAGjB,QAAA,GAAWgB,KAAA,EAAO;IAAA;IAAAE,IAAA,EAEzD;IAAAC,QAAA,EAEJlC,UAAA;MAAAmC,IAAA,EAAmB7B,SAAA;MAAAY,IAAA;MAAAkB,OAAA,EAA0BxB;IAAA,CAAW;EAAA,C;CAG/D","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useModal","useConfig","usePathname","useRouter","useSearchParams","useRouteTransition","useTranslation","formatDate","VersionDrawerCreatedAtCell","t0","rowData","t1","id","updatedAt","undefined","config","t2","admin","t3","dateFormat","closeAllModals","router","pathname","searchParams","startRouteTransition","i18n","_jsx","className","onClick","current","URLSearchParams","Array","from","entries","set","String","search","toString","query","push","type","children","date","pattern"],"sources":["../../../../../src/views/Versions/cells/VersionDrawerCreatedAtCell/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { CreatedAtCellProps } from '../CreatedAt/index.js'\n\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport {\n  usePathname,\n  useRouter,\n  useSearchParams,\n} from '../../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport const VersionDrawerCreatedAtCell: React.FC<CreatedAtCellProps> = ({\n  rowData: { id, updatedAt } = {},\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n    },\n  } = useConfig()\n  const { closeAllModals } = useModal()\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { i18n } = useTranslation()\n\n  return (\n    <button\n      className=\"created-at-cell\"\n      onClick={() => {\n        closeAllModals()\n        const current = new URLSearchParams(Array.from(searchParams.entries()))\n\n        if (id) {\n          current.set('versionFrom', String(id))\n        }\n\n        const search = current.toString()\n        const query = search ? `?${search}` : ''\n\n        void startRouteTransition(() => router.push(`${pathname}${query}`))\n      }}\n      type=\"button\"\n    >\n      {formatDate({ date: updatedAt, i18n, pattern: dateFormat })}\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAIlB,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SACEC,WAAW,EACXC,SAAS,EACTC,eAAe,QACV;AACP,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,0BAAA,GAA2DC,EAAA;EAAC;IAAAC,OAAA,EAAAC;EAAA,IAAAF,EAExE;EADU;IAAAG,EAAA;IAAAC;EAAA,IAAAF,EAAsB,KAAtBG,SAAsB,GAAtB,CAAqB,CAAC,GAAtBH,EAAsB;EAE/B;IAAAI,MAAA,EAAAC;EAAA,IAIIf,SAAA;EAHM;IAAAgB,KAAA,EAAAC;EAAA,IAAAF,EAEP;EADQ;IAAAG;EAAA,IAAAD,EAAc;EAGzB;IAAAE;EAAA,IAA2BpB,QAAA;EAC3B,MAAAqB,MAAA,GAAelB,SAAA;EACf,MAAAmB,QAAA,GAAiBpB,WAAA;EACjB,MAAAqB,YAAA,GAAqBnB,eAAA;EACrB;IAAAoB;EAAA,IAAiCnB,kBAAA;EAEjC;IAAAoB;EAAA,IAAiBnB,cAAA;EAAA,OAGfoB,IAAA,CAAC;IAAAC,SAAA,EACW;IAAAC,OAAA,EACDA,CAAA;MACPR,cAAA;MACA,MAAAS,OAAA,GAAgB,IAAIC,eAAA,CAAgBC,KAAA,CAAAC,IAAU,CAACT,YAAA,CAAAU,OAAoB;MAEnE,IAAIrB,EAAA;QACFiB,OAAA,CAAAK,GAAW,CAAC,eAAeC,MAAA,CAAOvB,EAAA;MAAA;MAGpC,MAAAwB,MAAA,GAAeP,OAAA,CAAAQ,QAAgB;MAC/B,MAAAC,KAAA,GAAcF,MAAA,OAAaA,MAAA,EAAW,GAAxB,EAAwB;MAEjCZ,oBAAA,CAAqB,MAAMH,MAAA,CAAAkB,IAAW,CAAC,GAAGjB,QAAA,GAAWgB,KAAA,EAAO;IAAA,CACnE;IAAAE,IAAA,EACK;IAAAC,QAAA,EAEJlC,UAAA,CAAW;MAAAmC,IAAA,EAAQ7B,SAAA;MAAAY,IAAA;MAAAkB,OAAA,EAA0BxB;IAAW;;CAG/D","ignoreList":[]}

package/dist/views/Versions/index.client.js

@@ -10,7 +10,7 @@ import { useListQuery } from '../../providers/ListQuery/index.js';
 import { useSearchParams } from '../../providers/RouterAdapter/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 export const VersionsViewClient = props => {
-  const $ = _c(13);
+  const $ = _c(12);
   const {
     baseClass,
     columns,
@@ -35,13 +35,12 @@ export const VersionsViewClient = props => {
     i18n
   } = useTranslation();
   const versionCount = data?.totalDocs || 0;
-  const t1 = !data;
-  let t2;
-  if ($[2] !== baseClass || $[3] !== columns || $[4] !== data || $[5] !== handlePageChange || $[6] !== handlePerPageChange || $[7] !== i18n || $[8] !== limit || $[9] !== paginationLimits || $[10] !== t1 || $[11] !== versionCount) {
-    t2 = _jsxs(React.Fragment, {
+  let t1;
+  if ($[2] !== baseClass || $[3] !== columns || $[4] !== data || $[5] !== handlePageChange || $[6] !== handlePerPageChange || $[7] !== i18n || $[8] !== limit || $[9] !== paginationLimits || $[10] !== versionCount) {
+    t1 = _jsxs(React.Fragment, {
       children: [_jsx(LoadingOverlayToggle, {
         name: "versions",
-        show: t1
+        show: !data
       }), versionCount === 0 && _jsx("div", {
         className: `${baseClass}__no-versions`,
         children: i18n.t("version:noFurtherVersionsFound")
@@ -68,12 +67,11 @@ export const VersionsViewClient = props => {
     $[7] = i18n;
     $[8] = limit;
     $[9] = paginationLimits;
-    $[10] = t1;
-    $[11] = versionCount;
-    $[12] = t2;
+    $[10] = versionCount;
+    $[11] = t1;
   } else {
-    t2 = $[12];
+    t1 = $[11];
   }
-  return t2;
+  return t1;
 };
 //# sourceMappingURL=index.client.js.map

package/dist/views/Versions/index.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["c","_c","React","LoadingOverlayToggle","PageControlsComponent","Table","useListQuery","useSearchParams","useTranslation","VersionsViewClient","props","$","baseClass","columns","paginationLimits","data","handlePageChange","handlePerPageChange","searchParams","t0","get","limit","i18n","versionCount","totalDocs","t1","t2","_jsxs","Fragment","children","_jsx","name","show","className","t","docs","navigationLabel","countLabel","Number","limits"],"sources":["../../../src/views/Versions/index.client.tsx"],"sourcesContent":["'use client'\nimport type { Column, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { LoadingOverlayToggle } from '../../elements/Loading/index.js'\nimport { PageControlsComponent } from '../../elements/PageControls/index.js'\nimport { Table } from '../../elements/Table/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const VersionsViewClient: React.FC<{\n  readonly baseClass: string\n  readonly columns: Column[]\n  readonly fetchURL: string\n  readonly paginationLimits?: SanitizedCollectionConfig['admin']['pagination']['limits']\n}> = (props) => {\n  const { baseClass, columns, paginationLimits } = props\n\n  const { data, handlePageChange, handlePerPageChange } = useListQuery()\n\n  const searchParams = useSearchParams()\n  const limit = searchParams.get('limit')\n\n  const { i18n } = useTranslation()\n\n  const versionCount = data?.totalDocs || 0\n\n  return (\n    <React.Fragment>\n      <LoadingOverlayToggle name=\"versions\" show={!data} />\n      {versionCount === 0 && (\n        <div className={`${baseClass}__no-versions`}>\n          {i18n.t('version:noFurtherVersionsFound')}\n        </div>\n      )}\n      {versionCount > 0 && (\n        <React.Fragment>\n          <Table columns={columns} data={data?.docs} navigationLabel={i18n.t('version:versions')} />\n          <PageControlsComponent\n            countLabel={i18n.t('version:versions')}\n            data={data}\n            handlePageChange={handlePageChange}\n            handlePerPageChange={handlePerPageChange}\n            limit={limit ? Number(limit) : 10}\n            limits={paginationLimits}\n          />\n        </React.Fragment>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,KAAK,QAAQ;AACtB,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,kBAAA,GAKRC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACH;IAAAW,SAAA;IAAAC,OAAA;IAAAC;EAAA,IAAiDJ,KAAA;EAEjD;IAAAK,IAAA;IAAAC,gBAAA;IAAAC;EAAA,IAAwDX,YAAA;EAExD,MAAAY,YAAA,GAAqBX,eAAA;EAAA,IAAAY,EAAA;EAAA,IAAAR,CAAA,QAAAO,YAAA;IACPC,EAAA,GAAAD,YAAA,CAAAE,GAAA,CAAiB;IAAAT,CAAA,MAAAO,YAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAA/B,MAAAU,KAAA,GAAcF,EAAiB;EAE/B;IAAAG;EAAA,IAAiBd,cAAA;EAEjB,MAAAe,YAAA,GAAqBR,IAAA,EAAAS,SAAA,KAAmB;EAIQ,MAAAC,EAAA,IAACV,IAAA;EAAA,IAAAW,EAAA;EAAA,IAAAf,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAK,gBAAA,IAAAL,CAAA,QAAAM,mBAAA,IAAAN,CAAA,QAAAW,IAAA,IAAAX,CAAA,QAAAU,KAAA,IAAAV,CAAA,QAAAG,gBAAA,IAAAH,CAAA,SAAAc,EAAA,IAAAd,CAAA,SAAAY,YAAA;IAD/CG,EAAA,GAAAC,KAAA,CAAAzB,KAAA,CAAA0B,QAAA;MAAAC,QAAA,GACEC,IAAA,CAAA3B,oBAAA;QAAA4B,IAAA,EAA2B;QAAAC,IAAA,EAAiBP;MAAC,C,GAC5CF,YAAA,MAAiB,IAChBO,IAAA,CAAC;QAAAG,SAAA,EAAe,GAAGrB,SAAA,eAAwB;QAAAiB,QAAA,EACxCP,IAAA,CAAAY,CAAA,CAAO;MAAA,C,GAGXX,YAAA,IAAe,IACdI,KAAA,CAAAzB,KAAA,CAAA0B,QAAA;QAAAC,QAAA,GACEC,IAAA,CAAAzB,KAAA;UAAAQ,OAAA;UAAAE,IAAA,EAA+BA,IAAA,EAAAoB,IAAA;UAAAC,eAAA,EAA6Bd,IAAA,CAAAY,CAAA,CAAO;QAAA,C,GACnEJ,IAAA,CAAA1B,qBAAA;UAAAiC,UAAA,EACcf,IAAA,CAAAY,CAAA,CAAO;UAAAnB,IAAA;UAAAC,gBAAA;UAAAC,mBAAA;UAAAI,KAAA,EAIZA,KAAA,GAAQiB,MAAA,CAAOjB,KAAA,MAAS;UAAAkB,MAAA,EACvBzB;QAAA,C;;;;;;;;;;;;;;;;;SAhBhBY,E;CAsBJ","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["c","_c","React","LoadingOverlayToggle","PageControlsComponent","Table","useListQuery","useSearchParams","useTranslation","VersionsViewClient","props","$","baseClass","columns","paginationLimits","data","handlePageChange","handlePerPageChange","searchParams","t0","get","limit","i18n","versionCount","totalDocs","t1","_jsxs","Fragment","children","_jsx","name","show","className","t","docs","navigationLabel","countLabel","Number","limits"],"sources":["../../../src/views/Versions/index.client.tsx"],"sourcesContent":["'use client'\nimport type { Column, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { LoadingOverlayToggle } from '../../elements/Loading/index.js'\nimport { PageControlsComponent } from '../../elements/PageControls/index.js'\nimport { Table } from '../../elements/Table/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const VersionsViewClient: React.FC<{\n  readonly baseClass: string\n  readonly columns: Column[]\n  readonly fetchURL: string\n  readonly paginationLimits?: SanitizedCollectionConfig['admin']['pagination']['limits']\n}> = (props) => {\n  const { baseClass, columns, paginationLimits } = props\n\n  const { data, handlePageChange, handlePerPageChange } = useListQuery()\n\n  const searchParams = useSearchParams()\n  const limit = searchParams.get('limit')\n\n  const { i18n } = useTranslation()\n\n  const versionCount = data?.totalDocs || 0\n\n  return (\n    <React.Fragment>\n      <LoadingOverlayToggle name=\"versions\" show={!data} />\n      {versionCount === 0 && (\n        <div className={`${baseClass}__no-versions`}>\n          {i18n.t('version:noFurtherVersionsFound')}\n        </div>\n      )}\n      {versionCount > 0 && (\n        <React.Fragment>\n          <Table columns={columns} data={data?.docs} navigationLabel={i18n.t('version:versions')} />\n          <PageControlsComponent\n            countLabel={i18n.t('version:versions')}\n            data={data}\n            handlePageChange={handlePageChange}\n            handlePerPageChange={handlePerPageChange}\n            limit={limit ? Number(limit) : 10}\n            limits={paginationLimits}\n          />\n        </React.Fragment>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,KAAK,QAAQ;AACtB,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,kBAAA,GAKRC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACH;IAAAW,SAAA;IAAAC,OAAA;IAAAC;EAAA,IAAiDJ,KAAA;EAEjD;IAAAK,IAAA;IAAAC,gBAAA;IAAAC;EAAA,IAAwDX,YAAA;EAExD,MAAAY,YAAA,GAAqBX,eAAA;EAAA,IAAAY,EAAA;EAAA,IAAAR,CAAA,QAAAO,YAAA;IACPC,EAAA,GAAAD,YAAA,CAAAE,GAAgB,CAAC;IAAAT,CAAA,MAAAO,YAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAA/B,MAAAU,KAAA,GAAcF,EAAiB;EAE/B;IAAAG;EAAA,IAAiBd,cAAA;EAEjB,MAAAe,YAAA,GAAqBR,IAAA,EAAAS,SAAmB,IAAnB,CAAmB;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAK,gBAAA,IAAAL,CAAA,QAAAM,mBAAA,IAAAN,CAAA,QAAAW,IAAA,IAAAX,CAAA,QAAAU,KAAA,IAAAV,CAAA,QAAAG,gBAAA,IAAAH,CAAA,SAAAY,YAAA;IAGtCE,EAAA,GAAAC,KAAA,CAACxB,KAAA,CAAAyB,QAAc;MAAAC,QAAA,E,CACbC,IAAA,CAAC1B,oBAAA;QAAA2B,IAAA,EAA0B;QAAAC,IAAA,EAAiB,CAAChB;UAC5CQ,YAAA,KAAiB,C,IAChBM,IAAA,CAAC;QAAAG,SAAA,EAAe,GAAGpB,SAAA,eAAwB;QAAAgB,QAAA,EACxCN,IAAA,CAAAW,CAAM,CAAC;UAGXV,YAAA,GAAe,C,IACdG,KAAA,CAACxB,KAAA,CAAAyB,QAAc;QAAAC,QAAA,E,CACbC,IAAA,CAACxB,KAAA;UAAAQ,OAAA;UAAAE,IAAA,EAA8BA,IAAA,EAAAmB,IAAM;UAAAC,eAAA,EAAuBb,IAAA,CAAAW,CAAM,CAAC;YACnEJ,IAAA,CAACzB,qBAAA;UAAAgC,UAAA,EACad,IAAA,CAAAW,CAAM,CAAC;UAAAlB,IAAA;UAAAC,gBAAA;UAAAC,mBAAA;UAAAI,KAAA,EAIZA,KAAA,GAAQgB,MAAA,CAAOhB,KAAS,IAAxB,EAAwB;UAAAiB,MAAA,EACvBxB;;;;;;;;;;;;;;;;;SAhBhBW,E;CAsBJ","ignoreList":[]}

package/dist/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.css

@@ -0,0 +1,28 @@
+@layer payload-default {
+  .activity-widget__select-documents {
+    height: auto;
+    min-block-size: var(--spacer-4);
+    max-inline-size: 100%;
+  }
+
+  .activity-widget__select-documents .btn__label {
+    white-space: normal;
+    overflow-wrap: anywhere;
+  }
+
+  .activity-widget__select-documents[aria-disabled='true'] {
+    cursor: progress;
+  }
+
+  .activity-widget__pin-picker .sort-column__label,
+  .activity-widget__pin-picker .page-controls__page-info,
+  .activity-widget__pin-picker .per-page__label {
+    color: var(--activity-text-secondary);
+  }
+
+  .activity-widget__pin-picker .sort-column__button {
+    min-width: var(--spacer-4);
+    min-height: var(--spacer-4);
+    color: var(--color-icon-secondary);
+  }
+}

package/dist/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { DocumentReference } from '../../../utils/documents.js';
+import './index.css';
+export declare function PinDocumentPicker({ collectionSlugs, descriptionID, isDisabled, label, onError, onSelect, pinsURL, }: {
+    collectionSlugs: string[];
+    /** ID of the text that describes the button, when it is shown in the empty state. */
+    descriptionID?: string;
+    isDisabled: boolean;
+    label: string;
+    onError: () => void;
+    onSelect: (args: {
+        document: DocumentReference;
+    }) => void;
+    pinsURL: string;
+}): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAKpE,OAAO,aAAa,CAAA;AAEpB,wBAAgB,iBAAiB,CAAC,EAChC,eAAe,EACf,aAAa,EACb,UAAU,EACV,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,GACR,EAAE;IACD,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,iBAAiB,CAAA;KAAE,KAAK,IAAI,CAAA;IACzD,OAAO,EAAE,MAAM,CAAA;CAChB,qBA4EA"}

package/dist/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.js

@@ -0,0 +1,98 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useMemo, useState } from 'react';
+import { Button } from '../../../../../elements/Button/index.js';
+import { useListDrawer } from '../../../../../elements/ListDrawer/index.js';
+import { readPinnedPreferences } from '../preferences.js';
+import './index.css';
+export function PinDocumentPicker({
+  collectionSlugs,
+  descriptionID,
+  isDisabled,
+  label,
+  onError,
+  onSelect,
+  pinsURL
+}) {
+  const [filterOptions, setFilterOptions] = useState({});
+  const [isPreparing, setIsPreparing] = useState(false);
+  const drawerOptions = useMemo(() => ({
+    collectionSlugs,
+    filterOptions
+  }), [collectionSlugs, filterOptions]);
+  const [ListDrawer,, {
+    closeDrawer,
+    isDrawerOpen,
+    openDrawer
+  }] = useListDrawer(drawerOptions);
+  const handleSelect = ({
+    collectionSlug,
+    doc
+  }) => {
+    closeDrawer();
+    onSelect({
+      document: {
+        id: doc.id,
+        collectionSlug
+      }
+    });
+  };
+  const prepareDrawer = async () => {
+    if (isDisabled || isPreparing) {
+      return;
+    }
+    setIsPreparing(true);
+    try {
+      const pins = await readPinnedPreferences({
+        url: pinsURL
+      });
+      const idsByCollection = new Map();
+      for (const document of pins) {
+        const ids = idsByCollection.get(document.collectionSlug) ?? [];
+        ids.push(document.id);
+        idsByCollection.set(document.collectionSlug, ids);
+      }
+      setFilterOptions(Object.fromEntries(collectionSlugs.map(slug => {
+        const ids_0 = idsByCollection.get(slug);
+        return [slug, ids_0?.length ? {
+          id: {
+            not_in: ids_0
+          }
+        } : true];
+      })));
+      openDrawer();
+    } catch {
+      onError();
+    } finally {
+      setIsPreparing(false);
+    }
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      "aria-expanded": isDrawerOpen,
+      "aria-haspopup": "dialog",
+      "aria-label": label,
+      buttonStyle: "secondary",
+      className: "activity-widget__select-documents",
+      extraButtonProps: {
+        'aria-busy': isPreparing,
+        'aria-describedby': descriptionID,
+        'aria-disabled': isDisabled || isPreparing
+      },
+      margin: false,
+      onClick: () => void prepareDrawer(),
+      size: "medium",
+      type: "button",
+      children: label
+    }), /*#__PURE__*/_jsx(ListDrawer, {
+      allowCreate: false,
+      className: "activity-widget__pin-picker",
+      disableQueryPresets: true,
+      enableRowSelections: false,
+      onSelect: handleSelect,
+      overrideEntityVisibility: false
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useMemo","useState","Button","useListDrawer","readPinnedPreferences","PinDocumentPicker","collectionSlugs","descriptionID","isDisabled","label","onError","onSelect","pinsURL","filterOptions","setFilterOptions","isPreparing","setIsPreparing","drawerOptions","ListDrawer","closeDrawer","isDrawerOpen","openDrawer","handleSelect","collectionSlug","doc","document","id","prepareDrawer","pins","url","idsByCollection","Map","ids","get","push","set","Object","fromEntries","map","slug","length","not_in","_jsxs","_Fragment","_jsx","buttonStyle","className","extraButtonProps","margin","onClick","size","type","allowCreate","disableQueryPresets","enableRowSelections","overrideEntityVisibility"],"sources":["../../../../../../src/widgets/Activity/Tabs/PinnedDocuments/PinDocumentPicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FilterOptionsResult } from 'payload'\n\nimport React, { useMemo, useState } from 'react'\n\nimport type { ListDrawerProps } from '../../../../../elements/ListDrawer/types.js'\nimport type { DocumentReference } from '../../../utils/documents.js'\n\nimport { Button } from '../../../../../elements/Button/index.js'\nimport { useListDrawer } from '../../../../../elements/ListDrawer/index.js'\nimport { readPinnedPreferences } from '../preferences.js'\nimport './index.css'\n\nexport function PinDocumentPicker({\n  collectionSlugs,\n  descriptionID,\n  isDisabled,\n  label,\n  onError,\n  onSelect,\n  pinsURL,\n}: {\n  collectionSlugs: string[]\n  /** ID of the text that describes the button, when it is shown in the empty state. */\n  descriptionID?: string\n  isDisabled: boolean\n  label: string\n  onError: () => void\n  onSelect: (args: { document: DocumentReference }) => void\n  pinsURL: string\n}) {\n  const [filterOptions, setFilterOptions] = useState<FilterOptionsResult>({})\n  const [isPreparing, setIsPreparing] = useState(false)\n  const drawerOptions = useMemo(\n    () => ({ collectionSlugs, filterOptions }),\n    [collectionSlugs, filterOptions],\n  )\n  const [ListDrawer, , { closeDrawer, isDrawerOpen, openDrawer }] = useListDrawer(drawerOptions)\n  const handleSelect: ListDrawerProps['onSelect'] = ({ collectionSlug, doc }) => {\n    closeDrawer()\n    onSelect({ document: { id: doc.id, collectionSlug } })\n  }\n\n  const prepareDrawer = async () => {\n    if (isDisabled || isPreparing) {\n      return\n    }\n    setIsPreparing(true)\n\n    try {\n      const pins = await readPinnedPreferences({ url: pinsURL })\n      const idsByCollection = new Map<string, (number | string)[]>()\n\n      for (const document of pins) {\n        const ids = idsByCollection.get(document.collectionSlug) ?? []\n\n        ids.push(document.id)\n        idsByCollection.set(document.collectionSlug, ids)\n      }\n      setFilterOptions(\n        Object.fromEntries(\n          collectionSlugs.map((slug) => {\n            const ids = idsByCollection.get(slug)\n\n            return [slug, ids?.length ? { id: { not_in: ids } } : true]\n          }),\n        ),\n      )\n      openDrawer()\n    } catch {\n      onError()\n    } finally {\n      setIsPreparing(false)\n    }\n  }\n\n  return (\n    <>\n      <Button\n        aria-expanded={isDrawerOpen}\n        aria-haspopup=\"dialog\"\n        aria-label={label}\n        buttonStyle=\"secondary\"\n        className=\"activity-widget__select-documents\"\n        extraButtonProps={{\n          'aria-busy': isPreparing,\n          'aria-describedby': descriptionID,\n          'aria-disabled': isDisabled || isPreparing,\n        }}\n        margin={false}\n        onClick={() => void prepareDrawer()}\n        size=\"medium\"\n        type=\"button\"\n      >\n        {label}\n      </Button>\n      <ListDrawer\n        allowCreate={false}\n        className=\"activity-widget__pin-picker\"\n        disableQueryPresets\n        enableRowSelections={false}\n        onSelect={handleSelect}\n        overrideEntityVisibility={false}\n      />\n    </>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,EAAEC,QAAQ,QAAQ;AAKzC,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,SAASC,kBAAkB;EAChCC,eAAe;EACfC,aAAa;EACbC,UAAU;EACVC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC;AAAO,CAUR;EACC,MAAM,CAACC,aAAA,EAAeC,gBAAA,CAAiB,GAAGb,QAAA,CAA8B,CAAC;EACzE,MAAM,CAACc,WAAA,EAAaC,cAAA,CAAe,GAAGf,QAAA,CAAS;EAC/C,MAAMgB,aAAA,GAAgBjB,OAAA,CACpB,OAAO;IAAEM,eAAA;IAAiBO;EAAc,IACxC,CAACP,eAAA,EAAiBO,aAAA,CAAc;EAElC,MAAM,CAACK,UAAA,GAAc;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EAAU,CAAE,CAAC,GAAGlB,aAAA,CAAcc,aAAA;EAChF,MAAMK,YAAA,GAA4CA,CAAC;IAAEC,cAAc;IAAEC;EAAG,CAAE;IACxEL,WAAA;IACAR,QAAA,CAAS;MAAEc,QAAA,EAAU;QAAEC,EAAA,EAAIF,GAAA,CAAIE,EAAE;QAAEH;MAAe;IAAE;EACtD;EAEA,MAAMI,aAAA,GAAgB,MAAAA,CAAA;IACpB,IAAInB,UAAA,IAAcO,WAAA,EAAa;MAC7B;IACF;IACAC,cAAA,CAAe;IAEf,IAAI;MACF,MAAMY,IAAA,GAAO,MAAMxB,qBAAA,CAAsB;QAAEyB,GAAA,EAAKjB;MAAQ;MACxD,MAAMkB,eAAA,GAAkB,IAAIC,GAAA;MAE5B,KAAK,MAAMN,QAAA,IAAYG,IAAA,EAAM;QAC3B,MAAMI,GAAA,GAAMF,eAAA,CAAgBG,GAAG,CAACR,QAAA,CAASF,cAAc,KAAK,EAAE;QAE9DS,GAAA,CAAIE,IAAI,CAACT,QAAA,CAASC,EAAE;QACpBI,eAAA,CAAgBK,GAAG,CAACV,QAAA,CAASF,cAAc,EAAES,GAAA;MAC/C;MACAlB,gBAAA,CACEsB,MAAA,CAAOC,WAAW,CAChB/B,eAAA,CAAgBgC,GAAG,CAAEC,IAAA;QACnB,MAAMP,KAAA,GAAMF,eAAA,CAAgBG,GAAG,CAACM,IAAA;QAEhC,OAAO,CAACA,IAAA,EAAMP,KAAA,EAAKQ,MAAA,GAAS;UAAEd,EAAA,EAAI;YAAEe,MAAA,EAAQT;UAAI;QAAE,IAAI,KAAK;MAC7D;MAGJX,UAAA;IACF,EAAE,MAAM;MACNX,OAAA;IACF,UAAU;MACRM,cAAA,CAAe;IACjB;EACF;EAEA,oBACE0B,KAAA,CAAAC,SAAA;4BACEC,IAAA,CAAC1C,MAAA;MACC,iBAAekB,YAAA;MACf,iBAAc;MACd,cAAYX,KAAA;MACZoC,WAAA,EAAY;MACZC,SAAA,EAAU;MACVC,gBAAA,EAAkB;QAChB,aAAahC,WAAA;QACb,oBAAoBR,aAAA;QACpB,iBAAiBC,UAAA,IAAcO;MACjC;MACAiC,MAAA,EAAQ;MACRC,OAAA,EAASA,CAAA,KAAM,KAAKtB,aAAA;MACpBuB,IAAA,EAAK;MACLC,IAAA,EAAK;gBAEJ1C;qBAEHmC,IAAA,CAAC1B,UAAA;MACCkC,WAAA,EAAa;MACbN,SAAA,EAAU;MACVO,mBAAmB;MACnBC,mBAAA,EAAqB;MACrB3C,QAAA,EAAUW,YAAA;MACViC,wBAAA,EAA0B;;;AAIlC","ignoreList":[]}

package/dist/widgets/Activity/Tabs/PinnedDocuments/index.css

@@ -0,0 +1,70 @@
+@layer payload-default {
+  .activity-widget__add-pin {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    min-block-size: var(--activity-row-height);
+    padding: var(--spacer-2);
+    border: var(--stroke-width-small) dashed var(--color-border);
+    border-radius: var(--radius-large);
+    background: var(--color-bg);
+    text-align: center;
+  }
+
+  .activity-widget__pin {
+    position: absolute;
+    inset-block-start: var(--spacer-2-5);
+    inset-inline-end: var(--spacer-2-5);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--spacer-4);
+    height: var(--spacer-4);
+    padding: 0;
+    border: 0;
+    border-radius: var(--radius-medium);
+    background: var(--color-bg);
+    cursor: pointer;
+    opacity: 0;
+  }
+
+  .activity-widget .document-card .document-card__metadata .activity-widget__pin {
+    position: absolute;
+  }
+
+  .activity-widget__item:hover .activity-widget__pin,
+  .activity-widget__item:focus-within .activity-widget__pin {
+    opacity: 1;
+  }
+
+  .activity-widget__pin-icon {
+    display: flex;
+    color: var(--color-icon-secondary);
+  }
+
+  .activity-widget__pin-filled {
+    color: var(--color-icon-favorite);
+  }
+
+  .activity-widget__pin-remove {
+    display: none;
+  }
+
+  .activity-widget__pin:is(:hover, :focus-visible):not(:disabled) .activity-widget__pin-filled {
+    display: none;
+  }
+
+  .activity-widget__pin:is(:hover, :focus-visible):not(:disabled) .activity-widget__pin-remove {
+    display: block;
+  }
+
+  .activity-widget__pin:disabled {
+    cursor: progress;
+  }
+
+  .activity-widget__pin:focus-visible {
+    outline: var(--accessibility-outline);
+    outline-offset: var(--accessibility-outline-offset);
+  }
+}

package/dist/widgets/Activity/Tabs/PinnedDocuments/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { Labels } from '../../types.js';
+import type { PinnedDocumentsController } from './usePinnedDocuments.js';
+import './index.css';
+export declare function PinnedDocuments({ canAddPin, documents, labels, listID, pinnableCollections, pinsURL, }: {
+    canAddPin: boolean;
+    documents: PinnedDocumentsController;
+    labels: Labels;
+    listID: string;
+    pinnableCollections: string[];
+    pinsURL: string;
+}): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/Activity/Tabs/PinnedDocuments/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/Activity/Tabs/PinnedDocuments/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAEpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA;AAOxE,OAAO,aAAa,CAAA;AAEpB,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,EACT,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,OAAO,GACR,EAAE;IACD,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,yBAAyB,CAAA;IACpC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,mBAAmB,EAAE,MAAM,EAAE,CAAA;IAC7B,OAAO,EAAE,MAAM,CAAA;CAChB,qBAwEA"}

package/dist/widgets/Activity/Tabs/PinnedDocuments/index.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useId } from 'react';
+import { LineIcon } from '../../../../icons/Line/index.js';
+import { PinIcon } from '../../../../icons/Pin/index.js';
+import { DocumentList } from '../../components/DocumentList/index.js';
+import { EmptyState } from '../../components/EmptyState/index.js';
+import { PinDocumentPicker } from './PinDocumentPicker/index.js';
+import './index.css';
+export function PinnedDocuments({
+  canAddPin,
+  documents,
+  labels,
+  listID,
+  pinnableCollections,
+  pinsURL
+}) {
+  const emptyStateID = useId();
+  if (!documents.items) {
+    return null;
+  }
+  const isEmpty = documents.totalDocs === 0;
+  // The add-pin card follows the last pinned document, so it is on the last page.
+  const hasAddPinCard = canAddPin && documents.currentPage === documents.totalPages;
+  const isDisabled = documents.isBusy || documents.isSaving;
+  if (!documents.items.length && !hasAddPinCard) {
+    return /*#__PURE__*/_jsx(EmptyState, {
+      description: labels.pinnedEmptyDescription,
+      tab: "pinned",
+      title: labels.pinnedEmpty
+    });
+  }
+  const picker = hasAddPinCard ? /*#__PURE__*/_jsx(PinDocumentPicker, {
+    collectionSlugs: pinnableCollections,
+    descriptionID: isEmpty ? emptyStateID : undefined,
+    isDisabled: isDisabled,
+    label: labels.addPin,
+    onError: documents.onPickerError,
+    onSelect: args => void documents.onAdd(args),
+    pinsURL: pinsURL
+  }) : null;
+  return /*#__PURE__*/_jsx(DocumentList, {
+    id: listID,
+    isEmpty: isEmpty,
+    items: documents.items,
+    label: labels.pinned,
+    renderActions: ({
+      item
+    }) => /*#__PURE__*/_jsx("button", {
+      "aria-label": `${labels.removePin}: ${item.title}`,
+      "aria-pressed": true,
+      className: "activity-widget__pin",
+      disabled: isDisabled,
+      onClick: () => void documents.onRemove({
+        document: item
+      }),
+      type: "button",
+      children: /*#__PURE__*/_jsxs("span", {
+        "aria-hidden": "true",
+        className: "activity-widget__pin-icon",
+        children: [/*#__PURE__*/_jsx(PinIcon, {
+          className: "activity-widget__pin-filled",
+          isFilled: true
+        }), /*#__PURE__*/_jsx(LineIcon, {
+          className: "activity-widget__pin-remove",
+          size: 16
+        })]
+      })
+    }),
+    trailingItem: picker && (isEmpty ? /*#__PURE__*/_jsx(EmptyState, {
+      description: labels.pinnedEmptyDescription,
+      descriptionID: emptyStateID,
+      tab: "pinned",
+      title: labels.pinnedEmpty,
+      children: picker
+    }) : /*#__PURE__*/_jsx("div", {
+      className: "activity-widget__add-pin",
+      children: picker
+    }))
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/widgets/Activity/Tabs/PinnedDocuments/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useId","LineIcon","PinIcon","DocumentList","EmptyState","PinDocumentPicker","PinnedDocuments","canAddPin","documents","labels","listID","pinnableCollections","pinsURL","emptyStateID","items","isEmpty","totalDocs","hasAddPinCard","currentPage","totalPages","isDisabled","isBusy","isSaving","length","_jsx","description","pinnedEmptyDescription","tab","title","pinnedEmpty","picker","collectionSlugs","descriptionID","undefined","label","addPin","onError","onPickerError","onSelect","args","onAdd","id","pinned","renderActions","item","removePin","className","disabled","onClick","onRemove","document","type","_jsxs","isFilled","size","trailingItem"],"sources":["../../../../../src/widgets/Activity/Tabs/PinnedDocuments/index.tsx"],"sourcesContent":["import React, { useId } from 'react'\n\nimport type { Labels } from '../../types.js'\nimport type { PinnedDocumentsController } from './usePinnedDocuments.js'\n\nimport { LineIcon } from '../../../../icons/Line/index.js'\nimport { PinIcon } from '../../../../icons/Pin/index.js'\nimport { DocumentList } from '../../components/DocumentList/index.js'\nimport { EmptyState } from '../../components/EmptyState/index.js'\nimport { PinDocumentPicker } from './PinDocumentPicker/index.js'\nimport './index.css'\n\nexport function PinnedDocuments({\n  canAddPin,\n  documents,\n  labels,\n  listID,\n  pinnableCollections,\n  pinsURL,\n}: {\n  canAddPin: boolean\n  documents: PinnedDocumentsController\n  labels: Labels\n  listID: string\n  pinnableCollections: string[]\n  pinsURL: string\n}) {\n  const emptyStateID = useId()\n\n  if (!documents.items) {\n    return null\n  }\n\n  const isEmpty = documents.totalDocs === 0\n  // The add-pin card follows the last pinned document, so it is on the last page.\n  const hasAddPinCard = canAddPin && documents.currentPage === documents.totalPages\n  const isDisabled = documents.isBusy || documents.isSaving\n\n  if (!documents.items.length && !hasAddPinCard) {\n    return (\n      <EmptyState\n        description={labels.pinnedEmptyDescription}\n        tab=\"pinned\"\n        title={labels.pinnedEmpty}\n      />\n    )\n  }\n\n  const picker = hasAddPinCard ? (\n    <PinDocumentPicker\n      collectionSlugs={pinnableCollections}\n      descriptionID={isEmpty ? emptyStateID : undefined}\n      isDisabled={isDisabled}\n      label={labels.addPin}\n      onError={documents.onPickerError}\n      onSelect={(args) => void documents.onAdd(args)}\n      pinsURL={pinsURL}\n    />\n  ) : null\n\n  return (\n    <DocumentList\n      id={listID}\n      isEmpty={isEmpty}\n      items={documents.items}\n      label={labels.pinned}\n      renderActions={({ item }) => (\n        <button\n          aria-label={`${labels.removePin}: ${item.title}`}\n          aria-pressed={true}\n          className=\"activity-widget__pin\"\n          disabled={isDisabled}\n          onClick={() => void documents.onRemove({ document: item })}\n          type=\"button\"\n        >\n          <span aria-hidden=\"true\" className=\"activity-widget__pin-icon\">\n            <PinIcon className=\"activity-widget__pin-filled\" isFilled />\n            <LineIcon className=\"activity-widget__pin-remove\" size={16} />\n          </span>\n        </button>\n      )}\n      trailingItem={\n        picker &&\n        (isEmpty ? (\n          <EmptyState\n            description={labels.pinnedEmptyDescription}\n            descriptionID={emptyStateID}\n            tab=\"pinned\"\n            title={labels.pinnedEmpty}\n          >\n            {picker}\n          </EmptyState>\n        ) : (\n          <div className=\"activity-widget__add-pin\">{picker}</div>\n        ))\n      }\n    />\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,IAASC,KAAK,QAAQ;AAK7B,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,UAAU,QAAQ;AAC3B,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP,OAAO,SAASC,gBAAgB;EAC9BC,SAAS;EACTC,SAAS;EACTC,MAAM;EACNC,MAAM;EACNC,mBAAmB;EACnBC;AAAO,CAQR;EACC,MAAMC,YAAA,GAAeb,KAAA;EAErB,IAAI,CAACQ,SAAA,CAAUM,KAAK,EAAE;IACpB,OAAO;EACT;EAEA,MAAMC,OAAA,GAAUP,SAAA,CAAUQ,SAAS,KAAK;EACxC;EACA,MAAMC,aAAA,GAAgBV,SAAA,IAAaC,SAAA,CAAUU,WAAW,KAAKV,SAAA,CAAUW,UAAU;EACjF,MAAMC,UAAA,GAAaZ,SAAA,CAAUa,MAAM,IAAIb,SAAA,CAAUc,QAAQ;EAEzD,IAAI,CAACd,SAAA,CAAUM,KAAK,CAACS,MAAM,IAAI,CAACN,aAAA,EAAe;IAC7C,oBACEO,IAAA,CAACpB,UAAA;MACCqB,WAAA,EAAahB,MAAA,CAAOiB,sBAAsB;MAC1CC,GAAA,EAAI;MACJC,KAAA,EAAOnB,MAAA,CAAOoB;;EAGpB;EAEA,MAAMC,MAAA,GAASb,aAAA,gBACbO,IAAA,CAACnB,iBAAA;IACC0B,eAAA,EAAiBpB,mBAAA;IACjBqB,aAAA,EAAejB,OAAA,GAAUF,YAAA,GAAeoB,SAAA;IACxCb,UAAA,EAAYA,UAAA;IACZc,KAAA,EAAOzB,MAAA,CAAO0B,MAAM;IACpBC,OAAA,EAAS5B,SAAA,CAAU6B,aAAa;IAChCC,QAAA,EAAWC,IAAA,IAAS,KAAK/B,SAAA,CAAUgC,KAAK,CAACD,IAAA;IACzC3B,OAAA,EAASA;OAET;EAEJ,oBACEY,IAAA,CAACrB,YAAA;IACCsC,EAAA,EAAI/B,MAAA;IACJK,OAAA,EAASA,OAAA;IACTD,KAAA,EAAON,SAAA,CAAUM,KAAK;IACtBoB,KAAA,EAAOzB,MAAA,CAAOiC,MAAM;IACpBC,aAAA,EAAeA,CAAC;MAAEC;IAAI,CAAE,kBACtBpB,IAAA,CAAC;MACC,cAAY,GAAGf,MAAA,CAAOoC,SAAS,KAAKD,IAAA,CAAKhB,KAAK,EAAE;MAChD,gBAAc;MACdkB,SAAA,EAAU;MACVC,QAAA,EAAU3B,UAAA;MACV4B,OAAA,EAASA,CAAA,KAAM,KAAKxC,SAAA,CAAUyC,QAAQ,CAAC;QAAEC,QAAA,EAAUN;MAAK;MACxDO,IAAA,EAAK;gBAEL,aAAAC,KAAA,CAAC;QAAK,eAAY;QAAON,SAAA,EAAU;gCACjCtB,IAAA,CAACtB,OAAA;UAAQ4C,SAAA,EAAU;UAA8BO,QAAQ;yBACzD7B,IAAA,CAACvB,QAAA;UAAS6C,SAAA,EAAU;UAA8BQ,IAAA,EAAM;;;;IAI9DC,YAAA,EACEzB,MAAA,KACCf,OAAA,gBACCS,IAAA,CAACpB,UAAA;MACCqB,WAAA,EAAahB,MAAA,CAAOiB,sBAAsB;MAC1CM,aAAA,EAAenB,YAAA;MACfc,GAAA,EAAI;MACJC,KAAA,EAAOnB,MAAA,CAAOoB,WAAW;gBAExBC;sBAGHN,IAAA,CAAC;MAAIsB,SAAA,EAAU;gBAA4BhB;MAC7C;;AAIR","ignoreList":[]}

package/dist/widgets/{RecentlyViewed/pinnedPreferences.d.ts → Activity/Tabs/PinnedDocuments/preferences.d.ts}

@@ -1,18 +1,15 @@
-import type { PinnedItem } from './recents.js';
-export declare function getPinnedItems({ value }: {
-    value: unknown;
-}): PinnedItem[];
-export declare function readPinnedPreferences({ url }: {
+import type { DocumentReference } from '../../utils/documents.js';
+export declare function readPinnedPreferences({ url, }: {
     url: string;
-}): Promise<PinnedItem[]>;
+}): Promise<DocumentReference[]>;
 /** Serialize the read/modify/write operation across same-origin admin tabs. */
 export declare function updatePinnedPreferences({ document, shouldPin, url, }: {
-    document: PinnedItem;
+    document: DocumentReference;
     shouldPin: boolean;
     url: string;
 }): Promise<void>;
 export declare function savePinnedPreferences({ items, url, }: {
-    items: PinnedItem[];
+    items: DocumentReference[];
     url: string;
 }): Promise<void>;
-//# sourceMappingURL=pinnedPreferences.d.ts.map
+//# sourceMappingURL=preferences.d.ts.map

package/dist/widgets/Activity/Tabs/PinnedDocuments/preferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preferences.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/Activity/Tabs/PinnedDocuments/preferences.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAIjE,wBAAsB,qBAAqB,CAAC,EAC1C,GAAG,GACJ,EAAE;IACD,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAS/B;AAED,+EAA+E;AAC/E,wBAAsB,uBAAuB,CAAC,EAC5C,QAAQ,EACR,SAAS,EACT,GAAG,GACJ,EAAE;IACD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,SAAS,EAAE,OAAO,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,OAAO,CAAC,IAAI,CAAC,CAkBhB;AAED,wBAAsB,qBAAqB,CAAC,EAC1C,KAAK,EACL,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,OAAO,CAAC,IAAI,CAAC,CAWhB"}

package/dist/widgets/{RecentlyViewed/pinnedPreferences.js → Activity/Tabs/PinnedDocuments/preferences.js}

@@ -1,23 +1,4 @@
-import { documentKey } from './recents.js';
-export function getPinnedItems({
-  value
-}) {
-  if (!value || typeof value !== 'object' || !('items' in value) || !Array.isArray(value.items)) {
-    return [];
-  }
-  const keys = new Set();
-  return value.items.filter(item => {
-    if (!item || typeof item !== 'object' || typeof item.collectionSlug !== 'string' || typeof item.id !== 'string' && typeof item.id !== 'number') {
-      return false;
-    }
-    const key = documentKey(item);
-    if (keys.has(key)) {
-      return false;
-    }
-    keys.add(key);
-    return true;
-  });
-}
+import { documentKey, getDocumentReferences } from '../../utils/documents.js';
 export async function readPinnedPreferences({
   url
 }) {
@@ -28,7 +9,7 @@ export async function readPinnedPreferences({
     throw new Error('Unable to read pins');
   }
   const preference = await response.json();
-  return getPinnedItems({
+  return getDocumentReferences({
     value: preference.value
   });
 }
@@ -78,4 +59,4 @@ export async function savePinnedPreferences({
     throw new Error('Unable to save pins');
   }
 }
-//# sourceMappingURL=pinnedPreferences.js.map
+//# sourceMappingURL=preferences.js.map