bright-components 9.31.0 → 10.0.0

package/dist/components/DurationInput/utils/roundOnBlur/index.js

@@ -7,16 +7,18 @@ var _roundTo = _interopRequireDefault(require("../../../../utils/roundTo"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var roundOnBlur = function roundOnBlur(_ref) {
-  var onChange = _ref.onChange,
-      onBlur = _ref.onBlur,
-      step = _ref.step,
-      allowNegative = _ref.allowNegative;
-  return function (e) {
-    var original = +e.target.value;
-    var rounded = (0, _roundTo.default)(step, allowNegative)(e.target.value);
-    var max = +e.target.getAttribute('max');
-    var min = +e.target.getAttribute('min');
+const roundOnBlur = _ref => {
+  let {
+    onChange,
+    onBlur,
+    step,
+    allowNegative
+  } = _ref;
+  return e => {
+    const original = +e.target.value;
+    const rounded = (0, _roundTo.default)(step, allowNegative)(e.target.value);
+    const max = +e.target.getAttribute('max');
+    const min = +e.target.getAttribute('min');
 
     if (original > max) {
       e.target.value = max;
@@ -27,7 +29,7 @@ var roundOnBlur = function roundOnBlur(_ref) {
     }
 
     if (original !== +e.target.value) {
-      onChange(e, function () {
+      onChange(e, () => {
         onBlur(e);
       });
     } else {

package/dist/components/EmployeeCard/index.js

@@ -19,59 +19,43 @@ var _Avatar = _interopRequireDefault(require("../Avatar"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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: auto;\n\tmargin-left: ", ";\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\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 Container = _styledComponents.default.div(_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.div`
+	display: flex;
+`;
 Container.displayName = 'Container';
-
-var LinkContainer = _styledComponents.default.div(_templateObject2(), _spacing.default.s6);
-
+const LinkContainer = _styledComponents.default.div`
+	margin: auto;
+	margin-left: ${_spacing.default.s6};
+`;
 LinkContainer.displayName = 'LinkContainer';
 
-var EmployeeCard = function EmployeeCard(_ref) {
-  var name = _ref.name,
-      imageHref = _ref.imageHref,
-      link = _ref.link,
-      category = _ref.category,
-      action = _ref.action,
-      _onClick = _ref.onClick,
-      rest = _objectWithoutPropertiesLoose(_ref, ["name", "imageHref", "link", "category", "action", "onClick"]);
+const EmployeeCard = _ref => {
+  let {
+    name,
+    imageHref,
+    link,
+    category,
+    action,
+    onClick
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, ["name", "imageHref", "link", "category", "action", "onClick"]);
 
   return _react.default.createElement(Container, rest, _react.default.createElement(_Avatar.default, {
     employeeName: name,
     employeeImageHref: imageHref
   }), _react.default.createElement(LinkContainer, null, _react.default.createElement(_A.default, {
-    onClick: function onClick() {
+    onClick: () => {
       _reactGa.default.event({
-        category: category,
-        action: action
+        category,
+        action
       });
 
-      if (_onClick) {
-        _onClick();
+      if (onClick) {
+        onClick();
       }
     },
     href: link

package/dist/components/EmployeePicker/DisplayFilter/index.js

@@ -17,55 +17,47 @@ 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\tdisplay: flex;\n\tflex-wrap: wrap;\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 Container = _styledComponents.default.div(_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.div`
+	display: flex;
+	flex-wrap: wrap;
+`;
 Container.displayName = 'Container';
 /* istanbul ignore next */
 
-var getName = function getName(_ref) {
-  var _ref$firstName = _ref.firstName,
-      firstName = _ref$firstName === void 0 ? '' : _ref$firstName,
-      _ref$lastName = _ref.lastName,
-      lastName = _ref$lastName === void 0 ? '' : _ref$lastName;
-  return (firstName + " " + lastName).trim();
+const getName = _ref => {
+  let {
+    firstName = '',
+    lastName = ''
+  } = _ref;
+  return `${firstName} ${lastName}`.trim();
 };
 
-var DisplayFilter = function DisplayFilter(_ref2) {
-  var users = _ref2.users,
-      filter = _ref2.filter,
-      _onClick = _ref2.onClick;
-  var filtered = users.filter(function (user) {
-    return getName(user).toLowerCase().includes(filter.trim().toLowerCase());
-  });
-  return _react.default.createElement(Container, null, filtered.length ? filtered.map(function (_ref3) {
-    var id = _ref3.id,
-        firstName = _ref3.firstName,
-        lastName = _ref3.lastName,
-        other = _objectWithoutPropertiesLoose(_ref3, ["id", "firstName", "lastName"]);
+const DisplayFilter = _ref2 => {
+  let {
+    users,
+    filter,
+    onClick
+  } = _ref2;
+  const filtered = users.filter(user => getName(user).toLowerCase().includes(filter.trim().toLowerCase()));
+  return _react.default.createElement(Container, null, filtered.length ? filtered.map(_ref3 => {
+    let {
+      id,
+      firstName,
+      lastName
+    } = _ref3,
+        other = _objectWithoutProperties(_ref3, ["id", "firstName", "lastName"]);
 
     return _react.default.createElement(_Item.default, _extends({
       key: id,
       name: getName({
-        firstName: firstName,
-        lastName: lastName
+        firstName,
+        lastName
       }),
-      onClick: function onClick() {
-        return _onClick(id);
-      }
+      onClick: () => onClick(id)
     }, other));
   }) : _react.default.createElement(_ErrorMessage.default, null, "No results found"));
 };

package/dist/components/EmployeePicker/FilterBar/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.focusObj = void 0;
+exports.focusObj = exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -27,77 +27,44 @@ var _Option = _interopRequireDefault(require("../../Select/Option"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _templateObject5() {
-  var data = _taggedTemplateLiteralLoose([""]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-bottom: ", ";\n\tdisplay: flex;\n\tflex-flow: row wrap;\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-top: 0px;\n\tdisplay: flex;\n\talign-items: center;\n\tflex-grow: 1;\n\theight: 44px;\n\tjustify-content: flex-end;\n\t@media (max-width: ", ") {\n\t\tjustify-content: flex-start;\n\t}\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin: 0 !important;\n\tmargin-right: ", " !important;\n\tmargin-bottom: ", " !important;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin: 0 !important;\n\tmargin-right: ", " !important;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+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; }
 
 // components
-var StyledInput = (0, _styledComponents.default)(_Input.default)(_templateObject(), _spacing.default.s1);
+const StyledInput = (0, _styledComponents.default)(_Input.default)`
+	margin: 0 !important;
+	margin-right: ${_spacing.default.s1} !important;
+`;
 StyledInput.displayName = 'Input';
-var StyledSelect = (0, _styledComponents.default)(_Select.default)(_templateObject2(), _spacing.default.s1, _spacing.default.s1);
+const StyledSelect = (0, _styledComponents.default)(_Select.default)`
+	margin: 0 !important;
+	margin-right: ${_spacing.default.s1} !important;
+	margin-bottom: ${_spacing.default.s1} !important;
+`;
 StyledSelect.displayName = 'Select';
-var FloatButtonGroup = (0, _styledComponents.default)(_ButtonGroup.default)(_templateObject3(), _breakpoints.default.tablet);
+const FloatButtonGroup = (0, _styledComponents.default)(_ButtonGroup.default)`
+	margin-top: 0px;
+	display: flex;
+	align-items: center;
+	flex-grow: 1;
+	height: 44px;
+	justify-content: flex-end;
+	@media (max-width: ${_breakpoints.default.tablet}) {
+		justify-content: flex-start;
+	}
+`;
 FloatButtonGroup.displayName = 'ButtonGroup';
-
-var Wrapper = _styledComponents.default.div(_templateObject4(), _spacing.default.s2);
-
+const Wrapper = _styledComponents.default.div`
+	margin-bottom: ${_spacing.default.s2};
+	display: flex;
+	flex-flow: row wrap;
+`;
 Wrapper.displayName = 'Wrapper';
-var ClearButton = (0, _styledComponents.default)(_LinkButton.default)(_templateObject5());
+const ClearButton = (0, _styledComponents.default)(_LinkButton.default)``;
 ClearButton.displayName = 'ClearButton';
 
-var focusObj = function focusObj(obj) {
+const focusObj = obj => {
   /* istanbul ignore next */
   if (obj.current) {
     obj.current.focus();
@@ -106,26 +73,28 @@ var focusObj = function focusObj(obj) {
 
 exports.focusObj = focusObj;
 
-var FilterBar = function FilterBar(_ref) {
-  var GA = _ref.GA,
-      value = _ref.value,
-      update = _ref.update,
-      type = _ref.type,
-      updateType = _ref.updateType,
-      selectAll = _ref.selectAll,
-      deselectAll = _ref.deselectAll,
-      disableSelect = _ref.disableSelect,
-      disableDeselect = _ref.disableDeselect,
-      hideSelectAll = _ref.hideSelectAll;
-  var textInput = (0, _react.createRef)();
+const FilterBar = _ref => {
+  let {
+    GA,
+    value,
+    update,
+    type,
+    updateType,
+    selectAll,
+    deselectAll,
+    disableSelect,
+    disableDeselect,
+    hideSelectAll
+  } = _ref;
+  const textInput = (0, _react.createRef)();
   return _react.default.createElement(Wrapper, null, _react.default.createElement(StyledSelect, {
     name: "filter-type",
     value: type,
-    onChange: function onChange(e) {
+    onChange: e => {
       updateType(e.target.value);
       focusObj(textInput);
       (0, _reactGa.event)({
-        action: "Search by " + e.target.value,
+        action: `Search by ${e.target.value}`,
         category: GA.category
       });
     }
@@ -134,20 +103,18 @@ var FilterBar = function FilterBar(_ref) {
   }, "Search by name"), _react.default.createElement(_Option.default, {
     value: "group"
   }, "Search by group")), _react.default.createElement(StyledInput, {
-    onBlur: function onBlur() {
+    onBlur: () => {
       (0, _reactGa.event)({
         action: 'Enter Name',
         category: GA.category
       });
     },
     value: value,
-    onChange: function onChange(e) {
-      return update(e.target.value);
-    },
+    onChange: e => update(e.target.value),
     placeholder: "Enter name",
     ref: textInput
   }), _react.default.createElement(FloatButtonGroup, null, value && _react.default.createElement(ClearButton, {
-    onClick: function onClick() {
+    onClick: () => {
       (0, _reactGa.event)({
         action: 'Clear Filter',
         category: GA.category
@@ -156,7 +123,7 @@ var FilterBar = function FilterBar(_ref) {
     }
   }, "Clear filter"), !value && !hideSelectAll && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_LinkButton.default, {
     disabled: disableSelect,
-    onClick: function onClick() {
+    onClick: () => {
       selectAll();
       (0, _reactGa.event)({
         action: 'Select All',
@@ -165,7 +132,7 @@ var FilterBar = function FilterBar(_ref) {
     }
   }, "Select all"), _react.default.createElement(_LinkButton.default, {
     disabled: disableDeselect,
-    onClick: function onClick() {
+    onClick: () => {
       deselectAll();
       (0, _reactGa.event)({
         action: 'Deselect All',

package/dist/components/EmployeePicker/Group/index.js

@@ -31,136 +31,80 @@ 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 _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 _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-top: 0;\n\tbutton {\n\t\theight: 30px;\n\t}\n"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tmargin-bottom: ", ";\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n\tmargin-left: ", ";\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n\tdisplay: ", ";\n\toverflow: hidden;\n\tflex-wrap: wrap;\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n\tcursor: pointer;\n\tfont-size: ", "px;\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\tmargin: ", " 0;\n\twidth: 100%;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Wrapper = _styledComponents.default.div(_templateObject(), _spacing.default.s2);
+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 Wrapper = _styledComponents.default.div`
+	margin: ${_spacing.default.s2} 0;
+	width: 100%;
+`;
 Wrapper.displayName = 'Wrapper';
-var CH3 = (0, _styledComponents.default)(_H.default)(_templateObject2(), _spacing.default.s2);
+const CH3 = (0, _styledComponents.default)(_H.default)`
+	cursor: pointer;
+	font-size: ${_spacing.default.s2}px;
+`;
 CH3.displayName = 'H3';
-
-var ItemContainer = _styledComponents.default.div(_templateObject3(), function (props) {
-  return props.show ? 'flex' : 'none';
-});
-
+const ItemContainer = _styledComponents.default.div`
+	display: ${props => props.show ? 'flex' : 'none'};
+	overflow: hidden;
+	flex-wrap: wrap;
+`;
 ItemContainer.displayName = 'ItemContainer';
-var MLChevron = (0, _styledComponents.default)(_Chevron.default)(_templateObject4(), _spacing.default.s1);
+const MLChevron = (0, _styledComponents.default)(_Chevron.default)`
+	margin-left: ${_spacing.default.s1};
+`;
 MLChevron.displayName = 'MLChevron';
-
-var Bar = _styledComponents.default.div(_templateObject5(), _spacing.default.s1);
-
+const Bar = _styledComponents.default.div`
+	display: flex;
+	justify-content: space-between;
+	margin-bottom: ${_spacing.default.s1};
+`;
 Bar.displayName = 'Bar';
-var LinkButtonGroup = (0, _styledComponents.default)(_ButtonGroup.default)(_templateObject6());
+const LinkButtonGroup = (0, _styledComponents.default)(_ButtonGroup.default)`
+	margin-top: 0;
+	button {
+		height: 30px;
+	}
+`;
 LinkButtonGroup.displayName = 'ButtonGroup';
 
-var Group =
-/*#__PURE__*/
-function (_React$Component) {
-  _inheritsLoose(Group, _React$Component);
-
-  function Group(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.toggleShow = _this.toggleShow.bind(_assertThisInitialized(_this));
-    _this.state = {
+class Group extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.toggleShow = this.toggleShow.bind(this);
+    this.state = {
       show: props.initialShow
     };
-    return _this;
   }
 
-  var _proto = Group.prototype;
-
-  _proto.toggleShow = function toggleShow() {
-    this.setState(function (_ref) {
-      var show = _ref.show;
+  toggleShow() {
+    this.setState(_ref => {
+      let {
+        show
+      } = _ref;
       return {
         show: !show
       };
     });
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
+  }
 
-    var _this$props = this.props,
-        title = _this$props.title,
-        users = _this$props.users,
-        _onClick = _this$props.onClick,
-        hideButtons = _this$props.hideButtons,
-        toggleUsers = _this$props.toggleUsers,
-        GA = _this$props.GA;
-    var show = this.state.show;
-    var selectedUsers = (0, _utils.getSelected)(users);
-    var deselectedUsers = (0, _utils.getNotSelected)(users);
+  render() {
+    const {
+      title,
+      users,
+      onClick,
+      hideButtons,
+      toggleUsers,
+      GA
+    } = this.props;
+    const {
+      show
+    } = this.state;
+    const selectedUsers = (0, _utils.getSelected)(users);
+    const deselectedUsers = (0, _utils.getNotSelected)(users);
     return _react.default.createElement(Wrapper, null, _react.default.createElement(Bar, null, _react.default.createElement(CH3, {
-      onClick: function onClick() {
+      onClick: () => {
         if (show) {
           (0, _reactGa.event)({
             action: 'Contract Selected Group',
@@ -187,7 +131,7 @@ function (_React$Component) {
           }
         }
 
-        _this2.toggleShow();
+        this.toggleShow();
       }
     }, title, " (", selectedUsers.length, ")", '  ', _react.default.createElement(MLChevron, {
       expanded: show,
@@ -195,7 +139,7 @@ function (_React$Component) {
       size: 16
     })), !hideButtons && _react.default.createElement(LinkButtonGroup, null, _react.default.createElement(_LinkButton.default, {
       disabled: selectedUsers.length === users.length,
-      onClick: function onClick() {
+      onClick: () => {
         (0, _reactGa.event)({
           action: 'Select Group',
           category: GA.category
@@ -204,7 +148,7 @@ function (_React$Component) {
       }
     }, "Select group"), _react.default.createElement(_LinkButton.default, {
       disabled: selectedUsers.length === 0,
-      onClick: function onClick() {
+      onClick: () => {
         (0, _reactGa.event)({
           action: 'Deselect Group',
           category: GA.category
@@ -213,25 +157,24 @@ function (_React$Component) {
       }
     }, "Deselect group"))), _react.default.createElement(ItemContainer, {
       show: show,
-      "data-e2e": "Group-" + title
-    }, users.map(function (_ref2) {
-      var id = _ref2.id,
-          firstName = _ref2.firstName,
-          lastName = _ref2.lastName,
-          other = _objectWithoutPropertiesLoose(_ref2, ["id", "firstName", "lastName"]);
+      "data-e2e": `Group-${title}`
+    }, users.map(_ref2 => {
+      let {
+        id,
+        firstName,
+        lastName
+      } = _ref2,
+          other = _objectWithoutProperties(_ref2, ["id", "firstName", "lastName"]);
 
       return _react.default.createElement(_Item.default, _extends({
         key: id,
-        name: firstName + " " + lastName,
-        onClick: function onClick() {
-          return _onClick(id);
-        }
+        name: `${firstName} ${lastName}`,
+        onClick: () => onClick(id)
       }, other));
     })));
-  };
+  }
 
-  return Group;
-}(_react.default.Component);
+}
 
 Group.displayName = 'Group';
 Group.propTypes = {