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

package/cjs/TimePickerDropdown.js

@@ -1,29 +1,31 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
 
-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__default['default'].createElement(DSPopper__default['default'], {
+var _RecentDocuments;
+
+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,
@@ -37,10 +39,10 @@ var TimePickerDropdown = function TimePickerDropdown(_ref) {
       }
     },
     showArrow: false,
-    triggerComponent: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "secondary",
       disabled: disabled,
-      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.RecentDocuments, null),
+      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default["default"](dsIcons.RecentDocuments, {})),
       iconSize: "s",
       onClick: onClick
     }),
@@ -48,16 +50,4 @@ var TimePickerDropdown = function TimePickerDropdown(_ref) {
   });
 };
 
-TimePickerDropdown.propTypes = {
-  onClick: PropTypes__default['default'].func,
-  onOpen: PropTypes__default['default'].func,
-  disabled: PropTypes__default['default'].bool,
-  isOpen: PropTypes__default['default'].bool,
-  menu: PropTypes__default['default'].element,
-  blockName: PropTypes__default['default'].string,
-  placement: PropTypes__default['default'].string,
-  zIndex: PropTypes__default['default'].number
-};
-
 module.exports = TimePickerDropdown;
-//# sourceMappingURL=TimePickerDropdown.js.map

package/cjs/TimePickerImpl.js

@@ -1,10 +1,15 @@
 'use strict';
 
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+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 PropTypes = require('prop-types');
 var moment = require('moment');
 var memoizeOne = require('memoize-one');
 var dsUtilities = require('@elliemae/ds-utilities');
@@ -13,104 +18,80 @@ var dsForm = require('@elliemae/ds-form');
 var TimePickerMenu = require('./TimePickerMenu.js');
 var TimePickerDropdown = require('./TimePickerDropdown.js');
 var utils = require('./utils.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('./PickerPanel.js');
-require('@babel/runtime/helpers/toArray');
-require('lodash');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('./moveElementOnScroll.js');
-require('@elliemae/ds-popper');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+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 _excluded = ["onChange"];
-var blockName = 'time-picker';
-var TimePickerContainer = dsClassnames.aggregatedClasses(dsForm.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__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(dsForm.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 = React.useState(),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      time = _useState2[0],
-      setTime = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      isMenuOpened = _useState4[0],
-      setIsMenuOpened = _useState4[1];
-
-  var _useState5 = React.useState(null),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      focusedColumn = _useState6[0],
-      setFocusedColumn = _useState6[1];
-
-  var timePickerRef = React.useRef();
-  React.useEffect(function () {
-    if (moment__default['default'](value).isValid()) setTime(moment__default['default'](value));else if (value === null) setTime(undefined);
+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);
+  const timePickerRef = React.useRef();
+  React.useEffect(() => {
+    if (moment__default["default"](value).isValid()) setTime(moment__default["default"](value));else if (value === null) setTime(undefined);
   }, [value]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     window.addEventListener('click', handleClickOutside, false);
-    return function () {
-      return window.removeEventListener('click', handleClickOutside, false);
-    };
+    return () => window.removeEventListener('click', handleClickOutside, false);
   }, []);
-  React.useEffect(function () {
+  React.useEffect(() => {
     window.addEventListener('keydown', handleKeyDown, false);
-    return function () {
-      return window.removeEventListener('keydown', handleKeyDown, false);
-    };
+    return () => window.removeEventListener('keydown', handleKeyDown, false);
   }, []);
-  React.useEffect(function () {
+  React.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__default['default'](_document$getElements, 1),
-        firstColumn = _document$getElements2[0];
+  const handleChangeFocus = () => {
+    const [firstColumn] = document.getElementsByClassName('em-ds-time-picker-panel');
 
     if (firstColumn && !focusedColumn) {
       setFocusedColumn(firstColumn);
@@ -118,65 +99,66 @@ var TimePickerImpl = function TimePickerImpl(_ref2) {
     }
   };
 
-  var handlePickerChange = function handlePickerChange(newTime) {
-    setTime(moment__default['default'](newTime));
-    onChange(moment__default['default'](newTime));
+  const handlePickerChange = newTime => {
+    setTime(moment__default["default"](newTime));
+    onChange(moment__default["default"](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__default['default'](function (format) {
-    return dsUtilities.getVisibleTimeByFormat(format);
-  });
-  var timePickerBlockName = dsClassnames.convertPropToCssClassName(blockName);
-  var visiblePanels = getVisibleTimePanels(format);
-  var disabledTimeRange = disabledTimes && {
+  const getVisibleTimePanels = memoizeOne__default["default"](format => dsUtilities.getVisibleTimeByFormat(format));
+  const timePickerBlockName = dsClassnames.convertPropToCssClassName(blockName);
+  const visiblePanels = getVisibleTimePanels(format);
+  const disabledTimeRange = disabledTimes && {
     from: utils.convertTimeString(disabledTimes.from),
     to: utils.convertTimeString(disabledTimes.to)
   };
-  return /*#__PURE__*/React__default['default'].createElement(TimePickerContainer, {
+  return /*#__PURE__*/_jsx__default["default"](TimePickerContainer, {
     className: "".concat(className, " variant-").concat(!disabled ? 'default' : 'disabled'),
     containerProps: containerProps,
     disabled: disabled,
-    rightAddon: /*#__PURE__*/React__default['default'].createElement(TimePickerDropdown, {
+    rightAddon: /*#__PURE__*/_jsx__default["default"](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__default['default'].createElement("div", {
-        ref: timePickerRef
-      }, /*#__PURE__*/React__default['default'].createElement(TimePickerMenu.TimePickerMenu, _extends__default['default']({
-        disabled: disabled,
-        disabledTimes: disabledTimeRange,
-        format: format,
-        hasHeader: hasHeader,
-        hasHeaderDisplay: hasHeaderDisplay,
-        onTimeChange: handlePickerChange,
-        minutesInterval: minutesInterval,
-        time: time
-      }, visiblePanels)))
+      menu: /*#__PURE__*/jsxRuntime.jsx("div", {
+        ref: timePickerRef,
+        children: /*#__PURE__*/jsxRuntime.jsx(TimePickerMenu.TimePickerMenu, _objectSpread({
+          disabled: disabled,
+          disabledTimes: disabledTimeRange,
+          format: format,
+          hasHeader: hasHeader,
+          hasHeaderDisplay: hasHeaderDisplay,
+          onTimeChange: handlePickerChange,
+          minutesInterval: minutesInterval,
+          time: time
+        }, visiblePanels))
+      })
     })
-  }, /*#__PURE__*/React__default['default'].createElement(dsForm.DSInput, {
-    customInputType: function customInputType(_ref3) {
-      var handleChange = _ref3.onChange,
-          restInputProps = _objectWithoutProperties__default['default'](_ref3, _excluded);
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInput, {
+    customInputType: _ref3 => {
+      let {
+        onChange: handleChange
+      } = _ref3,
+          restInputProps = _objectWithoutProperties__default["default"](_ref3, _excluded);
 
-      return /*#__PURE__*/React__default['default'].createElement(dsForm.TimeInputImpl, _extends__default['default']({
+      return /*#__PURE__*/jsxRuntime.jsx(dsForm.TimeInputImpl, _objectSpread({
         clearable: true,
         disabled: disabled,
         format: format,
@@ -190,21 +172,4 @@ var TimePickerImpl = function TimePickerImpl(_ref2) {
   }));
 };
 
-TimePickerImpl.propTypes = {
-  value: PropTypes__default['default'].instanceOf(Date, moment__default['default']),
-  onChange: PropTypes__default['default'].func,
-  onOpen: PropTypes__default['default'].func,
-  format: PropTypes__default['default'].string,
-  disabled: PropTypes__default['default'].bool,
-  hasHeader: PropTypes__default['default'].bool,
-  hasHeaderDisplay: PropTypes__default['default'].bool,
-  className: PropTypes__default['default'].string,
-  containerProps: PropTypes__default['default'].object,
-  placement: PropTypes__default['default'].string,
-  zIndex: PropTypes__default['default'].number,
-  disabledTimes: PropTypes__default['default'].object,
-  minutesInterval: PropTypes__default['default'].number
-};
-
 module.exports = TimePickerImpl;
-//# sourceMappingURL=TimePickerImpl.js.map