@payloadcms/next 3.0.0-beta.121 → 3.0.0-beta.123

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,6 +7,6 @@ export declare const DocumentLocked: React.FC<{
7
7
  onReadOnly: () => void;
8
8
  onTakeOver: () => void;
9
9
  updatedAt?: null | number;
10
- user?: ClientUser;
10
+ user?: ClientUser | number | string;
11
11
  }>;
12
12
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentLocked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,cAAc,CAAA;AAoBrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CA2DA,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentLocked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIzC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,cAAc,CAAA;AAoBrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;CACpC,CA8DA,CAAA"}
@@ -3,6 +3,7 @@
3
3
  import { c as _c } from "react/compiler-runtime";
4
4
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
5
  import { Button, Modal, useModal, useTranslation } from '@payloadcms/ui';
6
+ import { isClientUserObject } from '@payloadcms/ui/shared';
6
7
  import React, { useEffect } from 'react';
7
8
  const modalSlug = 'document-locked';
8
9
  const baseClass = 'document-locked';
@@ -20,7 +21,7 @@ const formatDate = date => {
20
21
  }).format(date);
21
22
  };
22
23
  export const DocumentLocked = t0 => {
23
- const $ = _c(19);
24
+ const $ = _c(22);
24
25
  const {
25
26
  handleGoBack,
26
27
  isActive,
@@ -60,29 +61,38 @@ export const DocumentLocked = t0 => {
60
61
  let t3;
61
62
  if ($[5] !== t || $[6] !== user || $[7] !== updatedAt || $[8] !== handleGoBack || $[9] !== onReadOnly || $[10] !== closeModal || $[11] !== onTakeOver) {
62
63
  let t4;
63
- if ($[13] !== onReadOnly || $[14] !== closeModal) {
64
- t4 = () => {
65
- onReadOnly();
66
- closeModal(modalSlug);
67
- };
68
- $[13] = onReadOnly;
69
- $[14] = closeModal;
64
+ if ($[13] !== user || $[14] !== t) {
65
+ t4 = isClientUserObject(user) ? user.email ?? user.id : `${t("general:user")}: ${user}`;
66
+ $[13] = user;
67
+ $[14] = t;
70
68
  $[15] = t4;
71
69
  } else {
72
70
  t4 = $[15];
73
71
  }
74
72
  let t5;
75
- if ($[16] !== onTakeOver || $[17] !== closeModal) {
73
+ if ($[16] !== onReadOnly || $[17] !== closeModal) {
76
74
  t5 = () => {
77
- onTakeOver();
75
+ onReadOnly();
78
76
  closeModal(modalSlug);
79
77
  };
80
- $[16] = onTakeOver;
78
+ $[16] = onReadOnly;
81
79
  $[17] = closeModal;
82
80
  $[18] = t5;
83
81
  } else {
84
82
  t5 = $[18];
85
83
  }
84
+ let t6;
85
+ if ($[19] !== onTakeOver || $[20] !== closeModal) {
86
+ t6 = () => {
87
+ onTakeOver();
88
+ closeModal(modalSlug);
89
+ };
90
+ $[19] = onTakeOver;
91
+ $[20] = closeModal;
92
+ $[21] = t6;
93
+ } else {
94
+ t6 = $[21];
95
+ }
86
96
  t3 = _jsx(Modal, {
87
97
  className: baseClass,
88
98
  onClose: handleGoBack,
@@ -95,7 +105,7 @@ export const DocumentLocked = t0 => {
95
105
  children: t("general:documentLocked")
96
106
  }), _jsxs("p", {
97
107
  children: [_jsx("strong", {
98
- children: user?.email ?? user?.id
108
+ children: t4
99
109
  }), " ", t("general:currentlyEditing")]
100
110
  }), _jsxs("p", {
101
111
  children: [t("general:editedSince"), " ", _jsx("strong", {
@@ -113,13 +123,13 @@ export const DocumentLocked = t0 => {
113
123
  }), _jsx(Button, {
114
124
  buttonStyle: "secondary",
115
125
  id: `${modalSlug}-view-read-only`,
116
- onClick: t4,
126
+ onClick: t5,
117
127
  size: "large",
118
128
  children: t("general:viewReadOnly")
119
129
  }), _jsx(Button, {
120
130
  buttonStyle: "primary",
121
131
  id: `${modalSlug}-take-over`,
122
- onClick: t5,
132
+ onClick: t6,
123
133
  size: "large",
124
134
  children: t("general:takeOver")
125
135
  })]
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","Button","Modal","useModal","useTranslation","React","useEffect","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","t1","t2","t3","t4","t5","_jsx","className","onClose","slug","children","_jsxs","email","id","buttonStyle","onClick","size"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport { Button, Modal, useModal, useTranslation } from '@payloadcms/ui'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst modalSlug = 'document-locked'\n\nconst baseClass = 'document-locked'\n\nconst formatDate = (date) => {\n if (!date) {\n return ''\n }\n return new Intl.DateTimeFormat('en-US', {\n day: 'numeric',\n hour: 'numeric',\n hour12: true,\n minute: 'numeric',\n month: 'short',\n year: 'numeric',\n }).format(date)\n}\n\nexport const DocumentLocked: React.FC<{\n handleGoBack: () => void\n isActive: boolean\n onReadOnly: () => void\n onTakeOver: () => void\n updatedAt?: null | number\n user?: ClientUser\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n const { closeModal, openModal } = useModal()\n const { t } = useTranslation()\n\n useEffect(() => {\n if (isActive) {\n openModal(modalSlug)\n } else {\n closeModal(modalSlug)\n }\n }, [isActive, openModal, closeModal])\n\n return (\n <Modal className={baseClass} onClose={handleGoBack} slug={modalSlug}>\n <div className={`${baseClass}__wrapper`}>\n <div className={`${baseClass}__content`}>\n <h1>{t('general:documentLocked')}</h1>\n <p>\n <strong>{user?.email ?? user?.id}</strong> {t('general:currentlyEditing')}\n </p>\n <p>\n {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n </p>\n </div>\n <div className={`${baseClass}__controls`}>\n <Button\n buttonStyle=\"secondary\"\n id={`${modalSlug}-go-back`}\n onClick={handleGoBack}\n size=\"large\"\n >\n {t('general:goBack')}\n </Button>\n <Button\n buttonStyle=\"secondary\"\n id={`${modalSlug}-view-read-only`}\n onClick={() => {\n onReadOnly()\n closeModal(modalSlug)\n }}\n size=\"large\"\n >\n {t('general:viewReadOnly')}\n </Button>\n <Button\n buttonStyle=\"primary\"\n id={`${modalSlug}-take-over`}\n onClick={() => {\n void onTakeOver()\n closeModal(modalSlug)\n }}\n size=\"large\"\n >\n {t('general:takeOver')}\n </Button>\n </div>\n </div>\n </Modal>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","Button","Modal","useModal","useTranslation","isClientUserObject","React","useEffect","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","t1","t2","t3","t4","email","id","t5","t6","_jsx","className","onClose","slug","children","_jsxs","buttonStyle","onClick","size"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport { Button, Modal, useModal, useTranslation } from '@payloadcms/ui'\nimport { isClientUserObject } from '@payloadcms/ui/shared'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst modalSlug = 'document-locked'\n\nconst baseClass = 'document-locked'\n\nconst formatDate = (date) => {\n if (!date) {\n return ''\n }\n return new Intl.DateTimeFormat('en-US', {\n day: 'numeric',\n hour: 'numeric',\n hour12: true,\n minute: 'numeric',\n month: 'short',\n year: 'numeric',\n }).format(date)\n}\n\nexport const DocumentLocked: React.FC<{\n handleGoBack: () => void\n isActive: boolean\n onReadOnly: () => void\n onTakeOver: () => void\n updatedAt?: null | number\n user?: ClientUser | number | string\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n const { closeModal, openModal } = useModal()\n const { t } = useTranslation()\n\n useEffect(() => {\n if (isActive) {\n openModal(modalSlug)\n } else {\n closeModal(modalSlug)\n }\n }, [isActive, openModal, closeModal])\n\n return (\n <Modal className={baseClass} onClose={handleGoBack} slug={modalSlug}>\n <div className={`${baseClass}__wrapper`}>\n <div className={`${baseClass}__content`}>\n <h1>{t('general:documentLocked')}</h1>\n <p>\n <strong>\n {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n </strong>{' '}\n {t('general:currentlyEditing')}\n </p>\n <p>\n {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n </p>\n </div>\n <div className={`${baseClass}__controls`}>\n <Button\n buttonStyle=\"secondary\"\n id={`${modalSlug}-go-back`}\n onClick={handleGoBack}\n size=\"large\"\n >\n {t('general:goBack')}\n </Button>\n <Button\n buttonStyle=\"secondary\"\n id={`${modalSlug}-view-read-only`}\n onClick={() => {\n onReadOnly()\n closeModal(modalSlug)\n }}\n size=\"large\"\n >\n {t('general:viewReadOnly')}\n </Button>\n <Button\n buttonStyle=\"primary\"\n id={`${modalSlug}-take-over`}\n onClick={() => {\n void onTakeOver()\n closeModal(modalSlug)\n }}\n size=\"large\"\n >\n {t('general:takeOver')}\n </Button>\n </div>\n </div>\n </Modal>\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -21,6 +21,7 @@
21
21
  display: flex;
22
22
  flex-direction: column;
23
23
  gap: var(--base);
24
+ max-width: base(36);
24
25
 
25
26
  > * {
26
27
  margin: 0;