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

package/cjs/TimePickerMenu.js

@@ -1,241 +1,312 @@
-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 = __toESM(require("@elliemae/ds-classnames"));
-var import_moment = __toESM(require("moment"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_utils = __toESM(require("./utils"));
-var import_PickerPanel = __toESM(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) => ({
+'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 => ({
   value: option,
-  label: typeof format === "function" ? format(option) : option
+  label: typeof format === 'function' ? format(option) : option
 });
-class TimePickerMenu extends import_react.Component {
+
+class TimePickerMenu extends React.Component {
   constructor(props) {
     super(props);
+
     this.renderHeader = () => {
-      const { time } = this.state;
-      return /* @__PURE__ */ import_react.default.createElement(TimePickerHeader, null, time.format("hh:mma"));
+      const {
+        time
+      } = this.state;
+      return /*#__PURE__*/_jsx__default["default"](TimePickerHeader, {}, void 0, time.format('hh:mma'));
     };
+
     this.state = {
-      time: (0, import_moment.default)(props.time || "", props.format) || (0, import_moment.default)()
+      time: moment__default["default"](props.time || '', props.format) || moment__default["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 { ...state, time: (0, import_moment.default)(props.time) };
+      return _objectSpread(_objectSpread({}, state), {}, {
+        time: moment__default["default"](props.time)
+      });
     }
-    return { ...state, time: void 0 };
+
+    return _objectSpread(_objectSpread({}, state), {}, {
+      time: undefined
+    });
   }
+
   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 (!(0, import_utils.isAM)(time)) {
+      if (!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();
+    const {
+      time
+    } = this.state;
+    const {
+      showHours,
+      use12Hours,
+      format,
+      hasHeader,
+      disabledTimes
+    } = this.props;
+    if (!showHours) return null;
+    const hour = time.hour(); // in 24 format
+
     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 ? (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, {
+
+    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, {
       type: "hour",
-      time,
-      meridiem,
-      hasHeader,
+      time: time,
+      meridiem: meridiem,
+      hasHeader: 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 = (0, import_ds_utilities.range)(0, 60, minutesInterval).map(generateOption(withLeadingZeros && (0, import_ds_utilities.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 = dsUtilities.range(0, 60, minutesInterval).map(generateOption(withLeadingZeros && dsUtilities.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__ */ import_react.default.createElement(import_PickerPanel.PickerPanel, {
+
+    return /*#__PURE__*/_jsx__default["default"](PickerPanel, {
       type: "minutes",
-      time,
-      hasHeader,
+      time: time,
+      hasHeader: 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 = (0, import_ds_utilities.range)(60).map(generateOption(withLeadingZeros && (0, import_ds_utilities.addLeadingZeros)(2)));
-    return /* @__PURE__ */ import_react.default.createElement(import_PickerPanel.PickerPanel, {
+    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, {
       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 = !(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");
+    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');
       }
-      if (meridiemSelected === "pm" && time.hour() <= 12) {
-        this.handleAMPMChange("pm");
+
+      if (meridiemSelected === 'pm' && time.hour() <= 12) {
+        this.handleAMPMChange('pm');
       }
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_PickerPanel.PickerPanel, {
+
+    return /*#__PURE__*/_jsx__default["default"](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__ */ import_react.default.createElement(TimePickerContainer, null, hasHeaderDisplay && this.renderHeader(), /* @__PURE__ */ import_react.default.createElement(TimePickerPanelContainer, null, this.renderHoursPanel(), this.renderMinutesPanel(), this.renderSecondsPanel(), this.renderAMPMPanel()));
+    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()));
   }
+
 }
+
 TimePickerMenu.defaultProps = {
-  time: (0, import_moment.default)(),
+  time: moment__default["default"](),
   hasHeader: false,
   use12Hours: true,
   showSeconds: true,
   showMinutes: true,
   showHours: true,
-  disabledTimes: void 0,
+  disabledTimes: undefined,
   onTimeChange: () => null
 };
-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
+
+exports.TimePickerMenu = TimePickerMenu;
+exports["default"] = TimePickerMenu;

package/cjs/index.js

@@ -1,40 +1,17 @@
-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, __toESM(require("./DSTimePicker")));
-__reExport(src_exports, __toESM(require("./TimePickerMenu")));
-__reExport(src_exports, __toESM(require("./DSTimePickerMenu")));
-var import_utils = __toESM(require("./utils"));
-var import_DSTimePicker = __toESM(require("./DSTimePicker"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'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;

package/cjs/moveElementOnScroll.js

@@ -1,57 +1,32 @@
-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 moveElementOnScroll_exports = {};
-__export(moveElementOnScroll_exports, {
-  MoveElementOnScroll: () => MoveElementOnScroll,
-  default: () => moveElementOnScroll_default
-});
-var React = __toESM(require("react"));
-function MoveElementOnScroll(element, {
-  container,
-  min = 0,
-  max = element.offsetHeight,
-  speed = 1,
-  smooth = 2,
-  onUpdate = () => null,
-  onEndScroll = () => null
-}) {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function MoveElementOnScroll(element, _ref) {
+  let {
+    container,
+    min = 0,
+    max = element.offsetHeight,
+    speed = 1,
+    smooth = 2,
+    onUpdate = () => null,
+    onEndScroll = () => null
+  } = _ref;
   let moving = false;
   let pos = min;
-  let lastPos = pos;
-  const requestFrame = function() {
-    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(func) {
-      window.setTimeout(func, 1e3 / 50);
+  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);
     };
   }();
+
   function update() {
     moving = true;
     const delta = (pos - lastPos) / smooth;
     lastPos += delta;
+
     if (Math.abs(delta) > 0.7) {
       requestFrame(() => {
         onUpdate(lastPos, delta);
@@ -62,32 +37,39 @@ function MoveElementOnScroll(element, {
       moving = false;
     }
   }
+
   function scrolling(e) {
-    e.preventDefault();
+    e.preventDefault(); // disable default scrolling
+
     let delta = e.delta || e.wheelDelta;
-    if (delta === void 0) {
+
+    if (delta === undefined) {
+      // for firefox
       delta = -e.detail;
       delta *= 10 * speed;
     }
+
     pos += -delta * speed;
-    pos = Math.max(min, Math.min(pos, max));
+    pos = Math.max(min, Math.min(pos, max)); // limit scrolling
+
     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;
     }
   };
 }
-var moveElementOnScroll_default = MoveElementOnScroll;
-module.exports = __toCommonJS(moveElementOnScroll_exports);
-//# sourceMappingURL=moveElementOnScroll.js.map
+
+exports.MoveElementOnScroll = MoveElementOnScroll;
+exports["default"] = MoveElementOnScroll;