@payloadcms/richtext-lexical 3.0.0-beta.48 → 3.0.0-beta.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/richtext-lexical",
-  "version": "3.0.0-beta.48",
+  "version": "3.0.0-beta.49",
   "description": "The officially supported Lexical richtext adapter for Payload",
   "homepage": "https://payloadcms.com",
   "repository": {
@@ -10,6 +10,7 @@
   },
   "license": "MIT",
   "author": "Payload <dev@payloadcms.com> (https://payloadcms.com)",
+  "sideEffects": false,
   "type": "module",
   "exports": {
     ".": {
@@ -17,18 +18,16 @@
       "require": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
-    "./*": {
-      "import": "./dist/exports/*.js",
-      "require": "./dist/exports/*.js",
-      "types": "./dist/exports/*.d.ts"
+    "./client": {
+      "import": "./dist/exports/client/index.js",
+      "require": "./dist/exports/*client/index.js",
+      "types": "./dist/exports/client/index.d.ts"
     }
   },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist",
-    "components.js",
-    "components.d.ts"
+    "dist"
   ],
   "dependencies": {
     "@faceless-ui/modal": "3.0.0-beta.0",
@@ -44,13 +43,11 @@
     "@lexical/utils": "0.16.0",
     "@types/uuid": "^9.0.8",
     "bson-objectid": "2.0.4",
-    "classnames": "^2.3.2",
     "deep-equal": "2.2.3",
     "json-schema": "^0.4.0",
     "lexical": "0.16.0",
-    "lodash": "4.17.21",
     "react-error-boundary": "4.0.13",
-    "uuid": "^9.0.1"
+    "uuid": "10.0.0"
   },
   "devDependencies": {
     "@lexical/eslint-plugin": "0.15.0",
@@ -58,11 +55,13 @@
     "@types/node": "20.12.5",
     "@types/react": "npm:types-react@19.0.0-beta.2",
     "@types/react-dom": "npm:types-react-dom@19.0.0-beta.2",
+    "esbuild": "^0.21.4",
+    "esbuild-sass-plugin": "^3.3.0",
     "@payloadcms/eslint-config": "1.1.1",
-    "@payloadcms/next": "3.0.0-beta.48",
-    "@payloadcms/translations": "3.0.0-beta.48",
-    "payload": "3.0.0-beta.48",
-    "@payloadcms/ui": "3.0.0-beta.48"
+    "@payloadcms/next": "3.0.0-beta.49",
+    "@payloadcms/translations": "3.0.0-beta.49",
+    "@payloadcms/ui": "3.0.0-beta.49",
+    "payload": "3.0.0-beta.49"
   },
   "peerDependencies": {
     "@faceless-ui/modal": "3.0.0-beta.0",
@@ -79,10 +78,10 @@
     "lexical": "0.16.0",
     "react": "^19.0.0 || ^19.0.0-rc-f994737d14-20240522",
     "react-dom": "^19.0.0 || ^19.0.0-rc-f994737d14-20240522",
-    "@payloadcms/next": "3.0.0-beta.48",
-    "@payloadcms/ui": "3.0.0-beta.48",
-    "@payloadcms/translations": "3.0.0-beta.48",
-    "payload": "3.0.0-beta.48"
+    "@payloadcms/ui": "3.0.0-beta.49",
+    "payload": "3.0.0-beta.49",
+    "@payloadcms/next": "3.0.0-beta.49",
+    "@payloadcms/translations": "3.0.0-beta.49"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"
@@ -95,12 +94,13 @@
     "@types/react-dom": "npm:types-react-dom@19.0.0-beta.2"
   },
   "scripts": {
-    "build": "pnpm copyfiles && pnpm build:swc && pnpm build:types",
+    "build": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm copyfiles && pnpm build:types && pnpm build:swc && pnpm build:esbuild",
     "build:clean": "find . \\( -type d \\( -name build -o -name dist -o -name .cache \\) -o -type f -name tsconfig.tsbuildinfo \\) -exec rm -rf {} + && pnpm build",
-    "build:swc": "swc ./src -d ./dist --config-file .swcrc",
+    "build:esbuild": "node bundle.js",
+    "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
     "build:types": "tsc --emitDeclarationOnly --outDir dist",
     "clean": "rimraf {dist,*.tsbuildinfo}",
-    "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
+    "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
     "translateNewKeys": "tsx scripts/translateNewKeys.ts"
   }
 }

package/components.d.ts

@@ -1,6 +0,0 @@
-export { RichTextCell } from './dist/cell/index.js';
-export { RichTextField } from './dist/field/index.js';
-export { defaultEditorLexicalConfig } from './dist/field/lexical/config/client/default.js';
-export { ToolbarButton } from './dist/field/lexical/plugins/FloatingSelectToolbar/ToolbarButton/index.js';
-export { ToolbarDropdown } from './dist/field/lexical/plugins/FloatingSelectToolbar/ToolbarDropdown/index.js';
-//# sourceMappingURL=components.d.ts.map

package/components.js

@@ -1,7 +0,0 @@
-export { RichTextCell } from './dist/cell/index.js';
-export { RichTextField } from './dist/field/index.js';
-export { defaultEditorLexicalConfig } from './dist/field/lexical/config/client/default.js';
-export { ToolbarButton } from './dist/field/lexical/plugins/FloatingSelectToolbar/ToolbarButton/index.js';
-export { ToolbarDropdown } from './dist/field/lexical/plugins/FloatingSelectToolbar/ToolbarDropdown/index.js';
-
-//# sourceMappingURL=components.js.map

package/dist/exports/components.d.ts

@@ -1,11 +0,0 @@
-export { RichTextCell } from '../cell/index.js';
-export { createClientComponent } from '../field/features/createClientComponent.js';
-export { toolbarFormatGroupWithItems } from '../field/features/format/shared/toolbarFormatGroup.js';
-export { toolbarAddDropdownGroupWithItems } from '../field/features/shared/toolbar/addDropdownGroup.js';
-export { toolbarFeatureButtonsGroupWithItems } from '../field/features/shared/toolbar/featureButtonsGroup.js';
-export { toolbarTextDropdownGroupWithItems } from '../field/features/shared/toolbar/textDropdownGroup.js';
-export { ToolbarButton } from '../field/features/toolbars/shared/ToolbarButton/index.js';
-export { ToolbarDropdown } from '../field/features/toolbars/shared/ToolbarDropdown/index.js';
-export { RichTextField } from '../field/index.js';
-export { defaultEditorLexicalConfig } from '../field/lexical/config/client/default.js';
-//# sourceMappingURL=components.d.ts.map

package/dist/exports/components.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/exports/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAA;AAElF,OAAO,EAAE,2BAA2B,EAAE,MAAM,uDAAuD,CAAA;AACnG,OAAO,EAAE,gCAAgC,EAAE,MAAM,sDAAsD,CAAA;AACvG,OAAO,EAAE,mCAAmC,EAAE,MAAM,yDAAyD,CAAA;AAC7G,OAAO,EAAE,iCAAiC,EAAE,MAAM,uDAAuD,CAAA;AACzG,OAAO,EAAE,aAAa,EAAE,MAAM,0DAA0D,CAAA;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,4DAA4D,CAAA;AAE5F,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAA"}

package/dist/exports/components.js

@@ -1,12 +0,0 @@
-export { RichTextCell } from '../cell/index.js';
-export { createClientComponent } from '../field/features/createClientComponent.js';
-export { toolbarFormatGroupWithItems } from '../field/features/format/shared/toolbarFormatGroup.js';
-export { toolbarAddDropdownGroupWithItems } from '../field/features/shared/toolbar/addDropdownGroup.js';
-export { toolbarFeatureButtonsGroupWithItems } from '../field/features/shared/toolbar/featureButtonsGroup.js';
-export { toolbarTextDropdownGroupWithItems } from '../field/features/shared/toolbar/textDropdownGroup.js';
-export { ToolbarButton } from '../field/features/toolbars/shared/ToolbarButton/index.js';
-export { ToolbarDropdown } from '../field/features/toolbars/shared/ToolbarDropdown/index.js';
-export { RichTextField } from '../field/index.js';
-export { defaultEditorLexicalConfig } from '../field/lexical/config/client/default.js';
-
-//# sourceMappingURL=components.js.map

package/dist/exports/components.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/exports/components.ts"],"sourcesContent":["export { RichTextCell } from '../cell/index.js'\nexport { createClientComponent } from '../field/features/createClientComponent.js'\n\nexport { toolbarFormatGroupWithItems } from '../field/features/format/shared/toolbarFormatGroup.js'\nexport { toolbarAddDropdownGroupWithItems } from '../field/features/shared/toolbar/addDropdownGroup.js'\nexport { toolbarFeatureButtonsGroupWithItems } from '../field/features/shared/toolbar/featureButtonsGroup.js'\nexport { toolbarTextDropdownGroupWithItems } from '../field/features/shared/toolbar/textDropdownGroup.js'\nexport { ToolbarButton } from '../field/features/toolbars/shared/ToolbarButton/index.js'\nexport { ToolbarDropdown } from '../field/features/toolbars/shared/ToolbarDropdown/index.js'\n\nexport { RichTextField } from '../field/index.js'\n\nexport { defaultEditorLexicalConfig } from '../field/lexical/config/client/default.js'\n"],"names":["RichTextCell","createClientComponent","toolbarFormatGroupWithItems","toolbarAddDropdownGroupWithItems","toolbarFeatureButtonsGroupWithItems","toolbarTextDropdownGroupWithItems","ToolbarButton","ToolbarDropdown","RichTextField","defaultEditorLexicalConfig"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,SAASA,YAAY,QAAQ,mBAAkB;AAC/C,SAASC,qBAAqB,QAAQ,6CAA4C;AAElF,SAASC,2BAA2B,QAAQ,wDAAuD;AACnG,SAASC,gCAAgC,QAAQ,uDAAsD;AACvG,SAASC,mCAAmC,QAAQ,0DAAyD;AAC7G,SAASC,iCAAiC,QAAQ,wDAAuD;AACzG,SAASC,aAAa,QAAQ,2DAA0D;AACxF,SAASC,eAAe,QAAQ,6DAA4D;AAE5F,SAASC,aAAa,QAAQ,oBAAmB;AAEjD,SAASC,0BAA0B,QAAQ,4CAA2C"}

package/dist/field/features/blocks/component/index.scss

@@ -1,149 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.ContentEditable__root > div:has(.lexical-block) {
-  // Fixes a bug where, if the block field has a Select field, the Select field's dropdown menu would be hidden behind the lexical editor.
-  z-index: 1;
-}
-
-.lexical-block {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--base) / 2);
-  font-family: var(
-    --font-body
-  ); // Reset font to non-serif, body font, as the lexical editor parent uses a serif font.
-
-  margin: 0 0 1.5em;
-
-  &__header {
-    h3 {
-      margin: 0;
-    }
-  }
-
-  &__header-wrap {
-    display: flex;
-    align-items: flex-end;
-    width: 100%;
-    justify-content: space-between;
-  }
-
-  &__heading-with-error {
-    display: flex;
-    align-items: center;
-    gap: calc(var(--base) * 0.5);
-  }
-
-  &--has-no-error {
-    > .array-field__header .array-field__heading-with-error {
-      color: var(--theme-text);
-    }
-  }
-
-  &--has-error {
-    > .array-field__header {
-      color: var(--theme-error-500);
-    }
-  }
-
-  &__error-pill {
-    align-self: center;
-  }
-
-  &__header-actions {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    display: flex;
-  }
-
-  &__header-action {
-    @extend %btn-reset;
-    cursor: pointer;
-    margin-left: calc(var(--base) * 0.5);
-
-    &:hover,
-    &:focus-visible {
-      text-decoration: underline;
-    }
-  }
-
-  .collapsible {
-    &__header-wrap {
-      //  Make more space for the block header (default right: is `calc(var(--base) * 3)`) so that the remove button aligns nicely to the right
-      right: calc(var(--base) * 1.5);
-    }
-  }
-
-  &__removeButton.btn {
-    margin: 0;
-  }
-
-  &__block-header {
-    pointer-events: none;
-  }
-
-  &__block-header * {
-    pointer-events: all;
-  }
-
-  &__block-header,
-  &__block-header > div {
-    display: flex;
-    max-width: 100%;
-    overflow: hidden;
-    gap: calc(var(--base) * 0.375);
-    justify-content: space-between;
-  }
-
-  &__block-number {
-    flex-shrink: 0;
-  }
-
-  &__block-pill {
-    flex-shrink: 0;
-    display: block;
-    line-height: unset;
-  }
-
-  &__rows {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 2);
-  }
-
-  &__drawer-toggler {
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    border: none;
-    align-self: flex-start;
-
-    .btn {
-      color: var(--theme-elevation-400);
-      margin: 0;
-
-      &:hover {
-        color: var(--theme-elevation-800);
-      }
-    }
-  }
-}
-
-html[data-theme='light'] {
-  .blocks-field--has-error {
-    .section-title__input,
-    .blocks-field__heading-with-error {
-      color: var(--theme-error-750);
-    }
-  }
-}
-
-html[data-theme='dark'] {
-  .blocks-field--has-error {
-    .section-title__input,
-    .blocks-field__heading-with-error {
-      color: var(--theme-error-500);
-    }
-  }
-}

package/dist/field/features/debug/testRecorder/plugin/index.scss

@@ -1,49 +0,0 @@
-.test-recorder-output {
-  margin: 20px auto 20px auto;
-  width: 100%;
-}
-.test-recorder-toolbar {
-  display: flex;
-}
-
-.test-recorder-button {
-  position: relative;
-  display: block;
-  font-size: 10px;
-  padding: 6px 6px;
-  border-radius: 4px;
-  border: none;
-  cursor: pointer;
-  outline: none;
-  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
-  background-color: #222;
-  color: white;
-  transition: box-shadow 50ms ease-out;
-}
-
-.test-recorder-button:active {
-  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
-}
-
-.test-recorder-button + .test-recorder-button {
-  margin-left: 4px;
-}
-
-.test-recorder-button::after {
-  content: '';
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  bottom: 8px;
-  left: 8px;
-  display: block;
-  background-size: contain;
-  filter: invert(1);
-}
-#test-recorder-button {
-  position: relative;
-}
-
-#test-recorder-button-snapshot {
-  margin-right: auto;
-}

package/dist/field/features/debug/treeView/plugin/index.scss

@@ -1,78 +0,0 @@
-.tree-view-output {
-  display: block;
-  background: #222;
-  color: #fff;
-  padding: 0;
-  font-size: 12px;
-  margin: 1px auto 10px auto;
-  position: relative;
-  overflow: hidden;
-  border-bottom-left-radius: 10px;
-  border-bottom-right-radius: 10px;
-
-  pre {
-    line-height: 1.1;
-    background: #222;
-    color: #fff;
-    margin: 0;
-    padding: 10px;
-    font-size: 12px;
-    overflow: auto;
-    max-height: 400px;
-  }
-
-  .debug-treetype-button {
-    border: 0;
-    padding: 0;
-    font-size: 12px;
-    top: 10px;
-    right: 85px;
-    position: absolute;
-    background: none;
-    color: #fff;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  .debug-timetravel-button {
-    border: 0;
-    padding: 0;
-    font-size: 12px;
-    top: 10px;
-    right: 15px;
-    position: absolute;
-    background: none;
-    color: #fff;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  .debug-timetravel-panel {
-    overflow: hidden;
-    padding: 0 0 10px;
-    margin: auto;
-    display: flex;
-
-    &-button {
-      padding: 0;
-      border: 0;
-      background: none;
-      flex: 1;
-      color: #fff;
-      font-size: 12px;
-
-      &:hover {
-        text-decoration: underline;
-      }
-    }
-
-    &-slider {
-      padding: 0;
-      flex: 8;
-    }
-  }
-}

package/dist/field/features/horizontalRule/plugin/index.scss

@@ -1,20 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.LexicalEditorTheme__hr {
-  padding: 2px 2px;
-  border: none;
-  margin: 1rem 0;
-  cursor: pointer;
-}
-
-.LexicalEditorTheme__hr:after {
-  content: '';
-  display: block;
-  height: 2px;
-  background-color: var(--theme-elevation-250);
-}
-
-.LexicalEditorTheme__hr.selected {
-  outline: 2px solid var(--theme-success-500);
-  user-select: none;
-}

package/dist/field/features/link/drawer/index.scss

@@ -1,50 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.lexical-link-edit-drawer {
-  &__template {
-    position: relative;
-    z-index: 1;
-    padding-top: var(--base);
-    padding-bottom: calc(var(--base) * 2);
-  }
-
-  &__header {
-    width: 100%;
-    margin-bottom: var(--base);
-    display: flex;
-    justify-content: space-between;
-    margin-top: calc(var(--base) * 2.5);
-    margin-bottom: var(--base);
-
-    @include mid-break {
-      margin-top: calc(var(--base) * 1.5);
-    }
-  }
-
-  &__header-text {
-    margin: 0;
-  }
-
-  &__header-close {
-    border: 0;
-    background-color: transparent;
-    padding: 0;
-    cursor: pointer;
-    overflow: hidden;
-    width: var(--base);
-    height: var(--base);
-
-    svg {
-      width: calc(var(--base) * 2.75);
-      height: calc(var(--base) * 2.75);
-      position: relative;
-      left: calc(var(--base) * -0.825);
-      top: calc(var(--base) * -0.825);
-
-      .stroke {
-        stroke-width: 2px;
-        vector-effect: non-scaling-stroke;
-      }
-    }
-  }
-}

package/dist/field/features/link/plugins/floatingLinkEditor/index.scss

@@ -1,86 +0,0 @@
-@import '../../../../../scss/styles.scss';
-
-html[data-theme='light'] {
-  .link-editor {
-    @include shadow-m;
-  }
-}
-
-.link-editor {
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  background: var(--color-base-0);
-  padding: 0 3.72px 0 6.25px;
-  vertical-align: middle;
-  position: absolute;
-  top: 0;
-  left: 0;
-  opacity: 0;
-  border-radius: 6.25px;
-  transition: opacity 0.2s;
-  height: 37.5px;
-  will-change: transform;
-
-  .link-input {
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    min-height: 28px;
-    box-sizing: border-box;
-    padding: 2px 4px;
-    font-size: 15px;
-    border: 0;
-    outline: 0;
-    position: relative;
-    font-family: var(--font-body);
-
-    &__label-pure {
-      color: var(--color-base-1000);
-      margin-right: 15px;
-      display: block;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-
-    a {
-      text-decoration: none;
-      display: block;
-      white-space: nowrap;
-      overflow: hidden;
-      margin-right: 15px;
-      text-overflow: ellipsis;
-      color: var(--color-blue-600);
-      border-bottom: 1px dotted;
-
-      &:hover {
-        color: var(--color-blue-400);
-      }
-    }
-  }
-
-  button {
-    all: unset;
-    background-size: 16px;
-    background-position: center;
-    background-repeat: no-repeat;
-    width: 30px;
-    height: 30px;
-    cursor: pointer;
-    color: var(--color-base-600);
-    border-radius: 4px;
-
-    &:hover:not([disabled]) {
-      background-color: var(--color-base-100);
-    }
-  }
-
-  .link-edit {
-    background-image: url(../../../../lexical/ui/icons/Edit/index.svg);
-  }
-
-  .link-trash {
-    background-image: url(../../../../lexical/ui/icons/Remove/index.svg);
-  }
-}

package/dist/field/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/index.scss

@@ -1,14 +0,0 @@
-span.unknownConverted {
-  text-transform: uppercase;
-  font-family: 'Roboto Mono', monospace;
-  letter-spacing: 2px;
-  font-size: calc(var(--base) * 0.5);
-  margin: 0 0 var(--base);
-  background: red;
-  color: white;
-  display: inline-block;
-
-  div {
-    background: red;
-  }
-}

package/dist/field/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.scss

@@ -1,14 +0,0 @@
-span.unknownConverted {
-  text-transform: uppercase;
-  font-family: 'Roboto Mono', monospace;
-  letter-spacing: 2px;
-  font-size: calc(var(--base) * 0.5);
-  margin: 0 0 var(--base);
-  background: red;
-  color: white;
-  display: inline-block;
-
-  div {
-    background: red;
-  }
-}