@pie-element/match 5.14.1-next.2 → 5.14.1

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.14.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/match@5.14.0...@pie-element/match@5.14.1) (2023-10-16)
+
+
+### Bug Fixes
+
+* **match:** fix row misalignment by adjusting row content  width PD-3231 ([1be8323](https://github.com/pie-framework/pie-elements/commit/1be83230c0c0f0a5bbb65f70ff742477db946d3e))
+
+
+
+
+
 # [5.14.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/match@5.13.5...@pie-element/match@5.14.0) (2023-10-16)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.14.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/match-configure@5.14.0...@pie-element/match-configure@5.14.1) (2023-10-16)
+
+
+### Bug Fixes
+
+* **match:** fix row misalignment by adjusting row content  width PD-3231 ([1be8323](https://github.com/pie-framework/pie-elements/commit/1be83230c0c0f0a5bbb65f70ff742477db946d3e))
+
+
+
+
+
 # [5.14.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/match-configure@5.13.5...@pie-element/match-configure@5.14.0) (2023-10-16)
 
 

package/configure/lib/row.js

@@ -190,7 +190,7 @@ var Row = /*#__PURE__*/function (_React$Component) {
       var content = /*#__PURE__*/_react["default"].createElement("div", {
         style: {
           opacity: opacity,
-          width: 'fit-content'
+          width: '100%'
         }
       }, /*#__PURE__*/_react["default"].createElement("span", {
         itemID: 'handle',

package/configure/lib/row.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/row.jsx"],"names":["log","canDrag","Row","dialog","open","text","rowIndex","value","props","model","onChange","newModel","rows","title","rowValueIndex","event","choiceMode","i","values","length","target","checked","idx","onDeleteRow","minQuestions","setState","document","addEventListener","onMouseUpOnHandle","classes","imageSupport","connectDragSource","connectDropTarget","isDragging","row","enableImages","toolbarOpts","spellCheck","error","maxImageWidth","maxImageHeight","uploadSoundSupport","mathMlOptions","state","opacity","rowPlugins","image","disabled","audio","video","filteredDefaultPlugins","DEFAULT_PLUGINS","filter","p","content","width","dragHandle","onMouseDownOnHandle","rowContainer","rowItem","questionText","onRowTitleChange","editor","language","map","rowValue","rowIdx","errorResponse","onRowValueChange","deleteIcon","errorText","separator","React","Component","PropTypes","object","isRequired","number","bool","func","onMoveRow","shape","add","string","styles","theme","actions","padding","justifyContent","choice","spacing","unit","overflow","cursor","dragDisabled","container","marginTop","display","flexDirection","alignItems","flex","minWidth","maxWidth","textAlign","marginRight","border","borderTop","palette","grey","fontSize","typography","color","main","paddingTop","StyledRow","NAME","choiceSource","beginDrag","id","index","StyledSource","connect","monitor","dragSource","choiceTarget","hover","drop","item","getItem","didDrop","StyledSourceAndTarget","dropTarget"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { AlertDialog, Checkbox } from '@pie-lib/config-ui';\nimport DragHandle from '@material-ui/icons/DragHandle';\nimport Radio from '@material-ui/core/Radio';\nimport IconButton from '@material-ui/core/IconButton';\nimport Delete from '@material-ui/icons/Delete';\nimport { DragSource, DropTarget } from 'react-dnd';\nimport debug from 'debug';\nimport EditableHtml, { DEFAULT_PLUGINS } from '@pie-lib/editable-html';\n\nconst log = debug('@pie-element:categorize:configure:choice');\n\nexport let canDrag = false;\n\nexport class Row extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    row: PropTypes.object.isRequired,\n    idx: PropTypes.number.isRequired,\n    isDragging: PropTypes.bool.isRequired,\n    maxImageWidth: PropTypes.object,\n    maxImageHeight: PropTypes.object,\n    onDeleteRow: PropTypes.func.isRequired,\n    onChange: PropTypes.func.isRequired,\n    connectDragSource: PropTypes.func.isRequired,\n    connectDropTarget: PropTypes.func.isRequired,\n    onMoveRow: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    enableImages: PropTypes.bool,\n    toolbarOpts: PropTypes.object,\n    error: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    minQuestions: PropTypes.number,\n  };\n\n  static defaultProps = {};\n\n  state = {\n    dialog: {\n      open: false,\n      text: '',\n    },\n  };\n\n  componentDidMount() {\n    document.addEventListener('mouseup', this.onMouseUpOnHandle);\n  }\n\n  onRowTitleChange = (rowIndex) => (value) => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    newModel.rows[rowIndex].title = value;\n    onChange(newModel);\n  };\n\n  onRowValueChange = (rowIndex, rowValueIndex) => (event) => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    if (model.choiceMode === 'radio') {\n      for (let i = 0; i < newModel.rows[rowIndex].values.length; i++) {\n        newModel.rows[rowIndex].values[i] = false;\n      }\n    }\n\n    newModel.rows[rowIndex].values[rowValueIndex] = event.target.checked;\n\n    onChange(newModel);\n  };\n\n  onDeleteRow = (idx) => () => {\n    const { model, onDeleteRow, minQuestions } = this.props;\n\n    if (model.rows && model.rows.length === minQuestions) {\n      this.setState({\n        dialog: {\n          open: true,\n          text: `There should be at least ${minQuestions} question row` + (minQuestions > 1 ? 's' : '') + '.',\n        },\n      });\n    } else {\n      onDeleteRow(idx);\n    }\n  };\n\n  onMouseDownOnHandle = () => {\n    canDrag = true;\n  };\n\n  onMouseUpOnHandle = () => {\n    canDrag = false;\n  };\n\n  render() {\n    const {\n      classes,\n      imageSupport,\n      connectDragSource,\n      connectDropTarget,\n      isDragging,\n      model,\n      row,\n      idx,\n      enableImages,\n      toolbarOpts,\n      spellCheck,\n      error,\n      maxImageWidth,\n      maxImageHeight,\n      uploadSoundSupport,\n      mathMlOptions = {},\n    } = this.props;\n    const { dialog } = this.state;\n    const opacity = isDragging ? 0 : 1;\n\n    const rowPlugins = {\n      image: {\n        disabled: !enableImages,\n      },\n      audio: { disabled: true },\n      video: { disabled: true },\n    };\n    const filteredDefaultPlugins = (DEFAULT_PLUGINS || []).filter(\n      (p) => p !== 'bulleted-list' && p !== 'numbered-list',\n    );\n\n    const content = (\n      <div style={{ opacity: opacity, width: 'fit-content' }}>\n        <span itemID={'handle'} className={classes.dragHandle} onMouseDown={this.onMouseDownOnHandle}>\n          <DragHandle color={'primary'} />\n        </span>\n\n        <div className={classes.rowContainer}>\n          <div className={classNames(classes.rowItem, classes.questionText)}>\n            <EditableHtml\n              imageSupport={imageSupport}\n              autoWidthToolbar\n              disableUnderline\n              label={'label'}\n              markup={row.title}\n              onChange={this.onRowTitleChange(idx)}\n              className={classes.editor}\n              pluginProps={rowPlugins}\n              toolbarOpts={toolbarOpts}\n              activePlugins={filteredDefaultPlugins}\n              spellCheck={spellCheck}\n              maxImageWidth={maxImageWidth}\n              maxImageHeight={maxImageHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              error={error && error !== 'No correct response defined.'}\n              mathMlOptions={mathMlOptions}\n            />\n          </div>\n\n          {row.values.map((rowValue, rowIdx) => (\n            <div key={rowIdx} className={classes.rowItem}>\n              {model.choiceMode === 'radio' ? (\n                <Radio\n                  className={classNames({ [classes.errorResponse]: error === 'No correct response defined.' })}\n                  onChange={this.onRowValueChange(idx, rowIdx)}\n                  checked={rowValue === true}\n                />\n              ) : (\n                <Checkbox\n                  onChange={this.onRowValueChange(idx, rowIdx)}\n                  checked={rowValue === true}\n                  label={''}\n                  error={error === 'No correct response defined.'}\n                />\n              )}\n            </div>\n          ))}\n\n          <div className={classes.deleteIcon}>\n            <IconButton onClick={this.onDeleteRow(idx)} aria-label=\"Delete\">\n              <Delete />\n            </IconButton>\n          </div>\n        </div>\n\n        {error && <div className={classes.errorText}>{error}</div>}\n        <hr className={classes.separator} />\n\n        <AlertDialog\n          open={dialog.open}\n          title=\"Warning\"\n          text={dialog.text}\n          onConfirm={() => this.setState({ dialog: { open: false } })}\n        />\n      </div>\n    );\n\n    return connectDragSource(connectDropTarget(content));\n  }\n}\n\nconst styles = (theme) => ({\n  actions: {\n    padding: 0,\n    justifyContent: 'space-between',\n  },\n  choice: {\n    padding: theme.spacing.unit,\n    overflow: 'visible',\n  },\n  dragHandle: {\n    cursor: 'move',\n  },\n  dragDisabled: {\n    cursor: 'inherit',\n  },\n\n  container: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  rowContainer: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    alignItems: 'center',\n    flex: 1,\n  },\n  rowItem: {\n    flex: 1,\n    display: 'flex',\n    justifyContent: 'center',\n    minWidth: '150px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n  deleteIcon: {\n    flex: 0.5,\n    display: 'flex',\n    justifyContent: 'center',\n    minWidth: '48px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n  questionText: {\n    flex: 2,\n    display: 'flex',\n    justifyContent: 'flex-start',\n    padding: 0,\n    maxWidth: 'unset',\n    textAlign: 'left',\n    minWidth: '350px',\n    marginRight: theme.spacing.unit,\n    '&> div': {\n      width: '100%',\n    },\n  },\n  separator: {\n    marginTop: theme.spacing.unit * 2,\n    border: 0,\n    borderTop: `2px solid ${theme.palette.grey['A100']}`,\n    width: '100%',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n  errorResponse: {\n    color: theme.palette.error.main,\n  },\n});\n\nconst StyledRow = withStyles(styles)(Row);\n\nconst NAME = 'row-config';\n\nexport const choiceSource = {\n  canDrag() {\n    return canDrag;\n  },\n  beginDrag(props) {\n    return {\n      id: props.row.id,\n      index: props.idx,\n    };\n  },\n};\n\nconst StyledSource = DragSource(NAME, choiceSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n}))(StyledRow);\n\nexport const choiceTarget = {\n  hover() {\n    log('[hover]');\n  },\n  drop(props, monitor) {\n    const item = monitor.getItem();\n\n    log('[drop] item: ', item, 'didDrop?', monitor.didDrop());\n\n    props.onMoveRow(item.index, props.idx);\n  },\n};\n\nconst StyledSourceAndTarget = DropTarget(NAME, choiceTarget, (connect) => ({\n  connectDropTarget: connect.dropTarget(),\n}))(StyledSource);\n\nexport default StyledSourceAndTarget;\n"],"file":"row.js"}
+{"version":3,"sources":["../src/row.jsx"],"names":["log","canDrag","Row","dialog","open","text","rowIndex","value","props","model","onChange","newModel","rows","title","rowValueIndex","event","choiceMode","i","values","length","target","checked","idx","onDeleteRow","minQuestions","setState","document","addEventListener","onMouseUpOnHandle","classes","imageSupport","connectDragSource","connectDropTarget","isDragging","row","enableImages","toolbarOpts","spellCheck","error","maxImageWidth","maxImageHeight","uploadSoundSupport","mathMlOptions","state","opacity","rowPlugins","image","disabled","audio","video","filteredDefaultPlugins","DEFAULT_PLUGINS","filter","p","content","width","dragHandle","onMouseDownOnHandle","rowContainer","rowItem","questionText","onRowTitleChange","editor","language","map","rowValue","rowIdx","errorResponse","onRowValueChange","deleteIcon","errorText","separator","React","Component","PropTypes","object","isRequired","number","bool","func","onMoveRow","shape","add","string","styles","theme","actions","padding","justifyContent","choice","spacing","unit","overflow","cursor","dragDisabled","container","marginTop","display","flexDirection","alignItems","flex","minWidth","maxWidth","textAlign","marginRight","border","borderTop","palette","grey","fontSize","typography","color","main","paddingTop","StyledRow","NAME","choiceSource","beginDrag","id","index","StyledSource","connect","monitor","dragSource","choiceTarget","hover","drop","item","getItem","didDrop","StyledSourceAndTarget","dropTarget"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { AlertDialog, Checkbox } from '@pie-lib/config-ui';\nimport DragHandle from '@material-ui/icons/DragHandle';\nimport Radio from '@material-ui/core/Radio';\nimport IconButton from '@material-ui/core/IconButton';\nimport Delete from '@material-ui/icons/Delete';\nimport { DragSource, DropTarget } from 'react-dnd';\nimport debug from 'debug';\nimport EditableHtml, { DEFAULT_PLUGINS } from '@pie-lib/editable-html';\n\nconst log = debug('@pie-element:categorize:configure:choice');\n\nexport let canDrag = false;\n\nexport class Row extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    row: PropTypes.object.isRequired,\n    idx: PropTypes.number.isRequired,\n    isDragging: PropTypes.bool.isRequired,\n    maxImageWidth: PropTypes.object,\n    maxImageHeight: PropTypes.object,\n    onDeleteRow: PropTypes.func.isRequired,\n    onChange: PropTypes.func.isRequired,\n    connectDragSource: PropTypes.func.isRequired,\n    connectDropTarget: PropTypes.func.isRequired,\n    onMoveRow: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    enableImages: PropTypes.bool,\n    toolbarOpts: PropTypes.object,\n    error: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    minQuestions: PropTypes.number,\n  };\n\n  static defaultProps = {};\n\n  state = {\n    dialog: {\n      open: false,\n      text: '',\n    },\n  };\n\n  componentDidMount() {\n    document.addEventListener('mouseup', this.onMouseUpOnHandle);\n  }\n\n  onRowTitleChange = (rowIndex) => (value) => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    newModel.rows[rowIndex].title = value;\n    onChange(newModel);\n  };\n\n  onRowValueChange = (rowIndex, rowValueIndex) => (event) => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    if (model.choiceMode === 'radio') {\n      for (let i = 0; i < newModel.rows[rowIndex].values.length; i++) {\n        newModel.rows[rowIndex].values[i] = false;\n      }\n    }\n\n    newModel.rows[rowIndex].values[rowValueIndex] = event.target.checked;\n\n    onChange(newModel);\n  };\n\n  onDeleteRow = (idx) => () => {\n    const { model, onDeleteRow, minQuestions } = this.props;\n\n    if (model.rows && model.rows.length === minQuestions) {\n      this.setState({\n        dialog: {\n          open: true,\n          text: `There should be at least ${minQuestions} question row` + (minQuestions > 1 ? 's' : '') + '.',\n        },\n      });\n    } else {\n      onDeleteRow(idx);\n    }\n  };\n\n  onMouseDownOnHandle = () => {\n    canDrag = true;\n  };\n\n  onMouseUpOnHandle = () => {\n    canDrag = false;\n  };\n\n  render() {\n    const {\n      classes,\n      imageSupport,\n      connectDragSource,\n      connectDropTarget,\n      isDragging,\n      model,\n      row,\n      idx,\n      enableImages,\n      toolbarOpts,\n      spellCheck,\n      error,\n      maxImageWidth,\n      maxImageHeight,\n      uploadSoundSupport,\n      mathMlOptions = {},\n    } = this.props;\n    const { dialog } = this.state;\n    const opacity = isDragging ? 0 : 1;\n\n    const rowPlugins = {\n      image: {\n        disabled: !enableImages,\n      },\n      audio: { disabled: true },\n      video: { disabled: true },\n    };\n    const filteredDefaultPlugins = (DEFAULT_PLUGINS || []).filter(\n      (p) => p !== 'bulleted-list' && p !== 'numbered-list',\n    );\n\n    const content = (\n      <div style={{ opacity: opacity, width: '100%' }}>\n        <span itemID={'handle'} className={classes.dragHandle} onMouseDown={this.onMouseDownOnHandle}>\n          <DragHandle color={'primary'} />\n        </span>\n\n        <div className={classes.rowContainer}>\n          <div className={classNames(classes.rowItem, classes.questionText)}>\n            <EditableHtml\n              imageSupport={imageSupport}\n              autoWidthToolbar\n              disableUnderline\n              label={'label'}\n              markup={row.title}\n              onChange={this.onRowTitleChange(idx)}\n              className={classes.editor}\n              pluginProps={rowPlugins}\n              toolbarOpts={toolbarOpts}\n              activePlugins={filteredDefaultPlugins}\n              spellCheck={spellCheck}\n              maxImageWidth={maxImageWidth}\n              maxImageHeight={maxImageHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              error={error && error !== 'No correct response defined.'}\n              mathMlOptions={mathMlOptions}\n            />\n          </div>\n\n          {row.values.map((rowValue, rowIdx) => (\n            <div key={rowIdx} className={classes.rowItem}>\n              {model.choiceMode === 'radio' ? (\n                <Radio\n                  className={classNames({ [classes.errorResponse]: error === 'No correct response defined.' })}\n                  onChange={this.onRowValueChange(idx, rowIdx)}\n                  checked={rowValue === true}\n                />\n              ) : (\n                <Checkbox\n                  onChange={this.onRowValueChange(idx, rowIdx)}\n                  checked={rowValue === true}\n                  label={''}\n                  error={error === 'No correct response defined.'}\n                />\n              )}\n            </div>\n          ))}\n\n          <div className={classes.deleteIcon}>\n            <IconButton onClick={this.onDeleteRow(idx)} aria-label=\"Delete\">\n              <Delete />\n            </IconButton>\n          </div>\n        </div>\n\n        {error && <div className={classes.errorText}>{error}</div>}\n        <hr className={classes.separator} />\n\n        <AlertDialog\n          open={dialog.open}\n          title=\"Warning\"\n          text={dialog.text}\n          onConfirm={() => this.setState({ dialog: { open: false } })}\n        />\n      </div>\n    );\n\n    return connectDragSource(connectDropTarget(content));\n  }\n}\n\nconst styles = (theme) => ({\n  actions: {\n    padding: 0,\n    justifyContent: 'space-between',\n  },\n  choice: {\n    padding: theme.spacing.unit,\n    overflow: 'visible',\n  },\n  dragHandle: {\n    cursor: 'move',\n  },\n  dragDisabled: {\n    cursor: 'inherit',\n  },\n\n  container: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  rowContainer: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    alignItems: 'center',\n    flex: 1,\n  },\n  rowItem: {\n    flex: 1,\n    display: 'flex',\n    justifyContent: 'center',\n    minWidth: '150px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n  deleteIcon: {\n    flex: 0.5,\n    display: 'flex',\n    justifyContent: 'center',\n    minWidth: '48px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n  questionText: {\n    flex: 2,\n    display: 'flex',\n    justifyContent: 'flex-start',\n    padding: 0,\n    maxWidth: 'unset',\n    textAlign: 'left',\n    minWidth: '350px',\n    marginRight: theme.spacing.unit,\n    '&> div': {\n      width: '100%',\n    },\n  },\n  separator: {\n    marginTop: theme.spacing.unit * 2,\n    border: 0,\n    borderTop: `2px solid ${theme.palette.grey['A100']}`,\n    width: '100%',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n  errorResponse: {\n    color: theme.palette.error.main,\n  },\n});\n\nconst StyledRow = withStyles(styles)(Row);\n\nconst NAME = 'row-config';\n\nexport const choiceSource = {\n  canDrag() {\n    return canDrag;\n  },\n  beginDrag(props) {\n    return {\n      id: props.row.id,\n      index: props.idx,\n    };\n  },\n};\n\nconst StyledSource = DragSource(NAME, choiceSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n}))(StyledRow);\n\nexport const choiceTarget = {\n  hover() {\n    log('[hover]');\n  },\n  drop(props, monitor) {\n    const item = monitor.getItem();\n\n    log('[drop] item: ', item, 'didDrop?', monitor.didDrop());\n\n    props.onMoveRow(item.index, props.idx);\n  },\n};\n\nconst StyledSourceAndTarget = DropTarget(NAME, choiceTarget, (connect) => ({\n  connectDropTarget: connect.dropTarget(),\n}))(StyledSource);\n\nexport default StyledSourceAndTarget;\n"],"file":"row.js"}

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/match-configure",
   "private": true,
-  "version": "5.14.0",
+  "version": "5.14.1",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "5.14.1-next.2+b1d5d132f",
+  "version": "5.14.1",
   "main": "lib/index.js",
   "description": "",
   "scripts": {
@@ -27,6 +27,6 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "b1d5d132f6f7332b75347696b7005a3408a9a799",
+  "gitHead": "f6c5f15d74a34eb686d2bd6f1c39d41828d7673a",
   "module": "src/index.js"
 }