@elliemae/ds-shared 3.0.0-next.1 → 3.0.0-next.10

package/esm/toolbar/ToolbarProvider.js

@@ -1,111 +0,0 @@
-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 'core-js/modules/web.dom-collections.iterator.js';
-import React, { useRef, useState, useEffect, useMemo } from 'react';
-import DSPopover from '@elliemae/ds-popper';
-import { useOnClickOutside } from '@elliemae/ds-utilities';
-import { jsx } from 'react/jsx-runtime';
-
-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 ToolbarContext = /*#__PURE__*/React.createContext();
-const {
-  Provider
-} = ToolbarContext;
-
-const useScrollListener = (callback, dependencies) => {
-  useEffect(() => {
-    window.addEventListener('scroll', callback, true);
-    return () => {
-      window.removeEventListener('scroll', callback, true);
-    };
-  }, [dependencies]);
-};
-
-const noop = () => null;
-
-function ToolbarProvider(_ref) {
-  let {
-    delay = 200,
-    children,
-    onHide = noop,
-    onShow = noop
-  } = _ref;
-  const showTimer = useRef();
-  const hideTimer = useRef();
-  const toolbarRef = useRef();
-  const [tooltipState, setTooltipState] = useState({});
-
-  const show = state => {
-    if (state.reference === tooltipState.reference) clearTimeout(hideTimer.current);
-    showTimer.current = setTimeout(() => setTooltipState(_objectSpread(_objectSpread({}, state), {}, {
-      visible: true
-    })), delay);
-    onShow();
-  };
-
-  const hide = (e, force) => {
-    if (!force) clearTimeout(showTimer.current);
-    hideTimer.current = setTimeout(() => setTooltipState(prevState => _objectSpread(_objectSpread({}, prevState), {}, {
-      visible: false
-    })), 100);
-    onHide(tooltipState, e);
-  };
-
-  useScrollListener(e => hide(e, true), tooltipState.visible);
-  useOnClickOutside(toolbarRef, () => hide());
-
-  const keyDownHandler = e => {
-    if (e.key === 'Escape') {
-      hide(e);
-    }
-  };
-
-  useEffect(() => {
-    window.addEventListener('keydown', keyDownHandler);
-    return () => {
-      window.removeEventListener('keydown', keyDownHandler);
-    };
-  });
-  const value = useMemo(() => ({
-    state: tooltipState,
-    show,
-    hide
-  }), [tooltipState.reference]);
-  return /*#__PURE__*/_jsx(Provider, {
-    value: value
-  }, void 0, children, /*#__PURE__*/jsx(DSPopover, _objectSpread(_objectSpread({
-    boundaries: "scrollParent"
-  }, tooltipState.options || {}), {}, {
-    content: tooltipState.renderer,
-    placement: "left",
-    referenceEl: tooltipState.reference,
-    renderer: _ref2 => {
-      let {
-        as: Component,
-        style,
-        children: Content
-      } = _ref2;
-      return /*#__PURE__*/jsx("div", {
-        ref: toolbarRef,
-        onMouseEnter: e => show(tooltipState),
-        onMouseLeave: hide,
-        children: /*#__PURE__*/_jsx(Component, {
-          style: style
-        }, void 0, Content)
-      });
-    },
-    style: tooltipState.style,
-    visible: tooltipState.visible
-  })));
-}
-
-var ToolbarProvider$1 = /*#__PURE__*/React.memo(ToolbarProvider);
-
-export { ToolbarContext, ToolbarProvider$1 as default };

package/esm/useDataGrid/VolatileRowsListener.js

@@ -1,22 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { safeCall } from '@elliemae/ds-utilities';
-
-class VolatileRowsListener {
-  constructor() {
-    this.observers = [];
-  }
-
-  observe(listener) {
-    this.observers.push(listener);
-  }
-
-  notify(nextRows) {
-    this.observers.forEach(observer => safeCall(observer, nextRows));
-    this.observers = [];
-  }
-
-}
-
-export { VolatileRowsListener as default };

package/esm/useDataGrid/index.js

@@ -1 +0,0 @@
-export { default } from './useDataGrid.js';

package/esm/useDataGrid/initColumnDefinition.js

@@ -1,134 +0,0 @@
-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 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.string.replace.js';
-import 'react';
-import { v4 } from 'uuid';
-import { curry, get, cloneDeep, set, isFunction } from '@elliemae/ds-utilities';
-
-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 appendHeaderFormatter = curry((formatter, column) => _objectSpread(_objectSpread({}, column), {}, {
-  header: _objectSpread(_objectSpread({}, column.header), {}, {
-    formatters: [...get(column, 'header.formatters', []), formatter]
-  })
-}));
-const appendCellFormatter = curry(function (formatter, column) {
-  let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'formatters';
-  const nextColumn = cloneDeep(column);
-  const formatters = get(nextColumn, ['cell', path], []);
-  const scrollingFormatters = get(nextColumn, 'cell.scrollingFormatters', []);
-
-  if (Array.isArray(formatter)) {
-    if (formatter[1]) scrollingFormatters.push(formatter[1]);
-    formatters.push(formatter[0]);
-  } else {
-    formatters.push(formatter);
-    scrollingFormatters.push(formatter);
-  }
-
-  set(nextColumn, ['cell', path], formatters);
-  set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);
-  return nextColumn;
-});
-const defaultColumnDefinitionOptions = {
-  normalize: false,
-  useTextTruncation: true,
-  isUserColumn: true,
-  visible: true
-};
-const mergeClassNameToColumnHeader = curry((className, column) => {
-  const headerProps = get(column, ['header', 'props'], {});
-  const headerClassName = headerProps.className || '';
-  return _objectSpread(_objectSpread({}, column), {}, {
-    header: _objectSpread(_objectSpread({}, column.header), {}, {
-      props: _objectSpread(_objectSpread({}, headerProps), {}, {
-        className: "".concat(headerClassName, " ").concat(className)
-      })
-    })
-  });
-});
-function initColumnDefinition() {
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  // eslint-disable-next-line complexity
-  return column => {
-    // todo: clean this
-    if (column.type === 'number') {
-      // eslint-disable-next-line no-param-reassign
-      column.cellStyle = {
-        textAlign: 'right'
-      };
-    }
-
-    const {
-      useTextTruncation = true,
-      isUserColumn,
-      visible,
-      normalize
-    } = _objectSpread(_objectSpread({}, defaultColumnDefinitionOptions), options);
-
-    if (normalize) {
-      // eslint-disable-next-line no-param-reassign
-      column.originalProperty = column.property; // eslint-disable-next-line no-param-reassign
-
-      column.property = column.property.replace(/\s+/g, '');
-    } // eslint-disable-next-line no-param-reassign
-
-
-    column.props = _objectSpread(_objectSpread({}, column.props), {}, {
-      style: {}
-    }); // eslint-disable-next-line no-param-reassign
-
-    column.header = _objectSpread(_objectSpread({}, column.header), {}, {
-      label: column.label,
-      formatters: [...get(column, ['header', 'formatters'], [])],
-      props: {
-        style: column.headerStyle || {}
-      }
-    });
-
-    if (useTextTruncation && !(isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {
-      column.header.formatters.push(value => /*#__PURE__*/_jsx("span", {
-        className: "cell-value"
-      }, void 0, value));
-    } // eslint-disable-next-line no-param-reassign
-
-
-    column.cell = _objectSpread(_objectSpread({}, column.cell), {}, {
-      transforms: [],
-      formatters: [...get(column, ['cell', 'formatters'], [])],
-      scrollingFormatters: [...get(column, ['cell', 'formatters'], [])],
-      props: {
-        style: column.cellStyle || {}
-      }
-    });
-
-    if (useTextTruncation && !(isFunction(column.customRenderer) || column.cell.formatters.length)) {
-      column.cell.formatters.push(value => /*#__PURE__*/_jsx("span", {
-        className: "cell-value",
-        style: {
-          justifyContent: column.type === 'number' ? 'flex-end' : 'flex-start'
-        }
-      }, void 0, value));
-    } // eslint-disable-next-line no-param-reassign
-
-
-    column.uuid = column.uuid || v4(); // eslint-disable-next-line no-param-reassign
-
-    column.visible = column.visible === undefined ? visible : column.visible; // eslint-disable-next-line no-param-reassign, max-lines
-
-    column.isUserColumn = column.isUserColumn || isUserColumn; // eslint-disable-next-line no-param-reassign
-
-    column.headerHookEffects = [];
-    return column;
-  };
-}
-
-export { appendCellFormatter, appendHeaderFormatter, initColumnDefinition as default, mergeClassNameToColumnHeader };

package/esm/useDataGrid/useDataGrid.js

@@ -1,194 +0,0 @@
-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.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import { useDerivedStateFromProps, compose, cloneDeep, usePrevious, isObject, isEqual, setRef } from '@elliemae/ds-utilities';
-import { useRef, useState, useMemo } from 'react';
-import { v4 } from 'uuid';
-import * as resolve from 'table-resolver';
-import initColumnDefinition from './initColumnDefinition.js';
-import { applyDecorators, decorateColumns, reducePropsGetter } from '../createDataInstance/utils.js';
-import VolatileRowsListener from './VolatileRowsListener.js';
-import { isInternetExplorer } from '../utils.js';
-
-const _excluded = ["uuid", "plugins", "rows", "columns", "renderers"];
-
-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 IS_INTERNET_EXPLORER = isInternetExplorer(); // TODO: Reuse createDataInstance for the grid the same
-//  way as the list does ex: packages/ds-shared/src/useDataList/useDataList.js
-// eslint-disable-next-line max-statements
-
-function useDataGrid(_ref) {
-  let {
-    uuid: uuidProp,
-    plugins: pluginsFromProps,
-    rows,
-    columns,
-    renderers = {}
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  const plugins = pluginsFromProps;
-  const instance = useRef();
-  const tableRef = useRef();
-  const headerRef = useRef();
-  const bodyRef = useRef();
-  const bodyInnerRef = useRef();
-  const [uuid] = useState(uuidProp || (() => v4()));
-  const [hasScroll, setHasScroll] = useState(false);
-  const [isRowDragging, setIsRowDragging] = useState(false);
-  const isScrolling = useRef();
-  const shouldRefocus = useRef(); // todo: we probably need a plugin for focus related stuff
-
-  const [RowsObserver] = useState(() => new VolatileRowsListener()); // todo move this with rows composition
-
-  const [originalRows, updateRows] = useDerivedStateFromProps(rows, {
-    onUpdate: resolve.resolve({
-      columns,
-      method: extra => compose(resolve.byFunction('valueTransformation')(extra), resolve.nested(extra))
-    }),
-    updateOnStateChange: true
-  });
-  instance.current = {
-    decoratedRenderers: cloneDeep(renderers),
-    decoratedColumns: columns,
-    columns,
-    rows,
-    composedRows: originalRows,
-    getRowProps: [],
-    getHeaderRowProps: [],
-    getBodyProps: [],
-    getTableProps: [],
-    effects: [],
-    uuid,
-    props,
-    refs: {
-      table: tableRef,
-      body: bodyRef,
-      header: headerRef,
-      innerBody: bodyInnerRef
-    },
-    state: {
-      hasScroll
-    },
-    actions: {
-      updateRows
-    },
-    updateRows,
-    // eslint-disable-next-line no-return-assign
-    enableEvents: () => document.body.style.pointerEvents = IS_INTERNET_EXPLORER ? '' : null,
-    // eslint-disable-next-line no-return-assign
-    disableEvents: () => document.body.style.pointerEvents = 'none',
-    observeRows: observer => RowsObserver.observe(observer),
-    hotKeys: {},
-    shouldRefocus,
-    isScrolling,
-    setHasScroll,
-    setIsRowDragging,
-    isRowDragging,
-    plugins
-  };
-
-  instance.current.getState = () => instance.current.state;
-
-  instance.current.getInstance = () => instance.current;
-
-  const defaultDecorators = {
-    decorateGrid: [],
-    registerStateHook: [],
-    registerHotKeys: [],
-    decorateColumn: [],
-    decorateColumns: [cols => cols.map(col => initColumnDefinition({
-      useTextTruncation: col.useTextTruncation,
-      wrapText: props.wrapText,
-      normalize: props.normalizeDataKeys
-    })(col))],
-    decorateRenderers: [],
-    getRowProps: [],
-    getHeaderRowProps: [],
-    getBodyProps: [],
-    getTableProps: [],
-    getHeaderProps: [],
-    composeRows: []
-  };
-  const decorators = useMemo(() => {
-    let nextDecorators = defaultDecorators; // eslint-disable-next-line no-return-assign
-
-    plugins.forEach(plugin => nextDecorators = plugin(nextDecorators));
-    return nextDecorators;
-  }, [plugins]);
-  instance.current = decorators.decorateGrid.reduce((nextInstance, decorator) => _objectSpread(_objectSpread({}, nextInstance), decorator(instance.current)), instance.current);
-  instance.current = decorators.registerStateHook.reduce((nextInstance, decorator) => {
-    const {
-      state,
-      actions
-    } = decorator(instance.current);
-    return _objectSpread(_objectSpread({}, nextInstance), {}, {
-      state: _objectSpread(_objectSpread({}, nextInstance.state), state),
-      actions: _objectSpread(_objectSpread({}, nextInstance.actions), actions)
-    });
-  }, instance.current);
-
-  const reduceHotKey = (nextInstance, _ref2) => {
-    let {
-      key,
-      handler,
-      options
-    } = _ref2;
-    return _objectSpread(_objectSpread({}, nextInstance), {}, {
-      hotKeys: _objectSpread(_objectSpread({}, nextInstance.hotKeys), {}, {
-        [key]: {
-          handler,
-          options
-        }
-      })
-    });
-  };
-
-  instance.current = decorators.registerHotKeys.reduce((nextInstance, decorator) => {
-    const hotKeys = decorator(nextInstance);
-
-    if (Array.isArray(hotKeys)) {
-      return hotKeys.reduce(reduceHotKey, nextInstance);
-    }
-
-    return reduceHotKey(nextInstance, hotKeys);
-  }, instance.current);
-  instance.current.decoratedRenderers = applyDecorators(instance.current.decoratedRenderers, decorators.decorateRenderers, instance.current);
-  instance.current.decoratedColumns = useMemo(() => {
-    const visibleColumns = cloneDeep(columns).filter(column => typeof column.visible === 'undefined' || column.visible);
-    return visibleColumns.length ? decorateColumns(visibleColumns, decorators, instance.current) : [];
-  }, [columns]);
-  instance.current.getBodyProps = reducePropsGetter(decorators.getBodyProps, instance.current);
-  instance.current.getHeaderProps = reducePropsGetter(decorators.getHeaderProps, instance.current);
-  instance.current.getRowProps = reducePropsGetter(decorators.getRowProps, instance.current);
-  instance.current.getHeaderRowProps = reducePropsGetter(decorators.getHeaderRowProps, instance.current);
-  instance.current.getTableProps = reducePropsGetter(decorators.getTableProps, instance.current);
-  instance.current.composedRows = decorators.composeRows.reduce((nextRows, getter) => getter(nextRows, instance.current), instance.current.composedRows);
-  RowsObserver.notify(instance.current.composedRows);
-  const currentShouldRefocus = instance.current.shouldRefocus.current;
-  const prevState = usePrevious(instance.current.state);
-
-  if (isObject(currentShouldRefocus) && currentShouldRefocus.forced) {
-    instance.current.shouldRefocus.current = currentShouldRefocus.value;
-  } else {
-    instance.current.shouldRefocus.current = !isEqual(prevState, instance.current.state);
-  }
-
-  if (props.instanceRef) setRef(props.instanceRef, instance.current);
-  return _objectSpread(_objectSpread({}, instance.current), {}, {
-    decorators
-  });
-}
-
-export { useDataGrid as default };

package/esm/useDataList/index.js

@@ -1 +0,0 @@
-export { default } from './useDataList.js';

package/esm/useDataList/recordIterator.js

@@ -1,27 +0,0 @@
-const defaultStrategy = () => {
-  throw Error('Implement an iterator strategy for record iterator');
-};
-
-function recordIterator(records) {
-  let strategy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultStrategy;
-  let decorators = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  let instance = arguments.length > 3 ? arguments[3] : undefined;
-  const nextRows = [];
-  strategy({
-    data: records,
-    cb: row => {
-      let nextRow = row; // eslint-disable-next-line no-loops/no-loops,no-plusplus
-
-      for (let i = 0; i < decorators.length; i++) {
-        nextRow = decorators[i](nextRow, instance);
-        if (!nextRow) break;
-      }
-
-      if (nextRow) nextRows.push(nextRow);
-    },
-    instance
-  });
-  return nextRows;
-}
-
-export { recordIterator };

package/esm/useDataList/useDataList.js

@@ -1,90 +0,0 @@
-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';
-
-const _excluded = ["data", "plugins", "renderers", "itemRenderer", "customDecorators"];
-
-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 getItemLabel = function (record) {
-  let nameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'name';
-  return get(record, ['data', nameKey]);
-};
-const getItemChildren = function (record) {
-  let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
-  return get(record, ['data', childrenKey]);
-};
-const listRenderers = {
-  list: 'ul',
-  item: 'li'
-}; // todo: check if a plugin is a LIST plugin rather than GRID
-
-function useDataList(_ref) {
-  let {
-    data = [],
-    plugins = [],
-    renderers = listRenderers,
-    itemRenderer = [],
-    customDecorators
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  const listRef = useRef();
-  const {
-    instance,
-    decorators
-  } = createDataInstanceRef(_objectSpread({
-    data,
-    renderers,
-    plugins,
-    customDecorators: _objectSpread(_objectSpread({}, customDecorators), {}, {
-      recordIterator,
-      getListProps: [],
-      getItemProps: [],
-      itemRenderer: [...itemRenderer],
-      // components reduce to compose item content
-      record: [],
-      records: []
-    })
-  }, props));
-
-  instance.current.getListRef = () => listRef;
-
-  instance.current.setListRef = ref => {
-    listRef.current = ref;
-  };
-
-  instance.current.getItemLabel = record => getItemLabel(record, props.nameKey);
-
-  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(() => {
-    // record iterator TREE / Simple
-    let nextRecords = recordIterator(data, instance.current.decorators.recordIterator, decorators.record, instance.current); // compose all records
-
-    nextRecords = decorators.records.reduce((nextRows, getter) => getter(nextRows, instance.current), nextRecords);
-    return nextRecords;
-  });
-  if (props.instanceRef) setRef(props.instanceRef, instance.current);
-  return instance.current;
-}
-
-export { useDataList as default, getItemChildren, getItemLabel };

package/esm/utils.js

@@ -1,95 +0,0 @@
-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); 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; }
-
-/* eslint-disable no-cond-assign */
-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
-
-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
-    if (target.matches && target.matches(selector)) return target;
-    if (target.msMatchesSelector && target.msMatchesSelector(selector)) return target; // eslint-disable-next-line no-param-reassign
-
-    target = target.parentNode;
-  }
-
-  return null;
-};
-const getOffsetRect = elem => {
-  // (1)
-  const box = elem.getBoundingClientRect();
-  const {
-    body,
-    documentElement
-  } = document; // (2)
-
-  const scrollTop = window.pageYOffset || documentElement.scrollTop || body.scrollTop;
-  const scrollLeft = window.pageXOffset || documentElement.scrollLeft || body.scrollLeft; // (3)
-
-  const clientTop = documentElement.clientTop || body.clientTop || 0;
-  const clientLeft = documentElement.clientLeft || body.clientLeft || 0; // (4)
-
-  const top = box.top + scrollTop - clientTop;
-  const left = box.left + scrollLeft - clientLeft;
-  return {
-    top: Math.round(top),
-    left: Math.round(left)
-  };
-};
-const getTotalScroll = elem => {
-  let top = 0;
-  let left = 0; // eslint-disable-next-line no-param-reassign
-
-  while (elem = elem.parentNode) {
-    top += elem.scrollTop || 0;
-    left += elem.scrollLeft || 0;
-  }
-
-  return {
-    top,
-    left
-  };
-};
-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);
-};
-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;
-  }
-
-  return false;
-};
-
-export { closest, getAllNonEmptyNodesIds, getOffsetRect, getTotalScroll, getTransformProps, isArray, isDefined, isFunction, isInternetExplorer, isNumber, isString, isUndefined, listWithChildren, objectType };