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

package/esm/DSTimePicker.js

@@ -4,45 +4,48 @@ import moment from 'moment';
 import TimePickerImpl from './TimePickerImpl.js';
 import { jsx } from 'react/jsx-runtime';
 
-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__*/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__*/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/esm/DSTimePickerMenu.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';

package/esm/PickerPanel.js

@@ -1,11 +1,20 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import React, { Component } from 'react';
 import { findIndex } from 'lodash';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import memoizeOne from 'memoize-one';
-import ChevronSmallUp from '@elliemae/ds-icons/ChevronSmallUp';
-import ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';
+import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import { MoveElementOnScroll } from './moveElementOnScroll.js';
 import { validateIndex } from './utils.js';
@@ -17,27 +26,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(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 = aggregatedClasses('div')(blockName, null, ({
-  scrolling
-}) => ({
-  scrolling
-}));
+const Container = aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    scrolling
+  } = _ref;
+  return {
+    scrolling
+  };
+});
 const Wrapper = aggregatedClasses('div')(blockName, 'wrapper');
 const PickerItemListContainer = aggregatedClasses('div')(blockName, 'item-list-container');
 const PickerItemList = aggregatedClasses('div')(blockName, 'item-list');
 const PickerHeader = aggregatedClasses('div')(blockName, 'header');
-const PickerItemContainer = aggregatedClasses('div')(blockName, 'item', ({
-  selected,
-  disabled
-}) => ({
-  selected,
-  disabled
-}));
+const PickerItemContainer = aggregatedClasses('div')(blockName, 'item', _ref2 => {
+  let {
+    selected,
+    disabled
+  } = _ref2;
+  return {
+    selected,
+    disabled
+  };
+});
 const PickerSelectedOptionSelected = aggregatedClasses('div')(blockName, 'selected-container');
 const SelectedCircle = aggregatedClasses('div')(blockName, 'selected-circle');
 const ArrowButtonContainer = 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 validateIndex(index, options);
 };
@@ -51,8 +67,7 @@ const arrowProps = {
 class PickerPanel extends Component {
   constructor(props) {
     super(props);
-
-    _defineProperty(this, "computeContainerTranslation", memoizeOne(index => {
+    this.computeContainerTranslation = memoizeOne(index => {
       const {
         options,
         valueProperty
@@ -65,14 +80,14 @@ class PickerPanel extends Component {
       const listYPosition = this.minYListPosition - selectedOptionIndex * this.optionHeight;
       if (this.scrollHandler && !scrolling) this.scrollHandler.updatePosition(listYPosition);
       return listYPosition;
-    }));
+    });
 
-    _defineProperty(this, "renderHeader", () => {
+    this.renderHeader = () => {
       const {
         header
       } = this.props;
       return /*#__PURE__*/_jsx(PickerHeader, {}, void 0, header);
-    });
+    };
 
     this.pickerListContainerRef = /*#__PURE__*/React.createRef();
     this.pickerListRef = /*#__PURE__*/React.createRef();
@@ -117,9 +132,10 @@ class PickerPanel extends Component {
     this.scrollHandler.unsubscribe();
   }
 
-  static getDerivedStateFromProps(nextProps, {
-    prevProps
-  }) {
+  static getDerivedStateFromProps(nextProps, _ref3) {
+    let {
+      prevProps
+    } = _ref3;
     const {
       selected,
       valueProperty,
@@ -296,7 +312,7 @@ class PickerPanel extends Component {
       innerRef: this.selectedOptionRef
     }, void 0, _SelectedCircle || (_SelectedCircle = /*#__PURE__*/_jsx(SelectedCircle, {}))), /*#__PURE__*/_jsx(ArrowButtonContainer, {}, void 0, /*#__PURE__*/jsx(DSButton, _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(ChevronSmallUp, {})),
       onClick: this.handleStepMoveUp,
@@ -307,10 +323,10 @@ class PickerPanel extends Component {
         height: this.listHeight
       }
     }, void 0, /*#__PURE__*/_jsx(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);
@@ -355,7 +371,7 @@ class PickerPanel extends Component {
       }, value, label);
     }))), /*#__PURE__*/_jsx(ArrowButtonContainer, {}, void 0, /*#__PURE__*/jsx(DSButton, _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(ChevronSmallDown, {})),
       onClick: this.handleStepMoveDown,

package/esm/TimePickerDropdown.js

@@ -1,42 +1,45 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
-import RecentDocuments from '@elliemae/ds-icons/RecentDocuments';
+import { RecentDocuments } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import DSPopper from '@elliemae/ds-popper';
 
 var _RecentDocuments;
 
-const TimePickerDropdown = ({
-  disabled = false,
-  onClick,
-  onOpen,
-  isOpen,
-  menu,
-  zIndex,
-  blockName,
-  placement
-}) => /*#__PURE__*/_jsx(DSPopper, {
-  blockName: blockName,
-  placement: placement,
-  contentComponent: menu,
-  isOpen: isOpen,
-  onOpen: onOpen,
-  modifiers: {
-    preventOverflow: {
-      enabled: true,
-      padding: 0,
-      boundariesElement: 'window'
-    }
-  },
-  showArrow: false,
-  triggerComponent: /*#__PURE__*/_jsx(DSButton, {
-    buttonType: "secondary",
-    disabled: disabled,
-    icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx(RecentDocuments, {})),
-    iconSize: "s",
-    onClick: onClick
-  }),
-  zIndex: zIndex
-});
+const TimePickerDropdown = _ref => {
+  let {
+    disabled = false,
+    onClick,
+    onOpen,
+    isOpen,
+    menu,
+    zIndex,
+    blockName,
+    placement
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSPopper, {
+    blockName: blockName,
+    placement: placement,
+    contentComponent: menu,
+    isOpen: isOpen,
+    onOpen: onOpen,
+    modifiers: {
+      preventOverflow: {
+        enabled: true,
+        padding: 0,
+        boundariesElement: 'window'
+      }
+    },
+    showArrow: false,
+    triggerComponent: /*#__PURE__*/_jsx(DSButton, {
+      buttonType: "secondary",
+      disabled: disabled,
+      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx(RecentDocuments, {})),
+      iconSize: "s",
+      onClick: onClick
+    }),
+    zIndex: zIndex
+  });
+};
 
 export { TimePickerDropdown as default };

package/esm/TimePickerImpl.js

@@ -1,14 +1,18 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef, useEffect } from 'react';
 import moment from 'moment';
 import memoizeOne from 'memoize-one';
-import { getVisibleTimeByFormat } from '@elliemae/ds-utilities/timeUtils';
+import { getVisibleTimeByFormat } from '@elliemae/ds-utilities';
 import { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSInputGroup from '@elliemae/ds-form/InputGroup';
-import { TimeInputImpl } from '@elliemae/ds-form/TimeInput';
-import DSInput from '@elliemae/ds-form/Input';
+import { DSInputGroup, DSInput, TimeInputImpl } from '@elliemae/ds-form';
 import { TimePickerMenu } from './TimePickerMenu.js';
 import TimePickerDropdown from './TimePickerDropdown.js';
 import { convertTimeString } from './utils.js';
@@ -20,27 +24,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(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 = aggregatedClasses(DSInputGroup)(blockName, null, ({
-  isMenuOpened
-}) => ({
-  isMenuOpened
-}));
+const TimePickerContainer = aggregatedClasses(DSInputGroup)(blockName, null, _ref => {
+  let {
+    isMenuOpened
+  } = _ref;
+  return {
+    isMenuOpened
+  };
+});
 
-const TimePickerImpl = ({
-  value,
-  onChange,
-  onOpen,
-  format,
-  disabled,
-  hasHeader,
-  hasHeaderDisplay,
-  className,
-  containerProps,
-  placement,
-  zIndex,
-  disabledTimes,
-  minutesInterval
-}) => {
+const TimePickerImpl = _ref2 => {
+  let {
+    value,
+    onChange,
+    onOpen,
+    format,
+    disabled,
+    hasHeader,
+    hasHeaderDisplay,
+    className,
+    containerProps,
+    placement,
+    zIndex,
+    disabledTimes,
+    minutesInterval
+  } = _ref2;
   const [time, setTime] = useState();
   const [isMenuOpened, setIsMenuOpened] = useState(false);
   const [focusedColumn, setFocusedColumn] = useState(null);
@@ -105,7 +113,7 @@ const TimePickerImpl = ({
     to: convertTimeString(disabledTimes.to)
   };
   return /*#__PURE__*/_jsx(TimePickerContainer, {
-    className: `${className} variant-${!disabled ? 'default' : 'disabled'}`,
+    className: "".concat(className, " variant-").concat(!disabled ? 'default' : 'disabled'),
     containerProps: containerProps,
     disabled: disabled,
     rightAddon: /*#__PURE__*/_jsx(TimePickerDropdown, {
@@ -134,11 +142,11 @@ const TimePickerImpl = ({
       })
     })
   }, void 0, /*#__PURE__*/_jsx(DSInput, {
-    customInputType: _ref => {
+    customInputType: _ref3 => {
       let {
         onChange: handleChange
-      } = _ref,
-          restInputProps = _objectWithoutProperties(_ref, _excluded);
+      } = _ref3,
+          restInputProps = _objectWithoutProperties(_ref3, _excluded);
 
       return /*#__PURE__*/jsx(TimeInputImpl, _objectSpread({
         clearable: true,

package/esm/TimePickerMenu.js

@@ -1,10 +1,16 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { Component } from 'react';
-import { range } from '@elliemae/ds-utilities/utils';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import moment from 'moment';
-import { addLeadingZeros } from '@elliemae/ds-utilities/timeUtils';
+import { range, addLeadingZeros } from '@elliemae/ds-utilities';
 import { isAM } from './utils.js';
 import PickerPanel from './PickerPanel.js';
 
@@ -25,12 +31,12 @@ class TimePickerMenu extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "renderHeader", () => {
+    this.renderHeader = () => {
       const {
         time
       } = this.state;
       return /*#__PURE__*/_jsx(TimePickerHeader, {}, void 0, time.format('hh:mma'));
-    });
+    };
 
     this.state = {
       time: moment(props.time || '', props.format) || moment()

package/esm/moveElementOnScroll.js

@@ -1,12 +1,13 @@
-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/esm/utils.js

@@ -3,7 +3,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);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-time-picker",
-  "version": "2.0.0-alpha.10",
+  "version": "2.0.0-alpha.14",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Time Picker",
   "module": "./esm/index.js",
@@ -64,25 +64,25 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.0.0-alpha.10",
-    "@elliemae/ds-classnames": "2.0.0-alpha.10",
-    "@elliemae/ds-form": "2.0.0-alpha.10",
-    "@elliemae/ds-icons": "2.0.0-alpha.10",
-    "@elliemae/ds-popper": "2.0.0-alpha.10",
-    "@elliemae/ds-utilities": "2.0.0-alpha.10",
+    "@elliemae/ds-button": "2.0.0-alpha.14",
+    "@elliemae/ds-classnames": "2.0.0-alpha.14",
+    "@elliemae/ds-form": "2.0.0-alpha.14",
+    "@elliemae/ds-icons": "2.0.0-alpha.14",
+    "@elliemae/ds-popper": "2.0.0-alpha.14",
+    "@elliemae/ds-utilities": "2.0.0-alpha.14",
     "memoize-one": "~5.1.1",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.1"
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",