@pie-element/complex-rubric 3.1.3 → 3.1.4-next.43

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.11/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.7/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.12/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.11/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -32816,6 +32816,7 @@ toolbarButtons.RawMarkButton = RawMarkButton;
 (0, _defineProperty2$R["default"])(RawMarkButton, "propTypes", {
   onToggle: _propTypes$1n["default"].func.isRequired,
   mark: _propTypes$1n["default"].string,
+  label: _propTypes$1n["default"].string.isRequired,
   children: _propTypes$1n["default"].oneOfType([_propTypes$1n["default"].arrayOf(_propTypes$1n["default"].node), _propTypes$1n["default"].node]).isRequired,
   classes: _propTypes$1n["default"].object.isRequired,
   active: _propTypes$1n["default"].bool
@@ -87661,12 +87662,19 @@ const require$$10$r = _dll_debug;
     if (props.isMark) {
       var isActive = (0, _utils.hasMark)(props.value, props.type);
       log('[ToolbarButton] mark:isActive: ', isActive);
+      var ariaLabel;
+      if (props.type === 'sup') {
+        ariaLabel = 'Superscript (marks text as superscripted)';
+      } else if (props.type === 'sub') {
+        ariaLabel = 'Subscript (marks text as subscripted)';
+      } else {
+        ariaLabel = props.type;
+      }
       return _react["default"].createElement(_toolbarButtons.MarkButton, {
         active: isActive,
-        label: props.type,
         onToggle: onToggle,
         mark: props.type,
-        ariaLabel: props.type
+        label: ariaLabel
       }, props.icon);
     } else {
       var disabled = props.disabled;
@@ -90487,7 +90495,8 @@ const require$$3$A = _dll_prop_types;
         border: '1px solid #C0C3CF',
         boxSizing: 'border-box',
         borderRadius: '3px',
-        position: 'relative'
+        position: 'relative',
+        alignItems: 'center'
       }
     }, _react["default"].createElement("div", {
       style: {
@@ -90495,13 +90504,17 @@ const require$$3$A = _dll_prop_types;
         overflow: 'hidden',
         padding: '0 25px 0 8px',
         whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis',
-        lineHeight: '35px'
+        textOverflow: 'ellipsis'
+      }
+    }, _react["default"].createElement("span", {
+      style: {
+        display: 'inline-block',
+        verticalAlign: 'middle'
       },
       dangerouslySetInnerHTML: {
         __html: html
       }
-    }), _react["default"].createElement(_icons.Chevron, {
+    })), _react["default"].createElement(_icons.Chevron, {
       direction: "down",
       style: {
         position: 'absolute',
@@ -103894,6 +103907,7 @@ function UndoRedo(type) {
     toolbar: {
       type: type,
       icon: _react$1c["default"].createElement(IconToUse, null),
+      ariaLabel: type === 'undo' ? 'Undo (revert the last action)' : 'Redo (reapply the last undone action)',
       onClick: function onClick(value, onChange) {
         var change = value.change();
         onChange(change[type]());
@@ -112760,7 +112774,8 @@ const require$$23 = _dll_classnames;
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderPlaceholder", function (props) {
         var editor = props.editor;
         var document = editor.value.document;
-        if (!editor.props.placeholder || document.text !== '' || document.nodes.size !== 1) {
+        var stateValue = _this.state.value;
+        if (!editor.props.placeholder || document.text !== '' || document.nodes.size !== 1 || !document.isEmpty || stateValue.isFocused) {
           return false;
         }
         return _react["default"].createElement("span", {

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/complex-rubric@3.1.2</title>
+      <title>@pie-element/complex-rubric@3.1.3</title>
       <script
         type="module"
         src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>

package/module/manifest.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/complex-rubric",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "2.0.11"
+      "version": "2.0.12"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.0.7"
+      "version": "5.0.11"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/complex-rubric@3.1.2</title>
+      <title>@pie-element/complex-rubric@3.1.3</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"

package/module/print.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.11/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.7/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.12/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.11/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -32816,6 +32816,7 @@ toolbarButtons.RawMarkButton = RawMarkButton;
 (0, _defineProperty2$R["default"])(RawMarkButton, "propTypes", {
   onToggle: _propTypes$1n["default"].func.isRequired,
   mark: _propTypes$1n["default"].string,
+  label: _propTypes$1n["default"].string.isRequired,
   children: _propTypes$1n["default"].oneOfType([_propTypes$1n["default"].arrayOf(_propTypes$1n["default"].node), _propTypes$1n["default"].node]).isRequired,
   classes: _propTypes$1n["default"].object.isRequired,
   active: _propTypes$1n["default"].bool
@@ -87661,12 +87662,19 @@ const require$$10$r = _dll_debug;
     if (props.isMark) {
       var isActive = (0, _utils.hasMark)(props.value, props.type);
       log('[ToolbarButton] mark:isActive: ', isActive);
+      var ariaLabel;
+      if (props.type === 'sup') {
+        ariaLabel = 'Superscript (marks text as superscripted)';
+      } else if (props.type === 'sub') {
+        ariaLabel = 'Subscript (marks text as subscripted)';
+      } else {
+        ariaLabel = props.type;
+      }
       return _react["default"].createElement(_toolbarButtons.MarkButton, {
         active: isActive,
-        label: props.type,
         onToggle: onToggle,
         mark: props.type,
-        ariaLabel: props.type
+        label: ariaLabel
       }, props.icon);
     } else {
       var disabled = props.disabled;
@@ -90487,7 +90495,8 @@ const require$$3$A = _dll_prop_types;
         border: '1px solid #C0C3CF',
         boxSizing: 'border-box',
         borderRadius: '3px',
-        position: 'relative'
+        position: 'relative',
+        alignItems: 'center'
       }
     }, _react["default"].createElement("div", {
       style: {
@@ -90495,13 +90504,17 @@ const require$$3$A = _dll_prop_types;
         overflow: 'hidden',
         padding: '0 25px 0 8px',
         whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis',
-        lineHeight: '35px'
+        textOverflow: 'ellipsis'
+      }
+    }, _react["default"].createElement("span", {
+      style: {
+        display: 'inline-block',
+        verticalAlign: 'middle'
       },
       dangerouslySetInnerHTML: {
         __html: html
       }
-    }), _react["default"].createElement(_icons.Chevron, {
+    })), _react["default"].createElement(_icons.Chevron, {
       direction: "down",
       style: {
         position: 'absolute',
@@ -103894,6 +103907,7 @@ function UndoRedo(type) {
     toolbar: {
       type: type,
       icon: _react$1c["default"].createElement(IconToUse, null),
+      ariaLabel: type === 'undo' ? 'Undo (revert the last action)' : 'Redo (reapply the last undone action)',
       onClick: function onClick(value, onChange) {
         var change = value.change();
         onChange(change[type]());
@@ -112760,7 +112774,8 @@ const require$$23 = _dll_classnames;
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderPlaceholder", function (props) {
         var editor = props.editor;
         var document = editor.value.document;
-        if (!editor.props.placeholder || document.text !== '' || document.nodes.size !== 1) {
+        var stateValue = _this.state.value;
+        if (!editor.props.placeholder || document.text !== '' || document.nodes.size !== 1 || !document.isEmpty || stateValue.isFocused) {
           return false;
         }
         return _react["default"].createElement("span", {

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "3.1.3",
+  "version": "3.1.4-next.43+2137958ad",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^4.1.3",
-    "@pie-element/rubric": "^4.1.3",
+    "@pie-element/multi-trait-rubric": "^4.1.4-next.43+2137958ad",
+    "@pie-element/rubric": "^4.1.4-next.43+2137958ad",
     "@pie-framework/pie-player-events": "^0.1.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2"
   },
-  "gitHead": "55af78558b81f2cd421eaac78eb3e652e3523697",
+  "gitHead": "2137958adc303c2f08bc53bf6537469158220c1f",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },