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

package/cjs/ScrollSync/ScrollSyncPane.js

@@ -1,113 +1,81 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-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');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.constructor.js');
+require('core-js/modules/esnext.async-iterator.to-array.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.to-array.js');
+require('core-js/modules/esnext.async-iterator.filter.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 ScrollSync_ScrollSync = require('./ScrollSync.js');
-require('@babel/runtime/helpers/assertThisInitialized');
+var ScrollSync = require('./ScrollSync.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-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; } }
-/**
- * MODIFIED FROM react-scroll-sync
- *
- * ScrollSyncPane Component
- *
- * Wrap your content in it to keep its scroll position in sync with other panes
- *
- * @param groups
- * @example ./example.md
- */
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var ScrollSyncPane = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](ScrollSyncPane, _Component);
+class ScrollSyncPane extends React.Component {
+  constructor() {
+    super(...arguments);
 
-  var _super = _createSuper(ScrollSyncPane);
-
-  function ScrollSyncPane() {
-    var _this;
-
-    _classCallCheck__default['default'](this, ScrollSyncPane);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.toArray = function (groups) {
-      return [].concat(groups);
-    };
-
-    return _this;
+    this.toArray = groups => [].concat(groups);
   }
 
-  _createClass__default['default'](ScrollSyncPane, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var _this$props = this.props,
-          enabled = _this$props.enabled,
-          group = _this$props.group,
-          syncContext = _this$props.syncContext;
-      var unregisterPane = syncContext.unregisterPane;
-      if (enabled) unregisterPane(this.node, this.toArray(group));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          children = _this$props2.children,
-          group = _this$props2.group,
-          syncContext = _this$props2.syncContext,
-          notPaginated = _this$props2.notPaginated;
-      var _registerPane = syncContext.registerPane;
-      return children({
-        registerPane: function registerPane(node) {
-          if (notPaginated) {
-            var virtualizedBody = node.querySelector('.virtualized-body-wrapper');
+  componentWillUnmount() {
+    const {
+      enabled,
+      group,
+      syncContext
+    } = this.props;
+    const {
+      unregisterPane
+    } = syncContext;
+    if (enabled) unregisterPane(this.node, this.toArray(group));
+  }
 
-            if (virtualizedBody) {
-              _registerPane(virtualizedBody, _this2.toArray(group));
-            }
+  render() {
+    const {
+      children,
+      group,
+      syncContext,
+      notPaginated
+    } = this.props;
+    const {
+      registerPane
+    } = syncContext;
+    return children({
+      registerPane: node => {
+        if (notPaginated) {
+          const virtualizedBody = node.querySelector('.virtualized-body-wrapper');
+
+          if (virtualizedBody) {
+            registerPane(virtualizedBody, this.toArray(group));
           }
-
-          return _registerPane(node, _this2.toArray(group));
         }
-      });
-    }
-  }]);
 
-  return ScrollSyncPane;
-}(React.Component);
+        return registerPane(node, this.toArray(group));
+      }
+    });
+  }
+
+}
 
 ScrollSyncPane.defaultProps = {
   group: 'default',
   enabled: true
 };
-var ScrollSyncPane$1 = (function (props) {
-  return /*#__PURE__*/React__default['default'].createElement(ScrollSync_ScrollSync.ScrollSyncContext.Consumer, null, function (context) {
-    return /*#__PURE__*/React__default['default'].createElement(ScrollSyncPane, _extends__default['default']({}, props, {
-      syncContext: context
-    }));
-  });
-});
+var ScrollSyncPane$1 = (props => /*#__PURE__*/_jsx__default["default"](ScrollSync.ScrollSyncContext.Consumer, {}, void 0, context => /*#__PURE__*/jsxRuntime.jsx(ScrollSyncPane, _objectSpread(_objectSpread({}, props), {}, {
+  syncContext: context
+}))));
 
 module.exports = ScrollSyncPane$1;
-//# sourceMappingURL=ScrollSyncPane.js.map

package/cjs/ScrollSync/ScrollSyncProvider.js

@@ -1,42 +1,54 @@
 'use strict';
 
+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');
 var raf = require('raf');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var raf__default = /*#__PURE__*/_interopDefaultLegacy(raf);
 
-var ScrollSyncContext = /*#__PURE__*/React__default['default'].createContext();
-var Provider = ScrollSyncContext.Provider;
+const ScrollSyncContext = /*#__PURE__*/React__default["default"].createContext();
+const {
+  Provider
+} = ScrollSyncContext;
 
 function ScrollSyncProvider(_ref) {
-  var _this = this;
-
-  _ref.enabled;
-      _ref.horizontal;
-      _ref.vertical;
-      var children = _ref.children;
+  let {
+    enabled,
+    horizontal,
+    vertical,
+    children
+  } = _ref;
   useRef();
 
-  raf__default['default'](function (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;
+  raf__default["default"]((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 */
 
-    var paneHeight = pane.scrollHeight - clientHeight;
-    var paneWidth = pane.scrollWidth - clientWidth;
+    const paneHeight = pane.scrollHeight - clientHeight;
+    const paneWidth = pane.scrollWidth - clientWidth;
     /* Adjust the scrollTop position of it accordingly */
 
     if (vertical && scrollTopOffset > 0) {
@@ -47,11 +59,9 @@ function ScrollSyncProvider(_ref) {
       pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
     }
   });
-  return /*#__PURE__*/React__default['default'].createElement(Provider, null, children);
+  return /*#__PURE__*/_jsx__default["default"](Provider, {}, void 0, children);
 }
 
-ScrollSyncProvider.propTypes = {};
 ScrollSyncProvider.defaultProps = {};
 
 module.exports = ScrollSyncProvider;
-//# sourceMappingURL=ScrollSyncProvider.js.map

package/cjs/ScrollSync/index.js

@@ -2,19 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ScrollSync_ScrollSync = require('./ScrollSync.js');
-var ScrollSync_ScrollSyncPane = require('./ScrollSyncPane.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('@babel/runtime/helpers/extends');
+var ScrollSync = require('./ScrollSync.js');
+var ScrollSyncPane = require('./ScrollSyncPane.js');
 
 
 
-exports.ScrollSync = ScrollSync_ScrollSync['default'];
-exports.ScrollSyncPane = ScrollSync_ScrollSyncPane;
-//# sourceMappingURL=index.js.map
+exports.ScrollSync = ScrollSync["default"];
+exports.ScrollSyncPane = ScrollSyncPane;

package/cjs/ScrollSync/useScrollSync.js

@@ -8,4 +8,3 @@ useScrollSync.propTypes = {};
 useScrollSync.defaultProps = {};
 
 module.exports = useScrollSync;
-//# sourceMappingURL=useScrollSync.js.map

package/cjs/constants.js

@@ -2,11 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DEFAULT_DELAY_OPEN = 200;
-var DEFAULT_DELAY_CLOSE = 300;
-var sizeOptions = ['small', 'medium', 'large', 'x-large'];
+const DEFAULT_DELAY_OPEN = 200;
+const DEFAULT_DELAY_CLOSE = 300;
+const sizeOptions = ['small', 'medium', 'large', 'x-large'];
+const AM = 'am';
+const PM = 'pm';
+const ARROW_UP = 'ArrowUp';
+const ARROW_DOWN = 'ArrowDown';
+const BACKSPACE = 'Backspace';
+const ESCAPE = 'Escape';
+const HOME = 'Home';
+const SHIFT = 'Shift';
+const END = 'End';
+const HOUR_RANGE_12 = {
+  min: 0,
+  max: 12
+};
+const HOUR_RANGE_24 = {
+  min: 0,
+  max: 24
+};
+const GENERAL_TIME_RANGE = {
+  min: 0,
+  max: 59
+};
+const PLACEHOLDER_TIME = {
+  hour: 'hour',
+  minutes: 'minutes',
+  seconds: 'seconds',
+  meridiem: 'meridiem'
+};
 
+exports.AM = AM;
+exports.ARROW_DOWN = ARROW_DOWN;
+exports.ARROW_UP = ARROW_UP;
+exports.BACKSPACE = BACKSPACE;
 exports.DEFAULT_DELAY_CLOSE = DEFAULT_DELAY_CLOSE;
 exports.DEFAULT_DELAY_OPEN = DEFAULT_DELAY_OPEN;
+exports.END = END;
+exports.ESCAPE = ESCAPE;
+exports.GENERAL_TIME_RANGE = GENERAL_TIME_RANGE;
+exports.HOME = HOME;
+exports.HOUR_RANGE_12 = HOUR_RANGE_12;
+exports.HOUR_RANGE_24 = HOUR_RANGE_24;
+exports.PLACEHOLDER_TIME = PLACEHOLDER_TIME;
+exports.PM = PM;
+exports.SHIFT = SHIFT;
 exports.sizeOptions = sizeOptions;
-//# sourceMappingURL=constants.js.map

package/cjs/createDataInstance/createInstancePlugin.js

@@ -1,23 +1,27 @@
 'use strict';
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function getDecoratorsFromHooks(hooks, decorators) {
-  var nextDecorators = _objectSpread({}, decorators);
+  const nextDecorators = _objectSpread({}, decorators);
 
-  Object.keys(hooks).forEach(function (decorator) {
+  Object.keys(hooks).forEach(decorator => {
     if (Array.isArray(decorators[decorator])) {
-      nextDecorators[decorator] = [].concat(_toConsumableArray__default['default'](decorators[decorator]), [hooks[decorator]]);
+      nextDecorators[decorator] = [...decorators[decorator], hooks[decorator]];
     } else {
       nextDecorators[decorator] = hooks[decorator];
     }
@@ -26,10 +30,7 @@ function getDecoratorsFromHooks(hooks, decorators) {
 }
 
 function createInstancePlugin(name, hooks) {
-  return function (decorators) {
-    return getDecoratorsFromHooks(hooks, decorators);
-  };
+  return decorators => getDecoratorsFromHooks(hooks, decorators);
 }
 
 module.exports = createInstancePlugin;
-//# sourceMappingURL=createInstancePlugin.js.map

package/cjs/createDataInstance/createInstanceRef.js

@@ -1,25 +1,31 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+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.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var uuid = require('uuid');
 var React = require('react');
 var lodash = require('lodash');
-var createDataInstance_utils = require('./utils.js');
+var utils = require('./utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 
-var _excluded = ["uuid", "data", "renderers", "plugins", "customDecorators"];
+const _excluded = ["uuid", "data", "renderers", "plugins", "customDecorators"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var defaultDecorators = {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const defaultDecorators = {
   instance: [],
   state: [],
   hotKeys: [],
@@ -27,22 +33,19 @@ var defaultDecorators = {
   composeData: []
 };
 function createDataInstanceRef(_ref) {
-  var uuidProp = _ref.uuid,
-      data = _ref.data,
-      renderers = _ref.renderers,
-      plugins = _ref.plugins,
-      customDecorators = _ref.customDecorators,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+  let {
+    uuid: uuidProp,
+    data,
+    renderers,
+    plugins,
+    customDecorators
+  } = _ref,
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  var instance = React.useRef(); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  var _useState = React.useState(uuidProp || function () {
-    return uuid.v4();
-  }),
-      _useState2 = _slicedToArray__default['default'](_useState, 1),
-      uuid$1 = _useState2[0];
+  const instance = React.useRef(); // eslint-disable-next-line react-hooks/rules-of-hooks
 
+  const [uuid$1] = React.useState(uuidProp || (() => uuid.v4()));
   instance.current = {
     uuid: uuid$1,
     state: {},
@@ -52,47 +55,43 @@ function createDataInstanceRef(_ref) {
     originalData: data,
     records: [],
     // item abstraction with meta data for originalData
-    renderers: renderers,
-    ref: function ref(key) {
+    renderers,
+
+    ref(key) {
       // eslint-disable-next-line no-return-assign
-      return function (node) {
-        return instance.current.refs[key] = node;
-      };
+      return node => instance.current.refs[key] = node;
     },
-    getInstance: function getInstance() {
+
+    getInstance() {
       return instance.current;
     },
-    props: props
+
+    props
   }; // eslint-disable-next-line react-hooks/rules-of-hooks
 
-  var decorators = React.useMemo(function () {
-    var nextDecorators = _objectSpread(_objectSpread({}, defaultDecorators), customDecorators);
+  const decorators = React.useMemo(() => {
+    let nextDecorators = _objectSpread(_objectSpread({}, defaultDecorators), customDecorators);
 
-    plugins.forEach(function (plugin) {
+    plugins.forEach(plugin => {
       if (!plugin) return;
       nextDecorators = plugin(nextDecorators);
     });
-    Object.keys(nextDecorators).forEach(function (key) {
-      if (Array.isArray(nextDecorators[key])) nextDecorators[key] = lodash.orderBy(nextDecorators[key], function (item) {
-        return item.order;
-      });
+    Object.keys(nextDecorators).forEach(key => {
+      if (Array.isArray(nextDecorators[key])) nextDecorators[key] = lodash.orderBy(nextDecorators[key], item => item.order);
     });
     return nextDecorators;
   }, []); // the plugins are defined on creation, but not changed at runtime
   // todo: test if getting the hooks without registering them
   //  here would be beneficial to memoize instance and squeeze performance
 
-  instance.current = decorators.instance.reduce(createDataInstance_utils.mergeInstance, instance.current);
-  instance.current = decorators.state.reduce(createDataInstance_utils.registerStateHookToInstance, instance.current);
-  instance.current = decorators.hotKeys.reduce(createDataInstance_utils.registerHotKeysHookToInstance, instance.current);
-  instance.current.renderers = decorators.renderers.reduce(function (result, decorator) {
-    return decorator(result, instance.current);
-  }, renderers);
+  instance.current = decorators.instance.reduce(utils.mergeInstance, instance.current);
+  instance.current = decorators.state.reduce(utils.registerStateHookToInstance, instance.current);
+  instance.current = decorators.hotKeys.reduce(utils.registerHotKeysHookToInstance, instance.current);
+  instance.current.renderers = decorators.renderers.reduce((result, decorator) => decorator(result, instance.current), renderers);
   return {
-    instance: instance,
-    decorators: decorators
+    instance,
+    decorators
   };
 }
 
 module.exports = createDataInstanceRef;
-//# sourceMappingURL=createInstanceRef.js.map