@elliemae/ds-time-picker 1.60.0 → 2.0.0-alpha.12

package/esm/TimePickerDropdown.js

@@ -1,20 +1,23 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { RecentDocuments } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import DSPopper from '@elliemae/ds-popper';
 
-var TimePickerDropdown = function TimePickerDropdown(_ref) {
-  var _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      onClick = _ref.onClick,
-      onOpen = _ref.onOpen,
-      isOpen = _ref.isOpen,
-      menu = _ref.menu,
-      zIndex = _ref.zIndex,
-      blockName = _ref.blockName,
-      placement = _ref.placement;
-  return /*#__PURE__*/React.createElement(DSPopper, {
+var _RecentDocuments;
+
+const TimePickerDropdown = _ref => {
+  let {
+    disabled = false,
+    onClick,
+    onOpen,
+    isOpen,
+    menu,
+    zIndex,
+    blockName,
+    placement
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSPopper, {
     blockName: blockName,
     placement: placement,
     contentComponent: menu,
@@ -28,10 +31,10 @@ var TimePickerDropdown = function TimePickerDropdown(_ref) {
       }
     },
     showArrow: false,
-    triggerComponent: /*#__PURE__*/React.createElement(DSButton, {
+    triggerComponent: /*#__PURE__*/_jsx(DSButton, {
       buttonType: "secondary",
       disabled: disabled,
-      icon: /*#__PURE__*/React.createElement(RecentDocuments, null),
+      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx(RecentDocuments, {})),
       iconSize: "s",
       onClick: onClick
     }),
@@ -39,16 +42,4 @@ var TimePickerDropdown = function TimePickerDropdown(_ref) {
   });
 };
 
-TimePickerDropdown.propTypes = {
-  onClick: PropTypes.func,
-  onOpen: PropTypes.func,
-  disabled: PropTypes.bool,
-  isOpen: PropTypes.bool,
-  menu: PropTypes.element,
-  blockName: PropTypes.string,
-  placement: PropTypes.string,
-  zIndex: PropTypes.number
-};
-
 export { TimePickerDropdown as default };
-//# sourceMappingURL=TimePickerDropdown.js.map

package/esm/TimePickerImpl.js

@@ -1,8 +1,13 @@
+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 _extends from '@babel/runtime/helpers/esm/extends';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState, useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
+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';
@@ -11,94 +16,72 @@ import { DSInputGroup, DSInput, TimeInputImpl } from '@elliemae/ds-form';
 import { TimePickerMenu } from './TimePickerMenu.js';
 import TimePickerDropdown from './TimePickerDropdown.js';
 import { convertTimeString } from './utils.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import './PickerPanel.js';
-import '@babel/runtime/helpers/esm/toArray';
-import 'lodash';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import './moveElementOnScroll.js';
-import '@elliemae/ds-popper';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["onChange"];
-var blockName = 'time-picker';
-var TimePickerContainer = aggregatedClasses(DSInputGroup)(blockName, null, function (_ref) {
-  var isMenuOpened = _ref.isMenuOpened;
+const _excluded = ["onChange"];
+
+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; }
+
+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, _ref => {
+  let {
+    isMenuOpened
+  } = _ref;
   return {
-    isMenuOpened: isMenuOpened
+    isMenuOpened
   };
 });
 
-var TimePickerImpl = function TimePickerImpl(_ref2) {
-  var value = _ref2.value,
-      onChange = _ref2.onChange,
-      onOpen = _ref2.onOpen,
-      format = _ref2.format,
-      disabled = _ref2.disabled,
-      hasHeader = _ref2.hasHeader,
-      hasHeaderDisplay = _ref2.hasHeaderDisplay,
-      className = _ref2.className,
-      containerProps = _ref2.containerProps,
-      placement = _ref2.placement,
-      zIndex = _ref2.zIndex,
-      disabledTimes = _ref2.disabledTimes,
-      minutesInterval = _ref2.minutesInterval;
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      time = _useState2[0],
-      setTime = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isMenuOpened = _useState4[0],
-      setIsMenuOpened = _useState4[1];
-
-  var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      focusedColumn = _useState6[0],
-      setFocusedColumn = _useState6[1];
-
-  var timePickerRef = useRef();
-  useEffect(function () {
+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);
+  const timePickerRef = useRef();
+  useEffect(() => {
     if (moment(value).isValid()) setTime(moment(value));else if (value === null) setTime(undefined);
   }, [value]);
-  useEffect(function () {
+  useEffect(() => {
     window.addEventListener('click', handleClickOutside, false);
-    return function () {
-      return window.removeEventListener('click', handleClickOutside, false);
-    };
+    return () => window.removeEventListener('click', handleClickOutside, false);
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     window.addEventListener('keydown', handleKeyDown, false);
-    return function () {
-      return window.removeEventListener('keydown', handleKeyDown, false);
-    };
+    return () => window.removeEventListener('keydown', handleKeyDown, false);
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (isMenuOpened) handleChangeFocus();
   }, [isMenuOpened]);
 
-  var handleClickOutside = function handleClickOutside() {
+  const handleClickOutside = () => {
     if (isMenuOpened) setIsMenuOpened(false);
   };
 
-  var handleKeyDown = function handleKeyDown(event) {
-    var key = event.key;
-    var menuOpenKeys = ['Escape', ' ', 'Enter'];
+  const handleKeyDown = event => {
+    const {
+      key
+    } = event;
+    const menuOpenKeys = ['Escape', ' ', 'Enter'];
     if (menuOpenKeys.includes(key)) setIsMenuOpened(false);
   };
 
-  var handleChangeFocus = function handleChangeFocus() {
-    var _document$getElements = document.getElementsByClassName('em-ds-time-picker-panel'),
-        _document$getElements2 = _slicedToArray(_document$getElements, 1),
-        firstColumn = _document$getElements2[0];
+  const handleChangeFocus = () => {
+    const [firstColumn] = document.getElementsByClassName('em-ds-time-picker-panel');
 
     if (firstColumn && !focusedColumn) {
       setFocusedColumn(firstColumn);
@@ -106,65 +89,66 @@ var TimePickerImpl = function TimePickerImpl(_ref2) {
     }
   };
 
-  var handlePickerChange = function handlePickerChange(newTime) {
+  const handlePickerChange = newTime => {
     setTime(moment(newTime));
     onChange(moment(newTime));
   };
 
-  var handleInputChange = function handleInputChange(newTime) {
+  const handleInputChange = newTime => {
     setTime(newTime);
     onChange(newTime);
   };
 
-  var handleMenuOpen = function handleMenuOpen(isOpen) {
+  const handleMenuOpen = isOpen => {
     onOpen(isOpen);
     setIsMenuOpened(isOpen);
     if (!isOpen) setFocusedColumn(null);
   };
 
-  var getVisibleTimePanels = memoizeOne(function (format) {
-    return getVisibleTimeByFormat(format);
-  });
-  var timePickerBlockName = convertPropToCssClassName(blockName);
-  var visiblePanels = getVisibleTimePanels(format);
-  var disabledTimeRange = disabledTimes && {
+  const getVisibleTimePanels = memoizeOne(format => getVisibleTimeByFormat(format));
+  const timePickerBlockName = convertPropToCssClassName(blockName);
+  const visiblePanels = getVisibleTimePanels(format);
+  const disabledTimeRange = disabledTimes && {
     from: convertTimeString(disabledTimes.from),
     to: convertTimeString(disabledTimes.to)
   };
-  return /*#__PURE__*/React.createElement(TimePickerContainer, {
+  return /*#__PURE__*/_jsx(TimePickerContainer, {
     className: "".concat(className, " variant-").concat(!disabled ? 'default' : 'disabled'),
     containerProps: containerProps,
     disabled: disabled,
-    rightAddon: /*#__PURE__*/React.createElement(TimePickerDropdown, {
+    rightAddon: /*#__PURE__*/_jsx(TimePickerDropdown, {
       blockName: timePickerBlockName,
       disabled: disabled,
       isOpen: isMenuOpened,
       zIndex: zIndex,
       placement: placement,
       onOpen: handleMenuOpen,
-      onClick: function onClick(e) {
+      onClick: e => {
         e.preventDefault();
         handleMenuOpen(!isMenuOpened);
       },
-      menu: /*#__PURE__*/React.createElement("div", {
-        ref: timePickerRef
-      }, /*#__PURE__*/React.createElement(TimePickerMenu, _extends({
-        disabled: disabled,
-        disabledTimes: disabledTimeRange,
-        format: format,
-        hasHeader: hasHeader,
-        hasHeaderDisplay: hasHeaderDisplay,
-        onTimeChange: handlePickerChange,
-        minutesInterval: minutesInterval,
-        time: time
-      }, visiblePanels)))
+      menu: /*#__PURE__*/jsx("div", {
+        ref: timePickerRef,
+        children: /*#__PURE__*/jsx(TimePickerMenu, _objectSpread({
+          disabled: disabled,
+          disabledTimes: disabledTimeRange,
+          format: format,
+          hasHeader: hasHeader,
+          hasHeaderDisplay: hasHeaderDisplay,
+          onTimeChange: handlePickerChange,
+          minutesInterval: minutesInterval,
+          time: time
+        }, visiblePanels))
+      })
     })
-  }, /*#__PURE__*/React.createElement(DSInput, {
-    customInputType: function customInputType(_ref3) {
-      var handleChange = _ref3.onChange,
+  }, void 0, /*#__PURE__*/_jsx(DSInput, {
+    customInputType: _ref3 => {
+      let {
+        onChange: handleChange
+      } = _ref3,
           restInputProps = _objectWithoutProperties(_ref3, _excluded);
 
-      return /*#__PURE__*/React.createElement(TimeInputImpl, _extends({
+      return /*#__PURE__*/jsx(TimeInputImpl, _objectSpread({
         clearable: true,
         disabled: disabled,
         format: format,
@@ -178,21 +162,4 @@ var TimePickerImpl = function TimePickerImpl(_ref2) {
   }));
 };
 
-TimePickerImpl.propTypes = {
-  value: PropTypes.instanceOf(Date, moment),
-  onChange: PropTypes.func,
-  onOpen: PropTypes.func,
-  format: PropTypes.string,
-  disabled: PropTypes.bool,
-  hasHeader: PropTypes.bool,
-  hasHeaderDisplay: PropTypes.bool,
-  className: PropTypes.string,
-  containerProps: PropTypes.object,
-  placement: PropTypes.string,
-  zIndex: PropTypes.number,
-  disabledTimes: PropTypes.object,
-  minutesInterval: PropTypes.number
-};
-
 export { TimePickerImpl as default };
-//# sourceMappingURL=TimePickerImpl.js.map