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

package/esm/plugins/pagination/components/Paginator.js

@@ -1,60 +1,59 @@
-import React from 'react';
-import Pagify from 'react-pagify';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import ReactPagify from 'react-pagify';
 import segmentize from 'segmentize';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 
-var blockName = 'data-grid';
-var PaginationContainer = aggregatedClasses('div')(blockName, 'pagination');
-var PagifyContext = aggregatedClasses(Pagify.Context)(blockName, 'pagify-pagination');
+var _ReactPagify$Segment, _ReactPagify$Ellipsis, _ReactPagify$Segment2, _ReactPagify$Segment3, _ReactPagify$Segment4, _ReactPagify$Ellipsis2, _ReactPagify$Segment5;
+const blockName = 'data-grid';
+const PaginationContainer = aggregatedClasses('div')(blockName, 'pagination');
+const PagifyContext = aggregatedClasses(ReactPagify === null || ReactPagify === void 0 ? void 0 : ReactPagify.Context)(blockName, 'pagify-pagination');
 
-var Paginator = function Paginator(_ref) {
-  var pagination = _ref.pagination,
-      pages = _ref.pages,
-      _onSelect = _ref.onSelect,
-      _ref$labelPrevious = _ref.labelPrevious,
-      labelPrevious = _ref$labelPrevious === void 0 ? 'Previous' : _ref$labelPrevious,
-      _ref$labelNext = _ref.labelNext,
-      labelNext = _ref$labelNext === void 0 ? 'Next' : _ref$labelNext;
-  var prevPage = pagination.page - 1;
-  var nextPage = pagination.page + 1;
-  return /*#__PURE__*/React.createElement(PaginationContainer, null, /*#__PURE__*/React.createElement(PagifyContext, {
-    onSelect: function onSelect(page) {
-      return page !== pagination.page && _onSelect(page);
-    },
+const Paginator = _ref => {
+  let {
+    pagination,
+    pages,
+    onSelect,
+    labelPrevious = 'Previous',
+    labelNext = 'Next'
+  } = _ref;
+  const prevPage = pagination.page - 1;
+  const nextPage = pagination.page + 1;
+  return /*#__PURE__*/_jsx(PaginationContainer, {}, void 0, /*#__PURE__*/_jsx(PagifyContext, {
+    onSelect: page => page !== pagination.page && onSelect(page),
     segments: segmentize({
       page: pagination.page,
-      pages: pages,
+      pages,
       beginPages: 1,
       endPages: 1,
       sidePages: 1
     })
-  }, /*#__PURE__*/React.createElement(Pagify.Button, {
+  }, void 0, /*#__PURE__*/_jsx(ReactPagify.Button, {
     className: pagination.page <= 1 ? 'button-disabled' : '',
     page: prevPage
-  }, labelPrevious), /*#__PURE__*/React.createElement(Pagify.Segment, {
+  }, void 0, labelPrevious), _ReactPagify$Segment || (_ReactPagify$Segment = /*#__PURE__*/_jsx(ReactPagify.Segment, {
     field: "beginPages"
-  }), /*#__PURE__*/React.createElement(Pagify.Ellipsis, {
+  })), _ReactPagify$Ellipsis || (_ReactPagify$Ellipsis = /*#__PURE__*/_jsx(ReactPagify.Ellipsis, {
     className: "ellipsis",
     nextField: "previousPages",
     previousField: "beginPages"
-  }), /*#__PURE__*/React.createElement(Pagify.Segment, {
+  })), _ReactPagify$Segment2 || (_ReactPagify$Segment2 = /*#__PURE__*/_jsx(ReactPagify.Segment, {
     field: "previousPages"
-  }), /*#__PURE__*/React.createElement(Pagify.Segment, {
+  })), _ReactPagify$Segment3 || (_ReactPagify$Segment3 = /*#__PURE__*/_jsx(ReactPagify.Segment, {
     className: "selected",
     field: "centerPage"
-  }), /*#__PURE__*/React.createElement(Pagify.Segment, {
+  })), _ReactPagify$Segment4 || (_ReactPagify$Segment4 = /*#__PURE__*/_jsx(ReactPagify.Segment, {
     field: "nextPages"
-  }), /*#__PURE__*/React.createElement(Pagify.Ellipsis, {
+  })), _ReactPagify$Ellipsis2 || (_ReactPagify$Ellipsis2 = /*#__PURE__*/_jsx(ReactPagify.Ellipsis, {
     className: "ellipsis",
     nextField: "endPages",
     previousField: "nextPages"
-  }), /*#__PURE__*/React.createElement(Pagify.Segment, {
+  })), _ReactPagify$Segment5 || (_ReactPagify$Segment5 = /*#__PURE__*/_jsx(ReactPagify.Segment, {
     field: "endPages"
-  }), /*#__PURE__*/React.createElement(Pagify.Button, {
+  })), /*#__PURE__*/_jsx(ReactPagify.Button, {
     className: pagination.page >= pages ? 'button-disabled' : '',
     page: nextPage
-  }, labelNext)));
+  }, void 0, labelNext)));
 };
 
 export { Paginator as default };
-//# sourceMappingURL=Paginator.js.map

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

@@ -1,48 +1,61 @@
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'react';
 import memoizeOne from 'memoize-one';
 import { range } from '@elliemae/ds-utilities';
 import { DSComboBox, components } from '@elliemae/ds-form';
+import { jsxs } from 'react/jsx-runtime';
 
-var _excluded = ["children"];
+var _span;
 
-var SingleValue = function SingleValue(_ref) {
-  var children = _ref.children,
+const _excluded = ["children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const SingleValue = _ref => {
+  let {
+    children
+  } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(components.SingleValue, props, children, " ", /*#__PURE__*/React.createElement("span", null, "per page"));
+  return /*#__PURE__*/jsxs(components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
+    children: [children, " ", _span || (_span = /*#__PURE__*/_jsx("span", {}, void 0, "per page"))]
+  }));
 };
 
-var generateOption = function generateOption(value) {
-  return {
-    value: value,
-    label: value
-  };
-};
+const generateOption = value => ({
+  value,
+  label: value
+});
 
-var getOptions = memoizeOne(function (step, min, max) {
-  var options = range(min, max + step, step).map(generateOption);
+const getOptions = memoizeOne((step, min, max) => {
+  const options = 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.createElement(DSComboBox, {
+  let {
+    min = 0,
+    max = 100,
+    step = 5,
+    value = 0,
+    onChange = () => null
+  } = _ref2;
+  const options = getOptions(step, min, max);
+  return /*#__PURE__*/_jsx(DSComboBox, {
     className: "per-page-dropdown",
     components: {
-      SingleValue: SingleValue
+      SingleValue
     },
     containerProps: {
       'data-testid': 'per-page-dropdown'
@@ -56,4 +69,3 @@ function PerPageDropdown(_ref2) {
 }
 
 export { PerPageDropdown as default };
-//# sourceMappingURL=PerPageDropdown.js.map

package/esm/plugins/pagination/helper.js

@@ -1,29 +1,30 @@
-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,
@@ -33,4 +34,3 @@ function paginate(rows, _ref) {
 }
 
 export { paginate as default, parsePerPageNumber };
-//# sourceMappingURL=helper.js.map

package/esm/plugins/pagination/index.js

@@ -1,15 +1 @@
 export { PaginationPlugin } from './PaginationPlugin.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-shared/FocusGroup/FocusGrid';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import './helper.js';
-import './usePaginationState.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '../../components/NoResults.js';
-import 'styled-components';
-import '@elliemae/ds-system';
-//# sourceMappingURL=index.js.map

package/esm/plugins/pagination/usePaginationState.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 { useDerivedStateFromProps } from '@elliemae/ds-utilities';
 import { parsePerPageNumber } from './helper.js';
 
@@ -7,39 +12,27 @@ 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 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 = useDerivedStateFromProps(paginationProp),
-      _useDerivedStateFromP2 = _slicedToArray(_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] = useDerivedStateFromProps(paginationProp);
 
-  var onPerPage = function onPerPage(perPageNumber) {
-    var parsedPerPageNumber = parsePerPageNumber(perPageNumber, maxPerPage, minPerPage);
-    var actualNumber = parsedPerPageNumber ? parseInt(parsedPerPageNumber, 10) : 0;
-    setPagination(function (prevPagination) {
+  const onPerPage = perPageNumber => {
+    const parsedPerPageNumber = parsePerPageNumber(perPageNumber, maxPerPage, minPerPage);
+    const actualNumber = parsedPerPageNumber ? parseInt(parsedPerPageNumber, 10) : 0;
+    setPagination(prevPagination => {
       onPerPageChange(actualNumber);
       return {
         page: prevPagination.page,
@@ -48,10 +41,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)
@@ -61,14 +54,13 @@ function usePaginationState(grid) {
 
   return {
     state: {
-      pagination: pagination
+      pagination
     },
     actions: {
-      onPerPage: onPerPage,
-      onPageSelect: onPageSelect
+      onPerPage,
+      onPageSelect
     }
   };
 }
 
 export { usePaginationState };
-//# sourceMappingURL=usePaginationState.js.map

package/esm/plugins/resizable/ResizablePlugin.js

@@ -1,60 +1,48 @@
+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 { runAll } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { addResizableToColumn, resizableFormatter } from './decorateResizable.js';
-import '@babel/runtime/helpers/esm/extends';
-import 'react';
-import '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
-import './useResizeHandle.js';
 
-/* 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 addResizableToColumn(column, resizableFormatter({
-    onDragStart: function onDragStart() {
+    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);
       }
 
@@ -68,12 +56,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);
       }
 
@@ -82,14 +71,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);
@@ -99,21 +86,20 @@ var decorateColumn = function decorateColumn(column, grid, index) {
       }
 
       onColumnResize('onResizeEnd', {
-        column: column,
-        width: width,
-        extraData: extraData
+        column,
+        width,
+        extraData
       });
       runAll(onResizeEnd)(width, extraData);
       grid.updateRowWidth();
     },
     minWidth: (column.minWidth || minColumnWidth) - (isLast ? DELTA_LAST_COLUMN : 0),
-    isLast: isLast
+    isLast
   }));
 };
 
-var ResizablePlugin = createInstancePlugin('resizable', {
-  decorateColumn: decorateColumn
+const ResizablePlugin = createInstancePlugin('resizable', {
+  decorateColumn
 });
 
 export { ResizablePlugin };
-//# sourceMappingURL=ResizablePlugin.js.map

package/esm/plugins/resizable/decorateResizable.js

@@ -1,43 +1,49 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import React from 'react';
 import { appendHeaderFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
 import { useResizeHandle } from './useResizeHandle.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-var addResizableToColumn = function addResizableToColumn(column, formatter) {
-  return appendHeaderFormatter(formatter, column);
-};
+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; }
 
-var ResizableWrapper = /*#__PURE__*/React.memo(function (_ref) {
-  var value = _ref.value,
-      onDrag = _ref.onDrag,
-      onDragEnd = _ref.onDragEnd,
-      onDragStart = _ref.onDragStart,
-      minWidth = _ref.minWidth,
-      handleClassName = _ref.handleClassName;
+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 _useResizeHandle = useResizeHandle({
-    onDrag: onDrag,
-    onDragEnd: onDragEnd,
-    onDragStart: onDragStart,
-    minWidth: minWidth,
-    handleClassName: handleClassName
-  }),
-      containerRef = _useResizeHandle.containerRef,
-      Handle = _useResizeHandle.Handle;
+const addResizableToColumn = (column, formatter) => appendHeaderFormatter(formatter, column);
 
-  return /*#__PURE__*/React.createElement("div", {
+const ResizableWrapper = /*#__PURE__*/React.memo(_ref => {
+  let {
+    value,
+    onDrag,
+    onDragEnd,
+    onDragStart,
+    minWidth,
+    handleClassName
+  } = _ref;
+  const {
+    containerRef,
+    Handle
+  } = useResizeHandle({
+    onDrag,
+    onDragEnd,
+    onDragStart,
+    minWidth,
+    handleClassName
+  });
+  return /*#__PURE__*/jsxs("div", {
     ref: containerRef,
-    className: "resize-container"
-  }, value, /*#__PURE__*/React.createElement(Handle, null));
+    className: "resize-container",
+    children: [value, /*#__PURE__*/_jsx(Handle, {})]
+  });
 }); // eslint-disable-next-line react/display-name
 
-var resizableFormatter = function resizableFormatter(options) {
-  return function (value) {
-    return /*#__PURE__*/React.createElement(ResizableWrapper, _extends({}, options, {
-      value: value
-    }));
-  };
-};
+const resizableFormatter = options => value => /*#__PURE__*/jsx(ResizableWrapper, _objectSpread(_objectSpread({}, options), {}, {
+  value: value
+}));
 
 export { addResizableToColumn, resizableFormatter };
-//# sourceMappingURL=decorateResizable.js.map

package/esm/plugins/resizable/index.js

@@ -1,9 +1 @@
 export { ResizablePlugin } from './ResizablePlugin.js';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
-import './decorateResizable.js';
-import '@babel/runtime/helpers/esm/extends';
-import 'react';
-import '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
-import './useResizeHandle.js';
-//# sourceMappingURL=index.js.map