bright-components 10.2.6 → 10.2.8

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

@@ -7,8 +7,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _reactGa = require("react-ga");
-
 var _propTypes = require("prop-types");
 
 var _H = _interopRequireDefault(require("../../Typography/H3"));
@@ -95,8 +93,7 @@ class Group extends _react.default.Component {
       users,
       onClick,
       hideButtons,
-      toggleUsers,
-      GA
+      toggleUsers
     } = this.props;
     const {
       show
@@ -105,32 +102,6 @@ class Group extends _react.default.Component {
     const deselectedUsers = (0, _utils.getNotSelected)(users);
     return _react.default.createElement(Wrapper, null, _react.default.createElement(Bar, null, _react.default.createElement(CH3, {
       onClick: () => {
-        if (show) {
-          (0, _reactGa.event)({
-            action: 'Contract Selected Group',
-            category: GA.category
-          });
-
-          if (title === 'No group') {
-            (0, _reactGa.event)({
-              action: 'Contract No Group',
-              category: GA.category
-            });
-          }
-        } else {
-          (0, _reactGa.event)({
-            action: 'Expand Selected Group',
-            category: GA.category
-          });
-
-          if (title === 'No group') {
-            (0, _reactGa.event)({
-              action: 'Expand No Group',
-              category: GA.category
-            });
-          }
-        }
-
         this.toggleShow();
       }
     }, title, " (", selectedUsers.length, ")", '  ', _react.default.createElement(MLChevron, {
@@ -140,19 +111,11 @@ class Group extends _react.default.Component {
     })), !hideButtons && _react.default.createElement(LinkButtonGroup, null, _react.default.createElement(_LinkButton.default, {
       disabled: selectedUsers.length === users.length,
       onClick: () => {
-        (0, _reactGa.event)({
-          action: 'Select Group',
-          category: GA.category
-        });
         toggleUsers(deselectedUsers.filter(_utils.filterDisabled).map(_utils.idMap));
       }
     }, "Select group"), _react.default.createElement(_LinkButton.default, {
       disabled: selectedUsers.length === 0,
       onClick: () => {
-        (0, _reactGa.event)({
-          action: 'Deselect Group',
-          category: GA.category
-        });
         toggleUsers(selectedUsers.filter(_utils.filterDisabled).map(_utils.idMap));
       }
     }, "Deselect group"))), _react.default.createElement(ItemContainer, {
@@ -178,9 +141,6 @@ class Group extends _react.default.Component {
 
 Group.displayName = 'Group';
 Group.propTypes = {
-  GA: (0, _propTypes.shape)({
-    category: _propTypes.string
-  }).isRequired,
   users: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
     id: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]).isRequired,
     firstName: _propTypes.string.isRequired,

package/dist/components/FilterRadioGroup/index.js

@@ -15,8 +15,6 @@ var _spacing = _interopRequireDefault(require("../../constants/spacing"));
 
 var _vars = _interopRequireDefault(require("../../constants/vars"));
 
-var _reactGa = require("react-ga");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
@@ -64,10 +62,9 @@ const FilterRadioGroup = _ref => {
     options,
     handleFilter,
     selectedOption,
-    GA,
     name
   } = _ref,
-      props = _objectWithoutProperties(_ref, ["options", "handleFilter", "selectedOption", "GA", "name"]);
+      props = _objectWithoutProperties(_ref, ["options", "handleFilter", "selectedOption", "name"]);
 
   return _react.default.createElement(_react.default.Fragment, null, options.map(option => _react.default.createElement(Option, _extends({
     key: option,
@@ -76,11 +73,6 @@ const FilterRadioGroup = _ref => {
     "data-testid": "filter-buttons",
     onChange: () => {
       handleFilter(option);
-      (0, _reactGa.event)({
-        action: GA.action,
-        category: GA.category,
-        label: option
-      });
     },
     type: "radio",
     name: "filters"
@@ -91,11 +83,7 @@ FilterRadioGroup.propTypes = {
   options: (0, _propTypes.arrayOf)(_propTypes.string).isRequired,
   handleFilter: _propTypes.func.isRequired,
   name: _propTypes.string.isRequired,
-  selectedOption: _propTypes.string,
-  GA: (0, _propTypes.shape)({
-    category: _propTypes.string,
-    action: _propTypes.string
-  }).isRequired
+  selectedOption: _propTypes.string
 };
 FilterRadioGroup.defaultProps = {
   selectedOption: undefined

package/dist/components/Form/index.js

@@ -19,8 +19,6 @@ var _reactAutobind = _interopRequireDefault(require("react-autobind"));
 
 var _Validation = _interopRequireDefault(require("../Validation"));
 
-var _trackForm = _interopRequireDefault(require("../../utils/trackForm"));
-
 var _runFormValidation = _interopRequireDefault(require("./utils/runFormValidation"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -61,8 +59,6 @@ class Form extends _react.Component {
     const {
       fieldValidationResult
     } = (0, _runFormValidation.default)(initialData, this.props.fieldValidation);
-    const analyticsTracking = (0, _trackForm.default)(props.name);
-    let currentValue;
     this.state = {
       error: false,
       formData: initialData,
@@ -70,38 +66,6 @@ class Form extends _react.Component {
       touched: {}
     };
     this.initialState = (0, _lodash3.default)(this.state);
-
-    this.gaChangeField = e => {
-      // special case for checkboxes because hidden so no blur event
-      if (e.target.type === 'checkbox') {
-        analyticsTracking(e);
-      }
-    };
-
-    this.gaButtonClick = e => {
-      if (e.target.type === 'button' || e.target.type === 'submit') {
-        analyticsTracking(e);
-      }
-    };
-
-    this.gaHover = e => {
-      const trackTooltip = e.target && e.target.getAttribute('data-track-tooltip');
-
-      if (trackTooltip) {
-        analyticsTracking(e);
-      }
-    };
-
-    this.gaFocusField = e => {
-      currentValue = e.target.value;
-    };
-
-    this.trackEvent = e => {
-      if (currentValue !== e.target.value) {
-        analyticsTracking(e);
-      }
-    };
-
     this.componentMounted = false;
   }
 
@@ -385,17 +349,10 @@ class Form extends _react.Component {
         visible: Boolean(error)
       }, error || '')
     };
-    return (// eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-noninteractive-element-interactions
-      _react.default.createElement("form", _extends({}, props, {
-        onSubmit: this.onSubmit,
-        onReset: this.onReset,
-        onFocus: this.gaFocusField,
-        onChange: this.gaChangeField,
-        onBlur: this.trackEvent,
-        onClick: this.gaButtonClick,
-        onMouseOver: this.gaHover
-      }), children(formApi))
-    );
+    return _react.default.createElement("form", _extends({}, props, {
+      onSubmit: this.onSubmit,
+      onReset: this.onReset
+    }), children(formApi));
   }
 
 }

package/dist/components/RadioBlock/index.js

@@ -13,8 +13,6 @@ var _colors = _interopRequireDefault(require("../../constants/colors"));
 
 var _vars = _interopRequireDefault(require("../../constants/vars"));
 
-var _reactGa = require("react-ga");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
@@ -28,15 +26,15 @@ const Option = _styledComponents.default.div`
 	text-align: left;
 	border: 1px solid
 		${props => props.selected ? _colors.default.primaryLight : _colors.default.borderColor};
-	background: ${props => props.selected ? _colors.default.primaryLighter : '#fff'};
+	background: ${props => props.selected ? _colors.default.primaryLighter : "#fff"};
 	${props => props.selected && `box-shadow: 1px 4px 8px -4px #888888`};
 	border-radius: ${_vars.default.borderRadius};
 	height: 100%;
-	opacity: ${props => props.disabled ? '0.3' : 1};
+	opacity: ${props => props.disabled ? "0.3" : 1};
 `;
-Option.displayName = 'Option';
+Option.displayName = "Option";
 const Radio = _styledComponents.default.input`
-	cursor: ${props => props.disabled ? 'not-allowed' : 'pointer'};
+	cursor: ${props => props.disabled ? "not-allowed" : "pointer"};
 	opacity: 0 !important;
 	position: absolute;
 	top: 0;
@@ -46,25 +44,13 @@ const Radio = _styledComponents.default.input`
 	width: 100%;
 	height: 100%;
 `;
-Radio.displayName = 'Radio';
+Radio.displayName = "Radio";
 
 class RadioBlock extends _react.default.Component {
   componentDidMount() {
     const {
-      GA: {
-        category,
-        action
-      },
       checked
     } = this.props;
-
-    if (category && action && checked) {
-      const defaultAction = `Defaulted to ${action}`;
-      (0, _reactGa.event)({
-        category,
-        action: defaultAction
-      });
-    }
   }
 
   render() {
@@ -76,13 +62,9 @@ class RadioBlock extends _react.default.Component {
       name,
       value,
       children,
-      className,
-      GA: {
-        category,
-        action
-      }
+      className
     } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["checked", "disabled", "onChange", "name", "value", "children", "className", "GA"]);
+          props = _objectWithoutProperties(_this$props, ["checked", "disabled", "onChange", "name", "value", "children", "className"]);
 
     return _react.default.createElement(Option, {
       "data-testid": "option",
@@ -96,14 +78,6 @@ class RadioBlock extends _react.default.Component {
       checked: checked,
       disabled: disabled,
       onChange: evt => {
-        if (category && action && !checked) {
-          const defaultAction = `Switched to ${action}`;
-          (0, _reactGa.event)({
-            category,
-            action: defaultAction
-          });
-        }
-
         onChange(evt);
       }
     }, props)));
@@ -118,16 +92,11 @@ RadioBlock.propTypes = {
   name: _propTypes.string.isRequired,
   value: _propTypes.string.isRequired,
   children: _propTypes.node.isRequired,
-  className: _propTypes.string,
-  GA: (0, _propTypes.shape)({
-    category: _propTypes.string,
-    action: _propTypes.string
-  })
+  className: _propTypes.string
 };
 RadioBlock.defaultProps = {
-  className: '',
-  disabled: false,
-  GA: {}
+  className: "",
+  disabled: false
 };
 var _default = RadioBlock;
 exports.default = _default;

package/dist/components/Time/OverlayBase/index.js

@@ -9,8 +9,6 @@ var _propTypes = require("prop-types");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _reactGa = require("react-ga");
-
 var _colors = _interopRequireDefault(require("../../../constants/colors"));
 
 var _spacing = _interopRequireDefault(require("../../../constants/spacing"));
@@ -92,7 +90,6 @@ const OverlayBase = (0, _react.forwardRef)((_ref, ref) => {
     onHide,
     hourIncrements,
     minuteIncrements,
-    GA,
     onIncrement,
     onChange,
     onApply
@@ -135,27 +132,12 @@ const OverlayBase = (0, _react.forwardRef)((_ref, ref) => {
     type: "button",
     onClick: () => {
       onHide();
-
-      if (GA) {
-        (0, _reactGa.event)({
-          category: GA.category,
-          action: `${GA.action} (Cancel)`
-        });
-      }
     }
   }, "Cancel"), _react.default.createElement(_BrandButton.default, {
     type: "button",
     onClick: () => {
       onApply(value);
       onHide();
-
-      if (GA) {
-        (0, _reactGa.event)({
-          category: GA.category,
-          action: `${GA.action} (Apply)`,
-          label: `${hours} hrs ${minutes} mins`
-        });
-      }
     },
     "data-e2e": "time-apply"
   }, "Apply")));
@@ -170,16 +152,11 @@ OverlayBase.propTypes = {
   onHide: _propTypes.func.isRequired,
   onIncrement: _propTypes.func.isRequired,
   minuteIncrements: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(_propTypes.number), _propTypes.number]),
-  hourIncrements: _propTypes.number,
-  GA: (0, _propTypes.shape)({
-    category: _propTypes.string,
-    action: _propTypes.string
-  })
+  hourIncrements: _propTypes.number
 };
 OverlayBase.defaultProps = {
   minuteIncrements: 1,
-  hourIncrements: 1,
-  GA: undefined
+  hourIncrements: 1
 };
 var _default = OverlayBase;
 exports.default = _default;

package/dist/components/Time/TimePicker/TimeOverlay/index.js

@@ -23,8 +23,6 @@ var _getBoundedValue = _interopRequireDefault(require("../../../../utils/numbers
 
 var _OutlineButton = _interopRequireDefault(require("../../../Button/OutlineButton"));
 
-var _reactGa = require("react-ga");
-
 var _BrandButton = _interopRequireDefault(require("../../../Button/BrandButton"));
 
 var _roundTo = _interopRequireDefault(require("../../../../utils/roundTo"));
@@ -112,8 +110,7 @@ const TimeOverlay = (0, _react.forwardRef)((_ref, ref) => {
     hourIncrements,
     minuteIncrements,
     min,
-    max,
-    GA
+    max
   } = _ref;
 
   const sanitizeValue = unsanitizedValue => (0, _getBoundedValue.default)(unsanitizedValue, (0, _durationToMilliseconds.default)(min), (0, _durationToMilliseconds.default)(max));
@@ -159,13 +156,6 @@ const TimeOverlay = (0, _react.forwardRef)((_ref, ref) => {
     type: "button",
     onClick: () => {
       onHide();
-
-      if (GA) {
-        (0, _reactGa.event)({
-          category: GA.category,
-          action: `${GA.action} (Cancel)`
-        });
-      }
     }
   }, "Cancel"), _react.default.createElement(DisplayValue, null, _react.default.createElement(TwentyFourHourValue, null, formatTimePart(hours), ":", formatTimePart(minutes)), _react.default.createElement(TwelveHourValue, null, convertHours(hours), ".", formatTimePart(minutes), hours > 11 ? 'pm' : 'am', ' ')), _react.default.createElement(_BrandButton.default, {
     type: "button",
@@ -175,14 +165,6 @@ const TimeOverlay = (0, _react.forwardRef)((_ref, ref) => {
         minutes
       });
       onHide();
-
-      if (GA) {
-        (0, _reactGa.event)({
-          category: GA.category,
-          action: `${GA.action} (Apply)`,
-          label: `${hours} hrs ${minutes} mins`
-        });
-      }
     },
     "data-e2e": "time-apply"
   }, "Apply")));
@@ -198,16 +180,11 @@ TimeOverlay.propTypes = {
   onChange: _propTypes.func.isRequired,
   onHide: _propTypes.func.isRequired,
   minuteIncrements: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(_propTypes.number), _propTypes.number]),
-  hourIncrements: _propTypes.number,
-  GA: (0, _propTypes.shape)({
-    category: _propTypes.string,
-    action: _propTypes.string
-  })
+  hourIncrements: _propTypes.number
 };
 TimeOverlay.defaultProps = {
   minuteIncrements: 1,
-  hourIncrements: 1,
-  GA: undefined
+  hourIncrements: 1
 };
 var _default = TimeOverlay;
 exports.default = _default;

package/dist/components/TimePicker/Time/TimeOverlay/index.js

@@ -19,8 +19,6 @@ var _loopAround = _interopRequireDefault(require("../../utils/loopAround"));
 
 var _loopAroundMinutes = _interopRequireDefault(require("../../utils/loopAroundMinutes"));
 
-var _PickerGA = _interopRequireDefault(require("../../utils/PickerGA"));
-
 var _loopStatus = _interopRequireDefault(require("../../utils/constants/loopStatus"));
 
 var _TimeInput = _interopRequireDefault(require("../TimeInput"));
@@ -60,16 +58,6 @@ const DurationLabel = _styledComponents.default.span`
 `;
 DurationLabel.displayName = 'DurationLabel';
 
-const pad = value => value < 10 ? `0${value}` : value;
-
-const getGATimeString = _ref => {
-  let {
-    hour,
-    minute
-  } = _ref;
-  return `${pad(hour)}:${pad(minute)}`;
-};
-
 class TimePickerOverlay extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -254,8 +242,7 @@ class TimePickerOverlay extends _react.default.Component {
       onApply,
       onCancel,
       isDurationPicker,
-      isDurationMinsOnly,
-      GA
+      isDurationMinsOnly
     } = this.props;
     const {
       minute,
@@ -275,11 +262,6 @@ class TimePickerOverlay extends _react.default.Component {
         hour: newTime
       }, () => {
         if (shouldApply) {
-          (0, _PickerGA.default)({
-            category: GA.category,
-            action: `Apply time (${GA.action})`,
-            label: getGATimeString(this.state)
-          });
           onApply(this.state);
         }
       }),
@@ -316,11 +298,6 @@ class TimePickerOverlay extends _react.default.Component {
         minute: newTime
       }, () => {
         if (shouldApply) {
-          (0, _PickerGA.default)({
-            category: GA.category,
-            action: `Apply time (${GA.action})`,
-            label: getGATimeString(this.state)
-          });
           onApply(this.state);
         }
       }),
@@ -347,35 +324,9 @@ class TimePickerOverlay extends _react.default.Component {
     }))), _react.default.createElement(_Actions.default, null, _react.default.createElement(_CancelLink.default, {
       onClick: () => {
         onCancel();
-        (0, _PickerGA.default)({
-          category: GA.category,
-          action: `Cancel time (${GA.action})`
-        });
       }
     }, "Cancel"), _react.default.createElement(_BrandButton.default, {
       onClick: () => {
-        if (this.state.hasUserUsedArrowIcons && this.state.hasUserEnteredInputManually) {
-          (0, _PickerGA.default)({
-            category: GA.category,
-            action: 'Both Arrow and Manual input used'
-          });
-        } else if (this.state.hasUserUsedArrowIcons) {
-          (0, _PickerGA.default)({
-            category: GA.category,
-            action: 'Only arrows used'
-          });
-        } else if (this.state.hasUserEnteredInputManually) {
-          (0, _PickerGA.default)({
-            category: GA.category,
-            action: 'Only Manual input used'
-          });
-        }
-
-        (0, _PickerGA.default)({
-          category: GA.category,
-          action: `Apply time (${GA.action})`,
-          label: getGATimeString(this.state)
-        });
         onApply(this.state);
       },
       "data-e2e": "time-apply"
@@ -386,10 +337,6 @@ class TimePickerOverlay extends _react.default.Component {
 
 TimePickerOverlay.displayName = 'TimePickerOverlay';
 TimePickerOverlay.propTypes = {
-  GA: (0, _propTypes.shape)({
-    action: _propTypes.string,
-    label: _propTypes.string
-  }),
   minute: _propTypes.number.isRequired,
   stepMinutes: _propTypes.number,
   minMinutes: _propTypes.number,
@@ -413,10 +360,6 @@ TimePickerOverlay.propTypes = {
   })
 };
 TimePickerOverlay.defaultProps = {
-  GA: {
-    action: '',
-    label: ''
-  },
   stepMinutes: 1,
   stepHours: 1,
   isDurationPicker: false,

package/dist/setupTests.js

@@ -6,8 +6,6 @@ var _react = require("@testing-library/react");
 
 var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
 
-var _reactGa = _interopRequireDefault(require("react-ga"));
-
 require("jest-enzyme");
 
 require("jest-styled-components");
@@ -41,11 +39,6 @@ beforeEach(() => {
     }
   });
   Element.prototype.scrollIntoView = jest.fn();
-
-  _reactGa.default.initialize('foo', {
-    testMode: true
-  });
-
   jest.clearAllMocks();
 });
 afterEach(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bright-components",
-	"version": "10.2.6",
+	"version": "10.2.8",
 	"private": false,
 	"main": "./dist",
 	"repository": {
@@ -42,7 +42,6 @@
 		"formik": ">=1.5.x",
 		"react": ">=16",
 		"react-dom": ">=16",
-		"react-ga": ">=2",
 		"styled-components": ">=4.x"
 	},
 	"scripts": {
@@ -126,7 +125,6 @@
 		"react": "^16.9.0",
 		"react-app-polyfill": "^1.0.2",
 		"react-dom": "^16.9.0",
-		"react-ga": "^2.6.0",
 		"react-styleguidist": "^8.0.6",
 		"resolve": "1.13.1",
 		"resolve-url-loader": "3.1.0",
@@ -200,10 +198,10 @@
 		],
 		"coverageThreshold": {
 			"global": {
-				"branches": 100,
-				"functions": 100,
-				"lines": 100,
-				"statements": 100
+				"branches": 95,
+				"functions": 95,
+				"lines": 95,
+				"statements": 95
 			}
 		},
 		"snapshotSerializers": [

package/src/components/DayPicker/NewDayPicker/index.js

@@ -7,7 +7,6 @@ import { string, func, bool, shape, instanceOf, number } from 'prop-types';
 import colors from 'constants/colors';
 import spacing from 'constants/spacing';
 import CalendarIcon from 'components/Icons/Calendar/';
-import { event } from 'react-ga';
 
 const HiddenBox = styled(Input.withComponent('div'))`
 	display: flex;
@@ -62,8 +61,6 @@ const NewDisplay = ({
 	disabled,
 	error,
 	toggleDayPicker,
-	GA: { category, actionId },
-	recordValue,
 	dayPickerOpen
 }) => {
 	const { placeholderDate, dateFormat } = formats[locale] || formats.default;
@@ -120,19 +117,6 @@ const NewDisplay = ({
 								: null;
 						}
 
-						if (category) {
-							const label = `${format(
-								newDate.from,
-								'EEE dd MMM'
-							)} ${format(newDate.from, 'yyyy')}`;
-
-							event({
-								category,
-								action: `${actionId} - Set via Typing`,
-								...(recordValue ? { label } : {})
-							});
-						}
-
 						return onSelectedDate(newDate);
 					}}
 					onChange={({ target: { value } }) => {
@@ -197,11 +181,6 @@ NewDisplay.propTypes = {
 	disabled: bool.isRequired,
 	error: bool.isRequired,
 	toggleDayPicker: func.isRequired,
-	GA: shape({
-		category: string,
-		actionId: string
-	}).isRequired,
-	recordValue: bool.isRequired,
 	dayPickerOpen: bool.isRequired
 };