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

package/cjs/plugins/pagination/components/PerPageDropdown.js

@@ -1,56 +1,70 @@
 'use strict';
 
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('react');
 var memoizeOne = require('memoize-one');
 var dsUtilities = require('@elliemae/ds-utilities');
 var dsForm = require('@elliemae/ds-form');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
 
-var _excluded = ["children"];
+var _span;
 
-var SingleValue = function SingleValue(_ref) {
-  var children = _ref.children,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+const _excluded = ["children"];
 
-  return /*#__PURE__*/React__default['default'].createElement(dsForm.components.SingleValue, props, children, " ", /*#__PURE__*/React__default['default'].createElement("span", null, "per page"));
-};
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const SingleValue = _ref => {
+  let {
+    children
+  } = _ref,
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-var generateOption = function generateOption(value) {
-  return {
-    value: value,
-    label: value
-  };
+  return /*#__PURE__*/jsxRuntime.jsxs(dsForm.components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
+    children: [children, " ", _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "per page"))]
+  }));
 };
 
-var getOptions = memoizeOne__default['default'](function (step, min, max) {
-  var options = dsUtilities.range(min, max + step, step).map(generateOption);
+const generateOption = value => ({
+  value,
+  label: value
+});
+
+const getOptions = memoizeOne__default["default"]((step, min, max) => {
+  const options = dsUtilities.range(min, max + step, step).map(generateOption);
   return min === 0 ? options.slice(1, options.length) : options;
 });
 
 function PerPageDropdown(_ref2) {
-  var _ref2$min = _ref2.min,
-      min = _ref2$min === void 0 ? 0 : _ref2$min,
-      _ref2$max = _ref2.max,
-      max = _ref2$max === void 0 ? 100 : _ref2$max,
-      _ref2$step = _ref2.step,
-      step = _ref2$step === void 0 ? 5 : _ref2$step,
-      _ref2$value = _ref2.value,
-      value = _ref2$value === void 0 ? 0 : _ref2$value,
-      _ref2$onChange = _ref2.onChange,
-      onChange = _ref2$onChange === void 0 ? function () {
-    return null;
-  } : _ref2$onChange;
-  var options = getOptions(step, min, max);
-  return /*#__PURE__*/React__default['default'].createElement(dsForm.DSComboBox, {
+  let {
+    min = 0,
+    max = 100,
+    step = 5,
+    value = 0,
+    onChange = () => null
+  } = _ref2;
+  const options = getOptions(step, min, max);
+  return /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
     className: "per-page-dropdown",
     components: {
-      SingleValue: SingleValue
+      SingleValue
     },
     containerProps: {
       'data-testid': 'per-page-dropdown'
@@ -64,4 +78,3 @@ function PerPageDropdown(_ref2) {
 }
 
 module.exports = PerPageDropdown;
-//# sourceMappingURL=PerPageDropdown.js.map

package/cjs/plugins/pagination/helper.js

@@ -2,32 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var parsePerPageNumber = function parsePerPageNumber(number, max) {
-  var min = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+const parsePerPageNumber = function (number, max) {
+  let min = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   if (number > max) return max;
   if (number < min) return min;
   return number;
 };
 function paginate(rows, _ref) {
-  var page = _ref.page,
-      _ref$perPage = _ref.perPage,
-      perPage = _ref$perPage === void 0 ? 1 : _ref$perPage,
-      amount = _ref.amountOfPages,
-      totalRows = _ref.totalRows;
+  let {
+    page,
+    perPage = 1,
+    amountOfPages: amount,
+    totalRows
+  } = _ref;
 
   // return if pagination state is controlled
   if (amount && totalRows) {
     return {
-      amount: amount,
-      rows: rows,
-      page: page
+      amount,
+      rows,
+      page
     };
   } // adapt to zero indexed logic
 
 
-  var p = page - 1 || 0;
-  var amountOfPages = perPage ? Math.ceil(rows.length / (perPage > 0 ? perPage : 1)) : 1;
-  var startPage = p < amountOfPages ? p : 0;
+  const p = page - 1 || 0;
+  const amountOfPages = perPage ? Math.ceil(rows.length / (perPage > 0 ? perPage : 1)) : 1;
+  const startPage = p < amountOfPages ? p : 0;
   return {
     amount: amountOfPages,
     rows: perPage ? rows.slice(startPage * perPage, startPage * perPage + perPage) : rows,
@@ -36,6 +37,5 @@ function paginate(rows, _ref) {
   };
 }
 
-exports['default'] = paginate;
+exports["default"] = paginate;
 exports.parsePerPageNumber = parsePerPageNumber;
-//# sourceMappingURL=helper.js.map

package/cjs/plugins/pagination/index.js

@@ -2,22 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_pagination_PaginationPlugin = require('./PaginationPlugin.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-shared/FocusGroup/FocusGrid');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./helper.js');
-require('./usePaginationState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('../../components/NoResults.js');
-require('styled-components');
-require('@elliemae/ds-system');
+var PaginationPlugin = require('./PaginationPlugin.js');
 
 
 
-exports.PaginationPlugin = plugins_pagination_PaginationPlugin.PaginationPlugin;
-//# sourceMappingURL=index.js.map
+exports.PaginationPlugin = PaginationPlugin.PaginationPlugin;

package/cjs/plugins/pagination/usePaginationState.js

@@ -3,52 +3,44 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var dsUtilities = require('@elliemae/ds-utilities');
-var plugins_pagination_helper = require('./helper.js');
+var helper = require('./helper.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function usePaginationState(grid) {
-  var _grid$props = grid.props,
-      _grid$props$minPerPag = _grid$props.minPerPage,
-      minPerPage = _grid$props$minPerPag === void 0 ? 0 : _grid$props$minPerPag,
-      _grid$props$maxPerPag = _grid$props.maxPerPage,
-      maxPerPage = _grid$props$maxPerPag === void 0 ? 50 : _grid$props$maxPerPag,
-      _grid$props$onPerPage = _grid$props.onPerPageChange,
-      onPerPageChange = _grid$props$onPerPage === void 0 ? function () {
-    return null;
-  } : _grid$props$onPerPage,
-      _grid$props$onPageCha = _grid$props.onPageChange,
-      onPageChange = _grid$props$onPageCha === void 0 ? function () {
-    return null;
-  } : _grid$props$onPageCha,
-      _grid$props$paginatio = _grid$props.pagination,
-      paginationProp = _grid$props$paginatio === void 0 ? {
-    page: 1,
-    perPage: 10
-  } : _grid$props$paginatio,
-      groupedRows = _grid$props.groupedRows;
-
-  var _grid$getInstance = grid.getInstance(),
-      composedRows = _grid$getInstance.composedRows,
-      rows = _grid$getInstance.rows;
-
-  var _useDerivedStateFromP = dsUtilities.useDerivedStateFromProps(paginationProp),
-      _useDerivedStateFromP2 = _slicedToArray__default['default'](_useDerivedStateFromP, 2),
-      pagination = _useDerivedStateFromP2[0],
-      setPagination = _useDerivedStateFromP2[1];
+  const {
+    minPerPage = 0,
+    maxPerPage = 50,
+    onPerPageChange = () => null,
+    onPageChange = () => null,
+    pagination: paginationProp = {
+      page: 1,
+      perPage: 10
+    },
+    groupedRows
+  } = grid.props;
+  const {
+    composedRows,
+    rows
+  } = grid.getInstance();
+  const [pagination, setPagination] = dsUtilities.useDerivedStateFromProps(paginationProp);
 
-  var onPerPage = function onPerPage(perPageNumber) {
-    var parsedPerPageNumber = plugins_pagination_helper.parsePerPageNumber(perPageNumber, maxPerPage, minPerPage);
-    var actualNumber = parsedPerPageNumber ? parseInt(parsedPerPageNumber, 10) : 0;
-    setPagination(function (prevPagination) {
+  const onPerPage = perPageNumber => {
+    const parsedPerPageNumber = helper.parsePerPageNumber(perPageNumber, maxPerPage, minPerPage);
+    const actualNumber = parsedPerPageNumber ? parseInt(parsedPerPageNumber, 10) : 0;
+    setPagination(prevPagination => {
       onPerPageChange(actualNumber);
       return {
         page: prevPagination.page,
@@ -57,10 +49,10 @@ function usePaginationState(grid) {
     });
   };
 
-  var onPageSelect = function onPageSelect(page) {
-    var length = groupedRows ? composedRows.length : rows.length;
-    setPagination(function (prevPagination) {
-      var pages = Math.ceil(length / prevPagination.perPage);
+  const onPageSelect = page => {
+    const length = groupedRows ? composedRows.length : rows.length;
+    setPagination(prevPagination => {
+      const pages = Math.ceil(length / prevPagination.perPage);
       onPageChange(page);
       return _objectSpread(_objectSpread({}, prevPagination), {}, {
         page: Math.min(Math.max(page, 1), pages)
@@ -70,14 +62,13 @@ function usePaginationState(grid) {
 
   return {
     state: {
-      pagination: pagination
+      pagination
     },
     actions: {
-      onPerPage: onPerPage,
-      onPageSelect: onPageSelect
+      onPerPage,
+      onPageSelect
     }
   };
 }
 
 exports.usePaginationState = usePaginationState;
-//# sourceMappingURL=usePaginationState.js.map

package/cjs/plugins/resizable/ResizablePlugin.js

@@ -2,67 +2,55 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var plugins_resizable_decorateResizable = require('./decorateResizable.js');
-require('@babel/runtime/helpers/extends');
-require('react');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-require('./useResizeHandle.js');
+var decorateResizable = require('./decorateResizable.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-/* eslint-disable no-param-reassign */
-
-var noop = function noop() {
-  return null;
-};
-
-var DELTA_LAST_COLUMN = 25; // eslint-disable-next-line no-unused-vars
-
-var decorateColumn = function decorateColumn(column, grid, index) {
-  var _grid$props = grid.props,
-      _grid$props$onResizeE = _grid$props.onResizeEnd,
-      onResizeEnd = _grid$props$onResizeE === void 0 ? noop : _grid$props$onResizeE,
-      _grid$props$onResizeS = _grid$props.onResizeStart,
-      onResizeStart = _grid$props$onResizeS === void 0 ? noop : _grid$props$onResizeS,
-      _grid$props$minColumn = _grid$props.minColumnWidth,
-      minColumnWidth = _grid$props$minColumn === void 0 ? 90 : _grid$props$minColumn,
-      _grid$props$isColumnR = _grid$props.isColumnResizeActive,
-      isColumnResizeActive = _grid$props$isColumnR === void 0 ? function (col) {
-    return col.resizable && !col.expandableColumn;
-  } : _grid$props$isColumnR,
-      onColumnResize = _grid$props.onColumnResize;
-
-  var _grid$getInstance = grid.getInstance(),
-      decoratedColumns = _grid$getInstance.decoratedColumns; // need to do this because the decorated columns which the index in the function call
+const noop = () => null;
+
+const DELTA_LAST_COLUMN = 25; // eslint-disable-next-line no-unused-vars
+
+const decorateColumn = (column, grid, index) => {
+  const {
+    onResizeEnd = noop,
+    onResizeStart = noop,
+    minColumnWidth = 90,
+    isColumnResizeActive = col => col.resizable && !col.expandableColumn,
+    onColumnResize
+  } = grid.props;
+  const {
+    decoratedColumns
+  } = grid.getInstance(); // need to do this because the decorated columns which the index in the function call
   // could be different from the final decorated columns because a plugin could add a
   // column afterwards
 
-
-  var colIndex = decoratedColumns.findIndex(function (col) {
-    return col.property === column.property;
-  });
-  var isLast = colIndex === decoratedColumns.length - 1;
+  const colIndex = decoratedColumns.findIndex(col => col.property === column.property);
+  const isLast = colIndex === decoratedColumns.length - 1;
   if (!isColumnResizeActive(column)) return column;
-  return plugins_resizable_decorateResizable.addResizableToColumn(column, plugins_resizable_decorateResizable.resizableFormatter({
-    onDragStart: function onDragStart() {
+  return decorateResizable.addResizableToColumn(column, decorateResizable.resizableFormatter({
+    onDragStart: () => {
       grid.isDragging.current = true;
       grid.disableEvents();
       onResizeStart();
       onColumnResize('onResizeStart', {
-        column: column
+        column
       });
     },
-    onDrag: function onDrag(width, increasing) {
-      var _grid$getInstance2 = grid.getInstance(),
-          resizedColumns = _grid$getInstance2.resizedColumns,
-          refs = _grid$getInstance2.refs;
+    onDrag: (width, increasing) => {
+      const {
+        resizedColumns,
+        refs
+      } = grid.getInstance();
 
       if (isLast && increasing) {
-        var thisCol = resizedColumns.current[column.uuid] || 0;
+        const thisCol = resizedColumns.current[column.uuid] || 0;
         width = Math.max(thisCol + DELTA_LAST_COLUMN, width);
       }
 
@@ -76,12 +64,13 @@ var decorateColumn = function decorateColumn(column, grid, index) {
         refs.body.current.scrollLeft += DELTA_LAST_COLUMN;
       }
     },
-    onDragEnd: function onDragEnd(width, increasing, extraData) {
-      var _grid$getInstance3 = grid.getInstance(),
-          resizedColumns = _grid$getInstance3.resizedColumns;
+    onDragEnd: (width, increasing, extraData) => {
+      const {
+        resizedColumns
+      } = grid.getInstance();
 
       if (isLast && increasing) {
-        var thisCol = resizedColumns.current[column.uuid] || 0;
+        const thisCol = resizedColumns.current[column.uuid] || 0;
         width = Math.max(thisCol + DELTA_LAST_COLUMN, width);
       }
 
@@ -90,14 +79,12 @@ var decorateColumn = function decorateColumn(column, grid, index) {
       grid.enableEvents();
 
       try {
-        var total = grid.getInstance().refs.body.current.scrollWidth;
-        var sum = Object.keys(grid.resizedColumns.current).reduce(function (p, n) {
-          return grid.resizedColumns.current[n] + p;
-        }, 0);
-        var lastKey = grid.decoratedColumns[grid.columns.length - 1].uuid;
+        const total = grid.getInstance().refs.body.current.scrollWidth;
+        const sum = Object.keys(grid.resizedColumns.current).reduce((p, n) => grid.resizedColumns.current[n] + p, 0);
+        const lastKey = grid.decoratedColumns[grid.columns.length - 1].uuid;
 
         if (sum < total) {
-          var lastCol = grid.getInstance().columnSizeService.columns[lastKey];
+          const lastCol = grid.getInstance().columnSizeService.columns[lastKey];
           lastCol.updateWidth(grid.resizedColumns.current[lastKey] + total - sum);
           lastCol.updateBodyHeaderWidth(grid.resizedColumns.current[lastKey] + total - sum);
           grid.getInstance().columnSizeService.updateMissingWidths(total);
@@ -107,21 +94,20 @@ var decorateColumn = function decorateColumn(column, grid, index) {
       }
 
       onColumnResize('onResizeEnd', {
-        column: column,
-        width: width,
-        extraData: extraData
+        column,
+        width,
+        extraData
       });
       dsUtilities.runAll(onResizeEnd)(width, extraData);
       grid.updateRowWidth();
     },
     minWidth: (column.minWidth || minColumnWidth) - (isLast ? DELTA_LAST_COLUMN : 0),
-    isLast: isLast
+    isLast
   }));
 };
 
-var ResizablePlugin = createInstancePlugin__default['default']('resizable', {
-  decorateColumn: decorateColumn
+const ResizablePlugin = createInstancePlugin__default["default"]('resizable', {
+  decorateColumn
 });
 
 exports.ResizablePlugin = ResizablePlugin;
-//# sourceMappingURL=ResizablePlugin.js.map

package/cjs/plugins/resizable/decorateResizable.js

@@ -2,52 +2,59 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-var plugins_resizable_useResizeHandle = require('./useResizeHandle.js');
+var useResizeHandle = require('./useResizeHandle.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var addResizableToColumn = function addResizableToColumn(column, formatter) {
-  return initColumnDefinition.appendHeaderFormatter(formatter, column);
-};
-
-var ResizableWrapper = /*#__PURE__*/React__default['default'].memo(function (_ref) {
-  var value = _ref.value,
-      onDrag = _ref.onDrag,
-      onDragEnd = _ref.onDragEnd,
-      onDragStart = _ref.onDragStart,
-      minWidth = _ref.minWidth,
-      handleClassName = _ref.handleClassName;
-
-  var _useResizeHandle = plugins_resizable_useResizeHandle.useResizeHandle({
-    onDrag: onDrag,
-    onDragEnd: onDragEnd,
-    onDragStart: onDragStart,
-    minWidth: minWidth,
-    handleClassName: handleClassName
-  }),
-      containerRef = _useResizeHandle.containerRef,
-      Handle = _useResizeHandle.Handle;
-
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const addResizableToColumn = (column, formatter) => initColumnDefinition.appendHeaderFormatter(formatter, column);
+
+const ResizableWrapper = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    value,
+    onDrag,
+    onDragEnd,
+    onDragStart,
+    minWidth,
+    handleClassName
+  } = _ref;
+  const {
+    containerRef,
+    Handle
+  } = useResizeHandle.useResizeHandle({
+    onDrag,
+    onDragEnd,
+    onDragStart,
+    minWidth,
+    handleClassName
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: containerRef,
-    className: "resize-container"
-  }, value, /*#__PURE__*/React__default['default'].createElement(Handle, null));
+    className: "resize-container",
+    children: [value, /*#__PURE__*/_jsx__default["default"](Handle, {})]
+  });
 }); // eslint-disable-next-line react/display-name
 
-var resizableFormatter = function resizableFormatter(options) {
-  return function (value) {
-    return /*#__PURE__*/React__default['default'].createElement(ResizableWrapper, _extends__default['default']({}, options, {
-      value: value
-    }));
-  };
-};
+const resizableFormatter = options => value => /*#__PURE__*/jsxRuntime.jsx(ResizableWrapper, _objectSpread(_objectSpread({}, options), {}, {
+  value: value
+}));
 
 exports.addResizableToColumn = addResizableToColumn;
 exports.resizableFormatter = resizableFormatter;
-//# sourceMappingURL=decorateResizable.js.map

package/cjs/plugins/resizable/index.js

@@ -2,16 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_resizable_ResizablePlugin = require('./ResizablePlugin.js');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./decorateResizable.js');
-require('@babel/runtime/helpers/extends');
-require('react');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-require('./useResizeHandle.js');
+var ResizablePlugin = require('./ResizablePlugin.js');
 
 
 
-exports.ResizablePlugin = plugins_resizable_ResizablePlugin.ResizablePlugin;
-//# sourceMappingURL=index.js.map
+exports.ResizablePlugin = ResizablePlugin.ResizablePlugin;