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

package/styles/utils/time.js

@@ -0,0 +1,268 @@
+import isEmpty from 'lodash/isEmpty';
+import isNumber from 'lodash/isNumber';
+import isString from 'lodash/isString';
+import moment from 'moment-timezone';
+import NumberUtils from './number';
+// import StringUtils from '../string/string';
+
+/**
+ * Utilities for working with times.
+ * @module TimeUtils
+ */
+const 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(time, step = 1) {
+        if (isEmpty(time)) {
+            return time;
+        }
+
+        if (!isString(time)) {
+            throw new Error('The supplied time is not a string.');
+        }
+
+        const firstPartials = time.split(':');
+        const secondPartials = firstPartials[1].split(' ');
+        const isAM = secondPartials[1] === 'AM';
+        const mins = parseInt(secondPartials[0], 10);
+        const minsRounded = NumberUtils.roundDownToNearestStep(mins, step);
+        let hours = parseInt(firstPartials[0], 10);
+
+        if (isAM && hours === 12) {
+            hours = 0;
+        } else if (!isAM && hours !== 12) {
+            hours += 12;
+        }
+
+        return {
+            hours,
+            mins: minsRounded,
+            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(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);
+
+        return moment([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({step = 30, format = 'hh:mm A', ignoreBefore, ignoreAfter} = {}) {
+        if (ignoreBefore && !isNumber(ignoreBefore)) {
+            throw new Error('The ignoreBefore value passed was not a number.');
+        }
+
+        if (ignoreAfter && !isNumber(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.'
+            );
+        }
+
+        const dateTime = moment([0, 0]);
+        const total = 1440;
+        const len = total / step;
+        const times = [];
+        const beforeMoment = ignoreBefore
+            ? dateTime.clone().startOf('day').add(ignoreBefore, 'minutes')
+            : null;
+        const afterMoment = ignoreAfter
+            ? dateTime.clone().startOf('day').add(ignoreAfter, 'minutes')
+            : null;
+        let i = 0;
+        let id = 0;
+        let shouldAdd = true;
+        let 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,
+                    formatted: time.format(format),
+                });
+            }
+        }
+
+        return times;
+    },
+};
+
+export default TimeUtils;

package/styles/v1/components/Image/Image.jsx

@@ -4,7 +4,7 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import LazyLoad from 'react-lazy-load';
-import {EnvironmentUtils} from '@spothero/utils';
+import EnvironmentUtils from '../../../utils/environment';
 import PulseLoader from '../../../PulseLoader/PulseLoader';
 
 export default class Image extends Component {

package/styles/v1/components/Modal/Modal.jsx

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import IconChevronLeft from '@spothero/icons/chevron-left';
 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/v1/components/Modal/ModalContent.jsx

@@ -5,7 +5,7 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import {document, window} from 'ssr-window';
-import {DOMUtils} from '@spothero/utils';
+import DOMUtils from '../../../utils/dom';
 
 export default class ModalContent extends Component {
     static propTypes = {

package/styles/v1/components/Modal/stories/Content.stories.js

@@ -3,7 +3,7 @@ import Button from 'v1/components/Button/Button';
 import Modal from '../Modal';
 import ModalContent from '../ModalContent';
 import ErrorBoundary from '../../../../ErrorBoundary/ErrorBoundary';
-import {DOMUtils} from '@spothero/utils';
+import DOMUtils from '../../../../utils/dom';
 
 export default {
     component: Modal,

package/styles/v2/components/Image/Image.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import {Image as ChakraImage, Img as ChakraImg} from '@chakra-ui/react';
-import {EnvironmentUtils} from '@spothero/utils';
+import EnvironmentUtils from '../../../utils/environment';
 import template from 'lodash/template';
 
 const buildCloudinarySrc = ({