@elliemae/ds-time-picker 2.2.1 → 2.3.0-alpha.4

package/cjs/TimePickerDropdown.js

@@ -1,53 +1,74 @@
-'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 __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 });
 };
-
-module.exports = TimePickerDropdown;
+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

package/cjs/TimePickerDropdown.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TimePickerDropdown.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { RecentDocuments } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSPopper } from '@elliemae/ds-popper';\n\nconst TimePickerDropdown = ({ disabled = false, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }) => (\n  <DSPopper\n    blockName={blockName}\n    placement={placement}\n    contentComponent={menu}\n    isOpen={isOpen}\n    onOpen={onOpen}\n    modifiers={{\n      preventOverflow: {\n        enabled: true,\n        padding: 0,\n        boundariesElement: 'window',\n      },\n    }}\n    showArrow={false}\n    triggerComponent={\n      <DSButton buttonType=\"secondary\" disabled={disabled} icon={<RecentDocuments />} iconSize=\"s\" onClick={onClick} />\n    }\n    zIndex={zIndex}\n  />\n);\n\nTimePickerDropdown.propTypes = {\n  onClick: PropTypes.func,\n  onOpen: PropTypes.func,\n  disabled: PropTypes.bool,\n  isOpen: PropTypes.bool,\n  menu: PropTypes.element,\n  blockName: PropTypes.string,\n  placement: PropTypes.string,\n  zIndex: PropTypes.number,\n};\n\nexport { TimePickerDropdown };\nexport default TimePickerDropdown;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,sBAAgC;AAChC,uBAAyB;AACzB,uBAAyB;AAEzB,MAAM,qBAAqB,CAAC,EAAE,WAAW,OAAO,SAAS,QAAQ,QAAQ,MAAM,QAAQ,WAAW,gBAChG,mDAAC,2BAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,IACT,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,SAAS;AAAA,MACT,mBAAmB;AAAA;AAAA;AAAA,EAGvB,WAAW;AAAA,EACX,kBACE,mDAAC,2BAAD;AAAA,IAAU,YAAW;AAAA,IAAY;AAAA,IAAoB,MAAM,mDAAC,iCAAD;AAAA,IAAqB,UAAS;AAAA,IAAI;AAAA;AAAA,EAE/F;AAAA;AAIJ,mBAAmB,YAAY;AAAA,EAC7B,SAAS,0BAAU;AAAA,EACnB,QAAQ,0BAAU;AAAA,EAClB,UAAU,0BAAU;AAAA,EACpB,QAAQ,0BAAU;AAAA,EAClB,MAAM,0BAAU;AAAA,EAChB,WAAW,0BAAU;AAAA,EACrB,WAAW,0BAAU;AAAA,EACrB,QAAQ,0BAAU;AAAA;AAIpB,IAAO,6BAAQ;",
+  "names": []
+}

package/cjs/TimePickerImpl.js

@@ -1,175 +1,183 @@
-'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
+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);
   };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var TimePickerImpl_exports = {};
+__export(TimePickerImpl_exports, {
+  TimePickerImpl: () => TimePickerImpl,
+  default: () => TimePickerImpl_default
 });
-
-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);
+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);
   }, [value]);
-  React.useEffect(() => {
-    window.addEventListener('click', handleClickOutside, false);
-    return () => window.removeEventListener('click', handleClickOutside, false);
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("click", handleClickOutside, false);
+    return () => window.removeEventListener("click", handleClickOutside, false);
   }, []);
-  React.useEffect(() => {
-    window.addEventListener('keydown', handleKeyDown, false);
-    return () => window.removeEventListener('keydown', handleKeyDown, false);
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("keydown", handleKeyDown, false);
+    return () => window.removeEventListener("keydown", handleKeyDown, false);
   }, []);
-  React.useEffect(() => {
-    if (isMenuOpened) handleChangeFocus();
+  (0, import_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(moment__default["default"](newTime));
-    onChange(moment__default["default"](newTime));
+  const handlePickerChange = (newTime) => {
+    setTime((0, import_moment.default)(newTime));
+    onChange((0, import_moment.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 = memoizeOne__default["default"](format => dsUtilities.getVisibleTimeByFormat(format));
-  const timePickerBlockName = dsClassnames.convertPropToCssClassName(blockName);
+  const getVisibleTimePanels = (0, import_memoize_one.default)((format2) => (0, import_ds_utilities.getVisibleTimeByFormat)(format2));
+  const timePickerBlockName = (0, import_ds_classnames.convertPropToCssClassName)(blockName);
   const visiblePanels = getVisibleTimePanels(format);
   const disabledTimeRange = disabledTimes && {
-    from: utils.convertTimeString(disabledTimes.from),
-    to: utils.convertTimeString(disabledTimes.to)
+    from: (0, import_utils.convertTimeString)(disabledTimes.from),
+    to: (0, import_utils.convertTimeString)(disabledTimes.to)
   };
-  return /*#__PURE__*/_jsx__default["default"](TimePickerContainer, {
-    className: "".concat(className, " variant-").concat(!disabled ? 'default' : 'disabled'),
-    containerProps: containerProps,
-    disabled: disabled,
-    rightAddon: /*#__PURE__*/_jsx__default["default"](TimePickerDropdown, {
+  return /* @__PURE__ */ import_react.default.createElement(TimePickerContainer, {
+    className: `${className} variant-${!disabled ? "default" : "disabled"}`,
+    containerProps,
+    disabled,
+    rightAddon: /* @__PURE__ */ import_react.default.createElement(import_TimePickerDropdown.TimePickerDropdown, {
       blockName: timePickerBlockName,
-      disabled: disabled,
+      disabled,
       isOpen: isMenuOpened,
-      zIndex: zIndex,
-      placement: placement,
+      zIndex,
+      placement,
       onOpen: handleMenuOpen,
-      onClick: e => {
+      onClick: (e) => {
         e.preventDefault();
         handleMenuOpen(!isMenuOpened);
       },
-      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))
-      })
+      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
+      }))
     })
-  }, 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));
-    },
+  }, /* @__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
+    }),
     isShowElipsisActive: false,
-    disabled: disabled,
+    disabled,
     onChange: handleInputChange,
     value: time
   }));
 };
-
-module.exports = TimePickerImpl;
+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

package/cjs/TimePickerImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TimePickerImpl.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable no-shadow */\nimport React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport memoizeOne from 'memoize-one';\nimport { getVisibleTimeByFormat } from '@elliemae/ds-utilities';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSInput, DSInputGroup, TimeInputImpl } from '@elliemae/ds-form';\nimport { TimePickerMenu } from './TimePickerMenu';\nimport { TimePickerDropdown } from './TimePickerDropdown';\nimport { convertTimeString } from './utils';\n\nconst blockName = 'time-picker';\n\nconst TimePickerContainer = aggregatedClasses(DSInputGroup)(blockName, null, ({ isMenuOpened }) => ({\n  isMenuOpened,\n}));\n\nconst TimePickerImpl = ({\n  value,\n  onChange,\n  onOpen,\n  format,\n  disabled,\n  hasHeader,\n  hasHeaderDisplay,\n  className,\n  containerProps,\n  placement,\n  zIndex,\n  disabledTimes,\n  minutesInterval,\n}) => {\n  const [time, setTime] = useState();\n  const [isMenuOpened, setIsMenuOpened] = useState(false);\n  const [focusedColumn, setFocusedColumn] = useState(null);\n  const timePickerRef = useRef();\n  useEffect(() => {\n    if (moment(value).isValid()) setTime(moment(value));\n    else if (value === null) setTime(undefined);\n  }, [value]);\n\n  useEffect(() => {\n    window.addEventListener('click', handleClickOutside, false);\n    return () => window.removeEventListener('click', handleClickOutside, false);\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown, false);\n    return () => window.removeEventListener('keydown', handleKeyDown, false);\n  }, []);\n\n  useEffect(() => {\n    if (isMenuOpened) handleChangeFocus();\n  }, [isMenuOpened]);\n\n  const handleClickOutside = () => {\n    if (isMenuOpened) setIsMenuOpened(false);\n  };\n\n  const handleKeyDown = (event) => {\n    const { key } = event;\n    const menuOpenKeys = ['Escape', ' ', 'Enter'];\n    if (menuOpenKeys.includes(key)) setIsMenuOpened(false);\n  };\n\n  const handleChangeFocus = () => {\n    const [firstColumn] = document.getElementsByClassName('em-ds-time-picker-panel');\n    if (firstColumn && !focusedColumn) {\n      setFocusedColumn(firstColumn);\n      firstColumn.focus();\n    }\n  };\n\n  const handlePickerChange = (newTime) => {\n    setTime(moment(newTime));\n    onChange(moment(newTime));\n  };\n\n  const handleInputChange = (newTime) => {\n    setTime(newTime);\n    onChange(newTime);\n  };\n\n  const handleMenuOpen = (isOpen) => {\n    onOpen(isOpen);\n    setIsMenuOpened(isOpen);\n    if (!isOpen) setFocusedColumn(null);\n  };\n\n  const getVisibleTimePanels = memoizeOne((format) => getVisibleTimeByFormat(format));\n  const timePickerBlockName = convertPropToCssClassName(blockName);\n  const visiblePanels = getVisibleTimePanels(format);\n\n  const disabledTimeRange = disabledTimes && {\n    from: convertTimeString(disabledTimes.from),\n    to: convertTimeString(disabledTimes.to),\n  };\n\n  return (\n    <TimePickerContainer\n      className={`${className} variant-${!disabled ? 'default' : 'disabled'}`}\n      containerProps={containerProps}\n      disabled={disabled}\n      rightAddon={\n        <TimePickerDropdown\n          blockName={timePickerBlockName}\n          disabled={disabled}\n          isOpen={isMenuOpened}\n          zIndex={zIndex}\n          placement={placement}\n          onOpen={handleMenuOpen}\n          onClick={(e) => {\n            e.preventDefault();\n            handleMenuOpen(!isMenuOpened);\n          }}\n          menu={\n            <div ref={timePickerRef}>\n              <TimePickerMenu\n                disabled={disabled}\n                disabledTimes={disabledTimeRange}\n                format={format}\n                hasHeader={hasHeader}\n                hasHeaderDisplay={hasHeaderDisplay}\n                onTimeChange={handlePickerChange}\n                minutesInterval={minutesInterval}\n                time={time}\n                {...visiblePanels}\n              />\n            </div>\n          }\n        />\n      }\n    >\n      <DSInput\n        customInputType={({ onChange: handleChange, ...restInputProps }) => (\n          <TimeInputImpl clearable disabled={disabled} format={format} onChange={handleChange} {...restInputProps} />\n        )}\n        isShowElipsisActive={false}\n        disabled={disabled}\n        onChange={handleInputChange}\n        value={time}\n      />\n    </TimePickerContainer>\n  );\n};\n\nTimePickerImpl.propTypes = {\n  value: PropTypes.instanceOf(Date, moment),\n  onChange: PropTypes.func,\n  onOpen: PropTypes.func,\n  format: PropTypes.string,\n  disabled: PropTypes.bool,\n  hasHeader: PropTypes.bool,\n  hasHeaderDisplay: PropTypes.bool,\n  className: PropTypes.string,\n  containerProps: PropTypes.object,\n  placement: PropTypes.string,\n  zIndex: PropTypes.number,\n  disabledTimes: PropTypes.object,\n  minutesInterval: PropTypes.number,\n};\n\nexport { TimePickerImpl };\nexport default TimePickerImpl;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}