@elliemae/ds-datagrids 1.61.0 → 2.0.0-alpha.12

package/esm/plugins/column-sizing/columnMeasurerTransformer.js

@@ -1,3 +1,8 @@
+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 { useRef, useLayoutEffect } from 'react';
 import { mergeRefs } from '@elliemae/ds-utilities';
@@ -5,52 +10,57 @@ import { mergeRefs } from '@elliemae/ds-utilities';
 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 columnMeasurerTransformer = function columnMeasurerTransformer(columnSizeService) {
-  return function (value, _ref) {
-    var column = _ref.column,
-        grid = _ref.grid;
-    var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var registerColumn = columnSizeService.registerColumn;
-    var cellRef = useRef();
-    useLayoutEffect(function () {
-      var columns = columnSizeService.columns,
-          expandedToContentColumns = columnSizeService.expandedToContentColumns;
+const columnMeasurerTransformer = columnSizeService => function (value, _ref) {
+  let {
+    column,
+    grid
+  } = _ref;
+  let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const {
+    registerColumn
+  } = columnSizeService;
+  const cellRef = useRef();
+  useLayoutEffect(() => {
+    const {
+      columns,
+      expandedToContentColumns
+    } = columnSizeService;
+    const {
+      props: {
+        minColumnWidth
+      },
+      resizedColumns
+    } = grid.getInstance();
 
-      var _grid$getInstance = grid.getInstance();
-          _grid$getInstance.props.minColumnWidth;
-          var resizedColumns = _grid$getInstance.resizedColumns;
+    if (cellRef.current) {
+      // FIX: merge
+      // if (column.width && column.width !== 'string' && !initialUsedSpace[column.property]) {
+      //   increaseUsedSpace(getColumnWidthSize(column.width, minColumnWidth, column), column.property)
+      // }
+      if (column.expandWidthToContent && !expandedToContentColumns[column.uuid]) {
+        // measure the content and reset to flex
+        const originalWidth = cellRef.current.offsetWidth;
+        cellRef.current.style.flex = 'initial';
+        cellRef.current.style.minWidth = 'initial';
+        const calcWidth = cellRef.current.offsetWidth + 20;
 
-      if (cellRef.current) {
-        // FIX: merge
-        // if (column.width && column.width !== 'string' && !initialUsedSpace[column.property]) {
-        //   increaseUsedSpace(getColumnWidthSize(column.width, minColumnWidth, column), column.property)
-        // }
-        if (column.expandWidthToContent && !expandedToContentColumns[column.uuid]) {
-          // measure the content and reset to flex
-          var originalWidth = cellRef.current.offsetWidth;
-          cellRef.current.style.flex = 'initial';
-          cellRef.current.style.minWidth = 'initial';
-          var calcWidth = cellRef.current.offsetWidth + 20;
-
-          if (originalWidth + 20 <= calcWidth) {
-            resizedColumns.current[column.uuid] = calcWidth;
-            columns[column.uuid].minWidth = calcWidth;
-          } else {
-            columns[column.uuid].minWidth = originalWidth;
-          }
-
-          expandedToContentColumns[column.uuid] = true;
-          cellRef.current.style.minWidth = null;
-          cellRef.current.style.flex = 1;
-          column.node = cellRef.current;
+        if (originalWidth + 20 <= calcWidth) {
+          resizedColumns.current[column.uuid] = calcWidth;
+          columns[column.uuid].minWidth = calcWidth;
+        } else {
+          columns[column.uuid].minWidth = originalWidth;
         }
+
+        expandedToContentColumns[column.uuid] = true;
+        cellRef.current.style.minWidth = null;
+        cellRef.current.style.flex = 1;
+        column.node = cellRef.current;
       }
-    });
-    return _objectSpread(_objectSpread({}, props), {}, {
-      innerRef: mergeRefs(cellRef, props.innerRef, registerColumn(column))
-    });
-  };
+    }
+  });
+  return _objectSpread(_objectSpread({}, props), {}, {
+    innerRef: mergeRefs(cellRef, props.innerRef, registerColumn(column))
+  });
 };
 
 export { columnMeasurerTransformer };
-//# sourceMappingURL=columnMeasurerTransformer.js.map

package/esm/plugins/column-sizing/ext-points/decorateColumn.js

@@ -1,11 +1,9 @@
 import { get, set } from '@elliemae/ds-utilities';
 import { columnMeasurerTransformer } from '../columnMeasurerTransformer.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
 
 function decorateColumn(column, grid, index) {
-  var transformsPath = ['header', 'transforms'];
-  var transforms = get(column, transformsPath, []);
+  const transformsPath = ['header', 'transforms'];
+  const transforms = get(column, transformsPath, []);
   transforms.push(columnMeasurerTransformer(grid.columnSizeService));
   column.index = index;
   set(column, transformsPath, transforms);
@@ -13,4 +11,3 @@ function decorateColumn(column, grid, index) {
 }
 
 export { decorateColumn };
-//# sourceMappingURL=decorateColumn.js.map

package/esm/plugins/column-sizing/ext-points/getTableProps.js

@@ -1,5 +1,10 @@
+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 _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 import { useResizeObserver, mergeRefs } from '@elliemae/ds-utilities';
 import { getScrollbarSizeFromHeaderAndBody } from '../utils.js';
@@ -8,22 +13,21 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 function getTableProps(tableProps, _ref) {
-  var refs = _ref.refs,
-      tableRef = _ref.tableRef,
-      bodyWidth = _ref.bodyWidth,
-      scrollbarWidth = _ref.scrollbarWidth,
-      isDragging = _ref.isDragging,
-      columnSizeService = _ref.columnSizeService,
-      updateRowWidth = _ref.updateRowWidth,
-      columns = _ref.columns;
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      tableNode = _useState2[0],
-      tableRefCallback = _useState2[1];
-
-  useResizeObserver(function (_ref2) {
-    var width = _ref2.width;
+  let {
+    refs,
+    tableRef,
+    bodyWidth,
+    scrollbarWidth,
+    isDragging,
+    columnSizeService,
+    updateRowWidth,
+    columns
+  } = _ref;
+  const [tableNode, tableRefCallback] = useState();
+  useResizeObserver(_ref2 => {
+    let {
+      width
+    } = _ref2;
     if (!refs.header.current) return;
     if (typeof scrollbarWidth.current !== 'number') scrollbarWidth.current = getScrollbarSizeFromHeaderAndBody(refs);
     if (typeof bodyWidth.current !== 'number') bodyWidth.current = refs.body.offsetWidth; // DataGrid: header with width 0 after redirect from details page (https://jira.elliemae.io/browse/PUI-2162)
@@ -35,7 +39,7 @@ function getTableProps(tableProps, _ref) {
     columnSizeService.updateMissingWidths(width);
     updateRowWidth(width);
   }, tableNode);
-  useEffect(function () {
+  useEffect(() => {
     if (tableNode) {
       columnSizeService.updateMissingWidths(tableNode.clientWidth);
       updateRowWidth(tableNode.clientWidth);
@@ -49,4 +53,3 @@ function getTableProps(tableProps, _ref) {
 }
 
 export { getTableProps };
-//# sourceMappingURL=getTableProps.js.map

package/esm/plugins/column-sizing/getColumnNameFromProperty.js

@@ -1,6 +1,7 @@
+import 'core-js/modules/es.string.replace.js';
+
 function getColumnFromProperty(property) {
   return property && property.replace(/\./g, '-');
 }
 
 export { getColumnFromProperty as default };
-//# sourceMappingURL=getColumnNameFromProperty.js.map

package/esm/plugins/column-sizing/index.js

@@ -1,16 +1 @@
 export { ColumnSizingPlugin } from './ColumnSizingPlugin.js';
-import 'react';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import './useStylesheetHelpers.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'stylesheet-helpers';
-import './getColumnNameFromProperty.js';
-import '../../utilities/getScrollbarSize.js';
-import './useColumnSizeService.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import './utils.js';
-import './ext-points/getTableProps.js';
-import './ext-points/decorateColumn.js';
-import './columnMeasurerTransformer.js';
-//# sourceMappingURL=index.js.map

package/esm/plugins/column-sizing/useColumnSizeService.js

@@ -1,34 +1,33 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.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.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.filter.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { getColumnWidthSize, getPercentageValue } from './utils.js';
-import '@elliemae/ds-utilities';
 
 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; }
 function useColumnSizeService(instance) {
-  var columns = useRef({});
-
-  var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      expandableGridDetailWidth = _useState2[0],
-      setExpandableGridDetailWidth = _useState2[1];
-
-  var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      expandableColumnWidth = _useState4[0],
-      setExpandableColumnWidth = _useState4[1];
-
-  var expandedToContentColumns = useRef({});
-  var previousTotalWidth = useRef(0);
-  var initialUsedSpace = useRef({
+  const columns = useRef({});
+  const [expandableGridDetailWidth, setExpandableGridDetailWidth] = useState(0);
+  const [expandableColumnWidth, setExpandableColumnWidth] = useState(0);
+  const expandedToContentColumns = useRef({});
+  const previousTotalWidth = useRef(0);
+  const initialUsedSpace = useRef({
     space: 0,
     amount: 0,
     percentage: 0
   });
 
-  var increaseUsedSpace = function increaseUsedSpace(space, columnUuid) {
+  const increaseUsedSpace = (space, columnUuid) => {
     if (typeof space === 'number') {
       initialUsedSpace.current.space += space;
     } else if (space && space.endsWith('%')) {
@@ -40,61 +39,53 @@ function useColumnSizeService(instance) {
   }; // eslint-disable-next-line no-return-assign
 
 
-  var registerColumn = function registerColumn(column) {
-    return function (node) {
-      return columns.current[column.uuid] = _objectSpread(_objectSpread({}, column), {}, {
-        node: node
-      });
-    };
-  };
+  const registerColumn = column => node => columns.current[column.uuid] = _objectSpread(_objectSpread({}, column), {}, {
+    node
+  });
 
-  var unregisterColumn = function unregisterColumn(column) {
+  const unregisterColumn = column => {
     delete columns.current[column.property];
   };
 
-  var setActualColumnsSizesFixed = function setActualColumnsSizesFixed() {
-    var columnsArray = Object.values(columns.current);
-    columnsArray.forEach(function (column) {
-      var columnOffsetWidth = column.node.offsetWidth;
+  const setActualColumnsSizesFixed = () => {
+    const columnsArray = Object.values(columns.current);
+    columnsArray.forEach(column => {
+      const columnOffsetWidth = column.node.offsetWidth;
       column.updateBodyHeaderWidth("".concat(columnOffsetWidth, "px"), "".concat(columnOffsetWidth, "px"));
     });
   };
 
-  var updateMissingWidths = function updateMissingWidths(totalWidth) {
+  const updateMissingWidths = totalWidth => {
     if (totalWidth) {
       previousTotalWidth.current = totalWidth;
     }
 
-    var gridWidth = previousTotalWidth.current - 4;
-
-    var _instance$getInstance = instance.getInstance(),
-        _instance$getInstance2 = _instance$getInstance.props,
-        minColumnWidth = _instance$getInstance2.minColumnWidth,
-        expandable = _instance$getInstance2.expandable,
-        resizedColumns = _instance$getInstance.resizedColumns,
-        columnDefinitions = _instance$getInstance.decoratedColumns;
-
+    const gridWidth = previousTotalWidth.current - 4;
+    const {
+      props: {
+        minColumnWidth,
+        expandable
+      },
+      resizedColumns,
+      decoratedColumns: columnDefinitions
+    } = instance.getInstance();
     if (!initialUsedSpace.current) return;
-    var columnUuids = columnDefinitions.map(function (c) {
-      return c.uuid;
-    });
-    var columnsArray = Object.values(columns.current).filter(function (c) {
-      return columnUuids.includes(c.uuid);
-    }); // reset the initial space to the last columns
+    const columnUuids = columnDefinitions.map(c => c.uuid);
+    const columnsArray = Object.values(columns.current).filter(c => columnUuids.includes(c.uuid)); // reset the initial space to the last columns
 
     initialUsedSpace.current = {
       space: 0,
       amount: 0,
       percentage: 0
     };
-    columnsArray.forEach(function (column) {
+    columnsArray.forEach(column => {
       if (column.width && column.width !== 'string' && !initialUsedSpace[column.uuid]) {
         increaseUsedSpace(getColumnWidthSize(column.width, minColumnWidth, column), column.uuid);
       }
     });
-    var nextColumnDict = {}; // eslint-disable-next-line max-statements
+    const nextColumnDict = {}; // eslint-disable-next-line max-statements
 
-    columnsArray.forEach(function (column) {
+    columnsArray.forEach(column => {
       if (typeof column.width === 'number') {
         nextColumnDict[column.uuid] = column;
         return;
@@ -105,15 +96,16 @@ function useColumnSizeService(instance) {
         return;
       }
 
-      var _initialUsedSpace$cur = initialUsedSpace.current,
-          usedSpace = _initialUsedSpace$cur.space,
-          usedAmount = _initialUsedSpace$cur.amount,
-          usedPercentage = _initialUsedSpace$cur.percentage;
-      var percentValue = getPercentageValue(column.width); // check if is percentage value
+      const {
+        space: usedSpace,
+        amount: usedAmount,
+        percentage: usedPercentage
+      } = initialUsedSpace.current;
+      const percentValue = getPercentageValue(column.width); // check if is percentage value
 
       if (percentValue) {
-        var pxs = gridWidth * percentValue / 100;
-        var pxWidths = "".concat(getColumnWidthSize(pxs, minColumnWidth, column), "px");
+        const pxs = gridWidth * percentValue / 100;
+        const pxWidths = "".concat(getColumnWidthSize(pxs, minColumnWidth, column), "px");
         column.updateBodyHeaderWidth(pxWidths, pxWidths);
         columns.current[column.uuid].computedWidth = pxs;
 
@@ -122,13 +114,11 @@ function useColumnSizeService(instance) {
         }
       } else {
         // otherwise the values are auto calculated from the total size
-        var columnFixWidth = (gridWidth * (1 - usedPercentage / 100) - usedSpace) / (columnsArray.length - usedAmount);
-        var percentWidth = columnFixWidth / gridWidth * 100;
-
-        var _pxs = gridWidth * percentWidth / 100;
-
-        var actualWidthAfterChecks = getColumnWidthSize(_pxs, minColumnWidth, column);
-        column.updateBodyHeaderWidth("".concat(actualWidthAfterChecks, "px"), column.minWidth || minColumnWidth ? "".concat(column.minWidth || minColumnWidth, "px") : "".concat(_pxs, "px"));
+        const columnFixWidth = (gridWidth * (1 - usedPercentage / 100) - usedSpace) / (columnsArray.length - usedAmount);
+        const percentWidth = columnFixWidth / gridWidth * 100;
+        const pxs = gridWidth * percentWidth / 100;
+        const actualWidthAfterChecks = getColumnWidthSize(pxs, minColumnWidth, column);
+        column.updateBodyHeaderWidth("".concat(actualWidthAfterChecks, "px"), column.minWidth || minColumnWidth ? "".concat(column.minWidth || minColumnWidth, "px") : "".concat(pxs, "px"));
         resizedColumns.current[column.uuid] = actualWidthAfterChecks;
         columns.current[column.uuid].computedWidth = actualWidthAfterChecks;
       }
@@ -138,32 +128,29 @@ function useColumnSizeService(instance) {
     columns.current = nextColumnDict;
   };
 
-  useLayoutEffect(function () {
-    var totalWidth = computeColumnsTotalSize();
+  useLayoutEffect(() => {
+    const totalWidth = computeColumnsTotalSize();
     setExpandableGridDetailWidth(totalWidth - expandableColumnWidth);
   }, [expandableColumnWidth]); // todo: make this incremental
 
-  var computeColumnsTotalSize = function computeColumnsTotalSize() {
-    var columnsArray = Object.values(columns.current);
-    return columnsArray.reduce(function (totalSize, column) {
-      return totalSize + column.node.offsetWidth;
-    }, 0);
+  const computeColumnsTotalSize = () => {
+    const columnsArray = Object.values(columns.current);
+    return columnsArray.reduce((totalSize, column) => totalSize + column.node.offsetWidth, 0);
   };
 
   return {
     columns: columns.current,
     expandedToContentColumns: expandedToContentColumns.current,
     initialUsedSpace: initialUsedSpace.current,
-    increaseUsedSpace: increaseUsedSpace,
-    registerColumn: registerColumn,
-    unregisterColumn: unregisterColumn,
-    updateMissingWidths: updateMissingWidths,
-    computeColumnsTotalSize: computeColumnsTotalSize,
-    setActualColumnsSizesFixed: setActualColumnsSizesFixed,
-    expandableGridDetailWidth: expandableGridDetailWidth,
-    expandableColumnWidth: expandableColumnWidth
+    increaseUsedSpace,
+    registerColumn,
+    unregisterColumn,
+    updateMissingWidths,
+    computeColumnsTotalSize,
+    setActualColumnsSizesFixed,
+    expandableGridDetailWidth,
+    expandableColumnWidth
   };
 }
 
 export { useColumnSizeService as default };
-//# sourceMappingURL=useColumnSizeService.js.map