@pie-lib/editable-html 9.5.13 → 10.0.0-beta.1

package/CHANGELOG.md

@@ -3,308 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [9.5.12](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.5.10...@pie-lib/editable-html@9.5.12) (2023-01-31)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.5.10](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.5.9...@pie-lib/editable-html@9.5.10) (2023-01-31)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.5.9](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.5.8...@pie-lib/editable-html@9.5.9) (2023-01-31)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.5.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.5.7...@pie-lib/editable-html@9.5.8) (2023-01-31)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.5.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.5.5...@pie-lib/editable-html@9.5.7) (2023-01-31)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.5.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.5.3...@pie-lib/editable-html@9.5.5) (2023-01-31)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.5.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.5.1...@pie-lib/editable-html@9.5.3) (2023-01-31)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.5.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.5.0...@pie-lib/editable-html@9.5.1) (2023-01-31)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-# [9.5.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.4.1...@pie-lib/editable-html@9.5.0) (2023-01-16)
-
-
-### Features
-
-* added theme naming support + cleanup ([72d562d](https://github.com/pie-framework/pie-lib/commit/72d562d509e5d31d883690eb455a9afea6bf54fc))
-
-
-
-
-
-## [9.4.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.4.0...@pie-lib/editable-html@9.4.1) (2023-01-04)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-# [9.4.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.3.0...@pie-lib/editable-html@9.4.0) (2023-01-03)
-
-
-### Bug Fixes
-
-* add param to createToolbarOpts ([b80af8a](https://github.com/pie-framework/pie-lib/commit/b80af8ad0a7381a14ba935b7ee121133ab99f765))
-* revert changes to yarn lock that are causing build issues ([390d28c](https://github.com/pie-framework/pie-lib/commit/390d28c479452d58978984c961ed56716f156f91))
-
-
-### Features
-
-* **editable-html:** add error  PD-2417 ([b53fb99](https://github.com/pie-framework/pie-lib/commit/b53fb993c27ee7058b3d4c0722b1c582592bbec4))
-
-
-
-
-
-# [9.3.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.2.9...@pie-lib/editable-html@9.3.0) (2022-12-19)
-
-
-### Bug Fixes
-
-* **editable-html:** fix spellCheck functionality on mobile devices for extended-text-entry player PD-2144 ([bb70090](https://github.com/pie-framework/pie-lib/commit/bb7009076da301a063754f3fb3b09c800bfae262))
-
-
-### Features
-
-* **editable-html:** select text at focus-PD-1971 ([f7c7bce](https://github.com/pie-framework/pie-lib/commit/f7c7bce8abc72aa3aa3b3c7adbf281ea34253d35))
-
-
-
-
-
-## [9.2.9](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.2.8...@pie-lib/editable-html@9.2.9) (2022-12-06)
-
-
-### Bug Fixes
-
-* **editable-html:** close image toolbar after insertion of alt text to prevent blocked state PD-2083 ([76be3dd](https://github.com/pie-framework/pie-lib/commit/76be3dd3ef9c1c314c131d39bfdb99b2c7f076d4))
-
-
-
-
-
-## [9.2.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.2.7...@pie-lib/editable-html@9.2.8) (2022-11-29)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.2.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.2.6...@pie-lib/editable-html@9.2.7) (2022-11-23)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.2.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.2.5...@pie-lib/editable-html@9.2.6) (2022-11-23)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.2.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.2.4...@pie-lib/editable-html@9.2.5) (2022-11-17)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.2.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.2.3...@pie-lib/editable-html@9.2.4) (2022-11-14)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.2.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.2.2...@pie-lib/editable-html@9.2.3) (2022-10-31)
-
-
-### Bug Fixes
-
-* **editable-html:** increase helper text font size in alt dialog PD-2087 ([013cecb](https://github.com/pie-framework/pie-lib/commit/013cecbae73b5b8b6199aa814feb34d9627ed26f))
-* **editable-html:** send autoWidth property to toolbar to fix PD-2129 ([f001ddb](https://github.com/pie-framework/pie-lib/commit/f001ddbf51bd8a2b3294603811351b26587bfc0b))
-
-
-
-
-
-## [9.2.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.2.1...@pie-lib/editable-html@9.2.2) (2022-09-29)
-
-
-### Bug Fixes
-
-* **editable-html:** handle use case were there no child in audio tag ([dbc5410](https://github.com/pie-framework/pie-lib/commit/dbc54109fbe7201aea5ea6d5a6226f8ce9c797a0))
-
-
-### Reverts
-
-* Revert "PD-1886 updated slate js version" ([0069bc8](https://github.com/pie-framework/pie-lib/commit/0069bc829175194e663a9601f284a31d7285d7eb))
-
-
-
-
-
-## [9.2.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.2.0...@pie-lib/editable-html@9.2.1) (2022-09-28)
-
-
-### Bug Fixes
-
-* fire add image method when copy-paste image is used ([23d525e](https://github.com/pie-framework/pie-lib/commit/23d525efda2d41a8bfd603460b4cc4fda5d2a184))
-
-
-
-
-
-# [9.2.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.1.6...@pie-lib/editable-html@9.2.0) (2022-09-28)
-
-
-### Bug Fixes
-
-* **editable-html, graphing:** Add support to remove scrollbar from editable-html and removed scrollbar from graphing labels PD-1968 ([d04a0d3](https://github.com/pie-framework/pie-lib/commit/d04a0d3bc66d4b861f60b24198301459c15bd151))
-
-
-### Features
-
-* add upload logic in pie lib (wip) PD-23-updated ([c666f68](https://github.com/pie-framework/pie-lib/commit/c666f68682bf4e9746cea3d7e18c1b1e1948131d))
-* add upload logic in pie lib (wip) PD-23-updated ([0ece29e](https://github.com/pie-framework/pie-lib/commit/0ece29e256ee7d7c84202d1be97244e7d4b70411))
-* hide edit uploaded sound in editable-html for now ([88882e6](https://github.com/pie-framework/pie-lib/commit/88882e6704f5f5f889328666a9b0fe03554339cd))
-* UI improvements and bit of cleanup for PD-23-updated ([37e88e8](https://github.com/pie-framework/pie-lib/commit/37e88e8fb04698eadb805c26b5ee2c57cc0b51a8))
-* **editable-html:** allow audio file upload (editable-html & rendering logic) ([f5df32d](https://github.com/pie-framework/pie-lib/commit/f5df32d1e53859435556f866e8727fef077896d4))
-* **editable-html:** allow audio file upload (modal logic) ([f57cff1](https://github.com/pie-framework/pie-lib/commit/f57cff12d861d1182ab2fa84c8ce2a89f144b222))
-* **editable-html:** finalize audio upload implementation (it works via new prop `pieApi: { token, host }`) PD-23 ([4fa7389](https://github.com/pie-framework/pie-lib/commit/4fa7389e5a6eff8b58c9d893424f82197b574f02))
-* **graphing, plot:** moved graphing labels to plot package + fixed math input + added support for labels rotation PD-1962 ([a85ec39](https://github.com/pie-framework/pie-lib/commit/a85ec3911dd1f6bc89e4eb20a19ef8f957deebf1))
-
-
-
-
-
-## [9.1.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.1.5...@pie-lib/editable-html@9.1.6) (2022-09-14)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.1.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.1.4...@pie-lib/editable-html@9.1.5) (2022-08-30)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.1.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.1.3...@pie-lib/editable-html@9.1.4) (2022-08-29)
-
-
-### Bug Fixes
-
-* revert defaults to empty ([d7905be](https://github.com/pie-framework/pie-lib/commit/d7905be52adcda0af2ae92ec537b02beb1313439))
-
-
-
-
-
-## [9.1.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.1.2...@pie-lib/editable-html@9.1.3) (2022-08-29)
-
-
-### Bug Fixes
-
-* **plugins:** can scroll on insert character toolbar, toolbar closes when not focused, not closing automatically on insert ([cc203db](https://github.com/pie-framework/pie-lib/commit/cc203dbb534f4989a0c2d840e4e83ed53fda15e5))
-
-
-
-
-
-## [9.1.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.1.1...@pie-lib/editable-html@9.1.2) (2022-08-15)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-## [9.1.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.1.0...@pie-lib/editable-html@9.1.1) (2022-08-08)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
-# [9.1.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.0.5...@pie-lib/editable-html@9.1.0) (2022-08-01)
-
-
-### Features
-
-* **graphing, editable-html, plot:** Added the ability to edit/center title and lables PD-1605 PD-1690 ([dd18f92](https://github.com/pie-framework/pie-lib/commit/dd18f92e19d8be98917cd4f19eb7211122d2b7fb))
-
-
-
-
-
-## [9.0.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.0.4...@pie-lib/editable-html@9.0.5) (2022-08-01)
-
-**Note:** Version bump only for package @pie-lib/editable-html
-
-
-
-
-
 ## [9.0.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html@9.0.3...@pie-lib/editable-html@9.0.4) (2022-07-22)
 
 **Note:** Version bump only for package @pie-lib/editable-html

package/lib/components.js

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toolbar = exports.Portal = exports.Menu = exports.Instruction = exports.Icon = exports.EditorValue = exports.Button = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _css = require("@emotion/css");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+var _excluded = ["className", "active", "reversed"],
+    _excluded2 = ["className", "value"],
+    _excluded3 = ["className"],
+    _excluded4 = ["className"],
+    _excluded5 = ["className"],
+    _excluded6 = ["className"];
+
+var Button = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+      active = _ref.active,
+      reversed = _ref.reversed,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, props, {
+    ref: ref,
+    className: (0, _css.cx)(className, (0, _css.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n        cursor: pointer;\n        \n        color: ", ";\n      "])), reversed ? active ? 'white' : '#aaa' : active ? 'black' : '#ccc'))
+  }));
+});
+
+exports.Button = Button;
+
+var EditorValue = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
+  var className = _ref2.className,
+      value = _ref2.value,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+  var textLines = value.document.nodes.map(function (node) {
+    return node.text;
+  }).toArray().join('\n');
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    ref: ref
+  }, props, {
+    className: (0, _css.cx)(className, (0, _css.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n          margin: 30px -20px 0;\n        "]))))
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _css.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n          font-size: 14px;\n          padding: 5px 20px;\n          color: #404040;\n          border-top: 2px solid #eeeeee;\n          background: #f8f8f8;\n        "])))
+  }, "Slates value as text"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _css.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n          color: #404040;\n          font: 12px monospace;\n          white-space: pre-wrap;\n          padding: 10px 20px;\n\n          div {\n            margin: 0 0 0.5em;\n          }\n        "])))
+  }, textLines));
+});
+
+exports.EditorValue = EditorValue;
+
+var Icon = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, ref) {
+  var className = _ref3.className,
+      props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
+  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, props, {
+    ref: ref,
+    className: (0, _css.cx)('material-icons', className, (0, _css.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n        font-size: 18px;\n        vertical-align: text-bottom;\n      "]))))
+  }));
+});
+
+exports.Icon = Icon;
+
+var Instruction = /*#__PURE__*/_react["default"].forwardRef(function (_ref4, ref) {
+  var className = _ref4.className,
+      props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded4);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, props, {
+    ref: ref,
+    className: (0, _css.cx)(className, (0, _css.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n        white-space: pre-wrap;\n        margin: 0 -20px 10px;\n        padding: 10px 20px;\n        font-size: 14px;\n        background: #f8f8e8;\n      "]))))
+  }));
+});
+
+exports.Instruction = Instruction;
+
+var Menu = /*#__PURE__*/_react["default"].forwardRef(function (_ref5, ref) {
+  var className = _ref5.className,
+      props = (0, _objectWithoutProperties2["default"])(_ref5, _excluded5);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, props, {
+    ref: ref,
+    className: (0, _css.cx)(className, (0, _css.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n        & > * {\n          display: inline-block;\n        }\n\n        & > * + * {\n          margin-left: 15px;\n        }\n      "]))))
+  }));
+});
+
+exports.Menu = Menu;
+
+var Portal = function Portal(_ref6) {
+  var children = _ref6.children;
+  return (typeof document === "undefined" ? "undefined" : (0, _typeof2["default"])(document)) === 'object' ? /*#__PURE__*/_reactDom["default"].createPortal(children, document.body) : null;
+};
+
+exports.Portal = Portal;
+
+var Toolbar = /*#__PURE__*/_react["default"].forwardRef(function (_ref7, ref) {
+  var className = _ref7.className,
+      props = (0, _objectWithoutProperties2["default"])(_ref7, _excluded6);
+  return /*#__PURE__*/_react["default"].createElement(Menu, (0, _extends2["default"])({}, props, {
+    ref: ref,
+    className: (0, _css.cx)(className, (0, _css.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n        position: relative;\n        padding: 1px 18px 17px;\n        margin: 0 -20px;\n        border-bottom: 2px solid #eee;\n        margin-bottom: 20px;\n      "]))))
+  }));
+});
+
+exports.Toolbar = Toolbar;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJCdXR0b24iLCJSZWFjdCIsImZvcndhcmRSZWYiLCJyZWYiLCJjbGFzc05hbWUiLCJhY3RpdmUiLCJyZXZlcnNlZCIsInByb3BzIiwiY3giLCJjc3MiLCJFZGl0b3JWYWx1ZSIsInZhbHVlIiwidGV4dExpbmVzIiwiZG9jdW1lbnQiLCJub2RlcyIsIm1hcCIsIm5vZGUiLCJ0ZXh0IiwidG9BcnJheSIsImpvaW4iLCJJY29uIiwiSW5zdHJ1Y3Rpb24iLCJNZW51IiwiUG9ydGFsIiwiY2hpbGRyZW4iLCJSZWFjdERPTSIsImNyZWF0ZVBvcnRhbCIsImJvZHkiLCJUb29sYmFyIl0sInNvdXJjZXMiOlsiLi4vc3JjL2NvbXBvbmVudHMuanMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nO1xuaW1wb3J0IHsgY3gsIGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSBSZWFjdC5mb3J3YXJkUmVmKCh7IGNsYXNzTmFtZSwgYWN0aXZlLCByZXZlcnNlZCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxzcGFuXG4gICAgey4uLnByb3BzfVxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBjc3NgXG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgXG4gICAgICAgIGNvbG9yOiAke3JldmVyc2VkID8gKGFjdGl2ZSA/ICd3aGl0ZScgOiAnI2FhYScpIDogYWN0aXZlID8gJ2JsYWNrJyA6ICcjY2NjJ307XG4gICAgICBgXG4gICAgKX1cbiAgLz5cbikpO1xuXG5leHBvcnQgY29uc3QgRWRpdG9yVmFsdWUgPSBSZWFjdC5mb3J3YXJkUmVmKCh7IGNsYXNzTmFtZSwgdmFsdWUsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICBjb25zdCB0ZXh0TGluZXMgPSB2YWx1ZS5kb2N1bWVudC5ub2Rlc1xuICAgIC5tYXAobm9kZSA9PiBub2RlLnRleHQpXG4gICAgLnRvQXJyYXkoKVxuICAgIC5qb2luKCdcXG4nKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICByZWY9e3JlZn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgY3NzYFxuICAgICAgICAgIG1hcmdpbjogMzBweCAtMjBweCAwO1xuICAgICAgICBgXG4gICAgICApfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgICAgIHBhZGRpbmc6IDVweCAyMHB4O1xuICAgICAgICAgIGNvbG9yOiAjNDA0MDQwO1xuICAgICAgICAgIGJvcmRlci10b3A6IDJweCBzb2xpZCAjZWVlZWVlO1xuICAgICAgICAgIGJhY2tncm91bmQ6ICNmOGY4Zjg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIFNsYXRlcyB2YWx1ZSBhcyB0ZXh0XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtjc3NgXG4gICAgICAgICAgY29sb3I6ICM0MDQwNDA7XG4gICAgICAgICAgZm9udDogMTJweCBtb25vc3BhY2U7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICAgICAgICAgIHBhZGRpbmc6IDEwcHggMjBweDtcblxuICAgICAgICAgIGRpdiB7XG4gICAgICAgICAgICBtYXJnaW46IDAgMCAwLjVlbTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHt0ZXh0TGluZXN9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgSWNvbiA9IFJlYWN0LmZvcndhcmRSZWYoKHsgY2xhc3NOYW1lLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPHNwYW5cbiAgICB7Li4ucHJvcHN9XG4gICAgcmVmPXtyZWZ9XG4gICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICdtYXRlcmlhbC1pY29ucycsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBjc3NgXG4gICAgICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IHRleHQtYm90dG9tO1xuICAgICAgYFxuICAgICl9XG4gIC8+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEluc3RydWN0aW9uID0gUmVhY3QuZm9yd2FyZFJlZigoeyBjbGFzc05hbWUsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8ZGl2XG4gICAgey4uLnByb3BzfVxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBjc3NgXG4gICAgICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICAgICAgbWFyZ2luOiAwIC0yMHB4IDEwcHg7XG4gICAgICAgIHBhZGRpbmc6IDEwcHggMjBweDtcbiAgICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAjZjhmOGU4O1xuICAgICAgYFxuICAgICl9XG4gIC8+XG4pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnUgPSBSZWFjdC5mb3J3YXJkUmVmKCh7IGNsYXNzTmFtZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICB7Li4ucHJvcHN9XG4gICAgcmVmPXtyZWZ9XG4gICAgY2xhc3NOYW1lPXtjeChcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGNzc2BcbiAgICAgICAgJiA+ICoge1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiAqICsgKiB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDE1cHg7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICApfVxuICAvPlxuKSk7XG5cbmV4cG9ydCBjb25zdCBQb3J0YWwgPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gIHJldHVybiB0eXBlb2YgZG9jdW1lbnQgPT09ICdvYmplY3QnID8gUmVhY3RET00uY3JlYXRlUG9ydGFsKGNoaWxkcmVuLCBkb2N1bWVudC5ib2R5KSA6IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgVG9vbGJhciA9IFJlYWN0LmZvcndhcmRSZWYoKHsgY2xhc3NOYW1lLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPE1lbnVcbiAgICB7Li4ucHJvcHN9XG4gICAgcmVmPXtyZWZ9XG4gICAgY2xhc3NOYW1lPXtjeChcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGNzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBwYWRkaW5nOiAxcHggMThweCAxN3B4O1xuICAgICAgICBtYXJnaW46IDAgLTIwcHg7XG4gICAgICAgIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAjZWVlO1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgYFxuICAgICl9XG4gIC8+XG4pKTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7Ozs7Ozs7Ozs7QUFFTyxJQUFNQSxNQUFNLGdCQUFHQyxpQkFBQSxDQUFNQyxVQUFOLENBQWlCLGdCQUE0Q0MsR0FBNUM7RUFBQSxJQUFHQyxTQUFILFFBQUdBLFNBQUg7RUFBQSxJQUFjQyxNQUFkLFFBQWNBLE1BQWQ7RUFBQSxJQUFzQkMsUUFBdEIsUUFBc0JBLFFBQXRCO0VBQUEsSUFBbUNDLEtBQW5DO0VBQUEsb0JBQ3JDLHNFQUNNQSxLQUROO0lBRUUsR0FBRyxFQUFFSixHQUZQO0lBR0UsU0FBUyxFQUFFLElBQUFLLE9BQUEsRUFDVEosU0FEUyxNQUVUSyxRQUZTLDBKQUtFSCxRQUFRLEdBQUlELE1BQU0sR0FBRyxPQUFILEdBQWEsTUFBdkIsR0FBaUNBLE1BQU0sR0FBRyxPQUFILEdBQWEsTUFMOUQ7RUFIYixHQURxQztBQUFBLENBQWpCLENBQWY7Ozs7QUFlQSxJ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

package/lib/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","names":["Button","React","forwardRef","ref","className","active","reversed","props","cx","css","EditorValue","value","textLines","document","nodes","map","node","text","toArray","join","Icon","Instruction","Menu","Portal","children","ReactDOM","createPortal","body","Toolbar"],"sources":["../src/components.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { cx, css } from '@emotion/css';\n\nexport const Button = React.forwardRef(({ className, active, reversed, ...props }, ref) => (\n  <span\n    {...props}\n    ref={ref}\n    className={cx(\n      className,\n      css`\n        cursor: pointer;\n        \n        color: ${reversed ? (active ? 'white' : '#aaa') : active ? 'black' : '#ccc'};\n      `\n    )}\n  />\n));\n\nexport const EditorValue = React.forwardRef(({ className, value, ...props }, ref) => {\n  const textLines = value.document.nodes\n    .map(node => node.text)\n    .toArray()\n    .join('\\n');\n  return (\n    <div\n      ref={ref}\n      {...props}\n      className={cx(\n        className,\n        css`\n          margin: 30px -20px 0;\n        `\n      )}\n    >\n      <div\n        className={css`\n          font-size: 14px;\n          padding: 5px 20px;\n          color: #404040;\n          border-top: 2px solid #eeeeee;\n          background: #f8f8f8;\n        `}\n      >\n        Slates value as text\n      </div>\n      <div\n        className={css`\n          color: #404040;\n          font: 12px monospace;\n          white-space: pre-wrap;\n          padding: 10px 20px;\n\n          div {\n            margin: 0 0 0.5em;\n          }\n        `}\n      >\n        {textLines}\n      </div>\n    </div>\n  );\n});\n\nexport const Icon = React.forwardRef(({ className, ...props }, ref) => (\n  <span\n    {...props}\n    ref={ref}\n    className={cx(\n      'material-icons',\n      className,\n      css`\n        font-size: 18px;\n        vertical-align: text-bottom;\n      `\n    )}\n  />\n));\n\nexport const Instruction = React.forwardRef(({ className, ...props }, ref) => (\n  <div\n    {...props}\n    ref={ref}\n    className={cx(\n      className,\n      css`\n        white-space: pre-wrap;\n        margin: 0 -20px 10px;\n        padding: 10px 20px;\n        font-size: 14px;\n        background: #f8f8e8;\n      `\n    )}\n  />\n));\n\nexport const Menu = React.forwardRef(({ className, ...props }, ref) => (\n  <div\n    {...props}\n    ref={ref}\n    className={cx(\n      className,\n      css`\n        & > * {\n          display: inline-block;\n        }\n\n        & > * + * {\n          margin-left: 15px;\n        }\n      `\n    )}\n  />\n));\n\nexport const Portal = ({ children }) => {\n  return typeof document === 'object' ? ReactDOM.createPortal(children, document.body) : null;\n};\n\nexport const Toolbar = React.forwardRef(({ className, ...props }, ref) => (\n  <Menu\n    {...props}\n    ref={ref}\n    className={cx(\n      className,\n      css`\n        position: relative;\n        padding: 1px 18px 17px;\n        margin: 0 -20px;\n        border-bottom: 2px solid #eee;\n        margin-bottom: 20px;\n      `\n    )}\n  />\n));\n"],"mappings":"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"}