@elliemae/ds-shared 1.60.0 → 2.0.0-alpha.12

package/cjs/GroupContext/Group.js

@@ -1,51 +1,41 @@
 'use strict';
 
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-var PropTypes = require('prop-types');
-var GroupContext_GroupContext = require('./GroupContext.js');
+var GroupContext = require('./GroupContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var getValueItem = function getValueItem(e) {
-  var target = e.target,
-      currentTarget = e.currentTarget;
+const getValueItem = e => {
+  const {
+    target,
+    currentTarget
+  } = e;
 
   if (target) {
-    var value = target.value;
+    const {
+      value
+    } = target;
     return value;
   }
 
   if (currentTarget) {
-    var _value = currentTarget.value;
-    return _value;
+    const {
+      value
+    } = currentTarget;
+    return value;
   }
 
   return e;
 };
 
-var toggleItemValue = function toggleItemValue(array, e) {
-  var newvalue = getValueItem(e);
-  var res = array;
-  var index = array.indexOf(newvalue);
+const toggleItemValue = (array, e) => {
+  const newvalue = getValueItem(e);
+  const res = array;
+  const index = array.indexOf(newvalue);
 
   if (index === -1) {
     res.push(newvalue);
@@ -56,91 +46,79 @@ var toggleItemValue = function toggleItemValue(array, e) {
   return res;
 };
 
-var Provider = GroupContext_GroupContext.GroupContext.Provider;
+const {
+  Provider
+} = GroupContext.GroupContext;
 /** deprecated use CheckableGroup instead */
 
-var Group = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](Group, _Component);
-
-  var _super = _createSuper(Group);
-
-  function Group(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, Group);
-
-    _this = _super.call(this, props);
-    var activeValue = props.activeValue,
-        disabled = props.disabled;
-    _this.state = {
-      activeValue: activeValue,
-      disabled: disabled,
+class Group extends React.Component {
+  constructor(props) {
+    super(props);
+    const {
+      activeValue,
+      disabled
+    } = props;
+    this.state = {
+      activeValue,
+      disabled,
       prevValue: null,
-      onChange: _this.handleChange.bind(_assertThisInitialized__default['default'](_this))
+      onChange: this.handleChange.bind(this)
     };
-    return _this;
   }
 
-  _createClass__default['default'](Group, [{
-    key: "handleChange",
-    value: function handleChange(e) {
-      var _this$props = this.props,
-          multiple = _this$props.multiple,
-          onChange = _this$props.onChange;
-      var activeValue = this.state.activeValue;
-      var value = getValueItem(e);
-      var newValue;
-
-      if (multiple) {
-        newValue = toggleItemValue(activeValue || [], value);
-      } else if (activeValue !== value) {
-        // default behaviour it will be toggle the active value
-        newValue = value;
-      }
-
-      this.setState({
-        activeValue: newValue
-      });
-
-      for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        rest[_key - 1] = arguments[_key];
-      }
-
-      if (onChange) onChange.apply(void 0, [newValue].concat(rest));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var children = this.props.children;
-      return /*#__PURE__*/React__default['default'].createElement(Provider, {
-        value: this.state
-      }, children);
+  static getDerivedStateFromProps(nextProps, _ref) {
+    let {
+      prevValue
+    } = _ref;
+    if (nextProps.activeValue === prevValue) return null;
+    return {
+      activeValue: nextProps.activeValue,
+      prevValue: nextProps.activeValue
+    };
+  }
+
+  handleChange(e) {
+    const {
+      multiple,
+      onChange
+    } = this.props;
+    const {
+      activeValue
+    } = this.state;
+    const value = getValueItem(e);
+    let newValue;
+
+    if (multiple) {
+      newValue = toggleItemValue(activeValue || [], value);
+    } else if (activeValue !== value) {
+      // default behaviour it will be toggle the active value
+      newValue = value;
     }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps, _ref) {
-      var prevValue = _ref.prevValue;
-      if (nextProps.activeValue === prevValue) return null;
-      return {
-        activeValue: nextProps.activeValue,
-        prevValue: nextProps.activeValue
-      };
+
+    this.setState({
+      activeValue: newValue
+    });
+
+    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      rest[_key - 1] = arguments[_key];
     }
-  }]);
 
-  return Group;
-}(React.Component);
+    if (onChange) onChange(newValue, ...rest);
+  }
+
+  render() {
+    const {
+      children
+    } = this.props;
+    return /*#__PURE__*/_jsx__default["default"](Provider, {
+      value: this.state
+    }, void 0, children);
+  }
+
+}
 
 Group.defaultProps = {
   multiple: false
 };
-Group.propTypes = {
-  children: PropTypes__default['default'].array,
-  multiple: PropTypes__default['default'].bool,
-  onChange: PropTypes__default['default'].func,
-  activeValue: PropTypes__default['default'].oneOfType([PropTypes__default['default'].array, PropTypes__default['default'].number]),
-  disabled: PropTypes__default['default'].bool
-};
 
 module.exports = Group;
-//# sourceMappingURL=Group.js.map

package/cjs/GroupContext/GroupContext.js

@@ -8,7 +8,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var GroupContext = /*#__PURE__*/React__default['default'].createContext();
+const GroupContext = /*#__PURE__*/React__default["default"].createContext();
 
 exports.GroupContext = GroupContext;
-//# sourceMappingURL=GroupContext.js.map

package/cjs/GroupContext/GroupItem.js

@@ -1,20 +1,22 @@
 'use strict';
 
-var React = require('react');
-var GroupContext_GroupContext = require('./GroupContext.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var GroupContext = require('./GroupContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var Consumer = GroupContext_GroupContext.GroupContext.Consumer;
+const {
+  Consumer
+} = GroupContext.GroupContext;
 
-var GroupItem = function GroupItem(_ref) {
-  var render = _ref.render;
-  return /*#__PURE__*/React__default['default'].createElement(Consumer, null, function (context) {
-    return render(context);
-  });
+const GroupItem = _ref => {
+  let {
+    render
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](Consumer, {}, void 0, context => render(context));
 };
 
 module.exports = GroupItem;
-//# sourceMappingURL=GroupItem.js.map

package/cjs/GroupContext/index.js

@@ -2,21 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var GroupContext_Group = require('./Group.js');
-var GroupContext_GroupContext = require('./GroupContext.js');
-var GroupContext_GroupItem = require('./GroupItem.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('react');
-require('prop-types');
+var Group = require('./Group.js');
+var GroupContext = require('./GroupContext.js');
+var GroupItem = require('./GroupItem.js');
 
 
 
-exports.Group = GroupContext_Group;
-exports.GroupContext = GroupContext_GroupContext.GroupContext;
-exports.GroupItem = GroupContext_GroupItem;
-//# sourceMappingURL=index.js.map
+exports.Group = Group;
+exports.GroupContext = GroupContext.GroupContext;
+exports.GroupItem = GroupItem;

package/cjs/ScrollSync/ScrollSync.js

@@ -2,167 +2,146 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.find.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var ScrollSyncContext = /*#__PURE__*/React__default['default'].createContext();
-var Provider = ScrollSyncContext.Provider;
-
-var ScrollSync = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](ScrollSync, _Component);
-
-  var _super = _createSuper(ScrollSync);
-
-  function ScrollSync(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, ScrollSync);
-
-    _this = _super.call(this, props);
-    _this.panes = {};
-
-    _this.registerPane = function (node, groups) {
-      groups.forEach(function (group) {
-        if (!_this.panes[group]) {
-          _this.panes[group] = [];
+const ScrollSyncContext = /*#__PURE__*/React__default["default"].createContext();
+const {
+  Provider
+} = ScrollSyncContext;
+class ScrollSync extends React.Component {
+  constructor(props) {
+    super(props);
+    this.panes = {};
+
+    this.registerPane = (node, groups) => {
+      groups.forEach(group => {
+        if (!this.panes[group]) {
+          this.panes[group] = [];
         }
 
-        if (_this.panes[group].length > 0) {
-          _this.syncScrollPosition(_this.panes[group][0], node);
+        if (this.panes[group].length > 0) {
+          this.syncScrollPosition(this.panes[group][0], node);
         }
 
-        _this.panes[group].push(node);
+        this.panes[group].push(node);
       });
-
-      _this.addEvents(node, groups);
+      this.addEvents(node, groups);
     };
 
-    _this.unregisterPane = function (node, groups) {
-      groups.forEach(function (group) {
-        if (_this.findPane(node, group)) {
-          _this.removeEvents(node);
-
-          _this.panes[group].splice(_this.panes[group].indexOf(node), 1);
+    this.unregisterPane = (node, groups) => {
+      groups.forEach(group => {
+        if (this.findPane(node, group)) {
+          this.removeEvents(node);
+          this.panes[group].splice(this.panes[group].indexOf(node), 1);
         }
       });
     };
 
-    _this.addEvents = function (node, groups) {
+    this.addEvents = (node, groups) => {
       /* For some reason element.addEventListener doesnt work with document.body */
-      node.onscroll = _this.handlePaneScroll.bind(_assertThisInitialized__default['default'](_this), node, groups); // eslint-disable-line
+      node.onscroll = this.handlePaneScroll.bind(this, node, groups); // eslint-disable-line
     };
 
-    _this.removeEvents = function (node) {
+    this.removeEvents = node => {
       /* For some reason element.removeEventListener doesnt work with document.body */
       node.onscroll = null; // eslint-disable-line
     };
 
-    _this.findPane = function (node, group) {
-      if (!_this.panes[group]) {
+    this.findPane = (node, group) => {
+      if (!this.panes[group]) {
         return false;
       }
 
-      return _this.panes[group].find(function (pane) {
-        return pane === node;
-      });
+      return this.panes[group].find(pane => pane === node);
     };
 
-    _this.handlePaneScroll = function (node, groups, e) {
-      var enabled = _this.props.enabled;
-      if (_this.props.onScroll) _this.props.onScroll(e);
+    this.handlePaneScroll = (node, groups, e) => {
+      const {
+        enabled
+      } = this.props;
+      if (this.props.onScroll) this.props.onScroll(e);
       if (!enabled) return;
-      window.requestAnimationFrame(function () {
-        _this.syncScrollPositions(node, groups);
+      window.requestAnimationFrame(() => {
+        this.syncScrollPositions(node, groups);
       });
     };
 
-    _this.syncScrollPositions = function (scrolledPane, groups) {
-      groups.forEach(function (group) {
-        _this.panes[group].forEach(function (pane) {
+    this.syncScrollPositions = (scrolledPane, groups) => {
+      groups.forEach(group => {
+        this.panes[group].forEach(pane => {
           /* For all panes beside the currently scrolling one */
           if (scrolledPane !== pane) {
             /* Remove event listeners from the node that we'll manipulate */
-            _this.removeEvents(pane, group);
-
-            _this.syncScrollPosition(scrolledPane, pane);
+            this.removeEvents(pane, group);
+            this.syncScrollPosition(scrolledPane, pane);
             /* Re-attach event listeners after we're done scrolling */
 
-
-            window.requestAnimationFrame(function () {
-              _this.addEvents(pane, groups);
+            window.requestAnimationFrame(() => {
+              this.addEvents(pane, groups);
             });
           }
         });
       });
     };
 
-    _this.syncContext = {
-      registerPane: _this.registerPane,
-      unregisterPane: _this.unregisterPane
+    this.syncContext = {
+      registerPane: this.registerPane,
+      unregisterPane: this.unregisterPane
     };
-    return _this;
   }
 
-  _createClass__default['default'](ScrollSync, [{
-    key: "syncScrollPosition",
-    value: function syncScrollPosition(scrolledPane, pane) {
-      var scrollTop = scrolledPane.scrollTop,
-          scrollHeight = scrolledPane.scrollHeight,
-          clientHeight = scrolledPane.clientHeight,
-          scrollLeft = scrolledPane.scrollLeft,
-          scrollWidth = scrolledPane.scrollWidth,
-          clientWidth = scrolledPane.clientWidth;
-      var scrollTopOffset = scrollHeight - clientHeight;
-      var scrollLeftOffset = scrollWidth - clientWidth;
-      var _this$props = this.props,
-          proportional = _this$props.proportional,
-          vertical = _this$props.vertical,
-          horizontal = _this$props.horizontal;
-      /* Calculate the actual pane height */
-
-      var paneHeight = pane.scrollHeight - clientHeight;
-      var paneWidth = pane.scrollWidth - clientWidth;
-      /* Adjust the scrollTop position of it accordingly */
-
-      if (vertical && scrollTopOffset > 0) {
-        pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop; // eslint-disable-line
-      }
-
-      if (horizontal && scrollLeftOffset > 0) {
-        pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
-      }
+  syncScrollPosition(scrolledPane, pane) {
+    const {
+      scrollTop,
+      scrollHeight,
+      clientHeight,
+      scrollLeft,
+      scrollWidth,
+      clientWidth
+    } = scrolledPane;
+    const scrollTopOffset = scrollHeight - clientHeight;
+    const scrollLeftOffset = scrollWidth - clientWidth;
+    const {
+      proportional,
+      vertical,
+      horizontal
+    } = this.props;
+    /* Calculate the actual pane height */
+
+    const paneHeight = pane.scrollHeight - clientHeight;
+    const paneWidth = pane.scrollWidth - clientWidth;
+    /* Adjust the scrollTop position of it accordingly */
+
+    if (vertical && scrollTopOffset > 0) {
+      pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop; // eslint-disable-line
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var children = this.props.children;
-      return /*#__PURE__*/React__default['default'].createElement(Provider, {
-        value: this.syncContext
-      }, React__default['default'].Children.only(children));
+
+    if (horizontal && scrollLeftOffset > 0) {
+      pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
     }
-  }]);
+  }
 
-  return ScrollSync;
-}(React.Component);
+  render() {
+    const {
+      children
+    } = this.props;
+    return /*#__PURE__*/_jsx__default["default"](Provider, {
+      value: this.syncContext
+    }, void 0, React__default["default"].Children.only(children));
+  }
 
+}
 ScrollSync.defaultProps = {
   proportional: true,
   vertical: true,
@@ -171,5 +150,4 @@ ScrollSync.defaultProps = {
 };
 
 exports.ScrollSyncContext = ScrollSyncContext;
-exports['default'] = ScrollSync;
-//# sourceMappingURL=ScrollSync.js.map
+exports["default"] = ScrollSync;