@elliemae/ds-time-picker 2.2.0-alpha.5 → 2.2.0-beta.0

package/cjs/TimePickerDropdown.js

@@ -1,74 +1,53 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use strict';
+
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
+
+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,
+    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
+  });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TimePickerDropdown_exports = {};
-__export(TimePickerDropdown_exports, {
-  TimePickerDropdown: () => TimePickerDropdown,
-  default: () => TimePickerDropdown_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = require("@elliemae/ds-button");
-var import_ds_popper = require("@elliemae/ds-popper");
-const TimePickerDropdown = ({ disabled = false, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }) => /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
-  blockName,
-  placement,
-  contentComponent: menu,
-  isOpen,
-  onOpen,
-  modifiers: {
-    preventOverflow: {
-      enabled: true,
-      padding: 0,
-      boundariesElement: "window"
-    }
-  },
-  showArrow: false,
-  triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-    buttonType: "secondary",
-    disabled,
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.RecentDocuments, null),
-    iconSize: "s",
-    onClick
-  }),
-  zIndex
-});
-TimePickerDropdown.propTypes = {
-  onClick: import_prop_types.default.func,
-  onOpen: import_prop_types.default.func,
-  disabled: import_prop_types.default.bool,
-  isOpen: import_prop_types.default.bool,
-  menu: import_prop_types.default.element,
-  blockName: import_prop_types.default.string,
-  placement: import_prop_types.default.string,
-  zIndex: import_prop_types.default.number
-};
-var TimePickerDropdown_default = TimePickerDropdown;
-module.exports = __toCommonJS(TimePickerDropdown_exports);
-//# sourceMappingURL=TimePickerDropdown.js.map
+
+module.exports = TimePickerDropdown;

package/cjs/TimePickerImpl.js

@@ -1,183 +1,175 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+'use strict';
+
+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 dsUtilities = require('@elliemae/ds-utilities');
+var dsClassnames = require('@elliemae/ds-classnames');
+var dsForm = require('@elliemae/ds-form');
+var TimePickerMenu = require('./TimePickerMenu.js');
+var TimePickerDropdown = require('./TimePickerDropdown.js');
+var utils = require('./utils.js');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
+
+const _excluded = ["onChange"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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
   };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TimePickerImpl_exports = {};
-__export(TimePickerImpl_exports, {
-  TimePickerImpl: () => TimePickerImpl,
-  default: () => TimePickerImpl_default
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_moment = __toESM(require("moment"));
-var import_memoize_one = __toESM(require("memoize-one"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_ds_form = require("@elliemae/ds-form");
-var import_TimePickerMenu = require("./TimePickerMenu");
-var import_TimePickerDropdown = require("./TimePickerDropdown");
-var import_utils = require("./utils");
-const blockName = "time-picker";
-const TimePickerContainer = (0, import_ds_classnames.aggregatedClasses)(import_ds_form.DSInputGroup)(blockName, null, ({ isMenuOpened }) => ({
-  isMenuOpened
-}));
-const TimePickerImpl = ({
-  value,
-  onChange,
-  onOpen,
-  format,
-  disabled,
-  hasHeader,
-  hasHeaderDisplay,
-  className,
-  containerProps,
-  placement,
-  zIndex,
-  disabledTimes,
-  minutesInterval
-}) => {
-  const [time, setTime] = (0, import_react.useState)();
-  const [isMenuOpened, setIsMenuOpened] = (0, import_react.useState)(false);
-  const [focusedColumn, setFocusedColumn] = (0, import_react.useState)(null);
-  const timePickerRef = (0, import_react.useRef)();
-  (0, import_react.useEffect)(() => {
-    if ((0, import_moment.default)(value).isValid())
-      setTime((0, import_moment.default)(value));
-    else if (value === null)
-      setTime(void 0);
+
+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]);
-  (0, import_react.useEffect)(() => {
-    window.addEventListener("click", handleClickOutside, false);
-    return () => window.removeEventListener("click", handleClickOutside, false);
+  React.useEffect(() => {
+    window.addEventListener('click', handleClickOutside, false);
+    return () => window.removeEventListener('click', handleClickOutside, false);
   }, []);
-  (0, import_react.useEffect)(() => {
-    window.addEventListener("keydown", handleKeyDown, false);
-    return () => window.removeEventListener("keydown", handleKeyDown, false);
+  React.useEffect(() => {
+    window.addEventListener('keydown', handleKeyDown, false);
+    return () => window.removeEventListener('keydown', handleKeyDown, false);
   }, []);
-  (0, import_react.useEffect)(() => {
-    if (isMenuOpened)
-      handleChangeFocus();
+  React.useEffect(() => {
+    if (isMenuOpened) handleChangeFocus();
   }, [isMenuOpened]);
+
   const handleClickOutside = () => {
-    if (isMenuOpened)
-      setIsMenuOpened(false);
+    if (isMenuOpened) setIsMenuOpened(false);
   };
-  const handleKeyDown = (event) => {
-    const { key } = event;
-    const menuOpenKeys = ["Escape", " ", "Enter"];
-    if (menuOpenKeys.includes(key))
-      setIsMenuOpened(false);
+
+  const handleKeyDown = event => {
+    const {
+      key
+    } = event;
+    const menuOpenKeys = ['Escape', ' ', 'Enter'];
+    if (menuOpenKeys.includes(key)) setIsMenuOpened(false);
   };
+
   const handleChangeFocus = () => {
-    const [firstColumn] = document.getElementsByClassName("em-ds-time-picker-panel");
+    const [firstColumn] = document.getElementsByClassName('em-ds-time-picker-panel');
+
     if (firstColumn && !focusedColumn) {
       setFocusedColumn(firstColumn);
       firstColumn.focus();
     }
   };
-  const handlePickerChange = (newTime) => {
-    setTime((0, import_moment.default)(newTime));
-    onChange((0, import_moment.default)(newTime));
+
+  const handlePickerChange = newTime => {
+    setTime(moment__default["default"](newTime));
+    onChange(moment__default["default"](newTime));
   };
-  const handleInputChange = (newTime) => {
+
+  const handleInputChange = newTime => {
     setTime(newTime);
     onChange(newTime);
   };
-  const handleMenuOpen = (isOpen) => {
+
+  const handleMenuOpen = isOpen => {
     onOpen(isOpen);
     setIsMenuOpened(isOpen);
-    if (!isOpen)
-      setFocusedColumn(null);
+    if (!isOpen) setFocusedColumn(null);
   };
-  const getVisibleTimePanels = (0, import_memoize_one.default)((format2) => (0, import_ds_utilities.getVisibleTimeByFormat)(format2));
-  const timePickerBlockName = (0, import_ds_classnames.convertPropToCssClassName)(blockName);
+
+  const getVisibleTimePanels = memoizeOne__default["default"](format => dsUtilities.getVisibleTimeByFormat(format));
+  const timePickerBlockName = dsClassnames.convertPropToCssClassName(blockName);
   const visiblePanels = getVisibleTimePanels(format);
   const disabledTimeRange = disabledTimes && {
-    from: (0, import_utils.convertTimeString)(disabledTimes.from),
-    to: (0, import_utils.convertTimeString)(disabledTimes.to)
+    from: utils.convertTimeString(disabledTimes.from),
+    to: utils.convertTimeString(disabledTimes.to)
   };
-  return /* @__PURE__ */ import_react.default.createElement(TimePickerContainer, {
-    className: `${className} variant-${!disabled ? "default" : "disabled"}`,
-    containerProps,
-    disabled,
-    rightAddon: /* @__PURE__ */ import_react.default.createElement(import_TimePickerDropdown.TimePickerDropdown, {
+  return /*#__PURE__*/_jsx__default["default"](TimePickerContainer, {
+    className: "".concat(className, " variant-").concat(!disabled ? 'default' : 'disabled'),
+    containerProps: containerProps,
+    disabled: disabled,
+    rightAddon: /*#__PURE__*/_jsx__default["default"](TimePickerDropdown, {
       blockName: timePickerBlockName,
-      disabled,
+      disabled: disabled,
       isOpen: isMenuOpened,
-      zIndex,
-      placement,
+      zIndex: zIndex,
+      placement: placement,
       onOpen: handleMenuOpen,
-      onClick: (e) => {
+      onClick: e => {
         e.preventDefault();
         handleMenuOpen(!isMenuOpened);
       },
-      menu: /* @__PURE__ */ import_react.default.createElement("div", {
-        ref: timePickerRef
-      }, /* @__PURE__ */ import_react.default.createElement(import_TimePickerMenu.TimePickerMenu, {
-        disabled,
-        disabledTimes: disabledTimeRange,
-        format,
-        hasHeader,
-        hasHeaderDisplay,
-        onTimeChange: handlePickerChange,
-        minutesInterval,
-        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__ */ import_react.default.createElement(import_ds_form.DSInput, {
-    customInputType: ({ onChange: handleChange, ...restInputProps }) => /* @__PURE__ */ import_react.default.createElement(import_ds_form.TimeInputImpl, {
-      clearable: true,
-      disabled,
-      format,
-      onChange: handleChange,
-      ...restInputProps
-    }),
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInput, {
+    customInputType: _ref3 => {
+      let {
+        onChange: handleChange
+      } = _ref3,
+          restInputProps = _objectWithoutProperties__default["default"](_ref3, _excluded);
+
+      return /*#__PURE__*/jsxRuntime.jsx(dsForm.TimeInputImpl, _objectSpread({
+        clearable: true,
+        disabled: disabled,
+        format: format,
+        onChange: handleChange
+      }, restInputProps));
+    },
     isShowElipsisActive: false,
-    disabled,
+    disabled: disabled,
     onChange: handleInputChange,
     value: time
   }));
 };
-TimePickerImpl.propTypes = {
-  value: import_prop_types.default.instanceOf(Date, import_moment.default),
-  onChange: import_prop_types.default.func,
-  onOpen: import_prop_types.default.func,
-  format: import_prop_types.default.string,
-  disabled: import_prop_types.default.bool,
-  hasHeader: import_prop_types.default.bool,
-  hasHeaderDisplay: import_prop_types.default.bool,
-  className: import_prop_types.default.string,
-  containerProps: import_prop_types.default.object,
-  placement: import_prop_types.default.string,
-  zIndex: import_prop_types.default.number,
-  disabledTimes: import_prop_types.default.object,
-  minutesInterval: import_prop_types.default.number
-};
-var TimePickerImpl_default = TimePickerImpl;
-module.exports = __toCommonJS(TimePickerImpl_exports);
-//# sourceMappingURL=TimePickerImpl.js.map
+
+module.exports = TimePickerImpl;