@pie-lib/editable-html 11.35.0-mui-update.0 → 12.0.0-next.0

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [11.35.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.34.0-mui-update.0...@pie-lib/editable-html@11.35.0-mui-update.0) (2025-12-29)
+# [12.0.0-next.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.21.3-next.0...@pie-lib/editable-html@12.0.0-next.0) (2026-01-19)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [11.34.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.33.0-mui-update.0...@pie-lib/editable-html@11.34.0-mui-update.0) (2025-12-29)
+## [11.21.3-next.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.35.0-mui-update.0...@pie-lib/editable-html@11.21.3-next.0) (2026-01-19)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
@@ -19,200 +19,87 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [11.33.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.32.0-mui-update.0...@pie-lib/editable-html@11.33.0-mui-update.0) (2025-12-17)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-# [11.32.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.31.0-mui-update.0...@pie-lib/editable-html@11.32.0-mui-update.0) (2025-12-17)
-
-
-### Bug Fixes
-
-* choice render for both img and math ([39bc638](https://github.com/pie-framework/pie-lib/commit/39bc638070fc5e9c5f2b50d0d70698f80a32ecb9))
-* fix math rendering issues after React, mui and drag upgrade for drag-in-the-blank ([6dc3c95](https://github.com/pie-framework/pie-lib/commit/6dc3c95c041be02015a9005133fe750e1ff78842))
-* prevent math re-rendering issues when dragging choices over blanks ([b316544](https://github.com/pie-framework/pie-lib/commit/b316544f0d574f7f57b70e2de4d8bab2086a4151))
-
-
-
-
-
-# [11.31.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.30.0-mui-update.0...@pie-lib/editable-html@11.31.0-mui-update.0) (2025-12-11)
-
-
-### Features
-
-* updates for drag-in-the-blank ([0c096d8](https://github.com/pie-framework/pie-lib/commit/0c096d887f97edecd2dac68cda136b2d265dc7d5))
-
-
-
-
-
-# [11.30.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.29.0-mui-update.0...@pie-lib/editable-html@11.30.0-mui-update.0) (2025-12-02)
-
-
-### Features
-
-* sync latest changes from dev ([c936e9c](https://github.com/pie-framework/pie-lib/commit/c936e9c7f9e095e7d9b9805ac2bf72bd271e05f1))
-
-
-
-
-
 ## [11.21.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.21.1...@pie-lib/editable-html@11.21.2) (2025-11-27)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
-
-
-
-
 ## [11.21.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.17.2...@pie-lib/editable-html@11.21.1) (2025-10-22)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
-
-
-
-
 # [11.21.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.20.0...@pie-lib/editable-html@11.21.0) (2025-10-16)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
-
-
-
-
 # [11.20.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.17.0...@pie-lib/editable-html@11.20.0) (2025-10-16)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
-
-
-
-
 # [11.19.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.17.0...@pie-lib/editable-html@11.19.0) (2025-10-16)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
-
-
-
-
 # [11.18.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.17.0...@pie-lib/editable-html@11.18.0) (2025-10-16)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
-
-
-
-
 ## [11.17.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.17.1...@pie-lib/editable-html@11.17.2) (2025-10-14)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
-
-
-
-
 ## [11.17.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.17.0...@pie-lib/editable-html@11.17.1) (2025-10-09)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
-
-
-
-
 # [11.17.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.1.1...@pie-lib/editable-html@11.17.0) (2025-09-25)
 
-
 ### Bug Fixes
 
-* fixed pie-lib/icons import [PD-5126] ([dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f))
-
+- fixed pie-lib/icons import [PD-5126](<[dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f)>)
 
 ### Features
 
-* split pie-toolbox into multiple packages [PD-5126] ([7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2))
-
-
-
-
+- split pie-toolbox into multiple packages [PD-5126](<[7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2)>)
 
 # [11.16.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.15.0...@pie-lib/editable-html@11.16.0) (2025-09-18)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
-
-
-
-
 # [11.15.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.14.0...@pie-lib/editable-html@11.15.0) (2025-09-18)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
-
-
-
-
 # [11.14.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.1.1...@pie-lib/editable-html@11.14.0) (2025-09-18)
 
-
 ### Bug Fixes
 
-* fixed pie-lib/icons import [PD-5126] ([dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f))
-
+- fixed pie-lib/icons import [PD-5126](<[dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f)>)
 
 ### Features
 
-* split pie-toolbox into multiple packages [PD-5126] ([7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2))
-
-
-
-
+- split pie-toolbox into multiple packages [PD-5126](<[7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2)>)
 
 # [11.13.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.12.0...@pie-lib/editable-html@11.13.0) (2025-09-17)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
-
-
-
-
 # [11.12.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.11.0...@pie-lib/editable-html@11.12.0) (2025-09-17)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
-
-
-
-
 # [11.11.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.10.1...@pie-lib/editable-html@11.11.0) (2025-09-17)
 
 **Note:** Version bump only for package @pie-lib/editable-html
 
-
-
-
-
 ## [11.10.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.1.1...@pie-lib/editable-html@11.10.1) (2025-08-11)
 
-
 ### Bug Fixes
 
-* fixed pie-lib/icons import [PD-5126] ([dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f))
-
+- fixed pie-lib/icons import [PD-5126](<[dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f)>)
 
 ### Features
 
-* split pie-toolbox into multiple packages [PD-5126] ([7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2))
-
-
-
-
+- split pie-toolbox into multiple packages [PD-5126](<[7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2)>)
 
 # [11.10.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@11.1.1...@pie-lib/editable-html@11.10.0) (2025-08-07)
 

package/lib/editor.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "DEFAULT_PLUGINS", {
     return _plugins.DEFAULT_PLUGINS;
   }
 });
-exports.serialization = exports["default"] = exports.Editor = void 0;
+exports.valueToSize = exports.serialization = exports["default"] = exports.buildSizeStyle = exports.Editor = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -73,6 +73,53 @@ var createToolbarOpts = function createToolbarOpts(toolbarOpts, error, isHtmlMod
   });
 };
 
+/**
+ * Converts a value to a CSS size string
+ * @param {string|number} v - The value to convert
+ * @returns {string|undefined} CSS size string or undefined
+ */
+var valueToSize = exports.valueToSize = function valueToSize(v) {
+  if (!v) {
+    return;
+  }
+  var calcRegex = /^calc\((.*)\)$/;
+  if (typeof v === 'string') {
+    if (v.endsWith('%')) {
+      return undefined;
+    } else if (v.endsWith('px') || v.endsWith('vh') || v.endsWith('vw') || v.endsWith('ch') || v.endsWith('em') || v.match(calcRegex)) {
+      return v;
+    } else {
+      var value = parseInt(v, 10);
+      return isNaN(value) ? value : "".concat(value, "px");
+    }
+  }
+  if (typeof v === 'number') {
+    return "".concat(v, "px");
+  }
+};
+
+/**
+ * Builds a style object for editor size constraints
+ * @param {Object} props - Editor props containing size values
+ * @returns {Object} Style object with width/height constraints
+ */
+var _buildSizeStyle = exports.buildSizeStyle = function buildSizeStyle(props) {
+  var minWidth = props.minWidth,
+    width = props.width,
+    maxWidth = props.maxWidth,
+    minHeight = props.minHeight,
+    height = props.height,
+    maxHeight = props.maxHeight;
+  return {
+    width: valueToSize(width),
+    minWidth: valueToSize(minWidth),
+    maxWidth: valueToSize(maxWidth),
+    height: valueToSize(height),
+    minHeight: valueToSize(minHeight),
+    maxHeight: valueToSize(maxHeight)
+  };
+};
+
 /**
  * The maximum number of characters the editor can support
  * @type {number}
@@ -588,25 +635,6 @@ var Editor = exports.Editor = /*#__PURE__*/function (_React$Component) {
       }
       return _this.state.preBlurValue;
     });
-    (0, _defineProperty2["default"])(_this, "valueToSize", function (v) {
-      if (!v) {
-        return;
-      }
-      var calcRegex = /^calc\((.*)\)$/;
-      if (typeof v === 'string') {
-        if (v.endsWith('%')) {
-          return undefined;
-        } else if (v.endsWith('px') || v.endsWith('vh') || v.endsWith('vw') || v.endsWith('ch') || v.endsWith('em') || v.match(calcRegex)) {
-          return v;
-        } else {
-          var value = parseInt(v, 10);
-          return isNaN(value) ? value : "".concat(value, "px");
-        }
-      }
-      if (typeof v === 'number') {
-        return "".concat(v, "px");
-      }
-    });
     (0, _defineProperty2["default"])(_this, "validateNode", function (node) {
       if (node.object !== 'block') return;
       var last = node.nodes.last();
@@ -904,37 +932,25 @@ var Editor = exports.Editor = /*#__PURE__*/function (_React$Component) {
     }
   }, {
     key: "buildSizeStyle",
-    value: function buildSizeStyle() {
-      var _this$props = this.props,
-        minWidth = _this$props.minWidth,
-        width = _this$props.width,
-        maxWidth = _this$props.maxWidth,
-        minHeight = _this$props.minHeight,
-        height = _this$props.height,
-        maxHeight = _this$props.maxHeight;
-      return {
-        width: this.valueToSize(width),
-        minWidth: this.valueToSize(minWidth),
-        maxWidth: this.valueToSize(maxWidth),
-        height: this.valueToSize(height),
-        minHeight: this.valueToSize(minHeight),
-        maxHeight: this.valueToSize(maxHeight)
-      };
+    value:
+    // Use the exported utility functions
+    function buildSizeStyle() {
+      return _buildSizeStyle(this.props);
     }
   }, {
     key: "render",
     value: function render() {
       var _this4 = this,
         _value$document;
-      var _this$props2 = this.props,
-        disabled = _this$props2.disabled,
-        spellCheck = _this$props2.spellCheck,
-        highlightShape = _this$props2.highlightShape,
-        className = _this$props2.className,
-        placeholder = _this$props2.placeholder,
-        pluginProps = _this$props2.pluginProps,
-        onKeyDown = _this$props2.onKeyDown,
-        slateEditorExtraStyles = _this$props2.slateEditorExtraStyles;
+      var _this$props = this.props,
+        disabled = _this$props.disabled,
+        spellCheck = _this$props.spellCheck,
+        highlightShape = _this$props.highlightShape,
+        className = _this$props.className,
+        placeholder = _this$props.placeholder,
+        pluginProps = _this$props.pluginProps,
+        onKeyDown = _this$props.onKeyDown,
+        slateEditorExtraStyles = _this$props.slateEditorExtraStyles;
       // We don't want to send customPlugins to slate.
       // Not sure if they would do any harm, but I think it's better to not send them.
       // We use custom plugins to be able to add custom buttons
@@ -1134,9 +1150,7 @@ var Editor = exports.Editor = /*#__PURE__*/function (_React$Component) {
   extraCSSRules: null,
   isEditor: false
 });
-var StyledEditorWrapper = (0, _styles.styled)('div')(function (_ref6) {
-  var theme = _ref6.theme,
-    scheduled = _ref6.scheduled;
+var StyledEditorWrapper = (0, _styles.styled)('div')(function () {
   return {
     '&.withBg': {
       backgroundColor: 'rgba(0,0,0,0.06)'