@elliemae/ds-datagrids 2.3.0-alpha.6 → 2.3.0-next.0

package/cjs/plugins/pagination/PaginationPlugin.js

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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');
+var React = require('react');
+var dsUtilities = require('@elliemae/ds-utilities');
+var FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
+var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
+var helper = require('./helper.js');
+var usePaginationState = require('./usePaginationState.js');
+var NoResults = require('../../components/NoResults.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var FocusGridManager__default = /*#__PURE__*/_interopDefaultLegacy(FocusGridManager);
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
+const _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "innerRef", "innerBodyRef", "isPlaceholderActive"];
+
+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__default["default"](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 composeRows = (rows, grid) => {
+  const {
+    state: {
+      pagination
+    },
+    props: {
+      groupedRows
+    }
+  } = grid.getInstance();
+  if (groupedRows) return rows; // disable pagination with grouping
+
+  if (groupedRows) {
+    const filterIds = rows.map(r => r.id);
+    return helper["default"](rows.filter(c => filterIds.includes(c.id)).map(r => _objectSpread(_objectSpread({}, r), {}, {
+      _isGroup: r.isGroup
+    })), pagination);
+  }
+
+  return helper["default"](rows, pagination);
+};
+
+const Body = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    component: Component,
+    rows,
+    rowRenderer,
+    noResultsPlaceholder,
+    innerRef,
+    innerBodyRef,
+    // depends on body-header-scroll-sync
+    isPlaceholderActive = false
+  } = _ref,
+      otherBodyProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
+    innerRef: dsUtilities.mergeRefs(innerRef),
+    children: !isPlaceholderActive ? rows.map((row, index) => rowRenderer(row, {
+      index,
+      rowIndex: index
+    }, {})) : /*#__PURE__*/_jsx__default["default"](NoResults, {
+      innerRef: innerRef,
+      rowRenderer: rowRenderer
+    }, void 0, noResultsPlaceholder)
+  }));
+});
+
+const decorateRenderers = (renderers, grid) => {
+  const BodyWrapper = renderers.body.wrapper;
+  renderers.body.wrapper = React.useMemo(() => props => {
+    const {
+      hotKeys,
+      shouldRefocus,
+      state
+    } = grid.getInstance();
+    return /*#__PURE__*/_jsx__default["default"](FocusGridManager__default["default"], {
+      hotKeys: hotKeys,
+      shouldRefocus: false
+    }, void 0, /*#__PURE__*/jsxRuntime.jsx(Body, _objectSpread(_objectSpread({}, props), {}, {
+      component: BodyWrapper
+    })));
+  }, []);
+  return renderers;
+};
+
+const PaginationPlugin = createInstancePlugin__default["default"]('pagination', {
+  registerStateHook: usePaginationState.usePaginationState,
+  decorateRenderers,
+  composeRows
+});
+
+exports.PaginationPlugin = PaginationPlugin;

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

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsClassnames = require('@elliemae/ds-classnames');
+var Paginator = require('./Paginator.js');
+var PerPageDropdown = require('./PerPageDropdown.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const PaginationControls = dsClassnames.aggregatedClasses('div')('data-grid', 'controls-pagination');
+
+const Pagination = _ref => {
+  let {
+    paginated,
+    pagination = {},
+    onPerPage,
+    onPageSelect,
+    paginationStep = 5,
+    maxPerPage = 10,
+    minPerPage = 5
+  } = _ref;
+  const {
+    perPage
+  } = pagination;
+  if (pagination && pagination.conditionalPagination === true && paginated.amount === 1) return null;
+  return paginated.amount > 0 ? /*#__PURE__*/_jsx__default["default"](PaginationControls, {}, void 0, /*#__PURE__*/_jsx__default["default"](PerPageDropdown, {
+    max: maxPerPage,
+    min: minPerPage,
+    onChange: onPerPage,
+    step: paginationStep,
+    value: perPage
+  }), /*#__PURE__*/_jsx__default["default"](Paginator, {
+    onSelect: onPageSelect,
+    pages: paginated.amount,
+    pagination: pagination
+  })) : null;
+};
+
+exports.Pagination = Pagination;

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

@@ -0,0 +1,67 @@
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var ReactPagify = require('react-pagify');
+var segmentize = require('segmentize');
+var dsClassnames = require('@elliemae/ds-classnames');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var ReactPagify__default = /*#__PURE__*/_interopDefaultLegacy(ReactPagify);
+var segmentize__default = /*#__PURE__*/_interopDefaultLegacy(segmentize);
+
+var _ReactPagify$Segment, _ReactPagify$Ellipsis, _ReactPagify$Segment2, _ReactPagify$Segment3, _ReactPagify$Segment4, _ReactPagify$Ellipsis2, _ReactPagify$Segment5;
+const blockName = 'data-grid';
+const PaginationContainer = dsClassnames.aggregatedClasses('div')(blockName, 'pagination');
+const PagifyContext = dsClassnames.aggregatedClasses(ReactPagify__default["default"] === null || ReactPagify__default["default"] === void 0 ? void 0 : ReactPagify__default["default"].Context)(blockName, 'pagify-pagination');
+
+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__default["default"](PaginationContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](PagifyContext, {
+    onSelect: page => page !== pagination.page && onSelect(page),
+    segments: segmentize__default["default"]({
+      page: pagination.page,
+      pages,
+      beginPages: 1,
+      endPages: 1,
+      sidePages: 1
+    })
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Button, {
+    className: pagination.page <= 1 ? 'button-disabled' : '',
+    page: prevPage
+  }, void 0, labelPrevious), _ReactPagify$Segment || (_ReactPagify$Segment = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
+    field: "beginPages"
+  })), _ReactPagify$Ellipsis || (_ReactPagify$Ellipsis = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Ellipsis, {
+    className: "ellipsis",
+    nextField: "previousPages",
+    previousField: "beginPages"
+  })), _ReactPagify$Segment2 || (_ReactPagify$Segment2 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
+    field: "previousPages"
+  })), _ReactPagify$Segment3 || (_ReactPagify$Segment3 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
+    className: "selected",
+    field: "centerPage"
+  })), _ReactPagify$Segment4 || (_ReactPagify$Segment4 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
+    field: "nextPages"
+  })), _ReactPagify$Ellipsis2 || (_ReactPagify$Ellipsis2 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Ellipsis, {
+    className: "ellipsis",
+    nextField: "endPages",
+    previousField: "nextPages"
+  })), _ReactPagify$Segment5 || (_ReactPagify$Segment5 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
+    field: "endPages"
+  })), /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Button, {
+    className: pagination.page >= pages ? 'button-disabled' : '',
+    page: nextPage
+  }, void 0, labelNext)));
+};
+
+module.exports = Paginator;

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

@@ -0,0 +1,80 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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 memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
+
+var _span;
+
+const _excluded = ["children"];
+
+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__default["default"](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 SingleValue = _ref => {
+  let {
+    children
+  } = _ref,
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsxs(dsForm.components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
+    children: [children, " ", _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "per page"))]
+  }));
+};
+
+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) {
+  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
+    },
+    containerProps: {
+      'data-testid': 'per-page-dropdown'
+    },
+    maxOptions: 10,
+    onChange: onChange,
+    options: options,
+    searchable: false,
+    value: value
+  });
+}
+
+module.exports = PerPageDropdown;

package/cjs/plugins/pagination/helper.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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) {
+  let {
+    page,
+    perPage = 1,
+    amountOfPages: amount,
+    totalRows
+  } = _ref;
+
+  // return if pagination state is controlled
+  if (amount && totalRows) {
+    return {
+      amount,
+      rows,
+      page
+    };
+  } // adapt to zero indexed logic
+
+
+  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,
+    allRows: rows,
+    page: startPage
+  };
+}
+
+exports["default"] = paginate;
+exports.parsePerPageNumber = parsePerPageNumber;

package/cjs/plugins/pagination/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PaginationPlugin = require('./PaginationPlugin.js');
+
+
+
+exports.PaginationPlugin = PaginationPlugin.PaginationPlugin;

package/cjs/plugins/pagination/usePaginationState.js

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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 helper = require('./helper.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+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__default["default"](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; }
+function usePaginationState(grid) {
+  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);
+
+  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,
+        perPage: actualNumber
+      };
+    });
+  };
+
+  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)
+      });
+    });
+  };
+
+  return {
+    state: {
+      pagination
+    },
+    actions: {
+      onPerPage,
+      onPageSelect
+    }
+  };
+}
+
+exports.usePaginationState = usePaginationState;

package/cjs/plugins/resizable/ResizablePlugin.js

@@ -0,0 +1,113 @@
+'use strict';
+
+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 decorateResizable = require('./decorateResizable.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
+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
+
+  const colIndex = decoratedColumns.findIndex(col => col.property === column.property);
+  const isLast = colIndex === decoratedColumns.length - 1;
+  if (!isColumnResizeActive(column)) return column;
+  return decorateResizable.addResizableToColumn(column, decorateResizable.resizableFormatter({
+    onDragStart: () => {
+      grid.isDragging.current = true;
+      grid.disableEvents();
+      onResizeStart();
+      onColumnResize('onResizeStart', {
+        column
+      });
+    },
+    onDrag: (width, increasing) => {
+      const {
+        resizedColumns,
+        refs
+      } = grid.getInstance();
+
+      if (isLast && increasing) {
+        const thisCol = resizedColumns.current[column.uuid] || 0;
+        width = Math.max(thisCol + DELTA_LAST_COLUMN, width);
+      }
+
+      column.updateBodyHeaderWidth(width, width);
+      grid.updateRowWidth();
+
+      if (isLast && increasing) {
+        // TODO: Move this to packages/ds-shared/src/ScrollSync/ScrollSync.js
+        // It isn't watching the scrollLeft so you have to move both at the same time
+        refs.header.current.scrollLeft += DELTA_LAST_COLUMN;
+        refs.body.current.scrollLeft += DELTA_LAST_COLUMN;
+      }
+    },
+    onDragEnd: (width, increasing, extraData) => {
+      const {
+        resizedColumns
+      } = grid.getInstance();
+
+      if (isLast && increasing) {
+        const thisCol = resizedColumns.current[column.uuid] || 0;
+        width = Math.max(thisCol + DELTA_LAST_COLUMN, width);
+      }
+
+      resizedColumns.current[column.uuid] = width;
+      grid.isDragging.current = false;
+      grid.enableEvents();
+
+      try {
+        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) {
+          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);
+        }
+      } catch (error) {
+        console.error('Unexpected error in the addResizableToColumn trying to use the remaining grid space to the last column', error);
+      }
+
+      onColumnResize('onResizeEnd', {
+        column,
+        width,
+        extraData
+      });
+      dsUtilities.runAll(onResizeEnd)(width, extraData);
+      grid.updateRowWidth();
+    },
+    minWidth: (column.minWidth || minColumnWidth) - (isLast ? DELTA_LAST_COLUMN : 0),
+    isLast
+  }));
+};
+
+const ResizablePlugin = createInstancePlugin__default["default"]('resizable', {
+  decorateColumn
+});
+
+exports.ResizablePlugin = ResizablePlugin;

package/cjs/plugins/resizable/decorateResizable.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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__default["default"](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 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",
+    children: [value, /*#__PURE__*/_jsx__default["default"](Handle, {})]
+  });
+}); // eslint-disable-next-line react/display-name
+
+const resizableFormatter = options => value => /*#__PURE__*/jsxRuntime.jsx(ResizableWrapper, _objectSpread(_objectSpread({}, options), {}, {
+  value: value
+}));
+
+exports.addResizableToColumn = addResizableToColumn;
+exports.resizableFormatter = resizableFormatter;

package/cjs/plugins/resizable/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ResizablePlugin = require('./ResizablePlugin.js');
+
+
+
+exports.ResizablePlugin = ResizablePlugin.ResizablePlugin;