@elliemae/ds-shared 2.2.1 → 2.3.0-alpha.4

package/esm/useDataGrid/useDataGrid.js

@@ -1,61 +1,49 @@
-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);
-
+import * as React from "react";
+import {
+  cloneDeep,
+  compose,
+  isEqual,
+  isObject,
+  setRef,
+  usePrevious,
+  useDerivedStateFromProps
+} from "@elliemae/ds-utilities";
+import { useMemo, useRef, useState } from "react";
+import { v4 as uuidv4 } from "uuid";
+import * as resolve from "table-resolver";
+import { initColumnDefinition } from "./initColumnDefinition";
+import {
+  applyDecorators,
+  decorateColumns,
+  reducePropsGetter
+} from "../createDataInstance/utils";
+import { VolatileRowsListener } from "./VolatileRowsListener";
+import { isInternetExplorer } from "../utils";
+const IS_INTERNET_EXPLORER = isInternetExplorer();
+const useDataGrid = ({
+  uuid: uuidProp,
+  plugins: pluginsFromProps,
+  rows,
+  columns,
+  renderers = {},
+  ...props
+}) => {
   const plugins = pluginsFromProps;
   const instance = useRef();
   const tableRef = useRef();
   const headerRef = useRef();
   const bodyRef = useRef();
   const bodyInnerRef = useRef();
-  const [uuid] = useState(uuidProp || (() => v4()));
+  const [uuid] = useState(uuidProp || (() => uuidv4()));
   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 shouldRefocus = useRef();
+  const [RowsObserver] = useState(() => new VolatileRowsListener());
   const [originalRows, updateRows] = useDerivedStateFromProps(rows, {
     onUpdate: resolve.resolve({
       columns,
-      method: extra => compose(resolve.byFunction('valueTransformation')(extra), resolve.nested(extra))
+      method: (extra) => compose(resolve.byFunction("valueTransformation")(extra), resolve.nested(extra))
     }),
     updateOnStateChange: true
   });
@@ -85,11 +73,9 @@ function useDataGrid(_ref) {
       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),
+    enableEvents: () => document.body.style.pointerEvents = IS_INTERNET_EXPLORER ? "" : null,
+    disableEvents: () => document.body.style.pointerEvents = "none",
+    observeRows: (observer) => RowsObserver.observe(observer),
     hotKeys: {},
     shouldRefocus,
     isScrolling,
@@ -98,21 +84,20 @@ function useDataGrid(_ref) {
     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))],
+    decorateColumns: [
+      (cols) => cols.map((col) => initColumnDefinition({
+        useTextTruncation: col.useTextTruncation,
+        wrapText: props.wrapText,
+        normalize: props.normalizeDataKeys
+      })(col))
+    ],
     decorateRenderers: [],
     getRowProps: [],
     getHeaderRowProps: [],
@@ -122,51 +107,45 @@ function useDataGrid(_ref) {
     composeRows: []
   };
   const decorators = useMemo(() => {
-    let nextDecorators = defaultDecorators; // eslint-disable-next-line no-return-assign
-
-    plugins.forEach(plugin => nextDecorators = plugin(nextDecorators));
+    let nextDecorators = defaultDecorators;
+    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.decorateGrid.reduce((nextInstance, decorator) => ({
+    ...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)
-    });
+    const { state, actions } = decorator(instance.current);
+    return {
+      ...nextInstance,
+      state: {
+        ...nextInstance.state,
+        ...state
+      },
+      actions: {
+        ...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
-        }
-      })
-    });
-  };
-
+  const reduceHotKey = (nextInstance, { key, handler, options }) => ({
+    ...nextInstance,
+    hotKeys: {
+      ...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);
+    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);
@@ -178,17 +157,21 @@ function useDataGrid(_ref) {
   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), {}, {
+  if (props.instanceRef)
+    setRef(props.instanceRef, instance.current);
+  return {
+    ...instance.current,
     decorators
-  });
-}
-
-export { useDataGrid as default };
+  };
+};
+var useDataGrid_default = useDataGrid;
+export {
+  useDataGrid_default as default,
+  useDataGrid
+};
+//# sourceMappingURL=useDataGrid.js.map

package/esm/useDataGrid/useDataGrid.js.map

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

package/esm/useDataList/index.js

@@ -1 +1,7 @@
-export { default } from './useDataList.js';
+import * as React from "react";
+import { default as default2, default as default3 } from "./useDataList";
+export {
+  default2 as default,
+  default3 as useDataList
+};
+//# sourceMappingURL=index.js.map

package/esm/useDataList/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataList/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, default as useDataList } from './useDataList';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/esm/useDataList/recordIterator.js

@@ -1,27 +1,26 @@
+import * as React from "react";
 const defaultStrategy = () => {
-  throw Error('Implement an iterator strategy for record iterator');
+  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;
+function recordIterator(records, strategy = defaultStrategy, decorators = [], instance) {
   const nextRows = [];
   strategy({
     data: records,
-    cb: row => {
-      let nextRow = row; // eslint-disable-next-line no-loops/no-loops,no-plusplus
-
+    cb: (row) => {
+      let nextRow = row;
       for (let i = 0; i < decorators.length; i++) {
         nextRow = decorators[i](nextRow, instance);
-        if (!nextRow) break;
+        if (!nextRow)
+          break;
       }
-
-      if (nextRow) nextRows.push(nextRow);
+      if (nextRow)
+        nextRows.push(nextRow);
     },
     instance
   });
   return nextRows;
 }
-
-export { recordIterator };
+export {
+  recordIterator
+};
+//# sourceMappingURL=recordIterator.js.map

package/esm/useDataList/recordIterator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataList/recordIterator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const defaultStrategy = () => {\n  throw Error('Implement an iterator strategy for record iterator');\n};\n\nexport function recordIterator(\n  records,\n  strategy = defaultStrategy,\n  decorators = [],\n  instance,\n) {\n  const nextRows = [];\n\n  strategy({\n    data: records,\n    cb: row => {\n      let nextRow = row;\n\n      // eslint-disable-next-line no-loops/no-loops,no-plusplus\n      for (let i = 0; i < decorators.length; i++) {\n        nextRow = decorators[i](nextRow, instance);\n        if (!nextRow) break;\n      }\n\n      if (nextRow) nextRows.push(nextRow);\n    },\n    instance,\n  });\n\n  return nextRows;\n}\n"],
+  "mappings": "AAAA;ACAA,MAAM,kBAAkB,MAAM;AAC5B,QAAM,MAAM;AAAA;AAGP,wBACL,SACA,WAAW,iBACX,aAAa,IACb,UACA;AACA,QAAM,WAAW;AAEjB,WAAS;AAAA,IACP,MAAM;AAAA,IACN,IAAI,SAAO;AACT,UAAI,UAAU;AAGd,eAAS,IAAI,GAAG,IAAI,WAAW,QAAQ,KAAK;AAC1C,kBAAU,WAAW,GAAG,SAAS;AACjC,YAAI,CAAC;AAAS;AAAA;AAGhB,UAAI;AAAS,iBAAS,KAAK;AAAA;AAAA,IAE7B;AAAA;AAGF,SAAO;AAAA;",
+  "names": []
+}

package/esm/useDataList/useDataList.js

@@ -1,90 +1,67 @@
-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]);
-};
+import * as React from "react";
+import { useMemo, useRef } from "react";
+import { setRef } from "@elliemae/ds-utilities";
+import get from "lodash/get";
+import {
+  composeFormatters,
+  reducePropsGetter
+} from "../createDataInstance/utils";
+import { recordIterator } from "./recordIterator";
+import { createDataInstanceRef } from "../createDataInstance/createInstanceRef";
+const getItemLabel = (record, nameKey = "name") => get(record, ["data", nameKey]);
+const getItemChildren = (record, childrenKey = "children") => 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);
-
+  list: "ul",
+  item: "li"
+};
+const useDataList = ({
+  data = [],
+  plugins = [],
+  renderers = listRenderers,
+  itemRenderer = [],
+  customDecorators,
+  ...props
+}) => {
   const listRef = useRef();
-  const {
-    instance,
-    decorators
-  } = createDataInstanceRef(_objectSpread({
+  const { instance, decorators } = createDataInstanceRef({
     data,
     renderers,
     plugins,
-    customDecorators: _objectSpread(_objectSpread({}, customDecorators), {}, {
+    customDecorators: {
+      ...customDecorators,
       recordIterator,
       getListProps: [],
       getItemProps: [],
       itemRenderer: [...itemRenderer],
-      // components reduce to compose item content
       record: [],
       records: []
-    })
-  }, props));
-
+    },
+    ...props
+  });
   instance.current.getListRef = () => listRef;
-
-  instance.current.setListRef = ref => {
+  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.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
-
+    let nextRecords = recordIterator(data, instance.current.decorators.recordIterator, decorators.record, instance.current);
     nextRecords = decorators.records.reduce((nextRows, getter) => getter(nextRows, instance.current), nextRecords);
     return nextRecords;
   });
-  if (props.instanceRef) setRef(props.instanceRef, instance.current);
+  if (props.instanceRef)
+    setRef(props.instanceRef, instance.current);
   return instance.current;
-}
-
-export { useDataList as default, getItemChildren, getItemLabel };
+};
+var useDataList_default = useDataList;
+export {
+  useDataList_default as default,
+  getItemChildren,
+  getItemLabel,
+  useDataList
+};
+//# sourceMappingURL=useDataList.js.map

package/esm/useDataList/useDataList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataList/useDataList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useRef } from 'react';\nimport { setRef } from '@elliemae/ds-utilities';\nimport get from 'lodash/get';\nimport {\n  composeFormatters,\n  reducePropsGetter,\n} from '../createDataInstance/utils';\nimport { recordIterator } from './recordIterator';\nimport { createDataInstanceRef } from '../createDataInstance/createInstanceRef';\n\nexport const getItemLabel = (record, nameKey = 'name') =>\n  get(record, ['data', nameKey]);\nexport const getItemChildren = (record, childrenKey = 'children') =>\n  get(record, ['data', childrenKey]);\n\nconst listRenderers = {\n  list: 'ul',\n  item: 'li',\n};\n\n// todo: check if a plugin is a LIST plugin rather than GRID\nexport const useDataList = ({\n  data = [],\n  plugins = [],\n  renderers = listRenderers,\n  itemRenderer = [],\n  customDecorators,\n  ...props\n}) => {\n  const listRef = useRef();\n  const { instance, decorators } = createDataInstanceRef({\n    data,\n    renderers,\n    plugins,\n    customDecorators: {\n      ...customDecorators,\n      recordIterator,\n      getListProps: [],\n      getItemProps: [],\n      itemRenderer: [...itemRenderer], // components reduce to compose item content\n      record: [],\n      records: [],\n    },\n    ...props,\n  });\n  instance.current.getListRef = () => listRef;\n  instance.current.setListRef = (ref) => {\n    listRef.current = ref;\n  };\n  instance.current.getItemLabel = (record) =>\n    getItemLabel(record, props.nameKey);\n  instance.current.getItemChildren = (record) =>\n    getItemChildren(record, props.childrenKey);\n\n  instance.current.decorators = decorators;\n  instance.current.getListProps = reducePropsGetter(\n    decorators.getListProps,\n    instance.current,\n  );\n  instance.current.getItemProps = reducePropsGetter(\n    decorators.getItemProps,\n    instance.current,\n  );\n  instance.current.itemRenderer = composeFormatters(\n    instance.current.decorators.itemRenderer,\n    instance.current,\n  );\n\n  instance.current.records = useMemo(() => {\n    // record iterator TREE / Simple\n    let nextRecords = recordIterator(\n      data,\n      instance.current.decorators.recordIterator,\n      decorators.record,\n      instance.current,\n    );\n\n    // compose all records\n    nextRecords = decorators.records.reduce(\n      (nextRows, getter) => getter(nextRows, instance.current),\n      nextRecords,\n    );\n\n    return nextRecords;\n  });\n\n  if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n  return instance.current;\n};\n\nexport default useDataList;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAEO,MAAM,eAAe,CAAC,QAAQ,UAAU,WAC7C,IAAI,QAAQ,CAAC,QAAQ;AAChB,MAAM,kBAAkB,CAAC,QAAQ,cAAc,eACpD,IAAI,QAAQ,CAAC,QAAQ;AAEvB,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,MAAM;AAAA;AAID,MAAM,cAAc,CAAC;AAAA,EAC1B,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,KACG;AAAA,MACC;AACJ,QAAM,UAAU;AAChB,QAAM,EAAE,UAAU,eAAe,sBAAsB;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,SACb;AAAA,MACH;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd,cAAc,CAAC,GAAG;AAAA,MAClB,QAAQ;AAAA,MACR,SAAS;AAAA;AAAA,OAER;AAAA;AAEL,WAAS,QAAQ,aAAa,MAAM;AACpC,WAAS,QAAQ,aAAa,CAAC,QAAQ;AACrC,YAAQ,UAAU;AAAA;AAEpB,WAAS,QAAQ,eAAe,CAAC,WAC/B,aAAa,QAAQ,MAAM;AAC7B,WAAS,QAAQ,kBAAkB,CAAC,WAClC,gBAAgB,QAAQ,MAAM;AAEhC,WAAS,QAAQ,aAAa;AAC9B,WAAS,QAAQ,eAAe,kBAC9B,WAAW,cACX,SAAS;AAEX,WAAS,QAAQ,eAAe,kBAC9B,WAAW,cACX,SAAS;AAEX,WAAS,QAAQ,eAAe,kBAC9B,SAAS,QAAQ,WAAW,cAC5B,SAAS;AAGX,WAAS,QAAQ,UAAU,QAAQ,MAAM;AAEvC,QAAI,cAAc,eAChB,MACA,SAAS,QAAQ,WAAW,gBAC5B,WAAW,QACX,SAAS;AAIX,kBAAc,WAAW,QAAQ,OAC/B,CAAC,UAAU,WAAW,OAAO,UAAU,SAAS,UAChD;AAGF,WAAO;AAAA;AAGT,MAAI,MAAM;AAAa,WAAO,MAAM,aAAa,SAAS;AAE1D,SAAO,SAAS;AAAA;AAGlB,IAAO,sBAAQ;",
+  "names": []
+}

package/esm/utils.js

@@ -1,81 +1,51 @@
-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';
+import * as React from "react";
+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);
+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
-
+    if (target.matches && target.matches(selector))
+      return target;
+    if (target.msMatchesSelector && target.msMatchesSelector(selector))
+      return target;
     target = target.parentNode;
   }
-
   return null;
 };
-const getOffsetRect = elem => {
-  // (1)
+const getOffsetRect = (elem) => {
   const box = elem.getBoundingClientRect();
-  const {
-    body,
-    documentElement
-  } = document; // (2)
-
+  const { body, documentElement } = document;
   const scrollTop = window.pageYOffset || documentElement.scrollTop || body.scrollTop;
-  const scrollLeft = window.pageXOffset || documentElement.scrollLeft || body.scrollLeft; // (3)
-
+  const scrollLeft = window.pageXOffset || documentElement.scrollLeft || body.scrollLeft;
   const clientTop = documentElement.clientTop || body.clientTop || 0;
-  const clientLeft = documentElement.clientLeft || body.clientLeft || 0; // (4)
-
+  const clientLeft = documentElement.clientLeft || body.clientLeft || 0;
   const top = box.top + scrollTop - clientTop;
   const left = box.left + scrollLeft - clientLeft;
-  return {
-    top: Math.round(top),
-    left: Math.round(left)
-  };
+  return { top: Math.round(top), left: Math.round(left) };
 };
-const getTotalScroll = elem => {
+const getTotalScroll = (elem) => {
   let top = 0;
-  let left = 0; // eslint-disable-next-line no-param-reassign
-
+  let left = 0;
   while (elem = elem.parentNode) {
     top += elem.scrollTop || 0;
     left += elem.scrollLeft || 0;
   }
-
-  return {
-    top,
-    left
-  };
+  return { top, left };
 };
 const getTransformProps = (x, y) => ({
-  transform: "translate(".concat(x, "px, ").concat(y, "px)")
+  transform: `translate(${x}px, ${y}px)`
 });
-const listWithChildren = (list, childrenProp) => list.map(item => _objectSpread(_objectSpread({}, item), {}, {
+const listWithChildren = (list, childrenProp) => list.map((item) => ({
+  ...item,
   [childrenProp]: item[childrenProp] ? listWithChildren(item[childrenProp], childrenProp) : []
 }));
 const getAllNonEmptyNodesIds = (items, childrenProp) => {
   let childrenIds = [];
-  const ids = items.filter(item => item[childrenProp].length).map(item => {
+  const ids = items.filter((item) => item[childrenProp].length).map((item) => {
     childrenIds = childrenIds.concat(getAllNonEmptyNodesIds(item[childrenProp], childrenProp));
     return item.id;
   });
@@ -83,13 +53,26 @@ const getAllNonEmptyNodesIds = (items, childrenProp) => {
 };
 const isInternetExplorer = () => {
   const ua = window.navigator.userAgent;
-  const msie = ua.indexOf('MSIE '); // If Internet Explorer, return version number
-
+  const msie = ua.indexOf("MSIE ");
   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 };
+export {
+  closest,
+  getAllNonEmptyNodesIds,
+  getOffsetRect,
+  getTotalScroll,
+  getTransformProps,
+  isArray,
+  isDefined,
+  isFunction,
+  isInternetExplorer,
+  isNumber,
+  isString,
+  isUndefined,
+  listWithChildren,
+  objectType
+};
+//# sourceMappingURL=utils.js.map