@spothero/ui 15.0.0-beta.2 → 15.0.0-beta.3

package/backlog/utils/time.js

@@ -0,0 +1,282 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
+
+var _isString = _interopRequireDefault(require("lodash/isString"));
+
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+
+var _number = _interopRequireDefault(require("./number"));
+
+// import StringUtils from '../string/string';
+
+/**
+ * Utilities for working with times.
+ * @module TimeUtils
+ */
+var TimeUtils = {
+  // /**
+  //  * Normalizes the provided time down to the provided step.
+  //  * @static
+  //  * @function normalizeToStep
+  //  * @param {String} time - The input value in the format hh:mm A.
+  //  * @param {Number} [step=1] - The step to round down to.
+  //  * @example
+  //  * TimeUtils.normalizeToStep('07:07 PM', 15); // '07:00 PM'
+  //  * @returns {String} - The normalized time.
+  //  */
+  // normalizeToStep(time, step = 1) {
+  //     if (isEmpty(time)) {
+  //         return time;
+  //     }
+  //
+  //     if (!isString(time)) {
+  //         throw new Error('The supplied time is not a string.');
+  //     }
+  //
+  //     const {hours, mins} = TimeUtils.getValuesFromString(time, step);
+  //
+  //     return TimeUtils.getFromValuesAsString(hours, mins);
+  // },
+  //
+
+  /**
+   * Provides the hours, minutes, and meridiem from a time string.
+   * @static
+   * @function getValuesFromString
+   * @param {String} time - The input value in the format hh:mm A.
+   * @param {Number} [step=1] - The step to round down to.
+   * @example
+   * TimeUtils.getValuesFromString('10:19 AM');
+   * @returns {Object} - The object containing the hours, minutes, and meridiem.
+   */
+  getValuesFromString: function getValuesFromString(time) {
+    var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+    if ((0, _isEmpty.default)(time)) {
+      return time;
+    }
+
+    if (!(0, _isString.default)(time)) {
+      throw new Error('The supplied time is not a string.');
+    }
+
+    var firstPartials = time.split(':');
+    var secondPartials = firstPartials[1].split(' ');
+    var isAM = secondPartials[1] === 'AM';
+    var mins = parseInt(secondPartials[0], 10);
+
+    var minsRounded = _number.default.roundDownToNearestStep(mins, step);
+
+    var hours = parseInt(firstPartials[0], 10);
+
+    if (isAM && hours === 12) {
+      hours = 0;
+    } else if (!isAM && hours !== 12) {
+      hours += 12;
+    }
+
+    return {
+      hours: hours,
+      mins: minsRounded,
+      isAM: isAM
+    };
+  },
+  //
+  // /**
+  //  * Provides the formatted time from hours and minutes values.
+  //  * @static
+  //  * @function getFromValuesAsString
+  //  * @param {Number} hours - The hours in a 24 hour format.
+  //  * @param {Number} minutes - The minutes from 0 - 60.
+  //  * @param {Boolean} [roundMinutesDown=false] - Whether to round the minutes down to the provided step.
+  //  * @param {Number} [step=1] - The step to round minutes down to.
+  //  * @example
+  //  * TimeUtils.getFromValuesAsString(20, 35); // '08:35 PM'
+  //  * @returns {String} - The formatted time.
+  //  */
+  // getFromValuesAsString(hours, minutes, roundMinutesDown = false, step = 1) {
+  //     const meridiem = hours < 12 ? 'AM' : 'PM';
+  //     let newHours = hours;
+  //     let newMinutes = minutes;
+  //
+  //     if (newHours > 12) {
+  //         newHours -= 12;
+  //     } else if (newHours === 0) {
+  //         newHours = 12;
+  //     }
+  //
+  //     if (roundMinutesDown) {
+  //         newMinutes = NumberUtils.roundDownToNearestStep(newMinutes, step);
+  //     }
+  //
+  //     return `${StringUtils.padWith(newHours)}:${StringUtils.padWith(
+  //         newMinutes
+  //     )} ${meridiem}`;
+  // },
+  //
+  // /**
+  //  * Converts a mobile input time to a string in the format hh:mm A.
+  //  * @static
+  //  * @function getMobileAsString
+  //  * @param {String} time - The input value in the format HH:mm (24 hour format).
+  //  * @param {Number} [step=1] - The step to round down to.
+  //  * @example
+  //  * TimeUtils.getMobileAsString('22:19'); // 10:19 PM
+  //  * @returns {String} - The formatted time.
+  //  */
+  // getMobileAsString(time, step = 1) {
+  //     if (!isString(time)) {
+  //         throw new Error('The supplied time is not a string.');
+  //     }
+  //
+  //     const frags = time.split(':');
+  //     const mins = parseInt(frags[1], 10);
+  //     const minsRounded = NumberUtils.roundDownToNearestStep(mins, step);
+  //     const hours = parseInt(frags[0], 10);
+  //     const meridiem = hours < 12 ? 'AM' : 'PM';
+  //     let hh = hours;
+  //
+  //     if (hours > 12) {
+  //         hh -= 12;
+  //     } else if (hours === 0) {
+  //         hh = 12;
+  //     }
+  //
+  //     return `${StringUtils.padWith(hh)}:${StringUtils.padWith(
+  //         minsRounded
+  //     )} ${meridiem}`;
+  // },
+  //
+  // /**
+  //  * Converts a time to a date object.
+  //  * @static
+  //  * @function getAsDate
+  //  * @param {String} time - The input value in the format hh:mm A.
+  //  * @example
+  //  * TimeUtils.getAsDate('10:19 PM');
+  //  * @returns {Date} - The time inside of a date object.
+  //  */
+  // getAsDate(time) {
+  //     if (isEmpty(time)) {
+  //         return null;
+  //     }
+  //
+  //     if (!isString(time)) {
+  //         throw new Error('The supplied time is not a string.');
+  //     }
+  //
+  //     const {hours, mins} = TimeUtils.getValuesFromString(time);
+  //     const d = new Date();
+  //
+  //     d.setHours(hours);
+  //     d.setMinutes(mins);
+  //     d.setSeconds(0);
+  //
+  //     return d;
+  // },
+
+  /**
+   * Converts a time to a moment instance.
+   * @static
+   * @function getAsMoment
+   * @param {String} time - The input value in the format hh:mm A.
+   * @example
+   * TimeUtils.getAsMoment('10:19 PM');
+   * @returns {Moment} - The time inside of a moment instance.
+   */
+  getAsMoment: function getAsMoment(time) {
+    if ((0, _isEmpty.default)(time)) {
+      return null;
+    }
+
+    if (!(0, _isString.default)(time)) {
+      throw new Error('The supplied time is not a string.');
+    }
+
+    var _TimeUtils$getValuesF = TimeUtils.getValuesFromString(time),
+        hours = _TimeUtils$getValuesF.hours,
+        mins = _TimeUtils$getValuesF.mins;
+
+    return (0, _momentTimezone.default)([1, 1]).startOf('day').add(hours, 'hours').add(mins, 'minutes');
+  },
+
+  /**
+   * Generate an array of times.
+   * @static
+   * @function getTimes
+   * @param {Object} data - The data to pass to the function.
+   * @param {Number} [data.step=30] - Increment times by this many minutes.
+   * @param {String} [data.format='hh:mm A'] - Moment.js format (http://momentjs.com/docs/#/displaying/format/).
+   * @param {String} [data.ignoreBefore] - Number of minutes to ignore times before in the output.
+   * @param {String} [data.ignoreAfter] - Number of minutes to ignore times after in the output.
+   * @example
+   * TimeUtils.getTimes({
+   *     step: 30,
+   *     format: 'hh:mm A'
+   * });
+   * @returns {Array} times - An array of times.
+   */
+  getTimes: function getTimes() {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref$step = _ref.step,
+        step = _ref$step === void 0 ? 30 : _ref$step,
+        _ref$format = _ref.format,
+        format = _ref$format === void 0 ? 'hh:mm A' : _ref$format,
+        ignoreBefore = _ref.ignoreBefore,
+        ignoreAfter = _ref.ignoreAfter;
+
+    if (ignoreBefore && !(0, _isNumber.default)(ignoreBefore)) {
+      throw new Error('The ignoreBefore value passed was not a number.');
+    }
+
+    if (ignoreAfter && !(0, _isNumber.default)(ignoreAfter)) {
+      throw new Error('The ignoreAfter value passed was not a number.');
+    }
+
+    if (ignoreBefore && ignoreAfter && ignoreBefore > ignoreAfter) {
+      throw new Error('The value of ignoreBefore should be less than the value of ignoreAfter.');
+    }
+
+    var dateTime = (0, _momentTimezone.default)([0, 0]);
+    var total = 1440;
+    var len = total / step;
+    var times = [];
+    var beforeMoment = ignoreBefore ? dateTime.clone().startOf('day').add(ignoreBefore, 'minutes') : null;
+    var afterMoment = ignoreAfter ? dateTime.clone().startOf('day').add(ignoreAfter, 'minutes') : null;
+    var i = 0;
+    var id = 0;
+    var shouldAdd = true;
+    var time;
+
+    for (i; i < len; i++) {
+      id = i * step;
+      time = dateTime.clone().startOf('day').add(id, 'minutes');
+      shouldAdd = beforeMoment ? time.isSameOrAfter(beforeMoment) : shouldAdd;
+
+      if (shouldAdd) {
+        shouldAdd = afterMoment ? time.isSameOrBefore(afterMoment) : shouldAdd;
+      }
+
+      if (shouldAdd) {
+        times.push({
+          id: id,
+          formatted: time.format(format)
+        });
+      }
+    }
+
+    return times;
+  }
+};
+var _default = TimeUtils;
+exports.default = _default;

package/backlog/v1/components/Image/Image.js

@@ -43,7 +43,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactLazyLoad = _interopRequireDefault(require("react-lazy-load"));
 
-var _utils = require("@spothero/utils");
+var _environment = _interopRequireDefault(require("../../../utils/environment"));
 
 var _PulseLoader = _interopRequireDefault(require("../../../PulseLoader/PulseLoader"));
 
@@ -113,7 +113,7 @@ var Image = /*#__PURE__*/function (_Component) {
           return;
         }
 
-        var tmpl = cloudinaryTemplate ? cloudinaryTemplate : (0, _concat.default)(_context = (0, _concat.default)(_context2 = "https://res.cloudinary.com/".concat(cloudinaryCloudName, "/image/upload/$w_{{WIDTH}},$h_{{HEIGHT}},$q_{{QUALITY}}/c_fill,f_auto,fl_progressive,dpr_")).call(_context2, _utils.EnvironmentUtils.isHighDensityDisplay() ? 2 : 1, ",h_$h,q_$q,w_$w/")).call(_context, cloudinaryImageId);
+        var tmpl = cloudinaryTemplate ? cloudinaryTemplate : (0, _concat.default)(_context = (0, _concat.default)(_context2 = "https://res.cloudinary.com/".concat(cloudinaryCloudName, "/image/upload/$w_{{WIDTH}},$h_{{HEIGHT}},$q_{{QUALITY}}/c_fill,f_auto,fl_progressive,dpr_")).call(_context2, _environment.default.isHighDensityDisplay() ? 2 : 1, ",h_$h,q_$q,w_$w/")).call(_context, cloudinaryImageId);
         this._imageProps.src = (0, _template.default)(tmpl, {
           interpolate: /{{([\s\S]+?)}}/g // matches template vars in the format '{{ var }}' or '{{var}}'
 

package/backlog/v1/components/Modal/Modal.js

@@ -41,7 +41,7 @@ var _chevronLeft = _interopRequireDefault(require("@spothero/icons/chevron-left"
 
 var _times = _interopRequireDefault(require("@spothero/icons/times"));
 
-var _utils = require("@spothero/utils");
+var _dom = _interopRequireDefault(require("../../../utils/dom"));
 
 var _Button = _interopRequireDefault(require("../Button/Button"));
 
@@ -83,7 +83,7 @@ var Modal = /*#__PURE__*/function (_PureComponent) {
           useShim = _this$props.useShim,
           closeOnShimClick = _this$props.closeOnShimClick;
 
-      if (useShim && closeOnShimClick && _utils.DOMUtils.hasClass(evt.target, 'Modal-wrapper')) {
+      if (useShim && closeOnShimClick && _dom.default.hasClass(evt.target, 'Modal-wrapper')) {
         _this._onCloseClick();
       }
     });
@@ -122,7 +122,7 @@ var Modal = /*#__PURE__*/function (_PureComponent) {
           var newWidth = (0, _isNumber.default)(width) ? "".concat(width, "px") // numerical width, set accordingly
           : width; // percentage width, retain and set
 
-          _utils.DOMUtils.addClass(_this2._container, 'Modal-container-custom');
+          _dom.default.addClass(_this2._container, 'Modal-container-custom');
 
           _this2._container.style.width = newWidth;
         }
@@ -133,7 +133,7 @@ var Modal = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      _utils.DOMUtils.removeClass('html', 'Modal-open');
+      _dom.default.removeClass('html', 'Modal-open');
     }
   }, {
     key: "_show",
@@ -148,14 +148,14 @@ var Modal = /*#__PURE__*/function (_PureComponent) {
       var node = useShim ? this._modal : this._container;
       var showClass = useShim ? 'Modal-showing' : 'Modal-container-showing';
 
-      _utils.DOMUtils.addClass(node, showClass);
+      _dom.default.addClass(node, showClass);
 
       if (renderInBody) {
-        _utils.DOMUtils.addClass('html', 'Modal-open');
+        _dom.default.addClass('html', 'Modal-open');
       }
 
       if (!useShim) {
-        _utils.DOMUtils.addClass(this._modal, 'Modal-no-shim');
+        _dom.default.addClass(this._modal, 'Modal-no-shim');
       }
 
       if (animateOnShow) {
@@ -268,17 +268,17 @@ var Modal = /*#__PURE__*/function (_PureComponent) {
       var showClass = useShim ? 'Modal-showing' : 'Modal-container-showing';
 
       if (!animateOnShow) {
-        _utils.DOMUtils.addClass(node, showClass.replace('showing', 'animated'));
+        _dom.default.addClass(node, showClass.replace('showing', 'animated'));
       }
 
       if (!useShim) {
-        _utils.DOMUtils.removeClass(this._modal, 'Modal-no-shim');
+        _dom.default.removeClass(this._modal, 'Modal-no-shim');
       }
 
-      _utils.DOMUtils.removeClass(node, showClass);
+      _dom.default.removeClass(node, showClass);
 
       if (renderInBody) {
-        _utils.DOMUtils.removeClass('html', 'Modal-open');
+        _dom.default.removeClass('html', 'Modal-open');
       }
 
       (_window$transitionEnd2 = (_window2 = window).transitionEnd) === null || _window$transitionEnd2 === void 0 ? void 0 : _window$transitionEnd2.call(_window2, node).bind(function () {
@@ -286,7 +286,7 @@ var Modal = /*#__PURE__*/function (_PureComponent) {
         _this5._isAnimating = false;
 
         if (!animateOnShow) {
-          _utils.DOMUtils.removeClass(node, "".concat(showClass, "-animated"));
+          _dom.default.removeClass(node, "".concat(showClass, "-animated"));
         }
 
         if (onHidden) {

package/backlog/v1/components/Modal/ModalContent.js

@@ -41,7 +41,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _ssrWindow = require("ssr-window");
 
-var _utils = require("@spothero/utils");
+var _dom = _interopRequireDefault(require("../../../utils/dom"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -70,10 +70,10 @@ var ModalContent = /*#__PURE__*/function (_Component) {
       var calculatedMax = maxHeight;
 
       if ((0, _isString.default)(calculatedMax) && calculatedMax === 'auto') {
-        var modalWrapperEl = _utils.DOMUtils.parent(_this._container, '.Modal-wrapper');
+        var modalWrapperEl = _dom.default.parent(_this._container, '.Modal-wrapper');
 
         var titleEl = modalWrapperEl.querySelector('.Modal-title');
-        var finalContentAreaHeight = (0, _isUndefined.default)(contentAreaHeight) ? _utils.DOMUtils.height(modalWrapperEl, true, false) - _utils.DOMUtils.height(titleEl) : (0, _isFunction.default)(contentAreaHeight) ? contentAreaHeight() : contentAreaHeight;
+        var finalContentAreaHeight = (0, _isUndefined.default)(contentAreaHeight) ? _dom.default.height(modalWrapperEl, true, false) - _dom.default.height(titleEl) : (0, _isFunction.default)(contentAreaHeight) ? contentAreaHeight() : contentAreaHeight;
         calculatedMax = windowWidth < 768 ? finalContentAreaHeight : finalContentAreaHeight - verticalModalPadding - 24; // 24 is margin-bottom
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "15.0.0-beta.2",
+  "version": "15.0.0-beta.3",
   "description": "SpotHero's React component UI library.",
   "main": "v2/index.js",
   "module": "v2/index.js",
@@ -133,7 +133,6 @@
     "@chakra-ui/theme-tools": "1.3.6",
     "@emotion/react": "11.1.5",
     "@emotion/styled": "11.1.5",
-    "@spothero/utils": "10.1.0-beta.2",
     "@storybook/addon-a11y": "6.3.4",
     "axe-core": "4.1.3",
     "chartist": "0.11.4",

package/styles/Chart/Chart.jsx

@@ -4,7 +4,7 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Chartist from 'chartist';
-import {DOMUtils} from '@spothero/utils';
+import DOMUtils from '../utils/dom';
 
 export default class Chart extends Component {
     static propTypes = {

package/styles/DateTime/DatePicker.jsx

@@ -6,7 +6,7 @@ import {document} from 'ssr-window';
 import TetherComponent from 'react-tether';
 import omit from 'lodash/omit';
 import IconCalendar from '@spothero/icons/calendar';
-import {DOMUtils} from '@spothero/utils';
+import DOMUtils from '../utils/dom';
 import DatePickerCalendar from './DatePickerCalendar';
 import TextInput from '../TextInput/TextInput';
 import Portal from '../Portal/Portal';

package/styles/DateTime/DatePickerCalendar.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import moment from 'moment';
 import DayPicker, {DateUtils as DayPickerDateUtils} from 'react-day-picker';
-import {DateUtils} from '@spothero/utils';
+import DateUtils from '../utils/date';
 import DatePickerCalendarNavigation from './DatePickerCalendarNavigation';
 
 const DATE = new Date();

package/styles/DateTime/DatePickerCalendarWithRange.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import moment from 'moment';
 import DayPicker, {DateUtils as DayPickerDateUtils} from 'react-day-picker';
-import {DateUtils} from '@spothero/utils';
+import DateUtils from '../utils/date';
 import DatePickerCalendarNavigation from './DatePickerCalendarNavigation';
 
 const DATE = new Date();

package/styles/DateTime/DateTimeRangePicker.jsx

@@ -2,7 +2,8 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import uuidV4 from 'uuid/v4';
-import {DateUtils, TimeUtils} from '@spothero/utils';
+import DateUtils from '../utils/date';
+import TimeUtils from '../utils/time';
 import DateTimePicker from './DateTimePicker';
 
 const TOOLTIP_TYPES = ['date', 'time', 'none'];

package/styles/DateTime/TimePicker.jsx

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import moment from 'moment';
 import omit from 'lodash/omit';
 import IconClock from '@spothero/icons/clock';
-import {TimeUtils} from '@spothero/utils';
+import TimeUtils from '../utils/time';
 import Select from '../Select/Select';
 
 export default class TimePicker extends Component {

package/styles/ErrorBoundary/ErrorBoundary.jsx

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import React, {Component} from 'react';
-import {SentryUtils} from '@spothero/utils';
+// import SentryUtils from '@spothero/utils/sentry';
 
 export default class ErrorBoundary extends Component {
     static propTypes = {
@@ -40,11 +40,12 @@ export default class ErrorBoundary extends Component {
         }
 
         if (reportToSentry) {
-            SentryUtils.addData(info);
-            SentryUtils.sendMessage({
-                message: error.message,
-                level: 'error',
-            });
+            //TODO: breaking change. pass function prop that invokes these in parent application
+            // SentryUtils.addData(info);
+            // SentryUtils.sendMessage({
+            //     message: error.message,
+            //     level: 'error',
+            // });
         }
     }
 

package/styles/Flyout/Flyout.jsx

@@ -3,7 +3,7 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import IconTimes from '@spothero/icons/times';
-import {DOMUtils} from '@spothero/utils';
+import DOMUtils from '../utils/dom';
 import Button from 'v1/components/Button/Button';
 import Portal from '../Portal/Portal';
 

package/styles/Form/Form.jsx

@@ -2,7 +2,8 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import serialize from 'form-serialize';
-import {DOMUtils, AnimationUtils} from '@spothero/utils';
+import AnimationUtils from '../utils/animation';
+import DOMUtils from '../utils/dom';
 
 export default class Form extends Component {
     static propTypes = {

package/styles/GooglePlacesSearchInput/GooglePlacesSearchInput.jsx

@@ -3,7 +3,7 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import IconSearch from '@spothero/icons/search';
-import {EnvironmentUtils} from '@spothero/utils';
+// import EnvironmentUtils from '@spothero/utils/environment';
 import AutoSuggestInput from '../AutoSuggestInput/AutoSuggestInput';
 import TextInputPropTypes from '../TextInput/TextInputPropTypes';
 
@@ -50,7 +50,7 @@ export default class GooglePlacesSearchInput extends Component {
         super(props);
 
         const {googleMaps} = props;
-        const isBrowser = EnvironmentUtils.isBrowser();
+        const isBrowser = typeof window !== 'undefined'; //EnvironmentUtils.isBrowser();
 
         this._suggestionFetch = throttle(this._searchSuggestions, 500);
         this._gmaps = googleMaps;

package/styles/Notification/Notification.jsx

@@ -8,7 +8,7 @@ import IconExclamationCircle from '@spothero/icons/exclamation-circle';
 import IconExclamationTriangle from '@spothero/icons/exclamation-triangle';
 import IconHeroCar from '@spothero/icons/hero-car';
 import IconTimes from '@spothero/icons/times';
-import {DOMUtils} from '@spothero/utils';
+import DOMUtils from '../utils/dom';
 import Button from 'v1/components/Button/Button';
 import NotificationPropTypes from './NotificationPropTypes';
 

package/styles/Portal/Portal.jsx

@@ -5,7 +5,7 @@ import {createPortal} from 'react-dom';
 import PropTypes from 'prop-types';
 import {Provider} from 'react-redux';
 import {document} from 'ssr-window';
-import {DOMUtils} from '@spothero/utils';
+import DOMUtils from '../utils/dom';
 
 export default class Portal extends PureComponent {
     static propTypes = {

package/styles/RenderInBody/RenderInBody.jsx

@@ -2,7 +2,7 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import {unmountComponentAtNode, render as renderDOM} from 'react-dom';
 import {Provider} from 'react-redux';
-import {DOMUtils} from '@spothero/utils';
+import DOMUtils from '../utils/dom';
 
 export default class RenderInBody extends Component {
     static propTypes = {

package/styles/Select/Select.jsx

@@ -3,7 +3,7 @@ import React, {Component, cloneElement} from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
 import IconChevronDown from '@spothero/icons/chevron-down';
-import {DOMUtils} from '@spothero/utils';
+import DOMUtils from '../utils/dom';
 import Loader from 'v1/components/Loader/Loader';
 import omit from 'lodash/omit';
 // import {

package/styles/SelectControlled/SelectControlled.jsx

@@ -3,7 +3,7 @@ import React, {Component, cloneElement} from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
 import IconChevronDown from '@spothero/icons/chevron-down';
-import {DOMUtils} from '@spothero/utils';
+import DOMUtils from '../utils/dom';
 import Loader from 'v1/components/Loader/Loader';
 // import {
 //     SelectItemPropTypes,

package/styles/Tooltip/Tooltip.jsx

@@ -3,7 +3,7 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import IconTimes from '@spothero/icons/times';
-import {DOMUtils} from '@spothero/utils';
+import DOMUtils from '../utils/dom';
 import Button from 'v1/components/Button/Button';
 import Portal from '../Portal/Portal';