@comet/admin-rte 9.0.0-canary-20251215091807 → 9.0.0-canary-20251223085410

package/lib/core/translation/htmlToState.spec.d.ts

@@ -1,5 +1,2 @@
-/**
- * @jest-environment jsdom
- */
 export {};
 //# sourceMappingURL=htmlToState.spec.d.ts.map

package/lib/core/translation/htmlToState.spec.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"htmlToState.spec.d.ts","sourceRoot":"","sources":["../../../src/core/translation/htmlToState.spec.ts"],"names":[],"mappings":"AAAA;;GAEG"}
+{"version":3,"file":"htmlToState.spec.d.ts","sourceRoot":"","sources":["../../../src/core/translation/htmlToState.spec.ts"],"names":[],"mappings":""}

package/lib/field/createFinalFormRte.d.ts

@@ -2,10 +2,15 @@ import { type FunctionComponent } from "react";
 import { type FieldRenderProps } from "react-final-form";
 import { type IMakeRteApiProps } from "../core/makeRteApi";
 import { type IOptions as RteOptions, type RteProps } from "../core/Rte";
-interface IConfig<T = any> {
+export interface IConfig<T = any> {
     rteApiOptions?: IMakeRteApiProps<T>;
     rteOptions?: RteOptions;
 }
+/**
+ * Used to create a Final Form-compatible RTE component.
+ *
+ * @see {@link createRteField} – preferred for typical form use. Use this only if no Field wrapper is needed.
+ */
 declare function createFinalFormRte<T = any>(config?: IConfig<T>): {
     RteField: FunctionComponent<FieldRenderProps<T, HTMLInputElement, T> & Pick<RteProps, "options">>;
     RteReadOnly: FunctionComponent<{

package/lib/field/createFinalFormRte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createFinalFormRte.d.ts","sourceRoot":"","sources":["../../src/field/createFinalFormRte.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,iBAAiB,EAAU,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAmB,EAAE,KAAK,gBAAgB,EAAmC,MAAM,oBAAoB,CAAC;AACxG,OAAO,EAAE,KAAK,QAAQ,IAAI,UAAU,EAAO,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG9E,UAAU,OAAO,CAAC,CAAC,GAAG,GAAG;IACrB,aAAa,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B;AAID,iBAAS,kBAAkB,CAAC,CAAC,GAAG,GAAG,EAAE,MAAM,GAAE,OAAO,CAAC,CAAC,CAAiB;;;kBAmClB,CAAC;wBAAkB,OAAO;;EAiB9E;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"createFinalFormRte.d.ts","sourceRoot":"","sources":["../../src/field/createFinalFormRte.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,iBAAiB,EAAU,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAmB,EAAE,KAAK,gBAAgB,EAAmC,MAAM,oBAAoB,CAAC;AACxG,OAAO,EAAE,KAAK,QAAQ,IAAI,UAAU,EAAO,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG9E,MAAM,WAAW,OAAO,CAAC,CAAC,GAAG,GAAG;IAC5B,aAAa,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B;AAID;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,CAAC,GAAG,GAAG,EAAE,MAAM,GAAE,OAAO,CAAC,CAAC,CAAiB;;;kBAmClB,CAAC;wBAAkB,OAAO;;EAiB9E;AAED,eAAe,kBAAkB,CAAC"}

package/lib/field/createFinalFormRte.js

@@ -27,6 +27,12 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var defaultConfig = {};
+
+/**
+ * Used to create a Final Form-compatible RTE component.
+ *
+ * @see {@link createRteField} – preferred for typical form use. Use this only if no Field wrapper is needed.
+ */
 function createFinalFormRte() {
   var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultConfig;
   var rteApiOptions = config.rteApiOptions,

package/lib/field/createRteField.d.ts

@@ -0,0 +1,13 @@
+import { type FieldProps } from "@comet/admin";
+import { type FunctionComponent } from "react";
+import { type RteProps } from "../core/Rte";
+import { type IConfig } from "./createFinalFormRte";
+export type RteFieldProps = FieldProps<string, HTMLInputElement> & Partial<RteProps>;
+export declare const createRteField: (config?: IConfig) => {
+    RteField: FunctionComponent<RteFieldProps>;
+    RteReadOnly: FunctionComponent<{
+        content?: any;
+        plainTextOnly?: boolean;
+    }>;
+};
+//# sourceMappingURL=createRteField.d.ts.map

package/lib/field/createRteField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRteField.d.ts","sourceRoot":"","sources":["../../src/field/createRteField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,OAA2B,EAAE,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAQrF,eAAO,MAAM,cAAc,GAAI,SAAS,OAAO;;;;;;CAQ9C,CAAC"}

package/lib/field/createRteField.js

@@ -0,0 +1,51 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createRteField = void 0;
+var _admin = require("@comet/admin");
+var _requiredValidator = require("../utils/requiredValidator");
+var _createFinalFormRte2 = _interopRequireDefault(require("./createFinalFormRte"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["required", "validate"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+// Same as in `Field` from `@comet/admin`
+var composeValidators = function composeValidators() {
+  for (var _len = arguments.length, validators = new Array(_len), _key = 0; _key < _len; _key++) {
+    validators[_key] = arguments[_key];
+  }
+  return function (value, allValues) {
+    return validators.reduce(function (error, validator) {
+      return error || validator(value, allValues);
+    }, undefined);
+  };
+};
+var createRteField = exports.createRteField = function createRteField(config) {
+  var _createFinalFormRte = (0, _createFinalFormRte2["default"])(config),
+    RteFieldComponent = _createFinalFormRte.RteField,
+    RteReadOnly = _createFinalFormRte.RteReadOnly;
+  var RteField = function RteField(_ref) {
+    var required = _ref.required,
+      validate = _ref.validate,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+    var validateError = required ? validate ? composeValidators(_requiredValidator.requiredValidator, validate) : _requiredValidator.requiredValidator : validate;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Field, _objectSpread({
+      component: RteFieldComponent,
+      required: required,
+      validate: validateError
+    }, restProps));
+  };
+  return {
+    RteField: RteField,
+    RteReadOnly: RteReadOnly
+  };
+};

package/lib/index.d.ts

@@ -25,5 +25,6 @@ export { default as findTextInCurrentSelection } from "./core/utils/findTextInCu
 export { pasteAndFilterText } from "./core/utils/pasteAndFilterText";
 export { default as selectionIsInOneBlock } from "./core/utils/selectionIsInOneBlock";
 export { default as createFinalFormRte } from "./field/createFinalFormRte";
+export { createRteField, type RteFieldProps } from "./field/createRteField";
 export { requiredValidator } from "./utils/requiredValidator";
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,uBAAuB,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,KAAK,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AACtH,OAAO,EAAE,aAAa,EAAE,KAAK,MAAM,IAAI,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACjI,OAAO,EAAE,mBAAmB,EAAE,KAAK,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,uBAAuB,EAAE,KAAK,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAChI,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,YAAY,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,4CAA4C,EAAE,MAAM,iDAAiD,CAAC;AAC1H,OAAO,EAAE,OAAO,IAAI,0CAA0C,EAAE,MAAM,+CAA+C,CAAC;AACtH,OAAO,EAAE,OAAO,IAAI,8CAA8C,EAAE,MAAM,mDAAmD,CAAC;AAC9H,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,2CAA2C,CAAC;AACtG,OAAO,EAAE,OAAO,IAAI,qCAAqC,EAAE,MAAM,gDAAgD,CAAC;AAClH,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,0CAA0C,CAAC;AACtG,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,MAAM,8CAA8C,CAAC;AAC9G,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,YAAY,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AACrI,OAAO,EAAE,KAAK,+BAA+B,EAAE,KAAK,QAAQ,IAAI,WAAW,EAAE,KAAK,OAAO,EAAE,GAAG,EAAE,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AACpJ,OAAO,EAAE,KAAK,QAAQ,IAAI,mBAAmB,EAAE,KAAK,MAAM,IAAI,iBAAiB,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACpI,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,uBAAuB,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,KAAK,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AACtH,OAAO,EAAE,aAAa,EAAE,KAAK,MAAM,IAAI,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACjI,OAAO,EAAE,mBAAmB,EAAE,KAAK,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,uBAAuB,EAAE,KAAK,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAChI,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,YAAY,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,4CAA4C,EAAE,MAAM,iDAAiD,CAAC;AAC1H,OAAO,EAAE,OAAO,IAAI,0CAA0C,EAAE,MAAM,+CAA+C,CAAC;AACtH,OAAO,EAAE,OAAO,IAAI,8CAA8C,EAAE,MAAM,mDAAmD,CAAC;AAC9H,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,2CAA2C,CAAC;AACtG,OAAO,EAAE,OAAO,IAAI,qCAAqC,EAAE,MAAM,gDAAgD,CAAC;AAClH,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,0CAA0C,CAAC;AACtG,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,MAAM,8CAA8C,CAAC;AAC9G,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,YAAY,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AACrI,OAAO,EAAE,KAAK,+BAA+B,EAAE,KAAK,QAAQ,IAAI,WAAW,EAAE,KAAK,OAAO,EAAE,GAAG,EAAE,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AACpJ,OAAO,EAAE,KAAK,QAAQ,IAAI,mBAAmB,EAAE,KAAK,MAAM,IAAI,iBAAiB,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACpI,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC"}

package/lib/index.js

@@ -75,6 +75,12 @@ Object.defineProperty(exports, "createFinalFormRte", {
     return _createFinalFormRte["default"];
   }
 });
+Object.defineProperty(exports, "createRteField", {
+  enumerable: true,
+  get: function get() {
+    return _createRteField.createRteField;
+  }
+});
 Object.defineProperty(exports, "filterEditorStateDefault", {
   enumerable: true,
   get: function get() {
@@ -191,5 +197,6 @@ var _findTextInCurrentSelection = _interopRequireDefault(require("./core/utils/f
 var _pasteAndFilterText = require("./core/utils/pasteAndFilterText");
 var _selectionIsInOneBlock = _interopRequireDefault(require("./core/utils/selectionIsInOneBlock"));
 var _createFinalFormRte = _interopRequireDefault(require("./field/createFinalFormRte"));
+var _createRteField = require("./field/createRteField");
 var _requiredValidator = require("./utils/requiredValidator");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comet/admin-rte",
-  "version": "9.0.0-canary-20251215091807",
+  "version": "9.0.0-canary-20251223085410",
   "description": "Comet Admin Rich Text Editor component",
   "repository": {
     "directory": "packages/admin/admin-rte",
@@ -20,22 +20,19 @@
     "draft-js-import-html": "^1.4.1",
     "draftjs-conductor": "^3.0.0",
     "immutable": "~3.8.2",
-    "@comet/admin": "9.0.0-canary-20251215091807",
-    "@comet/admin-icons": "9.0.0-canary-20251215091807"
+    "@comet/admin": "9.0.0-canary-20251223085410",
+    "@comet/admin-icons": "9.0.0-canary-20251223085410"
   },
   "devDependencies": {
     "@babel/cli": "^7.28.3",
     "@babel/core": "^7.28.5",
     "@mui/material": "^7.3.5",
     "@types/draft-js": "^0.11.20",
-    "@types/jest": "^29.5.14",
-    "@types/react": "^18.3.23",
+    "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",
     "draft-js": "^0.11.7",
     "eslint": "^9.30.1",
     "final-form": "^4.20.10",
-    "jest": "^29.7.0",
-    "jest-junit": "^16.0.0",
     "npm-run-all2": "^8.0.0",
     "prettier": "^3.6.2",
     "react": "^18.3.1",
@@ -43,10 +40,10 @@
     "react-final-form": "^6.5.9",
     "react-intl": "^7.1.11",
     "rimraf": "^6.1.2",
-    "ts-jest": "^29.4.0",
     "typescript": "5.9.3",
-    "@comet/admin-babel-preset": "9.0.0-canary-20251215091807",
-    "@comet/eslint-config": "9.0.0-canary-20251215091807"
+    "vitest": "^4.0.16",
+    "@comet/admin-babel-preset": "9.0.0-canary-20251223085410",
+    "@comet/eslint-config": "9.0.0-canary-20251223085410"
   },
   "peerDependencies": {
     "@mui/material": "^7.0.0",
@@ -77,7 +74,7 @@
     "start": "run-p start:babel start:types",
     "start:babel": "pnpm exec babel ./src -x \".ts,.tsx\" -d lib -w",
     "start:types": "tsc --project ./tsconfig.json --emitDeclarationOnly --watch --preserveWatchOutput",
-    "test": "jest",
-    "test:watch": "jest --watch"
+    "test": "vitest --run",
+    "test:watch": "vitest --watch"
   }
 }

package/lib/core/translation/htmlToState.spec.js

@@ -1,306 +0,0 @@
-"use strict";
-
-var _draftJs = require("draft-js");
-var _htmlToState = require("./htmlToState");
-var _stateToHtml3 = require("./stateToHtml");
-/**
- * @jest-environment jsdom
- */
-
-// TODO Remove mock once we've updated the test setup to support ESM modules
-jest.mock("../BlockElement", function () {
-  return {
-    BlockElement: function BlockElement() {
-      return null;
-    }
-  };
-});
-describe("htmlToState", function () {
-  var options = {
-    customInlineStyles: {
-      HIGHLIGHT: {
-        label: "Highlight!",
-        style: {
-          backgroundColor: "yellow"
-        }
-      }
-    }
-  };
-  it("should convert html to state to html with the html staying the same", function () {
-    var blocks = [
-    // Basic stylings
-    {
-      key: "52cmg",
-      text: "Normal Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "8psic",
-      text: "Bold Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 9,
-        style: "BOLD"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "4m6ou",
-      text: "Italic Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 11,
-        style: "ITALIC"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "fask6",
-      text: "Bold Italic Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 16,
-        style: "ITALIC"
-      }, {
-        offset: 0,
-        length: 16,
-        style: "BOLD"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "fm23u",
-      text: "Strikethrough Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 18,
-        style: "STRIKETHROUGH"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "9q8m5",
-      text: "A Subscript Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 2,
-        length: 14,
-        style: "SUB"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "t3nk",
-      text: "B Superscript Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 2,
-        length: 16,
-        style: "SUP"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "e6k04",
-      text: "Headline 1",
-      type: "header-one",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "ect4f",
-      text: "Headline 2",
-      type: "header-two",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "e038j",
-      text: "Headline 3",
-      type: "header-three",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "4bha8",
-      text: "Headline 4",
-      type: "header-four",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "aje6k",
-      text: "Headline 5",
-      type: "header-five",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "7u6on",
-      text: "Headline 6",
-      type: "header-six",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    },
-    // Unordered List
-    {
-      key: "a9t3",
-      text: "Unordered List",
-      type: "unordered-list-item",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "f4o2c",
-      text: "123456",
-      type: "unordered-list-item",
-      depth: 1,
-      inlineStyleRanges: [{
-        offset: 3,
-        length: 3,
-        style: "SUB"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "7v61p",
-      text: "234",
-      type: "unordered-list-item",
-      depth: 2,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 3,
-        style: "ITALIC"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "1duir",
-      text: "345",
-      type: "unordered-list-item",
-      depth: 2,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 3,
-        style: "BOLD"
-      }],
-      entityRanges: [],
-      data: {}
-    },
-    // Ordered List
-    {
-      key: "1iahs",
-      text: "List",
-      type: "ordered-list-item",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "aqjhb",
-      text: "123456",
-      type: "ordered-list-item",
-      depth: 1,
-      inlineStyleRanges: [{
-        offset: 3,
-        length: 3,
-        style: "SUP"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "c4js6",
-      text: "234",
-      type: "ordered-list-item",
-      depth: 2,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 3,
-        style: "ITALIC"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "3qjfc",
-      text: "345",
-      type: "ordered-list-item",
-      depth: 2,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 3,
-        style: "BOLD"
-      }],
-      entityRanges: [],
-      data: {}
-    },
-    // Custom Style
-    {
-      key: "7l333",
-      text: "A rte text with custom styling",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 30,
-        style: "HIGHLIGHT"
-      }],
-      entityRanges: [],
-      data: {}
-    },
-    // Custom Block Style
-    {
-      key: "7l334",
-      text: "A rte text with custom block styling",
-      type: "header-custom-green",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }];
-    var rawContent = {
-      entityMap: {},
-      blocks: blocks
-    };
-    var content = (0, _draftJs.convertFromRaw)(rawContent);
-    var editorState = _draftJs.EditorState.createWithContent(content);
-    var _stateToHtml = (0, _stateToHtml3.stateToHtml)({
-        editorState: editorState,
-        options: options
-      }),
-      html = _stateToHtml.html,
-      entities = _stateToHtml.entities;
-    var state = (0, _htmlToState.htmlToState)({
-      html: html,
-      entities: entities
-    });
-    var _stateToHtml2 = (0, _stateToHtml3.stateToHtml)({
-        editorState: state,
-        options: options
-      }),
-      html2 = _stateToHtml2.html,
-      linkDataList2 = _stateToHtml2.entities;
-    expect(html).toEqual(html2);
-    expect(entities).toEqual(linkDataList2);
-  });
-});

package/lib/core/translation/stateToHtml.spec.js

@@ -1,498 +0,0 @@
-"use strict";
-
-var _draftJs = require("draft-js");
-var _stateToHtml7 = require("./stateToHtml");
-// Remove all newlines and spaces to compare the html strings
-function trimHtml(html) {
-  return html.replace(/\s|\n/g, "");
-}
-
-// TODO Remove mock once we've updated the test setup to support ESM modules
-jest.mock("../BlockElement", function () {
-  return {
-    BlockElement: function BlockElement() {
-      return null;
-    }
-  };
-});
-describe("stateToHtml", function () {
-  var options = {
-    customInlineStyles: {
-      HIGHLIGHT: {
-        label: "Highlight!",
-        style: {
-          backgroundColor: "yellow"
-        }
-      }
-    },
-    blocktypeMap: {
-      "header-custom-green": {
-        label: "Header Custom Green",
-        renderConfig: {
-          element: "p"
-        }
-      }
-    }
-  };
-  it("should convert the rte editor state with styling into html while keeping the format via tags - formats part 1", function () {
-    var blocks = [{
-      key: "52cmg",
-      text: "Normal Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "8psic",
-      text: "Bold Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 9,
-        style: "BOLD"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "4m6ou",
-      text: "Italic Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 11,
-        style: "ITALIC"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "fask6",
-      text: "Bold Italic Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 16,
-        style: "ITALIC"
-      }, {
-        offset: 0,
-        length: 16,
-        style: "BOLD"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "fm23u",
-      text: "Strikethrough Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 18,
-        style: "STRIKETHROUGH"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "9q8m5",
-      text: "A Subscript Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 2,
-        length: 14,
-        style: "SUB"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "t3nk",
-      text: "B Superscript Text",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 2,
-        length: 16,
-        style: "SUP"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "e6k04",
-      text: "Headline 1",
-      type: "header-one",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "ect4f",
-      text: "Headline 2",
-      type: "header-two",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "e038j",
-      text: "Headline 3",
-      type: "header-three",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "4bha8",
-      text: "Headline 4",
-      type: "header-four",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "aje6k",
-      text: "Headline 5",
-      type: "header-five",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "7u6on",
-      text: "Headline 6",
-      type: "header-six",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }];
-    var rawContent = {
-      entityMap: {},
-      blocks: blocks
-    };
-    var content = (0, _draftJs.convertFromRaw)(rawContent);
-    var editorState = _draftJs.EditorState.createWithContent(content);
-    var _stateToHtml = (0, _stateToHtml7.stateToHtml)({
-        editorState: editorState,
-        options: options
-      }),
-      html = _stateToHtml.html;
-    var expectedHtml = "<p>Normal Text</p><p><strong>Bold Text</strong></p><p><em>Italic Text</em></p><p><em><strong>Bold Italic Text</strong></em></p><p><del>Strikethrough Text</del></p><p>A <sub>Subscript Text</sub></p><p>B <sup>Superscript Text</sup></p><h1>Headline 1</h1><h2>Headline 2</h2><h3>Headline 3</h3><h4>Headline 4</h4><h5>Headline 5</h5><h6>Headline 6</h6>";
-    expect(trimHtml(html)).toEqual(trimHtml(expectedHtml));
-  });
-  it("should convert the rte editor state with formating into html while keeping the format via tags - formats part 2 (unordered list)", function () {
-    var blocks = [{
-      key: "a9t3",
-      text: "Unordered List",
-      type: "unordered-list-item",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "f4o2c",
-      text: "123456",
-      type: "unordered-list-item",
-      depth: 1,
-      inlineStyleRanges: [{
-        offset: 3,
-        length: 3,
-        style: "SUB"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "7v61p",
-      text: "234",
-      type: "unordered-list-item",
-      depth: 2,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 3,
-        style: "ITALIC"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "1duir",
-      text: "345",
-      type: "unordered-list-item",
-      depth: 2,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 3,
-        style: "BOLD"
-      }],
-      entityRanges: [],
-      data: {}
-    }];
-    var rawContent = {
-      entityMap: {},
-      blocks: blocks
-    };
-    var content = (0, _draftJs.convertFromRaw)(rawContent);
-    var editorState = _draftJs.EditorState.createWithContent(content);
-    var _stateToHtml2 = (0, _stateToHtml7.stateToHtml)({
-        editorState: editorState,
-        options: options
-      }),
-      html = _stateToHtml2.html;
-    var expectedHtml = "<ul><li>Unordered List<ul><li>123<sub>456</sub><ul><li><em>234</em></li><li><strong>345</strong></li></ul></li></ul></li></ul>";
-    expect(trimHtml(html)).toEqual(trimHtml(expectedHtml));
-  });
-  it("should convert the rte editor state with formating into html while keeping the format via tags - formats part 3 (ordered list)", function () {
-    var blocks = [{
-      key: "1iahs",
-      text: "List",
-      type: "ordered-list-item",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "aqjhb",
-      text: "123456",
-      type: "ordered-list-item",
-      depth: 1,
-      inlineStyleRanges: [{
-        offset: 3,
-        length: 3,
-        style: "SUP"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "c4js6",
-      text: "234",
-      type: "ordered-list-item",
-      depth: 2,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 3,
-        style: "ITALIC"
-      }],
-      entityRanges: [],
-      data: {}
-    }, {
-      key: "3qjfc",
-      text: "345",
-      type: "ordered-list-item",
-      depth: 2,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 3,
-        style: "BOLD"
-      }],
-      entityRanges: [],
-      data: {}
-    }];
-    var rawContent = {
-      entityMap: {},
-      blocks: blocks
-    };
-    var content = (0, _draftJs.convertFromRaw)(rawContent);
-    var editorState = _draftJs.EditorState.createWithContent(content);
-    var _stateToHtml3 = (0, _stateToHtml7.stateToHtml)({
-        editorState: editorState,
-        options: options
-      }),
-      html = _stateToHtml3.html;
-    var expectedHtml = "<ol><li>List<ol><li>123<sup>456</sup><ol><li><em>234</em></li><li><strong>345</strong></li></ol></li></ol></li></ol>";
-    expect(trimHtml(html)).toEqual(trimHtml(expectedHtml));
-  });
-  it("should convert the rte editor state with formating into html while keeping the format via tags - formats part 4 (links)", function () {
-    var entityMap = {
-      "0": {
-        type: "LINK",
-        mutability: "MUTABLE",
-        data: {
-          activeType: "external",
-          attachedBlocks: [{
-            type: "external",
-            props: {
-              targetUrl: "https://www.vivid-planet.com/",
-              openInNewWindow: false
-            }
-          }]
-        }
-      },
-      "1": {
-        type: "LINK",
-        mutability: "MUTABLE",
-        data: {
-          activeType: "internal",
-          attachedBlocks: [{
-            type: "internal",
-            props: {
-              targetPage: {
-                id: "5aab378c-7a8f-4442-aa33-4aff950d0233",
-                name: "RTE Save",
-                path: "/rte-save",
-                documentType: "Page"
-              }
-            }
-          }]
-        }
-      },
-      "2": {
-        type: "LINK",
-        mutability: "MUTABLE",
-        data: {
-          activeType: "news",
-          attachedBlocks: [{
-            type: "news",
-            props: {
-              id: "3d90dd58-f880-4fd8-a4b8-9ff690655a5b"
-            }
-          }]
-        }
-      }
-    };
-    var blocks = [{
-      key: "b40ve",
-      text: "External Link",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [{
-        offset: 0,
-        length: 13,
-        key: 0
-      }],
-      data: {}
-    }, {
-      key: "67hve",
-      text: "Internal Link",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [{
-        offset: 0,
-        length: 13,
-        key: 1
-      }],
-      data: {}
-    }, {
-      key: "8mn26",
-      text: "Internal News Link",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [{
-        offset: 0,
-        length: 18,
-        key: 2
-      }],
-      data: {}
-    }];
-    var rawContent = {
-      entityMap: entityMap,
-      blocks: blocks
-    };
-    var content = (0, _draftJs.convertFromRaw)(rawContent);
-    var editorState = _draftJs.EditorState.createWithContent(content);
-    var _stateToHtml4 = (0, _stateToHtml7.stateToHtml)({
-        editorState: editorState,
-        options: options
-      }),
-      html = _stateToHtml4.html,
-      entities = _stateToHtml4.entities;
-    var expectedHtml = "<p><a id=\"0\">External Link</a></p><p><a id=\"1\">Internal Link</a></p><p><a id=\"2\">Internal News Link</a></p>";
-    expect(trimHtml(html)).toEqual(trimHtml(expectedHtml));
-    var expectedLinkDataList = [{
-      id: "0",
-      data: {
-        activeType: "external",
-        attachedBlocks: [{
-          type: "external",
-          props: {
-            targetUrl: "https://www.vivid-planet.com/",
-            openInNewWindow: false
-          }
-        }]
-      }
-    }, {
-      id: "1",
-      data: {
-        activeType: "internal",
-        attachedBlocks: [{
-          type: "internal",
-          props: {
-            targetPage: {
-              id: "5aab378c-7a8f-4442-aa33-4aff950d0233",
-              name: "RTE Save",
-              path: "/rte-save",
-              documentType: "Page"
-            }
-          }
-        }]
-      }
-    }, {
-      id: "2",
-      data: {
-        activeType: "news",
-        attachedBlocks: [{
-          type: "news",
-          props: {
-            id: "3d90dd58-f880-4fd8-a4b8-9ff690655a5b"
-          }
-        }]
-      }
-    }];
-    expect(entities).toEqual(expectedLinkDataList);
-  });
-  it("should convert the rte editor state with formating into html while keeping the format via tags - formats part 5 (custom styles)", function () {
-    var blocks = [{
-      key: "7l333",
-      text: "A rte text with custom styling",
-      type: "unstyled",
-      depth: 0,
-      inlineStyleRanges: [{
-        offset: 0,
-        length: 30,
-        style: "HIGHLIGHT"
-      }],
-      entityRanges: [],
-      data: {}
-    }];
-    var rawContent = {
-      entityMap: {},
-      blocks: blocks
-    };
-    var content = (0, _draftJs.convertFromRaw)(rawContent);
-    var editorState = _draftJs.EditorState.createWithContent(content);
-    var _stateToHtml5 = (0, _stateToHtml7.stateToHtml)({
-        editorState: editorState,
-        options: options
-      }),
-      html = _stateToHtml5.html;
-    var expectedHtml = "<p><span class=\"HIGHLIGHT\">A rte text with custom styling</span></p>";
-    expect(trimHtml(html)).toEqual(trimHtml(expectedHtml));
-  });
-  it("should convert the rte editor state with formating into html while keeping the format via tags - formats part 6 (custom block styles)", function () {
-    var blocks = [{
-      key: "7l334",
-      text: "A rte text with custom block styling",
-      type: "header-custom-green",
-      depth: 0,
-      inlineStyleRanges: [],
-      entityRanges: [],
-      data: {}
-    }];
-    var rawContent = {
-      entityMap: {},
-      blocks: blocks
-    };
-    var content = (0, _draftJs.convertFromRaw)(rawContent);
-    var editorState = _draftJs.EditorState.createWithContent(content);
-    var _stateToHtml6 = (0, _stateToHtml7.stateToHtml)({
-        editorState: editorState,
-        options: options
-      }),
-      html = _stateToHtml6.html;
-    var expectedHtml = "<p class=\"header-custom-green\">A rte text with custom block styling</p>";
-    expect(trimHtml(html)).toEqual(trimHtml(expectedHtml));
-  });
-});