@payloadcms/ui 3.35.0-internal.b3d367c → 3.35.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.35.0-internal.b3d367c",
+  "version": "3.35.0",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -132,7 +132,7 @@
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "10.0.0",
-    "@payloadcms/translations": "3.35.0-internal.b3d367c"
+    "@payloadcms/translations": "3.35.0"
   },
   "devDependencies": {
     "@babel/cli": "7.26.4",
@@ -148,14 +148,14 @@
     "esbuild": "0.24.2",
     "esbuild-sass-plugin": "3.3.1",
     "eslint-plugin-react-compiler": "19.0.0-beta-e993439-20250405",
-    "@payloadcms/eslint-config": "3.28.0",
-    "payload": "3.35.0-internal.b3d367c"
+    "payload": "3.35.0",
+    "@payloadcms/eslint-config": "3.28.0"
   },
   "peerDependencies": {
     "next": "^15.2.3",
     "react": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
     "react-dom": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
-    "payload": "3.35.0-internal.b3d367c"
+    "payload": "3.35.0"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"

package/dist/elements/FieldDiffContainer/index.d.ts

@@ -1,15 +0,0 @@
-import type { LabelFunction, StaticLabel } from 'payload';
-import './index.scss';
-import { type I18nClient } from '@payloadcms/translations';
-export declare const FieldDiffContainer: React.FC<{
-    className?: string;
-    From: React.ReactNode;
-    i18n: I18nClient;
-    label: {
-        label?: false | LabelFunction | StaticLabel;
-        locale?: string;
-    };
-    nestingLevel?: number;
-    To: React.ReactNode;
-}>;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/FieldDiffContainer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FieldDiffContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEzD,OAAO,cAAc,CAAA;AAErB,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAM1E,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE;QACL,KAAK,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,WAAW,CAAA;QAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,EAAE,KAAK,CAAC,SAAS,CAAA;CACpB,CA2CA,CAAA"}

package/dist/elements/FieldDiffContainer/index.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './index.scss';
-import { getTranslation } from '@payloadcms/translations';
-import { FieldDiffLabel } from '../FieldDiffLabel/index.js';
-const baseClass = 'field-diff';
-export const FieldDiffContainer = args => {
-  const {
-    className,
-    From,
-    i18n,
-    label: {
-      label,
-      locale
-    },
-    nestingLevel = 0,
-    To
-  } = args;
-  return /*#__PURE__*/_jsxs("div", {
-    className: `${baseClass}${className ? ` ${className}` : ''} nested-level-${nestingLevel}`,
-    style: nestingLevel ? {
-      // Need to use % instead of fr, as calc() doesn't work with fr when this is used in gridTemplateColumns
-      '--left-offset': `calc(50%  - (${nestingLevel} * calc( calc(var(--base)* 0.5) - 2px  )))`
-    } : {
-      '--left-offset': '50%'
-    },
-    children: [/*#__PURE__*/_jsxs(FieldDiffLabel, {
-      children: [locale && /*#__PURE__*/_jsx("span", {
-        className: `${baseClass}__locale-label`,
-        children: locale
-      }), typeof label !== 'function' && getTranslation(label || '', i18n)]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}-container${className ? ` ${className}` : ''}`,
-      style: nestingLevel ? {
-        gridTemplateColumns: `calc(var(--left-offset) - calc(var(--base)*0.5) )     calc(50% - calc(var(--base)*0.5) + calc(50% - var(--left-offset)))`
-      } : undefined,
-      children: [From, To]
-    })]
-  });
-};
-//# sourceMappingURL=index.js.map

package/dist/elements/FieldDiffContainer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["getTranslation","FieldDiffLabel","baseClass","FieldDiffContainer","args","className","From","i18n","label","locale","nestingLevel","To","_jsxs","style","_jsx","gridTemplateColumns","undefined"],"sources":["../../../src/elements/FieldDiffContainer/index.tsx"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\n\nimport './index.scss'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\n\nimport { FieldDiffLabel } from '../FieldDiffLabel/index.js'\n\nconst baseClass = 'field-diff'\n\nexport const FieldDiffContainer: React.FC<{\n  className?: string\n  From: React.ReactNode\n  i18n: I18nClient\n  label: {\n    label?: false | LabelFunction | StaticLabel\n    locale?: string\n  }\n  nestingLevel?: number\n  To: React.ReactNode\n}> = (args) => {\n  const {\n    className,\n    From,\n    i18n,\n    label: { label, locale },\n    nestingLevel = 0,\n    To,\n  } = args\n\n  return (\n    <div\n      className={`${baseClass}${className ? ` ${className}` : ''} nested-level-${nestingLevel}`}\n      style={\n        nestingLevel\n          ? ({\n              // Need to use % instead of fr, as calc() doesn't work with fr when this is used in gridTemplateColumns\n              '--left-offset': `calc(50%  - (${nestingLevel} * calc( calc(var(--base)* 0.5) - 2px  )))`,\n            } as React.CSSProperties)\n          : ({\n              '--left-offset': '50%',\n            } as React.CSSProperties)\n      }\n    >\n      <FieldDiffLabel>\n        {locale && <span className={`${baseClass}__locale-label`}>{locale}</span>}\n        {typeof label !== 'function' && getTranslation(label || '', i18n)}\n      </FieldDiffLabel>\n      <div\n        className={`${baseClass}-container${className ? ` ${className}` : ''}`}\n        style={\n          nestingLevel\n            ? {\n                gridTemplateColumns: `calc(var(--left-offset) - calc(var(--base)*0.5) )     calc(50% - calc(var(--base)*0.5) + calc(50% - var(--left-offset)))`,\n              }\n            : undefined\n        }\n      >\n        {From}\n        {To}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";AAEA,OAAO;AAEP,SAASA,cAAc,QAAyB;AAEhD,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,kBAAA,GAUPC,IAAA;EACJ,MAAM;IACJC,SAAS;IACTC,IAAI;IACJC,IAAI;IACJC,KAAA,EAAO;MAAEA,KAAK;MAAEC;IAAM,CAAE;IACxBC,YAAA,GAAe,CAAC;IAChBC;EAAE,CACH,GAAGP,IAAA;EAEJ,oBACEQ,KAAA,CAAC;IACCP,SAAA,EAAW,GAAGH,SAAA,GAAYG,SAAA,GAAY,IAAIA,SAAA,EAAW,GAAG,mBAAmBK,YAAA,EAAc;IACzFG,KAAA,EACEH,YAAA,GACK;MACC;MACA,iBAAiB,gBAAgBA,YAAA;IACnC,IACC;MACC,iBAAiB;IACnB;4BAGNE,KAAA,CAACX,cAAA;iBACEQ,MAAA,iBAAUK,IAAA,CAAC;QAAKT,SAAA,EAAW,GAAGH,SAAA,gBAAyB;kBAAGO;UAC1D,OAAOD,KAAA,KAAU,cAAcR,cAAA,CAAeQ,KAAA,IAAS,IAAID,IAAA;qBAE9DK,KAAA,CAAC;MACCP,SAAA,EAAW,GAAGH,SAAA,aAAsBG,SAAA,GAAY,IAAIA,SAAA,EAAW,GAAG,IAAI;MACtEQ,KAAA,EACEH,YAAA,GACI;QACEK,mBAAA,EAAqB;MACvB,IACAC,SAAA;iBAGLV,IAAA,EACAK,EAAA;;;AAIT","ignoreList":[]}

package/dist/elements/FieldDiffContainer/index.scss

@@ -1,42 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .field-diff {
-    position: relative;
-
-    &__locale-label {
-      [dir='ltr'] & {
-        margin-right: calc(var(--base) * 0.25);
-      }
-      [dir='rtl'] & {
-        margin-left: calc(var(--base) * 0.25);
-      }
-      background: var(--theme-elevation-100);
-      padding: calc(var(--base) * 0.25);
-      // border-radius: $style-radius-m;
-    }
-
-    // Vertical separator line - not needed anymore, as the parent version view container adds a vertical line that spans the entire height of the container.
-    /*
-    &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: var(--left-offset);
-      width: 1px;
-      background-color: var(--theme-elevation-100);
-      transform: translateX(-50%); // Center the line
-    }*/
-
-    &-container {
-      display: grid;
-      // Need to use 50% 50% so that we can apply overflow-x without the column shrinking to the content width.
-      // Need -base(0.5) to enure the gap is center aligned - this is required when using 50% over 1fr.
-      grid-template-columns: calc(50% - base(0.5)) calc(50% - base(0.5));
-      gap: base(1);
-      background: var(--theme-elevation-50);
-      padding: base(0.5);
-    }
-  }
-}

package/dist/elements/HTMLDiff/colors.scss

@@ -1,35 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  :root {
-    --diff-delete-pill-bg: var(--theme-error-200);
-    --diff-delete-pill-color: var(--theme-error-600);
-    --diff-delete-pill-border: var(--theme-error-400);
-    --diff-delete-parent-bg: var(--theme-error-100);
-    --diff-delete-parent-color: var(--theme-error-800);
-    --diff-delete-link-color: var(--theme-error-600);
-
-    --diff-create-pill-bg: var(--theme-success-200);
-    --diff-create-pill-color: var(--theme-success-600);
-    --diff-create-pill-border: var(--theme-success-400);
-    --diff-create-parent-bg: var(--theme-success-100);
-    --diff-create-parent-color: var(--theme-success-800);
-    --diff-create-link-color: var(--theme-success-600);
-  }
-
-  html[data-theme='dark'] {
-    --diff-delete-pill-bg: var(--theme-error-200);
-    --diff-delete-pill-color: var(--theme-error-650);
-    --diff-delete-pill-border: var(--theme-error-400);
-    --diff-delete-parent-bg: var(--theme-error-100);
-    --diff-delete-parent-color: var(--theme-error-900);
-    --diff-delete-link-color: var(--theme-error-750);
-
-    --diff-create-pill-bg: var(--theme-success-200);
-    --diff-create-pill-color: var(--theme-success-650);
-    --diff-create-pill-border: var(--theme-success-400);
-    --diff-create-parent-bg: var(--theme-success-100);
-    --diff-create-parent-color: var(--theme-success-900);
-    --diff-create-link-color: var(--theme-success-750);
-  }
-}

package/dist/elements/HTMLDiff/diff/index.d.ts

@@ -1,75 +0,0 @@
-export interface HtmlDiffOptions {
-    /**
-     * The classNames for wrapper DOM.
-     * Use this to configure your own styles without importing the built-in CSS file
-     */
-    classNames?: Partial<{
-        createBlock?: string;
-        createInline?: string;
-        deleteBlock?: string;
-        deleteInline?: string;
-    }>;
-    /**
-     * @defaultValue 1000
-     */
-    greedyBoundary?: number;
-    /**
-     * When greedyMatch is enabled, if the length of the sub-tokens exceeds greedyBoundary,
-     * we will use the matched sub-tokens that are sufficiently good, even if they are not optimal, to enhance performance.
-     * @defaultValue true
-     */
-    greedyMatch?: boolean;
-    /**
-     * Determine the minimum threshold for calculating common sub-tokens.
-     * You may adjust it to a value larger than 2, but not lower, due to the potential inclusion of HTML tags in the count.
-     * @defaultValue 2
-     */
-    minMatchedSize?: number;
-    /**
-     * Whether to tokenize by character or by word.
-     * @defaultValue false
-     */
-    tokenizeByCharacter?: boolean;
-}
-export declare class HtmlDiff {
-    private readonly config;
-    private leastCommonLength;
-    private readonly matchedBlockList;
-    private readonly newTokens;
-    private readonly oldTokens;
-    private readonly operationList;
-    private sideBySideContents?;
-    private unifiedContent?;
-    constructor(oldHtml: string, newHtml: string, { classNames, greedyBoundary, greedyMatch, minMatchedSize, tokenizeByCharacter, }?: HtmlDiffOptions);
-    private computeBestMatchedBlock;
-    private computeMatchedBlockList;
-    private dressUpBlockTag;
-    private dressUpDiffContent;
-    private dressUpInlineTag;
-    private dressupMatchEnabledHtmlTag;
-    private dressUpText;
-    /**
-     * Generates a list of token entries that are matched between the old and new HTML. This list will not
-     * include token ranges that differ.
-     */
-    private getMatchedBlockList;
-    private getOperationList;
-    private slideBestMatchedBlock;
-    /**
-     * Convert HTML to tokens at character level, preserving HTML tags as complete tokens
-     * @example
-     * tokenize("<a> Hello World </a>")
-     * ["<a>", " ", "H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d", " ", "</a>"]
-     */
-    private tokenizeByCharacter;
-    /**
-     * convert HTML to tokens
-     * @example
-     * tokenize("<a> Hello World </a>")
-     * ["<a>"," ", "Hello", " ", "World", " ", "</a>"]
-     */
-    private tokenizeByWord;
-    getSideBySideContents(): string[];
-    getUnifiedContent(): string;
-}
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/HTMLDiff/diff/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/HTMLDiff/diff/index.ts"],"names":[],"mappings":"AAmCA,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB,CAAC,CAAA;IACF;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAWD,qBAAa,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,iBAAiB,CAAmB;IAC5C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAqB;IACtD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAe;IACzC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAe;IACzC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkB;IAChD,OAAO,CAAC,kBAAkB,CAAC,CAAkB;IAC7C,OAAO,CAAC,cAAc,CAAC,CAAQ;gBAG7B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,EACE,UAKC,EACD,cAAqB,EACrB,WAAkB,EAClB,cAAkB,EAClB,mBAA2B,GAC5B,GAAE,eAAoB;IA4CzB,OAAO,CAAC,uBAAuB;IA8B/B,OAAO,CAAC,uBAAuB;IAmC/B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,kBAAkB;IAwD1B,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,0BAA0B;IAelC,OAAO,CAAC,WAAW;IAcnB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IA+D3B,OAAO,CAAC,gBAAgB;IAoDxB,OAAO,CAAC,qBAAqB;IA0B7B;;;;;OAKG;IACH,OAAO,CAAC,mBAAmB;IAiC3B;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IASf,qBAAqB,IAAI,MAAM,EAAE;IAiEjC,iBAAiB,IAAI,MAAM;CA4HnC"}