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

package/esm/useDataList/useDataList.js

@@ -1,92 +1,86 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import 'core-js/modules/esnext.async-iterator.filter.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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import { useRef, useMemo } from 'react';
 import { setRef } from '@elliemae/ds-utilities';
 import get from 'lodash/get';
 import { reducePropsGetter, composeFormatters } from '../createDataInstance/utils.js';
 import { recordIterator } from './recordIterator.js';
 import createDataInstanceRef from '../createDataInstance/createInstanceRef.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'uuid';
-import 'lodash';
 
-var _excluded = ["data", "plugins", "renderers", "itemRenderer", "customDecorators"];
+const _excluded = ["data", "plugins", "renderers", "itemRenderer", "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(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 getItemLabel = function getItemLabel(record) {
-  var nameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'name';
+const getItemLabel = function (record) {
+  let nameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'name';
   return get(record, ['data', nameKey]);
 };
-var getItemChildren = function getItemChildren(record) {
-  var childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
+const getItemChildren = function (record) {
+  let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
   return get(record, ['data', childrenKey]);
 };
-var listRenderers = {
+const listRenderers = {
   list: 'ul',
   item: 'li'
 }; // todo: check if a plugin is a LIST plugin rather than GRID
 
 function useDataList(_ref) {
-  var _ref$data = _ref.data,
-      data = _ref$data === void 0 ? [] : _ref$data,
-      _ref$plugins = _ref.plugins,
-      plugins = _ref$plugins === void 0 ? [] : _ref$plugins,
-      _ref$renderers = _ref.renderers,
-      renderers = _ref$renderers === void 0 ? listRenderers : _ref$renderers,
-      _ref$itemRenderer = _ref.itemRenderer,
-      itemRenderer = _ref$itemRenderer === void 0 ? [] : _ref$itemRenderer,
-      customDecorators = _ref.customDecorators,
+  let {
+    data = [],
+    plugins = [],
+    renderers = listRenderers,
+    itemRenderer = [],
+    customDecorators
+  } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var listRef = useRef();
-
-  var _createInstanceRef = createDataInstanceRef(_objectSpread({
-    data: data,
-    renderers: renderers,
-    plugins: plugins,
+  const listRef = useRef();
+  const {
+    instance,
+    decorators
+  } = createDataInstanceRef(_objectSpread({
+    data,
+    renderers,
+    plugins,
     customDecorators: _objectSpread(_objectSpread({}, customDecorators), {}, {
-      recordIterator: recordIterator,
+      recordIterator,
       getListProps: [],
       getItemProps: [],
-      itemRenderer: _toConsumableArray(itemRenderer),
+      itemRenderer: [...itemRenderer],
       // components reduce to compose item content
       record: [],
       records: []
     })
-  }, props)),
-      instance = _createInstanceRef.instance,
-      decorators = _createInstanceRef.decorators;
+  }, props));
 
-  instance.current.getListRef = function () {
-    return listRef;
-  };
+  instance.current.getListRef = () => listRef;
 
-  instance.current.setListRef = function (ref) {
+  instance.current.setListRef = ref => {
     listRef.current = ref;
   };
 
-  instance.current.getItemLabel = function (record) {
-    return getItemLabel(record, props.nameKey);
-  };
+  instance.current.getItemLabel = record => getItemLabel(record, props.nameKey);
 
-  instance.current.getItemChildren = function (record) {
-    return getItemChildren(record, props.childrenKey);
-  };
+  instance.current.getItemChildren = record => getItemChildren(record, props.childrenKey);
 
   instance.current.decorators = decorators;
   instance.current.getListProps = reducePropsGetter(decorators.getListProps, instance.current);
   instance.current.getItemProps = reducePropsGetter(decorators.getItemProps, instance.current);
   instance.current.itemRenderer = composeFormatters(instance.current.decorators.itemRenderer, instance.current);
-  instance.current.records = useMemo(function () {
+  instance.current.records = useMemo(() => {
     // record iterator TREE / Simple
-    var nextRecords = recordIterator(data, instance.current.decorators.recordIterator, decorators.record, instance.current); // compose all records
+    let nextRecords = recordIterator(data, instance.current.decorators.recordIterator, decorators.record, instance.current); // compose all records
 
-    nextRecords = decorators.records.reduce(function (nextRows, getter) {
-      return getter(nextRows, instance.current);
-    }, nextRecords);
+    nextRecords = decorators.records.reduce((nextRows, getter) => getter(nextRows, instance.current), nextRecords);
     return nextRecords;
   });
   if (props.instanceRef) setRef(props.instanceRef, instance.current);
@@ -94,4 +88,3 @@ function useDataList(_ref) {
 }
 
 export { useDataList as default, getItemChildren, getItemLabel };
-//# sourceMappingURL=useDataList.js.map

package/esm/utils.js

@@ -1,33 +1,26 @@
+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 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+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';
 
 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(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; }
 
 /* eslint-disable no-cond-assign */
-var objectType = function objectType(obj) {
-  return Object.prototype.toString.call(obj).slice(8, -1);
-};
-var isDefined = function isDefined(param) {
-  return typeof param !== 'undefined';
-};
-var isUndefined = function isUndefined(param) {
-  return typeof param === 'undefined';
-};
-var isFunction = function isFunction(param) {
-  return typeof param === 'function';
-};
-var isNumber = function isNumber(param) {
-  return typeof param === 'number' && !isNaN(param);
-}; // eslint-disable-line
+const objectType = obj => Object.prototype.toString.call(obj).slice(8, -1);
+const isDefined = param => typeof param !== 'undefined';
+const isUndefined = param => typeof param === 'undefined';
+const isFunction = param => typeof param === 'function';
+const isNumber = param => typeof param === 'number' && !isNaN(param); // eslint-disable-line
 
-var isString = function isString(str) {
-  return objectType(str) === 'String';
-};
-var isArray = function isArray(arr) {
-  return objectType(arr) === 'Array';
-};
-var closest = function closest(target, selector) {
+const isString = str => objectType(str) === 'String';
+const isArray = arr => objectType(arr) === 'Array';
+const closest = (target, selector) => {
   // closest(e.target, '.field')
   while (target) {
     // eslint-disable-line
@@ -39,29 +32,30 @@ var closest = function closest(target, selector) {
 
   return null;
 };
-var getOffsetRect = function getOffsetRect(elem) {
+const getOffsetRect = elem => {
   // (1)
-  var box = elem.getBoundingClientRect();
-  var _document = document,
-      body = _document.body,
-      documentElement = _document.documentElement; // (2)
+  const box = elem.getBoundingClientRect();
+  const {
+    body,
+    documentElement
+  } = document; // (2)
 
-  var scrollTop = window.pageYOffset || documentElement.scrollTop || body.scrollTop;
-  var scrollLeft = window.pageXOffset || documentElement.scrollLeft || body.scrollLeft; // (3)
+  const scrollTop = window.pageYOffset || documentElement.scrollTop || body.scrollTop;
+  const scrollLeft = window.pageXOffset || documentElement.scrollLeft || body.scrollLeft; // (3)
 
-  var clientTop = documentElement.clientTop || body.clientTop || 0;
-  var clientLeft = documentElement.clientLeft || body.clientLeft || 0; // (4)
+  const clientTop = documentElement.clientTop || body.clientTop || 0;
+  const clientLeft = documentElement.clientLeft || body.clientLeft || 0; // (4)
 
-  var top = box.top + scrollTop - clientTop;
-  var left = box.left + scrollLeft - clientLeft;
+  const top = box.top + scrollTop - clientTop;
+  const left = box.left + scrollLeft - clientLeft;
   return {
     top: Math.round(top),
     left: Math.round(left)
   };
 };
-var getTotalScroll = function getTotalScroll(elem) {
-  var top = 0;
-  var left = 0; // eslint-disable-next-line no-param-reassign
+const getTotalScroll = elem => {
+  let top = 0;
+  let left = 0; // eslint-disable-next-line no-param-reassign
 
   while (elem = elem.parentNode) {
     top += elem.scrollTop || 0;
@@ -69,33 +63,27 @@ var getTotalScroll = function getTotalScroll(elem) {
   }
 
   return {
-    top: top,
-    left: left
+    top,
+    left
   };
 };
-var getTransformProps = function getTransformProps(x, y) {
-  return {
-    transform: "translate(".concat(x, "px, ").concat(y, "px)")
-  };
-};
-var listWithChildren = function listWithChildren(list, childrenProp) {
-  return list.map(function (item) {
-    return _objectSpread(_objectSpread({}, item), {}, _defineProperty({}, childrenProp, item[childrenProp] ? listWithChildren(item[childrenProp], childrenProp) : []));
-  });
-};
-var getAllNonEmptyNodesIds = function getAllNonEmptyNodesIds(items, childrenProp) {
-  var childrenIds = [];
-  var ids = items.filter(function (item) {
-    return item[childrenProp].length;
-  }).map(function (item) {
+const getTransformProps = (x, y) => ({
+  transform: "translate(".concat(x, "px, ").concat(y, "px)")
+});
+const listWithChildren = (list, childrenProp) => list.map(item => _objectSpread(_objectSpread({}, item), {}, {
+  [childrenProp]: item[childrenProp] ? listWithChildren(item[childrenProp], childrenProp) : []
+}));
+const getAllNonEmptyNodesIds = (items, childrenProp) => {
+  let childrenIds = [];
+  const ids = items.filter(item => item[childrenProp].length).map(item => {
     childrenIds = childrenIds.concat(getAllNonEmptyNodesIds(item[childrenProp], childrenProp));
     return item.id;
   });
   return ids.concat(childrenIds);
 };
-var isInternetExplorer = function isInternetExplorer() {
-  var ua = window.navigator.userAgent;
-  var msie = ua.indexOf('MSIE '); // If Internet Explorer, return version number
+const isInternetExplorer = () => {
+  const ua = window.navigator.userAgent;
+  const msie = ua.indexOf('MSIE '); // If Internet Explorer, return version number
 
   if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv:11\./)) {
     return true;
@@ -105,4 +93,3 @@ var isInternetExplorer = function isInternetExplorer() {
 };
 
 export { closest, getAllNonEmptyNodesIds, getOffsetRect, getTotalScroll, getTransformProps, isArray, isDefined, isFunction, isInternetExplorer, isNumber, isString, isUndefined, listWithChildren, objectType };
-//# sourceMappingURL=utils.js.map

package/esm/virtualization/AutoHeightList.js

@@ -1,29 +1,40 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { forwardRef, useRef } from 'react';
+import { forwardRef, useRef } from 'react';
 import { FixedSizeList } from 'react-window';
 import { useWindowScrollerList, mergeRefs, cx } from '@elliemae/ds-utilities';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];
-var AutoHeightList = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var itemCount = _ref.itemCount,
-      className = _ref.className,
-      innerRef = _ref.innerRef,
-      itemData = _ref.itemData,
-      itemKey = _ref.itemKey,
-      itemSize = _ref.itemSize,
-      outerRef = _ref.outerRef,
-      _ref$component = _ref.component,
-      ListComponent = _ref$component === void 0 ? FixedSizeList : _ref$component,
+const _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];
+
+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(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 AutoHeightList = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    itemCount,
+    className,
+    innerRef,
+    itemData,
+    itemKey,
+    itemSize,
+    outerRef,
+    component: ListComponent = FixedSizeList
+  } = _ref,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
-  var listRef = useRef();
-  var outerListRef = useRef();
+  const listRef = useRef();
+  const outerListRef = useRef();
   useWindowScrollerList({
     listInstance: listRef,
-    outerListRef: outerListRef
+    outerListRef
   });
-  return /*#__PURE__*/React.createElement(ListComponent, _extends({}, otherProps, {
+  return /*#__PURE__*/jsx(ListComponent, _objectSpread(_objectSpread({}, otherProps), {}, {
     ref: mergeRefs(ref, listRef),
     className: cx(className, 'window-scroller-override'),
     height: window.innerHeight,
@@ -39,4 +50,3 @@ var AutoHeightList = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 
 export { AutoHeightList };
-//# sourceMappingURL=AutoHeightList.js.map

package/esm/virtualization/FluidHeightList.js

@@ -1,18 +1,33 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import AutoSizer from 'react-virtualized-auto-sizer';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["component"];
-var FluidHeightList = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var Component = _ref.component,
+const _excluded = ["component"];
+
+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(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 FluidHeightList = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    component: Component
+  } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(AutoSizer, {
+  return /*#__PURE__*/_jsx(AutoSizer, {
     disableWidth: true
-  }, function (_ref2) {
-    var fluidHeight = _ref2.height;
-    return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+  }, void 0, _ref2 => {
+    let {
+      height: fluidHeight
+    } = _ref2;
+    return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
       ref: ref,
       height: fluidHeight - 32 // taking in count the margins of the list
 
@@ -21,4 +36,3 @@ var FluidHeightList = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 
 export { FluidHeightList };
-//# sourceMappingURL=FluidHeightList.js.map

package/esm/virtualization/index.js

@@ -2,22 +2,17 @@ import { FluidHeightList } from './FluidHeightList.js';
 export { FluidHeightList } from './FluidHeightList.js';
 import { AutoHeightList } from './AutoHeightList.js';
 export { AutoHeightList } from './AutoHeightList.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import 'react-virtualized-auto-sizer';
-import 'react-window';
-import '@elliemae/ds-utilities';
 
 function getVirtualListComponent(_ref) {
-  var Component = _ref.component,
-      fluid = _ref.fluid;
-      _ref.height;
-      var autoHeight = _ref.autoHeight;
+  let {
+    component: Component,
+    fluid,
+    height,
+    autoHeight
+  } = _ref;
   if (autoHeight) return AutoHeightList;
   if (fluid) return FluidHeightList;
   return Component;
 }
 
 export { getVirtualListComponent };
-//# sourceMappingURL=index.js.map