@modusoperandi/licit 0.14.17 → 1.0.0

package/ui/TableNodeView.js

@@ -0,0 +1,51 @@
+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); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+import { Node } from 'prosemirror-model';
+import { EditorView } from 'prosemirror-view';
+import { TableView } from 'prosemirror-tables';
+
+// A custom table view that renders the margin-left style.
+var TableNodeView = /*#__PURE__*/function (_TableView) {
+  _inherits(TableNodeView, _TableView);
+  function TableNodeView(node, colMinWidth, view) {
+    var _this;
+    _classCallCheck(this, TableNodeView);
+    _this = _callSuper(this, TableNodeView, [node, colMinWidth, view]);
+    _this._updateMargin(node);
+    return _this;
+  }
+  _createClass(TableNodeView, [{
+    key: "update",
+    value: function update(node) {
+      var updated = _get(_getPrototypeOf(TableNodeView.prototype), "update", this).call(this, node);
+      if (updated) {
+        this._updateMargin(node);
+      }
+      return updated;
+    }
+  }, {
+    key: "_updateMargin",
+    value: function _updateMargin(node) {
+      var marginLeft = node.attrs && node.attrs.marginLeft || 0;
+      this.table.style.marginLeft = marginLeft ? "".concat(marginLeft, "px") : '';
+      if (node.attrs && node.attrs.vignette) {
+        this.table.style.border = 'none';
+      }
+    }
+  }]);
+  return TableNodeView;
+}(TableView);
+export { TableNodeView as default };

package/ui/bindScrollHandler.js

@@ -0,0 +1,33 @@
+export default function bindScrollHandler(target, callback) {
+  var defaultView = target.ownerDocument.defaultView;
+  var els = [];
+  var rid = 0;
+  var onScroll = function onScroll() {
+    // Debounce the scroll handler.
+    rid && cancelAnimationFrame(rid);
+    rid = requestAnimationFrame(callback);
+  };
+  var el = target;
+
+  // Scroll event does not bubble, so we need to look up all the scrollable
+  // elements.
+  while (el) {
+    var overflow = defaultView.getComputedStyle(el).overflow;
+    if (onScroll && overflow === 'auto' || overflow === 'scroll') {
+      el.addEventListener('scroll', onScroll, false);
+      els.push(el);
+    }
+    el = el.parentElement;
+  }
+  return {
+    dispose: function dispose() {
+      while (onScroll && els.length) {
+        el = els.pop();
+        el && el.removeEventListener('scroll', onScroll, false);
+      }
+      onScroll = null;
+      rid && window.cancelAnimationFrame(rid);
+      rid = 0;
+    }
+  };
+}

package/ui/canUseCSSFont.js

@@ -0,0 +1,33 @@
+var cached = {};
+export default function canUseCSSFont(fontName) {
+  var doc = document;
+  if (cached.hasOwnProperty(fontName)) {
+    return Promise.resolve(cached[fontName]);
+  }
+  if (!doc.fonts || !doc.fonts.check || !doc.fonts.ready || !doc.fonts.status || !doc.fonts.values) {
+    // Feature is not supported, install the CSS anyway
+    // https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet/check#Browser_compatibility
+    // TODO: Polyfill this.
+    console.log('FontFaceSet is not supported');
+    return Promise.resolve(false);
+  }
+  return new Promise(function (resolve) {
+    // https://stackoverflow.com/questions/5680013/how-to-be-notified-once-a-web-font-has-loaded
+    // All fonts in use by visible text have loaded.
+    var check = function check() {
+      if (doc.fonts.status !== 'loaded') {
+        setTimeout(check, 350);
+        return;
+      }
+      // Do not use `doc.fonts.check()` because it may return falsey result.
+      var fontFaces = Array.from(doc.fonts.values());
+      var matched = fontFaces.find(function (ff) {
+        return ff.family === fontName;
+      });
+      var result = !!matched;
+      cached[fontName] = result;
+      resolve(result);
+    };
+    doc.fonts.ready.then(check);
+  });
+}

package/ui/czi-link-tooltip.css

@@ -0,0 +1,71 @@
+@import '~@modusoperandi/licit-ui-commands/ui/czi-custom-button.css';
+@import './czi-vars.css';
+
+.czi-link-tooltip {
+  display: flex;
+  justify-content: center;
+  left: -150px;
+  pointer-events: none;
+  position: absolute;
+  top: -70px;
+  width: 400px;
+}
+
+.czi-link-tooltip .czi-custom-button {
+  margin: 0 3px;
+}
+
+.czi-link-tooltip-href {
+  border: none;
+  color: var(--czi-link-color);
+  display: inline-block;
+  flex: 1;
+  margin: 0 6px 0 0;
+  max-width: 200px;
+  overflow: hidden;
+  padding: 6px 0;
+  position: relative;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  white-space: nowrap;
+  z-index: 2;
+}
+
+.czi-link-tooltip-row {
+  display: flex;
+  flex-direction: row;
+  position: relative;
+  z-index: 2;
+}
+
+.czi-link-tooltip-body {
+  background: #fff;
+  border-radius: var(--czi-overlay-radius);
+  box-shadow: var(--czi-overlay-shadow);
+  box-sizing: border-box;
+  display: inline-block;
+  font-family: var(--czi-font-family);
+  font-size: var(--czi-font-size);
+  max-width: 400px;
+  padding: 10px;
+  pointer-events: auto;
+}
+
+.czi-link-tooltip-body::after {
+  background-color: #fff;
+  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.26);
+  content: '';
+  height: 20px;
+  left: 35%;
+  position: absolute;
+  top: 37px;
+  transform: rotate(45deg);
+  width: 20px;
+  z-index: 1;
+}
+
+@media only print {
+  .czi-link-tooltip {
+    display: none;
+  }
+}

package/ui/czi-table.css

@@ -0,0 +1,87 @@
+@import './czi-vars.css';
+
+/* Table Styles */
+
+.ProseMirror .tableWrapper {
+  overflow-x: auto;
+}
+.ProseMirror .tableWrapper::-webkit-scrollbar{
+  height: 12px;
+ }
+.ProseMirror table {
+  border: 1px solid var(--czi-table-border-color);
+  border-collapse:collapse;
+  border-spacing: 0;
+  border: none;
+  margin: 0;
+  overflow: hidden;
+  page-break-inside: avoid;
+  table-layout: fixed;
+  width: 100%;
+}
+
+.ProseMirror td,
+.ProseMirror th {
+  background-color: #fff;
+  border: 1px solid var(--czi-table-border-color);
+  box-sizing: border-box;
+  min-width: 1em;
+  padding: 8px;
+  position: relative;
+  vertical-align: top;
+}
+
+.ProseMirror th {
+  background-color: var(--czi-table-header-background-color);
+  font-weight: bold;
+  text-align: left;
+}
+
+.ProseMirror .column-resize-handle {
+  background-color: #adf;
+  border: solid 1px #fff;
+  border-width: 0 1px;
+  bottom: 0;
+  position: absolute;
+  right: -2px;
+  top: 0;
+  width: 4px;
+  z-index: 20;
+}
+
+.ProseMirror th:last-child > .column-resize-handle,
+.ProseMirror td:last-child > .column-resize-handle {
+  right: 0;
+}
+
+.ProseMirror .column-resize-handle.for-margin-left.for-margin-left {
+  left: 0;
+  right: auto;
+}
+
+/* [FS] IRAD-949 2020-05-27
+Rezie cursor position issue fixed. */
+.ProseMirror .column-resize-handle:focus,
+.ProseMirror .column-resize-handle:hover {
+  cursor: ew-resize;
+  cursor: col-resize;
+}
+
+/* Give selected cells a blue overlay */
+.ProseMirror .selectedCell::after {
+  background: var(--czi-selection-highlight-color);
+  bottom: 0;
+  content: '';
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 2;
+}
+
+@media only print {
+  .ProseMirror table {
+    width: 100% !important;
+  }
+}

package/ui/czi-vars.css

@@ -0,0 +1,2 @@
+@import '~@modusoperandi/licit-ui-commands/ui/czi-vars.css';
+

package/ui/findActiveFontSize.js

@@ -0,0 +1,53 @@
+import { EditorState } from 'prosemirror-state';
+import { findParentNodeOfType } from 'prosemirror-utils';
+import { MARK_FONT_SIZE } from '../MarkNames.js';
+import { HEADING } from '../NodeNames.js';
+import findActiveMark from '../findActiveMark.js';
+
+// This should map to `--czi-content-font-size` at `czi-editor.css`.
+var FONT_PT_SIZE_DEFAULT = 11;
+
+// This should map to `czi-heading.css`.
+var MAP_HEADING_LEVEL_TO_FONT_PT_SIZE = {
+  '1': 20,
+  '2': 18,
+  '3': 16,
+  '4': 14,
+  '5': 11,
+  '6': 11
+};
+export default function findActiveFontSize(state) {
+  var schema = state.schema,
+    doc = state.doc,
+    selection = state.selection,
+    tr = state.tr;
+  var markType = schema.marks[MARK_FONT_SIZE];
+  var heading = schema.nodes[HEADING];
+  var defaultSize = String(FONT_PT_SIZE_DEFAULT);
+  if (!markType) {
+    return defaultSize;
+  }
+  var from = selection.from,
+    to = selection.to,
+    empty = selection.empty;
+  if (empty) {
+    var storedMarks = tr.storedMarks || state.storedMarks || selection.$cursor && selection.$cursor.marks && selection.$cursor.marks() || [];
+    var sm = storedMarks.find(function (m) {
+      return m.type === markType;
+    });
+    return sm ? String(sm.attrs.pt || defaultSize) : defaultSize;
+  }
+  var mark = findActiveMark(doc, from, to, markType);
+  if (mark) {
+    return String(mark.attrs.pt);
+  }
+  if (!heading) {
+    return defaultSize;
+  }
+  var result = findParentNodeOfType(heading)(state.selection);
+  if (!result) {
+    return defaultSize;
+  }
+  var level = String(result.node.attrs.level);
+  return MAP_HEADING_LEVEL_TO_FONT_PT_SIZE[level] || defaultSize;
+}

package/ui/findActiveFontSize.js.flow

@@ -0,0 +1,58 @@
+// @flow
+
+import { EditorState } from 'prosemirror-state';
+import { findParentNodeOfType } from 'prosemirror-utils';
+
+import { MARK_FONT_SIZE } from '../MarkNames.js';
+import { HEADING } from '../NodeNames.js';
+import findActiveMark from '../findActiveMark.js';
+
+// This should map to `--czi-content-font-size` at `czi-editor.css`.
+const FONT_PT_SIZE_DEFAULT = 11;
+
+// This should map to `czi-heading.css`.
+const MAP_HEADING_LEVEL_TO_FONT_PT_SIZE = {
+  '1': 20,
+  '2': 18,
+  '3': 16,
+  '4': 14,
+  '5': 11,
+  '6': 11,
+};
+
+export default function findActiveFontSize(state: EditorState): string {
+  const { schema, doc, selection, tr } = state;
+  const markType = schema.marks[MARK_FONT_SIZE];
+  const heading = schema.nodes[HEADING];
+  const defaultSize = String(FONT_PT_SIZE_DEFAULT);
+  if (!markType) {
+    return defaultSize;
+  }
+
+  const { from, to, empty } = selection;
+  if (empty) {
+    const storedMarks =
+      tr.storedMarks ||
+      state.storedMarks ||
+      (selection.$cursor &&
+        selection.$cursor.marks &&
+        selection.$cursor.marks()) ||
+      [];
+    const sm = storedMarks.find((m) => m.type === markType);
+    return sm ? String(sm.attrs.pt || defaultSize) : defaultSize;
+  }
+
+  const mark = findActiveMark(doc, from, to, markType);
+  if (mark) {
+    return String(mark.attrs.pt);
+  }
+  if (!heading) {
+    return defaultSize;
+  }
+  const result = findParentNodeOfType(heading)(state.selection);
+  if (!result) {
+    return defaultSize;
+  }
+  const level = String(result.node.attrs.level);
+  return MAP_HEADING_LEVEL_TO_FONT_PT_SIZE[level] || defaultSize;
+}

package/ui/findActiveFontType.js

@@ -0,0 +1,32 @@
+import { EditorState } from 'prosemirror-state';
+import { MARK_FONT_TYPE } from '../MarkNames.js';
+import findActiveMark from '../findActiveMark.js';
+
+// This should map to `--czi-content-font-size` at `czi-editor.css`.
+export var FONT_TYPE_NAME_DEFAULT = 'Arial';
+export default function findActiveFontType(state) {
+  var schema = state.schema,
+    doc = state.doc,
+    selection = state.selection,
+    tr = state.tr;
+  var markType = schema.marks[MARK_FONT_TYPE];
+  if (!markType) {
+    return FONT_TYPE_NAME_DEFAULT;
+  }
+  var from = selection.from,
+    to = selection.to,
+    empty = selection.empty;
+  if (empty) {
+    var storedMarks = tr.storedMarks || state.storedMarks || selection.$cursor && selection.$cursor.marks && selection.$cursor.marks() || [];
+    var sm = storedMarks.find(function (m) {
+      return m.type === markType;
+    });
+    return sm && sm.attrs.name || FONT_TYPE_NAME_DEFAULT;
+  }
+  var mark = findActiveMark(doc, from, to, markType);
+  var fontName = mark && mark.attrs.name;
+  if (!fontName) {
+    return FONT_TYPE_NAME_DEFAULT;
+  }
+  return fontName;
+}

package/ui/findActiveFontType.js.flow

@@ -0,0 +1,38 @@
+// @flow
+
+import { EditorState } from 'prosemirror-state';
+
+import { MARK_FONT_TYPE } from '../MarkNames.js';
+import findActiveMark from '../findActiveMark.js';
+
+// This should map to `--czi-content-font-size` at `czi-editor.css`.
+export const FONT_TYPE_NAME_DEFAULT = 'Arial';
+
+export default function findActiveFontType(state: EditorState): string {
+  const { schema, doc, selection, tr } = state;
+  const markType = schema.marks[MARK_FONT_TYPE];
+  if (!markType) {
+    return FONT_TYPE_NAME_DEFAULT;
+  }
+  const { from, to, empty } = selection;
+
+  if (empty) {
+    const storedMarks =
+      tr.storedMarks ||
+      state.storedMarks ||
+      (selection.$cursor &&
+        selection.$cursor.marks &&
+        selection.$cursor.marks()) ||
+      [];
+    const sm = storedMarks.find((m) => m.type === markType);
+    return (sm && sm.attrs.name) || FONT_TYPE_NAME_DEFAULT;
+  }
+
+  const mark = findActiveMark(doc, from, to, markType);
+  const fontName = mark && mark.attrs.name;
+  if (!fontName) {
+    return FONT_TYPE_NAME_DEFAULT;
+  }
+
+  return fontName;
+}

package/ui/handleEditorDrop.js

@@ -0,0 +1,24 @@
+import { EditorView } from 'prosemirror-view';
+import { uploadImageFiles } from '../ImageUploadPlaceholderPlugin.js';
+
+// https://prosemirror.net/examples/upload/
+export default function handleEditorDrop(view, event) {
+  var dataTransfer = event.dataTransfer;
+  if (!dataTransfer) {
+    return false;
+  }
+  var files = dataTransfer.files;
+  if (!files || !files.length) {
+    return false;
+  }
+  var filesList = Array.from(files);
+  var coords = {
+    x: event.clientX,
+    y: event.clientY
+  };
+  if (uploadImageFiles(view, filesList, coords)) {
+    event.preventDefault();
+    return true;
+  }
+  return false;
+}

package/ui/handleEditorDrop.js.flow

@@ -0,0 +1,28 @@
+// @flow
+
+import { EditorView } from 'prosemirror-view';
+
+import { uploadImageFiles } from '../ImageUploadPlaceholderPlugin.js';
+
+// https://prosemirror.net/examples/upload/
+export default function handleEditorDrop(
+  view: EditorView,
+  event: DragEvent
+): boolean {
+  const { dataTransfer } = event;
+  if (!dataTransfer) {
+    return false;
+  }
+  const { files } = dataTransfer;
+  if (!files || !files.length) {
+    return false;
+  }
+
+  const filesList = Array.from(files);
+  const coords = { x: event.clientX, y: event.clientY };
+  if (uploadImageFiles(view, filesList, coords)) {
+    event.preventDefault();
+    return true;
+  }
+  return false;
+}

package/ui/handleEditorKeyDown.js

@@ -0,0 +1,20 @@
+import { EditorView } from 'prosemirror-view';
+import { BACKSPACE, DELETE, DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, UP_ARROW } from './KeyCodes.js';
+var AtomicNodeKeyCodes = new Set([BACKSPACE, DELETE, DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, UP_ARROW]);
+export default function handleEditorKeyDown(view, event) {
+  var _view$state = view.state,
+    selection = _view$state.selection,
+    tr = _view$state.tr;
+  var from = selection.from,
+    to = selection.to;
+  if (from === to - 1) {
+    var node = tr.doc.nodeAt(from);
+    if (node.isAtom && !node.isText && node.isLeaf) {
+      // An atomic node (e.g. Image) is selected.
+      // Only whitelisted keyCode should be allowed, which prevents user
+      // from typing letter after the atomic node selected.
+      return !AtomicNodeKeyCodes.has(event.keyCode);
+    }
+  }
+  return false;
+}

package/ui/handleEditorKeyDown.js.flow

@@ -0,0 +1,39 @@
+// @flow
+
+import { EditorView } from 'prosemirror-view';
+
+import {
+  BACKSPACE,
+  DELETE,
+  DOWN_ARROW,
+  LEFT_ARROW,
+  RIGHT_ARROW,
+  UP_ARROW,
+} from './KeyCodes.js';
+
+const AtomicNodeKeyCodes = new Set([
+  BACKSPACE,
+  DELETE,
+  DOWN_ARROW,
+  LEFT_ARROW,
+  RIGHT_ARROW,
+  UP_ARROW,
+]);
+
+export default function handleEditorKeyDown(
+  view: EditorView,
+  event: KeyboardEvent
+): boolean {
+  const { selection, tr } = view.state;
+  const { from, to } = selection;
+  if (from === to - 1) {
+    const node = tr.doc.nodeAt(from);
+    if (node.isAtom && !node.isText && node.isLeaf) {
+      // An atomic node (e.g. Image) is selected.
+      // Only whitelisted keyCode should be allowed, which prevents user
+      // from typing letter after the atomic node selected.
+      return !AtomicNodeKeyCodes.has(event.keyCode);
+    }
+  }
+  return false;
+}

package/ui/handleEditorPaste.js

@@ -0,0 +1,22 @@
+import { EditorView } from 'prosemirror-view';
+import { uploadImageFiles } from '../ImageUploadPlaceholderPlugin.js';
+
+// workaround to support ClipboardEvent as a valid type.
+// https://github.com/facebook/flow/issues/1856
+
+export default function handleEditorPaste(view, event) {
+  var clipboardData = event.clipboardData;
+  if (!clipboardData) {
+    return false;
+  }
+  var files = clipboardData.files;
+  if (!files || !files.length) {
+    return false;
+  }
+  var filesList = Array.from(files);
+  if (uploadImageFiles(view, filesList)) {
+    event.preventDefault();
+    return true;
+  }
+  return false;
+}

package/ui/handleEditorPaste.js.flow

@@ -0,0 +1,33 @@
+// @flow
+
+import { EditorView } from 'prosemirror-view';
+
+import { uploadImageFiles } from '../ImageUploadPlaceholderPlugin.js';
+
+// workaround to support ClipboardEvent as a valid type.
+// https://github.com/facebook/flow/issues/1856
+declare class ClipboardEvent extends Event {
+  clipboardData: DataTransfer;
+}
+
+export default function handleEditorPaste(
+  view: EditorView,
+  event: ClipboardEvent
+): boolean {
+  const { clipboardData } = event;
+  if (!clipboardData) {
+    return false;
+  }
+
+  const { files } = clipboardData;
+  if (!files || !files.length) {
+    return false;
+  }
+  const filesList = Array.from(files);
+
+  if (uploadImageFiles(view, filesList)) {
+    event.preventDefault();
+    return true;
+  }
+  return false;
+}

package/ui/htmlElementToRect.js

@@ -0,0 +1,17 @@
+var bpfrpt_proptype_Rect = {
+  "h": PropTypes.number.isRequired,
+  "w": PropTypes.number.isRequired,
+  "x": PropTypes.number.isRequired,
+  "y": PropTypes.number.isRequired
+};
+export default function htmlElementToRect(el) {
+  var rect = el.getBoundingClientRect();
+  return {
+    x: rect.left,
+    y: rect.top,
+    w: rect.width,
+    h: rect.height
+  };
+}
+import PropTypes from "prop-types";
+export { bpfrpt_proptype_Rect };