@elliemae/ds-time-picker 2.2.0 → 2.3.0-alpha.3

package/cjs/TimePickerMenu.js

@@ -1,312 +1,241 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.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 dsClassnames = require('@elliemae/ds-classnames');
-var moment = require('moment');
-var dsUtilities = require('@elliemae/ds-utilities');
-var utils = require('./utils.js');
-var PickerPanel = require('./PickerPanel.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-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-menu';
-const TimePickerContainer = dsClassnames.aggregatedClasses('div')(blockName);
-const TimePickerHeader = dsClassnames.aggregatedClasses('div')(blockName, 'header');
-const TimePickerPanelContainer = dsClassnames.aggregatedClasses('div')(blockName, 'panel-container');
-
-const generateOption = format => option => ({
+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 TimePickerMenu_exports = {};
+__export(TimePickerMenu_exports, {
+  TimePickerMenu: () => TimePickerMenu,
+  default: () => TimePickerMenu_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_moment = __toESM(require("moment"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_utils = require("./utils");
+var import_PickerPanel = require("./PickerPanel");
+const blockName = "time-picker-menu";
+const TimePickerContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
+const TimePickerHeader = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "header");
+const TimePickerPanelContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "panel-container");
+const generateOption = (format) => (option) => ({
   value: option,
-  label: typeof format === 'function' ? format(option) : option
+  label: typeof format === "function" ? format(option) : option
 });
-
-class TimePickerMenu extends React.Component {
+class TimePickerMenu extends import_react.Component {
   constructor(props) {
     super(props);
-
     this.renderHeader = () => {
-      const {
-        time
-      } = this.state;
-      return /*#__PURE__*/_jsx__default["default"](TimePickerHeader, {}, void 0, time.format('hh:mma'));
+      const { time } = this.state;
+      return /* @__PURE__ */ import_react.default.createElement(TimePickerHeader, null, time.format("hh:mma"));
     };
-
     this.state = {
-      time: moment__default["default"](props.time || '', props.format) || moment__default["default"]()
+      time: (0, import_moment.default)(props.time || "", props.format) || (0, import_moment.default)()
     };
-    this.handleHoursChange = this.handleHoursChange.bind(this);
-    this.handleMinuteChange = this.handleMinuteChange.bind(this);
-    this.handleSecondsChange = this.handleSecondsChange.bind(this);
-    this.handleAMPMChange = this.handleAMPMChange.bind(this);
   }
-
   static getDerivedStateFromProps(props, state) {
     if (props.time) {
-      return _objectSpread(_objectSpread({}, state), {}, {
-        time: moment__default["default"](props.time)
-      });
+      return { ...state, time: (0, import_moment.default)(props.time) };
     }
-
-    return _objectSpread(_objectSpread({}, state), {}, {
-      time: undefined
-    });
+    return { ...state, time: void 0 };
   }
-
   componentDidMount() {
-    const {
-      time
-    } = this.state;
-    this.setState({
-      time
-    });
+    const { time } = this.state;
+    this.setState({ time });
   }
-
   handleMinuteChange(value) {
-    const {
-      time
-    } = this.state;
+    const { time } = this.state;
     this.updateTime(time.minute(value));
   }
-
   handleHoursChange(value) {
-    const {
-      time
-    } = this.state;
-    const {
-      use12Hours
-    } = this.props;
+    const { time } = this.state;
+    const { use12Hours } = this.props;
     let nextHour = value;
-
     if (use12Hours) {
-      if (!utils.isAM(time)) {
+      if (!(0, import_utils.isAM)(time)) {
         nextHour = value % 12 + 12;
       }
     }
-
     this.updateTime(time.hour(nextHour));
   }
-
   handleSecondsChange(value) {
-    const {
-      time
-    } = this.state;
+    const { time } = this.state;
     this.updateTime(time.second(value));
   }
-
   handleAMPMChange(value) {
-    const {
-      time
-    } = this.state;
+    const { time } = this.state;
     const hour = time.hour();
-    const nextHour = value.toLowerCase() === 'am' ? hour % 12 : hour % 12 + 12;
+    const nextHour = value.toLowerCase() === "am" ? hour % 12 : hour % 12 + 12;
     this.updateTime(time.hour(nextHour));
   }
-
   updateTime(time) {
-    const {
-      onTimeChange
-    } = this.props;
+    const { onTimeChange } = this.props;
     onTimeChange(time);
-    this.setState({
-      time
-    });
+    this.setState({ time });
   }
-
   renderHoursPanel() {
-    const {
-      time
-    } = this.state;
-    const {
-      showHours,
-      use12Hours,
-      format,
-      hasHeader,
-      disabledTimes
-    } = this.props;
-    if (!showHours) return null;
-    const hour = time.hour(); // in 24 format
-
+    const { time } = this.state;
+    const { showHours, use12Hours, format, hasHeader, disabledTimes } = this.props;
+    if (!showHours)
+      return null;
+    const hour = time.hour();
     let selectedHour = use12Hours ? hour % 12 || 12 : hour;
-
     if (disabledTimes) {
-      const {
-        from,
-        to
-      } = disabledTimes;
-
+      const { from, to } = disabledTimes;
       if (hour > from.hour && hour < to.hour) {
         if (to.hour < 24) {
           const toFormatted = to.hour % 12 || 12;
-          if (selectedHour !== toFormatted) this.handleHoursChange(toFormatted);
+          if (selectedHour !== toFormatted)
+            this.handleHoursChange(toFormatted);
           selectedHour = toFormatted;
         } else if (from) {
           selectedHour = (from.hour - 1) % 12 || 12;
         }
       }
     }
-
-    const meridiem = hour >= 12 ? 'PM' : 'AM';
-    const withLeadingZeros = format.indexOf('hh') > -1;
-    const rangeHours = use12Hours ? dsUtilities.range(1, 13) : dsUtilities.range(24);
-    const hoursOptions = rangeHours.map(generateOption(withLeadingZeros && dsUtilities.addLeadingZeros(2)));
-    return /*#__PURE__*/_jsx__default["default"](PickerPanel, {
+    const meridiem = hour >= 12 ? "PM" : "AM";
+    const withLeadingZeros = format.indexOf("hh") > -1;
+    const rangeHours = use12Hours ? (0, import_ds_utilities.range)(1, 13) : (0, import_ds_utilities.range)(24);
+    const hoursOptions = rangeHours.map(generateOption(withLeadingZeros && (0, import_ds_utilities.addLeadingZeros)(2)));
+    return /* @__PURE__ */ import_react.default.createElement(import_PickerPanel.PickerPanel, {
       type: "hour",
-      time: time,
-      meridiem: meridiem,
-      hasHeader: hasHeader,
+      time,
+      meridiem,
+      hasHeader,
       header: "H",
       onChange: this.handleHoursChange,
       options: hoursOptions,
       selected: selectedHour,
-      disabledTimes: disabledTimes
+      disabledTimes
     });
   }
-
   renderMinutesPanel() {
-    const {
-      time
-    } = this.state;
-    const {
-      showMinutes,
-      format,
-      hasHeader,
-      disabledTimes,
-      minutesInterval
-    } = this.props;
-    if (!showMinutes) return null;
-    const withLeadingZeros = format.indexOf('mm') > -1;
-    const rangeMinutes = dsUtilities.range(0, 60, minutesInterval).map(generateOption(withLeadingZeros && dsUtilities.addLeadingZeros(2)));
+    const { time } = this.state;
+    const { showMinutes, format, hasHeader, disabledTimes, minutesInterval } = this.props;
+    if (!showMinutes)
+      return null;
+    const withLeadingZeros = format.indexOf("mm") > -1;
+    const rangeMinutes = (0, import_ds_utilities.range)(0, 60, minutesInterval).map(generateOption(withLeadingZeros && (0, import_ds_utilities.addLeadingZeros)(2)));
     let selectedMinute = time.minute();
     const selectedHour = time.hour();
-
     if (disabledTimes) {
-      const {
-        from,
-        to
-      } = disabledTimes;
-
+      const { from, to } = disabledTimes;
       if (selectedHour <= to.hour && selectedHour > from.hour) {
         if (to) {
-          if (selectedMinute < to.min) this.handleMinuteChange(to.min);
+          if (selectedMinute < to.min)
+            this.handleMinuteChange(to.min);
         } else if (from) {
-          if (selectedMinute > from.min) this.handleMinuteChange(from.min - 1);
+          if (selectedMinute > from.min)
+            this.handleMinuteChange(from.min - 1);
         }
       } else {
         selectedMinute = time.minute();
       }
     }
-
-    return /*#__PURE__*/_jsx__default["default"](PickerPanel, {
+    return /* @__PURE__ */ import_react.default.createElement(import_PickerPanel.PickerPanel, {
       type: "minutes",
-      time: time,
-      hasHeader: hasHeader,
+      time,
+      hasHeader,
       header: "M",
       onChange: this.handleMinuteChange,
       options: rangeMinutes,
       selected: selectedMinute,
-      disabledTimes: disabledTimes
+      disabledTimes
     });
   }
-
   renderSecondsPanel() {
-    const {
-      time
-    } = this.state;
-    const {
-      showSeconds,
-      format,
-      hasHeader
-    } = this.props;
-    if (!showSeconds) return null;
-    const withLeadingZeros = format.indexOf('ss') > -1;
-    const rangeSeconds = dsUtilities.range(60).map(generateOption(withLeadingZeros && dsUtilities.addLeadingZeros(2)));
-    return /*#__PURE__*/_jsx__default["default"](PickerPanel, {
+    const { time } = this.state;
+    const { showSeconds, format, hasHeader } = this.props;
+    if (!showSeconds)
+      return null;
+    const withLeadingZeros = format.indexOf("ss") > -1;
+    const rangeSeconds = (0, import_ds_utilities.range)(60).map(generateOption(withLeadingZeros && (0, import_ds_utilities.addLeadingZeros)(2)));
+    return /* @__PURE__ */ import_react.default.createElement(import_PickerPanel.PickerPanel, {
       type: "seconds",
-      hasHeader: hasHeader,
+      hasHeader,
       header: "S",
       onChange: this.handleSecondsChange,
       options: rangeSeconds,
       selected: time.second()
     });
   }
-
   renderAMPMPanel() {
-    const {
-      time
-    } = this.state;
-    const {
-      use12Hours,
-      hasHeader,
-      disabledTimes
-    } = this.props;
-    if (!use12Hours) return null;
-    let meridiemSelected = !utils.isAM(time) ? 'pm' : 'am';
-
-    if (disabledTimes && disabledTimes.to && meridiemSelected === 'am') {
-      meridiemSelected = disabledTimes.to.hour >= 12 ? 'pm' : 'am';
-
-      if (meridiemSelected === 'am' && time.hour() > 12) {
-        this.handleAMPMChange('am');
+    const { time } = this.state;
+    const { use12Hours, hasHeader, disabledTimes } = this.props;
+    if (!use12Hours)
+      return null;
+    let meridiemSelected = !(0, import_utils.isAM)(time) ? "pm" : "am";
+    if (disabledTimes && disabledTimes.to && meridiemSelected === "am") {
+      meridiemSelected = disabledTimes.to.hour >= 12 ? "pm" : "am";
+      if (meridiemSelected === "am" && time.hour() > 12) {
+        this.handleAMPMChange("am");
       }
-
-      if (meridiemSelected === 'pm' && time.hour() <= 12) {
-        this.handleAMPMChange('pm');
+      if (meridiemSelected === "pm" && time.hour() <= 12) {
+        this.handleAMPMChange("pm");
       }
     }
-
-    return /*#__PURE__*/_jsx__default["default"](PickerPanel, {
+    return /* @__PURE__ */ import_react.default.createElement(import_PickerPanel.PickerPanel, {
       type: "meridiem",
-      hasHeader: hasHeader,
+      hasHeader,
       header: "",
       onChange: this.handleAMPMChange,
-      options: [{
-        value: 'am',
-        label: 'am'
-      }, {
-        value: 'pm',
-        label: 'pm'
-      }],
+      options: [
+        { value: "am", label: "am" },
+        { value: "pm", label: "pm" }
+      ],
       selected: meridiemSelected,
-      disabledTimes: disabledTimes
+      disabledTimes
     });
   }
-
   render() {
-    const {
-      hasHeaderDisplay
-    } = this.props;
-    return /*#__PURE__*/_jsx__default["default"](TimePickerContainer, {}, void 0, hasHeaderDisplay && this.renderHeader(), /*#__PURE__*/_jsx__default["default"](TimePickerPanelContainer, {}, void 0, this.renderHoursPanel(), this.renderMinutesPanel(), this.renderSecondsPanel(), this.renderAMPMPanel()));
+    const { hasHeaderDisplay } = this.props;
+    return /* @__PURE__ */ import_react.default.createElement(TimePickerContainer, null, hasHeaderDisplay && this.renderHeader(), /* @__PURE__ */ import_react.default.createElement(TimePickerPanelContainer, null, this.renderHoursPanel(), this.renderMinutesPanel(), this.renderSecondsPanel(), this.renderAMPMPanel()));
   }
-
 }
-
 TimePickerMenu.defaultProps = {
-  time: moment__default["default"](),
+  time: (0, import_moment.default)(),
   hasHeader: false,
   use12Hours: true,
   showSeconds: true,
   showMinutes: true,
   showHours: true,
-  disabledTimes: undefined,
+  disabledTimes: void 0,
   onTimeChange: () => null
 };
-
-exports.TimePickerMenu = TimePickerMenu;
-exports["default"] = TimePickerMenu;
+TimePickerMenu.propTypes = {
+  time: import_prop_types.default.instanceOf(import_moment.default),
+  hasHeader: import_prop_types.default.bool,
+  use12Hours: import_prop_types.default.bool,
+  showSeconds: import_prop_types.default.bool,
+  showMinutes: import_prop_types.default.bool,
+  showHours: import_prop_types.default.bool,
+  onTimeChange: import_prop_types.default.func,
+  disabledTimes: import_prop_types.default.object
+};
+var TimePickerMenu_default = TimePickerMenu;
+module.exports = __toCommonJS(TimePickerMenu_exports);
+//# sourceMappingURL=TimePickerMenu.js.map

package/cjs/TimePickerMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/TimePickerMenu.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport moment from 'moment';\nimport { range, addLeadingZeros } from '@elliemae/ds-utilities';\nimport { isAM } from './utils';\nimport { PickerPanel } from './PickerPanel';\n\nconst blockName = 'time-picker-menu';\n\nconst TimePickerContainer = aggregatedClasses('div')(blockName);\nconst TimePickerHeader = aggregatedClasses('div')(blockName, 'header');\nconst TimePickerPanelContainer = aggregatedClasses('div')(blockName, 'panel-container');\n\nconst generateOption = (format) => (option) => ({\n  value: option,\n  label: typeof format === 'function' ? format(option) : option,\n});\n\nclass TimePickerMenu extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      time: moment(props.time || '', props.format) || moment(),\n    };\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.time) {\n      return { ...state, time: moment(props.time) };\n    }\n    return { ...state, time: undefined };\n  }\n\n  componentDidMount() {\n    const { time } = this.state;\n    this.setState({ time });\n  }\n\n  handleMinuteChange(value) {\n    const { time } = this.state;\n    this.updateTime(time.minute(value));\n  }\n\n  handleHoursChange(value) {\n    const { time } = this.state;\n    const { use12Hours } = this.props;\n    let nextHour = value;\n    if (use12Hours) {\n      if (!isAM(time)) {\n        nextHour = (value % 12) + 12;\n      }\n    }\n    this.updateTime(time.hour(nextHour));\n  }\n\n  handleSecondsChange(value) {\n    const { time } = this.state;\n    this.updateTime(time.second(value));\n  }\n\n  handleAMPMChange(value) {\n    const { time } = this.state;\n    const hour = time.hour();\n    const nextHour = value.toLowerCase() === 'am' ? hour % 12 : (hour % 12) + 12;\n    this.updateTime(time.hour(nextHour));\n  }\n\n  updateTime(time) {\n    const { onTimeChange } = this.props;\n    onTimeChange(time);\n    this.setState({ time });\n  }\n\n  renderHoursPanel() {\n    const { time } = this.state;\n    const { showHours, use12Hours, format, hasHeader, disabledTimes } = this.props;\n    if (!showHours) return null;\n\n    const hour = time.hour(); // in 24 format\n    let selectedHour = use12Hours ? hour % 12 || 12 : hour;\n    if (disabledTimes) {\n      const { from, to } = disabledTimes;\n      if (hour > from.hour && hour < to.hour) {\n        if (to.hour < 24) {\n          const toFormatted = to.hour % 12 || 12;\n          if (selectedHour !== toFormatted) this.handleHoursChange(toFormatted);\n          selectedHour = toFormatted;\n        } else if (from) {\n          selectedHour = (from.hour - 1) % 12 || 12;\n        }\n      }\n    }\n\n    const meridiem = hour >= 12 ? 'PM' : 'AM';\n    const withLeadingZeros = format.indexOf('hh') > -1;\n    const rangeHours = use12Hours ? range(1, 13) : range(24);\n    const hoursOptions = rangeHours.map(generateOption(withLeadingZeros && addLeadingZeros(2)));\n    return (\n      <PickerPanel\n        type=\"hour\"\n        time={time}\n        meridiem={meridiem}\n        hasHeader={hasHeader}\n        header=\"H\"\n        onChange={this.handleHoursChange}\n        options={hoursOptions}\n        selected={selectedHour}\n        disabledTimes={disabledTimes}\n      />\n    );\n  }\n\n  renderMinutesPanel() {\n    const { time } = this.state;\n    const { showMinutes, format, hasHeader, disabledTimes, minutesInterval } = this.props;\n    if (!showMinutes) return null;\n    const withLeadingZeros = format.indexOf('mm') > -1;\n    const rangeMinutes = range(0, 60, minutesInterval).map(generateOption(withLeadingZeros && addLeadingZeros(2)));\n\n    let selectedMinute = time.minute();\n    const selectedHour = time.hour();\n\n    if (disabledTimes) {\n      const { from, to } = disabledTimes;\n      if (selectedHour <= to.hour && selectedHour > from.hour) {\n        if (to) {\n          if (selectedMinute < to.min) this.handleMinuteChange(to.min);\n        } else if (from) {\n          if (selectedMinute > from.min) this.handleMinuteChange(from.min - 1);\n        }\n      } else {\n        selectedMinute = time.minute();\n      }\n    }\n\n    return (\n      <PickerPanel\n        type=\"minutes\"\n        time={time}\n        hasHeader={hasHeader}\n        header=\"M\"\n        onChange={this.handleMinuteChange}\n        options={rangeMinutes}\n        selected={selectedMinute}\n        disabledTimes={disabledTimes}\n      />\n    );\n  }\n\n  renderSecondsPanel() {\n    const { time } = this.state;\n    const { showSeconds, format, hasHeader } = this.props;\n    if (!showSeconds) return null;\n    const withLeadingZeros = format.indexOf('ss') > -1;\n    const rangeSeconds = range(60).map(generateOption(withLeadingZeros && addLeadingZeros(2)));\n    return (\n      <PickerPanel\n        type=\"seconds\"\n        hasHeader={hasHeader}\n        header=\"S\"\n        onChange={this.handleSecondsChange}\n        options={rangeSeconds}\n        selected={time.second()}\n      />\n    );\n  }\n\n  renderAMPMPanel() {\n    const { time } = this.state;\n    const { use12Hours, hasHeader, disabledTimes } = this.props;\n    if (!use12Hours) return null;\n\n    let meridiemSelected = !isAM(time) ? 'pm' : 'am';\n    if (disabledTimes && disabledTimes.to && meridiemSelected === 'am') {\n      meridiemSelected = disabledTimes.to.hour >= 12 ? 'pm' : 'am';\n      if (meridiemSelected === 'am' && time.hour() > 12) {\n        this.handleAMPMChange('am');\n      }\n\n      if (meridiemSelected === 'pm' && time.hour() <= 12) {\n        this.handleAMPMChange('pm');\n      }\n    }\n\n    return (\n      <PickerPanel\n        type=\"meridiem\"\n        hasHeader={hasHeader}\n        header=\"\"\n        onChange={this.handleAMPMChange}\n        options={[\n          { value: 'am', label: 'am' },\n          { value: 'pm', label: 'pm' },\n        ]}\n        selected={meridiemSelected}\n        disabledTimes={disabledTimes}\n      />\n    );\n  }\n\n  renderHeader = () => {\n    const { time } = this.state;\n    return <TimePickerHeader>{time.format('hh:mma')}</TimePickerHeader>;\n  };\n\n  render() {\n    const { hasHeaderDisplay } = this.props;\n\n    return (\n      <TimePickerContainer>\n        {hasHeaderDisplay && this.renderHeader()}\n        <TimePickerPanelContainer>\n          {this.renderHoursPanel()}\n          {this.renderMinutesPanel()}\n          {this.renderSecondsPanel()}\n          {this.renderAMPMPanel()}\n        </TimePickerPanelContainer>\n      </TimePickerContainer>\n    );\n  }\n}\n\nTimePickerMenu.defaultProps = {\n  time: moment(),\n  hasHeader: false,\n  use12Hours: true,\n  showSeconds: true,\n  showMinutes: true,\n  showHours: true,\n  disabledTimes: undefined,\n  onTimeChange: () => null,\n};\n\nTimePickerMenu.propTypes = {\n  /** Time value */\n  time: PropTypes.instanceOf(moment),\n  /** If the menu has header or not */\n  hasHeader: PropTypes.bool,\n  /** Whether to use the 12 hours format */\n  use12Hours: PropTypes.bool,\n  /** Whether show 'seconds' or not */\n  showSeconds: PropTypes.bool,\n  /** Whether show 'minutes' or not */\n  showMinutes: PropTypes.bool,\n  /** Whether show 'hours' or not */\n  showHours: PropTypes.bool,\n  /** Handler when time changes */\n  onTimeChange: PropTypes.func,\n  disabledTimes: PropTypes.object,\n};\n\nexport { TimePickerMenu };\nexport default TimePickerMenu;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/cjs/index.js

@@ -1,17 +1,40 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSTimePicker = require('./DSTimePicker.js');
-var TimePickerMenu = require('./TimePickerMenu.js');
-var DSTimePickerMenu = require('./DSTimePickerMenu.js');
-var utils = require('./utils.js');
-
-
-
-exports.DSTimePicker = DSTimePicker.DSTimePicker;
-exports.DSTimePickerWithSchema = DSTimePicker.DSTimePickerWithSchema;
-exports["default"] = DSTimePicker.DSTimePicker;
-exports.TimePickerMenu = TimePickerMenu.TimePickerMenu;
-exports.DSTimePickerMenu = DSTimePickerMenu.DSTimePickerMenu;
-exports.convertTimeString = utils.convertTimeString;
+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 src_exports = {};
+__export(src_exports, {
+  convertTimeString: () => import_utils.convertTimeString,
+  default: () => import_DSTimePicker.default
+});
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./DSTimePicker"));
+__reExport(src_exports, require("./TimePickerMenu"));
+__reExport(src_exports, require("./DSTimePickerMenu"));
+var import_utils = require("./utils");
+var import_DSTimePicker = __toESM(require("./DSTimePicker"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DSTimePicker';\nexport * from './TimePickerMenu';\nexport * from './DSTimePickerMenu';\n\nexport { convertTimeString } from './utils'; // this is an exception, we should move utils to shared tho?\n\nexport { default } from './DSTimePicker';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,wBAAc;AAEd,mBAAkC;AAElC,0BAAwB;",
+  "names": []
+}