bright-components 9.32.0 → 10.1.0

package/dist/components/Donut/index.js

@@ -17,32 +17,70 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tborder-radius: 9999px;\n\tborder: 4px solid white;\n\tbox-shadow: 0px 2px 8px hsla(0, 0%, 0%, 0.25);\n\twidth: 100%;\n\theight: 100%;\n\tbackground: white;\n\n\t& > svg {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\n\t@media (min-width: ", ") {\n\t\t.svg-item {\n\t\t\twidth: 80%;\n\t\t}\n\t}\n\n\t.donut-ring {\n\t\tstroke: ", ";\n\t\tfill: transparent;\n\t\tstroke-width: 5;\n\t}\n\n\t.donut-hole {\n\t\tfill: white;\n\t}\n\n\t.donut-segment {\n\t\ttransform-origin: center;\n\t\tstroke-dashoffset: 25;\n\t\tanimation: donut2 2s forwards;\n\t\tfill: transparent;\n\t\tstroke-width: 5;\n\t}\n\n\t@keyframes donut2 {\n\t\t0% {\n\t\t\tstroke-dasharray: 100, 0;\n\t\t}\n\t\t30% {\n\t\t\tstroke-dasharray: 100, 0;\n\t\t}\n\t\t100% {\n\t\t\tstroke-dasharray: ", ",\n\t\t\t\t", ";\n\t\t}\n\t}\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Item = _styledComponents.default.div(_templateObject(), _breakpoints.default.smallDesktop, _colors.default.primaryLight, function (props) {
-  return 100 - props.percent;
-}, function (props) {
-  return props.percent;
-});
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+const Item = _styledComponents.default.div`
+	position: relative;
+	border-radius: 9999px;
+	border: 4px solid white;
+	box-shadow: 0px 2px 8px hsla(0, 0%, 0%, 0.25);
+	width: 100%;
+	height: 100%;
+	background: white;
+
+	& > svg {
+		position: absolute;
+		top: 0;
+		left: 0;
+	}
+
+	@media (min-width: ${_breakpoints.default.smallDesktop}) {
+		.svg-item {
+			width: 80%;
+		}
+	}
+
+	.donut-ring {
+		stroke: ${_colors.default.primaryLight};
+		fill: transparent;
+		stroke-width: 5;
+	}
+
+	.donut-hole {
+		fill: white;
+	}
+
+	.donut-segment {
+		transform-origin: center;
+		stroke-dashoffset: 25;
+		animation: donut2 2s forwards;
+		fill: transparent;
+		stroke-width: 5;
+	}
+
+	@keyframes donut2 {
+		0% {
+			stroke-dasharray: 100, 0;
+		}
+		30% {
+			stroke-dasharray: 100, 0;
+		}
+		100% {
+			stroke-dasharray: ${props => 100 - props.percent},
+				${props => props.percent};
+		}
+	}
+`;
 Item.displayName = 'Item';
 
-var Donut = function Donut(_ref) {
-  var children = _ref.children,
-      percents = _ref.percents,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "percents"]);
+const Donut = _ref => {
+  let {
+    children,
+    percents
+  } = _ref,
+      props = _objectWithoutProperties(_ref, ["children", "percents"]);
 
   return _react.default.createElement(Item, _extends({
     percent: percents
@@ -61,23 +99,27 @@ var Donut = function Donut(_ref) {
     cx: "19",
     cy: "19",
     r: "15.91549430918954"
-  }), percents.reduce(function (_ref2, _ref3) {
-    var parts = _ref2.parts,
-        percentUsed = _ref2.percentUsed;
-    var percent = _ref3.percent,
-        color = _ref3.color;
+  }), percents.reduce((_ref2, _ref3) => {
+    let {
+      parts,
+      percentUsed
+    } = _ref2;
+    let {
+      percent,
+      color
+    } = _ref3;
     return {
-      parts: [].concat(parts, [_react.default.createElement("circle", {
-        key: percent + " " + color + " " + percentUsed,
+      parts: [...parts, _react.default.createElement("circle", {
+        key: `${percent} ${color} ${percentUsed}`,
         className: "donut-segment",
         "data-testid": "donut-segment",
         cx: "19",
         cy: "19",
         r: "15.91549430918954",
-        strokeDasharray: percent + percentUsed + ", " + (100 - (percent + percentUsed)),
+        strokeDasharray: `${percent + percentUsed}, ${100 - (percent + percentUsed)}`,
         strokeDashoffset: "25",
         stroke: color
-      })]),
+      })],
       percentUsed: percentUsed + percent
     };
   }, {

package/dist/components/DropZone/index.js

@@ -23,66 +23,33 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n\tcolor: ", ";\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-bottom: 0;\n\tmargin-top: ", ";\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-top: ", ";\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tborder: 2px dashed ", ";\n\tcolor: ", ";\n\ttext-align: center;\n\tpadding: ", ";\n\tcursor: pointer;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var StyledDropZone = (0, _styledComponents.default)(_reactDropzone.default)(_templateObject(), _colors.default.grey, _colors.default.grey, _spacing.default.s3);
+const StyledDropZone = (0, _styledComponents.default)(_reactDropzone.default)`
+	border: 2px dashed ${_colors.default.grey};
+	color: ${_colors.default.grey};
+	text-align: center;
+	padding: ${_spacing.default.s3};
+	cursor: pointer;
+`;
 StyledDropZone.displayName = 'StyledDropZone';
-var DropZoneHeader = (0, _styledComponents.default)(_H.default)(_templateObject2(), _spacing.default.s2);
+const DropZoneHeader = (0, _styledComponents.default)(_H.default)`
+	margin-top: ${_spacing.default.s2};
+`;
 DropZoneHeader.displayName = 'DropZoneHeader';
-
-var DropZoneCaveat = _styledComponents.default.p(_templateObject3(), _spacing.default.s1);
-
+const DropZoneCaveat = _styledComponents.default.p`
+	margin-bottom: 0;
+	margin-top: ${_spacing.default.s1};
+`;
 DropZoneCaveat.displayName = 'DropZoneCaveat';
-
-var HighlightSecondary = _styledComponents.default.span(_templateObject4(), _colors.default.secondary);
-
+const HighlightSecondary = _styledComponents.default.span`
+	color: ${_colors.default.secondary};
+`;
 HighlightSecondary.displayName = 'HighlightSecondary';
 
-var DropZone = function DropZone(_ref) {
-  var props = _extends({}, _ref);
+const DropZone = _ref => {
+  let props = _extends({}, _ref);
 
-  var file = props.multiple ? 'files' : 'file';
-  var browse = props.multiple ? 'your files' : 'for your file';
+  const file = props.multiple ? 'files' : 'file';
+  const browse = props.multiple ? 'your files' : 'for your file';
   return _react.default.createElement(StyledDropZone, props, _react.default.createElement(_UpArrow.default, null), _react.default.createElement(DropZoneHeader, null, "Drag and drop your ", file, " here to upload"), _react.default.createElement(DropZoneCaveat, null, "or click to ", _react.default.createElement(HighlightSecondary, null, "browse"), ' ', browse));
 };
 

package/dist/components/Dropdown/DropdownItem/index.js

@@ -9,20 +9,17 @@ var _spacing = _interopRequireDefault(require("../../../constants/spacing"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tfont: inherit;\n\tpadding: ", " ", ";\n\tline-height: 1.45;\n\tborder-bottom: 1px solid #eaeaea;\n\tcursor: pointer;\n\ttext-align: left;\n\t&:hover {\n\t\tbackground: #eaeaea;\n\t}\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var DropdownItem = _styledComponents.default.div(_templateObject(), _spacing.default.s1, _spacing.default.s2);
-
+const DropdownItem = _styledComponents.default.div`
+	font: inherit;
+	padding: ${_spacing.default.s1} ${_spacing.default.s2};
+	line-height: 1.45;
+	border-bottom: 1px solid #eaeaea;
+	cursor: pointer;
+	text-align: left;
+	&:hover {
+		background: #eaeaea;
+	}
+`;
 DropdownItem.displayName = 'DropdownItem';
 /* @component */
 

package/dist/components/Dropdown/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.UnwrappedDropdown = exports.default = void 0;
+exports.default = exports.UnwrappedDropdown = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -33,104 +33,56 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: ", ";\n\tbackground: #fff;\n\tflex: 0 1 150px;\n\tflex-direction: column;\n\tposition: absolute;\n\tbox-shadow: ", ";\n\tborder-radius: ", ";\n\toverflow: hidden;\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n\tfont: inherit;\n\tpadding-right: ", ";\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\theight: 100%;\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\theight: 10px;\n\twidth: 10px;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Container = _styledComponents.default.div(_templateObject());
-
+const Container = _styledComponents.default.div`
+	position: relative;
+`;
 Container.displayName = 'Container';
-var DropdownIcon = (0, _styledComponents.default)(_Dropdown.default)(_templateObject2());
-
-var FlexContainer = _styledComponents.default.div(_templateObject3());
-
-var TitleContainer = _styledComponents.default.span(_templateObject4(), _spacing.default.s1);
-
-var ItemsList = _styledComponents.default.div(_templateObject5(), function (props) {
-  return props.visible ? 'flex' : 'none';
-}, _vars.default.boxShadow, _vars.default.borderRadius);
-
+const DropdownIcon = (0, _styledComponents.default)(_Dropdown.default)`
+	height: 10px;
+	width: 10px;
+`;
+const FlexContainer = _styledComponents.default.div`
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	height: 100%;
+`;
+const TitleContainer = _styledComponents.default.span`
+	font: inherit;
+	padding-right: ${_spacing.default.s1};
+`;
+const ItemsList = _styledComponents.default.div`
+	display: ${props => props.visible ? 'flex' : 'none'};
+	background: #fff;
+	flex: 0 1 150px;
+	flex-direction: column;
+	position: absolute;
+	box-shadow: ${_vars.default.boxShadow};
+	border-radius: ${_vars.default.borderRadius};
+	overflow: hidden;
+`;
 ItemsList.displayName = 'ItemsList';
 FlexContainer.displayName = 'FlexContainer';
 DropdownIcon.displayName = 'DropdownIcon';
 TitleContainer.displayName = 'TitleContainer';
 
-var Dropdown =
-/*#__PURE__*/
-function (_React$Component) {
-  _inheritsLoose(Dropdown, _React$Component);
-
-  function Dropdown(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.state = {
+class Dropdown extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
       isOpen: false
     };
-    (0, _reactAutobind.default)(_assertThisInitialized(_this));
-    _this.button = _react.default.createRef();
-    _this.menu = _react.default.createRef();
-    return _this;
+    (0, _reactAutobind.default)(this);
+    this.button = _react.default.createRef();
+    this.menu = _react.default.createRef();
   }
 
-  var _proto = Dropdown.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    var placement = this.props.placement;
+  componentDidMount() {
+    const {
+      placement
+    } = this.props;
     this.popper = new _popper.default(this.button.current, this.menu.current, {
-      placement: placement,
+      placement,
       enableEventListeners: false,
       modifiers: {
         flip: {
@@ -144,49 +96,51 @@ function (_React$Component) {
         }
       }
     });
-  };
+  }
 
-  _proto.componentWillUnmount = function componentWillUnmount() {
+  componentWillUnmount() {
     this.popper.destroy();
     this.popper = null;
-  };
+  }
 
-  _proto.handleClickOutside = function handleClickOutside() {
+  handleClickOutside() {
     if (this.state.isOpen) {
       this.setState({
         isOpen: false
       });
     }
-  };
-
-  _proto.toggleDropdown = function toggleDropdown() {
-    var _this2 = this;
+  }
 
-    this.setState(function (_ref) {
-      var isOpen = _ref.isOpen;
+  toggleDropdown() {
+    this.setState(_ref => {
+      let {
+        isOpen
+      } = _ref;
       return {
         isOpen: !isOpen
       };
-    }, function () {
-      if (_this2.state.isOpen) {
-        _this2.popper.enableEventListeners();
-
-        _this2.popper.scheduleUpdate();
+    }, () => {
+      if (this.state.isOpen) {
+        this.popper.enableEventListeners();
+        this.popper.scheduleUpdate();
       } else {
-        _this2.popper.disableEventListeners();
+        this.popper.disableEventListeners();
       }
     });
-  };
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        title = _this$props.title,
-        children = _this$props.children,
-        className = _this$props.className,
-        id = _this$props.id,
-        buttonProps = _this$props.buttonProps,
-        ButtonOverride = _this$props.button;
-    var isOpen = this.state.isOpen;
+  }
+
+  render() {
+    const {
+      title,
+      children,
+      className,
+      id,
+      buttonProps,
+      button: ButtonOverride
+    } = this.props;
+    const {
+      isOpen
+    } = this.state;
     return _react.default.createElement(Container, {
       className: className,
       "data-e2e": id
@@ -206,10 +160,9 @@ function (_React$Component) {
       visible: isOpen,
       ref: this.menu
     }, children), document.querySelector('body')));
-  };
+  }
 
-  return Dropdown;
-}(_react.default.Component);
+}
 
 exports.UnwrappedDropdown = Dropdown;
 Dropdown.displayName = 'Dropdown';

package/dist/components/DurationInput/index.js

@@ -17,65 +17,50 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-right: 10px !important;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: inline-block;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Container = _styledComponents.default.span(_templateObject());
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+const Container = _styledComponents.default.span`
+	display: inline-block;
+`;
 Container.displayName = 'Container';
-var StyledInputWithUnit = (0, _styledComponents.default)(_InputWithUnit.default)(_templateObject2());
+const StyledInputWithUnit = (0, _styledComponents.default)(_InputWithUnit.default)`
+	margin-right: 10px !important;
+`;
 StyledInputWithUnit.displayName = 'StyledInputWithUnit';
 
-var DurationInput = function DurationInput(_ref) {
-  var onChange = _ref.onChange,
-      value = _ref.value,
-      minHours = _ref.minHours,
-      maxHours = _ref.maxHours,
-      step = _ref.step,
-      name = _ref.name,
-      onBlur = _ref.onBlur,
-      inDays = _ref.inDays,
-      minDays = _ref.minDays,
-      maxDays = _ref.maxDays,
-      gaAction = _ref.gaAction,
-      className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["onChange", "value", "minHours", "maxHours", "step", "name", "onBlur", "inDays", "minDays", "maxDays", "gaAction", "className"]);
+const DurationInput = _ref => {
+  let {
+    onChange,
+    value,
+    minHours,
+    maxHours,
+    step,
+    name,
+    onBlur,
+    inDays,
+    minDays,
+    maxDays,
+    gaAction,
+    className
+  } = _ref,
+      props = _objectWithoutProperties(_ref, ["onChange", "value", "minHours", "maxHours", "step", "name", "onBlur", "inDays", "minDays", "maxDays", "gaAction", "className"]);
 
   if (inDays) {
-    props.gaAction = gaAction + " days";
+    props.gaAction = `${gaAction} days`;
     return _react.default.createElement(_InputWithUnit.default, _extends({}, props, {
       className: className,
       type: "number",
-      name: name + ".days",
+      name: `${name}.days`,
       onChange: onChange,
       max: maxDays,
       min: minDays,
       step: step,
       onBlur: (0, _roundOnBlur.default)({
-        onBlur: onBlur,
-        onChange: onChange,
-        step: step,
+        onBlur,
+        onChange,
+        step,
         allowNegative: minDays < 0
       }),
       value: value.days,
@@ -84,24 +69,24 @@ var DurationInput = function DurationInput(_ref) {
     }));
   }
 
-  var gaActionHours = {
-    gaAction: gaAction + " hours"
+  const gaActionHours = {
+    gaAction: `${gaAction} hours`
   };
-  var gaActionMinutes = {
-    gaAction: gaAction + " minutes"
+  const gaActionMinutes = {
+    gaAction: `${gaAction} minutes`
   };
   return _react.default.createElement(Container, {
     className: className
   }, _react.default.createElement(StyledInputWithUnit, _extends({}, props, gaActionHours, {
     type: "number",
-    name: name + ".hours",
+    name: `${name}.hours`,
     onChange: onChange,
     max: maxHours,
     min: minHours,
     step: "1",
     onBlur: (0, _roundOnBlur.default)({
-      onBlur: onBlur,
-      onChange: onChange,
+      onBlur,
+      onChange,
       step: 1,
       allowNegative: minHours < 0
     }),
@@ -109,16 +94,16 @@ var DurationInput = function DurationInput(_ref) {
     unit: "hrs"
   })), _react.default.createElement(_InputWithUnit.default, _extends({}, props, gaActionMinutes, {
     type: "number",
-    name: name + ".minutes",
+    name: `${name}.minutes`,
     value: value.minutes,
     onChange: onChange,
     step: step,
     min: "0",
     max: 60 - +step,
     onBlur: (0, _roundOnBlur.default)({
-      onBlur: onBlur,
-      onChange: onChange,
-      step: step
+      onBlur,
+      onChange,
+      step
     }),
     unit: "mins"
   })));
@@ -150,7 +135,7 @@ DurationInput.defaultProps = {
   minDays: '0',
   step: '5',
   name: 'duration',
-  onBlur: function onBlur() {},
+  onBlur: () => {},
   inDays: false,
   className: ''
 };