@payloadcms/next 3.68.0-internal.35482da → 3.68.0-internal.6fa474a

package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.scss

@@ -0,0 +1,81 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .diff-collapser {
+    &__toggle-button {
+      all: unset;
+      cursor: pointer;
+      position: relative;
+      z-index: 1;
+      display: flex;
+      align-items: center;
+
+      .icon {
+        color: var(--theme-elevation-500);
+      }
+
+      &:hover {
+        // Apply background color but with padding, thus we use after
+        &::before {
+          content: '';
+          position: absolute;
+          top: -(base(0.15));
+          left: -(base(0.15));
+          right: -(base(0.15));
+          bottom: -(base(0.15));
+          background-color: var(--theme-elevation-50);
+          border-radius: var(--style-radius-s);
+          z-index: -1;
+        }
+
+        .iterable-diff__label {
+          background-color: var(--theme-elevation-50);
+          z-index: 1;
+        }
+      }
+    }
+
+    &__label {
+      // Add space between label, chevron, and change count
+      margin: 0 calc(var(--base) * 0.3) 0 0;
+      display: inline-flex;
+      height: 100%;
+    }
+
+    &__field-change-count {
+      // Reset the font weight of the change count to normal
+      font-weight: normal;
+      margin-left: calc(var(--base) * 0.3);
+      padding: calc(var(--base) * 0.1) calc(var(--base) * 0.2);
+      background: var(--theme-elevation-100);
+      border-radius: var(--style-radius-s);
+      font-size: 0.8rem;
+    }
+
+    &__content:not(.diff-collapser__content--hide-gutter) {
+      [dir='ltr'] & {
+        // Vertical gutter
+        border-left: 2px solid var(--theme-elevation-100);
+        // Center-align the gutter with the chevron
+        margin-left: 3px;
+        // Content indentation
+        padding-left: calc(var(--base) * 0.5);
+      }
+      [dir='rtl'] & {
+        // Vertical gutter
+        border-right: 2px solid var(--theme-elevation-100);
+        // Center-align the gutter with the chevron
+        margin-right: 3px;
+        // Content indentation
+        padding-right: calc(var(--base) * 0.5);
+      }
+    }
+
+    &__content--is-collapsed {
+      // Hide the content when collapsed. We use display: none instead of
+      // conditional rendering to avoid loosing children's collapsed state when
+      // remounting.
+      display: none;
+    }
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.scss

@@ -0,0 +1,12 @@
+@layer payload-default {
+  .date-diff {
+    p *[data-match-type='delete'] {
+      color: unset !important;
+      background-color: unset !important;
+    }
+    p *[data-match-type='create'] {
+      color: unset !important;
+      background-color: unset !important;
+    }
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.scss

@@ -0,0 +1,9 @@
+@layer payload-default {
+  .group-diff {
+    &__locale-label {
+      &--no-label {
+        color: var(--theme-elevation-600);
+      }
+    }
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.scss

@@ -0,0 +1,59 @@
+@layer payload-default {
+  .iterable-diff {
+    &-label-container {
+      position: relative;
+      height: 20px;
+      display: flex;
+      flex-direction: row;
+      height: 100%;
+    }
+
+    &-label-prefix {
+      background-color: var(--theme-bg);
+      position: relative;
+      width: calc(var(--base) * 0.5);
+      height: 16px;
+      margin-left: calc((var(--base) * -0.5) - 5px);
+      margin-right: calc(var(--base) * 0.5);
+
+      &::before {
+        content: '';
+        position: absolute;
+        left: 1px;
+        top: 8px;
+        transform: translateY(-50%);
+        width: 6px;
+        height: 6px;
+        background-color: var(--theme-elevation-200);
+        border-radius: 50%;
+        margin-right: 5px;
+      }
+    }
+    &__label {
+      font-weight: 400;
+      color: var(--theme-elevation-600);
+    }
+
+    &__locale-label {
+      background: var(--theme-elevation-100);
+      border-radius: var(--style-radius-s);
+      padding: calc(var(--base) * 0.2);
+      // border-radius: $style-radius-m;
+      [dir='ltr'] & {
+        margin-right: calc(var(--base) * 0.25);
+      }
+      [dir='rtl'] & {
+        margin-left: calc(var(--base) * 0.25);
+      }
+    }
+
+    // Space between each row
+    &__row:not(:first-of-type) {
+      margin-top: calc(var(--base) * 0.5);
+    }
+
+    &__no-rows {
+      color: var(--theme-elevation-400);
+    }
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.scss

@@ -0,0 +1,91 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .relationship-diff-container .field-diff-content {
+    padding: 0;
+    background: unset;
+  }
+
+  .relationship-diff-container--hasOne {
+    .relationship-diff {
+      min-width: 100%;
+      max-width: fit-content;
+    }
+  }
+
+  .relationship-diff-container--hasMany .field-diff-content {
+    background: var(--theme-elevation-50);
+    padding: 10px;
+
+    .html-diff {
+      display: flex;
+      min-width: 0;
+      max-width: max-content;
+      flex-wrap: wrap;
+      gap: calc(var(--base) * 0.5);
+    }
+
+    .relationship-diff {
+      padding: calc(var(--base) * 0.15) calc(var(--base) * 0.3);
+    }
+  }
+
+  .relationship-diff {
+    @extend %body;
+    display: flex;
+    align-items: center;
+    border-radius: $style-radius-s;
+    border: 1px solid var(--theme-elevation-150);
+    position: relative;
+    font-family: var(--font-body);
+    max-height: calc(var(--base) * 3);
+    padding: calc(var(--base) * 0.35);
+
+    &[data-match-type='create'] {
+      border-color: var(--diff-create-pill-border);
+      color: var(--diff-create-parent-color);
+
+      * {
+        color: var(--diff-create-parent-color);
+      }
+    }
+
+    &[data-match-type='delete'] {
+      border-color: var(--diff-delete-pill-border);
+      color: var(--diff-delete-parent-color);
+      background-color: var(--diff-delete-pill-bg);
+      text-decoration-line: none !important;
+
+      * {
+        color: var(--diff-delete-parent-color);
+        text-decoration-line: none;
+      }
+
+      .relationship-diff__info {
+        text-decoration-line: line-through;
+      }
+    }
+
+    &__info {
+      font-weight: 500;
+    }
+
+    &__pill {
+      border-radius: $style-radius-s;
+      margin: 0 calc(var(--base) * 0.4) 0 calc(var(--base) * 0.2);
+      padding: 0 calc(var(--base) * 0.1);
+      background-color: var(--theme-elevation-150);
+      color: var(--theme-elevation-750);
+    }
+
+    &[data-match-type='create'] .relationship-diff__pill {
+      background-color: var(--diff-create-parent-bg);
+      color: var(--diff-create-pill-color);
+    }
+
+    &[data-match-type='delete'] .relationship-diff__pill {
+      background-color: var(--diff-delete-parent-bg);
+      color: var(--diff-delete-pill-color);
+    }
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.scss

@@ -0,0 +1,4 @@
+@layer payload-default {
+  .select-diff {
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.scss

@@ -0,0 +1,9 @@
+@layer payload-default {
+  .tabs-diff {
+    // Space between each tab or tab locale
+    &__tab:not(:first-of-type),
+    &__tab-locale:not(:first-of-type) {
+      margin-top: var(--base);
+    }
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.scss

@@ -0,0 +1,4 @@
+@layer payload-default {
+  .text-diff {
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.scss

@@ -0,0 +1,121 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .upload-diff-container .field-diff-content {
+    padding: 0;
+    background: unset;
+  }
+
+  .upload-diff-hasMany {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) * 0.4);
+  }
+
+  .upload-diff {
+    @extend %body;
+    min-width: 100%;
+    max-width: fit-content;
+    display: flex;
+    align-items: center;
+    background-color: var(--theme-elevation-50);
+    border-radius: $style-radius-s;
+    border: 1px solid var(--theme-elevation-150);
+    position: relative;
+    font-family: var(--font-body);
+    max-height: calc(var(--base) * 3);
+    padding: calc(var(--base) * 0.1);
+
+    &[data-match-type='create'] {
+      border-color: var(--diff-create-pill-border);
+      color: var(--diff-create-parent-color);
+
+      * {
+        color: var(--diff-create-parent-color);
+      }
+
+      .upload-diff__thumbnail {
+        border-radius: 0px;
+        border-color: var(--diff-create-pill-border);
+        background-color: none;
+      }
+    }
+
+    &[data-match-type='delete'] {
+      border-color: var(--diff-delete-pill-border);
+      text-decoration-line: none;
+      color: var(--diff-delete-parent-color);
+      background-color: var(--diff-delete-pill-bg);
+
+      * {
+        text-decoration-line: none;
+        color: var(--diff-delete-parent-color);
+      }
+
+      .upload-diff__thumbnail {
+        border-radius: 0px;
+        border-color: var(--diff-delete-pill-border);
+        background-color: none;
+      }
+    }
+
+    &__card {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      width: 100%;
+    }
+
+    &__thumbnail {
+      width: calc(var(--base) * 3 - base(0.8) * 2);
+      height: calc(var(--base) * 3 - base(0.8) * 2);
+      position: relative;
+      overflow: hidden;
+      flex-shrink: 0;
+      border-radius: 0px;
+      border: 1px solid var(--theme-elevation-100);
+
+      img,
+      svg {
+        position: absolute;
+        object-fit: cover;
+        width: 100%;
+        height: 100%;
+        border-radius: 0px;
+      }
+    }
+
+    &__info {
+      flex-grow: 1;
+      display: flex;
+      align-items: flex-start;
+      flex-direction: column;
+      padding: calc(var(--base) * 0.25) calc(var(--base) * 0.6);
+      justify-content: space-between;
+      font-weight: 400;
+
+      strong {
+        font-weight: 500;
+      }
+    }
+
+    &__pill {
+      border-radius: $style-radius-s;
+      margin-left: calc(var(--base) * 0.6);
+      padding: 0 calc(var(--base) * 0.1);
+
+      background-color: var(--theme-elevation-150);
+      color: var(--theme-elevation-750);
+    }
+
+    &[data-match-type='create'] .upload-diff__pill {
+      background-color: var(--diff-create-parent-bg);
+      color: var(--diff-create-pill-color);
+    }
+
+    &[data-match-type='delete'] .upload-diff__pill {
+      background-color: var(--diff-delete-parent-bg);
+      color: var(--diff-delete-pill-color);
+    }
+  }
+}

package/dist/views/Version/RenderFieldsToDiff/index.scss

@@ -0,0 +1,24 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .render-field-diffs {
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
+
+    [role='banner'] {
+      display: none !important;
+    }
+
+    &__field {
+      overflow-wrap: anywhere;
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+    }
+
+    @include small-break {
+      gap: calc(var(--base) / 2);
+    }
+  }
+}

package/dist/views/Version/Restore/index.scss

@@ -0,0 +1,84 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .restore-version {
+    cursor: pointer;
+    display: flex;
+    min-width: max-content;
+
+    .popup-button {
+      display: flex;
+    }
+
+    &__chevron {
+      background-color: var(--theme-elevation-150);
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      cursor: pointer;
+
+      .stroke {
+        stroke-width: 1px;
+      }
+
+      &:hover {
+        background: var(--theme-elevation-100);
+      }
+    }
+
+    .btn {
+      margin-block: 0;
+    }
+
+    &__restore-as-draft-button {
+      border-top-right-radius: 0px;
+      border-bottom-right-radius: 0px;
+      margin-right: 2px;
+
+      &:focus {
+        border-radius: 0;
+        outline-offset: 0;
+      }
+    }
+
+    &__modal {
+      @include blur-bg;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+
+      &__toggle {
+        @extend %btn-reset;
+      }
+    }
+
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: base(0.8);
+      padding: base(2);
+      max-width: base(36);
+    }
+
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: base(0.4);
+
+      > * {
+        margin: 0;
+      }
+    }
+
+    &__controls {
+      display: flex;
+      gap: base(0.4);
+
+      .btn {
+        margin: 0;
+      }
+    }
+  }
+}

package/dist/views/Version/SelectComparison/VersionDrawer/index.scss

@@ -0,0 +1,18 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .version-drawer {
+    .table {
+      width: 100%;
+    }
+
+    .created-at-cell {
+      // Button reset, + underline
+      background: none;
+      border: none;
+      cursor: pointer;
+      padding: 0;
+      text-decoration: underline;
+    }
+  }
+}

package/dist/views/Version/SelectComparison/index.scss

@@ -0,0 +1,9 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .compare-version {
+    &-moreVersions {
+      color: var(--theme-elevation-500);
+    }
+  }
+}

package/dist/views/Version/VersionPillLabel/index.scss

@@ -0,0 +1,26 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .version-pill-label {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--base) / 2);
+
+    &-text {
+      font-weight: 500;
+    }
+
+    &-date {
+      color: var(--theme-elevation-500);
+    }
+  }
+
+  @include small-break {
+    .version-pill-label {
+      // Column
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 0;
+    }
+  }
+}

package/dist/views/Versions/cells/AutosaveCell/index.scss

@@ -0,0 +1,9 @@
+@layer payload-default {
+  .autosave-cell {
+    &__items {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) * 0.5);
+    }
+  }
+}

package/dist/views/Versions/index.scss

@@ -0,0 +1,110 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .versions {
+    width: 100%;
+    margin-bottom: calc(var(--base) * 2);
+
+    &__wrap {
+      padding-top: 0;
+      padding-bottom: var(--spacing-view-bottom);
+      margin-top: calc(var(--base) * 0.75);
+    }
+
+    &__header {
+      margin-bottom: var(--base);
+    }
+
+    &__no-versions {
+      margin-top: calc(var(--base) * 1.5);
+    }
+
+    &__parent-doc {
+      .banner__content {
+        display: flex;
+      }
+    }
+
+    &__parent-doc-pills {
+      [dir='ltr'] & {
+        margin-left: auto;
+      }
+
+      [dir='rtl'] & {
+        margin-right: auto;
+      }
+    }
+
+    .table {
+      table {
+        width: 100%;
+        overflow: auto;
+      }
+    }
+
+    &__page-controls {
+      width: 100%;
+      display: flex;
+      align-items: center;
+    }
+
+    .paginator {
+      margin-bottom: 0;
+    }
+
+    &__page-info {
+      [dir='ltr'] & {
+        margin-right: var(--base);
+        margin-left: auto;
+      }
+
+      [dir='rtl'] & {
+        margin-left: var(--base);
+        margin-right: auto;
+      }
+    }
+
+    @include mid-break {
+      &__wrap {
+        padding-top: 0;
+        margin-top: 0;
+      }
+
+      // on mobile, extend the table all the way to the viewport edges
+      // this is to visually indicate overflowing content
+      .table {
+        display: flex;
+        width: calc(100% + calc(var(--gutter-h) * 2));
+        max-width: unset;
+        left: calc(var(--gutter-h) * -1);
+        position: relative;
+        padding-left: var(--gutter-h);
+
+        &::after {
+          content: '';
+          height: 1px;
+          padding-right: var(--gutter-h);
+        }
+      }
+
+      &__page-controls {
+        flex-wrap: wrap;
+      }
+
+      &__page-info {
+        [dir='ltr'] & {
+          margin-left: 0;
+        }
+
+        [dir='rtl'] & {
+          margin-right: 0;
+        }
+      }
+
+      .paginator {
+        width: 100%;
+        margin-bottom: var(--base);
+      }
+    }
+  }
+}

package/dist/withPayload/withPayload.d.ts

@@ -0,0 +1,11 @@
+import type { NextConfig } from 'next';
+/**
+ * @param {import('next').NextConfig} nextConfig
+ * @param {Object} [options] - Optional configuration options
+ * @param {boolean} [options.devBundleServerPackages] - Whether to bundle server packages in development mode. @default false
+ * */
+export declare const withPayload: (nextConfig?: NextConfig, options?: {
+    devBundleServerPackages?: boolean;
+}) => NextConfig;
+export default withPayload;
+//# sourceMappingURL=withPayload.d.ts.map

package/dist/withPayload/withPayload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withPayload.d.ts","sourceRoot":"","sources":["../../src/withPayload/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"}