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

package/esm/TimePickerMenu.js

@@ -1,292 +1,189 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import { Component } from 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import moment from 'moment';
-import { range, addLeadingZeros } from '@elliemae/ds-utilities';
-import { isAM } from './utils.js';
-import PickerPanel from './PickerPanel.js';
-
-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(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 = aggregatedClasses('div')(blockName);
-const TimePickerHeader = aggregatedClasses('div')(blockName, 'header');
-const TimePickerPanelContainer = aggregatedClasses('div')(blockName, 'panel-container');
-
-const generateOption = format => option => ({
+import * as React from "react";
+import React2, { Component } from "react";
+import PropTypes from "prop-types";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import moment from "moment";
+import { range, addLeadingZeros } from "@elliemae/ds-utilities";
+import { isAM } from "./utils";
+import { PickerPanel } from "./PickerPanel";
+const blockName = "time-picker-menu";
+const TimePickerContainer = aggregatedClasses("div")(blockName);
+const TimePickerHeader = aggregatedClasses("div")(blockName, "header");
+const TimePickerPanelContainer = 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 Component {
   constructor(props) {
     super(props);
-
     this.renderHeader = () => {
-      const {
-        time
-      } = this.state;
-      return /*#__PURE__*/_jsx(TimePickerHeader, {}, void 0, time.format('hh:mma'));
+      const { time } = this.state;
+      return /* @__PURE__ */ React2.createElement(TimePickerHeader, null, time.format("hh:mma"));
     };
-
     this.state = {
-      time: moment(props.time || '', props.format) || moment()
+      time: moment(props.time || "", props.format) || moment()
     };
-    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(props.time)
-      });
+      return { ...state, time: moment(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 (!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 meridiem = hour >= 12 ? "PM" : "AM";
+    const withLeadingZeros = format.indexOf("hh") > -1;
     const rangeHours = use12Hours ? range(1, 13) : range(24);
     const hoursOptions = rangeHours.map(generateOption(withLeadingZeros && addLeadingZeros(2)));
-    return /*#__PURE__*/_jsx(PickerPanel, {
+    return /* @__PURE__ */ React2.createElement(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 { time } = this.state;
+    const { showMinutes, format, hasHeader, disabledTimes, minutesInterval } = this.props;
+    if (!showMinutes)
+      return null;
+    const withLeadingZeros = format.indexOf("mm") > -1;
     const rangeMinutes = range(0, 60, minutesInterval).map(generateOption(withLeadingZeros && 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(PickerPanel, {
+    return /* @__PURE__ */ React2.createElement(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 { time } = this.state;
+    const { showSeconds, format, hasHeader } = this.props;
+    if (!showSeconds)
+      return null;
+    const withLeadingZeros = format.indexOf("ss") > -1;
     const rangeSeconds = range(60).map(generateOption(withLeadingZeros && addLeadingZeros(2)));
-    return /*#__PURE__*/_jsx(PickerPanel, {
+    return /* @__PURE__ */ React2.createElement(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 = !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 = !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(PickerPanel, {
+    return /* @__PURE__ */ React2.createElement(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(TimePickerContainer, {}, void 0, hasHeaderDisplay && this.renderHeader(), /*#__PURE__*/_jsx(TimePickerPanelContainer, {}, void 0, this.renderHoursPanel(), this.renderMinutesPanel(), this.renderSecondsPanel(), this.renderAMPMPanel()));
+    const { hasHeaderDisplay } = this.props;
+    return /* @__PURE__ */ React2.createElement(TimePickerContainer, null, hasHeaderDisplay && this.renderHeader(), /* @__PURE__ */ React2.createElement(TimePickerPanelContainer, null, this.renderHoursPanel(), this.renderMinutesPanel(), this.renderSecondsPanel(), this.renderAMPMPanel()));
   }
-
 }
-
 TimePickerMenu.defaultProps = {
   time: moment(),
   hasHeader: false,
@@ -294,8 +191,22 @@ TimePickerMenu.defaultProps = {
   showSeconds: true,
   showMinutes: true,
   showHours: true,
-  disabledTimes: undefined,
+  disabledTimes: void 0,
   onTimeChange: () => null
 };
-
-export { TimePickerMenu, TimePickerMenu as default };
+TimePickerMenu.propTypes = {
+  time: PropTypes.instanceOf(moment),
+  hasHeader: PropTypes.bool,
+  use12Hours: PropTypes.bool,
+  showSeconds: PropTypes.bool,
+  showMinutes: PropTypes.bool,
+  showHours: PropTypes.bool,
+  onTimeChange: PropTypes.func,
+  disabledTimes: PropTypes.object
+};
+var TimePickerMenu_default = TimePickerMenu;
+export {
+  TimePickerMenu,
+  TimePickerMenu_default as default
+};
+//# sourceMappingURL=TimePickerMenu.js.map

package/esm/TimePickerMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/TimePickerMenu.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "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",
+  "names": []
+}

package/esm/index.js

@@ -1,4 +1,11 @@
-export { DSTimePicker, DSTimePickerWithSchema, DSTimePicker as default } from './DSTimePicker.js';
-export { TimePickerMenu } from './TimePickerMenu.js';
-export { DSTimePickerMenu } from './DSTimePickerMenu.js';
-export { convertTimeString } from './utils.js';
+import * as React from "react";
+export * from "./DSTimePicker";
+export * from "./TimePickerMenu";
+export * from "./DSTimePickerMenu";
+import { convertTimeString } from "./utils";
+import { default as default2 } from "./DSTimePicker";
+export {
+  convertTimeString,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AAEA;",
+  "names": []
+}

package/esm/moveElementOnScroll.js

@@ -1,28 +1,25 @@
-function MoveElementOnScroll(element, _ref) {
-  let {
-    container,
-    min = 0,
-    max = element.offsetHeight,
-    speed = 1,
-    smooth = 2,
-    onUpdate = () => null,
-    onEndScroll = () => null
-  } = _ref;
+import * as React from "react";
+function MoveElementOnScroll(element, {
+  container,
+  min = 0,
+  max = element.offsetHeight,
+  speed = 1,
+  smooth = 2,
+  onUpdate = () => null,
+  onEndScroll = () => null
+}) {
   let moving = false;
   let pos = min;
-  let lastPos = pos; // todo: move this to utils if we finally need it
-
-  const requestFrame = function () {
-    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (func) {
-      window.setTimeout(func, 1000 / 50);
+  let lastPos = pos;
+  const requestFrame = function() {
+    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(func) {
+      window.setTimeout(func, 1e3 / 50);
     };
   }();
-
   function update() {
     moving = true;
     const delta = (pos - lastPos) / smooth;
     lastPos += delta;
-
     if (Math.abs(delta) > 0.7) {
       requestFrame(() => {
         onUpdate(lastPos, delta);
@@ -33,38 +30,35 @@ function MoveElementOnScroll(element, _ref) {
       moving = false;
     }
   }
-
   function scrolling(e) {
-    e.preventDefault(); // disable default scrolling
-
+    e.preventDefault();
     let delta = e.delta || e.wheelDelta;
-
-    if (delta === undefined) {
-      // for firefox
+    if (delta === void 0) {
       delta = -e.detail;
       delta *= 10 * speed;
     }
-
     pos += -delta * speed;
-    pos = Math.max(min, Math.min(pos, max)); // limit scrolling
-
+    pos = Math.max(min, Math.min(pos, max));
     if (!moving) {
       update();
     }
   }
-
-  container.addEventListener('mousewheel', scrolling, false);
-  container.addEventListener('DOMMouseScroll', scrolling, false);
+  container.addEventListener("mousewheel", scrolling, false);
+  container.addEventListener("DOMMouseScroll", scrolling, false);
   return {
     unsubscribe: () => {
-      container.removeEventListener('mousewheel', scrolling);
-      container.removeEventListener('DOMMouseScroll', scrolling);
+      container.removeEventListener("mousewheel", scrolling);
+      container.removeEventListener("DOMMouseScroll", scrolling);
     },
-    updatePosition: newPos => {
+    updatePosition: (newPos) => {
       pos = -newPos;
       lastPos = -pos;
     }
   };
 }
-
-export { MoveElementOnScroll, MoveElementOnScroll as default };
+var moveElementOnScroll_default = MoveElementOnScroll;
+export {
+  MoveElementOnScroll,
+  moveElementOnScroll_default as default
+};
+//# sourceMappingURL=moveElementOnScroll.js.map

package/esm/moveElementOnScroll.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/moveElementOnScroll.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function MoveElementOnScroll(\n  element,\n  {\n    container,\n    min = 0,\n    max = element.offsetHeight,\n    speed = 1,\n    smooth = 2,\n    onUpdate = () => null,\n    onEndScroll = () => null,\n  },\n) {\n  let moving = false;\n  let pos = min;\n  let lastPos = pos;\n\n  // todo: move this to utils if we finally need it\n  const requestFrame = (function() {\n    return (\n      window.requestAnimationFrame ||\n      window.webkitRequestAnimationFrame ||\n      window.mozRequestAnimationFrame ||\n      window.oRequestAnimationFrame ||\n      window.msRequestAnimationFrame ||\n      function(func) {\n        window.setTimeout(func, 1000 / 50);\n      }\n    );\n  })();\n\n  function update() {\n    moving = true;\n    const delta = (pos - lastPos) / smooth;\n    lastPos += delta;\n\n    if (Math.abs(delta) > 0.7) {\n      requestFrame(() => {\n        onUpdate(lastPos, delta);\n        update();\n      });\n    } else {\n      onEndScroll(pos);\n      moving = false;\n    }\n  }\n\n  function scrolling(e) {\n    e.preventDefault(); // disable default scrolling\n    let delta = e.delta || e.wheelDelta;\n    if (delta === undefined) {\n      // for firefox\n      delta = -e.detail;\n      delta *= 10 * speed;\n    }\n\n    pos += -delta * speed;\n    pos = Math.max(min, Math.min(pos, max)); // limit scrolling\n    if (!moving) {\n      update();\n    }\n  }\n\n  container.addEventListener('mousewheel', scrolling, false);\n  container.addEventListener('DOMMouseScroll', scrolling, false);\n\n  return {\n    unsubscribe: () => {\n      container.removeEventListener('mousewheel', scrolling);\n      container.removeEventListener('DOMMouseScroll', scrolling);\n    },\n    updatePosition: newPos => {\n      pos = -newPos;\n      lastPos = -pos;\n    },\n  };\n}\n\nexport default MoveElementOnScroll;\n"],
+  "mappings": "AAAA;ACAO,6BACL,SACA;AAAA,EACE;AAAA,EACA,MAAM;AAAA,EACN,MAAM,QAAQ;AAAA,EACd,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW,MAAM;AAAA,EACjB,cAAc,MAAM;AAAA,GAEtB;AACA,MAAI,SAAS;AACb,MAAI,MAAM;AACV,MAAI,UAAU;AAGd,QAAM,eAAgB,WAAW;AAC/B,WACE,OAAO,yBACP,OAAO,+BACP,OAAO,4BACP,OAAO,0BACP,OAAO,2BACP,SAAS,MAAM;AACb,aAAO,WAAW,MAAM,MAAO;AAAA;AAAA;AAKrC,oBAAkB;AAChB,aAAS;AACT,UAAM,QAAS,OAAM,WAAW;AAChC,eAAW;AAEX,QAAI,KAAK,IAAI,SAAS,KAAK;AACzB,mBAAa,MAAM;AACjB,iBAAS,SAAS;AAClB;AAAA;AAAA,WAEG;AACL,kBAAY;AACZ,eAAS;AAAA;AAAA;AAIb,qBAAmB,GAAG;AACpB,MAAE;AACF,QAAI,QAAQ,EAAE,SAAS,EAAE;AACzB,QAAI,UAAU,QAAW;AAEvB,cAAQ,CAAC,EAAE;AACX,eAAS,KAAK;AAAA;AAGhB,WAAO,CAAC,QAAQ;AAChB,UAAM,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK;AAClC,QAAI,CAAC,QAAQ;AACX;AAAA;AAAA;AAIJ,YAAU,iBAAiB,cAAc,WAAW;AACpD,YAAU,iBAAiB,kBAAkB,WAAW;AAExD,SAAO;AAAA,IACL,aAAa,MAAM;AACjB,gBAAU,oBAAoB,cAAc;AAC5C,gBAAU,oBAAoB,kBAAkB;AAAA;AAAA,IAElD,gBAAgB,YAAU;AACxB,YAAM,CAAC;AACP,gBAAU,CAAC;AAAA;AAAA;AAAA;AAKjB,IAAO,8BAAQ;",
+  "names": []
+}

package/esm/utils.js

@@ -1,24 +1,30 @@
+import * as React from "react";
 const validateIndex = (index, options) => {
-  if (index < 0) return 0;
-  if (index >= options.length) return options.length - 1;
+  if (index < 0)
+    return 0;
+  if (index >= options.length)
+    return options.length - 1;
   return index;
 };
-const getOptionIndex = function (options, selectedOption) {
-  let valueProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'value';
-  const index = options.findIndex(option => option[valueProperty] === selectedOption);
+const getOptionIndex = (options, selectedOption, valueProperty = "value") => {
+  const index = options.findIndex((option) => option[valueProperty] === selectedOption);
   return validateIndex(index, options);
 };
-const isAM = time => time && time.hour() < 12;
-const convertTimeString = string => {
-  if (!string) return null;
-  let meridiem = 'AM';
-  if (string.toUpperCase().includes('PM')) meridiem = 'PM';
-  const arr = string.split(':');
+const isAM = (time) => time && time.hour() < 12;
+const convertTimeString = (string) => {
+  if (!string)
+    return null;
+  let meridiem = "AM";
+  if (string.toUpperCase().includes("PM"))
+    meridiem = "PM";
+  const arr = string.split(":");
   let hour = parseInt(arr[0], 10);
-  if (meridiem === 'PM' && hour !== 12) hour += 12; // formats to 24
-
-  if (meridiem === 'AM' && hour === 12) hour = 0;
-  if (meridiem === 'PM' && hour === 12) hour = 12;
+  if (meridiem === "PM" && hour !== 12)
+    hour += 12;
+  if (meridiem === "AM" && hour === 12)
+    hour = 0;
+  if (meridiem === "PM" && hour === 12)
+    hour = 12;
   const min = parseInt(arr[1], 10);
   const sec = parseInt(arr[2], 10);
   return {
@@ -27,5 +33,10 @@ const convertTimeString = string => {
     sec
   };
 };
-
-export { convertTimeString, getOptionIndex, isAM, validateIndex };
+export {
+  convertTimeString,
+  getOptionIndex,
+  isAM,
+  validateIndex
+};
+//# sourceMappingURL=utils.js.map

package/esm/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const validateIndex = (index, options) => {\n  if (index < 0) return 0;\n  if (index >= options.length) return options.length - 1;\n  return index;\n};\n\nexport const getOptionIndex = (\n  options,\n  selectedOption,\n  valueProperty = 'value',\n) => {\n  const index = options.findIndex(\n    (option) => option[valueProperty] === selectedOption,\n  );\n  return validateIndex(index, options);\n};\n\nexport const isAM = (time) => time && time.hour() < 12;\n\nexport const convertTimeString = (string) => {\n  if (!string) return null;\n  let meridiem = 'AM';\n  if (string.toUpperCase().includes('PM')) meridiem = 'PM';\n\n  const arr = string.split(':');\n  let hour = parseInt(arr[0], 10);\n  if (meridiem === 'PM' && hour !== 12) hour += 12; // formats to 24\n  if (meridiem === 'AM' && hour === 12) hour = 0;\n  if (meridiem === 'PM' && hour === 12) hour = 12;\n\n  const min = parseInt(arr[1], 10);\n  const sec = parseInt(arr[2], 10);\n\n  return {\n    hour,\n    min,\n    sec,\n  };\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,gBAAgB,CAAC,OAAO,YAAY;AAC/C,MAAI,QAAQ;AAAG,WAAO;AACtB,MAAI,SAAS,QAAQ;AAAQ,WAAO,QAAQ,SAAS;AACrD,SAAO;AAAA;AAGF,MAAM,iBAAiB,CAC5B,SACA,gBACA,gBAAgB,YACb;AACH,QAAM,QAAQ,QAAQ,UACpB,CAAC,WAAW,OAAO,mBAAmB;AAExC,SAAO,cAAc,OAAO;AAAA;AAGvB,MAAM,OAAO,CAAC,SAAS,QAAQ,KAAK,SAAS;AAE7C,MAAM,oBAAoB,CAAC,WAAW;AAC3C,MAAI,CAAC;AAAQ,WAAO;AACpB,MAAI,WAAW;AACf,MAAI,OAAO,cAAc,SAAS;AAAO,eAAW;AAEpD,QAAM,MAAM,OAAO,MAAM;AACzB,MAAI,OAAO,SAAS,IAAI,IAAI;AAC5B,MAAI,aAAa,QAAQ,SAAS;AAAI,YAAQ;AAC9C,MAAI,aAAa,QAAQ,SAAS;AAAI,WAAO;AAC7C,MAAI,aAAa,QAAQ,SAAS;AAAI,WAAO;AAE7C,QAAM,MAAM,SAAS,IAAI,IAAI;AAC7B,QAAM,MAAM,SAAS,IAAI,IAAI;AAE7B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}