handsontable 0.0.0-next-08765b9-20230714 → 0.0.0-next-6b996e8-20230714

package/selection/highlight/types/customSelection.js

@@ -1,13 +1,12 @@
 "use strict";
 
 exports.__esModule = true;
-exports.createHighlight = createHighlight;
-var _src = require("../../../3rdparty/walkontable/src");
+var _constants = require("../constants");
 var _visualSelection = _interopRequireDefault(require("../visualSelection"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * Creates the new instance of Selection responsible for highlighting currently selected cell.
- * This type of selection can present on the table only one at the time.
+ * Creates the new instance of Selection responsible for highlighting currently selected cell. This type of selection
+ * can present on the table only one at the time.
  *
  * @param {object} highlightParams A configuration object to create a highlight.
  * @param {object} highlightParams.border Border configuration.
@@ -20,9 +19,12 @@ function createHighlight(_ref) {
     visualCellRange,
     ...restOptions
   } = _ref;
-  return new _visualSelection.default({
+  const s = new _visualSelection.default({
     ...border,
     ...restOptions,
-    selectionType: _src.HIGHLIGHT_CUSTOM_SELECTION_TYPE
+    selectionType: _constants.CUSTOM_SELECTION_TYPE
   }, visualCellRange);
-}
+  return s;
+}
+var _default = createHighlight;
+exports.default = _default;

package/selection/highlight/types/customSelection.mjs

@@ -1,23 +1,25 @@
-import { HIGHLIGHT_CUSTOM_SELECTION_TYPE } from "../../../3rdparty/walkontable/src/index.mjs";
+import { CUSTOM_SELECTION_TYPE } from "../constants.mjs";
 import VisualSelection from "../visualSelection.mjs";
 /**
- * Creates the new instance of Selection responsible for highlighting currently selected cell.
- * This type of selection can present on the table only one at the time.
+ * Creates the new instance of Selection responsible for highlighting currently selected cell. This type of selection
+ * can present on the table only one at the time.
  *
  * @param {object} highlightParams A configuration object to create a highlight.
  * @param {object} highlightParams.border Border configuration.
  * @param {object} highlightParams.visualCellRange Function to translate visual to renderable coords.
  * @returns {Selection}
  */
-export function createHighlight(_ref) {
+function createHighlight(_ref) {
   let {
     border,
     visualCellRange,
     ...restOptions
   } = _ref;
-  return new VisualSelection({
+  const s = new VisualSelection({
     ...border,
     ...restOptions,
-    selectionType: HIGHLIGHT_CUSTOM_SELECTION_TYPE
+    selectionType: CUSTOM_SELECTION_TYPE
   }, visualCellRange);
-}
+  return s;
+}
+export default createHighlight;

package/selection/highlight/types/fill.js

@@ -1,8 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.createHighlight = createHighlight;
-var _src = require("../../../3rdparty/walkontable/src");
+var _constants = require("../constants");
 var _visualSelection = _interopRequireDefault(require("../visualSelection"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
@@ -16,13 +15,16 @@ function createHighlight(_ref) {
   let {
     ...restOptions
   } = _ref;
-  return new _visualSelection.default({
+  const s = new _visualSelection.default({
     className: 'fill',
     border: {
       width: 1,
       color: '#ff0000'
     },
     ...restOptions,
-    selectionType: _src.HIGHLIGHT_FILL_TYPE
+    selectionType: _constants.FILL_TYPE
   });
-}
+  return s;
+}
+var _default = createHighlight;
+exports.default = _default;

package/selection/highlight/types/fill.mjs

@@ -1,4 +1,4 @@
-import { HIGHLIGHT_FILL_TYPE } from "../../../3rdparty/walkontable/src/index.mjs";
+import { FILL_TYPE } from "../constants.mjs";
 import VisualSelection from "../visualSelection.mjs";
 /**
  * Creates the new instance of Selection, responsible for highlighting cells which are covered by fill handle
@@ -7,17 +7,19 @@ import VisualSelection from "../visualSelection.mjs";
  * @param {object} highlightParams A configuration object to create a highlight.
  * @returns {Selection}
  */
-export function createHighlight(_ref) {
+function createHighlight(_ref) {
   let {
     ...restOptions
   } = _ref;
-  return new VisualSelection({
+  const s = new VisualSelection({
     className: 'fill',
     border: {
       width: 1,
       color: '#ff0000'
     },
     ...restOptions,
-    selectionType: HIGHLIGHT_FILL_TYPE
+    selectionType: FILL_TYPE
   });
-}
+  return s;
+}
+export default createHighlight;

package/selection/highlight/types/header.js

@@ -1,27 +1,36 @@
 "use strict";
 
 exports.__esModule = true;
-exports.createHighlight = createHighlight;
-var _src = require("../../../3rdparty/walkontable/src");
+var _constants = require("../constants");
 var _visualSelection = _interopRequireDefault(require("../visualSelection"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
- * Creates the new instance of Selection, responsible for highlighting column or row headers when
- * any cell is selected.
- * This type of selection can occur multiple times.
+ * Creates the new instance of Selection, responsible for highlighting row and column headers. This type of selection
+ * can occur multiple times.
  *
  * @param {object} highlightParams A configuration object to create a highlight.
  * @param {string} highlightParams.headerClassName Highlighted headers' class name.
+ * @param {string} highlightParams.rowClassName Highlighted row' class name.
+ * @param {string} highlightParams.columnClassName Highlighted column' class name.
  * @returns {Selection}
  */
 function createHighlight(_ref) {
   let {
     headerClassName,
+    rowClassName,
+    columnClassName,
     ...restOptions
   } = _ref;
-  return new _visualSelection.default({
-    className: headerClassName,
+  const s = new _visualSelection.default({
+    className: 'highlight',
+    highlightHeaderClassName: headerClassName,
+    highlightRowClassName: rowClassName,
+    highlightColumnClassName: columnClassName,
     ...restOptions,
-    selectionType: _src.HIGHLIGHT_HEADER_TYPE
+    highlightOnlyClosestHeader: true,
+    selectionType: _constants.HEADER_TYPE
   });
-}
+  return s;
+}
+var _default = createHighlight;
+exports.default = _default;

package/selection/highlight/types/header.mjs

@@ -1,22 +1,31 @@
-import { HIGHLIGHT_HEADER_TYPE } from "../../../3rdparty/walkontable/src/index.mjs";
+import { HEADER_TYPE } from "../constants.mjs";
 import VisualSelection from "../visualSelection.mjs";
 /**
- * Creates the new instance of Selection, responsible for highlighting column or row headers when
- * any cell is selected.
- * This type of selection can occur multiple times.
+ * Creates the new instance of Selection, responsible for highlighting row and column headers. This type of selection
+ * can occur multiple times.
  *
  * @param {object} highlightParams A configuration object to create a highlight.
  * @param {string} highlightParams.headerClassName Highlighted headers' class name.
+ * @param {string} highlightParams.rowClassName Highlighted row' class name.
+ * @param {string} highlightParams.columnClassName Highlighted column' class name.
  * @returns {Selection}
  */
-export function createHighlight(_ref) {
+function createHighlight(_ref) {
   let {
     headerClassName,
+    rowClassName,
+    columnClassName,
     ...restOptions
   } = _ref;
-  return new VisualSelection({
-    className: headerClassName,
+  const s = new VisualSelection({
+    className: 'highlight',
+    highlightHeaderClassName: headerClassName,
+    highlightRowClassName: rowClassName,
+    highlightColumnClassName: columnClassName,
     ...restOptions,
-    selectionType: HIGHLIGHT_HEADER_TYPE
+    highlightOnlyClosestHeader: true,
+    selectionType: HEADER_TYPE
   });
-}
+  return s;
+}
+export default createHighlight;

package/selection/highlight/types/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+exports.__esModule = true;
+exports.createHighlight = createHighlight;
+var _staticRegister = _interopRequireDefault(require("./../../../utils/staticRegister"));
+var _constants = require("../constants");
+var _activeHeader = _interopRequireDefault(require("./activeHeader"));
+var _area = _interopRequireDefault(require("./area"));
+var _cell = _interopRequireDefault(require("./cell"));
+var _customSelection = _interopRequireDefault(require("./customSelection"));
+var _fill = _interopRequireDefault(require("./fill"));
+var _header = _interopRequireDefault(require("./header"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const {
+  register,
+  getItem
+} = (0, _staticRegister.default)('highlight/types');
+register(_constants.ACTIVE_HEADER_TYPE, _activeHeader.default);
+register(_constants.AREA_TYPE, _area.default);
+register(_constants.CELL_TYPE, _cell.default);
+register(_constants.CUSTOM_SELECTION_TYPE, _customSelection.default);
+register(_constants.FILL_TYPE, _fill.default);
+register(_constants.HEADER_TYPE, _header.default);
+
+/**
+ * @param {string} highlightType The selection type.
+ * @param {object} options The selection options.
+ * @returns {Selection}
+ */
+function createHighlight(highlightType, options) {
+  return getItem(highlightType)({
+    type: highlightType,
+    ...options
+  });
+}

package/selection/highlight/types/index.mjs

@@ -0,0 +1,31 @@
+import staticRegister from "./../../../utils/staticRegister.mjs";
+import { ACTIVE_HEADER_TYPE, AREA_TYPE, CELL_TYPE, CUSTOM_SELECTION_TYPE, FILL_TYPE, HEADER_TYPE } from "../constants.mjs";
+import activeHeaderHighlight from "./activeHeader.mjs";
+import areaHighlight from "./area.mjs";
+import cellHighlight from "./cell.mjs";
+import customSelection from "./customSelection.mjs";
+import fillHighlight from "./fill.mjs";
+import headerHighlight from "./header.mjs";
+const {
+  register,
+  getItem
+} = staticRegister('highlight/types');
+register(ACTIVE_HEADER_TYPE, activeHeaderHighlight);
+register(AREA_TYPE, areaHighlight);
+register(CELL_TYPE, cellHighlight);
+register(CUSTOM_SELECTION_TYPE, customSelection);
+register(FILL_TYPE, fillHighlight);
+register(HEADER_TYPE, headerHighlight);
+
+/**
+ * @param {string} highlightType The selection type.
+ * @param {object} options The selection options.
+ * @returns {Selection}
+ */
+function createHighlight(highlightType, options) {
+  return getItem(highlightType)({
+    type: highlightType,
+    ...options
+  });
+}
+export { createHighlight };

package/selection/highlight/visualSelection.js

@@ -62,6 +62,10 @@ class VisualSelection extends _src.Selection {
       return null;
     }
     if (visibleFromCoords.row > visibleToCoords.row || visibleFromCoords.col > visibleToCoords.col) {
+      const isHeaderTypeSelection = this.settings.type === 'header' || this.settings.type === 'active-header';
+      if (!isHeaderTypeSelection) {
+        return null;
+      }
       visibleFromCoords = from;
       visibleToCoords = to;
     }
@@ -81,13 +85,13 @@ class VisualSelection extends _src.Selection {
    */
   getNearestNotHiddenCoords(coords, rowSearchDirection) {
     let columnSearchDirection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : rowSearchDirection;
-    const nextVisibleRow = this.getNearestNotHiddenIndex(this.settings.rowIndexMapper, coords.row, rowSearchDirection);
+    const nextVisibleRow = this.getNearestNotHiddenIndex(this.settings.rowIndexMapper(), coords.row, rowSearchDirection);
 
     // There are no more visual rows in the range.
     if (nextVisibleRow === null) {
       return null;
     }
-    const nextVisibleColumn = this.getNearestNotHiddenIndex(this.settings.columnIndexMapper, coords.col, columnSearchDirection);
+    const nextVisibleColumn = this.getNearestNotHiddenIndex(this.settings.columnIndexMapper(), coords.col, columnSearchDirection);
 
     // There are no more visual columns in the range.
     if (nextVisibleColumn === null) {
@@ -110,7 +114,12 @@ class VisualSelection extends _src.Selection {
     if (visualIndex < 0) {
       return visualIndex;
     }
-    return indexMapper.getNearestNotHiddenIndex(visualIndex, searchDirection);
+    const nearestVisualIndex = indexMapper.getNearestNotHiddenIndex(visualIndex, searchDirection);
+    const isHeaderSelectionType = this.settings.type === 'header' || this.settings.type === 'active-header';
+    if (isHeaderSelectionType && nearestVisualIndex === null) {
+      return -1;
+    }
+    return nearestVisualIndex;
   }
 
   /**
@@ -147,38 +156,24 @@ class VisualSelection extends _src.Selection {
    * @returns {VisualSelection}
    */
   syncWith(broaderCellRange) {
-    const coordsFrom = broaderCellRange.from.clone().normalize();
     const rowDirection = broaderCellRange.getVerticalDirection() === 'N-S' ? 1 : -1;
     const columnDirection = broaderCellRange.getHorizontalDirection() === 'W-E' ? 1 : -1;
-    const renderableHighlight = this.settings.visualToRenderableCoords(this.visualCellRange.highlight);
-    let cellCoordsVisual = null;
-    if (renderableHighlight === null || renderableHighlight.col === null || renderableHighlight.row === null) {
-      cellCoordsVisual = this.getNearestNotHiddenCoords(coordsFrom, rowDirection, columnDirection);
-    }
-    if (cellCoordsVisual !== null && broaderCellRange.overlaps(cellCoordsVisual)) {
-      const currentHighlight = broaderCellRange.highlight.clone();
-      if (currentHighlight.row >= 0) {
-        currentHighlight.row = cellCoordsVisual.row;
-      }
-      if (currentHighlight.col >= 0) {
-        currentHighlight.col = cellCoordsVisual.col;
-      }
-
-      // We can't show selection visually now, but we found first visible range in the broader cell range.
+    const singleCellRangeVisual = this.getNearestNotHiddenCoords(broaderCellRange.from.clone().normalize(), rowDirection, columnDirection);
+    if (singleCellRangeVisual !== null && broaderCellRange.overlaps(singleCellRangeVisual)) {
+      // We can't show selection visually now, but we found fist visible range in the broader cell range.
       if (this.cellRange === null) {
-        const cellCoordsRenderable = this.settings.visualToRenderableCoords(currentHighlight);
-        this.cellRange = this.settings.createCellRange(cellCoordsRenderable);
+        const singleCellRangeRenderable = this.settings.visualToRenderableCoords(singleCellRangeVisual);
+        this.cellRange = this.settings.createCellRange(singleCellRangeRenderable);
       }
 
       // We set new highlight as it might change (for example, when showing/hiding some cells from the broader selection range)
       // TODO: It is also handled by the `MergeCells` plugin while adjusting already modified coordinates. Should it?
-      broaderCellRange.setHighlight(currentHighlight);
+      broaderCellRange.setHighlight(singleCellRangeVisual);
+      return this;
     }
 
-    // Sync the highlight coords from the visual selection layer with logical coords.
-    if (this.settings.selectionType === 'focus' && renderableHighlight !== null && cellCoordsVisual === null) {
-      broaderCellRange.setHighlight(this.visualCellRange.highlight);
-    }
+    // Fallback to the start of the range. It resets the previous highlight (for example, when all columns have been hidden).
+    broaderCellRange.setHighlight(broaderCellRange.from);
     return this;
   }
 
@@ -195,7 +190,11 @@ class VisualSelection extends _src.Selection {
       from,
       to
     } = this.cellRange;
-    return [Math.min(from.row, to.row), Math.min(from.col, to.col), Math.max(from.row, to.row), Math.max(from.col, to.col)];
+    const isRowUndefined = from.row === null || to.row === null;
+    const isColumnUndefined = from.col === null || to.col === null;
+    const topLeftCorner = this.settings.createCellCoords(isRowUndefined ? null : Math.min(from.row, to.row), isColumnUndefined ? null : Math.min(from.col, to.col));
+    const bottomRightCorner = this.settings.createCellCoords(isRowUndefined ? null : Math.max(from.row, to.row), isColumnUndefined ? null : Math.max(from.col, to.col));
+    return [topLeftCorner.row, topLeftCorner.col, bottomRightCorner.row, bottomRightCorner.col];
   }
 
   /**
@@ -218,14 +217,11 @@ class VisualSelection extends _src.Selection {
    *                                      points to the beginning of the selection.
    * @param {CellCoords} visualToCoords The CellCoords object which contains coordinates that
    *                                    points to the end of the selection.
-   * @returns {CellRange|null}
+   * @returns {CellRange}
    */
   createRenderableCellRange(visualFromCoords, visualToCoords) {
     const renderableFromCoords = this.settings.visualToRenderableCoords(visualFromCoords);
     const renderableToCoords = this.settings.visualToRenderableCoords(visualToCoords);
-    if (renderableFromCoords.row === null || renderableFromCoords.col === null || renderableToCoords.row === null || renderableToCoords.col === null) {
-      return null;
-    }
     return this.settings.createCellRange(renderableFromCoords, renderableFromCoords, renderableToCoords);
   }
 }

package/selection/highlight/visualSelection.mjs

@@ -59,6 +59,10 @@ class VisualSelection extends Selection {
       return null;
     }
     if (visibleFromCoords.row > visibleToCoords.row || visibleFromCoords.col > visibleToCoords.col) {
+      const isHeaderTypeSelection = this.settings.type === 'header' || this.settings.type === 'active-header';
+      if (!isHeaderTypeSelection) {
+        return null;
+      }
       visibleFromCoords = from;
       visibleToCoords = to;
     }
@@ -78,13 +82,13 @@ class VisualSelection extends Selection {
    */
   getNearestNotHiddenCoords(coords, rowSearchDirection) {
     let columnSearchDirection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : rowSearchDirection;
-    const nextVisibleRow = this.getNearestNotHiddenIndex(this.settings.rowIndexMapper, coords.row, rowSearchDirection);
+    const nextVisibleRow = this.getNearestNotHiddenIndex(this.settings.rowIndexMapper(), coords.row, rowSearchDirection);
 
     // There are no more visual rows in the range.
     if (nextVisibleRow === null) {
       return null;
     }
-    const nextVisibleColumn = this.getNearestNotHiddenIndex(this.settings.columnIndexMapper, coords.col, columnSearchDirection);
+    const nextVisibleColumn = this.getNearestNotHiddenIndex(this.settings.columnIndexMapper(), coords.col, columnSearchDirection);
 
     // There are no more visual columns in the range.
     if (nextVisibleColumn === null) {
@@ -107,7 +111,12 @@ class VisualSelection extends Selection {
     if (visualIndex < 0) {
       return visualIndex;
     }
-    return indexMapper.getNearestNotHiddenIndex(visualIndex, searchDirection);
+    const nearestVisualIndex = indexMapper.getNearestNotHiddenIndex(visualIndex, searchDirection);
+    const isHeaderSelectionType = this.settings.type === 'header' || this.settings.type === 'active-header';
+    if (isHeaderSelectionType && nearestVisualIndex === null) {
+      return -1;
+    }
+    return nearestVisualIndex;
   }
 
   /**
@@ -144,38 +153,24 @@ class VisualSelection extends Selection {
    * @returns {VisualSelection}
    */
   syncWith(broaderCellRange) {
-    const coordsFrom = broaderCellRange.from.clone().normalize();
     const rowDirection = broaderCellRange.getVerticalDirection() === 'N-S' ? 1 : -1;
     const columnDirection = broaderCellRange.getHorizontalDirection() === 'W-E' ? 1 : -1;
-    const renderableHighlight = this.settings.visualToRenderableCoords(this.visualCellRange.highlight);
-    let cellCoordsVisual = null;
-    if (renderableHighlight === null || renderableHighlight.col === null || renderableHighlight.row === null) {
-      cellCoordsVisual = this.getNearestNotHiddenCoords(coordsFrom, rowDirection, columnDirection);
-    }
-    if (cellCoordsVisual !== null && broaderCellRange.overlaps(cellCoordsVisual)) {
-      const currentHighlight = broaderCellRange.highlight.clone();
-      if (currentHighlight.row >= 0) {
-        currentHighlight.row = cellCoordsVisual.row;
-      }
-      if (currentHighlight.col >= 0) {
-        currentHighlight.col = cellCoordsVisual.col;
-      }
-
-      // We can't show selection visually now, but we found first visible range in the broader cell range.
+    const singleCellRangeVisual = this.getNearestNotHiddenCoords(broaderCellRange.from.clone().normalize(), rowDirection, columnDirection);
+    if (singleCellRangeVisual !== null && broaderCellRange.overlaps(singleCellRangeVisual)) {
+      // We can't show selection visually now, but we found fist visible range in the broader cell range.
       if (this.cellRange === null) {
-        const cellCoordsRenderable = this.settings.visualToRenderableCoords(currentHighlight);
-        this.cellRange = this.settings.createCellRange(cellCoordsRenderable);
+        const singleCellRangeRenderable = this.settings.visualToRenderableCoords(singleCellRangeVisual);
+        this.cellRange = this.settings.createCellRange(singleCellRangeRenderable);
       }
 
       // We set new highlight as it might change (for example, when showing/hiding some cells from the broader selection range)
       // TODO: It is also handled by the `MergeCells` plugin while adjusting already modified coordinates. Should it?
-      broaderCellRange.setHighlight(currentHighlight);
+      broaderCellRange.setHighlight(singleCellRangeVisual);
+      return this;
     }
 
-    // Sync the highlight coords from the visual selection layer with logical coords.
-    if (this.settings.selectionType === 'focus' && renderableHighlight !== null && cellCoordsVisual === null) {
-      broaderCellRange.setHighlight(this.visualCellRange.highlight);
-    }
+    // Fallback to the start of the range. It resets the previous highlight (for example, when all columns have been hidden).
+    broaderCellRange.setHighlight(broaderCellRange.from);
     return this;
   }
 
@@ -192,7 +187,11 @@ class VisualSelection extends Selection {
       from,
       to
     } = this.cellRange;
-    return [Math.min(from.row, to.row), Math.min(from.col, to.col), Math.max(from.row, to.row), Math.max(from.col, to.col)];
+    const isRowUndefined = from.row === null || to.row === null;
+    const isColumnUndefined = from.col === null || to.col === null;
+    const topLeftCorner = this.settings.createCellCoords(isRowUndefined ? null : Math.min(from.row, to.row), isColumnUndefined ? null : Math.min(from.col, to.col));
+    const bottomRightCorner = this.settings.createCellCoords(isRowUndefined ? null : Math.max(from.row, to.row), isColumnUndefined ? null : Math.max(from.col, to.col));
+    return [topLeftCorner.row, topLeftCorner.col, bottomRightCorner.row, bottomRightCorner.col];
   }
 
   /**
@@ -215,14 +214,11 @@ class VisualSelection extends Selection {
    *                                      points to the beginning of the selection.
    * @param {CellCoords} visualToCoords The CellCoords object which contains coordinates that
    *                                    points to the end of the selection.
-   * @returns {CellRange|null}
+   * @returns {CellRange}
    */
   createRenderableCellRange(visualFromCoords, visualToCoords) {
     const renderableFromCoords = this.settings.visualToRenderableCoords(visualFromCoords);
     const renderableToCoords = this.settings.visualToRenderableCoords(visualToCoords);
-    if (renderableFromCoords.row === null || renderableFromCoords.col === null || renderableToCoords.row === null || renderableToCoords.col === null) {
-      return null;
-    }
     return this.settings.createCellRange(renderableFromCoords, renderableFromCoords, renderableToCoords);
   }
 }

package/selection/index.js

@@ -2,11 +2,14 @@
 
 exports.__esModule = true;
 var _exportNames = {
+  Highlight: true,
   Selection: true,
   handleMouseEvent: true,
   detectSelectionType: true,
   normalizeSelectionFactory: true
 };
+var _highlight = _interopRequireDefault(require("./highlight/highlight"));
+exports.Highlight = _highlight.default;
 var _selection = _interopRequireDefault(require("./selection"));
 exports.Selection = _selection.default;
 var _mouseEventHandler = require("./mouseEventHandler");
@@ -14,11 +17,11 @@ exports.handleMouseEvent = _mouseEventHandler.handleMouseEvent;
 var _utils = require("./utils");
 exports.detectSelectionType = _utils.detectSelectionType;
 exports.normalizeSelectionFactory = _utils.normalizeSelectionFactory;
-var _highlight = require("./highlight/highlight");
-Object.keys(_highlight).forEach(function (key) {
+var _constants = require("./highlight/constants");
+Object.keys(_constants).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _highlight[key]) return;
-  exports[key] = _highlight[key];
+  if (key in exports && exports[key] === _constants[key]) return;
+  exports[key] = _constants[key];
 });
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/selection/index.mjs

@@ -1,5 +1,6 @@
+import Highlight from "./highlight/highlight.mjs";
 import Selection from "./selection.mjs";
 import { handleMouseEvent } from "./mouseEventHandler.mjs";
 import { detectSelectionType, normalizeSelectionFactory } from "./utils.mjs";
-export * from "./highlight/highlight.mjs";
-export { handleMouseEvent, Selection, detectSelectionType, normalizeSelectionFactory };
+export * from "./highlight/constants.mjs";
+export { handleMouseEvent, Highlight, Selection, detectSelectionType, normalizeSelectionFactory };

package/selection/mouseEventHandler.js

@@ -65,7 +65,7 @@ function mouseDown(_ref) {
         selection.setRangeStart(coords);
       }
     } else if (coords.col < 0 && coords.row < 0) {
-      selection.selectAll(true, true, coords);
+      selection.selectAll(true, true);
     }
   }
 }

package/selection/mouseEventHandler.mjs

@@ -59,7 +59,7 @@ export function mouseDown(_ref) {
         selection.setRangeStart(coords);
       }
     } else if (coords.col < 0 && coords.row < 0) {
-      selection.selectAll(true, true, coords);
+      selection.selectAll(true, true);
     }
   }
 }

package/selection/range.js

@@ -69,7 +69,7 @@ class SelectionRange {
    * @returns {CellRange|undefined}
    */
   current() {
-    return this.peekByIndex(this.size() - 1);
+    return this.peekByIndex(0);
   }
 
   /**
@@ -78,7 +78,7 @@ class SelectionRange {
    * @returns {CellRange|undefined}
    */
   previous() {
-    return this.peekByIndex(this.size() - 2);
+    return this.peekByIndex(-1);
   }
 
   /**
@@ -112,17 +112,17 @@ class SelectionRange {
   }
 
   /**
-   * Peek the coordinates based on the index where that coordinate resides in the collection.
+   * Peek the coordinates based on the offset where that coordinate resides in the collection.
    *
-   * @param {number} [index=0] An index where the coordinate will be retrieved from. The index '0' gets the
-   * latest range.
+   * @param {number} [offset=0] An offset where the coordinate will be retrieved from.
    * @returns {CellRange|undefined}
    */
   peekByIndex() {
-    let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    let offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    const rangeIndex = this.size() + offset - 1;
     let cellRange;
-    if (index >= 0 && index < this.size()) {
-      cellRange = this.ranges[index];
+    if (rangeIndex >= 0) {
+      cellRange = this.ranges[rangeIndex];
     }
     return cellRange;
   }