@payloadcms/next 3.68.0-internal.e81dde6 → 3.68.1

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.
Files changed (67) hide show
  1. package/dist/cjs/withPayload.cjs +314 -0
  2. package/dist/cjs/withPayload.cjs.map +7 -0
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/views/Document/getDocumentPermissions.js +1 -1
  7. package/dist/views/Document/getDocumentPermissions.js.map +1 -1
  8. package/dist/withPayload/withPayload.d.ts.map +1 -0
  9. package/dist/withPayload/withPayload.js.map +1 -0
  10. package/dist/{withPayload.utils.d.ts → withPayload/withPayload.utils.d.ts} +2 -5
  11. package/dist/withPayload/withPayload.utils.d.ts.map +1 -0
  12. package/dist/withPayload/withPayload.utils.js +108 -0
  13. package/dist/withPayload/withPayload.utils.js.map +1 -0
  14. package/dist/{withPayloadLegacy.d.ts → withPayload/withPayloadLegacy.d.ts} +1 -1
  15. package/dist/withPayload/withPayloadLegacy.d.ts.map +1 -0
  16. package/dist/{withPayloadLegacy.js → withPayload/withPayloadLegacy.js} +3 -3
  17. package/dist/withPayload/withPayloadLegacy.js.map +1 -0
  18. package/package.json +13 -11
  19. package/dist/elements/DocumentHeader/Tabs/Tab/index.scss +0 -38
  20. package/dist/elements/DocumentHeader/Tabs/index.scss +0 -54
  21. package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.scss +0 -9
  22. package/dist/elements/DocumentHeader/index.scss +0 -64
  23. package/dist/elements/FormHeader/index.scss +0 -8
  24. package/dist/elements/Nav/NavWrapper/index.scss +0 -27
  25. package/dist/elements/Nav/SettingsMenuButton/index.scss +0 -11
  26. package/dist/elements/Nav/index.scss +0 -173
  27. package/dist/templates/Default/Wrapper/index.scss +0 -58
  28. package/dist/templates/Default/index.scss +0 -79
  29. package/dist/templates/Minimal/index.scss +0 -30
  30. package/dist/views/API/RenderJSON/index.scss +0 -129
  31. package/dist/views/API/index.scss +0 -119
  32. package/dist/views/Account/Settings/index.scss +0 -48
  33. package/dist/views/CreateFirstUser/index.scss +0 -21
  34. package/dist/views/Dashboard/Default/index.scss +0 -69
  35. package/dist/views/Login/LoginForm/index.scss +0 -10
  36. package/dist/views/Login/index.scss +0 -10
  37. package/dist/views/Logout/index.scss +0 -25
  38. package/dist/views/NotFound/index.scss +0 -57
  39. package/dist/views/ResetPassword/index.scss +0 -11
  40. package/dist/views/Unauthorized/index.scss +0 -14
  41. package/dist/views/Verify/index.scss +0 -16
  42. package/dist/views/Version/Default/index.scss +0 -170
  43. package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.scss +0 -81
  44. package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.scss +0 -12
  45. package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.scss +0 -9
  46. package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.scss +0 -59
  47. package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.scss +0 -91
  48. package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.scss +0 -4
  49. package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.scss +0 -9
  50. package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.scss +0 -4
  51. package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.scss +0 -121
  52. package/dist/views/Version/RenderFieldsToDiff/index.scss +0 -24
  53. package/dist/views/Version/Restore/index.scss +0 -84
  54. package/dist/views/Version/SelectComparison/VersionDrawer/index.scss +0 -18
  55. package/dist/views/Version/SelectComparison/index.scss +0 -9
  56. package/dist/views/Version/VersionPillLabel/index.scss +0 -26
  57. package/dist/views/Versions/cells/AutosaveCell/index.scss +0 -9
  58. package/dist/views/Versions/index.scss +0 -110
  59. package/dist/withPayload.d.ts.map +0 -1
  60. package/dist/withPayload.js.map +0 -1
  61. package/dist/withPayload.utils.d.ts.map +0 -1
  62. package/dist/withPayload.utils.js +0 -101
  63. package/dist/withPayload.utils.js.map +0 -1
  64. package/dist/withPayloadLegacy.d.ts.map +0 -1
  65. package/dist/withPayloadLegacy.js.map +0 -1
  66. /package/dist/{withPayload.d.ts → withPayload/withPayload.d.ts} +0 -0
  67. /package/dist/{withPayload.js → withPayload/withPayload.js} +0 -0
@@ -1,81 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .diff-collapser {
5
- &__toggle-button {
6
- all: unset;
7
- cursor: pointer;
8
- position: relative;
9
- z-index: 1;
10
- display: flex;
11
- align-items: center;
12
-
13
- .icon {
14
- color: var(--theme-elevation-500);
15
- }
16
-
17
- &:hover {
18
- // Apply background color but with padding, thus we use after
19
- &::before {
20
- content: '';
21
- position: absolute;
22
- top: -(base(0.15));
23
- left: -(base(0.15));
24
- right: -(base(0.15));
25
- bottom: -(base(0.15));
26
- background-color: var(--theme-elevation-50);
27
- border-radius: var(--style-radius-s);
28
- z-index: -1;
29
- }
30
-
31
- .iterable-diff__label {
32
- background-color: var(--theme-elevation-50);
33
- z-index: 1;
34
- }
35
- }
36
- }
37
-
38
- &__label {
39
- // Add space between label, chevron, and change count
40
- margin: 0 calc(var(--base) * 0.3) 0 0;
41
- display: inline-flex;
42
- height: 100%;
43
- }
44
-
45
- &__field-change-count {
46
- // Reset the font weight of the change count to normal
47
- font-weight: normal;
48
- margin-left: calc(var(--base) * 0.3);
49
- padding: calc(var(--base) * 0.1) calc(var(--base) * 0.2);
50
- background: var(--theme-elevation-100);
51
- border-radius: var(--style-radius-s);
52
- font-size: 0.8rem;
53
- }
54
-
55
- &__content:not(.diff-collapser__content--hide-gutter) {
56
- [dir='ltr'] & {
57
- // Vertical gutter
58
- border-left: 2px solid var(--theme-elevation-100);
59
- // Center-align the gutter with the chevron
60
- margin-left: 3px;
61
- // Content indentation
62
- padding-left: calc(var(--base) * 0.5);
63
- }
64
- [dir='rtl'] & {
65
- // Vertical gutter
66
- border-right: 2px solid var(--theme-elevation-100);
67
- // Center-align the gutter with the chevron
68
- margin-right: 3px;
69
- // Content indentation
70
- padding-right: calc(var(--base) * 0.5);
71
- }
72
- }
73
-
74
- &__content--is-collapsed {
75
- // Hide the content when collapsed. We use display: none instead of
76
- // conditional rendering to avoid loosing children's collapsed state when
77
- // remounting.
78
- display: none;
79
- }
80
- }
81
- }
@@ -1,12 +0,0 @@
1
- @layer payload-default {
2
- .date-diff {
3
- p *[data-match-type='delete'] {
4
- color: unset !important;
5
- background-color: unset !important;
6
- }
7
- p *[data-match-type='create'] {
8
- color: unset !important;
9
- background-color: unset !important;
10
- }
11
- }
12
- }
@@ -1,9 +0,0 @@
1
- @layer payload-default {
2
- .group-diff {
3
- &__locale-label {
4
- &--no-label {
5
- color: var(--theme-elevation-600);
6
- }
7
- }
8
- }
9
- }
@@ -1,59 +0,0 @@
1
- @layer payload-default {
2
- .iterable-diff {
3
- &-label-container {
4
- position: relative;
5
- height: 20px;
6
- display: flex;
7
- flex-direction: row;
8
- height: 100%;
9
- }
10
-
11
- &-label-prefix {
12
- background-color: var(--theme-bg);
13
- position: relative;
14
- width: calc(var(--base) * 0.5);
15
- height: 16px;
16
- margin-left: calc((var(--base) * -0.5) - 5px);
17
- margin-right: calc(var(--base) * 0.5);
18
-
19
- &::before {
20
- content: '';
21
- position: absolute;
22
- left: 1px;
23
- top: 8px;
24
- transform: translateY(-50%);
25
- width: 6px;
26
- height: 6px;
27
- background-color: var(--theme-elevation-200);
28
- border-radius: 50%;
29
- margin-right: 5px;
30
- }
31
- }
32
- &__label {
33
- font-weight: 400;
34
- color: var(--theme-elevation-600);
35
- }
36
-
37
- &__locale-label {
38
- background: var(--theme-elevation-100);
39
- border-radius: var(--style-radius-s);
40
- padding: calc(var(--base) * 0.2);
41
- // border-radius: $style-radius-m;
42
- [dir='ltr'] & {
43
- margin-right: calc(var(--base) * 0.25);
44
- }
45
- [dir='rtl'] & {
46
- margin-left: calc(var(--base) * 0.25);
47
- }
48
- }
49
-
50
- // Space between each row
51
- &__row:not(:first-of-type) {
52
- margin-top: calc(var(--base) * 0.5);
53
- }
54
-
55
- &__no-rows {
56
- color: var(--theme-elevation-400);
57
- }
58
- }
59
- }
@@ -1,91 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .relationship-diff-container .field-diff-content {
5
- padding: 0;
6
- background: unset;
7
- }
8
-
9
- .relationship-diff-container--hasOne {
10
- .relationship-diff {
11
- min-width: 100%;
12
- max-width: fit-content;
13
- }
14
- }
15
-
16
- .relationship-diff-container--hasMany .field-diff-content {
17
- background: var(--theme-elevation-50);
18
- padding: 10px;
19
-
20
- .html-diff {
21
- display: flex;
22
- min-width: 0;
23
- max-width: max-content;
24
- flex-wrap: wrap;
25
- gap: calc(var(--base) * 0.5);
26
- }
27
-
28
- .relationship-diff {
29
- padding: calc(var(--base) * 0.15) calc(var(--base) * 0.3);
30
- }
31
- }
32
-
33
- .relationship-diff {
34
- @extend %body;
35
- display: flex;
36
- align-items: center;
37
- border-radius: $style-radius-s;
38
- border: 1px solid var(--theme-elevation-150);
39
- position: relative;
40
- font-family: var(--font-body);
41
- max-height: calc(var(--base) * 3);
42
- padding: calc(var(--base) * 0.35);
43
-
44
- &[data-match-type='create'] {
45
- border-color: var(--diff-create-pill-border);
46
- color: var(--diff-create-parent-color);
47
-
48
- * {
49
- color: var(--diff-create-parent-color);
50
- }
51
- }
52
-
53
- &[data-match-type='delete'] {
54
- border-color: var(--diff-delete-pill-border);
55
- color: var(--diff-delete-parent-color);
56
- background-color: var(--diff-delete-pill-bg);
57
- text-decoration-line: none !important;
58
-
59
- * {
60
- color: var(--diff-delete-parent-color);
61
- text-decoration-line: none;
62
- }
63
-
64
- .relationship-diff__info {
65
- text-decoration-line: line-through;
66
- }
67
- }
68
-
69
- &__info {
70
- font-weight: 500;
71
- }
72
-
73
- &__pill {
74
- border-radius: $style-radius-s;
75
- margin: 0 calc(var(--base) * 0.4) 0 calc(var(--base) * 0.2);
76
- padding: 0 calc(var(--base) * 0.1);
77
- background-color: var(--theme-elevation-150);
78
- color: var(--theme-elevation-750);
79
- }
80
-
81
- &[data-match-type='create'] .relationship-diff__pill {
82
- background-color: var(--diff-create-parent-bg);
83
- color: var(--diff-create-pill-color);
84
- }
85
-
86
- &[data-match-type='delete'] .relationship-diff__pill {
87
- background-color: var(--diff-delete-parent-bg);
88
- color: var(--diff-delete-pill-color);
89
- }
90
- }
91
- }
@@ -1,4 +0,0 @@
1
- @layer payload-default {
2
- .select-diff {
3
- }
4
- }
@@ -1,9 +0,0 @@
1
- @layer payload-default {
2
- .tabs-diff {
3
- // Space between each tab or tab locale
4
- &__tab:not(:first-of-type),
5
- &__tab-locale:not(:first-of-type) {
6
- margin-top: var(--base);
7
- }
8
- }
9
- }
@@ -1,4 +0,0 @@
1
- @layer payload-default {
2
- .text-diff {
3
- }
4
- }
@@ -1,121 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .upload-diff-container .field-diff-content {
5
- padding: 0;
6
- background: unset;
7
- }
8
-
9
- .upload-diff-hasMany {
10
- display: flex;
11
- flex-direction: column;
12
- gap: calc(var(--base) * 0.4);
13
- }
14
-
15
- .upload-diff {
16
- @extend %body;
17
- min-width: 100%;
18
- max-width: fit-content;
19
- display: flex;
20
- align-items: center;
21
- background-color: var(--theme-elevation-50);
22
- border-radius: $style-radius-s;
23
- border: 1px solid var(--theme-elevation-150);
24
- position: relative;
25
- font-family: var(--font-body);
26
- max-height: calc(var(--base) * 3);
27
- padding: calc(var(--base) * 0.1);
28
-
29
- &[data-match-type='create'] {
30
- border-color: var(--diff-create-pill-border);
31
- color: var(--diff-create-parent-color);
32
-
33
- * {
34
- color: var(--diff-create-parent-color);
35
- }
36
-
37
- .upload-diff__thumbnail {
38
- border-radius: 0px;
39
- border-color: var(--diff-create-pill-border);
40
- background-color: none;
41
- }
42
- }
43
-
44
- &[data-match-type='delete'] {
45
- border-color: var(--diff-delete-pill-border);
46
- text-decoration-line: none;
47
- color: var(--diff-delete-parent-color);
48
- background-color: var(--diff-delete-pill-bg);
49
-
50
- * {
51
- text-decoration-line: none;
52
- color: var(--diff-delete-parent-color);
53
- }
54
-
55
- .upload-diff__thumbnail {
56
- border-radius: 0px;
57
- border-color: var(--diff-delete-pill-border);
58
- background-color: none;
59
- }
60
- }
61
-
62
- &__card {
63
- display: flex;
64
- flex-direction: row;
65
- align-items: center;
66
- width: 100%;
67
- }
68
-
69
- &__thumbnail {
70
- width: calc(var(--base) * 3 - base(0.8) * 2);
71
- height: calc(var(--base) * 3 - base(0.8) * 2);
72
- position: relative;
73
- overflow: hidden;
74
- flex-shrink: 0;
75
- border-radius: 0px;
76
- border: 1px solid var(--theme-elevation-100);
77
-
78
- img,
79
- svg {
80
- position: absolute;
81
- object-fit: cover;
82
- width: 100%;
83
- height: 100%;
84
- border-radius: 0px;
85
- }
86
- }
87
-
88
- &__info {
89
- flex-grow: 1;
90
- display: flex;
91
- align-items: flex-start;
92
- flex-direction: column;
93
- padding: calc(var(--base) * 0.25) calc(var(--base) * 0.6);
94
- justify-content: space-between;
95
- font-weight: 400;
96
-
97
- strong {
98
- font-weight: 500;
99
- }
100
- }
101
-
102
- &__pill {
103
- border-radius: $style-radius-s;
104
- margin-left: calc(var(--base) * 0.6);
105
- padding: 0 calc(var(--base) * 0.1);
106
-
107
- background-color: var(--theme-elevation-150);
108
- color: var(--theme-elevation-750);
109
- }
110
-
111
- &[data-match-type='create'] .upload-diff__pill {
112
- background-color: var(--diff-create-parent-bg);
113
- color: var(--diff-create-pill-color);
114
- }
115
-
116
- &[data-match-type='delete'] .upload-diff__pill {
117
- background-color: var(--diff-delete-parent-bg);
118
- color: var(--diff-delete-pill-color);
119
- }
120
- }
121
- }
@@ -1,24 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .render-field-diffs {
5
- display: flex;
6
- flex-direction: column;
7
- gap: var(--base);
8
-
9
- [role='banner'] {
10
- display: none !important;
11
- }
12
-
13
- &__field {
14
- overflow-wrap: anywhere;
15
- display: flex;
16
- flex-direction: column;
17
- gap: var(--base);
18
- }
19
-
20
- @include small-break {
21
- gap: calc(var(--base) / 2);
22
- }
23
- }
24
- }
@@ -1,84 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .restore-version {
5
- cursor: pointer;
6
- display: flex;
7
- min-width: max-content;
8
-
9
- .popup-button {
10
- display: flex;
11
- }
12
-
13
- &__chevron {
14
- background-color: var(--theme-elevation-150);
15
- border-top-left-radius: 0;
16
- border-bottom-left-radius: 0;
17
- cursor: pointer;
18
-
19
- .stroke {
20
- stroke-width: 1px;
21
- }
22
-
23
- &:hover {
24
- background: var(--theme-elevation-100);
25
- }
26
- }
27
-
28
- .btn {
29
- margin-block: 0;
30
- }
31
-
32
- &__restore-as-draft-button {
33
- border-top-right-radius: 0px;
34
- border-bottom-right-radius: 0px;
35
- margin-right: 2px;
36
-
37
- &:focus {
38
- border-radius: 0;
39
- outline-offset: 0;
40
- }
41
- }
42
-
43
- &__modal {
44
- @include blur-bg;
45
- display: flex;
46
- align-items: center;
47
- justify-content: center;
48
- height: 100%;
49
-
50
- &__toggle {
51
- @extend %btn-reset;
52
- }
53
- }
54
-
55
- &__wrapper {
56
- z-index: 1;
57
- position: relative;
58
- display: flex;
59
- flex-direction: column;
60
- gap: base(0.8);
61
- padding: base(2);
62
- max-width: base(36);
63
- }
64
-
65
- &__content {
66
- display: flex;
67
- flex-direction: column;
68
- gap: base(0.4);
69
-
70
- > * {
71
- margin: 0;
72
- }
73
- }
74
-
75
- &__controls {
76
- display: flex;
77
- gap: base(0.4);
78
-
79
- .btn {
80
- margin: 0;
81
- }
82
- }
83
- }
84
- }
@@ -1,18 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .version-drawer {
5
- .table {
6
- width: 100%;
7
- }
8
-
9
- .created-at-cell {
10
- // Button reset, + underline
11
- background: none;
12
- border: none;
13
- cursor: pointer;
14
- padding: 0;
15
- text-decoration: underline;
16
- }
17
- }
18
- }
@@ -1,9 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .compare-version {
5
- &-moreVersions {
6
- color: var(--theme-elevation-500);
7
- }
8
- }
9
- }
@@ -1,26 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .version-pill-label {
5
- display: flex;
6
- align-items: center;
7
- gap: calc(var(--base) / 2);
8
-
9
- &-text {
10
- font-weight: 500;
11
- }
12
-
13
- &-date {
14
- color: var(--theme-elevation-500);
15
- }
16
- }
17
-
18
- @include small-break {
19
- .version-pill-label {
20
- // Column
21
- flex-direction: column;
22
- align-items: flex-start;
23
- gap: 0;
24
- }
25
- }
26
- }
@@ -1,9 +0,0 @@
1
- @layer payload-default {
2
- .autosave-cell {
3
- &__items {
4
- display: flex;
5
- align-items: center;
6
- gap: calc(var(--base) * 0.5);
7
- }
8
- }
9
- }
@@ -1,110 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .versions {
5
- width: 100%;
6
- margin-bottom: calc(var(--base) * 2);
7
-
8
- &__wrap {
9
- padding-top: 0;
10
- padding-bottom: var(--spacing-view-bottom);
11
- margin-top: calc(var(--base) * 0.75);
12
- }
13
-
14
- &__header {
15
- margin-bottom: var(--base);
16
- }
17
-
18
- &__no-versions {
19
- margin-top: calc(var(--base) * 1.5);
20
- }
21
-
22
- &__parent-doc {
23
- .banner__content {
24
- display: flex;
25
- }
26
- }
27
-
28
- &__parent-doc-pills {
29
- [dir='ltr'] & {
30
- margin-left: auto;
31
- }
32
-
33
- [dir='rtl'] & {
34
- margin-right: auto;
35
- }
36
- }
37
-
38
- .table {
39
- table {
40
- width: 100%;
41
- overflow: auto;
42
- }
43
- }
44
-
45
- &__page-controls {
46
- width: 100%;
47
- display: flex;
48
- align-items: center;
49
- }
50
-
51
- .paginator {
52
- margin-bottom: 0;
53
- }
54
-
55
- &__page-info {
56
- [dir='ltr'] & {
57
- margin-right: var(--base);
58
- margin-left: auto;
59
- }
60
-
61
- [dir='rtl'] & {
62
- margin-left: var(--base);
63
- margin-right: auto;
64
- }
65
- }
66
-
67
- @include mid-break {
68
- &__wrap {
69
- padding-top: 0;
70
- margin-top: 0;
71
- }
72
-
73
- // on mobile, extend the table all the way to the viewport edges
74
- // this is to visually indicate overflowing content
75
- .table {
76
- display: flex;
77
- width: calc(100% + calc(var(--gutter-h) * 2));
78
- max-width: unset;
79
- left: calc(var(--gutter-h) * -1);
80
- position: relative;
81
- padding-left: var(--gutter-h);
82
-
83
- &::after {
84
- content: '';
85
- height: 1px;
86
- padding-right: var(--gutter-h);
87
- }
88
- }
89
-
90
- &__page-controls {
91
- flex-wrap: wrap;
92
- }
93
-
94
- &__page-info {
95
- [dir='ltr'] & {
96
- margin-left: 0;
97
- }
98
-
99
- [dir='rtl'] & {
100
- margin-right: 0;
101
- }
102
- }
103
-
104
- .paginator {
105
- width: 100%;
106
- margin-bottom: var(--base);
107
- }
108
- }
109
- }
110
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"withPayload.d.ts","sourceRoot":"","sources":["../src/withPayload.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAatC;;;;KAIK;AACL,eAAO,MAAM,WAAW,gBACV,UAAU,YACb;IAAE,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAAE,KAC7C,UA8MF,CAAA;AAED,eAAe,WAAW,CAAA"}