@pie-lib/mask-markup 1.15.0-beta.0 → 1.16.0

package/src/components/blank.jsx

@@ -8,7 +8,7 @@ import { DragSource, DropTarget } from '@pie-lib/drag';
 import { withStyles } from '@material-ui/core/styles';
 import Chip from '@material-ui/core/Chip';
 import classnames from 'classnames';
-import { color } from '@pie-lib/render-ui';
+import { color } from '../../../render-ui/src/index';
 
 const log = debug('pie-lib:mask-markup:blank');
 export const DRAG_TYPE = 'MaskBlank';

package/src/components/correct-input.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import OutlinedInput from '@material-ui/core/OutlinedInput';
 import classnames from 'classnames';
 import { withStyles } from '@material-ui/core/styles';
-import { color } from '@pie-lib/render-ui';
+import { color } from '../../../render-ui/src/index';
 
 const correctStyle = (color) => ({
   borderColor: `${color} !important`,

package/src/components/dropdown.jsx

@@ -5,12 +5,14 @@ import InputLabel from '@material-ui/core/InputLabel';
 import Menu from '@material-ui/core/Menu';
 import MenuItem from '@material-ui/core/MenuItem';
 import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
+import ArrowDropUpIcon from '@material-ui/icons/ArrowDropUp';
 import Close from '@material-ui/icons/Close';
 import Check from '@material-ui/icons/Check';
 import { withStyles } from '@material-ui/core/styles';
 import classNames from 'classnames';
+import isEqual from 'lodash/isEqual';
 
-import { color } from '@pie-lib/render-ui';
+import { color } from '../../../render-ui/src/index';
 import { renderMath } from '@pie-lib/math-rendering';
 
 class Dropdown extends React.Component {
@@ -23,6 +25,8 @@ class Dropdown extends React.Component {
     correct: PropTypes.bool,
     choices: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string })),
     showCorrectAnswer: PropTypes.bool,
+    singleQuery: PropTypes.bool,
+    correctValue: PropTypes.string,
   };
 
   constructor(props) {
@@ -31,27 +35,73 @@ class Dropdown extends React.Component {
     this.state = {
       anchorEl: null,
       highlightedOptionId: null,
+      menuWidth: null,
+      previewValue: null,
     };
-
+    this.hiddenRef = React.createRef();
+    this.buttonRef = React.createRef();
+    this.previewRef = React.createRef();
     this.elementRefs = [];
   }
 
-  componentDidUpdate() {
-    this.elementRefs.forEach((ref) => {
-      if (ref) {
-        renderMath(ref);
+  componentDidMount() {
+    // measure hidden menu width once
+    if (this.hiddenRef.current && this.state.menuWidth === null) {
+      this.setState({ menuWidth: this.hiddenRef.current.clientWidth });
+    }
+  }
+
+  componentDidUpdate(prevProps, prevState) {
+    const hiddenEl = this.hiddenRef.current;
+
+    const dropdownJustOpened = !prevState.anchorEl && this.state.anchorEl;
+    if (dropdownJustOpened) {
+      this.elementRefs.forEach((ref) => {
+        if (!ref) return;
+
+        const containsLatex = ref.querySelector('[data-latex], [data-raw]');
+        const hasMathJax = ref.querySelector('mjx-container');
+        const mathHandled = ref.querySelector('[data-math-handled="true"]');
+
+        if (containsLatex && (!mathHandled || !hasMathJax)) {
+          renderMath(ref);
+        }
+      });
+    }
+
+    if (hiddenEl) {
+      const newWidth = hiddenEl.clientWidth;
+      if (newWidth !== this.state.menuWidth) {
+        this.elementRefs.forEach((ref) => {
+          if (ref) renderMath(ref);
+        });
+
+        renderMath(hiddenEl);
+        this.setState({ menuWidth: newWidth });
       }
-    });
+    }
   }
 
   handleClick = (event) => this.setState({ anchorEl: event.currentTarget });
 
-  handleClose = () => this.setState({ anchorEl: null });
+  handleClose = () => {
+    const { value } = this.props;
+    this.setState({ anchorEl: null, previewValue: null, highlightedOptionId: null });
+    // clear displayed preview if no selection
+    if (!value && this.previewRef.current) {
+      this.previewRef.current.innerHTML = '';
+    }
+  };
 
   handleHighlight = (index) => {
     const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;
 
-    this.setState({ highlightedOptionId });
+    // preview on hover if nothing selected
+    const stateUpdate = { highlightedOptionId };
+    if (!this.props.value) {
+      stateUpdate.previewValue = this.props.choices[index].value;
+    }
+    this.setState(stateUpdate);
   };
 
   handleSelect = (value, index) => {
@@ -60,6 +110,25 @@ class Dropdown extends React.Component {
     this.handleClose();
   };
 
+  handleHover = (index) => {
+    const selectedValue = this.props.value;
+
+    if (selectedValue) return;
+
+    const highlightedOptionId = `dropdown-option-${this.props.id}-${index}`;
+    const previewValue = this.state.previewValue;
+
+    this.setState({ highlightedOptionId, previewValue }, () => {
+      // On hover, preview the math-rendered content inside the button if no value is selected.
+      const ref = this.elementRefs[index];
+      const preview = this.previewRef.current;
+
+      if (ref && preview) {
+        preview.innerHTML = ref.innerHTML;
+      }
+    });
+  };
+
   getLabel(choices, value) {
     const found = (choices || []).find((choice) => choice.value === value);
 
@@ -68,7 +137,6 @@ class Dropdown extends React.Component {
 
   render() {
     const { classes, id, correct, disabled, value, choices, showCorrectAnswer, singleQuery, correctValue } = this.props;
-
     const { anchorEl } = this.state;
     const open = Boolean(anchorEl);
     const buttonId = `dropdown-button-${id}`;
@@ -90,7 +158,6 @@ class Dropdown extends React.Component {
     const labelText = singleQuery ? 'Query' : `Query ${incrementedId}`;
 
     // Changed from Select to Button for dropdown to enhance accessibility. This modification offers explicit control over aria attributes and focuses management, ensuring the dropdown is compliant with accessibility standards. The use of Button and Menu components allows for better handling of keyboard interactions and provides accessible labels and menus, aligning with WCAG guidelines and improving usability for assistive technology users.
-
     let correctnessIcon = null;
     if (disabled && correct !== undefined) {
       correctnessIcon =
@@ -103,10 +170,23 @@ class Dropdown extends React.Component {
 
     return (
       <>
+        <div ref={this.hiddenRef} style={{ position: 'absolute', visibility: 'hidden', top: 0, left: 0 }}>
+          {(choices || []).map((c, index) => (
+            <MenuItem key={index} classes={{ root: classes.menuRoot, selected: classes.selected }}>
+              <span className={classes.label} dangerouslySetInnerHTML={{ __html: c.label }} />
+            </MenuItem>
+          ))}
+        </div>
         <InputLabel className={classes.srOnly} id={labelId}>
           {labelText}
         </InputLabel>
         <Button
+          ref={this.buttonRef}
+          style={{
+            ...(this.state.menuWidth && { minWidth: `calc(${this.state.menuWidth}px + 8px)` }),
+            borderWidth: open ? '2px' : '1px',
+            transition: 'border-width 0.2s ease-in-out',
+          }}
           aria-controls={open ? menuId : undefined}
           aria-haspopup="listbox"
           aria-expanded={open ? 'true' : undefined}
@@ -125,12 +205,17 @@ class Dropdown extends React.Component {
           {correctnessIcon}
           <span
             id={valueDisplayId}
+            ref={this.previewRef}
             className={classes.label}
             dangerouslySetInnerHTML={{
-              __html: correctValue ? correctValue : this.getLabel(choices, value) ? this.getLabel(choices, value) : '',
+              __html: correctValue
+                ? correctValue
+                : open && this.state.previewValue
+                ? this.getLabel(choices, this.state.previewValue)
+                : this.getLabel(choices, value) || '',
             }}
           />
-          <ArrowDropDownIcon />
+          {open ? <ArrowDropUpIcon /> : <ArrowDropDownIcon />}
         </Button>
         <Menu
           id={menuId}
@@ -139,9 +224,14 @@ class Dropdown extends React.Component {
           keepMounted
           open={open}
           onClose={this.handleClose}
+          getContentAnchorEl={null}
+          anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}
+          transformOrigin={{ vertical: 'top', horizontal: 'left' }}
+          PaperProps={this.state.menuWidth ? { style: { minWidth: this.state.menuWidth, padding: '4px' } } : undefined}
           MenuListProps={{
             'aria-labelledby': buttonId,
             role: 'listbox',
+            disablePadding: true,
           }}
         >
           {(choices || []).map((c, index) => {
@@ -156,6 +246,7 @@ class Dropdown extends React.Component {
                 onClick={() => this.handleSelect(c.value, index)}
                 role="option"
                 aria-selected={this.state.highlightedOptionId === optionId ? 'true' : undefined}
+                onMouseOver={() => this.handleHover(index)}
               >
                 <span
                   ref={(ref) => (this.elementRefs[index] = ref)}
@@ -163,7 +254,7 @@ class Dropdown extends React.Component {
                   dangerouslySetInnerHTML={{ __html: c.label }}
                 />
                 <span
-                  className={classes.label}
+                  className={classes.selectedIndicator}
                   dangerouslySetInnerHTML={{ __html: c.value === value ? ' &check;' : '' }}
                 />
               </MenuItem>
@@ -178,7 +269,7 @@ class Dropdown extends React.Component {
 const styles = () => ({
   root: {
     color: color.text(),
-    border: `1px solid ${color.text()}`,
+    border: `1px solid ${color.borderGray()}`,
     borderRadius: '4px',
     justifyContent: 'space-between',
     backgroundColor: color.background(),
@@ -220,13 +311,17 @@ const styles = () => ({
       border: `1px solid ${color.text()}`,
       borderColor: 'initial',
     },
+    // remove default padding on the inner list
+    '& .MuiList-root': {
+      padding: 0,
+    },
   },
   selected: {
     color: `${color.text()} !important`,
     backgroundColor: `${color.background()} !important`,
     '&:hover': {
       color: color.text(),
-      backgroundColor: `${color.secondaryLight()} !important`,
+      backgroundColor: `${color.dropdownBackground()} !important`,
     },
   },
   menuRoot: {
@@ -238,20 +333,20 @@ const styles = () => ({
     },
     '&:hover': {
       color: color.text(),
-      backgroundColor: color.secondaryLight(),
+      backgroundColor: color.dropdownBackground(),
     },
     boxSizing: 'border-box',
     padding: '25px',
-    '&:first-of-type': {
-      borderRadius: '3px 3px 0 0',
-    },
-    '&:last-of-type': {
-      borderRadius: '0 0 3px 3px',
-    },
+    borderRadius: '4px',
   },
   label: {
     fontSize: 'max(1rem, 14px)',
   },
+  selectedIndicator: {
+    fontSize: 'max(1rem, 14px)',
+    position: 'absolute',
+    right: '10px',
+  },
   srOnly: {
     position: 'absolute',
     left: '-10000px',

package/src/constructed-response.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { withStyles } from '@material-ui/core/styles';
 import classnames from 'classnames';
 
-import { color } from '@pie-lib/render-ui';
+import { color } from '../../render-ui/src/index';
 import EditableHtml from '@pie-lib/editable-html';
 import { withMask } from './with-mask';
 

package/src/serialization.js

@@ -167,4 +167,4 @@ const rules = [
  */
 const html = new Html({ rules, defaultBlock: 'span' });
 
-export const deserialize = (s) => html.deserialize(s, { toJSON: true });
+export const deserialize = (s) => html.deserialize(s, { toJSON: true });

package/lib/__tests__/drag-in-the-blank.test.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-var React = _interopRequireWildcard(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _dragInTheBlank = _interopRequireDefault(require("../drag-in-the-blank"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var markup = "<div>\n  <img src=\"https://image.shutterstock.com/image-vector/cow-jumped-over-moon-traditional-260nw-1152899330.jpg\"></img>\n   <h5>Hey Diddle Diddle <i>by ?</i></h5>\n <p>1: Hey, diddle, diddle,</p>\n <p>2: The cat and the fiddle,</p>\n <p>3: The cow {{0}} over the moon;</p>\n <p>4: The little dog {{1}},</p>\n <p>5: To see such sport,</p>\n <p>6: And the dish ran away with the {{2}}.</p>\n</div>";
-
-var choice = function choice(v, id) {
-  return {
-    value: v,
-    id: id
-  };
-};
-
-describe('DragInTheBlank', function () {
-  var defaultProps = {
-    disabled: false,
-    feedback: {},
-    markup: markup,
-    choices: [choice('Jumped', '0'), choice('Laughed', '1'), choice('Spoon', '2'), choice('Fork', '3'), choice('Bumped', '4'), choice('Smiled', '5')],
-    value: {
-      0: undefined
-    }
-  };
-  var wrapper;
-  beforeEach(function () {
-    wrapper = (0, _enzyme.shallow)( /*#__PURE__*/React.createElement(_dragInTheBlank["default"], defaultProps));
-  });
-  describe('render', function () {
-    it('renders correctly with default props', function () {
-      expect(wrapper).toMatchSnapshot();
-    });
-    it('renders correctly with disabled prop as true', function () {
-      wrapper.setProps({
-        disabled: true
-      });
-      expect(wrapper).toMatchSnapshot();
-    });
-    it('renders correctly with feedback', function () {
-      wrapper.setProps({
-        feedback: {
-          0: {
-            value: 'Jumped',
-            correct: 'Jumped'
-          },
-          1: {
-            value: 'Laughed',
-            correct: 'Laughed'
-          },
-          2: {
-            value: 'Spoon',
-            correct: 'Spoon'
-          }
-        }
-      });
-      expect(wrapper).toMatchSnapshot();
-    });
-  });
-});
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9fX3Rlc3RzX18vZHJhZy1pbi10aGUtYmxhbmsudGVzdC5qcyJdLCJuYW1lcyI6WyJtYXJrdXAiLCJjaG9pY2UiLCJ2IiwiaWQiLCJ2YWx1ZSIsImRlc2NyaWJlIiwiZGVmYXVsdFByb3BzIiwiZGlzYWJsZWQiLCJmZWVkYmFjayIsImNob2ljZXMiLCJ1bmRlZmluZWQiLCJ3cmFwcGVyIiwiYmVmb3JlRWFjaCIsIml0IiwiZXhwZWN0IiwidG9NYXRjaFNuYXBzaG90Iiwic2V0UHJvcHMiLCJjb3JyZWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7Ozs7O0FBRUEsSUFBTUEsTUFBTSx1WkFBWjs7QUFVQSxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxDQUFDQyxDQUFELEVBQUlDLEVBQUo7QUFBQSxTQUFZO0FBQUVDLElBQUFBLEtBQUssRUFBRUYsQ0FBVDtBQUFZQyxJQUFBQSxFQUFFLEVBQUZBO0FBQVosR0FBWjtBQUFBLENBQWY7O0FBRUFFLFFBQVEsQ0FBQyxnQkFBRCxFQUFtQixZQUFNO0FBQy9CLE1BQU1DLFlBQVksR0FBRztBQUNuQkMsSUFBQUEsUUFBUSxFQUFFLEtBRFM7QUFFbkJDLElBQUFBLFFBQVEsRUFBRSxFQUZTO0FBR25CUixJQUFBQSxNQUFNLEVBQU5BLE1BSG1CO0FBSW5CUyxJQUFBQSxPQUFPLEVBQUUsQ0FDUFIsTUFBTSxDQUFDLFFBQUQsRUFBVyxHQUFYLENBREMsRUFFUEEsTUFBTSxDQUFDLFNBQUQsRUFBWSxHQUFaLENBRkMsRUFHUEEsTUFBTSxDQUFDLE9BQUQsRUFBVSxHQUFWLENBSEMsRUFJUEEsTUFBTSxDQUFDLE1BQUQsRUFBUyxHQUFULENBSkMsRUFLUEEsTUFBTSxDQUFDLFFBQUQsRUFBVyxHQUFYLENBTEMsRUFNUEEsTUFBTSxDQUFDLFFBQUQsRUFBVyxHQUFYLENBTkMsQ0FKVTtBQWFuQkcsSUFBQUEsS0FBSyxFQUFFO0FBQ0wsU0FBR007QUFERTtBQWJZLEdBQXJCO0FBaUJBLE1BQUlDLE9BQUo7QUFFQUMsRUFBQUEsVUFBVSxDQUFDLFlBQU07QUFDZkQsSUFBQUEsT0FBTyxHQUFHLG1DQUFRLG9CQUFDLDBCQUFELEVBQW9CTCxZQUFwQixDQUFSLENBQVY7QUFDRCxHQUZTLENBQVY7QUFJQUQsRUFBQUEsUUFBUSxDQUFDLFFBQUQsRUFBVyxZQUFNO0FBQ3ZCUSxJQUFBQSxFQUFFLENBQUMsc0NBQUQsRUFBeUMsWUFBTTtBQUMvQ0MsTUFBQUEsTUFBTSxDQUFDSCxPQUFELENBQU4sQ0FBZ0JJLGVBQWhCO0FBQ0QsS0FGQyxDQUFGO0FBSUFGLElBQUFBLEVBQUUsQ0FBQyw4Q0FBRCxFQUFpRCxZQUFNO0FBQ3ZERixNQUFBQSxPQUFPLENBQUNLLFFBQVIsQ0FBaUI7QUFBRVQsUUFBQUEsUUFBUSxFQUFFO0FBQVosT0FBakI7QUFDQU8sTUFBQUEsTUFBTSxDQUFDSCxPQUFELENBQU4sQ0FBZ0JJLGVBQWhCO0FBQ0QsS0FIQyxDQUFGO0FBS0FGLElBQUFBLEVBQUUsQ0FBQyxpQ0FBRCxFQUFvQyxZQUFNO0FBQzFDRixNQUFBQSxPQUFPLENBQUNLLFFBQVIsQ0FBaUI7QUFDZlIsUUFBQUEsUUFBUSxFQUFFO0FBQ1IsYUFBRztBQUNESixZQUFBQSxLQUFLLEVBQUUsUUFETjtBQUVEYSxZQUFBQSxPQUFPLEVBQUU7QUFGUixXQURLO0FBS1IsYUFBRztBQUNEYixZQUFBQSxLQUFLLEVBQUUsU0FETjtBQUVEYSxZQUFBQSxPQUFPLEVBQUU7QUFGUixXQUxLO0FBU1IsYUFBRztBQUNEYixZQUFBQSxLQUFLLEVBQUUsT0FETjtBQUVEYSxZQUFBQSxPQUFPLEVBQUU7QUFGUjtBQVRLO0FBREssT0FBakI7QUFnQkFILE1BQUFBLE1BQU0sQ0FBQ0gsT0FBRCxDQUFOLENBQWdCSSxlQUFoQjtBQUNELEtBbEJDLENBQUY7QUFtQkQsR0E3Qk8sQ0FBUjtBQThCRCxDQXRETyxDQUFSIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc2hhbGxvdyB9IGZyb20gJ2VuenltZSc7XG5pbXBvcnQgRHJhZ0luVGhlQmxhbmsgZnJvbSAnLi4vZHJhZy1pbi10aGUtYmxhbmsnO1xuXG5jb25zdCBtYXJrdXAgPSBgPGRpdj5cbiAgPGltZyBzcmM9XCJodHRwczovL2ltYWdlLnNodXR0ZXJzdG9jay5jb20vaW1hZ2UtdmVjdG9yL2Nvdy1qdW1wZWQtb3Zlci1tb29uLXRyYWRpdGlvbmFsLTI2MG53LTExNTI4OTkzMzAuanBnXCI+PC9pbWc+XG4gICA8aDU+SGV5IERpZGRsZSBEaWRkbGUgPGk+YnkgPzwvaT48L2g1PlxuIDxwPjE6IEhleSwgZGlkZGxlLCBkaWRkbGUsPC9wPlxuIDxwPjI6IFRoZSBjYXQgYW5kIHRoZSBmaWRkbGUsPC9wPlxuIDxwPjM6IFRoZSBjb3cge3swfX0gb3ZlciB0aGUgbW9vbjs8L3A+XG4gPHA+NDogVGhlIGxpdHRsZSBkb2cge3sxfX0sPC9wPlxuIDxwPjU6IFRvIHNlZSBzdWNoIHNwb3J0LDwvcD5cbiA8cD42OiBBbmQgdGhlIGRpc2ggcmFuIGF3YXkgd2l0aCB0aGUge3syfX0uPC9wPlxuPC9kaXY+YDtcbmNvbnN0IGNob2ljZSA9ICh2LCBpZCkgPT4gKHsgdmFsdWU6IHYsIGlkIH0pO1xuXG5kZXNjcmliZSgnRHJhZ0luVGhlQmxhbmsnLCAoKSA9PiB7XG4gIGNvbnN0IGRlZmF1bHRQcm9wcyA9IHtcbiAgICBkaXNhYmxlZDogZmFsc2UsXG4gICAgZmVlZGJhY2s6IHt9LFxuICAgIG1hcmt1cCxcbiAgICBjaG9pY2VzOiBbXG4gICAgICBjaG9pY2UoJ0p1bXBlZCcsICcwJyksXG4gICAgICBjaG9pY2UoJ0xhdWdoZWQnLCAnMScpLFxuICAgICAgY2hvaWNlKCdTcG9vbicsICcyJyksXG4gICAgICBjaG9pY2UoJ0ZvcmsnLCAnMycpLFxuICAgICAgY2hvaWNlKCdCdW1wZWQnLCAnNCcpLFxuICAgICAgY2hvaWNlKCdTbWlsZWQnLCAnNScpLFxuICAgIF0sXG5cbiAgICB2YWx1ZToge1xuICAgICAgMDogdW5kZWZpbmVkLFxuICAgIH0sXG4gIH07XG4gIGxldCB3cmFwcGVyO1xuXG4gIGJlZm9yZUVhY2goKCkgPT4ge1xuICAgIHdyYXBwZXIgPSBzaGFsbG93KDxEcmFnSW5UaGVCbGFuayB7Li4uZGVmYXVsdFByb3BzfSAvPik7XG4gIH0pO1xuXG4gIGRlc2NyaWJlKCdyZW5kZXInLCAoKSA9PiB7XG4gICAgaXQoJ3JlbmRlcnMgY29ycmVjdGx5IHdpdGggZGVmYXVsdCBwcm9wcycsICgpID0+IHtcbiAgICAgIGV4cGVjdCh3cmFwcGVyKS50b01hdGNoU25hcHNob3QoKTtcbiAgICB9KTtcblxuICAgIGl0KCdyZW5kZXJzIGNvcnJlY3RseSB3aXRoIGRpc2FibGVkIHByb3AgYXMgdHJ1ZScsICgpID0+IHtcbiAgICAgIHdyYXBwZXIuc2V0UHJvcHMoeyBkaXNhYmxlZDogdHJ1ZSB9KTtcbiAgICAgIGV4cGVjdCh3cmFwcGVyKS50b01hdGNoU25hcHNob3QoKTtcbiAgICB9KTtcblxuICAgIGl0KCdyZW5kZXJzIGNvcnJlY3RseSB3aXRoIGZlZWRiYWNrJywgKCkgPT4ge1xuICAgICAgd3JhcHBlci5zZXRQcm9wcyh7XG4gICAgICAgIGZlZWRiYWNrOiB7XG4gICAgICAgICAgMDoge1xuICAgICAgICAgICAgdmFsdWU6ICdKdW1wZWQnLFxuICAgICAgICAgICAgY29ycmVjdDogJ0p1bXBlZCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgICAxOiB7XG4gICAgICAgICAgICB2YWx1ZTogJ0xhdWdoZWQnLFxuICAgICAgICAgICAgY29ycmVjdDogJ0xhdWdoZWQnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgMjoge1xuICAgICAgICAgICAgdmFsdWU6ICdTcG9vbicsXG4gICAgICAgICAgICBjb3JyZWN0OiAnU3Bvb24nLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICB9KTtcbiAgICAgIGV4cGVjdCh3cmFwcGVyKS50b01hdGNoU25hcHNob3QoKTtcbiAgICB9KTtcbiAgfSk7XG59KTtcbiJdfQ==

package/lib/__tests__/index.test.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-var React = _interopRequireWildcard(require("react"));
-
-var _componentize = _interopRequireDefault(require("../componentize"));
-
-var _serialization = require("../serialization");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-describe('index', function () {
-  describe('componentize', function () {
-    it('should return an array with the appropriate markup', function () {
-      var dropDownMarkup = (0, _componentize["default"])('{{0}} foo {{1}}', 'dropdown');
-      expect(dropDownMarkup).toEqual({
-        markup: '<span data-component="dropdown" data-id="0"></span> foo <span data-component="dropdown" data-id="1"></span>'
-      });
-    });
-  });
-  describe('serialization', function () {
-    it('should have default node a span', function () {
-      expect((0, _serialization.deserialize)('something')).toEqual(expect.objectContaining({
-        object: 'value',
-        document: {
-          object: 'document',
-          data: {},
-          nodes: [{
-            object: 'block',
-            data: {},
-            isVoid: false,
-            type: 'span',
-            nodes: [{
-              object: 'text',
-              leaves: [{
-                text: 'something'
-              }]
-            }]
-          }]
-        }
-      }));
-    });
-  });
-});
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9fX3Rlc3RzX18vaW5kZXgudGVzdC5qcyJdLCJuYW1lcyI6WyJkZXNjcmliZSIsIml0IiwiZHJvcERvd25NYXJrdXAiLCJleHBlY3QiLCJ0b0VxdWFsIiwibWFya3VwIiwib2JqZWN0Q29udGFpbmluZyIsIm9iamVjdCIsImRvY3VtZW50IiwiZGF0YSIsIm5vZGVzIiwiaXNWb2lkIiwidHlwZSIsImxlYXZlcyIsInRleHQiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBOztBQUNBOztBQUNBOzs7Ozs7QUFFQUEsUUFBUSxDQUFDLE9BQUQsRUFBVSxZQUFNO0FBQ3RCQSxFQUFBQSxRQUFRLENBQUMsY0FBRCxFQUFpQixZQUFNO0FBQzdCQyxJQUFBQSxFQUFFLENBQUMsb0RBQUQsRUFBdUQsWUFBTTtBQUM3RCxVQUFNQyxjQUFjLEdBQUcsOEJBQWEsaUJBQWIsRUFBZ0MsVUFBaEMsQ0FBdkI7QUFFQUMsTUFBQUEsTUFBTSxDQUFDRCxjQUFELENBQU4sQ0FBdUJFLE9BQXZCLENBQStCO0FBQzdCQyxRQUFBQSxNQUFNLEVBQ0o7QUFGMkIsT0FBL0I7QUFJRCxLQVBDLENBQUY7QUFRRCxHQVRPLENBQVI7QUFXQUwsRUFBQUEsUUFBUSxDQUFDLGVBQUQsRUFBa0IsWUFBTTtBQUM5QkMsSUFBQUEsRUFBRSxDQUFDLGlDQUFELEVBQW9DLFlBQU07QUFDMUNFLE1BQUFBLE1BQU0sQ0FBQyxnQ0FBWSxXQUFaLENBQUQsQ0FBTixDQUFpQ0MsT0FBakMsQ0FDRUQsTUFBTSxDQUFDRyxnQkFBUCxDQUF3QjtBQUN0QkMsUUFBQUEsTUFBTSxFQUFFLE9BRGM7QUFFdEJDLFFBQUFBLFFBQVEsRUFBRTtBQUNSRCxVQUFBQSxNQUFNLEVBQUUsVUFEQTtBQUVSRSxVQUFBQSxJQUFJLEVBQUUsRUFGRTtBQUdSQyxVQUFBQSxLQUFLLEVBQUUsQ0FDTDtBQUNFSCxZQUFBQSxNQUFNLEVBQUUsT0FEVjtBQUVFRSxZQUFBQSxJQUFJLEVBQUUsRUFGUjtBQUdFRSxZQUFBQSxNQUFNLEVBQUUsS0FIVjtBQUlFQyxZQUFBQSxJQUFJLEVBQUUsTUFKUjtBQUtFRixZQUFBQSxLQUFLLEVBQUUsQ0FBQztBQUFFSCxjQUFBQSxNQUFNLEVBQUUsTUFBVjtBQUFrQk0sY0FBQUEsTUFBTSxFQUFFLENBQUM7QUFBRUMsZ0JBQUFBLElBQUksRUFBRTtBQUFSLGVBQUQ7QUFBMUIsYUFBRDtBQUxULFdBREs7QUFIQztBQUZZLE9BQXhCLENBREY7QUFrQkQsS0FuQkMsQ0FBRjtBQW9CRCxHQXJCTyxDQUFSO0FBc0JELENBbENPLENBQVIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY29tcG9uZW50aXplIGZyb20gJy4uL2NvbXBvbmVudGl6ZSc7XG5pbXBvcnQgeyBkZXNlcmlhbGl6ZSB9IGZyb20gJy4uL3NlcmlhbGl6YXRpb24nO1xuXG5kZXNjcmliZSgnaW5kZXgnLCAoKSA9PiB7XG4gIGRlc2NyaWJlKCdjb21wb25lbnRpemUnLCAoKSA9PiB7XG4gICAgaXQoJ3Nob3VsZCByZXR1cm4gYW4gYXJyYXkgd2l0aCB0aGUgYXBwcm9wcmlhdGUgbWFya3VwJywgKCkgPT4ge1xuICAgICAgY29uc3QgZHJvcERvd25NYXJrdXAgPSBjb21wb25lbnRpemUoJ3t7MH19IGZvbyB7ezF9fScsICdkcm9wZG93bicpO1xuXG4gICAgICBleHBlY3QoZHJvcERvd25NYXJrdXApLnRvRXF1YWwoe1xuICAgICAgICBtYXJrdXA6XG4gICAgICAgICAgJzxzcGFuIGRhdGEtY29tcG9uZW50PVwiZHJvcGRvd25cIiBkYXRhLWlkPVwiMFwiPjwvc3Bhbj4gZm9vIDxzcGFuIGRhdGEtY29tcG9uZW50PVwiZHJvcGRvd25cIiBkYXRhLWlkPVwiMVwiPjwvc3Bhbj4nLFxuICAgICAgfSk7XG4gICAgfSk7XG4gIH0pO1xuXG4gIGRlc2NyaWJlKCdzZXJpYWxpemF0aW9uJywgKCkgPT4ge1xuICAgIGl0KCdzaG91bGQgaGF2ZSBkZWZhdWx0IG5vZGUgYSBzcGFuJywgKCkgPT4ge1xuICAgICAgZXhwZWN0KGRlc2VyaWFsaXplKCdzb21ldGhpbmcnKSkudG9FcXVhbChcbiAgICAgICAgZXhwZWN0Lm9iamVjdENvbnRhaW5pbmcoe1xuICAgICAgICAgIG9iamVjdDogJ3ZhbHVlJyxcbiAgICAgICAgICBkb2N1bWVudDoge1xuICAgICAgICAgICAgb2JqZWN0OiAnZG9jdW1lbnQnLFxuICAgICAgICAgICAgZGF0YToge30sXG4gICAgICAgICAgICBub2RlczogW1xuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgb2JqZWN0OiAnYmxvY2snLFxuICAgICAgICAgICAgICAgIGRhdGE6IHt9LFxuICAgICAgICAgICAgICAgIGlzVm9pZDogZmFsc2UsXG4gICAgICAgICAgICAgICAgdHlwZTogJ3NwYW4nLFxuICAgICAgICAgICAgICAgIG5vZGVzOiBbeyBvYmplY3Q6ICd0ZXh0JywgbGVhdmVzOiBbeyB0ZXh0OiAnc29tZXRoaW5nJyB9XSB9XSxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIF0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgICApO1xuICAgIH0pO1xuICB9KTtcbn0pO1xuIl19

package/lib/__tests__/mask.test.js

@@ -1,149 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _mask = _interopRequireDefault(require("../mask"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-describe('Mask', function () {
-  var renderChildren = jest.fn();
-  var onChange = jest.fn();
-  var defaultProps = {
-    renderChildren: renderChildren,
-    onChange: onChange,
-    layout: {
-      nodes: [{
-        object: 'text',
-        leaves: [{
-          text: 'Foo'
-        }]
-      }]
-    },
-    value: {}
-  };
-  var wrapper;
-  beforeEach(function () {
-    wrapper = (0, _enzyme.shallow)( /*#__PURE__*/React.createElement(_mask["default"], defaultProps));
-  });
-  describe('render', function () {
-    it('renders correctly with default props', function () {
-      expect(wrapper).toMatchSnapshot();
-    });
-    it('renders correctly a paragraph', function () {
-      wrapper.setProps({
-        layout: {
-          nodes: [{
-            type: 'p',
-            nodes: [{
-              object: 'text',
-              leaves: [{
-                text: 'Foo'
-              }]
-            }]
-          }]
-        }
-      });
-      expect(wrapper).toMatchSnapshot();
-    });
-    it('renders correctly a div', function () {
-      wrapper.setProps({
-        layout: {
-          nodes: [{
-            type: 'div',
-            data: {
-              attributes: {}
-            },
-            nodes: [{
-              type: 'p',
-              data: {
-                attributes: {}
-              },
-              nodes: [{
-                object: 'text',
-                leaves: [{
-                  text: 'Foo'
-                }]
-              }]
-            }]
-          }]
-        }
-      });
-      expect(wrapper).toMatchSnapshot();
-    });
-    it.only('renders correctly a em', function () {
-      wrapper.setProps({
-        layout: {
-          nodes: [{
-            leaves: [{
-              text: 'Foo '
-            }],
-            object: 'text'
-          }, {
-            leaves: [{
-              marks: [{
-                data: undefined,
-                type: 'italic'
-              }],
-              text: 'x'
-            }],
-            object: 'text'
-          }, {
-            leaves: [{
-              text: ' bar'
-            }],
-            object: 'text'
-          }],
-          object: 'block',
-          type: 'div'
-        }
-      });
-      expect(wrapper).toMatchSnapshot();
-    });
-
-    var da = function da() {
-      return {
-        data: {
-          attributes: {}
-        }
-      };
-    };
-
-    it('renders without space under tbody', function () {
-      wrapper.setProps({
-        layout: {
-          nodes: [_objectSpread(_objectSpread({
-            type: 'tbody'
-          }, da()), {}, {
-            nodes: [{
-              object: 'text',
-              leaves: [{
-                text: ' '
-              }]
-            }, _objectSpread(_objectSpread({
-              type: 'tr'
-            }, da()), {}, {
-              nodes: []
-            })]
-          })]
-        }
-      });
-      expect(wrapper).toMatchSnapshot();
-    });
-  });
-});
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9fX3Rlc3RzX18vbWFzay50ZXN0LmpzIl0sIm5hbWVzIjpbImRlc2NyaWJlIiwicmVuZGVyQ2hpbGRyZW4iLCJqZXN0IiwiZm4iLCJvbkNoYW5nZSIsImRlZmF1bHRQcm9wcyIsImxheW91dCIsIm5vZGVzIiwib2JqZWN0IiwibGVhdmVzIiwidGV4dCIsInZhbHVlIiwid3JhcHBlciIsImJlZm9yZUVhY2giLCJpdCIsImV4cGVjdCIsInRvTWF0Y2hTbmFwc2hvdCIsInNldFByb3BzIiwidHlwZSIsImRhdGEiLCJhdHRyaWJ1dGVzIiwib25seSIsIm1hcmtzIiwidW5kZWZpbmVkIiwiZGEiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7Ozs7Ozs7Ozs7QUFFQUEsUUFBUSxDQUFDLE1BQUQsRUFBUyxZQUFNO0FBQ3JCLE1BQU1DLGNBQWMsR0FBR0MsSUFBSSxDQUFDQyxFQUFMLEVBQXZCO0FBQ0EsTUFBTUMsUUFBUSxHQUFHRixJQUFJLENBQUNDLEVBQUwsRUFBakI7QUFDQSxNQUFNRSxZQUFZLEdBQUc7QUFDbkJKLElBQUFBLGNBQWMsRUFBZEEsY0FEbUI7QUFFbkJHLElBQUFBLFFBQVEsRUFBUkEsUUFGbUI7QUFHbkJFLElBQUFBLE1BQU0sRUFBRTtBQUNOQyxNQUFBQSxLQUFLLEVBQUUsQ0FDTDtBQUNFQyxRQUFBQSxNQUFNLEVBQUUsTUFEVjtBQUVFQyxRQUFBQSxNQUFNLEVBQUUsQ0FDTjtBQUNFQyxVQUFBQSxJQUFJLEVBQUU7QUFEUixTQURNO0FBRlYsT0FESztBQURELEtBSFc7QUFlbkJDLElBQUFBLEtBQUssRUFBRTtBQWZZLEdBQXJCO0FBaUJBLE1BQUlDLE9BQUo7QUFFQUMsRUFBQUEsVUFBVSxDQUFDLFlBQU07QUFDZkQsSUFBQUEsT0FBTyxHQUFHLG1DQUFRLG9CQUFDLGdCQUFELEVBQVVQLFlBQVYsQ0FBUixDQUFWO0FBQ0QsR0FGUyxDQUFWO0FBSUFMLEVBQUFBLFFBQVEsQ0FBQyxRQUFELEVBQVcs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RSxDQUFDLG1DQUFELEVBQXNDLFlBQU07QUFDNUNGLE1BQUFBLE9BQU8sQ0FBQ0ssUUFBUixDQUFpQjtBQUNmWCxRQUFBQSxNQUFNLEVBQUU7QUFDTkMsVUFBQUEsS0FBSyxFQUFFO0FBRUhXLFlBQUFBLElBQUksRUFBRTtBQUZILGFBR0FNLEVBQUUsRUFIRjtBQUlIakIsWUFBQUEsS0FBSyxFQUFFLENBQ0w7QUFDRUMsY0FBQUEsTUFBTSxFQUFFLE1BRFY7QUFFRUMsY0FBQUEsTUFBTSxFQUFFLENBQUM7QUFBRUMsZ0JBQUFBLElBQUksRUFBRTtBQUFSLGVBQUQ7QUFGVixhQURLO0FBS0hRLGNBQUFBLElBQUksRUFBRTtBQUxILGVBS1lNLEVBQUUsRUFMZDtBQUtrQmpCLGNBQUFBLEtBQUssRUFBRTtBQUx6QjtBQUpKO0FBREQ7QUFETyxPQUFqQjtBQWlCQVEsTUFBQUEsTUFBTSxDQUFDSCxPQUFELENBQU4sQ0FBZ0JJLGVBQWhCO0FBQ0QsS0FuQkMsQ0FBRjtBQW9CRCxHQXhITyxDQUFSO0FBeUhELENBbkpPLENBQVIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzaGFsbG93IH0gZnJvbSAnZW56eW1lJztcbmltcG9ydCBNYXNrIGZyb20gJy4uL21hc2snO1xuXG5kZXNjcmliZSgnTWFzaycsICgpID0+IHtcbiAgY29uc3QgcmVuZGVyQ2hpbGRyZW4gPSBqZXN0LmZuKCk7XG4gIGNvbnN0IG9uQ2hhbmdlID0gamVzdC5mbigpO1xuICBjb25zdCBkZWZhdWx0UHJvcHMgPSB7XG4gICAgcmVuZGVyQ2hpbGRyZW4sXG4gICAgb25DaGFuZ2UsXG4gICAgbGF5b3V0OiB7XG4gICAgICBub2RlczogW1xuICAgICAgICB7XG4gICAgICAgICAgb2JqZWN0OiAndGV4dCcsXG4gICAgICAgICAgbGVhdmVzOiBbXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIHRleHQ6ICdGb28nLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICB9LFxuICAgIHZhbHVlOiB7fSxcbiAgfTtcbiAgbGV0IHdyYXBwZXI7XG5cbiAgYmVmb3JlRWFjaCgoKSA9PiB7XG4gICAgd3JhcHBlciA9IHNoYWxsb3coPE1hc2sgey4uLmRlZmF1bHRQcm9wc30gLz4pO1xuICB9KTtcblxuICBkZXNjcmliZSgncmVuZGVyJywgKCkgPT4ge1xuICAgIGl0KCdyZW5kZXJzIGNvcnJlY3RseSB3aXRoIGRlZmF1bHQgcHJvcHMnLCAoKSA9PiB7XG4gICAgICBleHBlY3Qod3JhcHBlcikudG9NYXRjaFNuYXBzaG90KCk7XG4gICAgfSk7XG5cbiAgICBpdCgncmVuZGVycyBjb3JyZWN0bHkgYSBwYXJhZ3JhcGgnLCAoKSA9PiB7XG4gICAgICB3cmFwcGVyLnNldFByb3BzKHtcbiAgICAgICAgbGF5b3V0OiB7XG4gICAgICAgICAgbm9kZXM6IFtcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgdHlwZTogJ3AnLFxuICAgICAgICAgICAgICBub2RlczogW1xuICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgIG9iamVjdDogJ3RleHQnLFxuICAgICAgICAgICAgICAgICAgbGVhdmVzOiBbXG4gICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiAnRm9vJyxcbiAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgIF0sXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgXSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgXSxcbiAgICAgICAgfSxcbiAgICAgIH0pO1xuXG4gICAgICBleHBlY3Qod3JhcHBlcikudG9NYXRjaFNuYXBzaG90KCk7XG4gICAgfSk7XG5cbiAgICBpdCgncmVuZGVycyBjb3JyZWN0bHkgYSBkaXYnLCAoKSA9PiB7XG4gICAgICB3cmFwcGVyLnNldFByb3BzKHtcbiAgICAgICAgbGF5b3V0OiB7XG4gICAgICAgICAgbm9kZXM6IFtcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgdHlwZTogJ2RpdicsXG4gICAgICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgICAgICBhdHRyaWJ1dGVzOiB7fSxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgbm9kZXM6IFtcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICB0eXBlOiAncCcsXG4gICAgICAgICAgICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZXM6IHt9LFxuICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgIG5vZGVzOiBbXG4gICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICBvYmplY3Q6ICd0ZXh0JyxcbiAgICAgICAgICAgICAgICAgICAgICBsZWF2ZXM6IFtcbiAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogJ0ZvbycsXG4gICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgIF0sXG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICBdLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIF0sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIF0sXG4gICAgICAgIH0sXG4gICAgICB9KTtcblxuICAgICAgZXhwZWN0KHdyYXBwZXIpLnRvTWF0Y2hTbmFwc2hvdCgpO1xuICAgIH0pO1xuXG4gICAgaXQub25seSgncmVuZGVycyBjb3JyZWN0bHkgYSBlbScsICgpID0+IHtcbiAgICAgIHdyYXBwZXIuc2V0UHJvcHMoe1xuICAgICAgICBsYXlvdXQ6IHtcbiAgICAgICAgICBub2RlczogW1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBsZWF2ZXM6IFt7IHRleHQ6ICdGb28gJyB9XSxcbiAgICAgICAgICAgICAgb2JqZWN0OiAndGV4dCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBsZWF2ZXM6IFtcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICBtYXJrczogW1xuICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgZGF0YTogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICAgICAgICAgIHR5cGU6ICdpdGFsaWMnLFxuICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgXSxcbiAgICAgICAgICAgICAgICAgIHRleHQ6ICd4JyxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBdLFxuICAgICAgICAgICAgICBvYmplY3Q6ICd0ZXh0JyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIGxlYXZlczogW3sgdGV4dDogJyBiYXInIH1dLFxuICAgICAgICAgICAgICBvYmplY3Q6ICd0ZXh0JyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgXSxcbiAgICAgICAgICBvYmplY3Q6ICdibG9jaycsXG4gICAgICAgICAgdHlwZTogJ2RpdicsXG4gICAgICAgIH0sXG4gICAgICB9KTtcblxuICAgICAgZXhwZWN0KHdyYXBwZXIpLnRvTWF0Y2hTbmFwc2hvdCgpO1xuICAgIH0pO1xuXG4gICAgY29uc3QgZGEgPSAoKSA9PiAoeyBkYXRhOiB7IGF0dHJpYnV0ZXM6IHt9IH0gfSk7XG4gICAgaXQoJ3JlbmRlcnMgd2l0aG91dCBzcGFjZSB1bmRlciB0Ym9keScsICgpID0+IHtcbiAgICAgIHdyYXBwZXIuc2V0UHJvcHMoe1xuICAgICAgICBsYXlvdXQ6IHtcbiAgICAgICAgICBub2RlczogW1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICB0eXBlOiAndGJvZHknLFxuICAgICAgICAgICAgICAuLi5kYSgpLFxuICAgICAgICAgICAgICBub2RlczogW1xuICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgIG9iamVjdDogJ3RleHQnLFxuICAgICAgICAgICAgICAgICAgbGVhdmVzOiBbeyB0ZXh0OiAnICcgfV0sXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICB7IHR5cGU6ICd0cicsIC4uLmRhKCksIG5vZGVzOiBbXSB9LFxuICAgICAgICAgICAgICBdLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgICAgfSk7XG4gICAgICBleHBlY3Qod3JhcHBlcikudG9NYXRjaFNuYXBzaG90KCk7XG4gICAgfSk7XG4gIH0pO1xufSk7XG4iXX0=