@elliemae/ds-time-picker 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/DSTimePicker.js

@@ -12,45 +12,48 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
-const DSTimePicker = ({
-  containerProps = {},
-  innerRef,
-  className = '',
-  disabled = false,
-  value = '',
-  format,
-  style = {},
-  onChange = () => null,
-  onOpen = () => null,
-  isOpen = undefined,
-  clearable = false,
-  hasHeader = true,
-  hasHeaderDisplay = false,
-  'aria-label': ariaLabel,
-  zIndex = 'auto',
-  placement = 'bottom',
-  disabledTimes,
-  minutesInterval = 1
-}) => /*#__PURE__*/jsxRuntime.jsx(TimePickerImpl, {
-  ref: innerRef,
-  "aria-label": ariaLabel,
-  className: className,
-  clearable: clearable,
-  containerProps: containerProps,
-  disabled: disabled,
-  format: format,
-  hasHeader: hasHeader,
-  hasHeaderDisplay: hasHeaderDisplay,
-  isOpen: isOpen,
-  onChange: onChange,
-  onOpen: onOpen,
-  placement: placement,
-  style: style,
-  value: value,
-  zIndex: zIndex,
-  minutesInterval: minutesInterval,
-  disabledTimes: disabledTimes
-});
+const DSTimePicker = _ref => {
+  let {
+    containerProps = {},
+    innerRef,
+    className = '',
+    disabled = false,
+    value = '',
+    format,
+    style = {},
+    onChange = () => null,
+    onOpen = () => null,
+    isOpen = undefined,
+    clearable = false,
+    hasHeader = true,
+    hasHeaderDisplay = false,
+    'aria-label': ariaLabel,
+    zIndex = 'auto',
+    placement = 'bottom',
+    disabledTimes,
+    minutesInterval = 1
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(TimePickerImpl, {
+    ref: innerRef,
+    "aria-label": ariaLabel,
+    className: className,
+    clearable: clearable,
+    containerProps: containerProps,
+    disabled: disabled,
+    format: format,
+    hasHeader: hasHeader,
+    hasHeaderDisplay: hasHeaderDisplay,
+    isOpen: isOpen,
+    onChange: onChange,
+    onOpen: onOpen,
+    placement: placement,
+    style: style,
+    value: value,
+    zIndex: zIndex,
+    minutesInterval: minutesInterval,
+    disabledTimes: disabledTimes
+  });
+};
 
 DSTimePicker.defaultProps = {
   format: 'hh:mm:ss A'

package/cjs/DSTimePickerMenu.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');

package/cjs/PickerPanel.js

@@ -1,13 +1,22 @@
 'use strict';
 
-var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var lodash = require('lodash');
 var dsClassnames = require('@elliemae/ds-classnames');
 var memoizeOne = require('memoize-one');
-var ChevronSmallUp = require('@elliemae/ds-icons/ChevronSmallUp');
-var ChevronSmallDown = require('@elliemae/ds-icons/ChevronSmallDown');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var moveElementOnScroll = require('./moveElementOnScroll.js');
 var utils = require('./utils.js');
@@ -15,12 +24,10 @@ var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
-var ChevronSmallUp__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallUp);
-var ChevronSmallDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallDown);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 var _SelectedCircle, _ChevronSmallUp, _ChevronSmallDown;
@@ -29,27 +36,34 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const blockName = 'time-picker-panel';
-const Container = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  scrolling
-}) => ({
-  scrolling
-}));
+const Container = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    scrolling
+  } = _ref;
+  return {
+    scrolling
+  };
+});
 const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper');
 const PickerItemListContainer = dsClassnames.aggregatedClasses('div')(blockName, 'item-list-container');
 const PickerItemList = dsClassnames.aggregatedClasses('div')(blockName, 'item-list');
 const PickerHeader = dsClassnames.aggregatedClasses('div')(blockName, 'header');
-const PickerItemContainer = dsClassnames.aggregatedClasses('div')(blockName, 'item', ({
-  selected,
-  disabled
-}) => ({
-  selected,
-  disabled
-}));
+const PickerItemContainer = dsClassnames.aggregatedClasses('div')(blockName, 'item', _ref2 => {
+  let {
+    selected,
+    disabled
+  } = _ref2;
+  return {
+    selected,
+    disabled
+  };
+});
 const PickerSelectedOptionSelected = dsClassnames.aggregatedClasses('div')(blockName, 'selected-container');
 const SelectedCircle = dsClassnames.aggregatedClasses('div')(blockName, 'selected-circle');
 const ArrowButtonContainer = dsClassnames.aggregatedClasses('div')(blockName, 'arrow-container');
 
-const getOptionIndex = (options, selectedOption, valueProperty = 'value') => {
+const getOptionIndex = function (options, selectedOption) {
+  let valueProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'value';
   const index = options.findIndex(option => option[valueProperty] === selectedOption);
   return utils.validateIndex(index, options);
 };
@@ -63,8 +77,7 @@ const arrowProps = {
 class PickerPanel extends React.Component {
   constructor(props) {
     super(props);
-
-    _defineProperty__default["default"](this, "computeContainerTranslation", memoizeOne__default["default"](index => {
+    this.computeContainerTranslation = memoizeOne__default["default"](index => {
       const {
         options,
         valueProperty
@@ -77,14 +90,14 @@ class PickerPanel extends React.Component {
       const listYPosition = this.minYListPosition - selectedOptionIndex * this.optionHeight;
       if (this.scrollHandler && !scrolling) this.scrollHandler.updatePosition(listYPosition);
       return listYPosition;
-    }));
+    });
 
-    _defineProperty__default["default"](this, "renderHeader", () => {
+    this.renderHeader = () => {
       const {
         header
       } = this.props;
       return /*#__PURE__*/_jsx__default["default"](PickerHeader, {}, void 0, header);
-    });
+    };
 
     this.pickerListContainerRef = /*#__PURE__*/React__default["default"].createRef();
     this.pickerListRef = /*#__PURE__*/React__default["default"].createRef();
@@ -129,9 +142,10 @@ class PickerPanel extends React.Component {
     this.scrollHandler.unsubscribe();
   }
 
-  static getDerivedStateFromProps(nextProps, {
-    prevProps
-  }) {
+  static getDerivedStateFromProps(nextProps, _ref3) {
+    let {
+      prevProps
+    } = _ref3;
     const {
       selected,
       valueProperty,
@@ -308,9 +322,9 @@ class PickerPanel extends React.Component {
       innerRef: this.selectedOptionRef
     }, void 0, _SelectedCircle || (_SelectedCircle = /*#__PURE__*/_jsx__default["default"](SelectedCircle, {}))), /*#__PURE__*/_jsx__default["default"](ArrowButtonContainer, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, arrowProps), {}, {
       "aria-label": "Chevron Up",
-      "data-testid": `${type}-chevron-up`,
+      "data-testid": "".concat(type, "-chevron-up"),
       disabled: activeIndex <= 0,
-      icon: _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](ChevronSmallUp__default["default"], {})),
+      icon: _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallUp, {})),
       onClick: this.handleStepMoveUp,
       tabIndex: -1
     }))), /*#__PURE__*/_jsx__default["default"](PickerItemListContainer, {
@@ -319,10 +333,10 @@ class PickerPanel extends React.Component {
         height: this.listHeight
       }
     }, void 0, /*#__PURE__*/_jsx__default["default"](PickerItemList, {
-      "data-testid": `${type}-list`,
+      "data-testid": "".concat(type, "-list"),
       innerRef: this.pickerListRef,
       style: {
-        transform: `translateY(${listYPosition}px)`
+        transform: "translateY(".concat(listYPosition, "px)")
       }
     }, void 0, options.map((option, index) => {
       const value = this.getOptionValue(option);
@@ -367,9 +381,9 @@ class PickerPanel extends React.Component {
       }, value, label);
     }))), /*#__PURE__*/_jsx__default["default"](ArrowButtonContainer, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, arrowProps), {}, {
       "aria-label": "Chevron Down",
-      "data-testid": `${type}-chevron-down`,
+      "data-testid": "".concat(type, "-chevron-down"),
       disabled: activeIndex >= options.length - 1,
-      icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](ChevronSmallDown__default["default"], {})),
+      icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})),
       onClick: this.handleStepMoveDown,
       tabIndex: -1
     })))));

package/cjs/TimePickerDropdown.js

@@ -2,50 +2,52 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var RecentDocuments = require('@elliemae/ds-icons/RecentDocuments');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var DSPopper = require('@elliemae/ds-popper');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var RecentDocuments__default = /*#__PURE__*/_interopDefaultLegacy(RecentDocuments);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
 
 var _RecentDocuments;
 
-const TimePickerDropdown = ({
-  disabled = false,
-  onClick,
-  onOpen,
-  isOpen,
-  menu,
-  zIndex,
-  blockName,
-  placement
-}) => /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
-  blockName: blockName,
-  placement: placement,
-  contentComponent: menu,
-  isOpen: isOpen,
-  onOpen: onOpen,
-  modifiers: {
-    preventOverflow: {
-      enabled: true,
-      padding: 0,
-      boundariesElement: 'window'
-    }
-  },
-  showArrow: false,
-  triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-    buttonType: "secondary",
-    disabled: disabled,
-    icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default["default"](RecentDocuments__default["default"], {})),
-    iconSize: "s",
-    onClick: onClick
-  }),
-  zIndex: zIndex
-});
+const TimePickerDropdown = _ref => {
+  let {
+    disabled = false,
+    onClick,
+    onOpen,
+    isOpen,
+    menu,
+    zIndex,
+    blockName,
+    placement
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
+    blockName: blockName,
+    placement: placement,
+    contentComponent: menu,
+    isOpen: isOpen,
+    onOpen: onOpen,
+    modifiers: {
+      preventOverflow: {
+        enabled: true,
+        padding: 0,
+        boundariesElement: 'window'
+      }
+    },
+    showArrow: false,
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+      buttonType: "secondary",
+      disabled: disabled,
+      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default["default"](dsIcons.RecentDocuments, {})),
+      iconSize: "s",
+      onClick: onClick
+    }),
+    zIndex: zIndex
+  });
+};
 
 module.exports = TimePickerDropdown;

package/cjs/TimePickerImpl.js

@@ -3,14 +3,18 @@
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var moment = require('moment');
 var memoizeOne = require('memoize-one');
-var timeUtils = require('@elliemae/ds-utilities/timeUtils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSInputGroup = require('@elliemae/ds-form/InputGroup');
-var TimeInput = require('@elliemae/ds-form/TimeInput');
-var DSInput = require('@elliemae/ds-form/Input');
+var dsForm = require('@elliemae/ds-form');
 var TimePickerMenu = require('./TimePickerMenu.js');
 var TimePickerDropdown = require('./TimePickerDropdown.js');
 var utils = require('./utils.js');
@@ -23,8 +27,6 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
-var DSInputGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSInputGroup);
-var DSInput__default = /*#__PURE__*/_interopDefaultLegacy(DSInput);
 
 const _excluded = ["onChange"];
 
@@ -32,27 +34,31 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const blockName = 'time-picker';
-const TimePickerContainer = dsClassnames.aggregatedClasses(DSInputGroup__default["default"])(blockName, null, ({
-  isMenuOpened
-}) => ({
-  isMenuOpened
-}));
-
-const TimePickerImpl = ({
-  value,
-  onChange,
-  onOpen,
-  format,
-  disabled,
-  hasHeader,
-  hasHeaderDisplay,
-  className,
-  containerProps,
-  placement,
-  zIndex,
-  disabledTimes,
-  minutesInterval
-}) => {
+const TimePickerContainer = dsClassnames.aggregatedClasses(dsForm.DSInputGroup)(blockName, null, _ref => {
+  let {
+    isMenuOpened
+  } = _ref;
+  return {
+    isMenuOpened
+  };
+});
+
+const TimePickerImpl = _ref2 => {
+  let {
+    value,
+    onChange,
+    onOpen,
+    format,
+    disabled,
+    hasHeader,
+    hasHeaderDisplay,
+    className,
+    containerProps,
+    placement,
+    zIndex,
+    disabledTimes,
+    minutesInterval
+  } = _ref2;
   const [time, setTime] = React.useState();
   const [isMenuOpened, setIsMenuOpened] = React.useState(false);
   const [focusedColumn, setFocusedColumn] = React.useState(null);
@@ -109,7 +115,7 @@ const TimePickerImpl = ({
     if (!isOpen) setFocusedColumn(null);
   };
 
-  const getVisibleTimePanels = memoizeOne__default["default"](format => timeUtils.getVisibleTimeByFormat(format));
+  const getVisibleTimePanels = memoizeOne__default["default"](format => dsUtilities.getVisibleTimeByFormat(format));
   const timePickerBlockName = dsClassnames.convertPropToCssClassName(blockName);
   const visiblePanels = getVisibleTimePanels(format);
   const disabledTimeRange = disabledTimes && {
@@ -117,7 +123,7 @@ const TimePickerImpl = ({
     to: utils.convertTimeString(disabledTimes.to)
   };
   return /*#__PURE__*/_jsx__default["default"](TimePickerContainer, {
-    className: `${className} variant-${!disabled ? 'default' : 'disabled'}`,
+    className: "".concat(className, " variant-").concat(!disabled ? 'default' : 'disabled'),
     containerProps: containerProps,
     disabled: disabled,
     rightAddon: /*#__PURE__*/_jsx__default["default"](TimePickerDropdown, {
@@ -145,14 +151,14 @@ const TimePickerImpl = ({
         }, visiblePanels))
       })
     })
-  }, void 0, /*#__PURE__*/_jsx__default["default"](DSInput__default["default"], {
-    customInputType: _ref => {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInput, {
+    customInputType: _ref3 => {
       let {
         onChange: handleChange
-      } = _ref,
-          restInputProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+      } = _ref3,
+          restInputProps = _objectWithoutProperties__default["default"](_ref3, _excluded);
 
-      return /*#__PURE__*/jsxRuntime.jsx(TimeInput.TimeInputImpl, _objectSpread({
+      return /*#__PURE__*/jsxRuntime.jsx(dsForm.TimeInputImpl, _objectSpread({
         clearable: true,
         disabled: disabled,
         format: format,

package/cjs/TimePickerMenu.js

@@ -2,20 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
-var utils$1 = require('@elliemae/ds-utilities/utils');
 var dsClassnames = require('@elliemae/ds-classnames');
 var moment = require('moment');
-var timeUtils = require('@elliemae/ds-utilities/timeUtils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var utils = require('./utils.js');
 var PickerPanel = require('./PickerPanel.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -35,12 +41,12 @@ class TimePickerMenu extends React.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default["default"](this, "renderHeader", () => {
+    this.renderHeader = () => {
       const {
         time
       } = this.state;
       return /*#__PURE__*/_jsx__default["default"](TimePickerHeader, {}, void 0, time.format('hh:mma'));
-    });
+    };
 
     this.state = {
       time: moment__default["default"](props.time || '', props.format) || moment__default["default"]()
@@ -158,8 +164,8 @@ class TimePickerMenu extends React.Component {
 
     const meridiem = hour >= 12 ? 'PM' : 'AM';
     const withLeadingZeros = format.indexOf('hh') > -1;
-    const rangeHours = use12Hours ? utils$1.range(1, 13) : utils$1.range(24);
-    const hoursOptions = rangeHours.map(generateOption(withLeadingZeros && timeUtils.addLeadingZeros(2)));
+    const rangeHours = use12Hours ? dsUtilities.range(1, 13) : dsUtilities.range(24);
+    const hoursOptions = rangeHours.map(generateOption(withLeadingZeros && dsUtilities.addLeadingZeros(2)));
     return /*#__PURE__*/_jsx__default["default"](PickerPanel, {
       type: "hour",
       time: time,
@@ -186,7 +192,7 @@ class TimePickerMenu extends React.Component {
     } = this.props;
     if (!showMinutes) return null;
     const withLeadingZeros = format.indexOf('mm') > -1;
-    const rangeMinutes = utils$1.range(0, 60, minutesInterval).map(generateOption(withLeadingZeros && timeUtils.addLeadingZeros(2)));
+    const rangeMinutes = dsUtilities.range(0, 60, minutesInterval).map(generateOption(withLeadingZeros && dsUtilities.addLeadingZeros(2)));
     let selectedMinute = time.minute();
     const selectedHour = time.hour();
 
@@ -230,7 +236,7 @@ class TimePickerMenu extends React.Component {
     } = this.props;
     if (!showSeconds) return null;
     const withLeadingZeros = format.indexOf('ss') > -1;
-    const rangeSeconds = utils$1.range(60).map(generateOption(withLeadingZeros && timeUtils.addLeadingZeros(2)));
+    const rangeSeconds = dsUtilities.range(60).map(generateOption(withLeadingZeros && dsUtilities.addLeadingZeros(2)));
     return /*#__PURE__*/_jsx__default["default"](PickerPanel, {
       type: "seconds",
       hasHeader: hasHeader,

package/cjs/moveElementOnScroll.js

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function MoveElementOnScroll(element, {
-  container,
-  min = 0,
-  max = element.offsetHeight,
-  speed = 1,
-  smooth = 2,
-  onUpdate = () => null,
-  onEndScroll = () => null
-}) {
+function MoveElementOnScroll(element, _ref) {
+  let {
+    container,
+    min = 0,
+    max = element.offsetHeight,
+    speed = 1,
+    smooth = 2,
+    onUpdate = () => null,
+    onEndScroll = () => null
+  } = _ref;
   let moving = false;
   let pos = min;
   let lastPos = pos; // todo: move this to utils if we finally need it

package/cjs/utils.js

@@ -7,7 +7,8 @@ const validateIndex = (index, options) => {
   if (index >= options.length) return options.length - 1;
   return index;
 };
-const getOptionIndex = (options, selectedOption, valueProperty = 'value') => {
+const getOptionIndex = function (options, selectedOption) {
+  let valueProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'value';
   const index = options.findIndex(option => option[valueProperty] === selectedOption);
   return validateIndex(index, options);
 };