@payloadcms/next 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

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/fields/index.js

@@ -9,27 +9,28 @@ import { Tabs } from './Tabs/index.js';
 import { Text } from './Text/index.js';
 import { Upload } from './Upload/index.js';
 export const diffComponents = {
-  array: Iterable,
-  blocks: Iterable,
-  checkbox: Text,
-  code: Text,
-  collapsible: Collapsible,
-  date: DateDiffComponent,
-  email: Text,
-  group: Group,
-  join: null,
-  json: Text,
-  number: Text,
-  point: Text,
-  radio: Select,
-  relationship: Relationship,
-  richText: Text,
-  row: Row,
-  select: Select,
-  tabs: Tabs,
-  text: Text,
-  textarea: Text,
-  ui: null,
-  upload: Upload
+    array: Iterable,
+    blocks: Iterable,
+    checkbox: Text,
+    code: Text,
+    collapsible: Collapsible,
+    date: DateDiffComponent,
+    email: Text,
+    group: Group,
+    join: null,
+    json: Text,
+    number: Text,
+    point: Text,
+    radio: Select,
+    relationship: Relationship,
+    richText: Text,
+    row: Row,
+    select: Select,
+    tabs: Tabs,
+    text: Text,
+    textarea: Text,
+    ui: null,
+    upload: Upload
 };
+
 //# sourceMappingURL=index.js.map

package/dist/views/Version/RenderFieldsToDiff/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Collapsible","DateDiffComponent","Group","Iterable","Relationship","Row","Select","Tabs","Text","Upload","diffComponents","array","blocks","checkbox","code","collapsible","date","email","group","join","json","number","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload"],"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.ts"],"sourcesContent":["import type { FieldDiffClientProps, FieldDiffServerProps, FieldTypes } from 'payload'\n\nimport { Collapsible } from './Collapsible/index.js'\nimport { DateDiffComponent } from './Date/index.js'\nimport { Group } from './Group/index.js'\nimport { Iterable } from './Iterable/index.js'\nimport { Relationship } from './Relationship/index.js'\nimport { Row } from './Row/index.js'\nimport { Select } from './Select/index.js'\nimport { Tabs } from './Tabs/index.js'\nimport { Text } from './Text/index.js'\nimport { Upload } from './Upload/index.js'\n\nexport const diffComponents: Record<\n  FieldTypes,\n  React.ComponentType<FieldDiffClientProps | FieldDiffServerProps>\n> = {\n  array: Iterable,\n  blocks: Iterable,\n  checkbox: Text,\n  code: Text,\n  collapsible: Collapsible,\n  date: DateDiffComponent,\n  email: Text,\n  group: Group,\n  join: null,\n  json: Text,\n  number: Text,\n  point: Text,\n  radio: Select,\n  relationship: Relationship,\n  richText: Text,\n  row: Row,\n  select: Select,\n  tabs: Tabs,\n  text: Text,\n  textarea: Text,\n  ui: null,\n  upload: Upload,\n}\n"],"mappings":"AAEA,SAASA,WAAW,QAAQ;AAC5B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,KAAK,QAAQ;AACtB,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,SAASC,GAAG,QAAQ;AACpB,SAASC,MAAM,QAAQ;AACvB,SAASC,IAAI,QAAQ;AACrB,SAASC,IAAI,QAAQ;AACrB,SAASC,MAAM,QAAQ;AAEvB,OAAO,MAAMC,cAAA,GAGT;EACFC,KAAA,EAAOR,QAAA;EACPS,MAAA,EAAQT,QAAA;EACRU,QAAA,EAAUL,IAAA;EACVM,IAAA,EAAMN,IAAA;EACNO,WAAA,EAAaf,WAAA;EACbgB,IAAA,EAAMf,iBAAA;EACNgB,KAAA,EAAOT,IAAA;EACPU,KAAA,EAAOhB,KAAA;EACPiB,IAAA,EAAM;EACNC,IAAA,EAAMZ,IAAA;EACNa,MAAA,EAAQb,IAAA;EACRc,KAAA,EAAOd,IAAA;EACPe,KAAA,EAAOjB,MAAA;EACPkB,YAAA,EAAcpB,YAAA;EACdqB,QAAA,EAAUjB,IAAA;EACVkB,GAAA,EAAKrB,GAAA;EACLsB,MAAA,EAAQrB,MAAA;EACRsB,IAAA,EAAMrB,IAAA;EACNsB,IAAA,EAAMrB,IAAA;EACNsB,QAAA,EAAUtB,IAAA;EACVuB,EAAA,EAAI;EACJC,MAAA,EAAQvB;AACV","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/views/Version/RenderFieldsToDiff/fields/index.ts"],"sourcesContent":["import type { FieldDiffClientProps, FieldDiffServerProps, FieldTypes } from 'payload'\n\nimport { Collapsible } from './Collapsible/index.js'\nimport { DateDiffComponent } from './Date/index.js'\nimport { Group } from './Group/index.js'\nimport { Iterable } from './Iterable/index.js'\nimport { Relationship } from './Relationship/index.js'\nimport { Row } from './Row/index.js'\nimport { Select } from './Select/index.js'\nimport { Tabs } from './Tabs/index.js'\nimport { Text } from './Text/index.js'\nimport { Upload } from './Upload/index.js'\n\nexport const diffComponents: Record<\n  FieldTypes,\n  React.ComponentType<FieldDiffClientProps | FieldDiffServerProps>\n> = {\n  array: Iterable,\n  blocks: Iterable,\n  checkbox: Text,\n  code: Text,\n  collapsible: Collapsible,\n  date: DateDiffComponent,\n  email: Text,\n  group: Group,\n  join: null,\n  json: Text,\n  number: Text,\n  point: Text,\n  radio: Select,\n  relationship: Relationship,\n  richText: Text,\n  row: Row,\n  select: Select,\n  tabs: Tabs,\n  text: Text,\n  textarea: Text,\n  ui: null,\n  upload: Upload,\n}\n"],"names":["Collapsible","DateDiffComponent","Group","Iterable","Relationship","Row","Select","Tabs","Text","Upload","diffComponents","array","blocks","checkbox","code","collapsible","date","email","group","join","json","number","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload"],"mappings":"AAEA,SAASA,WAAW,QAAQ,yBAAwB;AACpD,SAASC,iBAAiB,QAAQ,kBAAiB;AACnD,SAASC,KAAK,QAAQ,mBAAkB;AACxC,SAASC,QAAQ,QAAQ,sBAAqB;AAC9C,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,GAAG,QAAQ,iBAAgB;AACpC,SAASC,MAAM,QAAQ,oBAAmB;AAC1C,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,MAAM,QAAQ,oBAAmB;AAE1C,OAAO,MAAMC,iBAGT;IACFC,OAAOR;IACPS,QAAQT;IACRU,UAAUL;IACVM,MAAMN;IACNO,aAAaf;IACbgB,MAAMf;IACNgB,OAAOT;IACPU,OAAOhB;IACPiB,MAAM;IACNC,MAAMZ;IACNa,QAAQb;IACRc,OAAOd;IACPe,OAAOjB;IACPkB,cAAcpB;IACdqB,UAAUjB;IACVkB,KAAKrB;IACLsB,QAAQrB;IACRsB,MAAMrB;IACNsB,MAAMrB;IACNsB,UAAUtB;IACVuB,IAAI;IACJC,QAAQvB;AACV,EAAC"}

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

@@ -1,13 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { buildVersionFields } from './buildVersionFields.js';
 import { RenderVersionFieldsToDiff } from './RenderVersionFieldsToDiff.js';
-export const RenderDiff = args => {
-  const {
-    versionFields
-  } = buildVersionFields(args);
-  return /*#__PURE__*/_jsx(RenderVersionFieldsToDiff, {
-    parent: true,
-    versionFields: versionFields
-  });
+export const RenderDiff = (args)=>{
+    const { versionFields } = buildVersionFields(args);
+    return /*#__PURE__*/ _jsxDEV(RenderVersionFieldsToDiff, {
+        parent: true,
+        versionFields: versionFields
+    }, void 0, false, {
+        fileName: "src/views/Version/RenderFieldsToDiff/index.tsx",
+        lineNumber: 7,
+        columnNumber: 10
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildVersionFields","RenderVersionFieldsToDiff","RenderDiff","args","versionFields","_jsx","parent"],"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["import { buildVersionFields, type BuildVersionFieldsArgs } from './buildVersionFields.js'\nimport { RenderVersionFieldsToDiff } from './RenderVersionFieldsToDiff.js'\n\nexport const RenderDiff = (args: BuildVersionFieldsArgs): React.ReactNode => {\n  const { versionFields } = buildVersionFields(args)\n\n  return <RenderVersionFieldsToDiff parent={true} versionFields={versionFields} />\n}\n"],"mappings":";AAAA,SAASA,kBAAkB,QAAqC;AAChE,SAASC,yBAAyB,QAAQ;AAE1C,OAAO,MAAMC,UAAA,GAAcC,IAAA;EACzB,MAAM;IAAEC;EAAa,CAAE,GAAGJ,kBAAA,CAAmBG,IAAA;EAE7C,oBAAOE,IAAA,CAACJ,yBAAA;IAA0BK,MAAA,EAAQ;IAAMF,aAAA,EAAeA;;AACjE","ignoreList":[]}
+{"version":3,"sources":["../../../../src/views/Version/RenderFieldsToDiff/index.tsx"],"sourcesContent":["import { buildVersionFields, type BuildVersionFieldsArgs } from './buildVersionFields.js'\nimport { RenderVersionFieldsToDiff } from './RenderVersionFieldsToDiff.js'\n\nexport const RenderDiff = (args: BuildVersionFieldsArgs): React.ReactNode => {\n  const { versionFields } = buildVersionFields(args)\n\n  return <RenderVersionFieldsToDiff parent={true} versionFields={versionFields} />\n}\n"],"names":["buildVersionFields","RenderVersionFieldsToDiff","RenderDiff","args","versionFields","parent"],"mappings":";AAAA,SAASA,kBAAkB,QAAqC,0BAAyB;AACzF,SAASC,yBAAyB,QAAQ,iCAAgC;AAE1E,OAAO,MAAMC,aAAa,CAACC;IACzB,MAAM,EAAEC,aAAa,EAAE,GAAGJ,mBAAmBG;IAE7C,qBAAO,QAACF;QAA0BI,QAAQ;QAAMD,eAAeA;;;;;;AACjE,EAAC"}

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);
+    }
+  }
+}